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