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