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