doc/css_market/02_template.css

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