liquid_feedback_frontend

view static/style.css @ 770:88e2278e1427

find changesets by author, revision, files, or words in the commit message
Make more event link in event list more visible
author bsw
date Thu Jun 28 23:38:43 2012 +0200 (2012-06-28)
parents c5bdf4e6790d
children 9d4398195faf
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: 15px;
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 .ui_filter_head a.active {
621 border: 1px solid #666;
622 text-decoration: none;
623 background-color: #444;
624 background: -webkit-linear-gradient(top, #666, #222);
625 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%,#222));
626 background: -moz-linear-gradient(#666, #222);
627 background: -ms-linear-gradient(#666, #222);
628 background: -o-linear-gradient(#666, #222);
629 background: linear-gradient(#666, #222);
630 color: #fff;
631 }
632
633 /*************************************************************************
634 * ui.paginate
635 */
636
637 .ui_paginate_head {
638 display: none;
639 margin-bottom: 1ex;
640 }
641
642 .ui_paginate_foot {
643 margin-top: 1ex;
644 margin-bottom: 4ex;
645 }
646
647 .initiative_head .ui_paginate_foot {
648 margin-bottom: 1ex;
649 }
650
651 .ui_paginate_select a {
652 padding: 0.5em;
653 border-radius: 4px;
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 .login input[type=password],
731 .vertical input[type=password] {
732 width: 16em;
733 }
734
735 .vertical select {
736 padding-right: 0;
737 }
738
739 .login .ui_field_label,
740 .vertical .ui_field_label {
741 line-height: 180%;
742 font-weight: bold;
743 color: #777;
744 width: 29%;
745 display: block;
746 float: left;
747 clear: left;
748 text-align: right;
749 padding-right: 0.5em;
750 }
751
752 .ui_field_label.label_right {
753 text-align: left;
754 width: auto;
755 }
756
757 .login input[type=text],
758 .login input[type=password] {
759 width: 10em;
760 }
761
762 .login div,
763 .vertical div {
764 clear: left;
765 }
766
767 .vertical span {
768 line-height: 180%;
769 display: block;
770 margin-bottom: 0.5ex;
771 }
772
773 .vertical span:after {
774 content: " ";
775 }
776
777 .vertical span span {
778 display: inline;
779 margin-bottom: 0;
780 }
781
782 .login input[type=submit],
783 .vertical input[type=submit] {
784 font-size: 100%;
785 margin-left: 29%;
786 background-color: #444444;
787 color: #fff;
788 border: none;
789 padding: 0.75ex;
790 }
791
792 .login input[type=submit]:hover,
793 .vertical input[type=submit]:hover {
794 background-color: #444444;
795 }
796
797 @media screen and (max-width: 480px) {
798 .login input[type=text],
799 .vertical input[type=text],
800 .login input[type=password],
801 .vertical input[type=password],
802 .vertical textarea,
803 .vertical select,
804 .vertical input[type=submit],
805 .login input[type=submit] {
806 width: 98%;
807 }
808 .login .ui_field_label,
809 .vertical .ui_field_label {
810 text-align: left;
811 width: 98%;
812 }
813 .login input[type=text],
814 .login input[type=password] {
815 width: 98%;
816 }
817 .login input[type=submit],
818 .vertical input[type=submit] {
819 margin-left: 0;
820 }
821 }
822
823
824 /*************************************************************************
825 * Positive / Negtive votes
826 */
827
828
829 .positive_votes span {
830 display: inline;
831 }
832
833 .positive_votes {
834 display: inline;
835 background-color: #cfc;
836 padding: 0.3ex 0.5em 0.3ex 0.5em;
837 }
838
839 .negative_votes span {
840 display: inline;
841 }
842
843 .negative_votes {
844 display: inline;
845 background-color: #fcc;
846 padding: 0.3ex 0.5em 0.3ex 0.5em;
847 }
848
849 .suggestion_my_opinion a,
850 .suggestion_my_opinion span {
851 white-space: nowrap;
852 padding-left: 0.2ex !important;
853 padding-right: 0.2ex !important;
854 }
855
856 .active {
857 background-color: #444;
858 color: #fff;
859 }
860
861 .active_red2 { background-color: #a00; color: #fff !important; }
862 .active_red1 { background-color: #f88; color: #000 !important; }
863 .active_green1 { background-color: #8f8; color: #000 !important; }
864 .active_green2 { background-color: #0a0; color: #000 !important; }
865
866
867
868 /*************************************************************************
869 * Unit list
870 */
871
872 .unit_list a {
873 font-weight: bold;
874 }
875
876 /*************************************************************************
877 * Area list
878 */
879 .area_list {
880 border: 1px solid #444;
881 border-radius: 10px;
882 margin-top: 2ex;
883 }
884
885 .area_list .area {
886 border-top: 1px solid #777;
887 }
888
889 .area_list .area:first-child {
890 border-top: none;
891 }
892
893 .area_list .unit_head {
894 border-radius: 8px 8px 0 0;
895 }
896
897 .area_list .unit_head:last-child {
898 border-radius: 8px;
899 }
900
901 .area_list .area:last-child .content:last-child{
902 border-radius: 0 0 8px 8px;
903 }
904
905 .area_list .area:first-child .area_head {
906 border-radius: 8px 8px 0 0;
907 }
908
909 /*************************************************************************
910 * Issues
911 */
912
913 .issues {
914 clear: left;
915 margin-top: 2ex;
916 }
917
918 .issues .issue {
919 overflow: hidden;
920 border: 1px solid #777;
921 border-radius: 8px;
922 margin-bottom: 4ex;
923 }
924
925 .issue.interested,
926 .issue.interest_by_delegation {
927 border: 1px solid #b2cdff;
928 }
929
930 .issue .suggestion {
931 margin-bottom: 1ex;
932 font-weight: bold;
933 }
934
935 .event_info {
936 margin-top: 8px;
937 clear: left;
938 float: left;
939 line-height: 125%;
940 width: 240px;
941 display: inline;
942 padding: 5px 8px;
943 background-color: #444;
944 background: -webkit-linear-gradient(top, #888, #222);
945 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
946 background: -moz-linear-gradient(#888, #222);
947 background: -ms-linear-gradient(#888, #222);
948 background: -o-linear-gradient(#888, #222);
949 background: linear-gradient(#888, #222);
950 color: #fff;
951 font-style: italic;
952 border-radius: 8px 0 0 8px;
953 }
954
955 .event_info a {
956 color: #fff;
957 }
958
959 .events .issue {
960 min-height: 15ex;
961 border: 1px solid #777;
962 }
963
964 .event_info .event_name,
965 .issue_policy_info .event_name {
966 font-weight: bold;
967 }
968
969 .more_events_links {
970 margin-left: 255px;
971 padding: 1ex;
972 background-color: #444;
973 background: -webkit-linear-gradient(top, #888, #222);
974 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
975 background: -moz-linear-gradient(#888, #222);
976 background: -ms-linear-gradient(#888, #222);
977 background: -o-linear-gradient(#888, #222);
978 background: linear-gradient(#888, #222);
979 color: #fff;
980 border-radius: 8px;
981 font-weight: bold;
982 }
983
984 @media screen and (max-width: 720px) {
985 .event_info {
986 width: auto;
987 margin-left: 8px;
988 margin-right: 8px;
989 border-radius: 8px 8px 0 0;
990 }
991 .events .issue {
992 clear: left;
993 }
994 .more_events_links {
995 margin-left: 0px;
996 }
997
998 }
999
1000 @media screen and (max-width: 480px) {
1001 .events .initiative .name {
1002 clear: left;
1003 margin-left: 0px;
1004 }
1005 }
1006
1007
1008
1009 .issue_policy_info img {
1010 vertical-align: middle;
1011 }
1012
1013 .issue .interest_by_delegation {
1014 float: right;
1015 }
1016
1017 .issue .initiative_list a.highlighted {
1018 font-weight: bold;
1019 }
1020
1021 .initiative {
1022 margin-left: 1ex;
1023 margin-bottom: 1ex;
1024 line-height: 50%;
1025 }
1026
1027 .initiative .bar {
1028 margin-right: 0.3em;
1029 }
1030
1031 .initiative .rank,
1032 .initiative .bar,
1033 .initiative .interest {
1034 float: left;
1035 margin-right: 0.3em;
1036 }
1037
1038 .initiative .rank {
1039 width: 2.5em;
1040 }
1041
1042
1043 .initiative .interest {
1044 width: 20px;
1045 height: 16px;
1046 line-height: 100%;
1047 }
1048
1049 .initiative .name {
1050 line-height: 130%;
1051 margin-left: 168px;
1052 font-size: 115%;
1053 }
1054
1055 .initiative.selected .name {
1056 font-weight: bold;
1057 xfont-style: italic;
1058 }
1059
1060 @media screen and (max-width: 480px) {
1061 .initiative .name {
1062 clear: left;
1063 margin-left: 0px;
1064 }
1065 }
1066
1067
1068 .issue_initiative_list a {
1069 font-weight: bold;
1070 }
1071
1072 .more_initiatives_link {
1073 display: block;
1074 margin-left: 166px;
1075 font-style: italic;
1076 margin-bottom: 1ex;
1077 }
1078
1079 .issue tr tr {
1080 border: none;
1081 background: none;
1082 }
1083
1084 .initiative_link.selected {
1085 font-weight: bold;
1086 }
1087
1088 x.initiative_link.supported {
1089 background-color: #cdf;
1090 border-radius: 5px;
1091 }
1092
1093 x.initiative_link.potentially_supported {
1094 background-color: #cdf;
1095 border-radius: 5px;
1096 }
1097
1098 .lang_chooser {
1099 float: right;
1100 margin-right: 0.5em;
1101 }
1102
1103 .delegation_list_entry {
1104 margin-right: 2em;
1105 margin-bottom: 2ex;
1106 float: left;
1107 clear: left;
1108 }
1109
1110 .delegation_list_entry .delegation_arrow {
1111 float: left;
1112 }
1113
1114 .delegation_list_entry .delegation_scope {
1115 float: left;
1116 width: 25em;
1117 }
1118
1119 .delegation_list_entry .delegation_scope a {
1120 display: block;
1121 }
1122
1123 .member_list .member_thumb {
1124 float: left;
1125 margin-right: 10px;
1126 margin-bottom: 10px;
1127 }
1128
1129 .member_thumb {
1130 text-decoration: none;
1131 width: 205px;
1132 height: 48px;
1133 display: block;
1134 float: left;
1135 background-color: #fff;
1136 overflow: hidden;
1137 position: relative;
1138 border-radius: 8px;
1139 padding: 2px;
1140 border: 1px solid #aaa;
1141 }
1142
1143 .member_thumb a:hover div {
1144 background-color: #444;
1145 color: #fff;
1146 }
1147
1148 .member_thumb img {
1149 padding: 0;
1150 margin: 0;
1151 vertical-align: bottom;
1152 border-radius: 7px;
1153 }
1154
1155 .member_thumb .member_name {
1156 position: absolute;
1157 left: 56px;
1158 top: 2ex;
1159 font-size: 100%;
1160 width: 14em;
1161 }
1162
1163 .member_thumb .flags {
1164 float: right;
1165 }
1166
1167 .member_thumb .flags a,
1168 .member_thumb .flags img {
1169 position: static;
1170 float: right;
1171 margin-left: 0.5em;
1172 }
1173
1174 .member_thumb .flags .in_delegation_chain {
1175 font-weight: bold;
1176 }
1177
1178 .member .right {
1179 float: right;
1180 }
1181
1182 .member_thumb.not_accepted,
1183 .member_thumb.not_informed {
1184 border: 1px solid #ccc;
1185 color: #777;
1186 }
1187
1188 .member_thumb.not_accepted .member_image,
1189 .member_thumb.not_accepted .member_name,
1190 .member_thumb.not_informed .member_image,
1191 .member_thumb.not_informed .member_name {
1192 opacity: 0.4;
1193 }
1194
1195 .member_thumb.in_delegation_chain {
1196 background-color: #fda;
1197 }
1198
1199
1200 #suggestion_description {
1201 height: 15ex;
1202 }
1203
1204 .diff {
1205 background-color: #f2f2f2;
1206 border: 1px solid #ccc;
1207 padding: 1ex;
1208 }
1209
1210 .diff_added {
1211 background-color: #cfc;
1212 text-decoration: underline;
1213 }
1214
1215 .diff_removed {
1216 background-color: #fcc;
1217 text-decoration: line-through;
1218 }
1219
1220 .admitted_info,
1221 .not_admitted_info,
1222 .revoked_info,
1223 .draft_updated_info,
1224 .initiator_invite_info {
1225 padding: 1ex;
1226 }
1227
1228 .admitted_info {
1229 background-color: #afc;
1230 }
1231
1232 .not_admitted_info,
1233 .revoked_info {
1234 background-color: #fbb;
1235 }
1236
1237 .draft_updated_info,
1238 .initiator_invite_info {
1239 background-color: #fda;
1240 }
1241
1242 .motd,
1243 .public_access_issue_head {
1244 background-color: #fda;
1245 padding: 1ex;
1246 margin-top: 1ex;
1247 margin-bottom: 2ex;
1248 }
1249
1250 .suggestion_fulfilled {
1251 width: 15em;
1252 }
1253 .suggestion_fulfilled a.action {
1254 padding-left: 0;
1255 line-height: 120%;
1256 }
1257
1258 .help,
1259 .use_terms {
1260 border-radius: 8px;
1261 border: 1px solid #ffe900;
1262 background-color: #fffbce;
1263 color: #000;
1264 padding: 1ex;
1265 }
1266
1267 .help_visible {
1268 margin-top: 2ex;
1269 margin-bottom: 1ex;
1270 }
1271
1272 .help_visible .help_icon {
1273 float: right;
1274 }
1275
1276 .slot_help_hidden {
1277 float: left;
1278 margin-top: 1ex;
1279 }
1280
1281 .help_actions {
1282 float: right;
1283 }
1284
1285 .help_actions a {
1286 margin-right: 1em;
1287 color: #468;
1288 }
1289
1290 .wiki {
1291 line-height: 150%;
1292 }
1293
1294 .wiki h1,
1295 .wiki h2,
1296 .wiki h3,
1297 .wiki h4 {
1298 margin-top: 1ex;
1299 margin-bottom: 1ex;
1300 }
1301
1302 .wiki h1 {
1303 font-size: 133%;
1304 font-weight: bold;
1305 }
1306
1307 .wiki h2 {
1308 font-size: 115%;
1309 font-weight: bold;
1310 }
1311
1312 .wiki h3 {
1313 font-size: 115%;
1314 }
1315
1316 .wiki h4 {
1317 font-size: 100%;
1318 font-weight: bold;
1319 }
1320
1321 .wiki p {
1322 margin-top: 1ex;
1323 margin-bottom: 1ex;
1324 }
1325
1326 form .warning {
1327 background-color: #ffd;
1328 color: #000;
1329 border: 1px solid #dda;
1330 margin: 1ex;
1331 margin-bottom: 2ex;
1332 padding: 1ex;
1333 }
1334
1335 a.not_voted {
1336 display: block;
1337 background-color: #fec;
1338 color: #000;
1339 }
1340
1341 .action_active {
1342 background-color: #fec;
1343 }
1344
1345 .heading {
1346 display: block;
1347 font-size: 115%;
1348 font-weight: bold;
1349 margin-bottom: 10px;
1350 text-decoration: none;
1351 }
1352
1353 .heading.first {
1354 margin-top: 0;
1355 }
1356
1357 .menu_list li {
1358 padding-top: 1ex;
1359 padding-bottom: 1ex;
1360 }
1361
1362 .deactivated_member_info {
1363 background-color: #a00;
1364 color: #fff;
1365 }
1366
1367 /*************************************************************************
1368 * Voting
1369 */
1370
1371 #voting_form {
1372 margin-top: 20px;
1373 }
1374
1375 #voting {
1376 position: relative;
1377 }
1378
1379 #voting .approval, .abstention, .disapproval {
1380 border: 2px black solid;
1381 margin-top: 2ex;
1382 margin-bottom: 5ex;
1383 padding: 1ex;
1384 padding-bottom: 2ex;
1385 border-radius: 8px;
1386 }
1387 #voting .approval {
1388 background-color: #9f9;
1389 }
1390 #voting .approval .movable {
1391 background-color: #dfd;
1392 }
1393 #voting .abstention {
1394 background-color: #ccc;
1395 }
1396 #voting .abstention .movable {
1397 background-color: #f2f2f2;
1398 }
1399 #voting .disapproval {
1400 background-color: #f88;
1401 }
1402 #voting .disapproval .movable {
1403 background-color: #fbb;
1404 }
1405 #voting .cathead {
1406 font-weight: bold;
1407 }
1408 #voting .movable {
1409 position: relative;
1410 border: 1px black solid;
1411 margin-top: 1ex;
1412 padding: 0.5ex;
1413 border-radius: 8px;
1414 }
1415 #voting .voting_form_active .movable {
1416 cursor: pointer;
1417 }
1418 #voting .voting_form_active .clickable {
1419 cursor: auto;
1420 }
1421 #voting .voting_form_active a.clickable {
1422 cursor: pointer;
1423 }
1424
1425 #voting .movable {
1426 vertical-align: middle;
1427 cursor: move;
1428 }
1429
1430 /* shadows */
1431
1432 .member_statement,
1433 .suggestion_content,
1434 .initiative_head,
1435 .box,
1436 div.notifications {
1437 border-radius: 8px;
1438 }
1439
1440 .member_statement,
1441 .suggestion_content,
1442 .initiative_head,
1443 .box {
1444 border: 1px solid #777;
1445 }
1446
1447 .member_statement,
1448 .draft_content,
1449 .suggestion_content,
1450 .box {
1451 padding: 0 12px;
1452 }
1453
1454 .suggestion_content,
1455 .member_statement,
1456 .draft_content {
1457 border-left: 12px solid #777;
1458 }
1459
1460 .slot_footer {
1461 margin: 0 1%;
1462 border-top: 1px solid #ccc;
1463 padding: 1ex;
1464 text-align: center;
1465 }
1466 .slot_footer,
1467 .slot_footer a {
1468 color: #666;
1469 }
1470
1471 .footer {
1472 margin: 0 auto;
1473 max-width: 1130px;
1474 }

Impressum / About Us