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