modify to range voting
[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 .span8 {
131 width:625px;
132 }
133 .span8 svg {
134 margin:0;
135 padding:0;
136 }
137
138 .results rect {
139 //fill: steelblue;
140 }
141 .results g.value_-2 rect {
142 fill: #DB4343;
143 }
144 .results g.value_-1 rect {
145 fill: #E49F37;
146 }
147 .results g.value__0 rect {
148 fill: #B4B4B4;
149 }
150 .results g.value__1 rect {
151 fill: #B1D039;
152 }
153 .results g.value__2 rect {
154 fill: #20B756;
155 }
156 .results text.choice {
157 fill: black;
158 }
159 .results text.choice-legend {
160 fill: black;
161 font-weight:bold;
162 }
163 .results text.choice-legend-item {
164 fill: black;
165 }
166 .results text.choice-sum {
167 fill: black;
168 font-weight:bold;
169 }
170 .results text.choice-average {
171 fill: black;
172 font-weight:bold;
173 }
174 .results text.choice-sum-legend {
175 fill: blue;
176 font-weight:bold;
177 }
178 .results text.choice-average-legend {
179 fill: blue;
180 font-weight:bold;
181 }
182 .results text.choice-median {
183 fill: blue;
184 font-weight:bold;
185 }
186 .results text {
187 fill: white;
188 font: 10px sans-serif;
189 text-anchor: end;
190 }
191
192 .results .axis text {
193 fill: black;
194 font: 10px sans-serif;
195 }
196 .results .axis path,
197 .results .axis line {
198 fill: none;
199 shape-rendering: crispEdges;
200 stroke: #000;
201 }