Revision 430263cf snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 367 | 367 |
line-height: $bar-height; |
| 368 | 368 |
color:white; |
| 369 | 369 |
display: inline-block; |
| 370 |
position: relative; |
|
| 371 |
top:($bar-height - 30px)/2; |
|
| 370 | 372 |
span {
|
| 371 | 373 |
display: inline-block; |
| 372 | 374 |
height: 30px; |
| 373 | 375 |
line-height:30px; |
| 374 |
border:1px solid white; |
|
| 375 |
} |
|
| 376 |
&:hover {
|
|
| 377 |
span {
|
|
| 378 |
border-width:2px; |
|
| 379 |
line-height:28px; |
|
| 380 |
} |
|
| 376 |
float: left; |
|
| 381 | 377 |
} |
| 382 | 378 |
} |
| 383 | 379 |
.prev {
|
| 384 | 380 |
float:left; |
| 385 |
padding-left:11px; |
|
| 386 |
background:url('../images/nav-edge-lt.png') no-repeat left center;
|
|
| 381 |
height:30px; |
|
| 382 |
padding-left:19px; |
|
| 383 |
background:url('../images/nav-edge-lt.png') no-repeat left top;
|
|
| 387 | 384 |
span {
|
| 388 |
padding:0 12px 0 10px;
|
|
| 389 |
border-left:0 none;
|
|
| 385 |
padding-right:10px;
|
|
| 386 |
background:url('../images/nav-lt.png') no-repeat right top;
|
|
| 390 | 387 |
} |
| 391 | 388 |
&:hover {
|
| 392 |
background-image:url('../images/nav-edge-lt-hover.png');
|
|
| 389 |
background-position:left bottom; |
|
| 390 |
@include transition(background, 0, ease-out); |
|
| 391 |
span {
|
|
| 392 |
background-position:right bottom; |
|
| 393 |
@include transition(background, 0, ease-out); |
|
| 394 |
} |
|
| 393 | 395 |
} |
| 394 | 396 |
} |
| 395 | 397 |
.next {
|
| 396 | 398 |
float:right; |
| 397 |
padding-right:11px; |
|
| 398 |
background:url('../images/nav-edge-rt.png') no-repeat right center;
|
|
| 399 |
height:30px; |
|
| 400 |
padding-right:19px; |
|
| 401 |
background:url('../images/nav-edge-rt.png') no-repeat right top;
|
|
| 399 | 402 |
span {
|
| 400 |
padding:0 10px 0 12px;
|
|
| 401 |
border-right:0 none;
|
|
| 403 |
padding-left:10px;
|
|
| 404 |
background:url('../images/nav-rt.png') no-repeat left top;
|
|
| 402 | 405 |
} |
| 403 | 406 |
&:hover {
|
| 404 |
background-image:url('../images/nav-edge-rt-hover.png');
|
|
| 407 |
background-position:right bottom; |
|
| 408 |
@include transition(background, 0, ease-out); |
|
| 409 |
span {
|
|
| 410 |
background-position:left bottom; |
|
| 411 |
@include transition(background, 0, ease-out); |
|
| 412 |
} |
|
| 405 | 413 |
} |
| 406 | 414 |
} |
| 407 | 415 |
.nums {
|
| ... | ... | |
| 457 | 465 |
color: $wizard-base-font-color; |
| 458 | 466 |
h2 {
|
| 459 | 467 |
color: $wizard-base-font-color; |
| 460 |
font-size: 16px; |
|
| 461 |
font-weight: bold; |
|
| 468 |
font-size: 1em; |
|
| 469 |
margin:0 auto 1em; |
|
| 470 |
} |
|
| 471 |
p {
|
|
| 472 |
font-size: $wizard-paragraph-font-size; |
|
| 462 | 473 |
} |
| 463 | 474 |
.adv-main {
|
| 464 | 475 |
padding: 10px 0 30px; |
| ... | ... | |
| 502 | 513 |
} |
| 503 | 514 |
ul {
|
| 504 | 515 |
li {
|
| 516 |
position: relative; |
|
| 505 | 517 |
list-style:none outside none; |
| 506 | 518 |
margin-bottom:7px; |
| 507 | 519 |
&.checkbox {
|
| ... | ... | |
| 525 | 537 |
} |
| 526 | 538 |
.networks-area {
|
| 527 | 539 |
background-color: $net-opt-area-color; |
| 528 |
li.network-data {
|
|
| 529 |
ul.ips-list {
|
|
| 530 |
display:none; |
|
| 540 |
li {
|
|
| 541 |
.net-icons {
|
|
| 542 |
padding-right:20px; |
|
| 543 |
position:absolute; |
|
| 544 |
left:-200px; |
|
| 545 |
top:-12px; |
|
| 546 |
width:200px; |
|
| 547 |
text-align: right; |
|
| 548 |
font-size:30px; |
|
| 549 |
span {
|
|
| 550 |
margin-left:6px; |
|
| 551 |
&.snf-modem {
|
|
| 552 |
position: relative; |
|
| 553 |
top:-6px; |
|
| 554 |
} |
|
| 555 |
} |
|
| 556 |
} |
|
| 557 |
&.more {
|
|
| 558 |
display: none; |
|
| 559 |
background:white; |
|
| 560 |
margin-bottom:1em; |
|
| 561 |
padding:30px 0; |
|
| 562 |
color:$net-opt-area-color; |
|
| 563 |
h3 {
|
|
| 564 |
color:$net-opt-area-color; |
|
| 565 |
} |
|
| 566 |
.btn5 {
|
|
| 567 |
margin-top:1em; |
|
| 568 |
border-color:$net-opt-area-color; |
|
| 569 |
color:$net-opt-area-color; |
|
| 570 |
} |
|
| 531 | 571 |
} |
| 532 | 572 |
} |
| 573 |
|
|
| 533 | 574 |
} |
| 534 | 575 |
.tags-area {
|
| 535 | 576 |
background-color: $tag-opt-area-color; |
Also available in: Unified diff