liquid_feedback_frontend

view static/style.css @ 700:a2d907f12dd8

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

Impressum / About Us