Revision 2d47196d snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
|---|---|---|
| 44 | 44 |
// @import "foundation/components/tooltips"; |
| 45 | 45 |
// @import "foundation/components/dropdown"; |
| 46 | 46 |
|
| 47 |
|
|
| 47 |
.clearfix:before, |
|
| 48 |
.clearfix:after { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
|
|
| 49 |
.clearfix:after { clear:both; }
|
|
| 48 | 50 |
// Set margin and padding to zero |
| 49 | 51 |
@mixin marginPaddingZero() {
|
| 50 | 52 |
margin: 0; |
| ... | ... | |
| 125 | 127 |
} |
| 126 | 128 |
|
| 127 | 129 |
.lt-sidebar {
|
| 128 |
max-width:200px;
|
|
| 130 |
width:250px;
|
|
| 129 | 131 |
float:left; |
| 130 | 132 |
overflow:scroll; |
| 131 | 133 |
height:300px; |
| ... | ... | |
| 177 | 179 |
span {
|
| 178 | 180 |
font-size:emCalc(20px); |
| 179 | 181 |
} |
| 180 |
&:hover {
|
|
| 182 |
&:hover, |
|
| 183 |
&.current {
|
|
| 181 | 184 |
border-color:$secondary-color; |
| 182 | 185 |
background:$secondary-color; |
| 183 | 186 |
color:$white; |
| ... | ... | |
| 357 | 360 |
padding-bottom:20px; |
| 358 | 361 |
margin-bottom:20px; |
| 359 | 362 |
border-bottom:2px dashed $primary-color; |
| 363 |
} |
|
| 364 |
|
|
| 365 |
.overlay {
|
|
| 366 |
background:$secondary-color; |
|
| 367 |
a {
|
|
| 368 |
color:$white; |
|
| 369 |
&:hover {
|
|
| 370 |
text-decoration: underline; |
|
| 371 |
} |
|
| 372 |
} |
|
| 373 |
.lt-sidebar {
|
|
| 374 |
border-right:1px solid $white; |
|
| 375 |
ul {
|
|
| 376 |
li {
|
|
| 377 |
list-style:none outside none; |
|
| 378 |
a {
|
|
| 379 |
span { float:right; display:none;}
|
|
| 380 |
&:hover, |
|
| 381 |
&.current {
|
|
| 382 |
|
|
| 383 |
text-decoration: none; |
|
| 384 |
span {
|
|
| 385 |
display:inline; |
|
| 386 |
} |
|
| 387 |
} |
|
| 388 |
} |
|
| 389 |
} |
|
| 390 |
} |
|
| 391 |
} |
|
| 392 |
.lt-sidebar, |
|
| 393 |
.main {
|
|
| 394 |
padding:100px $header-padding-horizontal; |
|
| 395 |
} |
|
| 396 |
} |
|
| 397 |
|
|
| 398 |
.create-vm {
|
|
| 399 |
.select-os {
|
|
| 400 |
li {
|
|
| 401 |
width:23%; |
|
| 402 |
padding:20px; |
|
| 403 |
list-style:none outside none; |
|
| 404 |
display: inline-block; |
|
| 405 |
float: left; |
|
| 406 |
height: 220px; |
|
| 407 |
margin:0 10px 10px 0; |
|
| 408 |
&:hover, |
|
| 409 |
&.selected {
|
|
| 410 |
background:$white; |
|
| 411 |
h2, p, a {
|
|
| 412 |
color:$secondary-color; |
|
| 413 |
} |
|
| 414 |
} |
|
| 415 |
.os {
|
|
| 416 |
@include sprite('../images/os-unknown.png', 30px, 30px);
|
|
| 417 |
background-size:100%; |
|
| 418 |
margin-bottom:2em; |
|
| 419 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 420 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 421 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 422 |
} |
|
| 423 |
h2 {
|
|
| 424 |
font-size:emCalc(16px); |
|
| 425 |
font-weight:normal; |
|
| 426 |
color:$white; |
|
| 427 |
} |
|
| 428 |
.details {
|
|
| 429 |
font-weight:bold; |
|
| 430 |
font-size:emCalc(14px); |
|
| 431 |
} |
|
| 432 |
} |
|
| 433 |
} |
|
| 434 |
} |
|
| 435 |
|
|
| 436 |
.navigation {
|
|
| 437 |
a {
|
|
| 438 |
display: inline-block; |
|
| 439 |
padding:10px 20px; |
|
| 440 |
background:$white; |
|
| 441 |
text-align: center; |
|
| 442 |
color:$secondary-color; |
|
| 443 |
border:1px solid $secondary-color; |
|
| 444 |
&:hover {
|
|
| 445 |
border-color:$white; |
|
| 446 |
background:transparent; |
|
| 447 |
color:$white; |
|
| 448 |
text-decoration:none; |
|
| 449 |
} |
|
| 450 |
&.rt {
|
|
| 451 |
float:right; |
|
| 452 |
} |
|
| 453 |
} |
|
| 360 | 454 |
} |
Also available in: Unified diff