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