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