0399031f81feebd509a468c3d299681b557daca3
[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 .pagelicense,
107 .pagecopyright {
108         clear: both;
109         font-style: italic;
110         display: block;
111         margin-top: 1em;
112 }
113
114 /* Used for invalid form fields. */
115 .fb_invalid {
116         color: red;
117         background: white !important;
118 }
119
120 /* Used for required form fields. */
121 .fb_required {
122         font-weight: bold;
123 }
124
125 /* Orange feed button. */
126 .feedbutton {
127         background: #ff6600;
128         color: white !important;
129         border-left: 1px solid #cc9966;
130         border-top: 1px solid #ccaa99;
131         border-right: 1px solid #993300;
132         border-bottom: 1px solid #331100;
133         padding: 0px 0.5em 0px 0.5em;
134         font-family: sans-serif;
135         font-weight: bold;
136         font-size: small;
137         text-decoration: none;
138         margin-top: 1em;
139 }
140 .feedbutton:hover {
141         color: white !important;
142         background: #ff9900;
143 }
144
145 /* Tag cloud. */
146 .pagecloud {
147         float: right;
148         width: 30%;
149         text-align: center;
150         padding: 10px 10px;
151         border: 1px solid #aaa;
152         background: #eee;
153         color: black !important;
154 }
155 .smallestPC { font-size: 70%; }
156 .smallPC { font-size: 85%; }
157 .normalPC { font-size: 100%; }
158 .bigPC { font-size: 115%; }
159 .biggestPC { font-size: 130%; }
160
161 #sidebar {
162         line-height: 3ex;
163         width: 20ex;
164         float: right;
165         margin-left: 40px;
166         margin-bottom: 40px;
167         padding: 2ex 2ex;
168 }
169
170 /* outlines */
171 li.L1 {
172         list-style: upper-roman;
173 }
174 li.L2 {
175         list-style: decimal;
176 }
177 li.L3 {
178         list-style: lower-alpha;
179 }
180 li.L4 {
181         list-style: disc;
182 }
183 li.L5 {
184         list-style: square;
185 }
186 li.L6 {
187         list-style: circle;
188 }
189 li.L7 {
190         list-style: lower-roman;
191 }
192 li.L8 {
193         list-style: upper-alpha;
194 }
195
196 hr.poll {
197         height: 10pt;
198         color: white !important;
199         background: #eee;
200         border: 2px solid black;
201 }
202 div.poll {
203         margin-top: 1ex;
204         margin-bottom: 1ex;
205         padding: 1ex 1ex;
206         border: 1px solid #aaa;
207 }
208
209 input#openid_url {
210         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
211         background-color: #fff;
212         background-position: 0 50%;
213         color: #000;
214         padding-left: 18px;
215 }
216
217 /* Things to hide in printouts. */
218 @media print {
219         .actions { display: none; }
220         .tags { display: none; }
221         .feedbutton { display: none; }
222         #searchform { display: none; }
223         #blogform { display: none; }
224         #backlinks { display: none; }
225 }
226
227 /* Provided for use by template plugin for floating info boxes. */
228 .infobox {
229         float: right;
230         margin-left: 2ex;
231         margin-top: 1ex;
232         margin-bottom: 1ex;
233         padding: 1ex 1ex;
234         border: 1px solid #aaa;
235 }
236
237 /* Provided for use by template plugin for floating note boxes. */
238 .notebox {
239         float: right;
240         margin-left: 2ex;
241         margin-top: 1ex;
242         margin-bottom: 1ex;
243         padding: 1ex 1ex;
244         border: 1px solid #aaa;
245         width: 25%
246 }
247
248 /* Used by the popup template and for backlinks hiding. */
249 .popup {
250         border-bottom: 1px dotted #366;
251         color: #366;
252 }
253 .popup .balloon,
254 .popup .paren,
255 .popup .expand {
256         display: none;
257 }
258 .popup:hover .balloon,
259 .popup:focus .balloon {
260         position: absolute;
261         display: inline;
262         margin: 1em 0 0 -2em;
263         padding: 0.625em;
264         border: 2px solid;
265         background-color: #dee;
266         color: black;
267         
268         /* Nonstandard, but very nice. */
269         opacity: 0.95;
270         -moz-opacity: 0.95;
271         filter: alpha(opacity=95);
272 }
273
274 /* Formbuilder styling */
275 fieldset {
276         margin: 1ex 0;
277         border: 1px solid black;
278 }
279 legend {
280         padding: 0 1ex;
281 }
282 .fb_submit {
283         float: left;
284         margin: 2px 0;
285 }
286 #signin_openid_url_label {
287         float: left;
288         margin-right: 1ex;
289 }
290 #signin_openid {
291         padding: 10px 10px;
292         border: 1px solid #aaa;
293         background: #eee; 
294         color: black !important;
295 }