liquid_feedback_frontend

view static/style.css @ 381:b155ca3744c5

find changesets by author, revision, files, or words in the commit message
Rearanged delegatee icons in area list to make everything fit better
author bsw
date Mon Mar 05 11:31:27 2012 +0100 (2012-03-05)
parents 2dae61588cee
children b3e2a4088137
line source
1
2 /* Style reset */
3 html,
4 body,
5 div,
6 span,
7 applet,
8 object,
9 iframe,
10 h1, h2, h3, h4, h5, h6,
11 p, a, img,
12 form, label, legend,
13 table, tbody, tfoot, thead, tr, th,td {
14 margin: 0;
15 padding: 0;
16 border: 0;
17 outline: 0;
18 font-weight: inherit;
19 font-style: inherit;
20 font-size: 100%;
21 font-family: inherit;
22 vertical-align: baseline;
23 }
24 body {
25 line-height: 1;
26 color: black;
27 background: white;
28 }
29 li {
30 line-height: 133%;
31 }
32 p {
33 margin-top: 2ex;
34 margin-bottom: 2ex;
35 }
36
37 table {
38 border-collapse: separate;
39 border-spacing: 0;
40 }
41 caption, th, td {
42 text-align: left;
43 font-weight: normal;
44 }
45
46 /*************************************************************************
47 * Some global definitions
48 */
49
50 body {
51 background: #fff;
52 line-height: 120%:
53 }
54
55 body, th, td {
56 font-family: sans-serif;
57 font-size: 15px;
58 font-size: 14px;
59 padding: 0;
60 margin: 0;
61 }
62
63 table {
64 margin-top: 1ex;
65 }
66
67 body, a {
68 color: #000;
69 }
70
71 img {
72 border: none;
73 }
74
75 table {
76 border-collapse: collapse;
77 border: none;
78 }
79
80 td, th {
81 padding: 0.5ex 0.5em 0.5ex 0em;
82 }
83
84 td {
85 vertical-align: top;
86 }
87
88 th {
89 vertical-align: bottom;
90 font-weight: bold;
91 }
92
93 a.active {
94 color: #fff;
95 }
96
97 .revoked {
98 text-decoration: line-through;
99 }
100
101 .highlighted {
102 background-color: #fa7;
103 color: #000;
104 }
105
106 .admin_only {
107 font-style: italic;
108 }
109
110 h1 {
111 font-size: 150%;
112 }
113
114 h2 {
115 font-size: 125%;
116 }
117
118 .inline {
119 display: inline;
120 }
121
122 /*************************************************************************
123 * Notices, warnings and errors
124 */
125
126 .layout_notice, .layout_error, .layout_warning {
127 background: #fff;
128 font-weight: bold;
129 line-height: 1.7em;
130 -moz-opacity:0.7;
131 }
132
133 .slot_notice, .slot_warning, .slot_error {
134 padding-left: 1em;
135 }
136
137 .slot_notice {
138 background-color: #cfc;
139 color: #040;
140 }
141
142 .slot_warning {
143 background-color: #fec;
144 color: #420;
145 }
146
147 .slot_error {
148 background-color: #fcc;
149 color: #400;
150 }
151
152 /*************************************************************************
153 * Navigation, search and language chooser bar
154 */
155
156 .topbar {
157 background-color: #333;
158 background-image: -webkit-gradient(linear, left top, left bottom,
159 color-stop(0%, #888), color-stop(25%,#333)
160 );
161 color: #fff;
162 font-size: 90%;
163 line-height: 100%;
164 padding-left: 1%;
165 box-shadow: #aaa 0 0 5px;
166 overflow: hidden;
167 -mox-box-shadow: #aaa 0 0 5px;
168 -webkit-box-shadow: #aaa 0 0 5px;
169 }
170
171 .topbar .logolf {
172 font-weight: bold;
173 }
174
175 .topbar a {
176 color: #eee;
177 }
178
179 .topbar a:hover {
180 background-color: #eee;
181 color: #000;
182 }
183
184 .navigation {
185 line-height: 200%;
186 }
187
188 .navigation img {
189 margin-right: 0.5em;
190 vertical-align: middle;
191 }
192
193 .navigation a {
194 padding: 0 0.5em;
195 float: left;
196 display: block;
197 }
198
199 form.unit_selector {
200 display: inline;
201 }
202
203 .searchbox {
204 margin: 0;
205 padding: 0.1ex 1em 0ex 1em;
206 float: right;
207 }
208
209 .searchbox form {
210 float: left;
211 margin: 0px;
212 }
213
214 .searchbox div {
215 display: inline;
216 }
217
218 .searchbox select {
219 margin-left: 0.3em;
220 margin-right: 0.4em;
221 font-size: 100%;
222 width: 8em;
223 }
224
225 .searchbox input[type=text] {
226 width: 8em;
227 padding: 0.25ex 0.25em 0.25ex 0.25em;
228 margin-right: 0.5em;
229 font-size: 100%;
230 }
231
232 .searchbox input[type=submit] {
233 font-size: 100%;
234 }
235
236 /*************************************************************************
237 * Title of current page including path and actions
238 */
239
240 .title,
241 .title2,
242 .actions {
243 background-color: #f2f2f2;
244 margin-left: 1%;
245 margin-right: 1%;
246 }
247
248 .initiative_head .actions {
249 box-shadow: none;
250 -moz-box-shadow: none;
251 -webkit-box-shadow: none;
252 }
253
254
255 .slot_initiatives_list {
256 margin-top: 1ex;
257 margin-left: 1%;
258 margin-right: 1%;
259 background-color: #fcfcfc;
260 border-radius: 8px;
261 clear: left;
262 border: 1px solid #ddd;
263 padding-top: 1ex;
264 padding-bottom: 1ex;
265 }
266
267 .title {
268 box-shadow: inset #888 0px 5px 6px -5px;
269 -moz-box-shadow: inset #888 0px 5px 6px -5px;;
270 -webkit-box-shadow: inset #888 0px 5px 6px -5px;;
271 }
272
273 .title {
274 color: #000;
275 padding: 1.5ex 1ex 0 1ex;
276 }
277
278 .title div {
279 font-size: 125%;
280 line-height: 110%;
281 }
282
283 .title a {
284 color: #000;
285 }
286
287 .title .member_image {
288 margin-right: 0.7em;
289 vertical-align: middle;
290 border-radius: 7px;
291 }
292
293 .slot_title2 {
294 padding: 1ex 1ex 0 1ex;
295 }
296
297 .member_list .member_image_avatar {
298 float: left;
299 margin-right: 0.5em;
300 }
301
302 .micro_avatar {
303 width: 24px;
304 height: 24px;
305 border-radius: 4px;
306 vertical-align: middle;
307 }
308
309 .actions {
310 font-size: 75%;
311 line-height: 220%;
312 padding-top: 2ex;
313 padding-bottom: 1ex;
314 }
315
316 .actions {
317 border-radius: 0 0 8px 8px;
318 }
319
320 .actions .interest,
321 .actions .delegation,
322 .actions a {
323 margin-left: 1ex;
324 }
325
326 .actions a {
327 margin-top: 1px;
328 margin-bottom: 1px;
329 }
330
331 .actions .interest a,
332 .actions .delegation a {
333 margin: 0;
334 }
335
336 .initiative_head .actions {
337 background-color: #fff;
338 margin: 0px;
339 }
340
341 .actions a {
342 padding-right: 0.3em;
343 }
344
345 .slot_initiative_head {
346 padding-left: 1%;
347 padding-top: 4ex;
348 }
349
350 .initiative_name {
351 font-weight: bold;
352 font-size: 125%;
353 }
354 .actions a {
355 float: left;
356 }
357
358 .actions a:hover {
359 background-color: #d7d7d7;
360 }
361
362 .actions img {
363 padding-left: 0.2em;
364 padding-right: 0.2em;
365 vertical-align: middle;
366 }
367
368 .logo {
369 float: right;
370 margin-right: 1em;
371 }
372
373
374 .member_image_photo {
375 border-radius: 8px;
376 }
377
378 /*************************************************************************
379 * vote info / delegation
380 */
381
382 .interest,
383 .slot_support,
384 .delegation {
385 float: left;
386 position: relative;
387 z-index: 1;
388 }
389
390 .interest img,
391 .slot_support img,
392 .delegation img {
393 padding-left: 0.2em;
394 padding-right: 0.2em;
395 }
396 .actions .supporter,
397 .actions .potential_supporter,
398 .vote_info .head {
399 float: left;
400 }
401
402 .actions .supporter,
403 .actions .potential_supporter,
404 .actions .interest .head {
405 padding-right: 0.3em;
406 }
407
408 .delegation .head_active,
409 .interest .head_active,
410 .actions .supporter,
411 .actions .potential_supporter {
412 border-radius: 5px;
413 border: 1px solid #5f6675;
414 }
415
416 .delegation .head_active,
417 .interest .head_active {
418 background-color: #cdf;
419 }
420
421 .actions .supporter {
422 background-color: #cdf;
423 }
424
425 .actions .potential_supporter {
426 background-color: #cdf;
427 }
428
429 .slot_support .head_initiator {
430 background-color: #f2f2f2;
431 border-radius: 5px;
432 }
433
434 .delegation .change_delegation {
435 margin-bottom: 2ex;
436 }
437
438 .delegation .change_delegation a {
439 display: inline;
440 float: none;
441 padding: 1ex;
442 }
443
444 .delegation .delegation_participation {
445 margin-left: 20.5em;
446 margin-top: 3ex;
447 font-style: italic;
448 font-size: 80%;
449 }
450
451 .slot_actions .change_delegation {
452 float: left;
453 }
454
455 .vote_info .close {
456 position: absolute;
457 top: 0;
458 right: 0;
459 padding: 1ex;
460 display: block;
461 }
462
463 .vote_info .content {
464 font-size: 133%;
465 line-height: 100%;
466 top: 2.8ex;
467 display: none;
468 position: absolute;
469 z-index: 10;
470 background-color: #cdf;
471 border-radius: 0 5px 5px 5px;
472 padding: 1em;
473 width: 35em;
474 border: 1px solid #5f6675;
475 border-top: none;
476 }
477
478 .delegation_arrow {
479 vertical-align: middle;
480 }
481
482 .vote_info .delegation_arrow {
483 margin-top: 1ex;
484 margin-bottom: 1ex;
485 }
486
487 .vote_info .delegation_arrow_overridden {
488 opacity: 0.4;
489 }
490
491 .vote_info .delegation_scope_overridden {
492 color: #777;
493 }
494
495 .vote_info .delegation_scope {
496 display: inline;
497 }
498
499 .vote_info .delegation_info {
500 }
501
502 .vote_info a {
503 padding-right: 0;
504 }
505
506 .vote_info .member_thumb {
507 clear: left;
508 background: #fff;
509 }
510
511 .delegation_overridden .member_thumb {
512 opacity: 0.4;
513 }
514
515 .delegation .revoke {
516 margin: 0.5ex;
517 float: right;
518 }
519
520 .delegation .revoke img {
521 vertical-align: middle;
522 }
523
524
525 /*************************************************************************
526 * Main content
527 */
528
529 .main {
530 margin-left: 1%;
531 margin-right: 1%;
532 }
533
534 /*************************************************************************
535 * ui.tab
536 */
537
538 .ui_tabs_links {
539 margin-top: 3ex;
540 margin-bottom: 1ex;
541 font-size: 75%;
542 }
543
544 .ui_tabs_links a {
545 padding: 1ex;
546 line-height: 300%;
547 background-color: #f2f2f2;
548 white-space: nowrap;
549 border-radius: 5px;
550 margin-right: 5px;
551 font-weight: bold;
552 }
553
554 .ui_tabs_links a:hover {
555 background-color: #d7d7d7;
556 }
557
558 .ui_tabs_links a.selected {
559 background-color: #444;
560 color: #fff;
561 text-decoration: none;
562 padding: 1ex;
563 }
564
565 .ui_tabs_links a.yellow {
566 background-color: #fcc;
567 color: #000;
568 }
569
570 .ui_tabs_links a.yellow:hover {
571 background-color: #faa;
572 }
573
574 .ui_tabs_links a.yellow.selected {
575 background-color: #a44;
576 color: #fff;
577 text-decoration: none;
578 padding: 1ex;
579 }
580
581 .ui_tabs_links a.red {
582 background-color: #c33;
583 color: #000;
584 }
585
586 .ui_tabs_links a.red:hover {
587 background-color: #ebb;
588 }
589
590 .ui_tabs_links a.red.selected {
591 background-color: #644;
592 color: #fff;
593 text-decoration: none;
594 padding: 1ex;
595 }
596
597
598 /*************************************************************************
599 * ui.filters
600 */
601
602 .ui_filter {
603 overflow: hidden;
604 margin-bottom: 1ex;
605 margin-right: 1em;
606 }
607
608 .ui_filter_head {
609 color: #777;
610 margin-top: 0.5ex;
611 margin-bottom: 0.5ex;
612 font-size: 75%;
613 float: left;
614 line-height: 200%;
615 margin-right: 2em;
616 }
617
618 .ui_filter_head a {
619 color: #777;
620 padding: 0.5ex;
621 }
622
623 .ui_filter_head a.active {
624 color: #fff;
625 background-color: #777;
626 padding: 0.5ex;
627 border-radius: 5px;
628 }
629
630 /*************************************************************************
631 * ui.paginate
632 */
633
634 .ui_paginate_head {
635 display: none;
636 margin-bottom: 1ex;
637 }
638
639 .ui_paginate_foot {
640 margin-top: 1ex;
641 }
642
643 .ui_paginate_select a {
644 padding: 0.5em;
645 }
646
647 /*************************************************************************
648 * ui.bargraph
649 */
650
651 .bargraph {
652 width: 103px;
653 }
654
655 .bargraph50 {
656 width: 52px;
657 }
658
659 .bargraph div {
660 float: left;
661 margin-top: 0.5ex;
662 height: 1.3ex;
663 }
664
665 /*************************************************************************
666 * vertical ui.form
667 */
668
669 .vertical {
670 margin-top: 2ex;
671 }
672
673 .login input[type=text],
674 .vertical input[type=text],
675 .login input[type=password],
676 .vertical input[type=password],
677 .vertical textarea,
678 .vertical select {
679 font-family: sans-serif;
680 font-size: 100%;
681 width: 50em;
682 border: 1px solid #444;
683 padding: 0.2ex 0.2em 0.2ex 0.2em;
684 margin-bottom: 1ex;
685 }
686
687 .login input[type=password],
688 .vertical input[type=password] {
689 width: 16em;
690 }
691
692 .vertical select {
693 padding-right: 0;
694 }
695
696 .login .ui_field_label,
697 .vertical .ui_field_label {
698 text-transform: uppercase;
699 font-size: 70%;
700 line-height: 120%;
701 font-weight: bold;
702 color: #777;
703 width: 15em;
704 display: block;
705 float: left;
706 clear: left;
707 text-align: right;
708 padding-right: 0.5em;
709 }
710
711 .ui_field_label.label_right {
712 text-align: left;
713 width: auto;
714 }
715
716 .login input[type=text],
717 .login input[type=password] {
718 width: 10em;
719 }
720
721 .login div,
722 .vertical div {
723 clear: left;
724 }
725
726 .vertical span {
727 display: block;
728 margin-bottom: 0.5ex;
729 }
730
731 .vertical span:after {
732 content: " ";
733 }
734
735 .vertical span span {
736 display: inline;
737 margin-bottom: 0;
738 }
739
740 .login input[type=submit],
741 .vertical input[type=submit] {
742 font-size: 100%;
743 margin-left: 11em;
744 background-color: #444444;
745 color: #fff;
746 border: none;
747 padding: 0.75ex;
748 }
749
750 .login input[type=submit]:hover,
751 .vertical input[type=submit]:hover {
752 background-color: #444444;
753 }
754
755 /*************************************************************************
756 * Tables
757 */
758
759
760 table a.action {
761 font-size: 70%;
762 line-height: 190%;
763 padding: 0.5ex;
764 color: #777;
765 }
766
767 table a.active {
768 color: #fff;
769 }
770
771 th {
772 text-align: left;
773 }
774
775 tr:hover td {
776 background-color: #f2f2f2;
777 }
778
779 .nohover tr:hover td {
780 background-color: #fff;
781 }
782
783 .initiatives_list .nohover tr:hover td {
784 background-color: #f2f2f2;
785 }
786
787 .nohover table tr:hover td {
788 background-color: #f2f2f2;
789 }
790
791
792 tr table tr:hover td {
793 background-color: #fff;
794 }
795
796
797 /*************************************************************************
798 * Positive / Negtive votes
799 */
800
801
802 .positive_votes span {
803 display: inline;
804 }
805
806 .positive_votes {
807 display: inline;
808 background-color: #cfc;
809 padding: 0.3ex 0.5em 0.3ex 0.5em;
810 }
811
812 .negative_votes span {
813 display: inline;
814 }
815
816 .negative_votes {
817 display: inline;
818 background-color: #fcc;
819 padding: 0.3ex 0.5em 0.3ex 0.5em;
820 }
821
822 .suggestion_my_opinion a,
823 .suggestion_my_opinion span {
824 white-space: nowrap;
825 padding-left: 0.2ex !important;
826 padding-right: 0.2ex !important;
827 }
828
829 .active {
830 background-color: #444;
831 color: #fff;
832 }
833
834 .active_red2 { background-color: #a00; color: #fff !important; }
835 .active_red1 { background-color: #f88; color: #000 !important; }
836 .active_green1 { background-color: #8f8; color: #000 !important; }
837 .active_green2 { background-color: #0a0; color: #000 !important; }
838
839
840
841 /*************************************************************************
842 * Area list
843 */
844
845 .member_area_list {
846 margin-bottom: 0ex;
847 }
848
849 .member_area_list .unit_head {
850 font-size: 120%;
851 font-weight: bold;
852 line-height: 200%;
853 float: left;
854 clear: both;
855 }
856
857 .member_area_list .unit_delegatee {
858 float: left;
859 }
860
861 .area_list {
862 margin-bottom: 4ex;
863 }
864 .area_list .area {
865 line-height: 32px;
866 clear: both;
867 }
868
869 .area_list .area.head {
870 line-height: 16px;
871 clear: none;
872 }
873
874 .area_list .area.head .phases {
875 margin-top: 2ex;
876 }
877
878 .area_list .area img {
879 vertical-align: middle;
880 }
881
882 .area_list .area .bar {
883 float: left;
884 padding-top: 6px
885 }
886
887 .area_list .area .membership,
888 .area_list .area .delegatee {
889 display: inline;
890 width: 24px
891 }
892
893 .area_list .area .name {
894 display: inline;
895 font-weight: bold;
896 }
897
898 .area_list .area .phases {
899 float: right;
900 }
901
902 .area_list .area .phases div {
903 float: left;
904 width: 3em;
905 text-align: right;
906 }
907
908 @media screen and (max-width: 480px) {
909 .area_list .area .name {
910 display: block;
911 }
912
913 .area_list .area .delegatee,
914 .area_list .area .membership {
915 float: left;
916 white-space: nowrap;
917 }
918 .area_list .area .bar {
919 display: none;
920 }
921 }
922
923 /*************************************************************************
924 * Issues
925 */
926
927 .issues {
928 clear: left;
929 }
930
931 .issues .issue {
932 background-color: #fcfcfc;
933 overflow: hidden;
934 margin-bottom: 2ex;
935 border: 1px solid #ccc;
936 border-radius: 8px;
937 }
938
939 .issues .issue.interested,
940 .issues .issue.interest_by_delegation {
941 border: 1px solid #b2cdff;
942 }
943
944 .issues .issue .issue_info {
945 padding: 1ex 1ex 0.3ex 1ex;
946 line-height: 140%;
947 margin-bottom: 1ex;
948 }
949
950 .issues .issue.interested .issue_info,
951 .issues .issue.interested_by_delegation .issue_info {
952 background-color: #dfeaff;
953 background-image: linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
954 background-image: -o-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
955 background-image: -moz-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
956 background-image: -webkit-linear-gradient(top, #dfeaff 50%, #fcfcfc 100%);
957 background-image: -ms-linear-gradient(top, #dfeaff 0%, #fcfcfc 66%);
958 }
959
960 .issues .issue .issue_info .issue_id {
961 font-size: 125%;
962 }
963
964 .issue_policy_info {
965 font-style: italic;
966 }
967
968 .issues .issue .interest_by_delegation {
969 float: right;
970 }
971
972 .issues .issue .initiative_list a {
973 font-weight: bold;
974 }
975
976 .initiative {
977 margin-left: 1ex;
978 margin-bottom: 1ex;
979 line-height: 50%;
980 }
981
982 .initiative .bar {
983 margin-right: 0.3em;
984 }
985
986 .initiative .rank,
987 .initiative .bar,
988 .initiative .interest {
989 float: left;
990 margin-right: 0.3em;
991 }
992
993 .initiative .interest {
994 width: 16px;
995 height: 16px;
996 line-height: 100%;
997 }
998
999 .initiative .name {
1000 line-height: 130%;
1001 margin-left: 160px;
1002 }
1003
1004 @media screen and (max-width: 480px) {
1005 .initiative .name {
1006 clear: left;
1007 margin-left: 0px;
1008 }
1009 }
1010
1011
1012 .issue_initiative_list a {
1013 font-weight: bold;
1014 }
1015
1016 .more_initiatives_link {
1017 display: block;
1018 margin-left: 166px;
1019 font-style: italic;
1020 margin-bottom: 1ex;
1021 }
1022
1023 .issues tr tr {
1024 border: none;
1025 background: none;
1026 }
1027
1028 .initiative_link.selected {
1029 font-weight: bold;
1030 }
1031
1032 x.initiative_link.supported {
1033 background-color: #cdf;
1034 border-radius: 5px;
1035 }
1036
1037 x.initiative_link.potentially_supported {
1038 background-color: #cdf;
1039 border-radius: 5px;
1040 }
1041
1042 .lang_chooser {
1043 float: right;
1044 margin-right: 0.5em;
1045 }
1046
1047 .delegation_list_entry {
1048 margin-right: 2em;
1049 margin-bottom: 2ex;
1050 float: left;
1051 clear: left;
1052 }
1053
1054 .delegation_list_entry .delegation_arrow {
1055 float: left;
1056 }
1057
1058 .delegation_list_entry .delegation_scope {
1059 float: left;
1060 width: 25em;
1061 }
1062
1063 .delegation_list_entry .delegation_scope a {
1064 display: block;
1065 }
1066
1067 .member_list .member_thumb {
1068 float: left;
1069 margin-right: 1em;
1070 margin-bottom: 2ex;
1071 }
1072
1073 .member_thumb {
1074 text-decoration: none;
1075 width: 14.5em;
1076 height: 48px;
1077 display: block;
1078 float: left;
1079 background-color: #f2f2f2;
1080 overflow: hidden;
1081 position: relative;
1082 border-radius: 7px;
1083 padding: 2px;
1084 }
1085
1086 .xmember_thumb a {
1087 position: absolute;
1088 top: 0;
1089 left: 0;
1090 padding: 0;
1091 margin: 0;
1092 }
1093
1094 .member_thumb a:hover div {
1095 background-color: #444;
1096 color: #fff;
1097 }
1098
1099 .member_thumb img {
1100 padding: 0;
1101 margin: 0;
1102 vertical-align: bottom;
1103 border-radius: 7px;
1104 }
1105
1106 .member_thumb .member_name {
1107 position: absolute;
1108 left: 56px;
1109 top: 2ex;
1110 font-size: 100%;
1111 width: 14em;
1112 }
1113
1114 .member_thumb .flags {
1115 text-align: right;
1116 font-size: 75%;
1117 }
1118
1119 .member_thumb .flags a,
1120 .member_thumb .flags img {
1121 position: static;
1122 float: right;
1123 margin-left: 0.5em;
1124 }
1125
1126 .member_thumb .flags .in_delegation_chain {
1127 font-weight: bold;
1128 }
1129
1130 .member .right {
1131 float: right;
1132 }
1133
1134 .member_thumb.not_accepted,
1135 .member_thumb.not_informed {
1136 background: #fff;
1137 }
1138
1139 .member_thumb.not_accepted .member_image,
1140 .member_thumb.not_accepted .member_name,
1141 .member_thumb.not_informed .member_image,
1142 .member_thumb.not_informed .member_name {
1143 opacity: 0.4;
1144 }
1145
1146 .member_thumb.in_delegation_chain {
1147 background-color: #cdf;
1148 }
1149
1150 .member_statement,
1151 .draft_content,
1152 .suggestion_content {
1153 background-color: #f2f2f2;
1154 padding: 1ex;
1155 border-radius: 8px;
1156 }
1157
1158 .member_statement {
1159 margin-right: 250px;
1160 }
1161
1162 #suggestion_description {
1163 height: 15ex;
1164 }
1165
1166 .diff {
1167 background-color: #f2f2f2;
1168 border: 1px solid #ccc;
1169 padding: 1ex;
1170 }
1171
1172 .diff_added {
1173 background-color: #cfc;
1174 text-decoration: underline;
1175 }
1176
1177 .diff_removed {
1178 background-color: #fcc;
1179 text-decoration: line-through;
1180 }
1181
1182 .slot_issue_info {
1183 background-color: #f2f2f2;
1184 border: 1px solid #ccc;
1185 float: right;
1186 padding: 0.5ex;
1187 line-height: 130%;
1188 margin-right: 1em;
1189 }
1190
1191 .issue_info label {
1192 float: left;
1193 width: 8em;
1194 text-transform: uppercase;
1195 font-size: 70%;
1196 color: #777;
1197 font-weight: bold;
1198 clear: left;
1199 text-align: right;
1200 margin-right: 0.7em;
1201 }
1202
1203 .admitted_info {
1204 background-color: #dfd;
1205 padding: 1ex;
1206 margin-bottom: 2ex;
1207 border-radius: 8px;
1208 }
1209
1210 .not_admitted_info,
1211 .revoked_info {
1212 background-color: #fdd;
1213 padding: 1ex;
1214 margin-bottom: 2ex;
1215 border-radius: 8px;
1216 }
1217
1218 .draft_updated_info,
1219 .voting_active_info,
1220 .initiator_invite_info,
1221 .motd,
1222 .public_access_issue_head {
1223 background-color: #fec;
1224 padding: 1ex;
1225 margin-top: 2ex;
1226 margin-bottom: 2ex;
1227 border-radius: 8px;
1228 }
1229
1230 .suggestion_fulfilled {
1231 width: 15em;
1232 }
1233 .suggestion_fulfilled a.action {
1234 padding-left: 0;
1235 line-height: 120%;
1236 }
1237
1238 .help,
1239 .use_terms {
1240 border-radius: 8px;
1241 border: 1px solid #ffe900;
1242 background-color: #fffbce;
1243 color: #000;
1244 padding: 1ex;
1245 }
1246
1247 .help_visible {
1248 margin-top: 2ex;
1249 margin-bottom: 1ex;
1250 }
1251
1252 .help_visible .help_icon {
1253 float: right;
1254 }
1255
1256 .slot_help_hidden {
1257 float: right;
1258 margin-right: 1em;
1259 margin-top: 1ex;
1260 }
1261
1262 .help_actions {
1263 font-size: 75%;
1264 float: right;
1265 }
1266
1267 .help_actions a {
1268 margin-right: 1em;
1269 color: #468;
1270 }
1271
1272 .wiki {
1273 line-height: 133%;
1274 }
1275
1276 .wiki h1,
1277 .wiki h2,
1278 .wiki h3,
1279 .wiki h4 {
1280 margin-top: 1ex;
1281 margin-bottom: 1ex;
1282 }
1283
1284 .wiki h1 {
1285 font-size: 150%;
1286 font-weight: bold;
1287 }
1288
1289 .wiki h2 {
1290 font-size: 125%;
1291 font-weight: bold;
1292 }
1293
1294 .wiki h3 {
1295 font-size: 125%;
1296 }
1297
1298 .wiki h4 {
1299 font-size: 100%;
1300 font-weight: bold;
1301 }
1302
1303 .wiki p {
1304 margin-top: 1ex;
1305 margin-bottom: 1ex;
1306 }
1307
1308 form .warning {
1309 background-color: #ffd;
1310 color: #000;
1311 border: 1px solid #dda;
1312 margin: 1ex;
1313 margin-bottom: 2ex;
1314 padding: 1ex;
1315 }
1316
1317 a.not_voted {
1318 display: block;
1319 background-color: #fec;
1320 color: #000;
1321 }
1322
1323 .action_active {
1324 background-color: #fec;
1325 }
1326
1327 .heading {
1328 display: block;
1329 font-size: 120%;
1330 font-weight: bold;
1331 }
1332
1333 .heading.first {
1334 margin-top: 0;
1335 }
1336
1337 .menu_list li {
1338 padding-top: 1ex;
1339 padding-bottom: 1ex;
1340 }
1341
1342 .deactivated_member_info {
1343 background-color: #a00;
1344 color: #fff;
1345 }
1346
1347 /*************************************************************************
1348 * Voting
1349 */
1350
1351 #voting_form {
1352 margin-top: 20px;
1353 }
1354
1355 #voting {
1356 position: relative;
1357 }
1358
1359 #voting .approval, .abstention, .disapproval {
1360 border: 2px black solid;
1361 margin-top: 2ex;
1362 margin-bottom: 5ex;
1363 padding: 1ex;
1364 padding-bottom: 2ex;
1365 border-radius: 8px;
1366 }
1367 #voting .approval {
1368 background-color: #9f9;
1369 }
1370 #voting .approval .movable {
1371 background-color: #dfd;
1372 }
1373 #voting .abstention {
1374 background-color: #ccc;
1375 }
1376 #voting .abstention .movable {
1377 background-color: #f2f2f2;
1378 }
1379 #voting .disapproval {
1380 background-color: #f88;
1381 }
1382 #voting .disapproval .movable {
1383 background-color: #fbb;
1384 }
1385 #voting .cathead {
1386 font-weight: bold;
1387 }
1388 #voting .movable {
1389 position: relative;
1390 border: 1px black solid;
1391 margin-top: 1ex;
1392 padding: 0.5ex;
1393 border-radius: 8px;
1394 }
1395 #voting .voting_form_active .movable {
1396 cursor: pointer;
1397 }
1398 #voting .voting_form_active .clickable {
1399 cursor: auto;
1400 }
1401 #voting .voting_form_active a.clickable {
1402 cursor: pointer;
1403 }
1404
1405 #voting .grabber {
1406 vertical-align: middle;
1407 cursor: move;
1408 }
1409
1410 /*************************************************************************
1411 * timeline
1412 */
1413 div.ignore_area_list {
1414 float: left;
1415 width: 90%;
1416 margin: 0 0 1em 0;
1417 }
1418
1419 div.ignore_area_list >
1420 label.ui_field_label {
1421 text-align: left ;
1422 width: 100%;
1423 border-bottom:1px solid #000000;
1424 color: #000000;
1425 font-size:75%;
1426 font-weight:bold;
1427 vertical-align:bottom;
1428 text-transform:none;
1429 padding:0.5ex 0.5em
1430 }
1431
1432 div.ignore_area_item {
1433 clear: none;
1434 float: left;
1435 min-width: 10em;
1436 margin: 0.1ex 0.5em;
1437 margin-right: 0.5em;
1438 }
1439
1440 div.ignore_area_item > input {
1441 float: none;
1442 clear: none;
1443 display: inline;
1444 }
1445
1446 div.ignore_area_item >
1447 label.ui_field_label {
1448 float: none;
1449 clear: none;
1450 text-align: left;
1451 display: inline;
1452 }
1453
1454 div.timeline_results {
1455 clear: both;
1456 }
1457
1458 /* shadows */
1459
1460 .slot_initiatives_list,
1461 .actions,
1462 .issues .issue,
1463 .ui_tabs_links a,
1464 .draft_content,
1465 .help,
1466 .use_terms,
1467 .motd,
1468 .ui_filter a.active,
1469 .vote_info .content {
1470 box-shadow: #777 0px 5px 5px -5px;
1471 -mox-box-shadow: #777 0px 5px 5px -5px;
1472 -webkit-box-shadow: #777 0px 5px 5px -5px;
1473 }
1474
1475

Impressum / About Us