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