Revision 5e62e9c1 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
---|---|---|
220 | 220 |
position:relative; |
221 | 221 |
margin:2*$header-padding-vertical 0 $header-padding-vertical; |
222 | 222 |
.main-actions { |
223 |
display: none; |
|
223 |
position:relative; |
|
224 |
top:95px; |
|
224 | 225 |
} |
225 | 226 |
ul { |
226 | 227 |
margin:0; |
... | ... | |
230 | 231 |
margin:0 5px; |
231 | 232 |
a { |
232 | 233 |
display: block; |
234 |
color:lighten($primary-color,30%); |
|
233 | 235 |
width:100%; |
234 | 236 |
padding:8px 20px; |
235 | 237 |
border:1px solid transparent; |
238 |
&.active { |
|
239 |
color:$primary-color; |
|
240 |
&:hover { |
|
241 |
border:1px solid $secondary-color; |
|
242 |
cursor: pointer; |
|
243 |
} |
|
244 |
} |
|
236 | 245 |
&:hover { |
237 |
border:1px solid $secondary-color;
|
|
246 |
cursor:default;
|
|
238 | 247 |
} |
248 |
|
|
239 | 249 |
} |
240 | 250 |
} |
241 | 251 |
} |
... | ... | |
281 | 291 |
.top-info { |
282 | 292 |
padding:50px 100px; |
283 | 293 |
position: relative; |
294 |
display:none; |
|
284 | 295 |
.close { |
285 | 296 |
position: absolute; |
286 | 297 |
right:$header-padding-horizontal; |
... | ... | |
312 | 323 |
} |
313 | 324 |
|
314 | 325 |
.items-list { |
315 |
padding:50px 0;
|
|
326 |
padding:25px 0;
|
|
316 | 327 |
li { |
317 | 328 |
text-align:center; |
318 | 329 |
padding:20px; |
... | ... | |
327 | 338 |
.vms { |
328 | 339 |
.items-list { |
329 | 340 |
li { |
341 |
.add-new { |
|
342 |
a { |
|
343 |
margin:0 20px; |
|
344 |
display: block; |
|
345 |
font-weight: bold; |
|
346 |
height:190px; |
|
347 |
padding:65px 30px 15px; |
|
348 |
border:2px dashed $primary-color; |
|
349 |
&:hover { |
|
350 |
border-color:$secondary-color; |
|
351 |
color:$secondary-color; |
|
352 |
} |
|
353 |
} |
|
354 |
} |
|
330 | 355 |
.img { |
331 | 356 |
@include sprite('../images/vm-on.png', 56px, 58px); |
332 | 357 |
margin-bottom: 20px; |
... | ... | |
343 | 368 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); } |
344 | 369 |
&.fedora { background-image:url('../images/os-fedora.png'); } |
345 | 370 |
} |
371 |
|
|
372 |
} |
|
373 |
|
|
374 |
.container { |
|
375 |
border:1px solid transparent; |
|
376 |
margin: 0 20px; |
|
377 |
padding:20px 0; |
|
378 |
position: relative; |
|
379 |
.options { |
|
380 |
width:100%; |
|
381 |
height:100%; |
|
382 |
background:$white; |
|
383 |
|
|
384 |
position: absolute; |
|
385 |
top:0; |
|
386 |
left:0; |
|
387 |
display: none; |
|
388 |
z-index: 1; |
|
389 |
.wrap { |
|
390 |
height:190px; |
|
391 |
padding:15px 30px; |
|
392 |
text-align: left; |
|
393 |
border:1px solid $secondary-color; |
|
394 |
a { |
|
395 |
font-size:emCalc(27px); |
|
396 |
color:$primary-color; |
|
397 |
line-height: 45px; |
|
398 |
font-weight: bold; |
|
399 |
.custom_checkbox { |
|
400 |
color:$secondary-color; |
|
401 |
position:relative; |
|
402 |
top:5px; |
|
403 |
} |
|
404 |
span { |
|
405 |
float:right; |
|
406 |
} |
|
407 |
&:hover { |
|
408 |
color: $secondary-color; |
|
409 |
} |
|
410 |
} |
|
411 |
} |
|
412 |
} |
|
346 | 413 |
} |
414 |
.more_checkbox { |
|
415 |
position:absolute; |
|
416 |
right:31px; |
|
417 |
top:15px; |
|
418 |
color:$secondary-color; |
|
419 |
font-weight: bold; |
|
420 |
font-size:emCalc(27px); |
|
421 |
|
|
422 |
} |
|
423 |
|
|
347 | 424 |
} |
348 | 425 |
} |
349 | 426 |
} |
... | ... | |
552 | 629 |
} |
553 | 630 |
} |
554 | 631 |
|
632 |
#vm-connect { |
|
633 |
.info { |
|
634 |
font-style:italic; |
|
635 |
font-size:emCalc(13px); |
|
636 |
color: lighten($primary-color,5%); |
|
637 |
} |
|
638 |
.ssh { |
|
639 |
text-align: center; |
|
640 |
span { |
|
641 |
padding: 10px 30px; |
|
642 |
background:$secondary-color; |
|
643 |
color:$white; |
|
644 |
} |
|
645 |
} |
|
646 |
a:hover { color: $secondary-color;} |
|
647 |
} |
|
648 |
|
|
555 | 649 |
|
Also available in: Unified diff