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