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