Revision f8f24db6 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
---|---|---|
97 | 97 |
background:$secondary-color; |
98 | 98 |
color:$white; |
99 | 99 |
} |
100 |
&.current { |
|
101 |
cursor:default; |
|
102 |
} |
|
100 | 103 |
} |
101 | 104 |
|
102 | 105 |
// white background, on hover transparent |
... | ... | |
107 | 110 |
border-color:$secondary-color; |
108 | 111 |
&:hover, |
109 | 112 |
&.current { |
110 |
color:$white; |
|
111 | 113 |
background:transparent; |
112 | 114 |
border-color:$white; |
113 | 115 |
} |
... | ... | |
127 | 129 |
} |
128 | 130 |
|
129 | 131 |
|
132 |
// reverse btn2 |
|
133 |
.btn4 { |
|
134 |
@extend .btn1; |
|
135 |
color:$white; |
|
136 |
border-color:$white; |
|
137 |
background:$success-color; |
|
138 |
&:hover, |
|
139 |
&.current { |
|
140 |
border-color:$white; |
|
141 |
background:darken($success-color,15%); |
|
142 |
|
|
143 |
} |
|
144 |
} |
|
145 |
|
|
130 | 146 |
a:hover { |
131 | 147 |
@include transition(background, 300ms, ease-out); |
132 | 148 |
} |
133 | 149 |
|
134 | 150 |
.dummy-navigation { |
151 |
display:none; |
|
135 | 152 |
position: fixed; |
136 | 153 |
right:0; |
137 | 154 |
top:100px; |
... | ... | |
168 | 185 |
|
169 | 186 |
.row-full { |
170 | 187 |
width:$row-top-width; |
188 |
margin:0 auto; |
|
171 | 189 |
} |
172 | 190 |
|
173 | 191 |
.lt-sidebar { |
174 | 192 |
width:250px; |
175 | 193 |
float:left; |
176 |
overflow:scroll; |
|
177 |
height:300px; |
|
194 |
|
|
178 | 195 |
&+.main { |
179 | 196 |
overflow:hidden; |
180 | 197 |
} |
... | ... | |
198 | 215 |
} |
199 | 216 |
.actions { |
200 | 217 |
text-align:center; |
218 |
height:45px; |
|
219 |
line-height:45px; |
|
220 |
position:relative; |
|
221 |
margin:2*$header-padding-vertical 0 $header-padding-vertical; |
|
222 |
.main-actions { |
|
223 |
display: none; |
|
224 |
} |
|
201 | 225 |
ul { |
202 |
margin:$header-padding-vertical 0 0;
|
|
226 |
margin:0; |
|
203 | 227 |
li { |
204 | 228 |
list-style: none outside none; |
205 | 229 |
display: inline-block; |
... | ... | |
218 | 242 |
} |
219 | 243 |
.new-btn { |
220 | 244 |
position: absolute; |
221 |
left:$header-padding-horizontal;
|
|
222 |
bottom:$header-padding-vertical;
|
|
245 |
left:0;
|
|
246 |
bottom:0;
|
|
223 | 247 |
a { |
224 | 248 |
@extend .btn1; |
225 | 249 |
span { |
... | ... | |
264 | 288 |
@include sprite('../images/info-close.png', 31px, 30px); |
265 | 289 |
} |
266 | 290 |
} |
291 |
|
|
292 |
|
|
293 |
.info.error { |
|
294 |
background:$error-color; |
|
295 |
color:$white; |
|
296 |
} |
|
297 |
|
|
298 |
|
|
267 | 299 |
.info.alert { |
268 |
background:$secondary-color;
|
|
300 |
background:$alert-color;
|
|
269 | 301 |
color:$white; |
270 | 302 |
} |
271 | 303 |
|
272 | 304 |
.info.warning { |
273 |
background:$warning-color;
|
|
274 |
color:$black;
|
|
305 |
background:$primary-color;
|
|
306 |
color:$white;
|
|
275 | 307 |
} |
276 | 308 |
|
277 | 309 |
.info.success { |
... | ... | |
317 | 349 |
} |
318 | 350 |
|
319 | 351 |
.lt-sidebar.vms { |
352 |
overflow:scroll; |
|
353 |
height:300px; |
|
320 | 354 |
font-size:emCalc(12px); |
355 |
.items-list { |
|
356 |
padding:0; |
|
357 |
} |
|
321 | 358 |
.items-list li .img, |
322 | 359 |
.items-list li .os { |
323 | 360 |
background-size:80%; |
324 | 361 |
} |
362 |
li:hover, |
|
363 |
li.current { |
|
364 |
background:lighten($primary-color,30%); |
|
365 |
cursor: pointer; |
|
366 |
} |
|
325 | 367 |
} |
326 | 368 |
|
327 | 369 |
.vm { |
... | ... | |
345 | 387 |
} |
346 | 388 |
|
347 | 389 |
.details { |
390 |
position:relative; |
|
391 |
|
|
348 | 392 |
.top { |
393 |
padding:100px $header-padding-horizontal; |
|
349 | 394 |
text-align: center; |
350 | 395 |
.img { |
351 | 396 |
@include sprite('../images/vm-on.png', 112px, 116px); |
... | ... | |
386 | 431 |
} |
387 | 432 |
} |
388 | 433 |
} |
434 |
.close { |
|
435 |
position: absolute; |
|
436 |
right:$header-padding-horizontal; |
|
437 |
top:50px; |
|
438 |
@include sprite('../images/info-close-grey.png', 31px, 30px); |
|
439 |
} |
|
389 | 440 |
} |
390 | 441 |
|
391 | 442 |
.border-bottom-style1 { |
... | ... | |
413 | 464 |
} |
414 | 465 |
} |
415 | 466 |
} |
467 |
|
|
416 | 468 |
} |
417 | 469 |
} |
418 | 470 |
|
... | ... | |
420 | 472 |
.lt-sidebar, |
421 | 473 |
.main { |
422 | 474 |
padding:100px $header-padding-horizontal; |
475 |
position:relative; |
|
423 | 476 |
} |
424 | 477 |
.navigation { |
425 | 478 |
.rt { |
426 | 479 |
float:right; |
427 | 480 |
} |
428 | 481 |
} |
482 |
.close { |
|
483 |
position: absolute; |
|
484 |
right:$header-padding-horizontal; |
|
485 |
top:50px; |
|
486 |
@include sprite('../images/info-close.png', 31px, 30px); |
|
487 |
} |
|
429 | 488 |
} |
430 | 489 |
|
431 | 490 |
.create-vm { |
Also available in: Unified diff