it gets worse
[ikiwiki] / 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 }