]> sipb.mit.edu Git - ikiwiki.git/blob - doc/style.css
0a37e55aa5f60f3aa3259979dc0bff4b7c688072
[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 #backlinks {
39         margin: 1em 0;
40 }
41
42 .tags {
43         clear: both;
44 }
45
46 div.tags {
47         border-top: 1px solid #000;
48 }
49
50 #footer {
51         margin: 1em 0;
52 }
53
54 #searchform {
55         display: inline;
56         float: right;
57 }
58
59 #editcontent {
60         width: 100%;
61 }
62
63 /* Stuff for the RecentChanges table. */
64 tr.changeheader {
65         background: #eee;
66         color: black !important;
67 }
68 tr.changeinfo {
69         background: #eee;
70         color: black !important;
71 }
72 th.changeheader {
73         padding: 1px .3em;
74 }
75 td.changeinfo {
76         padding: 1px .3em;
77 }
78 td.changetime {
79         white-space: nowrap;
80         padding: 1px .3em;
81 }
82 td.changelog {
83         font-style: italic;
84 }
85
86 .pagecloud {
87         padding: 10px 10px;
88         border: 1px solid #aaa;
89         background: #eee;
90         color: black !important;
91 }
92
93 /* Used for adding a blog page. */
94 #blogform {
95         padding: 10px 10px;
96         border: 1px solid #aaa;
97         background: #eee;
98         color: black !important;
99 }
100
101 .inlinepage {
102         padding: 10px 10px;
103         border: 1px solid #aaa;
104 }
105
106 .pageinfo {
107         clear: both;
108         font-style: italic;
109         display: block;
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 }
149 .smallestPC { font-size: 70%; }
150 .smallPC { font-size: 85%; }
151 .normalPC { font-size: 100%; }
152 .bigPC { font-size: 115%; }
153 .biggestPC { font-size: 130%; }
154
155 #sidebar {
156         line-height: 3ex;
157         width: 20ex;
158         float: right;
159         margin-left: 40px;
160         margin-bottom: 40px;
161         padding: 2ex 2ex;
162 }
163
164 /* outlines */
165 li.L1 {
166         list-style: upper-roman;
167 }
168 li.L2 {
169         list-style: decimal;
170 }
171 li.L3 {
172         list-style: lower-alpha;
173 }
174 li.L4 {
175         list-style: disc;
176 }
177 li.L5 {
178         list-style: square;
179 }
180 li.L6 {
181         list-style: circle;
182 }
183 li.L7 {
184         list-style: lower-roman;
185 }
186 li.L8 {
187         list-style: upper-alpha;
188 }
189
190 hr.poll {
191         height: 10pt;
192         color: white !important;
193         background: #eee;
194         border: 2px solid black;
195 }
196 div.poll {
197         margin-top: 1ex;
198         margin-bottom: 1ex;
199         padding: 1ex 1ex;
200         border: 1px solid #aaa;
201 }
202
203 input#openid_url {
204         background: url(wikiicons/openidlogin-bg.gif) no-repeat;
205         background-color: #fff;
206         background-position: 0 50%;
207         color: #000;
208         padding-left: 18px;
209 }
210
211 /* Things to hide in printouts. */
212 @media print {
213         .actions { display: none; }
214         .tags { display: none; }
215         .feedbutton { display: none; }
216         #searchform { display: none; }
217         #blogform { display: none; }
218         #backlinks { display: none; }
219 }
220
221 /* Provided for use by template plugin for floating info boxes. */
222 .infobox {
223         float: right;
224         margin-left: 2ex;
225         margin-top: 1ex;
226         margin-bottom: 1ex;
227         padding: 1ex 1ex;
228         border: 1px solid #aaa;
229 }
230
231 /* Provided for use by template plugin for floating note boxes. */
232 .notebox {
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         width: 25%
240 }
241
242 /* Used by the popup template and for backlinks hiding. */
243 .popup {
244         border-bottom: 1px dotted #366;
245         color: #366;
246 }
247 .popup .balloon,
248 .popup .paren,
249 .popup .expand {
250         display: none;
251 }
252 .popup:hover .balloon,
253 .popup:focus .balloon {
254         position: absolute;
255         display: inline;
256         margin: 1em 0 0 -2em;
257         padding: 0.625em;
258         border: 2px solid;
259         background-color: #dee;
260         color: black;
261         opacity: 0.95;
262         -moz-opacity: 0.95;
263         filter: alpha(opacity=95);
264 }
265 .popup:hover .expand,
266 .popup:focus .expand {
267         display: inline;
268 }