fix more orphans
[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   .pageheader .actions ul li a:hover, input[type="submit"]:hover {
105     background: #1fad1f;
106     color: white; }
107
108 div.toggleable#attachments {
109   margin: 1em; }
110
111 body {
112   margin: 0;
113   padding: 0;
114   font-family: sans-serif;
115   *font-size: small;
116   line-height: 1.32em;
117   color: black;
118   background: white;
119   font-size: 1.01em; }
120
121 a {
122   text-decoration: none;
123   color #19198d;
124  }
125
126 a:hover {
127   text-decoration: underline;
128   color: #1f1fad; }
129
130 hr {
131   border-style: none;
132   background-color: #cccccc;
133   height: 1px; }
134
135 code, pre {
136   background-color: #f2f2f2;
137   color: #1a2e05; }
138
139 pre {
140   padding: .8em;
141   padding-left: 2em;
142   margin-top: 1em;
143   margin-bottom: 1.1em;
144   margin-left: 3em;
145   margin-right: 12em;
146   border-style: solid;
147   border-width: 1px;
148   border-color: #cccccc;
149   -moz-border-radius: 4px;
150   -webkit-border-radius: 4px;
151   border-radius: 4px;
152   -moz-box-shadow: 0px 0px 2px #1a1a1a;
153   -webkit-box-shadow: 0px 0px 2px #1a1a1a;
154   box-shadow: 0px 0px 2px #1a1a1a; }
155
156 #content, #comments, #footer {
157   margin: 1em 6em; }
158
159 #pageinfo {
160   border-color: #cccccc; }
161
162 #editcontent, #editmessage {
163   width: 90%;
164   background: #f2f2f2;
165   font-size: 1.01em;
166   font-family: Consolas, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
167   line-height: 1.4em;
168   padding: .5em;
169   border-style: solid;
170   border-width: 1px;
171   border-color: #cccccc;
172   -moz-border-radius: 4px;
173   -webkit-border-radius: 4px;
174   border-radius: 4px; }
175   #editcontent:hover, #editmessage:hover {
176     background: white; }
177
178 #editcontent {
179   height: 25em; }
180
181 label[for="editmessage"] {
182   margin-top: 1em; }
183
184 #editmessage {
185   margin-bottom: 1em; }
186
187 .inlinepage {
188   margin: .4em 0;
189   padding: .4em 0;
190   border-style: none;
191   border-top: 1px solid #cccccc; }
192
193 .inlineheader {
194   font-size: 1.1em;
195   border-top: 2px solid #cccccc; }
196
197 /* Smaller headings for inline pages */
198 .inlinepage h1 {
199   font-size: 1.1em; }
200
201 .inlinepage h2 {
202   font-size: 1.01em; }
203
204 .inlinepage h3 {
205   font-size: 1.01em; }
206
207 div.recentchanges {
208   border-style: none; }
209
210 /* recent change page */
211 div.recentchanges {
212   background-color: white; }
213
214 div.metadata {
215   margin-top: 1.5em;
216   border-style: solid;
217   border-width: 1px;
218   border-color: #cccccc;
219   -webkit-border-top-left-radius: 4px;
220   -webkit-border-top-right-radius: 4px;
221   -moz-border-radius-topleft: 4px;
222   -moz-border-radius-topright: 4px;
223   border-top-left-radius: 4px;
224   border-top-right-radius: 4px;
225   border-style: solid solid none solid;
226   background-color: #f2f2f2; }
227
228 div.recentchanges div.metadata *, span.pagelinks a {
229   float: none;
230   display: block; }
231
232 span.pagelinks {
233   width: inherit !important; }
234
235 span.pagelinks a, span.tags a {
236   margin: 0.2em;
237   padding: 0.2em;
238   font-size: 1.01em;
239   background: #e6e6e6;
240   color: black;
241   border-style: solid;
242   border-width: 1px;
243   border-color: #cccccc;
244   -moz-border-radius: 4px;
245   -webkit-border-radius: 4px;
246   border-radius: 4px; }
247   span.pagelinks a:hover, span.tags a:hover {
248     background: #cccccc;
249     color: #1a260d; }
250
251 div.recentchanges div.changelog {
252   border-style: solid;
253   border-width: 1px;
254   border-color: #cccccc;
255   -webkit-border-bottom-left-radius: 4px;
256   -webkit-border-bottom-right-radius: 4px;
257   -moz-border-radius-bottomleft: 4px;
258   -moz-border-radius-bottomright: 4px;
259   border-bottom-left-radius: 4px;
260   border-bottom-right-radius: 4px;
261   border-style: none solid solid solid;
262   background-color: #f2f2f2 !important; }
263
264 span.desc br {
265   display: none !important; }
266
267 div.titleandtags {
268   border-style: solid;
269   border-width: 1px;
270   border-color: #cccccc;
271   -moz-border-radius: 4px;
272   -webkit-border-radius: 4px;
273   border-radius: 4px;
274   background-color: #f2f2f2;
275   margin-top: .5em;
276   padding: .4em; }
277   div.titleandtags h3, div.titleandtags span.tags {
278     padding: 0; }
279   div.titleandtags h3 {
280     margin: 0 0 .2em 0; }
281   div.titleandtags span.tags {
282     line-height: 2em; }
283   div.titleandtags div.lastmodified {
284     float: right; }
285
286 thead th {
287   color: white;
288   background-color: gray;
289   padding: .5em; }
290
291 td {
292   padding: .2em .4em; }
293
294 tr:nth-child(odd) {
295   background-color: #f2f2f2; }
296
297 tr:nth-child(even) {
298   background-color: #d9d9d9; }
299
300 /* Don't know what these last two do but leaving those there just in case*/
301 .pagecloud {
302   width: auto;
303   border-color: red; }
304
305 .sidebar {
306   width: 28ex;
307   border-bottom: 0;
308   border-right: 0;
309   border-top: 0;
310   margin-top: 0.5em;
311   padding: 0 0 0 2ex;
312   border-color: red; }