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         max-width: 95%;
  14
  15         background: url(gradient.png) repeat-x white 0px -16px;
  16         margin-top: 48px; /* height of gradient.png that we want to see */
  17
  18         color: #555;
  19         font-family: 'Lato', sans-serif;
  20 }
  21
  22 .header {
  23         margin-bottom: 0.5em;
  24 }
  25 .pageheader .actions ul {
  26         border-bottom: 2px solid #c00040;
  27 }
  28
  29 #pageinfo {
  30         border-top: 2px solid #c00040;
  31         text-align: center;
  32         color: #aaa;
  33 }
  34
  35 /*
  36  * css3 external links stuff
  37  * thanks to <http://www.kryogenix.org/days/2002/08/30/external>
  38  */
  39 #content a[href^="http:"]:after,
  40 #content a[href^="https:"]:after,
  41 #enclosure a[href^="http:"]:after,
  42 #enclosure a[href^="https:"]:after {
  43   content: "↗";
  44 }
  45 /* you will want to replicate this for your own domain in local.css */
  46 #content a[href^="http://localhost"]:after,
  47 #content a[href^="http://ikiwiki.info"]:after,
  48 #enclosure a[href^="http://localhost"]:after,
  49 #enclosure a[href^="http://ikiwiki.info"]:after {
  50   content: none;
  51 }
  52
  53 /* colouring */
  54 a:link    { color: #c00040; font-weight: bold; text-decoration: none; }
  55 a:hover   { color: #f01070; text-decoration: underline;}
  56 a:active  { color: #c00040; }
  57 a:visited { color: #c08080; font-weight: normal; font-style: italic; }
  58 hr { border: none; border-top: 2px solid #c00040; clear: both; }