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