liquid_feedback_frontend

view static/style.css @ 738:0541c9e50ff6

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

Impressum / About Us