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