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