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