/www/static/css/screen.css
CSS | 1517 lines | 1176 code | 248 blank | 93 comment | 0 complexity | 7885aab3e7ec973ba96018e6b2d1058d MD5 | raw file
1/* Basic styles */
2* {
3 margin:0;
4 padding:0;
5}
6
7body {
8 font-family: Verdana, Arial, Helvetica, sans-serif;
9 font-size: 9pt;
10 line-height: 1.5;
11 text-align: center;
12 color: #222;
13 background-color: white;
14}
15
16a {
17 color:#006699;
18 text-decoration:none;
19}
20
21a:hover {
22 text-decoration:underline;
23}
24
25p {
26 margin: .4em 0 .4em 0;
27}
28
29a img {
30 border: none;
31}
32
33var {
34 font-style: normal;
35 font-family: monospace;
36}
37
38/* Misc */
39a.feed {
40 float:right;
41 display:block;
42 margin:0;
43 padding:0;
44 width: 20px;
45 height: 20px;
46 background: url(../images/feed-icon.gif) no-repeat center center;
47 text-indent: -100em;
48 overflow: hidden;
49}
50
51div.loading {
52 text-align: center;
53}
54
55div.loading img {
56 margin-right: .5em;
57}
58
59#wiki_preview {
60 padding: 1em;
61 margin: 1em;
62 border: 1px dotted silver;
63}
64
65#sidebar2 {
66 float: right;
67 width: 20em;
68 padding: 0.8em;
69 background-color: #B7D285;
70 -moz-border-radius: 10px;
71}
72
73#sidebar2 h3 {
74 margin: 0;
75 font-weight: normal;
76}
77
78#sidebar2 .section {
79 margin-bottom: 1em;
80}
81
82#sidebar2 ul {
83 padding-left: 1.5em;
84 margin: 0;
85}
86
87#sidebar2 ul li {
88 list-style-type: disc;
89}
90
91/* block quotes */
92blockquote {
93 text-indent: 25px;
94 background: url('../images/quotes1.png');
95 background-position: 0 2px;
96 background-repeat: no-repeat;
97 margin: 1em 0 1em 0;
98}
99
100blockquote p {
101 line-height: 2em;
102 display: inline;
103 margin: 0;
104 font-style: italic;
105 padding-right: 24px;
106 background: url('../images/quotes2.png');
107 background-position: bottom right;
108 background-repeat: no-repeat;
109}
110
111/* Layout */
112/*
113The basic layout of the homepage is as follows:
114
115- #page
116 - #header
117 - #content
118 - #sidebar
119 - #main
120 - h1
121 - .wiki_text_block
122 - h[2|3|4]
123 - ul
124 - ol
125 - ...
126 - .news
127 .item
128 .date
129 h3
130 .wiki_text_block
131 - #footer
132*/
133
134#page {
135 min-width: 750px;
136 margin: 0;
137 text-align: left;
138}
139
140#content_small {
141 clear: both;
142 margin-left: 10px;
143 background: url(../images/main_small.jpg) repeat-y ;
144}
145
146#sidebar {
147 width: 191px;
148 float: left;
149 border-right: 1px solid #d0d0d0;
150}
151
152#sidebar .ad {
153 padding: 1em 1em 1em 0;
154 margin-top: 1em;
155}
156
157#main {
158 /*float:right;*/
159 background: #fff url(../images/main_tile.jpg) repeat-x top;
160 padding: 15px;
161 margin-left: 191px;
162 border-left: 1px solid #d0d0d0;
163}
164
165#miscbox {
166 width: 188px;
167 float:right;
168 /*border:1px solid #D3D1C6;*/
169}
170
171#upcoming {
172 margin-bottom: 10px;
173}
174
175#upcoming, #newprobs {
176 padding: 5px;
177 background: #fc0 url(../images/upcoming.jpg) no-repeat bottom left;
178 border: 1px solid #fc0;
179}
180
181#upcoming ul, #newprobs ul {
182 border: 1px solid #fc0;
183 padding: 5px;
184 background: #fff;
185}
186
187#upcoming h2, #newprobs h2 {
188 text-transform: uppercase;
189 font-size: 14px;
190 font-weight: bold;
191 color: #840;
192}
193
194#upcoming li, #newprobs li {
195 border-bottom: 1px solid #cecece;
196 display: block;
197 background: #fff url(../images/misc_li.jpg) no-repeat center bottom;
198}
199
200#upcoming a, #newprobs a {
201 text-decoration: none;
202 display: block;
203 line-height: 1.1;
204}
205
206#upcoming a, #newprobs a {
207 padding: 5px;
208 font-size: 11px;
209}
210
211#upcoming a:hover, #newprobs a:hover {
212 text-decoration: underline;
213 background: #F8F8EF;
214}
215
216#upcoming a span {
217 display: block;
218}
219
220/* Wikipage options (actions) */
221#wikiOps {
222 font-size: 8pt;
223}
224
225#wikiOps ul {
226 background: url(../images/wiki.jpg) repeat-x bottom left;
227}
228
229#wikiOps ul {
230 float: right;
231}
232
233#wikiOps li {
234 display: block;
235 float: left;
236}
237
238#wikiOps li a {
239 display: block;
240 padding: 3px 4px;
241}
242
243#wikiOps li a: hover {
244 background: #fff;
245}
246
247#wikiOps li.current a {
248 background: #fff;
249 font-weight: bold;
250}
251
252/* Sidebar :: Main menu */
253#nav {
254 margin-right: 2px;
255}
256
257#nav li {
258 display: block;
259 font-size: 10pt;
260}
261
262#nav li a {
263 display: block;
264 width: 80%;
265 padding: 3px 15px;
266 color: #6A6A6B;
267 text-decoration: none;
268 background: url(../images/bullet.gif) no-repeat 3px center ;
269}
270
271#nav li a:hover {
272 color: #333;
273 background: #FFEFB1 url(../images/bullet.gif) no-repeat 3px center ;
274}
275
276#nav li.separator {
277 padding: 0;
278 width: 97%;
279 height: 1px;
280 border: 0;
281 background-color: silver;
282 font-size: 0;
283}
284
285#nav li.separator hr {
286 display: none;
287}
288
289/* sidebar :: login box */
290#login {
291 padding: 0;
292 margin: 1em 1em 2em 0;
293}
294
295#login fieldset {
296 width: 150px;
297 margin: 0;
298 padding: .5em .5em 0 .5em;
299 border-bottom: 0;
300 border-left: 0;
301 border-right: 0;
302}
303
304#login p {
305 padding-left: .7em;
306 margin: 0;
307}
308
309#login label {
310 font-weight: normal;
311}
312
313/* Sidebar :: search box */
314#google-search {
315 padding: 0;
316 margin: .5em .5em .5em 0;
317}
318
319#google-search fieldset {
320 width: 150px;
321 margin: 0;
322 padding: .5em .5em 0 .5em;
323 border-bottom: 0;
324 border-left: 0;
325 border-right: 0;
326}
327
328#google-search p {
329 padding-left: .7em;
330 margin: 0;
331}
332
333/* Headers */
334#main h1, #main h2, #main h3 {
335 font-family: Georgia, "Times New Roman", Times, serif;
336 font-weight: normal;
337}
338
339#main h1 {
340 font-size: 19pt;
341 margin: .2em 0 .7em 0;
342 border-bottom: 1px solid #ddd;
343}
344
345#main h2 {
346 font-size: 16pt;
347 margin: .2em 0 0 0;
348 border-bottom: 1px solid #eee;
349}
350
351#main h3 {
352 font-size: 13pt;
353 margin: .2em 0 0 0;
354 border-bottom: none;
355}
356
357/* Blog */
358/* Blog headers are smaller. */
359#main .blog .item h1 {
360 font-size: 13pt;
361}
362
363.blog {
364 width: 540px;
365}
366
367.blog-list li {
368 list-style-type: none;
369 text-indent: -1em;
370 font-size: 11px;
371 line-height: 1.3em;
372}
373
374.blog-list li:before {
375 content: "\00BB \0020";
376}
377
378.blog-list li a:hover {
379}
380
381.blog .item {
382 margin-bottom: 3em;
383 width: 100%;
384}
385
386.blog .item .wiki_text_block {
387 line-height: 1.5em;
388}
389
390.blog .item .date {
391 float: right;
392 font-family: Arial, Helvetica, sans-serif;
393 font-size: 8.5pt;
394 margin: 5px 0px 5px 0;
395 color: #060;
396}
397
398.blog-sidebar {
399 border: 1px solid silver;
400 width: 190px;
401 position: relative;
402 float: right;
403 clear: right;
404 padding-left: 0.5em;
405 -moz-border-radius-bottomleft:8px;
406 -moz-border-radius-bottomright:8px;
407 -moz-border-radius-topleft:8px;
408 -moz-border-radius-topright:8px;
409}
410
411/* News */
412.news {
413 /*width:340px;
414 float:left;*/
415 width: 95%;
416 margin-top: 1em;
417}
418
419#main .news .item h1 {
420 font-size: 13pt;
421 margin-left: 55px;
422 border: none;
423}
424
425* html .news {
426 height: 1%;
427}
428
429.news .item {
430 border-bottom: 1px solid #EBE9DC;
431 margin-bottom: 1em;
432 width: 100%;
433 padding: 0 .5em 0 .5em;
434}
435
436.news .item .wiki_text_block {
437 line-height: 1.5em;
438 margin-left: 55px;
439}
440
441.news .item .date {
442 float: left;
443 width: 40px;
444 padding: 2px;
445 font-family: Arial, Helvetica, sans-serif;
446 text-align: center;
447 font-size: 8.5pt;
448 margin: 5px 8px 5px 0;
449 padding-top: 10px;
450 color: #060;
451 background: #D9E7BE url(../images/calendar.jpg) repeat-x top center;
452 line-height: 1.2;
453}
454
455/* Breadcrumbs */
456#breadcrumbs {
457 font-size:11px;
458 line-height:2;
459 margin: 0;
460 margin-top: -10px;
461 border-bottom: 1px solid #f0f0f0;
462}
463
464#breadcrumbs a {
465 font-style: italic;
466}
467
468#breadcrumbs .separator {
469 color: silver;
470}
471
472/* Horizontal strap (i.e. "Vezi arhiva stiri") */
473.strap {
474 padding:5px 5px;
475 padding-left: 25px;
476 background: #f6f6f6 url(../images/documents_16.gif) no-repeat 5px center ;
477 font-size:11px;
478 -moz-border-radius-bottomleft:8px;
479 -moz-border-radius-bottomright:8px;
480 -moz-border-radius-topleft:8px;
481 -moz-border-radius-topright:8px;
482 color:#555;
483 line-height: 1.5em;
484}
485
486/* Macros */
487div.macroError {
488 background-color: red;
489 font-weight: bold;
490 color: white;
491 display: inline;
492 margin: 1em;
493 padding: .5em;
494}
495
496div.macroMessage {
497 background-color: #f6f6f6;
498 padding: 5px;
499 font-weight: bold;
500 margin: .5em;
501}
502
503/* Flash */
504div.flash {
505 text-align: center;
506 background-color: #ffa;
507 color: black;
508 margin: 1em auto 1em auto;
509 padding: .5em .5em .5em 17px;
510 border: 1px solid olive;
511 width: 50%;
512 background-image: url('../images/icons/notice.gif');
513 background-position: 4px 50%;
514 background-repeat: no-repeat;
515}
516
517div.flashError {
518 background-color: #cc0000;
519 color: white;
520 border: 1px solid pink;
521 background-image: url('../images/icons/error.gif');
522}
523
524div.warning {
525 padding: 0.4em;
526 border: 1px solid #CC0000;
527 background-color: #FFDDDD;
528 width: 55%;
529 position: relative;
530}
531
532div.notice {
533 color: black;
534 margin: 1em 0em 1em 0em;
535 padding: .2em .2em .2em 20px;
536 border: 1px dashed olive;
537 width: 55%;
538}
539
540/* Forms */
541form {
542 margin: 0;
543 padding: 4px;
544 font-size: 1em;
545}
546
547input[type='text'], input[type='password'], select {
548 width: 150px;
549}
550
551#sidebar input[type='text'], #sidebar input[type='password'], #sidebar select {
552 width: 150px;
553}
554
555input, select, textarea {
556 font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
557 padding: .2em;
558}
559
560select {
561 cursor: pointer;
562}
563
564input.button {
565 cursor: pointer;
566 border: 1px double #999999;
567 border-top-color: #CCCCCC;
568 border-left-color: #CCCCCC;
569 background-color: #FFFFFF;
570 background-image: url('../images/background_form_element.gif');
571 background-repeat: repeat-x;
572 color: black;
573 margin: 0;
574 font-weight: bold;
575 font-size: .95em;
576 padding: .2em;
577}
578
579input.important {
580 border-width: 3px;
581 font-size: 1em;
582}
583
584input.button:active {
585 border-color: #CCCCCC;
586 border-top-color: #999999;
587 border-left-color: #999999;
588}
589
590.fieldError, .fieldHelp {
591 display: block;
592 color: red;
593 font-weight: bold;
594 font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
595}
596
597.fieldHelp {
598 color: black;
599 font-weight: normal;
600}
601
602fieldset img {
603 vertical-align: middle;
604}
605
606fieldset {
607 padding: 0 1em 1em 1em;
608 margin: 0 1em 1em 1em;
609 border-color: silver;
610 border-collapse: collapse;
611 width: 50%;
612 display: block;
613}
614
615legend {
616 padding: 0 .5em 0 .5em;
617}
618
619ul.form {
620 list-style-type: none;
621 margin: 0;
622 padding: 0;
623}
624
625ul.form li {
626 margin: .5em 0 .5em 0;
627 height: 1%;
628}
629
630ul.form label {
631 display: block;
632 font-weight: bold;
633}
634
635ul.form label.checkbox {
636 display: inline;
637 font-weight: normal;
638 cursor: pointer;
639}
640
641ul.form {
642 margin-left: 1em;
643}
644
645fieldset ul.form {
646 margin-left: 0;
647}
648
649.compare-radio {
650 text-align: center;
651}
652
653.compare-button-container {
654 text-align: right;
655}
656
657/* user profile form */
658form.profile fieldset input {
659 width: 20em;
660}
661
662/* textblock editor */
663form#form_wikiedit textarea#form_text {
664 width: 100%;
665 height: 25em;
666 font-family: monospace;
667 font-size: 1em;
668}
669
670form#form_wikiedit input#form_title {
671 width: 100%;
672 font-size: 1.2em;
673 padding: .2em;
674}
675
676/* task editor */
677/*form.task li#field_title, form.task li#field_author, form.task
678li#field_source {
679 float: left;
680 margin-right: 1em;
681}
682
683form.task li#field_content {
684 clear: both;
685}
686
687form.round li#field_tasks select {
688 width: 20em;
689}*/
690
691/* Diff */
692.diff {
693 font-family: monospace;
694 border: #999988 solid 1px;
695 margin-bottom: 1em;
696}
697
698.diff .deleted {
699 background-color: #FFDDDD;
700 border: #CC0000 solid 1px;
701 display: block;
702}
703
704.diff .added {
705 background-color: #DDFFDD;
706 border: #00AA00 solid 1px;
707 display: block;
708}
709
710.diff .normal {
711 display: block;
712}
713.diff pre {
714 margin: .2em .2em;
715 white-space: pre-wrap; /* css-3 */
716 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
717 white-space: -pre-wrap; /* Opera 4-6 */
718 white-space: -o-pre-wrap; /* Opera 7 */
719 word-wrap: break-word; /* Internet Explorer 5.5+ */
720}
721
722.diff del {
723 background-color: #EE9999;
724 text-decoration: none;
725}
726
727.diff ins {
728 background-color: #99EE99;
729 text-decoration: none;
730}
731
732.prev_diff {
733 /*float: left;*/
734}
735
736.next_diff {
737 float: right;
738}
739
740.swap_diff {
741 float: right;
742 margin: 0.5em;
743}
744
745/* Wiki text block */
746.wiki_text_block {
747/* max-width: 600px;*/
748}
749
750.wiki_text_block a.wiki_link_external {
751 color: #549DC6;
752 background: transparent url(../images/external.png) no-repeat scroll center right;
753 padding-right: 13px;
754}
755
756.wiki_text_block a.wiki_link_missing {
757 color: red;
758}
759
760.wiki_text_block ul, .wiki_text_block ol {
761 line-height: 1.5em;
762 margin: 0 .5em .5em 2em;
763}
764
765.wiki_text_block ul {
766 list-style-type: square;
767}
768
769.wiki_text_block ul li, .wiki_text_block ol li {
770 margin: 0;
771}
772
773.wiki_text_block p {
774 margin-top: 0.85em;
775 margin-bottom: 0.85em;
776}
777
778.wiki_text_block ol {
779 margin-top: 1em;
780}
781
782.wiki_text_block table {
783 margin: .5em;
784 line-height: 2em;
785 width: 95%; /* IE FIX */
786}
787
788/* layout table */
789.wiki_text_block table.layout th, .wiki_text_block table.layout td {
790 width: 50%;
791 vertical-align: top;
792 border: none;
793 padding: 0 .3em 0 .3em;
794 padding-right: 5%;
795 text-align: left;
796}
797
798.wiki_text_block table.layout th {
799 font-family: Georgia, "Times New Roman", Times, serif;
800 font-size: 13pt;
801 font-weight: normal;
802 background-color: white;
803}
804
805/* layout table with 3 columns */
806.wiki_text_block table.layout3 th, .wiki_text_block table.layout3 td {
807 width: 30%;
808 vertical-align: top;
809 border: none;
810 padding: 1em;
811 text-align: left;
812}
813
814.wiki_text_block table.layout3 th, .wiki_text_block table.layout3 p.title {
815 font-family: Arial, Tahoma, sans-serif;
816 font-size: 1.3em;
817 font-weight: normal;
818 background-color: white;
819}
820
821.wiki_text_block .compact {
822 width: auto;
823}
824
825.wiki_text_block .compact td, .wiki_text_block .compact th {
826 padding: .2em;
827}
828
829/* syntax highlighted code block */
830.code textarea {
831 font-family: "Courier New" , Courier, mono;
832 font-size: 8pt;
833 border: 1px solid #2B91AF;
834 background-color: #fff;
835 width: 99%;
836 overflow: auto;
837 margin: 18px 0px 18px 0px;
838}
839
840/* table of contents */
841.wiki_text_block ul.toc {
842 width: 15em;
843 margin-left: 0px;
844 border: 1px solid #AAAAAA;
845 background-color: #F9F9F9;
846 padding: 0.5em;
847}
848
849.wiki_was_modified {
850 background-color: #ffa;
851 color: black;
852 margin: 1em auto 1em auto;
853 padding: .5em .5em .5em 24px;
854 border: 1px solid olive;
855 background-image: url('../images/icons/notice.gif');
856 background-position: 4px 50%;
857 background-repeat: no-repeat;
858}
859
860.toc li {
861 list-style-type: none;
862 font-size: 11px;
863 line-height: 1.3em;
864}
865
866/* vertical menu */
867.vmenu {
868 float: right;
869 border: 1px solid silver;
870 width: 13em;
871 margin: .5em;
872 padding: .5em;
873 background-color: #f0f0f0;
874 -moz-border-radius-bottomleft:8px;
875 -moz-border-radius-bottomright:8px;
876 -moz-border-radius-topleft:8px;
877 -moz-border-radius-topright:8px;
878}
879
880.vmenu li {
881 margin-left: 1em;
882 list-style-type: none;
883}
884
885.vmenu li.section {
886 margin-left: 0;
887 font-weight: bold;
888}
889
890.vmenu br {
891 display: none;
892}
893
894.vmenu li a {
895 display: block;
896 width: 95%;
897 padding-left: .4em;
898}
899
900.vmenu li a:hover {
901 background-color: #006699;
902 color: white;
903 text-decoration: none;
904}
905
906.vmenu li a:visited {
907}
908
909/* horizontal tabs */
910ul.htabs {
911 padding: 0.9pt 3pt;
912 margin: 1.5em 0 1em 0;
913 border-bottom: 1px solid #778;
914 font-weight: bold;
915}
916
917.htabs li {
918 list-style: none;
919 margin: 0;
920 display: inline;
921}
922
923.htabs li a {
924 padding: 3px 0.5em;
925 border: 1px solid #778;
926 border-bottom: none;
927 background: #DED;
928 text-decoration: none;
929}
930
931.htabs li a:link { color: #484; }
932.htabs li a:visited { color: #676; }
933
934.htabs li a:hover {
935 color: #000;
936 background: #AEA;
937 border-color: #272;
938}
939
940.htabs li.active a {
941 background: white;
942 border-bottom: 1px solid white;
943 text-decoration: underline;
944}
945
946/* horizontal tabs, level 2 */
947ul.htabs-2 {
948 padding: 0.9pt 3pt;
949 margin: 1.5em 0 1em 0;
950 border-bottom: 1px solid #778;
951 font-weight: bold;
952 font-size: .9em;
953 width: 60%;
954}
955
956.htabs-2 li {
957 list-style: none;
958 margin: 0;
959 display: inline;
960}
961
962.htabs-2 li a {
963 padding: 3px 0.5em;
964 border: 1px solid #778;
965 border-bottom: none;
966 background: #DDD;
967 text-decoration: none;
968}
969
970.htabs-2 li a:link { color: #000; }
971.htabs-2 li a:visited { color: #333; }
972
973.htabs-2 li a:hover {
974 color: #000;
975 background: #AAA;
976 border-color: #272;
977}
978
979.htabs-2 li.active a {
980 background: white;
981 border-bottom: 1px solid white;
982 text-decoration:underline;
983}
984
985/* Job details */
986.job {
987 width: 100%;
988}
989
990.job td, .job th {
991 padding: .1em .3em .1em .3em;
992 margin: 0;
993 vertical-align: middle;
994 height: 2.3em;
995}
996
997.job th {
998 width: 7em;
999 font-weight: bold;
1000 background-color: lightgray;
1001}
1002
1003/* job eval tests */
1004.job-eval-tests {
1005 font-family: monospace;
1006}
1007
1008.job-eval-tests td, .job-eval-tests th {
1009 border: 1px solid silver;
1010 vertical-align: middle;
1011 padding: .1em;
1012}
1013
1014.job-eval-tests tr.odd td {
1015 background-color: white;
1016}
1017
1018.job-eval-tests tr.even td {
1019 background-color: #ddd;
1020}
1021
1022.job-eval-tests th {
1023 font-weight: bold;
1024 background-color: white;
1025 background-color: lightgray;
1026 padding: .1em;
1027}
1028
1029.total_score {
1030 font-weight: bold;
1031}
1032
1033/* job eval log */
1034.job-eval-log {
1035 display: block;
1036 font-family: monospace;
1037 font-size: 1.1em;
1038 white-space: pre;
1039}
1040
1041
1042/* Basic table css */
1043table {
1044 border-collapse: collapse;
1045}
1046
1047table td, table th {
1048 border: 1px solid #aaa;
1049 padding-left: 0.5ex;
1050 padding-right: 0.5ex;
1051}
1052
1053tr.odd td {
1054 background: #fff;
1055}
1056
1057tr.even td {
1058}
1059
1060th {
1061 background: #ddd;
1062}
1063
1064/* inline task submit form */
1065.inlineSubmit ul.form {
1066 background-color: #f6f6f6;
1067 padding: 5px;
1068 margin: 0;
1069 -moz-border-radius: 10px;
1070}
1071
1072.inlineSubmit .form li {
1073 display: inline;
1074 list-style-type: none;
1075 margin: 5px;
1076 padding: 0;
1077}
1078
1079.inlineSubmit .form input, .inlineSubmit .form label {
1080 display: inline;
1081}
1082
1083.inlineSubmit #form_compiler {
1084 width: 7em;
1085}
1086
1087.inlineSubmit #form_round {
1088 width: 9em;
1089}
1090
1091/* reeval form */
1092
1093.reeval {
1094 float: right;
1095}
1096
1097/* gallery macro */
1098.gallery {
1099}
1100
1101.gallery .images a {
1102 margin: 5px;
1103 display: block;
1104 width: 134px;
1105 height: 84px;
1106 float: left;
1107 text-align: center;
1108 border: 2px solid white;
1109 background-color: #f0f0f0;
1110}
1111
1112.gallery .images img {
1113 margin: 2px;
1114}
1115
1116.gallery .pager {
1117 display: block;
1118 clear: left;
1119}
1120
1121.gallery .images a:hover {
1122 border: 2px solid black;
1123 background-color: white;
1124}
1125
1126/* task statement example */
1127table.example td {
1128 font-size: 1em;
1129 font-family: monospace;
1130 line-height: 1.5em;
1131 vertical-align: top;
1132 padding: .5em;
1133 white-space: nowrap;
1134}
1135
1136/* wiki style sheets */
1137p.pre {
1138 white-space: pre;
1139 font-family: monospace;
1140 line-height: 1.5em;
1141 margin: 0;
1142}
1143
1144p.pre br {
1145 display: none;
1146}
1147
1148table.numbers td, table.numbers th {
1149 text-align: right;
1150}
1151
1152/* User badges */
1153div.tiny-user {
1154 height: 24px;
1155 display:inline;
1156}
1157
1158div.tiny-user a {
1159 text-decoration: none;
1160}
1161
1162div.tiny-user .username {
1163 font-weight:bold;
1164}
1165
1166div.tiny-user img {
1167 border:1px solid #D8D6CB;
1168 background:#fff;
1169 display:inline;
1170 vertical-align:middle;
1171 margin:3px;
1172}
1173
1174div.normal-user {
1175 height: 48px;
1176 line-height: 1.5em;
1177}
1178
1179div.normal-user .username {
1180 font-weight:bold;
1181}
1182
1183
1184div.normal-user img {
1185 border:1px solid #D8D6CB;
1186 background:#fff;
1187 display:block;
1188 float:left;
1189 margin:7px;
1190}
1191
1192/* monitor */
1193table.monitor {
1194 width: 95%; /* Fix IE */
1195 margin: .5em 0 2em 0;
1196}
1197
1198/* task list */
1199.tasks td.score, .tasks th.score {
1200 width: 10%;
1201 padding-right: 4pt;
1202}
1203.tasks td.score {
1204 font-size: .7em;
1205 color: gray;
1206}
1207.tasks td.task {
1208 padding-left: 23px;
1209 background-repeat: no-repeat;
1210 background-position: 3px center;
1211}
1212.tasks td.number {
1213 Width: 5%;
1214}
1215.tasks tr.solved td.task {
1216 background-image: url('../images/icons/task_solved.gif');
1217}
1218.tasks tr.tried td.task {
1219 background-image: url('../images/icons/task_tried.gif');
1220}
1221.tasks tr.tried td.score, .tasks tr.solved td.score {
1222 color: black;
1223 font-size: 1em;
1224}
1225
1226/* rankings */
1227td.rank, th.rank {
1228 width: 2em;
1229}
1230td.rating, th.rating {
1231 width: 2em;
1232}
1233
1234/* pager (paginator) */
1235.pager a, .pager strong {
1236 padding: .1em .3em .0em .3em;
1237}
1238.pager a:hover {
1239 background-color: silver;
1240}
1241.pager .count {
1242 font-size: small;
1243}
1244
1245.pager .entries-per-page {
1246 float: right;
1247 font-size: small;
1248 height: 15px;
1249}
1250
1251/* user count */
1252.user-count {
1253 margin-top: 1em;
1254 margin-left: 1.2em;
1255 text-align: left;
1256 color:#6A6A6B;
1257
1258}
1259
1260/* task enumeration */
1261.task_enum {
1262 font-size: .9em;
1263}
1264
1265/* round registration */
1266.round-register, .round-registered, .round-expired {
1267 width: 50%;
1268 padding: 0 1em;
1269 background-color: #fff;
1270}
1271
1272.round-registered {
1273 border: 2px solid silver;
1274}
1275
1276.round-register {
1277 background-color: #ffa;
1278 border: 2px solid red;
1279}
1280
1281.round-expired {
1282 border: 2px solid silver;
1283}
1284
1285.round-register a {
1286 margin: 0 .5em 0 .5em;
1287}
1288
1289table.registered-users {
1290 width: 95%;
1291}
1292
1293/* dataset filtering form */
1294
1295.dataset-filters {
1296 background: #efd;
1297 border: 1px solid olive;
1298 margin: 3pt;
1299 padding: 3pt;
1300 font-size: x-small;
1301}
1302
1303ul.filters {
1304 height: 150px;
1305 overflow: auto;
1306}
1307
1308ul.filters li.filter {
1309 width: 40%;
1310 float: left;
1311 list-style-type: none;
1312 vertical-align: middle;
1313 margin: .25em 0 .25em 2em;
1314 white-space: nowrap;
1315}
1316
1317ul.filters li.filter label {
1318 width: 8em;
1319 overflow: hidden;
1320 float: left;
1321}
1322
1323ul.filters li.filter select.op {
1324 width: 7em;
1325 text-align: center;
1326}
1327
1328ul.filters li.filter input {
1329 width: 14em;
1330}
1331
1332ul.filters li.submit {
1333 clear: left;
1334}
1335
1336/* calendar */
1337
1338.calendar {
1339 border: 1px solid #cccccc;
1340 background: url(../images/date.png) no-repeat top left;
1341 width: 180px;
1342 padding-left: 0.3ex;
1343 padding-right: 0.3ex;
1344 line-height: 1.2em;
1345 -moz-border-radius: 7px;
1346}
1347
1348.calendar .date {
1349 font-size: 8pt;
1350 font-weight: bold;
1351 margin-top: 4pt;
1352}
1353.calendar .header {
1354 text-align: center;
1355 font-weight: bold;
1356 padding-top: 2pt;
1357 padding-bottom: 3pt;
1358 border-bottom: 1px solid #cccccc;
1359}
1360
1361.calendar a {
1362 color: #6a6a6b;
1363}
1364
1365.calendar .header img {
1366 vertical-align: middle;
1367}
1368
1369.calendar .event {
1370 font-size: 8pt;
1371}
1372
1373/* quote */
1374.quote {
1375 border: 1px solid #000000;
1376 color: #000000;
1377 font-size: x-small;
1378 padding: 0.25em;
1379}
1380
1381/* comment thread */
1382.comments {
1383 padding: 1em;
1384}
1385
1386.comment {
1387 margin: 1em 0 1em 0;
1388 padding: 0.1em;
1389}
1390
1391.comment .timestamp {
1392 display: block;
1393 font-size: .85em;
1394 float: right;
1395}
1396
1397.comment .body {
1398 margin: .5em;
1399 padding: .5em;
1400}
1401
1402.comment .header {
1403 border-bottom: 1px solid #f0f0f0;
1404 background-color: #f6f6f6;
1405 padding: .2em;
1406 -moz-border-radius: 7px;
1407}
1408
1409.comments .comment-author {
1410 border: 2px solid green;
1411}
1412
1413.comments .comment-author .header {
1414 background-color: #e7ffe7;
1415 border-bottom: 1px solid green;
1416}
1417
1418.comments .toolbar {
1419 margin: 1em 0 1em 0;
1420 padding: .75em;
1421 background-color: #f6f6f6;
1422 -moz-border-radius: 5px;
1423}
1424
1425.comments .toolbar a {
1426 font-weight: bold;
1427}
1428
1429.banner {
1430 border: 0pt none;
1431 background-color: rgb(210, 244, 219);
1432 padding: 0.3em;
1433 display: table;
1434 width: 95%;
1435 margin: 0em auto;
1436 text-align: center;
1437 line-height: 2em;
1438 -moz-border-radius: 7px;
1439}
1440
1441.report {
1442 background: url(../images/report.png) no-repeat scroll center left;
1443 float: right;
1444 padding-left: 2em;
1445}
1446
1447.picture-box {
1448 font-size: .85em;
1449 padding: 5px;
1450 border: 1px solid gray;
1451 margin: 0 1em 1em 0;
1452 float: left;
1453}
1454
1455.picture-box img {
1456 border: 1px solid silver;
1457 display: block;
1458 margin-bottom: 5px;
1459}
1460
1461/* OKRs */
1462
1463ul.okr > li:before {
1464 content: "O: ";
1465 font-weight: bold;
1466}
1467
1468ul.okr > li li:before {
1469 content: "KR: ";
1470 font-weight: bold;
1471}
1472
1473ul.okr li {
1474 list-style: none;
1475}
1476
1477ul.okr .comment {
1478 display: block;
1479 margin: 0 0 0 2em;
1480 color: gray;
1481}
1482
1483/* newsletter preview */
1484
1485#newsletter_preview {
1486 width: 95%;
1487 height: 600px;
1488 border: none;
1489}
1490
1491/* Round status icons */
1492.round-complete, .round-waiting, .round-running {
1493 width: 16px;
1494 height: 16px;
1495 display: block;
1496}
1497
1498.round-complete {
1499 width: 14px;
1500 height: 11px;
1501 background: url("../images/complete.gif");
1502}
1503
1504.round-waiting {
1505 background: url("../images/hourglass.png");
1506}
1507
1508.round-running {
1509 background: url("../images/run.png");
1510}
1511
1512.submit-warning {
1513 color: red;
1514 text-align: center;
1515 margin: 0;
1516 padding: 0;
1517}