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