liquid_feedback_frontend

view static/style.css @ 136:166fd10c7e81

fixes bug #234

test if the constructed selector first before adding a paginator
author Daniel Poelzleithner <poelzi@poelzi.org>
date Tue Oct 05 21:51:59 2010 +0200 (2010-10-05)
parents e1b916d2e489
children 20e0b64cc1f9
line source
1 /*************************************************************************
2 * Some global definitions
3 */
5 body, th, td {
6 font-family: sans-serif;
7 font-size: 15px;
8 font-size: 14px;
9 padding: 0;
10 margin: 0;
11 }
13 .area_list {
14 line-height: 170%;
15 }
17 body, a {
18 color: #000;
19 }
21 img {
22 border: none;
23 }
25 table {
26 border-collapse: collapse;
27 border: none;
28 }
30 td, th {
31 padding: 0.5ex 0.5em 0.5ex 0.5em;
32 }
34 td {
35 vertical-align: top;
36 }
38 th {
39 vertical-align: bottom;
40 font-size: 75%;
41 font-weight: bold;
42 }
44 a.active {
45 color: #fff;
46 }
48 .revoked {
49 text-decoration: line-through;
50 }
52 .highlighted {
53 background-color: #fa7;
54 color: #000;
55 }
57 .admin_only {
58 font-style: italic;
59 }
61 a {
62 xvertical-align: middle;
63 }
65 h1 {
66 font-size: 150%;
67 }
69 h2 {
70 font-size: 125%;
71 }
74 /*************************************************************************
75 * Notices, warnings and errors
76 */
78 .layout_notice, .layout_error, .layout_warning {
79 background: #fff;
80 font-weight: bold;
81 line-height: 1.7em;
82 -moz-opacity:0.7;
83 }
85 .slot_notice, .slot_warning, .slot_error {
86 padding-left: 1em;
87 }
89 .slot_notice {
90 background-color: #cfc;
91 color: #040;
92 }
94 .slot_warning {
95 background-color: #fec;
96 color: #420;
97 }
99 .slot_error {
100 background-color: #fcc;
101 color: #400;
102 }
104 /*************************************************************************
105 * Navigation, search and language chooser bar
106 */
108 .topbar {
109 background-color: #444;
110 color: #fff;
111 font-size: 75%;
112 line-height: 140%;
113 margin-bottom: 1.8ex;
114 }
116 .topbar a {
117 background-color: #444;
118 color: #fff;
119 }
121 .topbar a:hover {
122 background-color: #fff;
123 color: #000;
124 }
126 .navigation,
127 .logout_button {
128 line-height: 250%;
129 }
131 .navigation img,
132 .logout_button img {
133 margin-right: 0.5em;
134 vertical-align: middle;
135 }
137 .navigation a,
138 .logout_button a {
139 padding: 1ex;
140 }
142 .logout_button {
143 float: right;
144 }
146 .searchbox {
147 margin: 0;
148 padding: 0.1ex 1em 0ex 1em;
149 float: right;
150 line-height: 250%;
151 }
153 .searchbox form {
154 float: left;
155 }
157 .searchbox div {
158 display: inline;
159 }
161 .searchbox select {
162 margin-left: 0.3em;
163 margin-right: 0.4em;
164 font-size: 100%;
165 width: 8em;
166 }
168 .searchbox input[type=text] {
169 width: 8em;
170 padding: 0.25ex 0.25em 0.25ex 0.25em;
171 margin-right: 0.5em;
172 font-size: 100%;
173 }
175 .searchbox input[type=submit] {
176 font-size: 100%;
177 }
179 /*************************************************************************
180 * Title of current page including path and actions
181 */
183 .title_bar {
184 border-bottom: 1px solid #777;
185 padding-top: 1ex;
186 padding-bottom: 0.5ex;
187 }
189 .title_bar_content {
190 margin-left: 1em;
191 }
193 .path {
194 color: #444;
195 }
197 .path div {
198 font-size: 100%;
199 line-height: 180%;
200 }
202 .path a {
203 color: #444;
204 }
206 .slot_path div {
207 display: inline;
208 margin-left: 1em;
209 margin-right: 1em;
210 }
212 .title {
213 color: #000;
214 margin-bottom: 0.5ex;
215 }
217 .slot_title {
218 }
220 .title div {
221 font-weight: bold;
222 font-size: 135%;
223 line-height: 110%;
224 }
226 .title a {
227 color: #000;
228 }
230 .member_image_avatar {
231 float: left;
232 margin-right: 0.5em;
233 }
235 .actions {
236 font-size: 75%;
237 line-height: 220%;
238 }
240 .slot_actions {
241 display: inline;
242 }
244 .actions a {
245 float: left;
246 display: block;
247 padding: 1px 0.5em 1px 0.0em;
248 margin-right: 1em;
249 vertical-align: middle;
250 }
252 .content_navigation {
253 font-size: 75%;
254 background-color: #eee;
255 margin-bottom: 2ex;
256 padding-left: 1em;
257 }
259 .content_navigation div,
260 .content_navigation a {
261 display: inline-block;
262 padding: 3px 0.5em 3px 0.0em;
263 margin-right: 1em;
264 vertical-align: middle;
265 }
267 .content_navigation a:hover {
268 background-color: #d7d7d7;
269 }
271 .actions a:hover {
272 background-color: #d7d7d7;
273 }
275 .actions img {
276 padding-left: 0.2em;
277 padding-right: 0.2em;
278 vertical-align: middle;
279 }
281 .logo {
282 float: right;
283 margin-right: 1em;
284 }
289 /*************************************************************************
290 * vote info / delegation
291 */
293 .interest,
294 .slot_support,
295 .delegation,
296 .voting_requested {
297 float: left;
298 position: relative;
299 z-index: 1;
300 }
302 .interest img,
303 .slot_support img,
304 .delegation img,
305 .voting_requested img {
306 padding-left: 0.2em;
307 padding-right: 0.2em;
308 }
309 .vote_info .head {
310 float: left;
311 margin-right: 1em;
312 }
314 .interest .head_active,
315 .slot_support .head_potential_supporter{
316 background-color: #fec;
317 border: 1px solid #b96;
318 }
320 .interest .head_autoreject {
321 background-color: #fdd;
322 border: 1px solid #b77;
323 }
325 .slot_support .head_supporter {
326 background-color: #dfc;
327 border: 1px solid #8b8;
328 }
330 .slot_support .head_initiator {
331 background-color: #eee;
332 border: 1px solid #999;
333 }
335 .delegation .head_active {
336 background-color: #ddf;
337 border: 1px solid #88b;
338 }
340 .delegation .change_delegation {
341 margin-bottom: 2ex;
342 }
344 .delegation .change_delegation a {
345 display: inline;
346 float: none;
347 padding: 1ex;
348 }
350 .delegation .delegation_participation {
351 margin-left: 20.5em;
352 margin-top: 3ex;
353 font-style: italic;
354 font-size: 80%;
355 }
357 .voting_requested .head_active {
358 background-color: #fdd;
359 border: 1px solid #b77;
360 }
362 .vote_info .close {
363 position: absolute;
364 top: 0;
365 right: 0;
366 padding: 1ex;
367 display: block;
368 }
370 .vote_info .content {
371 font-size: 133%;
372 line-height: 100%;
373 top: 3ex;
374 display: none;
375 position: absolute;
376 z-index: 10;
377 background-color: #fff;
378 border: 1px solid #999;
379 padding: 1em;
380 width: 35em;
381 }
383 .vote_info .delegation_arrow {
384 margin-top: 1ex;
385 margin-bottom: 1ex;
386 vertical-align: middle;
387 }
389 .vote_info .delegation_arrow_overridden {
390 opacity: 0.4;
391 }
393 .vote_info .delegation_scope_overridden {
394 color: #777;
395 }
397 .vote_info .delegation_scope {
398 display: inline;
399 }
401 .vote_info .delegation_info {
402 }
404 .vote_info .member_thumb {
405 clear: left;
406 }
408 .delegation_overridden .member_thumb {
409 opacity: 0.4;
410 }
412 .delegation .revoke {
413 margin: 0.5ex;
414 float: right;
415 }
417 .delegation .revoke img {
418 vertical-align: middle;
419 }
422 .sub_title div {
423 padding-top: 1ex;
424 margin-top: 1ex;
425 font-weight: bold;
426 font-size: 135%;
427 line-height: 110%;
428 }
430 /*************************************************************************
431 * Main content
432 */
434 .main {
435 margin-left: 1em;
436 margin-right: 1em;
437 }
440 /*************************************************************************
441 * ui.tab
442 */
444 .ui_tabs_links {
445 margin-top: 4ex;
446 font-size: 75%;
447 }
449 .ui_tabs_links a {
450 padding: 1ex;
451 line-height: 200%;
452 background-color: #e7e7e7;
453 white-space: nowrap;
454 }
456 .ui_tabs_links a:hover {
457 background-color: #d7d7d7;
458 }
460 .ui_tabs_links a.selected {
461 background-color: #444;
462 color: #fff;
463 text-decoration: none;
464 padding: 1ex;
465 }
467 .ui_tabs_content {
468 border: 1px solid #444;
469 padding: 1ex 1ex 1ex 1ex;
470 }
472 .web10 .ui_tabs_accordeon_head {
473 margin-bottom: 1ex;
474 }
476 .web20 .ui_tabs_accordeon_head {
477 font-size: 80%;
478 font-weight: bold;
479 display: block;
480 background: #eee;
481 border: 1px solid #bbb;
482 color: #000;
483 padding: 0.75ex;
484 margin-top: 2ex;
485 cursor: pointer;
486 }
488 .web20 .ui_tabs_accordeon_head img {
489 vertical-align: middle;
490 margin-right: 0.5em;
491 }
493 .web20 .ui_tabs_accordeon_head .bargraph {
494 margin-right: 0.5em;
495 }
497 .web20 .ui_tabs_accordeon_content {
498 border: 1px solid #aaa;
499 border-top: none;
500 padding: 2ex 1em 2ex 1em;
501 margin-bottom: 3ex;
502 }
504 .web20 .issue_initiative_list .ui_tabs_accordeon_head {
505 background-color: #e5e5ff;
506 }
508 .web20 .issue_initiative_list .ui_tabs_accordeon_head,
509 .web20 .issue_initiative_list .ui_tabs_accordeon_content {
510 border-color: #aad;
511 }
513 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
514 border-color: #bbb;
515 border-width: 1px;
516 }
518 .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
519 background-color: #eee;
520 border: 1px solid #bbb;
521 }
523 .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
524 font-size: 120%;
525 }
527 .ui_tabs_links a.yellow {
528 background-color: #fec;
529 color: #000;
530 }
532 .ui_tabs_links a.yellow:hover {
533 background-color: #edb;
534 }
536 .ui_tabs_links a.yellow.selected {
537 background-color: #654;
538 color: #fff;
539 text-decoration: none;
540 padding: 1ex;
541 }
543 .web20 .ui_tabs_accordeon_head.yellow {
544 background-color: #fec;
545 border-color: #b96;
546 xpadding: 1ex;
547 xmargin-bottom: 2ex;
548 }
550 .web20 .ui_tabs_accordeon_content.yellow {
551 border-color: #b96;
552 }
554 /*************************************************************************
555 * ui.filters
556 */
558 .ui_filter_closed_head,
559 .ui_filter_head {
560 color: #777;
561 margin-top: 1ex;
562 margin-bottom: 1.5ex;
563 font-size: 75%;
564 }
566 .ui_filter_head a {
567 color: #777;
568 padding: 0.5ex;
569 }
571 .ui_filter_head a.active {
572 color: #fff;
573 background-color: #777;
574 padding: 0.5ex;
575 }
577 /*************************************************************************
578 * ui.paginate
579 */
581 .ui_paginate_head {
582 margin-bottom: 1ex;
583 }
585 .ui_paginate_foot {
586 margin-top: 1ex;
587 }
589 .ui_paginate_select a {
590 padding: 0.5ex;
591 }
593 /*************************************************************************
594 * ui.bargraph
595 */
597 .bargraph {
598 width: 103px;
599 }
601 .bargraph50 {
602 width: 52px;
603 }
605 .bargraph div {
606 float: left;
607 margin-top: 0.5ex;
608 height: 1.3ex;
609 }
611 .bargraph_legend {
612 margin-top: 2ex;
613 }
615 .bargraph_legend .bargraph {
616 width: 26px;
617 }
619 .bargraph_legend div,
620 .bargraph_legend div div,
621 .bargraph_legend div div div {
622 float: left;
623 }
625 .bargraph_legend_label {
626 margin-left: 0.5em;
627 margin-right: 1em;
628 }
630 /*************************************************************************
631 * vertical ui.form
632 */
634 .login input[type=text],
635 .vertical input[type=text],
636 .login input[type=password],
637 .vertical input[type=password],
638 .vertical textarea,
639 .vertical select {
640 font-family: sans-serif;
641 font-size: 100%;
642 width: 50em;
643 border: 1px solid #444;
644 padding: 0.2ex 0.2em 0.2ex 0.2em;
645 margin-bottom: 1ex;
646 }
648 .login input[type=password],
649 .vertical input[type=password] {
650 width: 16em;
651 }
653 .vertical select {
654 padding-right: 0;
655 }
657 .login .ui_field_label,
658 .vertical .ui_field_label {
659 text-transform: uppercase;
660 font-size: 70%;
661 line-height: 120%;
662 font-weight: bold;
663 color: #777;
664 width: 15em;
665 display: block;
666 float: left;
667 clear: left;
668 text-align: right;
669 padding-right: 0.5em;
670 }
672 .ui_field_label.label_right {
673 text-align: left;
674 width: auto;
675 }
677 .login input[type=text],
678 .login input[type=password] {
679 width: 10em;
680 }
682 .login div,
683 .vertical div {
684 clear: left;
685 }
687 .vertical span {
688 display: block;
689 margin-bottom: 0.5ex;
690 }
692 .vertical span:after {
693 content: " ";
694 }
696 .vertical span span {
697 display: inline;
698 margin-bottom: 0;
699 }
701 .login input[type=submit],
702 .vertical input[type=submit] {
703 font-size: 100%;
704 margin-left: 11em;
705 background-color: #444444;
706 color: #fff;
707 border: none;
708 padding: 0.75ex;
709 }
711 .login input[type=submit]:hover,
712 .vertical input[type=submit]:hover {
713 background-color: #444444;
714 }
716 /*************************************************************************
717 * Tables
718 */
721 table a.action {
722 font-size: 70%;
723 line-height: 190%;
724 padding: 0.5ex;
725 color: #777;
726 }
728 table a.active {
729 color: #fff;
730 }
732 th {
733 text-align: left;
734 border-bottom: 1px solid #000;
735 }
737 tr:hover td {
738 background-color: #ddd;
739 }
741 .nohover tr:hover td {
742 background-color: #fff;
743 }
745 .nohover table tr:hover td {
746 background-color: #ddd;
747 }
750 tr table tr:hover td {
751 background-color: #fff;
752 }
755 /*************************************************************************
756 * Hidden inline form
757 */
759 .hidden_inline_form {
760 display: none;
761 border: 1px solid #444;
762 width: 42em;
763 position: fixed;
764 background-color: #fff;
765 left: 5em;
766 top: 5ex;
767 z-index: 2;
768 }
770 .hidden_inline_form a {
771 padding: 0.5ex;
772 color: #fff;
773 }
776 .hidden_inline_form .head {
777 background-color: #444;
778 color: #fff;
779 display: block;
780 padding: 0.5ex;
781 }
783 .hidden_inline_form input[type=text],
784 .hidden_inline_form textarea,
785 .hidden_inline_form select {
786 width: 30em;
787 }
789 /*************************************************************************
790 * Positive / Negtive votes
791 */
794 .positive_votes span {
795 display: inline;
796 }
798 .positive_votes {
799 display: inline;
800 background-color: #cfc;
801 padding: 0.3ex 0.5em 0.3ex 0.5em;
802 }
804 .negative_votes span {
805 display: inline;
806 }
808 .negative_votes {
809 display: inline;
810 background-color: #fcc;
811 padding: 0.3ex 0.5em 0.3ex 0.5em;
812 }
814 .suggestion_my_opinion a,
815 .suggestion_my_opinion span {
816 white-space: nowrap;
817 padding-left: 0.2ex !important;
818 padding-right: 0.2ex !important;
819 }
821 .active {
822 background-color: #444;
823 color: #fff;
824 }
826 .active_red2 { background-color: #a00; color: #fff !important; }
827 .active_red1 { background-color: #f88; color: #000 !important; }
828 .active_green1 { background-color: #8f8; color: #000 !important; }
829 .active_green2 { background-color: #0a0; color: #000 !important; }
834 /*************************************************************************
835 * Issues
836 */
838 .issues tr {
839 border: 1px solid #ccc;
840 }
842 .issues tr tr {
843 border: none;
844 }
846 .lang_chooser {
847 float: right;
848 margin-right: 0.5em;
849 }
851 .delegation_list_entry {
852 margin-right: 2em;
853 margin-bottom: 2ex;
854 float: left;
855 clear: left;
856 }
858 .delegation_list_entry .delegation_arrow {
859 float: left;
860 }
862 .delegation_list_entry .delegation_scope {
863 float: left;
864 width: 25em;
865 }
867 .delegation_list_entry .delegation_scope a {
868 display: block;
869 }
871 .member_list .member_thumb {
872 float: left;
873 margin-right: 1em;
874 margin-bottom: 2ex;
875 }
877 .member_thumb {
878 text-decoration: none;
879 width: 14.5em;
880 height: 48px;
881 display: block;
882 float: left;
883 border: 1px solid #999;
884 overflow: hidden;
885 xwhite-space: nowrap;
886 position: relative;
887 }
889 .member_thumb a{
890 position: absolute;
891 top: 0;
892 left: 0;
893 padding: 0;
894 margin: 0;
895 }
897 .member_thumb a:hover div {
898 background-color: #444;
899 color: #fff;
900 }
902 .member_thumb img {
903 padding: 0;
904 margin: 0;
905 vertical-align: bottom;
906 }
908 .member_thumb div {
909 }
911 .member_thumb .member_image {
912 }
914 .member_thumb .member_name {
915 position: absolute;
916 left: 48px;
917 top: 2ex;
918 font-size: 100%;
919 width: 14em;
920 }
922 .member_thumb .flags {
923 text-align: right;
924 font-size: 75%;
925 }
927 .member_thumb .flags a,
928 .member_thumb .flags img {
929 position: static;
930 float: right;
931 margin-left: 0.5em;
932 }
935 .member .right {
936 float: right;
937 }
939 .member_thumb.not_accepted,
940 .member_thumb.not_informed {
941 opacity: 0.5;
942 }
944 .member_statement,
945 .draft_content,
946 .suggestion_content {
947 background-color: #eee;
948 border: 1px solid #ccc;
949 padding-left: 1ex;
950 padding-right: 1ex;
951 }
953 .diff {
954 background-color: #eee;
955 border: 1px solid #ccc;
956 padding: 1ex;
957 }
959 .diff_added {
960 background-color: #cfc;
961 text-decoration: underline;
962 }
964 .diff_removed {
965 background-color: #fcc;
966 text-decoration: line-through;
967 }
969 .slot_issue_info {
970 background-color: #eee;
971 border: 1px solid #ccc;
972 float: right;
973 padding: 0.5ex;
974 line-height: 130%;
975 margin-right: 1em;
976 }
978 .issue_info label {
979 float: left;
980 width: 8em;
981 text-transform: uppercase;
982 font-size: 70%;
983 color: #777;
984 font-weight: bold;
985 clear: left;
986 text-align: right;
987 margin-right: 0.7em;
988 }
990 .admitted_info {
991 background-color: #dfd;
992 padding: 1ex;
993 margin-bottom: 2ex;
994 }
996 .not_admitted_info,
997 .revoked_info {
998 background-color: #fdd;
999 padding: 1ex;
1000 margin-bottom: 2ex;
1003 .draft_updated_info,
1004 .voting_active_info,
1005 .initiator_invite_info,
1006 .motd,
1007 .public_access_issue_head {
1008 background-color: #fec;
1009 border: 1px solid #b96;
1010 padding: 1ex;
1011 margin-bottom: 2ex;
1014 .suggestion_fulfilled {
1015 width: 15em;
1017 .suggestion_fulfilled a.action {
1018 padding-left: 0;
1019 line-height: 120%;
1022 .help,
1023 .use_terms {
1024 border: 1px solid #bcd;
1025 background-color: #def;
1026 color: #000;
1027 padding: 1ex;
1030 .help_visible {
1031 margin-bottom: 1ex;
1034 .help_visible .help_icon {
1035 float: right;
1038 .slot_help_hidden {
1039 float: right;
1040 margin-right: 1em;
1043 .help_actions {
1044 font-size: 75%;
1045 float: right;
1048 .help_actions a {
1049 margin-right: 1em;
1050 color: #468;
1053 .wiki {
1056 .wiki h1,
1057 .wiki h2,
1058 .wiki h3,
1059 .wiki h4 {
1060 margin-top: 1ex;
1061 margin-bottom: 1ex;
1064 .wiki h1 {
1065 font-size: 150%;
1068 .wiki h2 {
1069 font-size: 125%;
1072 .wiki p {
1073 margin-top: 1ex;
1074 margin-bottom: 1ex;
1077 form .warning {
1078 background-color: #ffd;
1079 color: #000;
1080 border: 1px solid #dda;
1081 margin: 1ex;
1082 margin-bottom: 2ex;
1083 padding: 1ex;
1086 a.not_voted {
1087 display: block;
1088 background-color: #fec;
1089 color: #000;
1092 .action_active {
1093 background-color: #fec;
1096 .heading {
1097 font-size: 120%;
1098 font-weight: bold;
1099 margin-top: 2ex;
1100 margin-bottom: 1ex;
1103 .heading.first {
1104 margin-top: 0;
1107 .menu_list li {
1108 padding-top: 1ex;
1109 padding-bottom: 1ex;
1112 .deactivated_member_info {
1113 background-color: #a00;
1114 color: #fff;
1117 /*************************************************************************
1118 * Voting
1119 */
1121 #voting {
1122 position: relative;
1124 #voting .approval, .abstention, .disapproval {
1125 border: 2px black solid;
1126 margin-top: 5ex;
1127 margin-bottom: 5ex;
1128 padding: 1ex;
1129 padding-bottom: 2ex;
1131 #voting .approval {
1132 background-color: #9f9;
1134 #voting .approval .movable {
1135 background-color: #dfd;
1137 #voting .abstention {
1138 background-color: #ccc;
1140 #voting .abstention .movable {
1141 background-color: #eee;
1143 #voting .disapproval {
1144 background-color: #f88;
1146 #voting .disapproval .movable {
1147 background-color: #fbb;
1149 #voting .cathead {
1150 font-weight: bold;
1152 #voting .movable {
1153 position: relative;
1154 border: 1px black solid;
1155 margin: 1ex;
1156 padding: 0.5ex;
1158 #voting .voting_form_active .movable {
1159 cursor: pointer;
1161 #voting .voting_form_active .clickable {
1162 cursor: auto;
1164 #voting .voting_form_active a.clickable {
1165 cursor: pointer;
1168 #voting .grabber {
1169 vertical-align: middle;
1170 cursor: move;

Impressum / About Us