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