Revision af86484e snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 191 | 191 |
.middle {
|
| 192 | 192 |
padding-top:$bar-height; |
| 193 | 193 |
.step {
|
| 194 |
padding:50px 0; |
|
| 194 |
padding:50px 0 (50px + $bar-height);
|
|
| 195 | 195 |
float:left; |
| 196 | 196 |
position:relative; |
| 197 | 197 |
width:$row-width; |
| ... | ... | |
| 379 | 379 |
} |
| 380 | 380 |
} |
| 381 | 381 |
} |
| 382 |
.advanced-conf-step {
|
|
| 383 |
color: $wizard-base-font-color; |
|
| 384 |
h2 {
|
|
| 385 |
color: $wizard-base-font-color; |
|
| 386 |
font-size: 1em; |
|
| 387 |
margin:0 auto 1em; |
|
| 388 |
} |
|
| 389 |
p {
|
|
| 390 |
font-size: $wizard-paragraph-font-size; |
|
| 391 |
} |
|
| 392 |
.expand-btn {
|
|
| 393 |
margin: 50px 0 30px; |
|
| 394 |
a {
|
|
| 395 |
color:white; |
|
| 396 |
} |
|
| 397 |
} |
|
| 398 |
.adv-main {
|
|
| 399 |
padding: 10px 0 30px; |
|
| 400 |
width:$row-small; |
|
| 401 |
.vm-name {
|
|
| 402 |
h2 {
|
|
| 403 |
color:white; |
|
| 404 |
font-size:1em; |
|
| 405 |
margin-bottom:0.5em; |
|
| 406 |
} |
|
| 407 |
} |
|
| 408 |
.btn5 {
|
|
| 409 |
&:hover {
|
|
| 410 |
color:white; |
|
| 411 |
} |
|
| 412 |
&.current, &.current:hover {
|
|
| 413 |
color:$overlay-color; |
|
| 414 |
} |
|
| 415 |
} |
|
| 416 |
} |
|
| 417 |
.advanced-conf-options {
|
|
| 418 |
display: none; |
|
| 419 |
.area {
|
|
| 420 |
padding:30px 0; |
|
| 421 |
.row {
|
|
| 422 |
width:$row-small; |
|
| 423 |
} |
|
| 424 |
.btn5{
|
|
| 425 |
&:hover {
|
|
| 426 |
color:white; |
|
| 427 |
} |
|
| 428 |
} |
|
| 429 |
ul {
|
|
| 430 |
li {
|
|
| 431 |
position: relative; |
|
| 432 |
list-style:none outside none; |
|
| 433 |
margin-bottom:7px; |
|
| 434 |
&.checkbox {
|
|
| 435 |
&:hover {
|
|
| 436 |
cursor: pointer; |
|
| 437 |
} |
|
| 438 |
} |
|
| 439 |
h3 {
|
|
| 440 |
width: $conf-area-h-width; |
|
| 441 |
color:white; |
|
| 442 |
font-size:1em; |
|
| 443 |
font-weight: normal; |
|
| 444 |
margin:0 20px 0 0; |
|
| 445 |
display: inline-block; |
|
| 446 |
} |
|
| 447 |
} |
|
| 448 |
} |
|
| 449 |
} |
|
| 450 |
.ssh-keys-area {
|
|
| 451 |
background-color: $ssh-opt-area-color; |
|
| 452 |
} |
|
| 453 |
.networks-area {
|
|
| 454 |
background-color: $net-opt-area-color; |
|
| 455 |
li {
|
|
| 456 |
.net-icons {
|
|
| 457 |
padding-right:20px; |
|
| 458 |
position:absolute; |
|
| 459 |
left:-200px; |
|
| 460 |
top:-12px; |
|
| 461 |
width:200px; |
|
| 462 |
text-align: right; |
|
| 463 |
font-size:30px; |
|
| 464 |
span {
|
|
| 465 |
margin-left:6px; |
|
| 466 |
&.snf-modem {
|
|
| 467 |
position: relative; |
|
| 468 |
top:-6px; |
|
| 469 |
} |
|
| 470 |
} |
|
| 471 |
} |
|
| 472 |
&.more {
|
|
| 473 |
display: none; |
|
| 474 |
background:white; |
|
| 475 |
margin-bottom:1em; |
|
| 476 |
padding:30px 0; |
|
| 477 |
color:$net-opt-area-color; |
|
| 478 |
h3 {
|
|
| 479 |
color:$net-opt-area-color; |
|
| 480 |
} |
|
| 481 |
.btn5 {
|
|
| 482 |
margin-top:1em; |
|
| 483 |
border-color:$net-opt-area-color; |
|
| 484 |
color:$net-opt-area-color; |
|
| 485 |
} |
|
| 486 |
} |
|
| 487 |
} |
|
| 488 |
|
|
| 489 |
} |
|
| 490 |
.tags-area {
|
|
| 491 |
background-color: $tag-opt-area-color; |
|
| 492 |
} |
|
| 493 |
|
|
| 494 |
} |
|
| 495 |
} |
|
| 382 | 496 |
} |
| 383 | 497 |
} |
| 384 | 498 |
.bottom {
|
| ... | ... | |
| 489 | 603 |
width: 20000px; |
| 490 | 604 |
position:relative; |
| 491 | 605 |
} |
| 492 |
|
|
| 493 |
// step3 vm wizard |
|
| 494 |
.advanced-conf-step {
|
|
| 495 |
color: $wizard-base-font-color; |
|
| 496 |
h2 {
|
|
| 497 |
color: $wizard-base-font-color; |
|
| 498 |
font-size: 1em; |
|
| 499 |
margin:0 auto 1em; |
|
| 500 |
} |
|
| 501 |
p {
|
|
| 502 |
font-size: $wizard-paragraph-font-size; |
|
| 503 |
} |
|
| 504 |
.adv-main {
|
|
| 505 |
padding: 10px 0 30px; |
|
| 506 |
width:$row-small; |
|
| 507 |
.vm-name {
|
|
| 508 |
font-weight: bold; |
|
| 509 |
} |
|
| 510 |
.btn5 {
|
|
| 511 |
&:hover {
|
|
| 512 |
color:white; |
|
| 513 |
} |
|
| 514 |
&.current, &.current:hover {
|
|
| 515 |
color:$overlay-color; |
|
| 516 |
} |
|
| 517 |
} |
|
| 518 |
input[type="text"] {
|
|
| 519 |
width: 200px; |
|
| 520 |
border: 0; |
|
| 521 |
border-bottom: 1px solid $wizard-base-font-color; |
|
| 522 |
background-color: $overlay-color; |
|
| 523 |
outline: 0; |
|
| 524 |
color: $wizard-base-font-color; |
|
| 525 |
//to be improved!!!! |
|
| 526 |
-webkit-box-shadow: 7px 7px 0px rgba(72, 80, 87, 0); |
|
| 527 |
-moz-box-shadow: 7px 7px 0px rgba(72, 80, 87, 0); |
|
| 528 |
box-shadow: 7px 7px 0px rgba(72, 80, 87, 0); |
|
| 529 |
} |
|
| 530 |
} |
|
| 531 |
} |
|
| 532 |
.advanced-conf-options {
|
|
| 533 |
display: none; |
|
| 534 |
.area {
|
|
| 535 |
padding:30px 0; |
|
| 536 |
.row {
|
|
| 537 |
width:$row-small; |
|
| 538 |
} |
|
| 539 |
.btn5{
|
|
| 540 |
&:hover {
|
|
| 541 |
color:white; |
|
| 542 |
} |
|
| 543 |
} |
|
| 544 |
ul {
|
|
| 545 |
li {
|
|
| 546 |
position: relative; |
|
| 547 |
list-style:none outside none; |
|
| 548 |
margin-bottom:7px; |
|
| 549 |
&.checkbox {
|
|
| 550 |
&:hover {
|
|
| 551 |
cursor: pointer; |
|
| 552 |
} |
|
| 553 |
} |
|
| 554 |
h3 {
|
|
| 555 |
width: $conf-area-h-width; |
|
| 556 |
color:white; |
|
| 557 |
font-size:1em; |
|
| 558 |
font-weight: normal; |
|
| 559 |
margin:0 20px 0 0; |
|
| 560 |
display: inline-block; |
|
| 561 |
} |
|
| 562 |
} |
|
| 563 |
} |
|
| 564 |
} |
|
| 565 |
.ssh-keys-area {
|
|
| 566 |
background-color: $ssh-opt-area-color; |
|
| 567 |
} |
|
| 568 |
.networks-area {
|
|
| 569 |
background-color: $net-opt-area-color; |
|
| 570 |
li {
|
|
| 571 |
.net-icons {
|
|
| 572 |
padding-right:20px; |
|
| 573 |
position:absolute; |
|
| 574 |
left:-200px; |
|
| 575 |
top:-12px; |
|
| 576 |
width:200px; |
|
| 577 |
text-align: right; |
|
| 578 |
font-size:30px; |
|
| 579 |
span {
|
|
| 580 |
margin-left:6px; |
|
| 581 |
&.snf-modem {
|
|
| 582 |
position: relative; |
|
| 583 |
top:-6px; |
|
| 584 |
} |
|
| 585 |
} |
|
| 586 |
} |
|
| 587 |
&.more {
|
|
| 588 |
display: none; |
|
| 589 |
background:white; |
|
| 590 |
margin-bottom:1em; |
|
| 591 |
padding:30px 0; |
|
| 592 |
color:$net-opt-area-color; |
|
| 593 |
h3 {
|
|
| 594 |
color:$net-opt-area-color; |
|
| 595 |
} |
|
| 596 |
.btn5 {
|
|
| 597 |
margin-top:1em; |
|
| 598 |
border-color:$net-opt-area-color; |
|
| 599 |
color:$net-opt-area-color; |
|
| 600 |
} |
|
| 601 |
} |
|
| 602 |
} |
|
| 603 |
|
|
| 604 |
} |
|
| 605 |
.tags-area {
|
|
| 606 |
background-color: $tag-opt-area-color; |
|
| 607 |
} |
|
| 608 |
|
|
| 609 |
} |
|
Also available in: Unified diff