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