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