liquid_feedback_frontend

view static/style.css @ 696:fe76cc06e6cf

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

Impressum / About Us