1@import url("about:nscolours.css");
2
3html, body {
4	margin: 0;
5	padding: 0; }
6
7html {
8	padding: 2em;
9}
10
11body {
12	font-family: sans-serif;
13	font-size: 94%;
14	margin: 0 auto;
15	position: relative;
16	border-width: 2px;
17	border-style: solid; }
18
19h1, h2, h3, h4, h5, h6, h7, p, ul, dl, ol, table {
20	margin-left: 5mm;
21	margin-right: 5mm; }
22
23a:link {
24	text-decoration: underline;
25	color: #00f; }
26
27a:visited {
28	text-decoration: underline;
29	color: #60a; }
30
31a:hover {
32	text-decoration: none; }
33
34a:active {
35	text-decoration: underline;
36	color: #f00; }
37
38h1 {
39	font-size: 200%;
40	font-weight: bold;
41	padding: 5mm;
42	margin: 0;
43	border-bottom-width: 2px;
44	border-bottom-style: solid; }
45
46h2 {
47	font-size: 160%;
48	padding-top: 5mm;
49	border-top-width: 1px;
50	border-top-style: solid; }
51
52h1+h2 {
53	border-top: none;
54}
55
56h3 {
57	font-size: 140%;
58	font-weight: bold; }
59
60h4 {
61	font-size: 120%;
62	font-weight: bold; }
63
64h5 {
65	font-size: 120%;
66	font-style: italic; }
67
68h1, h2, h3 {
69	clear: both; }
70
71dl {
72	padding: 0; }
73
74dt {
75	padding: 0;
76	font-weight: bold;
77	margin-bottom: 0.3em; }
78
79dd {
80	padding: 0;
81	margin-left: 5mm;
82	margin-bottom: 1em; }
83
84dd > ul {
85	margin-top: 0;
86	margin-left: 0.5em;
87	padding-left: 0;
88	margin-bottom: 1em; }
89
90.banner {
91	margin: 0;
92	padding: 0;
93	background-color: #94adff;
94	color: black;
95	text-align: left; }
96
97.banner img {
98	border: none;
99	color: #000;
100	height: 86px;
101	width: 308px;
102	display: block; }
103
104.footer {
105	clear: both;
106	font-style: italic;
107	color:#666;
108	text-align: right; }
109
110.footer p {
111	margin-top: 1.5em;
112	padding-top: 0.4em;
113	border-top-width: 2px;
114	border-top-style: solid; }
115
116input.default-action {
117	color: white;
118	background: rgb(0, 96, 223);
119	border-color: rgb(0, 96, 223);
120}
121
122/*
123 * Directory Listing Style
124 */
125
126body#dirlist {
127	padding-bottom: 2em; }
128
129body#dirlist p {
130	padding: 2px 5mm;
131	margin: 0; }
132
133body#dirlist div {
134	display: table;
135	width: 94%;
136	margin: 5mm auto 2em auto;
137	padding: 0; }
138
139body#dirlist strong {
140	display: table-row;
141	margin: 0;
142	padding: 0;
143	font-size: 120%;
144}
145
146body#dirlist a {
147	display: table-row;
148	margin: 0;
149	padding: 0; }
150
151body#dirlist span {
152	display: table-cell;
153	vertical-align: middle; }
154
155body#dirlist a > span {
156	padding-top: 0.1em; }
157
158body#dirlist em > span {
159	padding-bottom: 1px; }
160
161body#dirlist a + a>span {
162	border-top-width: 1px;
163	border-top-style: solid; }
164
165body#dirlist a {
166	background-position: 4px 50%;
167	background-repeat: no-repeat;
168}
169
170body#dirlist a.dir {
171	background-image: url("resource:icons/directory.png"); }
172
173body#dirlist a.file {
174	background-image: url("resource:icons/content.png"); }
175
176body#dirlist span.name {
177	padding-left: 27px;
178	min-height: 20px;}
179
180body#dirlist a.dir > span.name {
181	font-weight: bold; }
182
183body#dirlist a.dir > span.type {
184	font-weight: bold; }
185
186body#dirlist span.size {
187	text-align: right;
188	padding-right: 0.3em; }
189
190body#dirlist span.size + span.size {
191	text-align: left;
192	padding-right: 0; }
193
194
195/*
196 * certificate display style
197 */
198body#certificate table.info {
199	width: 90%;
200	margin: 1.2em auto 0;
201}
202
203body#certificate table.info th {
204	width: 14em;
205	vertical-align: top;
206	text-align: right;
207	font-weight: bold;
208	font-family: sans-serif;
209	padding-right: 1em;
210}
211
212body#certificate table.info td.data {
213	font-family: monospace;
214	font-size: 90%;
215}
216
217
218/*
219 * configuration listing style
220 */
221
222body#configlist table.config {
223	border-spacing: 0;
224	font-size: 85%;
225	margin: 1.3em 0;
226	width: 100%;
227	box-sizing: border-box }
228
229body#configlist table.config tr:nth-child(2n-1) {
230	background: #eee; }
231
232body#configlist table.config tr:first-child th {
233	text-align: left;
234	font-weight: bold;
235	font-family: sans-serif; }
236
237body#configlist table.config tr th {
238	text-align: left;
239	font-weight: normal;
240	font-family: monospace; }
241
242body#configlist table.config tr+tr th,
243body#configlist table.config tr+tr td {
244	border-top-width: 1px;
245	border-top-style: solid;
246}
247
248body#configlist table.config td, body#configlist table.config th {
249	padding-left: 1em; }
250
251body#configlist table.config tr *:nth-child(3) {
252	padding-left: 3em; }
253
254body#configlist table.config tr *:nth-child(4) {
255	padding-left: 3em;
256	font-family: monospace;
257	padding-right: 1em; }
258
259body#configlist .null-content {
260	font-style: italic; }
261
262
263/*
264 * about:imagecache
265 */
266
267p.imagecachelist {
268	border-spacing: 0px;
269	margin-top: 1.2em;
270	margin-bottom: 1.2em;
271	display: table;
272}
273
274p.imagecachelist strong, p.imagecachelist a {
275	display: table-row;
276}
277
278p.imagecachelist span {
279	padding: 2px 0.5em;
280	display: table-cell;
281}
282
283p.imagecachelist a+a span {
284	border-top-width: 1px;
285	border-top-style: solid;
286}
287
288/*
289 * authentication query styling
290 */
291
292body#authentication {
293    max-width: 45em;
294}
295
296body#authentication form {
297  /* Just to center the form on the page */
298  margin: 0 auto;
299  /* To see the outline of the form */
300  padding: 1em;
301}
302
303body#authentication table {
304  box-sizing: border-box;
305  width: 100%;
306  margin: 1.5em auto;
307}
308
309body#authentication label {
310  /* To make sure that all labels have the same size and are properly aligned */
311  display: inline-block;
312  text-align: right;
313}
314
315body#authentication table th {
316  text-align: right;
317}
318
319body#authentication table td {
320  text-align: left;
321}
322
323body#authentication table input {
324  /* To give the same size to all text fields */
325  width: 20em;
326  box-sizing: border-box;
327  margin-right: 10%;
328
329  /* To harmonize the look & feel of text field border */
330  border: 1px solid #999;
331}
332
333body#authentication div#buttons {
334  text-align: right;
335  margin-right: 1em;
336}
337
338body#authentication div#buttons input#login {
339  margin-right: 1em;
340}
341
342/*
343 * privacy query styling
344 */
345
346body#privacy {
347  max-width: 45em;
348}
349
350body#privacy form {
351  /* Just to center the form on the page */
352  margin: 0 auto;
353  /* To see the outline of the form */
354  padding: 1em;
355}
356
357body#privacy form div + div {
358  margin-top: 1em;
359}
360
361body#privacy div#buttons {
362    text-align: right;
363    margin-right: 1em;
364}
365
366body#privacy div#buttons input#back {
367  margin-right: 1em;
368}
369
370/*
371 * timeout query styling
372 */
373
374body#timeout {
375  max-width: 45em;
376}
377
378body#timeout form {
379  /* Just to center the form on the page */
380  margin: 0 auto;
381  /* To see the outline of the form */
382  padding: 1em;
383}
384
385body#timeout form div + div {
386  margin-top: 1em;
387}
388
389body#timeout div#buttons {
390    text-align: right;
391    margin-right: 1em;
392}
393
394body#timeout div#buttons input#back {
395  margin-right: 1em;
396}
397
398/*
399 * fetch error query styling
400 */
401
402body#fetcherror {
403  max-width: 45em;
404}
405
406body#fetcherror form {
407  /* Just to center the form on the page */
408  margin: 0 auto;
409  /* To see the outline of the form */
410  padding: 1em;
411}
412
413body#fetcherror form div + div {
414  margin-top: 1em;
415}
416
417body#fetcherror div#buttons {
418    text-align: right;
419    margin-right: 1em;
420}
421
422body#fetcherror div#buttons input#back {
423  margin-right: 1em;
424}
425