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