]> gitweb @ CieloNegro.org - Rakka.git/blob - defaultPages/StyleSheet/CieloNegro.xml
merge branch origin/master
[Rakka.git] / defaultPages / StyleSheet / CieloNegro.xml
1 <?xml version="1.0" encoding="utf-8"?>
2 <page xmlns="http://cielonegro.org/schema/Rakka/Page/1.0"
3       type="text/css"
4       isTheme="yes">
5   <textData>
6 /* global configuration *******************************************************/
7 * {
8     padding: 0;
9     margin: 0;
10 }
11
12 /* layout *********************************************************************/
13 .center {
14     position: absolute;
15     
16     overflow: auto;
17
18     top: 20px;
19     right: 15em;
20     left: 15em;
21     bottom: 20px;
22 }
23
24 .left {
25     top: 0em;
26     width: 15em;
27     left: 0;
28     bottom: 0;
29 }
30
31 .right {
32     top: 0em;
33     width: 15em;
34     right: 0;
35     bottom: 0;
36 }
37
38 .header {
39     position: absolute;
40     height: 20px;
41     left: 15em;
42     right: 15em;
43     top: 0;
44 }
45
46 .footer {
47     position: absolute;
48     height: 20px;
49     left: 15em;
50     right: 15em;
51     bottom: 0;
52 }
53
54 .sideBar {
55     position: absolute;
56     overflow: auto;
57 }
58
59 /* spacing ********************************************************************/
60 input[type="button"] {
61     padding: 0px;
62 }
63
64 td, th {
65     padding: 3px;
66 }
67
68 option {
69     padding: 3px 3px 1px 3px;
70 }
71
72 .title {
73     padding: 5px 20px;
74 }
75
76 .title p {
77     margin: 0;
78 }
79
80 .body {
81     padding: 25px 30px;
82 }
83
84 .body p {
85     margin: 0 0 0.8em 0;
86 }
87
88 .sideBar p {
89     margin: 0.2em 0;
90 }
91
92 .body h1, .body h2, .body h3, .body h4, .body h5, .body h6 {
93     margin: 5px 0px;
94 }
95
96 .body * + h2 {
97     margin-top: 20px;
98 }
99
100 .body ul, .body ol {
101     list-style-position: inside;
102     margin: 0 0 0.8em 0;
103 }
104 .body ul ul, .body ul ol, .body ol ul, .body ol ol {
105     margin: 0;
106 }
107
108 .body li {
109     margin: 3px 5px;
110 }
111 .body li li {
112     margin-left: 20px;
113 }
114
115 .body dl {
116     margin: 1em 2em;
117 }
118 .body dt {
119     font-weight: bold;
120 }
121 .body dd {
122     margin-left: 3em;
123     margin-top: 0.1em;
124 }
125 .body dd + dt {
126     margin-top: 0.9em;
127 }
128
129 .sideBar h1 {
130     margin-bottom: 5px;
131     padding: 0px 5px;
132 }
133
134 .sideBar .content {
135     padding: 20px;
136 }
137
138 .sideBar p {
139     margin-left: 5px;
140 }
141
142 .sideBar .outline li {
143     margin-left: 1em;
144     padding: 0;
145 }
146
147 .sideBar li {
148     padding: 3px;
149 }
150
151 .sideBar ul, .sideBar ol {
152     list-style-type: none;
153     margin-top: 0.4em;
154     margin-bottom: 0.4em;
155 }
156
157 .sideBar li + li {
158     margin-top: 0.3em;
159 }
160
161 .sideBar * + h1 {
162     margin-top: 1.2em;
163 }
164
165 .sideBar .date {
166     padding: 0.2em 0 0 0;
167 }
168
169 .sideBar input[type="text"],
170 .sideBar input[type="password"] {
171     width: 97%;
172     padding: 1px;
173 }
174
175 table.pageEditor {
176     width: 100%;
177 }
178 table.pageEditor.vertical td {
179     text-align: center;
180 }
181 .pageEditor th {
182     width: 6em;
183 }
184 .pageEditor ul {
185     list-style-type: none;
186     margin: 0;
187 }
188 .pageEditor li {
189     margin: 0;
190     padding: 3px;
191 }
192 .pageEditor input[type="radio"] {
193     margin-right: 10px;
194 }
195 .pageEditor input[type="checkbox"] {
196     margin-right: 5px;
197 }
198 .pageEditor input[type="text"],
199 .pageEditor input[type="password"],
200 .pageEditor input[type="file"],
201 .pageEditor textarea {
202     width: 97%;
203     padding: 3px;
204 }
205 .pageEditor input.smallField {
206     width: 50%;
207     margin-left: 1em;
208 }
209 .pageEditor textarea {
210     height: 5em;
211 }
212 .pageEditor textarea.summary {
213     height: 5em;
214 }
215 .pageEditor textarea.source {
216     height: 30em;
217 }
218 .pageEditor textarea.hexDump {
219     font-size: 70%;
220     font-family: monospace;
221     white-space: pre;
222     height: 10em;
223 }
224 .pageEditor input[type="button"] {
225     margin: 0 2px;
226 }
227
228 .searchStat {
229     margin-bottom: 1.5em;
230 }
231
232 .searchResult {
233     margin-bottom: 1.5em;
234 }
235
236 .pager {
237     width: 20em;
238
239     margin-left: auto;
240     margin-right: auto;
241
242     padding: 10px;
243 }
244
245 .pager a,
246 .pager .currentSection {
247     padding: 4px;
248 }
249
250 /* color and text *************************************************************/
251 * {
252     font-family: sans-serif;
253 }
254
255 .header, .footer {
256     background-color: #0e192d;
257 }
258
259 .sideBar {
260     background-color: black;
261     color: white;
262 }
263
264 .body {
265     line-height: 1.3;
266 }
267
268 .center {
269     background-color: #bbbbbb;
270 }
271
272 h1, h2, h3, h4, h5, h6 {
273     font-weight: normal;
274 }
275
276 hr {
277     border-color: #555555;
278     border-width: 1px;
279     border-style: dashed;
280 }
281
282 th, td {
283     border-color: #777777;
284     border-width: 1px;
285     border-style: solid;
286 }
287 th {
288     background-color: #aaaaaa;
289     font-weight: bold;
290     text-align: center;
291 }
292 td {
293     background-color: #cccccc;
294 }
295
296 p {
297     text-indent: 1em;
298 }
299
300 .title {
301     background-color: #0e192d;
302     color: white;
303
304     background-image: url("./CieloNegro/Moon");
305     background-repeat: no-repeat;
306     /* (175px - 20px - 136px) / 2 = 9.5px
307      * where
308      *   175px: height of .title
309      *   20px : height of .head
310      *   136px: height of ./CieloNegro/Moon
311      */
312     background-position: 100% 9.5px;
313
314     position: relative;
315     height: 165px;
316
317     border-width: 0 0 10px 0;
318     border-style: double;
319     border-color: #bbbbbb;
320 }
321
322 #logo {
323     width: 317px;
324     height: 56px;
325
326     background-image: url("./CieloNegro/Logo");
327
328     margin-left: 0px;
329     margin-top: 100px;
330 }
331
332 .body h1 {
333     font-size: 200%;
334 }
335 .body h2 {
336     font-size: 150%;
337 }
338 .body h3 {
339     font-size: 130%;
340 }
341 .body h4 {
342     font-size: 110%;
343 }
344 .body h5 {
345     font-size: 90%;
346 }
347 .body h1, .body h2, .body h3, .body h4, .body h5 {
348     background-color: #aaaaaa;
349     
350     border-color: #888888;
351     border-width: 1px;
352     border-style: solid;
353
354     padding: 0 10px;
355 }
356
357 a {
358     color: #000088;
359     text-decoration: none;
360 }
361 a:hover {
362     text-decoration: underline;
363 }
364
365 input[type="button"] {
366     background-color: #333333;
367     color: #aaaaff;
368
369     border-color: #555555;
370     border-width: 2px;
371     border-style: solid;
372
373     border-radius: 10px;
374     -moz-border-radius: 10px;
375 }
376 input[type="button"]:active {
377     background-color: black;
378 }
379 input[type="button"][disabled] {
380     border-color: #444444;
381     color: #888888;
382 }
383 input[type="button"][disabled]:active {
384     background-color: #444444;
385 }
386
387 .sideBar h1 {
388     font-size: 120%;
389 }
390 .sideBar h1, .sideBar h2, .sideBar h3, .sideBar h4, .sideBar h5 {
391     font-weight: normal;
392
393     color: #aaaaaa;
394     background-color: #222222;
395
396     border-color: #111111 #333333 #333333 #111111;
397     border-width: 1px;
398     border-style: solid;
399 }
400
401 .sideBar a {
402     color: #4e8eff;
403 }
404
405 .sideBar a:visited {
406     color: #3f73d0;
407 }
408
409 .sideBar .date {
410     font-size: 70%;
411     white-space: nowrap;
412     color: #999999;
413 }
414
415 .searchResult .date {
416     font-size: 70%;
417     white-space: nowrap;
418     color: #555555;
419 }
420
421 .sideBar p {
422     text-indent: 0;
423 }
424
425 .sideBar .recentUpdates p {
426     font-size: 90%;
427 }
428
429 .sideBar .outline li {
430     list-style-type: disc;
431     background-color: inherit;
432 }
433 .sideBar .outline li li {
434     list-style-type: circle;
435 }
436 .sideBar .outline li li li {
437     list-style-type: square;
438 }
439 .sideBar .outline li li li li {
440     list-style-type: disc;
441 }
442 .sideBar .outline li li li li li {
443     list-style-type: circle;
444 }
445
446 .sideBar li {
447     padding: 3px 5px;
448     background-color: #0e192d;
449
450     border-radius: 10px;
451     -moz-border-radius: 10px;
452 }
453
454 .sideBar input[type="text"],
455 .sideBar input[type="password"] {
456     background-color: #333333;
457
458     border-style: inset;
459     border-width: 1px;
460     border-color: #333333;
461 }
462
463 .activeField {
464     color: white;
465 }
466
467 .inactiveField {
468     color: #aaaaaa;
469 }
470
471 .pageEditor input[type="text"],
472 .pageEditor input[type="password"],
473 .pageEditor input[type="file"],
474 .pageEditor textarea {
475     border-color: #aaaaaa #eeeeee #eeeeee #aaaaaa;
476     border-width: 2px;
477     border-style: solid;
478
479     background-color: #dddddd;
480 }
481
482 .searchStat {
483     color: #444444;
484     font-size: 90%;
485 }
486
487 .searchResult a {
488     font-size: 120%;
489 }
490 .searchResult {
491     border-style: dotted;
492     border-width: 1px 0 0 0;
493     border-color: #444444;
494 }
495
496 .highlighted {
497     background-color: #ffefd5;
498 }
499
500 .pager {
501     text-align: center;
502
503     background-color: #b0b0b0;
504
505     border-color: #888888;
506     border-width: 1px;
507     border-style: dotted;
508 }
509 .pager .currentSection,
510 .pager a {
511     border-style: solid;
512     border-width: 1px;
513 }
514 .pager .currentSection {
515     background-color: #bbbbbb;
516     border-color: #888888 #bbbbbb #bbbbbb #888888;
517 }
518 .pager a {
519     background-color: #aaaaaa;
520     border-color: #bbbbbb #999999 #999999 #bbbbbb;
521 }
522
523 /* float **********************************************************************/
524 h1, h2, h3, h4, h5, h6 {
525     clear: both;
526 }
527
528 /* image **********************************************************************/
529 img {
530     border-width: 0;
531 }
532
533 .inlineImage {
534     margin-top: 5px;
535     margin-bottom: 5px;
536 }
537
538 .leftFloat {
539     float: left;
540     margin-right: 25px;
541 }
542
543 .rightFloat {
544     float: right;
545     margin-left: 25px;
546 }
547
548 .imageFrame {
549     background-color: #999999;
550     padding: 5px;
551
552     border-color: #888888;
553     border-width: 1px;
554     border-style: solid;
555
556     margin-top: 5px;
557     margin-bottom: 10px;
558 }
559
560 .imageFrame p {
561     margin: 0;
562 }
563
564 .imageData {
565     text-align: center;
566 }
567
568 .imageCaption {
569     margin-top: 3px;
570 }
571
572 .sideBar .imageFrame {
573     background-color: #222222;
574 }
575
576 /* error **********************************************************************/
577 .error {
578     color: red;
579     background-color: white;
580
581     font-weight: bold;
582     
583     border-color: #880000;
584     border-width: 3px;
585     border-style: double;
586
587     padding: 10px;
588 }
589
590 .error p, .error pre {
591     margin: 0;
592 }
593
594 .error:before {
595     content: "Error: "
596 }
597
598 /* sidebar mask ***************************************************************/
599 .sideBarMask {
600     position: fixed;
601
602     background-color: black;
603     color: white;
604     opacity: 0.7;
605
606     z-index: 1;
607 }
608
609 .sideBarMask .content {
610     padding: 40px 0;
611 }
612
613 .sideBarMask .content input[type="button"] {
614     font-size: 120%;
615     font-weight: bold;
616
617     background-color: #f5f5f5;
618     color: #000055;
619
620     border-color: #dddddd;
621     border-width: 2px;
622     border-style: solid;
623
624     border-radius: 10px;
625     -moz-border-radius: 10px;
626 }
627
628 /* waiting message ************************************************************/
629 .waitingMessageBoard {
630     position: fixed;
631     left: 0;
632     top: 0;
633     right: 0;
634     bottom: 0;
635
636     z-index: 1;
637 }
638
639 .waitingMessageBoard p {
640     font-size: 200%;
641
642     background-color: white;
643     color: black;
644     opacity: 0.7;
645
646     position: fixed;
647     bottom: 1em;
648     right: 1em;
649
650     text-indent: 0;
651     padding: 5px 30px;
652 }
653
654 /* redirection message ********************************************************/
655 .redirection {
656     margin: 5px;
657     padding: 2px;
658
659     font-size: 80%;
660
661     background-color: #a6a6a6;
662     color: #333333;
663
664     border-color: #777777;
665     border-width: 1px;
666     border-style: dotted
667 }
668
669 .redirection input[type="button"] {
670     color: inherit;
671     background-color: #a0a0a0;
672
673     border-width: 1px;
674
675     border-radius: 5px;
676     -moz-border-radius: 5px;
677
678     margin-left: 0.8em;
679 }
680
681 .redirection input[type="button"]:active {
682     background-color: #888888;
683 }
684
685 /* preview ********************************************************************/
686 .preview {
687     background-color: #b5b5b5;
688
689     margin: 0 0 20px 0;
690     padding: 10px;
691
692     border-style: solid;
693     border-width: 1px;
694     border-color: #888888;
695 }
696 </textData>
697 </page>