css: adjust line height
[openafs-wiki.git] / local.css
1 /*********************************
2  * theme for ikiwiki
3  *
4  * by Danny Castonguay
5  *********************************/
6 /* # HSLA(hue, saturation, lightness,alpha)
7  * ## hue
8  * R:0, O:30, Y:60, G:115, cyan:180, B:220, I:260, V:280, pink:300
9  * ## saturation
10  * 0% is gray, 100% is pure color
11  * ## lightness
12  * 0% is black, 100% is white
13  * ## alpha
14  * 0% is opaque, 100% is transparent
15  *  */
16
17 #andy {
18   float: right;
19   padding-top: 0px;
20   padding-right: 80px;
21   padding-left: 80px;
22 }
23
24 .pageheader {
25   padding: 2em 6em 3em 2em;
26   padding-left: 6em;
27   position: relative;
28   overflow: hidden;
29   background: #edf2f7;
30   border-color: #cccccc;
31   border-style: none none solid none;
32   border-width: 1px; }
33
34 .pageheader .header {
35   float: left; }
36
37 .title {
38   color: #1a260d; }
39
40 .title, h1, h2, h3, h4, h5, h6 {
41   font-weight: bold; }
42
43 .header {
44   font-size: 150%; }
45
46 h1 {
47   font-size: 160%;
48   margin-top: 1.2em;
49   margin-bottom: 0em;
50   padding-top: 8px;
51   border-top: 3px solid #cccccc;
52 }
53
54 h2 {
55   font-size: 130%;
56   margin-top: 1.2em;
57   margin-bottom: 0em;
58   padding-top: 5px;
59   border-top: 2px solid #cccccc;
60 }
61
62 h3, h4, h5, h6 {
63   font-size: 110%; }
64
65 #searchform {
66   position: absolute;
67   top: 0.5em;
68   right: 2em; }
69
70 input#searchbox {
71   border: none;
72   padding: .5em;
73   border-style: solid;
74   border-width: 1px;
75   border-color: #cccccc;
76   -moz-border-radius: 4px;
77   -webkit-border-radius: 4px;
78   border-radius: 4px;
79   -moz-box-shadow: inset 2px 2px 2px #1a1a1a;
80   -webkit-box-shadow: inset 2px 2px 2px #1a1a1a;
81   box-shadow: inset 2px 2px 2px #1a1a1a; }
82
83 .pageheader .actions {
84   position: absolute;
85   bottom: 0;
86   right: 2em;
87   width: 100%;
88   text-align: right; }
89
90 .pageheader .actions ul {
91   border-style: none; }
92
93 .actions ul {
94   padding: 1em;
95   border-style: none; }
96
97 .pageheader .actions ul li {
98   padding: 0; }
99
100 .pageheader .actions ul li a, input[type="submit"] {
101   margin: 0.2em;
102   padding: 0.2em;
103   font-size: 1.01em;
104   background: #e6e6e6;
105   color: #13136c;
106   border-style: solid;
107   border-width: 1px;
108   border-color: #cccccc;
109   -moz-border-radius: 4px;
110   -webkit-border-radius: 4px;
111   border-radius: 4px; }
112
113 .pageheader .actions ul li a:hover, input[type="submit"]:hover {
114     background: #a0a0c4;
115     color: white; }
116
117 div.toggleable#attachments {
118   margin: 1em; }
119
120 body {
121   margin: 0;
122   padding: 0;
123   font-family: sans-serif;
124   *font-size: small;
125   line-height: 1.42em;
126   color: black;
127   background: white;
128   font-size: 1.01em; }
129
130 a {
131   text-decoration: none;
132   color #19198d;
133  }
134
135 a:hover {
136   text-decoration: underline;
137   color: #1f1fad; }
138
139 hr {
140   border-style: none;
141   background-color: #cccccc;
142   height: 1px; }
143
144 code, pre {
145   background-color: #f2f2f2;
146   color: #1a2e05; }
147
148 pre {
149   padding: .8em;
150   padding-left: 2em;
151   margin-top: 1em;
152   margin-bottom: 1.1em;
153   margin-left: 3em;
154   margin-right: 12em;
155   border-style: solid;
156   border-width: 1px;
157   border-color: #cccccc;
158   -moz-border-radius: 4px;
159   -webkit-border-radius: 4px;
160   border-radius: 4px;
161   -moz-box-shadow: 0px 0px 2px #1a1a1a;
162   -webkit-box-shadow: 0px 0px 2px #1a1a1a;
163   box-shadow: 0px 0px 2px #1a1a1a; }
164
165 #content, #comments, #footer {
166   margin: 1em 6em; }
167
168 #pageinfo {
169   border-color: #cccccc; }
170
171 #editcontent, #editmessage {
172   width: 90%;
173   background: #f2f2f2;
174   font-size: 1.01em;
175   font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
176   line-height: 1.4em;
177   padding: .5em;
178   border-style: solid;
179   border-width: 1px;
180   border-color: #cccccc;
181   -moz-border-radius: 4px;
182   -webkit-border-radius: 4px;
183   border-radius: 4px; }
184   #editcontent:hover, #editmessage:hover {
185     background: white; }
186
187 #editcontent {
188   height: 25em; }
189
190 label[for="editmessage"] {
191   margin-top: 1em; }
192
193 #editmessage {
194   margin-bottom: 1em; }
195
196 .inlinepage {
197   margin: .4em 0;
198   padding: .4em 0;
199   border-style: none;
200   border-top: 1px solid #cccccc; }
201
202 .inlineheader {
203   font-size: 1.1em;
204   border-top: 2px solid #cccccc; }
205
206 /* Smaller headings for inline pages */
207 .inlinepage h1 {
208   font-size: 1.1em; }
209
210 .inlinepage h2 {
211   font-size: 1.01em; }
212
213 .inlinepage h3 {
214   font-size: 1.01em; }
215
216 div.recentchanges {
217   border-style: none; }
218
219 /* recent change page */
220 div.recentchanges {
221   background-color: white; }
222
223 div.metadata {
224   margin-top: 1.5em;
225   border-style: solid;
226   border-width: 1px;
227   border-color: #cccccc;
228   -webkit-border-top-left-radius: 4px;
229   -webkit-border-top-right-radius: 4px;
230   -moz-border-radius-topleft: 4px;
231   -moz-border-radius-topright: 4px;
232   border-top-left-radius: 4px;
233   border-top-right-radius: 4px;
234   border-style: solid solid none solid;
235   background-color: #f2f2f2; }
236
237 div.recentchanges div.metadata *, span.pagelinks a {
238   float: none;
239   display: block; }
240
241 span.pagelinks {
242   width: inherit !important; }
243
244 span.pagelinks a, span.tags a {
245   margin: 0.2em;
246   padding: 0.2em;
247   font-size: 1.01em;
248   background: #e6e6e6;
249   color: black;
250   border-style: solid;
251   border-width: 1px;
252   border-color: #cccccc;
253   -moz-border-radius: 4px;
254   -webkit-border-radius: 4px;
255   border-radius: 4px; }
256   span.pagelinks a:hover, span.tags a:hover {
257     background: #cccccc;
258     color: #1a260d; }
259
260 div.recentchanges div.changelog {
261   border-style: solid;
262   border-width: 1px;
263   border-color: #cccccc;
264   -webkit-border-bottom-left-radius: 4px;
265   -webkit-border-bottom-right-radius: 4px;
266   -moz-border-radius-bottomleft: 4px;
267   -moz-border-radius-bottomright: 4px;
268   border-bottom-left-radius: 4px;
269   border-bottom-right-radius: 4px;
270   border-style: none solid solid solid;
271   background-color: #f2f2f2 !important; }
272
273 span.desc br {
274   display: none !important; }
275
276 div.titleandtags {
277   border-style: solid;
278   border-width: 1px;
279   border-color: #cccccc;
280   -moz-border-radius: 4px;
281   -webkit-border-radius: 4px;
282   border-radius: 4px;
283   background-color: #f2f2f2;
284   margin-top: .5em;
285   padding: .4em; }
286   div.titleandtags h3, div.titleandtags span.tags {
287     padding: 0; }
288   div.titleandtags h3 {
289     margin: 0 0 .2em 0; }
290   div.titleandtags span.tags {
291     line-height: 2em; }
292   div.titleandtags div.lastmodified {
293     float: right; }
294
295 thead th {
296   color: white;
297   background-color: gray;
298   padding: .5em; }
299
300 td {
301   padding: .2em .4em; }
302
303 tr:nth-child(odd) {
304   background-color: #f2f2f2; }
305
306 tr:nth-child(even) {
307   background-color: #d9d9d9; }
308
309 /* Don't know what these last two do but leaving those there just in case*/
310 .pagecloud {
311   width: auto;
312   border-color: red; }
313
314 .sidebar {
315   width: 28ex;
316   border-bottom: 0;
317   border-right: 0;
318   border-top: 0;
319   margin-top: 0.5em;
320   padding: 0 0 0 2ex;
321   border-color: red; }