fix vote display
[cavote.git] / static / css / cavote.css
1 .page-header {
2 padding-bottom:0;
3 margin-top:9px;
4 }
5
6 .table-votes thead th {
7 text-align: right;
8 vertical-align: middle;
9 }
10 .table-votes th.choice-name {
11 text-align: center;
12 }
13
14 .table-votes input {
15 margin: 0;
16 }
17
18 .row {
19 margin-left:0;
20 }
21
22 .table-votes td {
23 text-align: center;
24 vertical-align: middle;
25 }
26
27 .table-votes .yes {
28 background-color: #46a546; /* green */
29 /*background-color: #049cdb;*/ /* blue */
30 color: white;
31 font-weight: bold;
32 }
33
34 .table-votes .no {
35 background-color: #9d261d; /* red */
36 color: white;
37 font-weight: bold;
38 }
39
40 .table-votes tr:hover .yes {
41 /*background-color: #60C160; [> green <]*/
42 background-color: #55ab55; /* green */
43 /*background-color: #049cdb;*/ /* blue */
44 }
45
46 .table-votes tr:hover .no {
47 background-color: #C73F38; /* red */
48 }
49
50 .table-votes input,
51 .table-votes textarea,
52 .table-votes select,
53 .table-votes .uneditable-input {
54 width:auto;
55 margin-bottom:0;
56 }
57
58 .table-votes td {
59 font-family:sans-serif;
60 font-size:12px;
61 }
62 .table-votes .value_black {
63 background-color:black !important;
64 }
65 .value__X___Pas_d_Opinion_ {
66 background-color:white !important;
67 color:black !important;
68 text-shadow: 0 0 2px #ccc !important;
69 fill:white;
70 }
71 .results .value__X___Pas_d_Opinion_ + text {
72 fill:black;
73 }
74 .table-votes *[class^="value_"] {
75 color:white;
76 text-shadow: 0 0 2px #000;
77 }
78 .cardinal-2 .value__0__Sans_moi_ {
79 background-color:#B4B4B4 !important;
80 fill:#B4B4B4;
81 }
82 .cardinal-2 .value__1__Avec_moi_ {
83 background-color:#20B756 !important;
84 fill:#20B756;
85 }
86 .cardinal-2 .value__1__Favorable_ {
87 background-color:#20B756 !important;
88 fill:#20B756;
89 }
90 .cardinal-3 .value_-1__Hostile_ {
91 background-color:#DB4343 !important;
92 fill:#DB4343;
93 }
94 .cardinal-3 .value__0__Indiff_rent_ {
95 background-color:#B4B4B4 !important;
96 fill:#B4B4B4;
97 }
98 .cardinal-3 .value__1__Favorable_ {
99 background-color:#20B756 !important;
100 fill:#20B756;
101 }
102 .cardinal-5 .value_-2__Tr_s_Hostile_ {
103 background-color:#DB4343 !important;
104 fill:#DB4343;
105 }
106 .cardinal-5 .value_-1__Hostile_ {
107 background-color:#E49F37 !important;
108 fill:#E49F37;
109 }
110 .cardinal-5 .value__0__Indiff_rent_ {
111 background-color:#B4B4B4 !important;
112 fill:#B4B4B4;
113 }
114 .cardinal-5 .value__1__Favorable_ {
115 background-color:#B1D039 !important;
116 fill:#B1D039;
117 }
118 .cardinal-5 .value__2__Tr_s_Favorable_ {
119 background-color:#20B756 !important;
120 fill:#20B756;
121 }
122 .container,
123 .navbar-fixed-top .container,
124 .navbar-fixed-bottom .container {
125 width:auto;
126 }
127 .span3 {
128 width:24em;
129 }
130 .span3.description {
131 height:10em;
132 overflow:auto;
133 }
134 .span8 {
135 width:625px;
136 }
137 .span8 svg {
138 margin:0;
139 padding:0;
140 overflow:visible;
141 }
142
143 .results rect {
144 //fill: steelblue;
145 }
146 .results g.value_-2 rect {
147 fill: #DB4343;
148 }
149 .results g.value_-1 rect {
150 fill: #E49F37;
151 }
152 .results g.value__0 rect {
153 fill: #B4B4B4;
154 }
155 .results g.value__1 rect {
156 fill: #B1D039;
157 }
158 .results g.value__2 rect {
159 fill: #20B756;
160 }
161 .results text.choice {
162 fill: black;
163 }
164 .results text.choice-legend {
165 fill: black;
166 font-weight:bold;
167 }
168 .results text.choice-legend-item {
169 fill: black;
170 }
171 .results text.choice-sum {
172 fill: black;
173 font-weight:bold;
174 }
175 .results text.choice-average {
176 fill: black;
177 font-weight:bold;
178 }
179 .results text.choice-sum-legend {
180 fill: blue;
181 font-weight:bold;
182 }
183 .results text.choice-average-legend {
184 fill: blue;
185 font-weight:bold;
186 }
187 .results text.choice-median {
188 fill: blue;
189 font-weight:bold;
190 }
191 .results text {
192 fill: white;
193 font: 10px sans-serif;
194 text-anchor: end;
195 }
196
197 .results .axis text {
198 fill: black;
199 font: 10px sans-serif;
200 }
201 .results .axis path,
202 .results .axis line {
203 fill: none;
204 shape-rendering: crispEdges;
205 stroke: #000;
206 }