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