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