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