website/local.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 .img caption {
  57         font-size: 80%;
  58         caption-side: bottom;
  59         text-align: center;
  60 }
  61
  62 #backlinks {
  63         margin-top: 1em;
  64 }
  65
  66 #searchform {
  67         display: inline;
  68         float: right;
  69 }
  70
  71 #editcontent {
  72         width: 100%;
  73 }
  74
  75 img {
  76         border-style: none;
  77 }
  78
  79 div.recentchanges {
  80         border-style: solid;
  81         border-width: 1px;
  82         overflow: auto;
  83         width: 100%;
  84         background: #eee;
  85         color: black !important;
  86 }
  87 .recentchanges .metadata {
  88         padding: 0px 0.5em;
  89 }
  90 .recentchanges .changelog {
  91         font-style: italic;
  92         clear: both;
  93         display: block;
  94         padding: 1px 2px;
  95         background: white !important;
  96         color: black !important;
  97 }
  98 .recentchanges .desc {
  99         display: none;
 100 }
 101 .recentchanges .diff {
 102         display: none;
 103 }
 104 .recentchanges .committer {
 105         float: left;
 106         margin: 0;
 107         width: 40%;
 108 }
 109 .recentchanges .committype {
 110         float: left;
 111         margin: 0;
 112         width: 5%;
 113         font-size: small;
 114 }
 115 .recentchanges .changedate {
 116         float: left;
 117         margin: 0;
 118         width: 35%;
 119         font-size: small;
 120 }
 121 .recentchanges .pagelinks {
 122         float: right;
 123         margin: 0;
 124         width: 60%;
 125 }
 126
 127 /* Used for adding a blog page. */
 128 #blogform {
 129         padding: 10px 10px;
 130         border: 1px solid #aaa;
 131         background: #eee;
 132         color: black !important;
 133 }
 134
 135 .inlinepage {
 136         padding: 10px 10px;
 137         border: 1px solid #aaa;
 138 }
 139
 140 .pagedate,
 141 .pagelicense,
 142 .pagecopyright {
 143         clear: both;
 144         font-style: italic;
 145         display: block;
 146         margin-top: 1em;
 147 }
 148
 149 /* Used for invalid form fields. */
 150 .fb_invalid {
 151         color: red;
 152         background: white !important;
 153 }
 154
 155 /* Used for required form fields. */
 156 .fb_required {
 157         font-weight: bold;
 158 }
 159
 160 /* Orange feed button. */
 161 .feedbutton {
 162         background: #ff6600;
 163         color: white !important;
 164         border-left: 1px solid #cc9966;
 165         border-top: 1px solid #ccaa99;
 166         border-right: 1px solid #993300;
 167         border-bottom: 1px solid #331100;
 168         padding: 0px 0.5em 0px 0.5em;
 169         font-family: sans-serif;
 170         font-weight: bold;
 171         font-size: small;
 172         text-decoration: none;
 173         margin-top: 1em;
 174 }
 175 .feedbutton:hover {
 176         color: white !important;
 177         background: #ff9900;
 178 }
 179
 180 /* Tag cloud. */
 181 .pagecloud {
 182         float: right;
 183         width: 30%;
 184         text-align: center;
 185         padding: 10px 10px;
 186         border: 1px solid #aaa;
 187         background: #eee;
 188         color: black !important;
 189 }
 190 .smallestPC { font-size: 70%; }
 191 .smallPC { font-size: 85%; }
 192 .normalPC { font-size: 100%; }
 193 .bigPC { font-size: 115%; }
 194 .biggestPC { font-size: 130%; }
 195
 196 #sidebar {
 197         line-height: 3ex;
 198         width: 16ex;
 199         position: absolute;
 200         padding: 1ex 1ex;
 201 }
 202
 203 #content {
 204         position: relative;
 205         left: 16ex;
 206         max-width: 68ex;
 207 }
 208
 209 #footer {
 210         visibility: hidden;
 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 input#openid_url {
 253         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
 254         background-color: #fff;
 255         background-position: 0 50%;
 256         color: #000;
 257         padding-left: 18px;
 258 }
 259
 260 /* Things to hide in printouts. */
 261 @media print {
 262         .actions { display: none; }
 263         .tags { display: none; }
 264         .feedbutton { display: none; }
 265         #searchform { display: none; }
 266         #blogform { display: none; }
 267         #backlinks { display: none; }
 268 }
 269
 270 /* Provided for use by template plugin for floating info boxes. */
 271 .infobox {
 272         float: right;
 273         margin-left: 2ex;
 274         margin-top: 1ex;
 275         margin-bottom: 1ex;
 276         padding: 1ex 1ex;
 277         border: 1px solid #aaa;
 278 }
 279
 280 /* Provided for use by template plugin for floating note boxes. */
 281 .notebox {
 282         float: right;
 283         margin-left: 2ex;
 284         margin-top: 1ex;
 285         margin-bottom: 1ex;
 286         padding: 1ex 1ex;
 287         border: 1px solid #aaa;
 288         width: 25%
 289 }
 290
 291 /* Used by the popup template and for backlinks hiding. */
 292 .popup {
 293         border-bottom: 1px dotted #366;
 294         color: #366;
 295 }
 296 .popup .balloon,
 297 .popup .paren,
 298 .popup .expand {
 299         display: none;
 300 }
 301 .popup:hover .balloon,
 302 .popup:focus .balloon {
 303         position: absolute;
 304         display: inline;
 305         margin: 1em 0 0 -2em;
 306         padding: 0.625em;
 307         border: 2px solid;
 308         background-color: #dee;
 309         color: black;
 310
 311         /* Nonstandard, but very nice. */
 312         opacity: 0.95;
 313         -moz-opacity: 0.95;
 314         filter: alpha(opacity=95);
 315 }
 316
 317 /* Formbuilder styling */
 318 fieldset {
 319         margin: 1ex 0;
 320         border: 1px solid black;
 321 }
 322 legend {
 323         padding: 0 1ex;
 324 }
 325 .fb_submit {
 326         float: left;
 327         margin: 2px 0;
 328 }
 329 #signin_openid_url_label {
 330         float: left;
 331         margin-right: 1ex;
 332 }
 333 #signin_openid {
 334         padding: 10px 10px;
 335         border: 1px solid #aaa;
 336         background: #eee;
 337         color: black !important;
 338 }