liquid_feedback_frontend

view static/style.css @ 9:0ee1e0c42d4c

find changesets by author, revision, files, or words in the commit message
Version beta5

Minor security fix: Added missing security filter for admin section. Reading of member listing including login names was possible for all users. Write access has not been possible though.

Changing of name and login is possible while a history of these changes is written and accessible by all users.

Statistics shown in area list

Trimming of user input also converts multiple whitespaces to single space character.
author bsw
date Mon Jan 04 12:00:00 2010 +0100 (2010-01-04)
parents 374bbc2ff102
children 72c5e0ee7c98
line source
1 /*************************************************************************
2 * Some global definitions
3 */
4
5 body, th, td {
6 font-family: sans-serif;
7 font-size: 14px;
8 padding: 0;
9 margin: 0;
10 }
11
12 body, a {
13 color: #000;
14 }
15
16 img {
17 border: none;
18 }
19
20 table {
21 border-collapse: collapse;
22 border: none;
23 }
24
25 td, th {
26 padding: 0.5ex 0.5em 0.5ex 0.5em;
27 }
28
29 td {
30 vertical-align: top;
31 }
32
33 th {
34 vertical-align: bottom;
35 font-size: 75%;
36 font-weight: bold;
37 }
38
39 a.active {
40 color: #fff;
41 }
42
43 .highlighted {
44 background-color: #fa7;
45 color: #000;
46 }
47
48 .admin_only {
49 font-style: italic;
50 }
51
52 a {
53 vertical-align: middle;
54 }
55
56 h1 {
57 font-size: 150%;
58 }
59
60 h2 {
61 font-size: 125%;
62 }
63
64
65
66 /*************************************************************************
67 * Notices, warnings and errors
68 */
69
70 .layout_notice, .layout_error, .layout_warning {
71 background: #fff;
72 font-weight: bold;
73 line-height: 1.7em;
74 -moz-opacity:0.7;
75 }
76
77 .slot_notice, .slot_warning, .slot_error {
78 padding-left: 1em;
79 }
80
81 .slot_notice {
82 background-color: #cfc;
83 color: #040;
84 }
85
86 .slot_warning {
87 background-color: #fec;
88 color: #420;
89 }
90
91 .slot_error {
92 background-color: #fcc;
93 color: #400;
94 }
95
96 /*************************************************************************
97 * Navigation, search and language chooser bar
98 */
99
100 .topbar {
101 background-color: #444;
102 color: #fff;
103 font-size: 75%;
104 }
105
106 .topbar a {
107 background-color: #444;
108 color: #fff;
109 }
110
111 .topbar a:hover {
112 background-color: #fff;
113 color: #000;
114 }
115
116 .navigation,
117 .logout_button {
118 line-height: 250%;
119 }
120
121 .navigation img,
122 .logout_button img {
123 margin-right: 0.5em;
124 vertical-align: middle;
125 }
126
127 .navigation a,
128 .logout_button a {
129 padding: 1ex;
130 }
131
132 .logout_button {
133 float: right;
134 }
135
136 .searchbox {
137 padding: 0.5ex 1em 0ex 1em;
138 float: right;
139 line-height: 250%;
140 }
141
142 .searchbox div {
143 display: inline;
144 }
145
146 .searchbox select {
147 margin-left: 0.3em;
148 margin-right: 0.4em;
149 font-size: 100%;
150 width: 8em;
151 }
152
153 .searchbox input[type=text] {
154 width: 8em;
155 padding: 0.25ex 0.25em 0.25ex 0.25em;
156 margin-right: 0.5em;
157 font-size: 100%;
158 }
159
160 .searchbox input[type=submit] {
161 font-size: 100%;
162 width: 2.5em;
163 }
164
165 /*************************************************************************
166 * Title of current page including path and actions
167 */
168
169 .title_bar {
170 border-bottom: 1px solid #777;
171 margin-bottom: 2ex;
172 padding-top: 1ex;
173 padding-bottom: 0.5ex;
174 }
175
176 .title_bar_content {
177 margin-left: 1em;
178 }
179
180 .path {
181 color: #444;
182 }
183
184 .path div {
185 font-size: 100%;
186 line-height: 180%;
187 }
188
189 .path a {
190 color: #444;
191 }
192
193 .slot_path div {
194 display: inline;
195 margin-left: 1em;
196 margin-right: 1em;
197 }
198
199 .title {
200 color: #000;
201 margin-bottom: 0.5ex;
202 }
203
204 .slot_title {
205 }
206
207 .title div {
208 font-weight: bold;
209 font-size: 135%;
210 line-height: 110%;
211 }
212
213 .title a {
214 color: #000;
215 }
216
217 .member_image_avatar {
218 float: left;
219 margin-right: 0.5em;
220 }
221
222 .actions {
223 font-size: 75%;
224 line-height: 220%;
225 }
226
227 .slot_actions {
228 display: inline;
229 }
230
231 .actions a {
232 float: left;
233 display: block;
234 padding: 1px 0.5em 1px 0.0em;
235 margin-right: 1em;
236 vertical-align: middle;
237 }
238
239 .actions a:hover {
240 background-color: #d7d7d7;
241 }
242
243 .actions img {
244 padding-left: 0.2em;
245 padding-right: 0.2em;
246 vertical-align: middle;
247 }
248
249 .logo {
250 float: right;
251 margin-right: 1em;
252 }
253
254 /*************************************************************************
255 * vote info / delegation
256 */
257
258 .interest,
259 .slot_support,
260 .delegation {
261 float: left;
262 position: relative;
263 }
264
265 .interest img,
266 .slot_support img,
267 .delegation img {
268 padding-left: 0.2em;
269 padding-right: 0.2em;
270 }
271 .vote_info .head {
272 float: left;
273 margin-right: 1em;
274 }
275
276 .interest .head_active,
277 .slot_support .head_potential_supporter {
278 background-color: #fec;
279 border: 1px solid #b96;
280 }
281
282 .slot_support .head_supporter {
283 background-color: #dfc;
284 border: 1px solid #8b8;
285 }
286
287 .delegation .head_active {
288 background-color: #ddf;
289 border: 1px solid #88b;
290 }
291
292 .vote_info .close {
293 position: absolute;
294 top: 0;
295 right: 0;
296 padding: 1ex;
297 display: block;
298 }
299
300 .vote_info .content {
301 font-size: 133%;
302 line-height: 100%;
303 top: 3ex;
304 display: none;
305 position: absolute;
306 z-index: 10;
307 background-color: #fff;
308 border: 1px solid #999;
309 padding: 1em;
310 width: 25em;
311 }
312
313 .vote_info .delegation_arrow {
314 margin-top: 1ex;
315 margin-bottom: 1ex;
316 vertical-align: middle;
317 }
318
319 .vote_info .delegation_arrow_overridden {
320 opacity: 0.4;
321 }
322
323 .vote_info .delegation_scope_overridden {
324 color: #777;
325 }
326
327 .vote_info .delegation_scope {
328 display: inline;
329 }
330
331 .vote_info .delegation_info {
332 }
333
334 .vote_info .member_thumb {
335 clear: left;
336 }
337
338 .delegation_overridden .member_thumb {
339 opacity: 0.4;
340 }
341
342 .delegation .revoke {
343 margin: 0.5ex;
344 float: right;
345 }
346
347 .delegation .revoke img {
348 vertical-align: middle;
349 }
350
351
352 .sub_title div {
353 border-top: 1px solid #444;
354 padding-top: 1ex;
355 margin-top: 1ex;
356 font-weight: bold;
357 font-size: 135%;
358 line-height: 110%;
359 }
360
361 /*************************************************************************
362 * Main content
363 */
364
365 .main {
366 margin-left: 1em;
367 margin-right: 1em;
368 }
369
370
371 /*************************************************************************
372 * ui.tab
373 */
374
375 .ui_tabs_links {
376 margin-top: 4ex;
377 font-size: 75%;
378 }
379
380 .ui_tabs_links a {
381 padding: 1ex;
382 line-height: 200%;
383 background-color: #e7e7e7;
384 white-space: nowrap;
385 }
386
387 .ui_tabs_links a:hover {
388 background-color: #d7d7d7;
389 }
390
391 .ui_tabs_links a.selected {
392 background-color: #444;
393 color: #fff;
394 text-decoration: none;
395 padding: 1ex;
396 }
397
398 .ui_tabs_content {
399 border: 1px solid #444;
400 padding: 1ex 1ex 1ex 1ex;
401 }
402
403 /*************************************************************************
404 * ui.filter
405 * ui.order
406 */
407
408 .ui_filter_head,
409 .ui_order_head {
410 color: #777;
411 margin-top: 1ex;
412 margin-bottom: 1.5ex;
413 font-size: 75%;
414 }
415
416 .ui_filter_head a,
417 .ui_order_head a {
418 color: #777;
419 padding: 0.5ex;
420 }
421
422 .ui_filter_head a.active,
423 .ui_order_head a.active {
424 color: #fff;
425 background-color: #777;
426 padding: 0.5ex;
427 }
428
429 /*************************************************************************
430 * ui.paginate
431 */
432
433 .ui_paginate_select a {
434 padding: 0.5ex;
435 }
436
437 /*************************************************************************
438 * ui.bargraph
439 */
440
441 .bargraph {
442 width: 101px;
443 }
444
445 .bargraph div {
446 float: left;
447 margin-top: 0.5ex;
448 height: 1.3ex;
449 }
450
451 .bargraph_legend {
452 margin-top: 2ex;
453 }
454
455 .bargraph_legend .bargraph {
456 width: 26px;
457 }
458
459 .bargraph_legend div,
460 .bargraph_legend div div,
461 .bargraph_legend div div div {
462 float: left;
463 }
464
465 .bargraph_legend_label {
466 margin-left: 0.5em;
467 margin-right: 1em;
468 }
469
470 /*************************************************************************
471 * vertical ui.form
472 */
473
474 .login input[type=text],
475 .vertical input[type=text],
476 .login input[type=password],
477 .vertical input[type=password],
478 .vertical textarea,
479 .vertical select {
480 font-family: sans-serif;
481 font-size: 100%;
482 width: 50em;
483 border: 1px solid #444;
484 padding: 0.2ex 0.2em 0.2ex 0.2em;
485 margin-bottom: 1ex;
486 }
487
488 .login input[type=password],
489 .vertical input[type=password] {
490 width: 16em;
491 }
492
493 .vertical select {
494 padding-right: 0;
495 }
496
497 .login .ui_field_label,
498 .vertical .ui_field_label {
499 text-transform: uppercase;
500 font-size: 70%;
501 line-height: 120%;
502 font-weight: bold;
503 color: #777;
504 width: 15em;
505 display: block;
506 float: left;
507 clear: left;
508 text-align: right;
509 padding-right: 0.5em;
510 }
511
512 .login input[type=text],
513 .login input[type=password] {
514 width: 10em;
515 }
516
517 .login div,
518 .vertical div {
519 clear: left;
520 }
521
522 .vertical span {
523 display: block;
524 margin-bottom: 0.5ex;
525 }
526
527 .vertical span:after {
528 content: " ";
529 }
530
531 .vertical span span {
532 display: inline;
533 margin-bottom: 0;
534 }
535
536 .login input[type=submit],
537 .vertical input[type=submit] {
538 font-size: 100%;
539 margin-left: 11em;
540 background-color: #444444;
541 color: #fff;
542 border: none;
543 padding: 0.75ex;
544 }
545
546 .login input[type=submit]:hover,
547 .vertical input[type=submit]:hover {
548 background-color: #444444;
549 }
550
551 /*************************************************************************
552 * Tables
553 */
554
555
556 table a.action {
557 font-size: 70%;
558 line-height: 190%;
559 padding: 0.5ex;
560 color: #777;
561 }
562
563 table a.active {
564 color: #fff;
565 }
566
567 th {
568 text-align: left;
569 border-bottom: 1px solid #000;
570 }
571
572 tr:hover td {
573 background-color: #ddd;
574 }
575
576
577 tr table tr:hover td {
578 background-color: #fff;
579 }
580
581
582 /*************************************************************************
583 * Hidden inline form
584 */
585
586 .hidden_inline_form {
587 display: none;
588 border: 1px solid #444;
589 width: 42em;
590 position: fixed;
591 background-color: #fff;
592 left: 5em;
593 top: 5ex;
594 }
595
596 .hidden_inline_form a {
597 padding: 0.5ex;
598 color: #fff;
599 }
600
601
602 .hidden_inline_form .head {
603 background-color: #444;
604 color: #fff;
605 display: block;
606 padding: 0.5ex;
607 }
608
609 .hidden_inline_form input[type=text],
610 .hidden_inline_form textarea,
611 .hidden_inline_form select {
612 width: 30em;
613 }
614
615 /*************************************************************************
616 * Positive / Negtive votes
617 */
618
619
620 .positive_votes span {
621 display: inline;
622 }
623
624 .positive_votes {
625 display: inline;
626 background-color: #cfc;
627 padding: 0.3ex 0.5em 0.3ex 0.5em;
628 }
629
630 .negative_votes span {
631 display: inline;
632 }
633
634 .negative_votes {
635 display: inline;
636 background-color: #fcc;
637 padding: 0.3ex 0.5em 0.3ex 0.5em;
638 }
639
640 .suggestion_my_opinion a {
641 white-space: nowrap;
642 padding-left: 0.2ex !important;
643 padding-right: 0.2ex !important;
644 }
645
646 .active {
647 background-color: #444;
648 color: #fff;
649 }
650
651 .active_red2 { background-color: #a00; color: #fff !important; }
652 .active_red1 { background-color: #f88; color: #000 !important; }
653 .active_green1 { background-color: #8f8; color: #000 !important; }
654 .active_green2 { background-color: #0a0; color: #000 !important; }
655
656
657
658
659 /*************************************************************************
660 * Issues
661 */
662
663 .issues tr {
664 border: 1px solid #ccc;
665 }
666
667 .issues tr tr {
668 border: none;
669 }
670
671 .lang_chooser {
672 float: right;
673 margin-right: 0.5em;
674 }
675
676 .delegation_list_entry {
677 margin-right: 2em;
678 margin-bottom: 2ex;
679 float: left;
680 clear: left;
681 }
682
683 .delegation_list_entry .delegation_arrow {
684 float: left;
685 }
686
687 .delegation_list_entry .delegation_scope {
688 float: left;
689 width: 25em;
690 }
691
692 .delegation_list_entry .delegation_scope a {
693 display: block;
694 }
695
696 .member_list .member_thumb {
697 float: left;
698 margin-right: 1em;
699 margin-bottom: 2ex;
700 }
701
702 .member_thumb {
703 text-decoration: none;
704 width: 18em;
705 height: 48px;
706 display: block;
707 float: left;
708 border: 1px solid #999;
709 overflow: hidden;
710 xwhite-space: nowrap;
711 position: relative;
712 }
713
714 .member_thumb a{
715 position: absolute;
716 top: 0;
717 left: 0;
718 padding: 0;
719 margin: 0;
720 }
721
722 .member_thumb a:hover div {
723 background-color: #444;
724 color: #fff;
725 }
726
727 .member_thumb img {
728 padding: 0;
729 margin: 0;
730 vertical-align: bottom;
731 }
732
733 .member_thumb div {
734 }
735
736 .member_thumb .member_image {
737 }
738
739 .member_thumb .member_name {
740 position: absolute;
741 left: 48px;
742 top: 2ex;
743 font-size: 100%;
744 width: 14em;
745 }
746
747 .member_thumb .flags {
748 float: right;
749 font-size: 75%;
750 }
751
752 .member_thumb .flags a{
753 position: static;
754 float: right;
755 }
756
757
758 .member .right {
759 float: right;
760 }
761
762 .draft_content,
763 .member_statement {
764 background-color: #eee;
765 border: 1px solid #ccc;
766 padding-left: 1ex;
767 padding-right: 1ex;
768 }
769
770 .diff {
771 background-color: #eee;
772 border: 1px solid #ccc;
773 padding: 1ex;
774 }
775
776 .diff .added {
777 background-color: #cfc;
778 }
779
780 .diff .removed {
781 background-color: #fcc;
782 }
783
784 .slot_issue_info {
785 background-color: #eee;
786 border: 1px solid #ccc;
787 float: right;
788 padding: 0.5ex;
789 line-height: 130%;
790 margin-right: 1em;
791 }
792
793 .issue_info label {
794 float: left;
795 width: 8em;
796 text-transform: uppercase;
797 font-size: 70%;
798 color: #777;
799 font-weight: bold;
800 clear: left;
801 text-align: right;
802 margin-right: 0.7em;
803 }
804
805 .draft_updated_info,
806 .voting_active_info {
807 background-color: #fec;
808 border: 2px solid #b96;
809 padding: 1ex;
810 }
811
812 .suggestion_fulfilled {
813 width: 15em;
814 }
815 .suggestion_fulfilled a.action {
816 padding-left: 0;
817 line-height: 120%;
818 }
819
820 .help,
821 .use_terms {
822 border: 1px solid #bcd;
823 background-color: #def;
824 color: #000;
825 padding: 1ex;
826 }
827
828 .help_visible {
829 margin-bottom: 1ex;
830 }
831
832 .help_visible .help_icon {
833 float: right;
834 }
835
836 .slot_help_hidden {
837 float: right;
838 margin-right: 1em;
839 }
840
841 .help_actions {
842 font-size: 75%;
843 float: right;
844 }
845
846 .help_actions a {
847 margin-right: 1em;
848 color: #468;
849 }
850
851 .wiki {
852 }
853
854 .wiki h1,
855 .wiki h2,
856 .wiki h3,
857 .wiki h4 {
858 margin-top: 1ex;
859 margin-bottom: 1ex;
860 }
861
862 .wiki h1 {
863 font-size: 150%;
864 }
865
866 .wiki h2 {
867 font-size: 125%;
868 }
869
870 .wiki p {
871 margin-top: 1ex;
872 margin-bottom: 1ex;
873 }
874
875 form .warning {
876 background-color: #ffd;
877 color: #000;
878 border: 1px solid #dda;
879 margin: 1ex;
880 margin-bottom: 2ex;
881 padding: 1ex;
882 }
883
884 a.not_voted {
885 display: block;
886 background-color: #fec;
887 color: #000;
888 }
889
890 /*************************************************************************
891 * Voting
892 */
893
894 #voting {
895 position: relative;
896 }
897 #voting .approval, .abstention, .disapproval {
898 border: 2px black solid;
899 margin-top: 5ex;
900 margin-bottom: 5ex;
901 padding: 1ex;
902 padding-bottom: 2ex;
903 }
904 #voting .approval {
905 background-color: #9f9;
906 }
907 #voting .approval .movable {
908 background-color: #dfd;
909 }
910 #voting .abstention {
911 background-color: #ccc;
912 }
913 #voting .abstention .movable {
914 background-color: #eee;
915 }
916 #voting .disapproval {
917 background-color: #f88;
918 }
919 #voting .disapproval .movable {
920 background-color: #fbb;
921 }
922 #voting .cathead {
923 font-weight: bold;
924 }
925 #voting .movable {
926 position: relative;
927 border: 1px black solid;
928 margin: 1ex;
929 padding: 0.5ex;
930 cursor: pointer;
931 }
932 #voting .clickable {
933 cursor: auto;
934 }
935 #voting a.clickable {
936 cursor: pointer;
937 }
938
939 #voting .grabber {
940 vertical-align: middle;
941 cursor: move;
942 }

Impressum / About Us