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