liquid_feedback_frontend

view static/style.css @ 671:4876b432d44a

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

Impressum / About Us