Revision ceaaa3be snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
---|---|---|
56 | 56 |
.status { |
57 | 57 |
font-size: emCalc(12px); |
58 | 58 |
line-height:140%; |
59 |
a { |
|
60 |
color: $secondary-color; |
|
61 |
} |
|
62 | 59 |
span { |
63 |
color: $secondary-color;
|
|
60 |
color: $vm-active-color;
|
|
64 | 61 |
display: block; |
65 | 62 |
} |
66 | 63 |
} |
... | ... | |
88 | 85 |
text-align: left; |
89 | 86 |
padding: 5px 5px 5px 30px; |
90 | 87 |
a { |
91 |
color: $body-font-color; |
|
92 | 88 |
display: block; |
93 | 89 |
width:100%; |
94 |
&:hover { |
|
95 |
color: $secondary-color; |
|
96 |
} |
|
97 | 90 |
} |
98 | 91 |
} |
99 | 92 |
} |
... | ... | |
123 | 116 |
} |
124 | 117 |
h4 { |
125 | 118 |
font-size: emCalc(12px); |
126 |
color:$body-font-color; |
|
127 | 119 |
overflow: hidden; |
128 | 120 |
margin-bottom: 4px; |
129 | 121 |
height: 32px; |
130 | 122 |
font-weight: normal; |
131 | 123 |
} |
132 | 124 |
&.add-new { |
133 |
background-color: $secondary-color;
|
|
125 |
background-color: $link-color-hover;
|
|
134 | 126 |
@include transition(background-color, 300ms, linear); |
135 | 127 |
.container { |
136 | 128 |
.img-wrap { |
... | ... | |
139 | 131 |
} |
140 | 132 |
.symbol { |
141 | 133 |
background-image: none; |
142 |
color: $secondary-color;
|
|
134 |
color: $link-color-hover;
|
|
143 | 135 |
font-size: 30px; |
144 | 136 |
text-indent: 0; |
145 | 137 |
} |
... | ... | |
149 | 141 |
} |
150 | 142 |
} |
151 | 143 |
&:hover { |
152 |
background-color: $overlay-color;
|
|
144 |
background-color: $link-color;
|
|
153 | 145 |
@include transition(background-color, 300ms, linear); |
154 | 146 |
cursor: pointer; |
155 | 147 |
.container { |
156 | 148 |
.img-wrap { |
157 | 149 |
.symbol { |
158 |
color: $overlay-color;
|
|
150 |
color: $link-color;
|
|
159 | 151 |
} |
160 | 152 |
} |
161 | 153 |
} |
... | ... | |
177 | 169 |
margin-left:-($row-width - 2*$main-padding-horizontal)/2; |
178 | 170 |
@include box-shadow(3px -2px 8px #ccc); |
179 | 171 |
background:#fff; |
180 |
a { |
|
181 |
color:$overlay-color; |
|
182 |
&:hover{ |
|
183 |
color:$secondary-color; |
|
184 |
} |
|
185 |
} |
|
186 | 172 |
ul { |
187 | 173 |
list-style: none outside none; |
188 | 174 |
font-size:emCalc(12px); |
... | ... | |
195 | 181 |
margin-right: 5px; |
196 | 182 |
position: relative; |
197 | 183 |
top: 2px; |
198 |
&.snf-checkbox-checked { |
|
199 |
color:$secondary-color; |
|
200 |
} |
|
201 | 184 |
} |
202 | 185 |
em { |
203 | 186 |
display: none; |
204 | 187 |
font-style: normal; |
205 | 188 |
} |
206 | 189 |
&:hover { |
190 |
color: $link-color-hover; |
|
207 | 191 |
cursor: pointer; |
208 | 192 |
} |
209 | 193 |
} |
210 | 194 |
a { |
211 |
color:$primary-color;
|
|
195 |
color:$inactive-color;
|
|
212 | 196 |
&:hover { |
213 |
color:$primary-color;
|
|
197 |
color:$inactive-color;
|
|
214 | 198 |
cursor:default; |
215 | 199 |
} |
216 | 200 |
&.active { |
217 |
color:$body-font-color;
|
|
201 |
color:$link-color;
|
|
218 | 202 |
&:hover { |
219 |
color:$secondary-color;
|
|
203 |
color:$link-color-hover;
|
|
220 | 204 |
cursor: pointer; |
221 | 205 |
} |
222 | 206 |
} |
... | ... | |
248 | 232 |
float:left; |
249 | 233 |
&:hover { |
250 | 234 |
cursor: pointer; |
251 |
color:$secondary-color;
|
|
235 |
color:$link-color-hover;
|
|
252 | 236 |
} |
253 | 237 |
} |
254 | 238 |
.img-wrap { |
... | ... | |
301 | 285 |
float: left; |
302 | 286 |
width: $info-w; |
303 | 287 |
font-size: emCalc(12px); |
304 |
color:$overlay-color; |
|
305 |
a { |
|
306 |
color: $overlay-color; |
|
307 |
&:hover { |
|
308 |
color:$secondary-color; |
|
309 |
} |
|
310 |
} |
|
311 | 288 |
} |
312 | 289 |
.actions { |
313 | 290 |
float: left; |
... | ... | |
317 | 294 |
top:-4px; |
318 | 295 |
margin:0 10px; |
319 | 296 |
a { |
320 |
color:$secondary-color; |
|
321 |
&:hover { |
|
322 |
color:$overlay-color; |
|
323 |
} |
|
324 | 297 |
&:first-child { |
325 | 298 |
margin-right:5px; |
326 | 299 |
} |
... | ... | |
328 | 301 |
} |
329 | 302 |
&.add-new { |
330 | 303 |
&:hover { |
331 |
background: $overlay-color;
|
|
304 |
background: $link-color-hover;
|
|
332 | 305 |
} |
333 | 306 |
.check { |
334 | 307 |
visibility: hidden; |
... | ... | |
344 | 317 |
} |
345 | 318 |
} |
346 | 319 |
} |
347 |
&[data-status="building"] {
|
|
320 |
&.building {
|
|
348 | 321 |
.img-wrap { |
349 | 322 |
.incomplete { |
350 | 323 |
width:$list-vm-height; |
... | ... | |
358 | 331 |
} |
359 | 332 |
} |
360 | 333 |
} |
361 |
} |
|
362 |
|
|
363 |
.inactive { |
|
364 |
color:$primary-color!important; |
|
365 |
&:hover { |
|
366 |
color:$primary-color; |
|
367 |
cursor:default; |
|
368 |
} |
|
369 | 334 |
} |
Also available in: Unified diff