git.cworth.org Git - cworth.org/blob - src/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-weight: bold;
  10         line-height: 1em;
  11         display: block;
  12 }
  13
  14 .author {
  15         margin: 0;
  16         font-weight: bold;
  17         display: block;
  18 }
  19
  20 .actions ul {
  21         margin: 0;
  22         padding: 6px;
  23         list-style-type: none;
  24         border-bottom: 1px solid #000;
  25 }
  26
  27 .inlinepage .actions ul {
  28         border-bottom: 0;
  29 }
  30
  31 .actions li {
  32         display: inline;
  33         padding: .2em .4em;
  34 }
  35
  36 .tags {
  37         clear: both;
  38 }
  39
  40 #pageinfo {
  41         clear: both;
  42         margin: 1em 0;
  43         border-top: 1px solid #000;
  44 }
  45
  46 div.tags {
  47         margin-top: 1em;
  48 }
  49
  50 #backlinks {
  51         margin-top: 1em;
  52 }
  53
  54 #searchform {
  55         display: inline;
  56         float: right;
  57 }
  58
  59 #editcontent {
  60         width: 100%;
  61 }
  62
  63 img {
  64         border-style: none;
  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 /* Used for adding a blog page. */
  91 #blogform {
  92         padding: 10px 10px;
  93         border: 1px solid #aaa;
  94         background: #eee;
  95         color: black !important;
  96 }
  97
  98 .inlinepage {
  99         padding: 10px 10px;
 100         border: 1px solid #aaa;
 101 }
 102
 103 /* Used for invalid form fields. */
 104 .fb_invalid {
 105         color: red;
 106         background: white !important;
 107 }
 108
 109 /* Used for required form fields. */
 110 .fb_required {
 111         font-weight: bold;
 112 }
 113
 114 /* Orange feed button. */
 115 .feedbutton {
 116         background: #ff6600;
 117         color: white !important;
 118         border-left: 1px solid #cc9966;
 119         border-top: 1px solid #ccaa99;
 120         border-right: 1px solid #993300;
 121         border-bottom: 1px solid #331100;
 122         padding: 0px 0.5em 0px 0.5em;
 123         font-family: sans-serif;
 124         font-weight: bold;
 125         font-size: small;
 126         text-decoration: none;
 127         margin-top: 1em;
 128 }
 129 .feedbutton:hover {
 130         color: white !important;
 131         background: #ff9900;
 132 }
 133
 134 /* Tag cloud. */
 135 .pagecloud {
 136         float: right;
 137         width: 30%;
 138         text-align: center;
 139         padding: 10px 10px;
 140         border: 1px solid #aaa;
 141         background: #eee;
 142         color: black !important;
 143 }
 144 .smallestPC { font-size: 70%; }
 145 .smallPC { font-size: 85%; }
 146 .normalPC { font-size: 100%; }
 147 .bigPC { font-size: 115%; }
 148 .biggestPC { font-size: 130%; }
 149
 150 #sidebar {
 151         line-height: 3ex;
 152         width: 20ex;
 153         float: right;
 154         margin-left: 40px;
 155         margin-bottom: 40px;
 156         padding: 2ex 2ex;
 157 }
 158
 159 /* outlines */
 160 li.L1 {
 161         list-style: upper-roman;
 162 }
 163 li.L2 {
 164         list-style: decimal;
 165 }
 166 li.L3 {
 167         list-style: lower-alpha;
 168 }
 169 li.L4 {
 170         list-style: disc;
 171 }
 172 li.L5 {
 173         list-style: square;
 174 }
 175 li.L6 {
 176         list-style: circle;
 177 }
 178 li.L7 {
 179         list-style: lower-roman;
 180 }
 181 li.L8 {
 182         list-style: upper-alpha;
 183 }
 184
 185 hr.poll {
 186         height: 10pt;
 187         color: white !important;
 188         background: #eee;
 189         border: 2px solid black;
 190 }
 191 div.poll {
 192         margin-top: 1ex;
 193         margin-bottom: 1ex;
 194         padding: 1ex 1ex;
 195         border: 1px solid #aaa;
 196 }
 197
 198 input#openid_url {
 199         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
 200         background-color: #fff;
 201         background-position: 0 50%;
 202         color: #000;
 203         padding-left: 18px;
 204 }
 205
 206 /* Things to hide in printouts. */
 207 @media print {
 208         .actions { display: none; }
 209         .tags { display: none; }
 210         .feedbutton { display: none; }
 211         #searchform { display: none; }
 212         #blogform { display: none; }
 213         #backlinks { display: none; }
 214 }
 215
 216 /* Provided for use by template plugin for floating info boxes. */
 217 .infobox {
 218         float: right;
 219         margin-left: 2ex;
 220         margin-top: 1ex;
 221         margin-bottom: 1ex;
 222         padding: 1ex 1ex;
 223         border: 1px solid #aaa;
 224 }
 225
 226 /* Provided for use by template plugin for floating note boxes. */
 227 .notebox {
 228         float: right;
 229         margin-left: 2ex;
 230         margin-top: 1ex;
 231         margin-bottom: 1ex;
 232         padding: 1ex 1ex;
 233         border: 1px solid #aaa;
 234         width: 25%
 235 }
 236
 237 /* Used by the popup template and for backlinks hiding. */
 238 .popup {
 239         border-bottom: 1px dotted #366;
 240         color: #366;
 241 }
 242 .popup .balloon,
 243 .popup .paren,
 244 .popup .expand {
 245         display: none;
 246 }
 247 .popup:hover .balloon,
 248 .popup:focus .balloon {
 249         position: absolute;
 250         display: inline;
 251         margin: 1em 0 0 -2em;
 252         padding: 0.625em;
 253         border: 2px solid;
 254         background-color: #dee;
 255         color: black;
 256
 257         /* Nonstandard, but very nice. */
 258         opacity: 0.95;
 259         -moz-opacity: 0.95;
 260         filter: alpha(opacity=95);
 261 }
 262
 263 /* Formbuilder styling */
 264 fieldset {
 265         margin: 1ex 0;
 266         border: 1px solid black;
 267 }
 268 legend {
 269         padding: 0 1ex;
 270 }
 271 .fb_submit {
 272         float: left;
 273         margin: 2px 0;
 274 }
 275 #signin_openid_url_label {
 276         float: left;
 277         margin-right: 1ex;
 278 }
 279 #signin_openid {
 280         padding: 10px 10px;
 281         border: 1px solid #aaa;
 282         background: #eee;
 283         color: black !important;
 284 }