doc/style.css

   1 /* ikiwiki style sheet */
   2
   3 /* Note that instead of modifying this style sheet, you can instead edit
   4  * local.css and use it to override or change settings in this one.
   5  */
   6
   7 .header {
   8         margin: 0;
   9         font-size: 22px;
  10         font-weight: bold;
  11         line-height: 1em;
  12         display: block;
  13 }
  14
  15 .author {
  16         margin: 0;
  17         font-size: 18px;
  18         font-weight: bold;
  19         display: block;
  20 }
  21
  22 .actions ul {
  23         margin: 0;
  24         padding: 6px;
  25         list-style-type: none;
  26         border-bottom: 1px solid #000;
  27 }
  28
  29 .inlinepage .actions ul {
  30         border-bottom: 0;
  31 }
  32
  33 .actions li {
  34         display: inline;
  35         padding: .2em .4em;
  36 }
  37
  38 #backlinks {
  39         margin: 1em 0;
  40 }
  41
  42 .tags {
  43         clear: both;
  44 }
  45
  46 div.tags {
  47         border-top: 1px solid #000;
  48 }
  49
  50 #footer {
  51         margin: 1em 0;
  52 }
  53
  54 #searchform {
  55         display: inline;
  56         float: right;
  57 }
  58
  59 #editcontent {
  60         width: 100%;
  61 }
  62
  63 /* Stuff for the RecentChanges table. */
  64 tr.changeheader {
  65         background: #eee;
  66         color: black !important;
  67 }
  68 tr.changeinfo {
  69         background: #eee;
  70         color: black !important;
  71 }
  72 th.changeheader {
  73         padding: 1px .3em;
  74 }
  75 td.changeinfo {
  76         padding: 1px .3em;
  77 }
  78 td.changetime {
  79         white-space: nowrap;
  80         padding: 1px .3em;
  81 }
  82 td.changelog {
  83         font-style: italic;
  84 }
  85
  86 .pagecloud {
  87         padding: 10px 10px;
  88         border: 1px solid #aaa;
  89         background: #eee;
  90         color: black !important;
  91 }
  92
  93 /* Used for adding a blog page. */
  94 #blogform {
  95         padding: 10px 10px;
  96         border: 1px solid #aaa;
  97         background: #eee;
  98         color: black !important;
  99 }
 100
 101 .inlinepage {
 102         padding: 10px 10px;
 103         border: 1px solid #aaa;
 104 }
 105
 106 .pageinfo {
 107         clear: both;
 108         font-style: italic;
 109         display: block;
 110 }
 111
 112 /* Used for invalid form fields. */
 113 .fb_invalid {
 114         color: red;
 115         background: white !important;
 116 }
 117
 118 /* Used for required form fields. */
 119 .fb_required {
 120         font-weight: bold;
 121 }
 122
 123 /* Orange feed button. */
 124 .feedbutton {
 125         background: #ff6600;
 126         color: white !important;
 127         border-left: 1px solid #cc9966;
 128         border-top: 1px solid #ccaa99;
 129         border-right: 1px solid #993300;
 130         border-bottom: 1px solid #331100;
 131         padding: 0px 0.5em 0px 0.5em;
 132         font-family: sans-serif;
 133         font-weight: bold;
 134         font-size: small;
 135         text-decoration: none;
 136         margin-top: 1em;
 137 }
 138 .feedbutton:hover {
 139         color: white !important;
 140         background: #ff9900;
 141 }
 142
 143 /* Tag cloud. */
 144 .pagecloud {
 145         float: right;
 146         width: 30%;
 147         text-align: center;
 148 }
 149 .smallestPC { font-size: 70%; }
 150 .smallPC { font-size: 85%; }
 151 .normalPC { font-size: 100%; }
 152 .bigPC { font-size: 115%; }
 153 .biggestPC { font-size: 130%; }
 154
 155 #sidebar {
 156         line-height: 3ex;
 157         width: 20ex;
 158         float: right;
 159         margin-left: 40px;
 160         margin-bottom: 40px;
 161         padding: 2ex 2ex;
 162 }
 163
 164 /* outlines */
 165 li.L1 {
 166         list-style: upper-roman;
 167 }
 168 li.L2 {
 169         list-style: decimal;
 170 }
 171 li.L3 {
 172         list-style: lower-alpha;
 173 }
 174 li.L4 {
 175         list-style: disc;
 176 }
 177 li.L5 {
 178         list-style: square;
 179 }
 180 li.L6 {
 181         list-style: circle;
 182 }
 183 li.L7 {
 184         list-style: lower-roman;
 185 }
 186 li.L8 {
 187         list-style: upper-alpha;
 188 }
 189
 190 hr.poll {
 191         height: 10pt;
 192         color: white !important;
 193         background: #eee;
 194         border: 2px solid black;
 195 }
 196 div.poll {
 197         margin-top: 1ex;
 198         margin-bottom: 1ex;
 199         padding: 1ex 1ex;
 200         border: 1px solid #aaa;
 201 }
 202
 203 input#openid_url {
 204         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
 205         background-color: #fff;
 206         background-position: 0 50%;
 207         color: #000;
 208         padding-left: 18px;
 209 }
 210
 211 /* Things to hide in printouts. */
 212 @media print {
 213         .actions { display: none; }
 214         .tags { display: none; }
 215         .feedbutton { display: none; }
 216         #searchform { display: none; }
 217         #blogform { display: none; }
 218         #backlinks { display: none; }
 219 }
 220
 221 /* Provided for use by template plugin for floating info boxes. */
 222 .infobox {
 223         float: right;
 224         margin-left: 2ex;
 225         margin-top: 1ex;
 226         margin-bottom: 1ex;
 227         padding: 1ex 1ex;
 228         border: 1px solid #aaa;
 229 }
 230
 231 /* Provided for use by template plugin for floating note boxes. */
 232 .notebox {
 233         float: right;
 234         margin-left: 2ex;
 235         margin-top: 1ex;
 236         margin-bottom: 1ex;
 237         padding: 1ex 1ex;
 238         border: 1px solid #aaa;
 239         width: 25%
 240 }
 241
 242 /* Used by the popup template and for backlinks hiding. */
 243 .popup {
 244         border-bottom: 1px dotted #366;
 245         color: #366;
 246 }
 247 .popup .balloon,
 248 .popup .paren,
 249 .popup .expand {
 250         display: none;
 251 }
 252 .popup:hover .balloon,
 253 .popup:focus .balloon {
 254         position: absolute;
 255         display: inline;
 256         margin: 1em 0 0 -2em;
 257         padding: 0.625em;
 258         border: 2px solid;
 259         background-color: #dee;
 260         color: black;
 261         opacity: 0.95;
 262         -moz-opacity: 0.95;
 263         filter: alpha(opacity=95);
 264 }
 265 .popup:hover .expand,
 266 .popup:focus .expand {
 267         display: inline;
 268 }