doc/css_market/02_template.css.wiki

   1 /* ikiwiki local style sheet */
   2
   3 /* Add local styling here, instead of modifying style.css. */
   4
   5 /* This stylesheet is based on the 1024px template by Andreas Viklund:
   6
   7    1024px - An open source xhtml/css website template by Andreas Viklund -
   8    http://andreasviklund.com . Free to use in any way and for any purpose as
   9    long as the proper cr
  10    edits are given to the original designer.
  11
  12    Version: 1.0, March 29, 2006
  13
  14    modifications for ikiwiki by Martin Wuertele <web@wuertele.net>
  15 */
  16
  17 /******** General tags ********/
  18
  19 body{
  20         padding:0;
  21         margin:0;
  22         border:none;
  23         font-family:georgia, arial;
  24         font-size:12px;
  25         background:url(images/bg.png) repeat-x top #4B546B;
  26         /*background:#4B546B;*/
  27         color:#000000;
  28 }
  29
  30 #pagestyle{
  31         width:80%;
  32         padding-top:5px;
  33         padding-bottom:5px;
  34         padding-left:5px;
  35         padding-right:5px;
  36         margin:0 auto;
  37         border:none;
  38         background-color:#FFFFFF;
  39
  40 }
  41
  42 #pagehead{
  43         background:url(images/header.png) no-repeat center #808080;
  44         height:203px;
  45 }
  46
  47 a{
  48         margin:0;
  49         padding:0;
  50         border-bottom:1px #8994AF dotted;
  51         border-top:none;
  52         border-left:none;
  53         border-right:none;
  54         background-color:transparent;
  55         color:#000000;
  56         display:inline;
  57         color:#8994AF;
  58         text-decoration:none;
  59 }
  60
  61 a:hover{
  62         margin:0;
  63         padding:0;
  64         border-bottom:1px #4B556A dotted;
  65         border-top:none;
  66         border-left:none;
  67         border-right:none;
  68         background-color:transparent;
  69         color:#000000;
  70         display:inline;
  71         color:#4B556A;
  72         text-decoration:none;
  73 }
  74
  75 a img{
  76         border:0;
  77 }
  78
  79 p{
  80         margin:0 0 18px 10px;
  81 }
  82
  83 pre{
  84         margin:0 0 18px 10px;
  85 }
  86
  87 ul,ol,dl{
  88 }
  89
  90 ul ul,ol ol{
  91         margin:4px 0 4px 35px;
  92 }
  93
  94 h1{
  95         font-family:georgia, arial;
  96         font-size:16px;
  97         color:#4A5368;
  98         text-transform:uppercase;
  99         font-weight:bold;
 100         padding:0;
 101         margin-top:0;
 102         margin-bottom:5px;
 103         margin-left:auto;
 104         margin-right:auto;
 105 }
 106
 107 h2{
 108         font-family:georgia, arial;
 109         font-size:14px;
 110         color:#4A5368;
 111         text-transform:uppercase;
 112         font-weight:bold;
 113         padding:0;
 114         margin-top:0;
 115         margin-bottom:5px;
 116         margin-left:auto;
 117         margin-right:auto;
 118 }
 119
 120 h3{
 121         font-family:georgia, arial;
 122         font-size:12px;
 123         color:#4A5368;
 124         text-transform:uppercase;
 125         font-weight:bold;
 126         padding:0;
 127         margin-top:0;
 128         margin-bottom:5px;
 129         margin-left:auto;
 130         margin-right:auto;
 131 }
 132
 133 blockquote{
 134 }
 135
 136 #pageheader{
 137 }
 138
 139 #afront {
 140 }
 141
 142 .header{
 143         width:auto;
 144         border:none;
 145         padding-top:1px;
 146         padding-bottom:10px;
 147         padding-left:5px;
 148         padding-right:5px;
 149         text-align:left;
 150         margin:0;
 151         height:20px;
 152         line-height:20px;
 153         font-family:georgia, arial;
 154         font-size:12px;
 155         color:#808080;
 156 }
 157
 158 .actions {
 159         border-bottom: none;
 160 }
 161
 162 #backlinks{
 163         width:auto;
 164         border:none;
 165         padding-top:0;
 166         padding-bottom:1px;
 167         padding-left:5px;
 168         padding-right:5px;
 169         text-align:right;
 170         margin:0;
 171         height:20px;
 172         line-height:20px;
 173         font-family:georgia, arial;
 174         font-size:12px;
 175         color:#808080;
 176 }
 177
 178 div.tags {
 179         border: none;
 180 }
 181
 182 #content{
 183 }
 184
 185 #contentalt{
 186 }
 187
 188 #pageinfo {
 189         border: none;
 190 }
 191
 192 .inlinepage {
 193         border:none;
 194         padding:5px 10px;
 195         margin:0
 196 }
 197
 198 .inlinepage .header {
 199         font-family:georgia, arial;
 200         font-size:16px;
 201         color:#4A5368;
 202         text-transform:uppercase;
 203         font-weight:bold;
 204         padding:0;
 205         margin-top:0;
 206         margin-bottom:5px;
 207         margin-left:auto;
 208         margin-right:auto;
 209 }
 210
 211 #tags {
 212         border: none;
 213 }
 214
 215 /******** Content variations ********/
 216
 217 .feedbutton {
 218         color:#ffffff;
 219         font-size:0.9em;
 220         background-color:#4088b8;
 221         border:1px solid #c8c8c8;
 222         line-height:1.3em;
 223         padding: 0px 0.5em 0px 0.5em;
 224 }
 225
 226 /*.feedbutton:hover {
 227         color: #4088b8 !important;
 228         background: #ffffff;
 229 }*/
 230
 231
 232 /******** sidebar ********/
 233
 234 #sidebar{
 235         float:right;
 236         width:175px;
 237         background-color:#FFFFFF;
 238         border:1px #808080 solid;
 239         padding:5px 10px;
 240         margin:0;
 241         height:100%
 242 }
 243
 244 #sidebar ul{
 245         list-style:none;
 246 }
 247
 248 #sidebar li{
 249         list-style:none;
 250 }
 251
 252 #sidebar li a{
 253 }
 254
 255 #sidebar ul ul{
 256 }
 257
 258 #sidebar ul ul li a{
 259 }
 260
 261 #sidebar h1{
 262         font-family:georgia, arial;
 263         font-size:16px;
 264         color:#4A5368;
 265         text-transform:uppercase;
 266         font-weight:bold;
 267         padding:0;
 268         margin-top:0;
 269         margin-bottom:5px;
 270         margin-left:auto;
 271         margin-right:auto;
 272 }
 273
 274 #sidebar h2{
 275         margin:3px 0px 8px 0px;
 276 }
 277
 278
 279 /******** Footer ********/
 280 #footer{
 281         clear:both;
 282         text-align:right;
 283         color:#808080;
 284         border-top:1px #808080 solid;
 285         margin:0 auto;
 286         padding:8px 0;
 287 }
 288
 289 .pagedate{
 290         text-size:small;
 291         text-align:right;
 292         margin:0;
 293         font-family:georgia, arial;
 294         font-size:10px;
 295         color:#808080;
 296         padding:8px 0;
 297 }