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