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