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 .inlineheader .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 }
  27 .actions li {
  28         display: inline;
  29         padding: .2em .4em;
  30 }
  31 .pageheader .actions ul {
  32         border-bottom: 1px solid #000;
  33 }
  34
  35 .inlinepage .actions ul {
  36         border-bottom: 0;
  37 }
  38
  39 #otherlanguages ul {
  40         margin: 0;
  41         padding: 6px;
  42         list-style-type: none;
  43 }
  44 #otherlanguages li {
  45         display: inline;
  46         padding: .2em .4em;
  47 }
  48 .pageheader #otherlanguages {
  49         border-bottom: 1px solid #000;
  50 }
  51
  52 div.inlinecontent {
  53         margin-top: .4em;
  54 }
  55
  56 .pagefooter {
  57         clear: both;
  58 }
  59 .inlinefooter {
  60         clear: both;
  61 }
  62
  63 .tags {
  64 }
  65
  66 #pageinfo {
  67         margin: 1em 0;
  68         border-top: 1px solid #000;
  69 }
  70
  71 div.tags {
  72         margin-top: 1em;
  73 }
  74
  75 .mapparent {
  76         text-decoration: none;
  77 }
  78
  79 .img caption {
  80         font-size: 80%;
  81         caption-side: bottom;
  82         text-align: center;
  83 }
  84
  85 .align-left {
  86         float:left;
  87 }
  88
  89 .align-right {
  90         float:right;
  91 }
  92
  93 #backlinks {
  94         margin-top: 1em;
  95 }
  96
  97 #searchform {
  98         display: inline;
  99         float: right;
 100 }
 101
 102 #editcontent {
 103         width: 100%;
 104 }
 105
 106 img {
 107         border-style: none;
 108 }
 109
 110 div.recentchanges {
 111         border-style: solid;
 112         border-width: 1px;
 113         overflow: auto;
 114         clear: both;
 115         width: 100%;
 116         background: #eee;
 117         color: black !important;
 118 }
 119 .recentchanges .metadata {
 120         padding: 0px 0.5em;
 121 }
 122 .recentchanges .changelog {
 123         font-style: italic;
 124         clear: both;
 125         display: block;
 126         padding: 1px 2px;
 127         background: white !important;
 128         color: black !important;
 129 }
 130 .recentchanges .desc {
 131         display: none;
 132 }
 133 .recentchanges .diff {
 134         display: none;
 135 }
 136 .recentchanges .committer {
 137         float: left;
 138         margin: 0;
 139         width: 40%;
 140 }
 141 .recentchanges .committype {
 142         float: left;
 143         margin: 0;
 144         width: 5%;
 145         font-size: small;
 146 }
 147 .recentchanges .changedate {
 148         float: left;
 149         margin: 0;
 150         width: 35%;
 151         font-size: small;
 152 }
 153 .recentchanges .pagelinks {
 154         float: right;
 155         margin: 0;
 156         width: 60%;
 157 }
 158
 159 /* Used for adding a blog page. */
 160 #blogform {
 161         padding: 10px 10px;
 162         border: 1px solid #aaa;
 163         background: #eee;
 164         color: black !important;
 165 }
 166
 167 .inlinepage {
 168         padding: 10px 10px;
 169         border: 1px solid #aaa;
 170 }
 171
 172 .pagedate,
 173 .pagelicense,
 174 .pagecopyright {
 175         font-style: italic;
 176         display: block;
 177         margin-top: 1em;
 178 }
 179
 180 .error {
 181         color: #C00;
 182 }
 183
 184 /* Used for invalid form fields. */
 185 .fb_invalid {
 186         color: red;
 187         background: white !important;
 188 }
 189
 190 /* Used for required form fields. */
 191 .fb_required {
 192         font-weight: bold;
 193 }
 194
 195 /* Orange feed button. */
 196 .feedbutton {
 197         background: #ff6600;
 198         color: white !important;
 199         border-left: 1px solid #cc9966;
 200         border-top: 1px solid #ccaa99;
 201         border-right: 1px solid #993300;
 202         border-bottom: 1px solid #331100;
 203         padding: 0px 0.5em 0px 0.5em;
 204         font-family: sans-serif;
 205         font-weight: bold;
 206         font-size: small;
 207         text-decoration: none;
 208         margin-top: 1em;
 209 }
 210 .feedbutton:hover {
 211         color: white !important;
 212         background: #ff9900;
 213 }
 214
 215 /* Tag cloud. */
 216 .pagecloud {
 217         float: right;
 218         width: 30%;
 219         text-align: center;
 220         padding: 10px 10px;
 221         border: 1px solid #aaa;
 222         background: #eee;
 223         color: black !important;
 224 }
 225 .smallestPC { font-size: 70%; }
 226 .smallPC { font-size: 85%; }
 227 .normalPC { font-size: 100%; }
 228 .bigPC { font-size: 115%; }
 229 .biggestPC { font-size: 130%; }
 230
 231 .sidebar {
 232         width: 30ex;
 233         float: right;
 234         margin-left: 4px;
 235         margin-bottom: 4px;
 236         margin-top: -1px;
 237         padding: 0ex 2ex;
 238         background: white;
 239         border: 1px solid black;
 240         color: black !important;
 241 }
 242
 243 /* outlines */
 244 li.L1 {
 245         list-style: upper-roman;
 246 }
 247 li.L2 {
 248         list-style: decimal;
 249 }
 250 li.L3 {
 251         list-style: lower-alpha;
 252 }
 253 li.L4 {
 254         list-style: disc;
 255 }
 256 li.L5 {
 257         list-style: square;
 258 }
 259 li.L6 {
 260         list-style: circle;
 261 }
 262 li.L7 {
 263         list-style: lower-roman;
 264 }
 265 li.L8 {
 266         list-style: upper-alpha;
 267 }
 268
 269 hr.poll {
 270         height: 10pt;
 271         color: white !important;
 272         background: #eee;
 273         border: 2px solid black;
 274 }
 275 div.poll {
 276         margin-top: 1ex;
 277         margin-bottom: 1ex;
 278         padding: 1ex 1ex;
 279         border: 1px solid #aaa;
 280 }
 281
 282 div.progress {
 283         margin-top: 1ex;
 284         margin-bottom: 1ex;
 285         border: 1px solid #888;
 286         width: 400px;
 287         background: #eee;
 288         color: black !important;
 289         padding: 1px;
 290 }
 291 div.progress-done {
 292         background: #ea6 !important;
 293         color: black !important;
 294         text-align: center;
 295         padding: 1px;
 296 }
 297
 298 input#openid_url {
 299         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
 300         background-color: #fff;
 301         background-position: 0 50%;
 302         color: #000;
 303         padding-left: 18px;
 304 }
 305
 306 input#searchbox {
 307         background: url(wikiicons/search-bg.gif) no-repeat;
 308         background-color: #fff;
 309         background-position: 100% 50%;
 310         color: #000;
 311         padding-right: 16px;
 312 }
 313
 314 /* Things to hide in printouts. */
 315 @media print {
 316         .actions { display: none; }
 317         .tags { display: none; }
 318         .feedbutton { display: none; }
 319         #searchform { display: none; }
 320         #blogform { display: none; }
 321         #backlinks { display: none; }
 322 }
 323
 324 /* Provided for use by template plugin for floating info boxes. */
 325 .infobox {
 326         float: right;
 327         margin-left: 2ex;
 328         margin-top: 1ex;
 329         margin-bottom: 1ex;
 330         padding: 1ex 1ex;
 331         border: 1px solid #aaa;
 332         background: white;
 333         color: black !important;
 334 }
 335
 336 /* Provided for use by template plugin for floating note boxes. */
 337 .notebox {
 338         float: right;
 339         margin-left: 2ex;
 340         margin-top: 1ex;
 341         margin-bottom: 1ex;
 342         padding: 1ex 1ex;
 343         border: 1px solid #aaa;
 344         width: 25%;
 345         background: white;
 346         color: black !important;
 347 }
 348
 349 /* Used by the popup template and for backlinks hiding. */
 350 .popup {
 351         border-bottom: 1px dotted #366;
 352         color: #366;
 353 }
 354 .popup .balloon,
 355 .popup .paren,
 356 .popup .expand {
 357         display: none;
 358 }
 359 .popup:hover .balloon,
 360 .popup:focus .balloon {
 361         position: absolute;
 362         display: inline;
 363         margin: 1em 0 0 -2em;
 364         padding: 0.625em;
 365         border: 2px solid;
 366         background-color: #dee;
 367         color: black;
 368 }
 369
 370 /* Formbuilder styling */
 371 fieldset {
 372         margin: 1ex 0;
 373         border: 1px solid black;
 374 }
 375 legend {
 376         padding: 0 1ex;
 377 }
 378 .fb_submit {
 379         float: left;
 380         margin: 2px 0;
 381 }
 382 #signin_openid_url_label {
 383         float: left;
 384         margin-right: 1ex;
 385 }
 386 #signin_openid {
 387         padding: 10px 10px;
 388         border: 1px solid #aaa;
 389         background: #eee;
 390         color: black !important;
 391 }
 392
 393 span.color {
 394         padding: 2px;
 395 }
 396
 397 .comment-header,
 398 .microblog-header {
 399         font-style: italic;
 400         margin-top: .3em;
 401 }
 402 .comment .author,
 403 .microblog .author {
 404         font-weight: bold;
 405 }
 406 .comment-subject {
 407         font-weight: bold;
 408 }
 409 .comment {
 410         border: 1px solid #aaa;
 411         padding: 3px;
 412 }
 413
 414 /* Used by the highlight plugin. */
 415 pre.hl { color:#000000; background-color:#ffffff; }
 416 .hl.num { color:#2928ff; }
 417 .hl.esc { color:#ff00ff; }
 418 .hl.str { color:#ff0000; }
 419 .hl.dstr { color:#818100; }
 420 .hl.slc { color:#838183; font-style:italic; }
 421 .hl.com { color:#838183; font-style:italic; }
 422 .hl.dir { color:#008200; }
 423 .hl.sym { color:#000000; }
 424 .hl.line { color:#555555; }
 425 .hl.mark { background-color:#ffffbb; }
 426 .hl.kwa { color:#000000; font-weight:bold; }
 427 .hl.kwb { color:#830000; }
 428 .hl.kwc { color:#000000; font-weight:bold; }
 429 .hl.kwd { color:#010181; }
 430
 431 /* For the calendar plugin. */
 432 .month-calendar-day-this-day { background-color: #eee; }
 433 .year-calendar-this-month { background-color: #eee; }
 434 .month-calendar-arrow A:link,
 435 .year-calendar-arrow A:link,
 436 .month-calendar-arrow A:visited,
 437 .year-calendar-arrow A:visited {
 438         text-decoration: none;
 439         font-weight: normal;
 440         font-size: 150%;
 441 }