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