]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob - doc/style.css
response
[git.ikiwiki.info.git] / doc / style.css
1 /* ikiwiki style sheet */
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  */
7 .header {
8         margin: 0;
9         font-size: 22px;
10         font-weight: bold;
11         line-height: 1em;
12         display: block;
13 }
15 .author {
16         margin: 0;
17         font-size: 18px;
18         font-weight: bold;
19         display: block;
20 }
22 .actions ul {
23         margin: 0;
24         padding: 6px;
25         list-style-type: none;
26         border-bottom: 1px solid #000;
27 }
29 .inlinepage .actions ul {
30         border-bottom: 0;
31 }
33 .actions li {
34         display: inline;
35         padding: .2em .4em;
36 }
38 .tags {
39         clear: both;
40 }
42 #pageinfo {
43         clear: both;
44         margin: 1em 0;
45         border-top: 1px solid #000;
46 }
48 div.tags {
49         margin-top: 1em;
50 }
52 .mapparent {
53         text-decoration: none;
54 }
56 .img caption {
57         font-size: 80%;
58         caption-side: bottom;
59         text-align: center;
60 }
62 #backlinks {
63         margin-top: 1em;
64 }
66 #searchform {
67         display: inline;
68         float: right;
69 }
71 #editcontent {
72         width: 100%;
73 }
75 img {
76         border-style: none;
77 }
79 div.recentchanges {
80         border-style: solid;
81         border-width: 1px;
82         overflow: auto;
83         width: 100%;
84         background: #eee;
85         color: black !important;
86 }
87 .recentchanges .metadata {
88         padding: 0px 0.5em;
89 }
90 .recentchanges .changelog {
91         font-style: italic;
92         clear: both;
93         display: block;
94         padding: 1px 2px;
95         background: white !important;
96         color: black !important;
97 }
98 .recentchanges .desc {
99         display: none;
101 .recentchanges .diff {
102         display: none;
104 .recentchanges .committer {
105         float: left;
106         margin: 0;
107         width: 40%;
109 .recentchanges .committype {
110         float: left;
111         margin: 0;
112         width: 5%;
113         font-size: small;
115 .recentchanges .changedate {
116         float: left;
117         margin: 0;
118         width: 35%;
119         font-size: small;
121 .recentchanges .pagelinks {
122         float: right;
123         margin: 0;
124         width: 60%;
127 /* Used for adding a blog page. */
128 #blogform {
129         padding: 10px 10px;
130         border: 1px solid #aaa;
131         background: #eee;
132         color: black !important;
135 .inlinepage {
136         padding: 10px 10px;
137         border: 1px solid #aaa;
140 .pagedate,
141 .pagelicense,
142 .pagecopyright {
143         clear: both;
144         font-style: italic;
145         display: block;
146         margin-top: 1em;
149 /* Used for invalid form fields. */
150 .fb_invalid {
151         color: red;
152         background: white !important;
155 /* Used for required form fields. */
156 .fb_required {
157         font-weight: bold;
160 /* Orange feed button. */
161 .feedbutton {
162         background: #ff6600;
163         color: white !important;
164         border-left: 1px solid #cc9966;
165         border-top: 1px solid #ccaa99;
166         border-right: 1px solid #993300;
167         border-bottom: 1px solid #331100;
168         padding: 0px 0.5em 0px 0.5em;
169         font-family: sans-serif;
170         font-weight: bold;
171         font-size: small;
172         text-decoration: none;
173         margin-top: 1em;
175 .feedbutton:hover {
176         color: white !important;
177         background: #ff9900;
180 /* Tag cloud. */
181 .pagecloud {
182         float: right;
183         width: 30%;
184         text-align: center;
185         padding: 10px 10px;
186         border: 1px solid #aaa;
187         background: #eee;
188         color: black !important;
190 .smallestPC { font-size: 70%; }
191 .smallPC { font-size: 85%; }
192 .normalPC { font-size: 100%; }
193 .bigPC { font-size: 115%; }
194 .biggestPC { font-size: 130%; }
196 #sidebar {
197         line-height: 3ex;
198         width: 20ex;
199         float: right;
200         margin-left: 40px;
201         margin-bottom: 40px;
202         padding: 2ex 2ex;
205 /* outlines */
206 li.L1 {
207         list-style: upper-roman;
209 li.L2 {
210         list-style: decimal;
212 li.L3 {
213         list-style: lower-alpha;
215 li.L4 {
216         list-style: disc;
218 li.L5 {
219         list-style: square;
221 li.L6 {
222         list-style: circle;
224 li.L7 {
225         list-style: lower-roman;
227 li.L8 {
228         list-style: upper-alpha;
231 hr.poll {
232         height: 10pt;
233         color: white !important;
234         background: #eee;
235         border: 2px solid black;
237 div.poll {
238         margin-top: 1ex;
239         margin-bottom: 1ex;
240         padding: 1ex 1ex;
241         border: 1px solid #aaa;
244 input#openid_url {
245         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
246         background-color: #fff;
247         background-position: 0 50%;
248         color: #000;
249         padding-left: 18px;
252 /* Things to hide in printouts. */
253 @media print {
254         .actions { display: none; }
255         .tags { display: none; }
256         .feedbutton { display: none; }
257         #searchform { display: none; }
258         #blogform { display: none; }
259         #backlinks { display: none; }
262 /* Provided for use by template plugin for floating info boxes. */
263 .infobox {
264         float: right;
265         margin-left: 2ex;
266         margin-top: 1ex;
267         margin-bottom: 1ex;
268         padding: 1ex 1ex;
269         border: 1px solid #aaa;
272 /* Provided for use by template plugin for floating note boxes. */
273 .notebox {
274         float: right;
275         margin-left: 2ex;
276         margin-top: 1ex;
277         margin-bottom: 1ex;
278         padding: 1ex 1ex;
279         border: 1px solid #aaa;
280         width: 25%
283 /* Used by the popup template and for backlinks hiding. */
284 .popup {
285         border-bottom: 1px dotted #366;
286         color: #366;
288 .popup .balloon,
289 .popup .paren,
290 .popup .expand {
291         display: none;
293 .popup:hover .balloon,
294 .popup:focus .balloon {
295         position: absolute;
296         display: inline;
297         margin: 1em 0 0 -2em;
298         padding: 0.625em;
299         border: 2px solid;
300         background-color: #dee;
301         color: black;
302         
303         /* Nonstandard, but very nice. */
304         opacity: 0.95;
305         -moz-opacity: 0.95;
306         filter: alpha(opacity=95);
309 /* Formbuilder styling */
310 fieldset {
311         margin: 1ex 0;
312         border: 1px solid black;
314 legend {
315         padding: 0 1ex;
317 .fb_submit {
318         float: left;
319         margin: 2px 0;
321 #signin_openid_url_label {
322         float: left;
323         margin-right: 1ex;
325 #signin_openid {
326         padding: 10px 10px;
327         border: 1px solid #aaa;
328         background: #eee; 
329         color: black !important;