themes/monochrome/style.css

   1 /*
   2  * monochrome - ikiwiki theme © Jon Dowland 2012
   3  * based on ikiwiki style.css and bits from jmtd.net at the time
   4  * License: GPL-2+
   5  */
   6
   7 @import url(http://fonts.googleapis.com/css?family=Lato&v2);
   8
   9 body {
  10         margin-left: auto;
  11         margin-right: auto;
  12         width: 48em;
  13
  14         background: url(gradient.png) repeat-x white 0px -16px;
  15         margin-top: 48px; /* height of gradient.png that we want to see */
  16
  17         color: #555;
  18         font-family: 'Lato', sans-serif;
  19 }
  20
  21 .header {
  22         margin-bottom: 0.5em;
  23 }
  24 .pageheader .actions ul {
  25         border-bottom: 2px solid #c00040;
  26 }
  27
  28 #pageinfo {
  29         border-top: 2px solid #c00040;
  30         text-align: center;
  31         color: #aaa;
  32 }
  33
  34 /*
  35  * css3 external links stuff
  36  * thanks to <http://www.kryogenix.org/days/2002/08/30/external>
  37  */
  38 #content a[href^="http:"]:after,
  39 #content a[href^="https:"]:after,
  40 #enclosure a[href^="http:"]:after,
  41 #enclosure a[href^="https:"]:after {
  42   content: "↗";
  43 }
  44 /* you will want to replicate this for your own domain in local.css */
  45 #content a[href^="http://localhost"]:after,
  46 #content a[href^="http://ikiwiki.info"]:after,
  47 #enclosure a[href^="http://localhost"]:after,
  48 #enclosure a[href^="http://ikiwiki.info"]:after {
  49   content: none;
  50 }
  51
  52 /* colouring */
  53 a:link    { color: #c00040; font-weight: bold; text-decoration: none; }
  54 a:hover   { color: #f01070; text-decoration: underline;}
  55 a:active  { color: #c00040; }
  56 a:visited { color: #c08080; font-weight: normal; font-style: italic; }
  57 hr { border: none; border-top: 2px solid #c00040; clear: both; }