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