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