Revision 77115d00 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8547 | 8547 |
.wizard .middle .step .os li .img-col {
|
| 8548 | 8548 |
float: left; |
| 8549 | 8549 |
width: 50px; |
| 8550 |
line-height: 30px; |
|
| 8550 | 8551 |
} |
| 8551 |
/* line 307, ../sass/_overlays.scss */
|
|
| 8552 |
/* line 308, ../sass/_overlays.scss */
|
|
| 8552 | 8553 |
.wizard .middle .step .os li .name-col {
|
| 8553 | 8554 |
float: left; |
| 8554 | 8555 |
color: white; |
| 8555 | 8556 |
width: 71%; |
| 8556 | 8557 |
padding-right: 10px; |
| 8558 |
line-height: 30px; |
|
| 8557 | 8559 |
} |
| 8558 |
/* line 313, ../sass/_overlays.scss */
|
|
| 8560 |
/* line 315, ../sass/_overlays.scss */
|
|
| 8559 | 8561 |
.wizard .middle .step .os li .size-col {
|
| 8560 | 8562 |
float: left; |
| 8561 | 8563 |
width: 10%; |
| 8564 |
line-height: 30px; |
|
| 8562 | 8565 |
} |
| 8563 |
/* line 317, ../sass/_overlays.scss */
|
|
| 8566 |
/* line 320, ../sass/_overlays.scss */
|
|
| 8564 | 8567 |
.wizard .middle .step .os li .btn-col {
|
| 8565 | 8568 |
float: right; |
| 8566 | 8569 |
width: 10%; |
| 8567 | 8570 |
margin-left: 10px; |
| 8568 | 8571 |
} |
| 8569 |
/* line 321, ../sass/_overlays.scss */
|
|
| 8572 |
/* line 324, ../sass/_overlays.scss */
|
|
| 8570 | 8573 |
.wizard .middle .step .os li .btn-col a {
|
| 8571 | 8574 |
font-size: 1em; |
| 8572 | 8575 |
} |
| 8573 |
/* line 325, ../sass/_overlays.scss */
|
|
| 8576 |
/* line 328, ../sass/_overlays.scss */
|
|
| 8574 | 8577 |
.wizard .middle .step .os li .btn-col a.current {
|
| 8575 | 8578 |
color: #485057; |
| 8576 | 8579 |
} |
| 8577 |
/* line 330, ../sass/_overlays.scss */
|
|
| 8580 |
/* line 333, ../sass/_overlays.scss */
|
|
| 8578 | 8581 |
.wizard .middle .step .os li .details {
|
| 8579 | 8582 |
display: none; |
| 8580 | 8583 |
background: #e6e6e6; |
| ... | ... | |
| 8582 | 8585 |
margin: 20px 6px -9px; |
| 8583 | 8586 |
color: #222222; |
| 8584 | 8587 |
} |
| 8585 |
/* line 336, ../sass/_overlays.scss */
|
|
| 8588 |
/* line 339, ../sass/_overlays.scss */
|
|
| 8586 | 8589 |
.wizard .middle .step .os li .details h3 {
|
| 8587 | 8590 |
font-size: 1em; |
| 8588 | 8591 |
font-weight: normal; |
| 8589 | 8592 |
margin-bottom: 1em; |
| 8590 | 8593 |
padding-left: 50px; |
| 8591 | 8594 |
} |
| 8592 |
/* line 342, ../sass/_overlays.scss */
|
|
| 8595 |
/* line 345, ../sass/_overlays.scss */
|
|
| 8593 | 8596 |
.wizard .middle .step .os li .details dl {
|
| 8594 | 8597 |
margin: 0; |
| 8595 | 8598 |
padding-left: 50px; |
| 8596 | 8599 |
} |
| 8597 |
/* line 346, ../sass/_overlays.scss */
|
|
| 8600 |
/* line 349, ../sass/_overlays.scss */
|
|
| 8598 | 8601 |
.wizard .middle .step .os li .details dl dt {
|
| 8599 | 8602 |
width: 20%; |
| 8600 | 8603 |
float: left; |
| 8601 | 8604 |
color: #1a1a1a; |
| 8602 | 8605 |
font-weight: normal; |
| 8603 | 8606 |
} |
| 8604 |
/* line 352, ../sass/_overlays.scss */
|
|
| 8607 |
/* line 355, ../sass/_overlays.scss */
|
|
| 8605 | 8608 |
.wizard .middle .step .os li .details dl dd {
|
| 8606 | 8609 |
color: #485057; |
| 8607 | 8610 |
margin: 0 0 5px; |
| 8608 | 8611 |
} |
| 8609 |
/* line 360, ../sass/_overlays.scss */
|
|
| 8612 |
/* line 363, ../sass/_overlays.scss */
|
|
| 8610 | 8613 |
.wizard .middle .step .flavor {
|
| 8611 | 8614 |
list-style: none outside none; |
| 8612 | 8615 |
} |
| 8613 |
/* line 362, ../sass/_overlays.scss */
|
|
| 8616 |
/* line 365, ../sass/_overlays.scss */
|
|
| 8614 | 8617 |
.wizard .middle .step .flavor li {
|
| 8615 | 8618 |
list-style: none outside none; |
| 8616 | 8619 |
margin-bottom: 2.5em; |
| 8617 | 8620 |
} |
| 8618 |
/* line 365, ../sass/_overlays.scss */
|
|
| 8621 |
/* line 368, ../sass/_overlays.scss */
|
|
| 8619 | 8622 |
.wizard .middle .step .flavor li .title {
|
| 8620 | 8623 |
margin-bottom: 0.3125em; |
| 8621 | 8624 |
color: white; |
| 8622 | 8625 |
vertical-align: top; |
| 8623 | 8626 |
} |
| 8624 |
/* line 370, ../sass/_overlays.scss */
|
|
| 8627 |
/* line 373, ../sass/_overlays.scss */
|
|
| 8625 | 8628 |
.wizard .middle .step .flavor li .title .icon {
|
| 8626 | 8629 |
display: block; |
| 8627 | 8630 |
width: 5%; |
| 8628 | 8631 |
font-size: 2.5em; |
| 8629 | 8632 |
float: left; |
| 8630 | 8633 |
} |
| 8631 |
/* line 376, ../sass/_overlays.scss */
|
|
| 8634 |
/* line 379, ../sass/_overlays.scss */
|
|
| 8632 | 8635 |
.wizard .middle .step .flavor li .title h2 {
|
| 8633 | 8636 |
font-size: 0.875em; |
| 8634 | 8637 |
float: left; |
| ... | ... | |
| 8637 | 8640 |
margin-right: 4%; |
| 8638 | 8641 |
padding-left: 0.625em; |
| 8639 | 8642 |
} |
| 8640 |
/* line 378, ../sass/_overlays.scss */
|
|
| 8643 |
/* line 381, ../sass/_overlays.scss */
|
|
| 8641 | 8644 |
.wizard .middle .step .flavor li .title h2 span {
|
| 8642 | 8645 |
font-weight: normal; |
| 8643 | 8646 |
} |
| 8644 |
/* line 387, ../sass/_overlays.scss */
|
|
| 8647 |
/* line 390, ../sass/_overlays.scss */
|
|
| 8645 | 8648 |
.wizard .middle .step .flavor li .title h2:hover + p {
|
| 8646 | 8649 |
visibility: visible; |
| 8647 | 8650 |
} |
| 8648 |
/* line 392, ../sass/_overlays.scss */
|
|
| 8651 |
/* line 395, ../sass/_overlays.scss */
|
|
| 8649 | 8652 |
.wizard .middle .step .flavor li .title p {
|
| 8650 | 8653 |
visibility: hidden; |
| 8651 | 8654 |
float: left; |
| ... | ... | |
| 8653 | 8656 |
color: #1a1a1a; |
| 8654 | 8657 |
font-size: 0.5625em; |
| 8655 | 8658 |
} |
| 8656 |
/* line 402, ../sass/_overlays.scss */
|
|
| 8659 |
/* line 405, ../sass/_overlays.scss */
|
|
| 8657 | 8660 |
.wizard .middle .step .flavor li .options-bar .bar {
|
| 8658 | 8661 |
width: 24%; |
| 8659 | 8662 |
float: left; |
| ... | ... | |
| 8662 | 8665 |
position: relative; |
| 8663 | 8666 |
top: 10px; |
| 8664 | 8667 |
} |
| 8665 |
/* line 409, ../sass/_overlays.scss */
|
|
| 8668 |
/* line 412, ../sass/_overlays.scss */
|
|
| 8666 | 8669 |
.wizard .middle .step .flavor li .options-bar .bar .wrap {
|
| 8667 | 8670 |
border: 1px solid white; |
| 8668 | 8671 |
padding: 1px; |
| 8669 | 8672 |
height: 100%; |
| 8670 | 8673 |
} |
| 8671 |
/* line 413, ../sass/_overlays.scss */
|
|
| 8674 |
/* line 416, ../sass/_overlays.scss */
|
|
| 8672 | 8675 |
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
|
| 8673 | 8676 |
border-color: #3a4046; |
| 8674 | 8677 |
} |
| 8675 |
/* line 416, ../sass/_overlays.scss */
|
|
| 8678 |
/* line 419, ../sass/_overlays.scss */
|
|
| 8676 | 8679 |
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
|
| 8677 | 8680 |
background-color: #3a4046; |
| 8678 | 8681 |
} |
| 8679 |
/* line 421, ../sass/_overlays.scss */
|
|
| 8682 |
/* line 424, ../sass/_overlays.scss */
|
|
| 8680 | 8683 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
|
| 8681 | 8684 |
height: 100%; |
| 8682 | 8685 |
} |
| 8683 |
/* line 423, ../sass/_overlays.scss */
|
|
| 8686 |
/* line 426, ../sass/_overlays.scss */
|
|
| 8684 | 8687 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
|
| 8685 | 8688 |
background: #919194; |
| 8686 | 8689 |
height: 100%; |
| 8687 | 8690 |
float: left; |
| 8688 | 8691 |
position: relative; |
| 8689 | 8692 |
} |
| 8690 |
/* line 428, ../sass/_overlays.scss */
|
|
| 8693 |
/* line 431, ../sass/_overlays.scss */
|
|
| 8691 | 8694 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
|
| 8692 | 8695 |
background: white; |
| 8693 | 8696 |
height: 100%; |
| 8694 | 8697 |
float: left; |
| 8695 | 8698 |
} |
| 8696 |
/* line 433, ../sass/_overlays.scss */
|
|
| 8699 |
/* line 436, ../sass/_overlays.scss */
|
|
| 8697 | 8700 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
|
| 8698 | 8701 |
position: absolute; |
| 8699 | 8702 |
right: 10px; |
| 8700 | 8703 |
color: #1a1a1a; |
| 8701 | 8704 |
font-size: 0.5625em; |
| 8702 | 8705 |
} |
| 8703 |
/* line 440, ../sass/_overlays.scss */
|
|
| 8706 |
/* line 443, ../sass/_overlays.scss */
|
|
| 8704 | 8707 |
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
|
| 8705 | 8708 |
right: -30px; |
| 8706 | 8709 |
color: white; |
| 8707 | 8710 |
} |
| 8708 |
/* line 450, ../sass/_overlays.scss */
|
|
| 8711 |
/* line 453, ../sass/_overlays.scss */
|
|
| 8709 | 8712 |
.wizard .middle .step .flavor li .options-bar .options {
|
| 8710 | 8713 |
overflow: hidden; |
| 8711 | 8714 |
list-style: none outside none; |
| 8712 | 8715 |
} |
| 8713 |
/* line 453, ../sass/_overlays.scss */
|
|
| 8716 |
/* line 456, ../sass/_overlays.scss */
|
|
| 8714 | 8717 |
.wizard .middle .step .flavor li .options-bar .options li {
|
| 8715 | 8718 |
list-style: none outside none; |
| 8716 | 8719 |
display: inline-block; |
| 8717 | 8720 |
margin-right: 10px; |
| 8718 | 8721 |
margin-bottom: 0; |
| 8719 | 8722 |
} |
| 8720 |
/* line 458, ../sass/_overlays.scss */
|
|
| 8723 |
/* line 461, ../sass/_overlays.scss */
|
|
| 8721 | 8724 |
.wizard .middle .step .flavor li .options-bar .options li a {
|
| 8722 | 8725 |
min-width: 60px; |
| 8723 | 8726 |
} |
| 8724 |
/* line 461, ../sass/_overlays.scss */
|
|
| 8727 |
/* line 464, ../sass/_overlays.scss */
|
|
| 8725 | 8728 |
.wizard .middle .step .flavor li .options-bar .options li a.current {
|
| 8726 | 8729 |
color: #485057; |
| 8727 | 8730 |
} |
| 8728 |
/* line 471, ../sass/_overlays.scss */
|
|
| 8731 |
/* line 474, ../sass/_overlays.scss */
|
|
| 8729 | 8732 |
.wizard .middle .step .summary .row {
|
| 8730 | 8733 |
padding-top: 1em; |
| 8731 | 8734 |
margin-top: 1em; |
| 8732 | 8735 |
border-top: 1px solid white; |
| 8733 | 8736 |
} |
| 8734 |
/* line 475, ../sass/_overlays.scss */
|
|
| 8737 |
/* line 478, ../sass/_overlays.scss */
|
|
| 8735 | 8738 |
.wizard .middle .step .summary .row:first-child {
|
| 8736 | 8739 |
border-top: 0 none; |
| 8737 | 8740 |
} |
| 8738 |
/* line 479, ../sass/_overlays.scss */
|
|
| 8741 |
/* line 482, ../sass/_overlays.scss */
|
|
| 8739 | 8742 |
.wizard .middle .step .summary h2 {
|
| 8740 | 8743 |
font-size: 1em; |
| 8741 | 8744 |
color: white; |
| 8742 | 8745 |
} |
| 8743 |
/* line 483, ../sass/_overlays.scss */
|
|
| 8746 |
/* line 486, ../sass/_overlays.scss */
|
|
| 8744 | 8747 |
.wizard .middle .step .summary dl {
|
| 8745 | 8748 |
margin-bottom: 0; |
| 8746 | 8749 |
} |
| 8747 |
/* line 485, ../sass/_overlays.scss */
|
|
| 8750 |
/* line 488, ../sass/_overlays.scss */
|
|
| 8748 | 8751 |
.wizard .middle .step .summary dl span {
|
| 8749 | 8752 |
margin-right: 10px; |
| 8750 | 8753 |
font-size: 20px; |
| 8751 | 8754 |
} |
| 8752 |
/* line 489, ../sass/_overlays.scss */
|
|
| 8755 |
/* line 492, ../sass/_overlays.scss */
|
|
| 8753 | 8756 |
.wizard .middle .step .summary dl dt {
|
| 8754 | 8757 |
display: inline-block; |
| 8755 | 8758 |
width: 45%; |
| 8756 | 8759 |
vertical-align: top; |
| 8757 | 8760 |
} |
| 8758 |
/* line 494, ../sass/_overlays.scss */
|
|
| 8761 |
/* line 497, ../sass/_overlays.scss */
|
|
| 8759 | 8762 |
.wizard .middle .step .summary dl dd {
|
| 8760 | 8763 |
display: inline-block; |
| 8761 | 8764 |
width: 45%; |
| 8762 | 8765 |
} |
| 8763 |
/* line 500, ../sass/_overlays.scss */
|
|
| 8766 |
/* line 503, ../sass/_overlays.scss */
|
|
| 8764 | 8767 |
.wizard .middle .step .advanced-conf-step {
|
| 8765 | 8768 |
color: white; |
| 8766 | 8769 |
} |
| 8767 |
/* line 502, ../sass/_overlays.scss */
|
|
| 8770 |
/* line 505, ../sass/_overlays.scss */
|
|
| 8768 | 8771 |
.wizard .middle .step .advanced-conf-step h2 {
|
| 8769 | 8772 |
color: white; |
| 8770 | 8773 |
font-size: 1em; |
| 8771 | 8774 |
margin: 0 auto 1em; |
| 8772 | 8775 |
} |
| 8773 |
/* line 507, ../sass/_overlays.scss */
|
|
| 8776 |
/* line 510, ../sass/_overlays.scss */
|
|
| 8774 | 8777 |
.wizard .middle .step .advanced-conf-step p {
|
| 8775 | 8778 |
font-size: 10px; |
| 8776 | 8779 |
} |
| 8777 |
/* line 510, ../sass/_overlays.scss */
|
|
| 8780 |
/* line 513, ../sass/_overlays.scss */
|
|
| 8778 | 8781 |
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
|
| 8779 | 8782 |
color: white; |
| 8780 | 8783 |
} |
| 8781 |
/* line 513, ../sass/_overlays.scss */
|
|
| 8784 |
/* line 516, ../sass/_overlays.scss */
|
|
| 8782 | 8785 |
.wizard .middle .step .advanced-conf-step .expand-btn {
|
| 8783 | 8786 |
margin: 50px 0 30px; |
| 8784 | 8787 |
} |
| 8785 |
/* line 515, ../sass/_overlays.scss */
|
|
| 8788 |
/* line 518, ../sass/_overlays.scss */
|
|
| 8786 | 8789 |
.wizard .middle .step .advanced-conf-step .expand-btn a {
|
| 8787 | 8790 |
color: white; |
| 8788 | 8791 |
} |
| 8789 |
/* line 521, ../sass/_overlays.scss */
|
|
| 8792 |
/* line 524, ../sass/_overlays.scss */
|
|
| 8790 | 8793 |
.wizard .middle .step .advanced-conf-step .adv-main {
|
| 8791 | 8794 |
padding: 10px 0 30px; |
| 8792 | 8795 |
width: 37.5em; |
| 8793 | 8796 |
} |
| 8794 |
/* line 525, ../sass/_overlays.scss */
|
|
| 8797 |
/* line 528, ../sass/_overlays.scss */
|
|
| 8795 | 8798 |
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
|
| 8796 | 8799 |
color: white; |
| 8797 | 8800 |
font-size: 1em; |
| 8798 | 8801 |
margin-bottom: 0.5em; |
| 8799 | 8802 |
} |
| 8800 |
/* line 533, ../sass/_overlays.scss */
|
|
| 8803 |
/* line 536, ../sass/_overlays.scss */
|
|
| 8801 | 8804 |
.wizard .middle .step .advanced-conf-step .btn5:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover {
|
| 8802 | 8805 |
color: white; |
| 8803 | 8806 |
} |
| 8804 |
/* line 536, ../sass/_overlays.scss */
|
|
| 8807 |
/* line 539, ../sass/_overlays.scss */
|
|
| 8805 | 8808 |
.wizard .middle .step .advanced-conf-step .btn5.current, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .btn5.current:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover {
|
| 8806 | 8809 |
color: #485057; |
| 8807 | 8810 |
} |
| 8808 |
/* line 540, ../sass/_overlays.scss */
|
|
| 8811 |
/* line 543, ../sass/_overlays.scss */
|
|
| 8809 | 8812 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
|
| 8810 | 8813 |
display: none; |
| 8811 | 8814 |
} |
| 8812 |
/* line 542, ../sass/_overlays.scss */
|
|
| 8815 |
/* line 545, ../sass/_overlays.scss */
|
|
| 8813 | 8816 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
|
| 8814 | 8817 |
padding: 30px 0; |
| 8815 | 8818 |
} |
| 8816 |
/* line 544, ../sass/_overlays.scss */
|
|
| 8819 |
/* line 547, ../sass/_overlays.scss */
|
|
| 8817 | 8820 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row {
|
| 8818 | 8821 |
width: 37.5em; |
| 8819 | 8822 |
padding-left: 0; |
| 8820 | 8823 |
} |
| 8821 |
/* line 549, ../sass/_overlays.scss */
|
|
| 8824 |
/* line 552, ../sass/_overlays.scss */
|
|
| 8822 | 8825 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
|
| 8823 | 8826 |
position: relative; |
| 8824 | 8827 |
list-style: none outside none; |
| 8825 | 8828 |
margin-bottom: 7px; |
| 8826 | 8829 |
} |
| 8827 |
/* line 554, ../sass/_overlays.scss */
|
|
| 8830 |
/* line 557, ../sass/_overlays.scss */
|
|
| 8828 | 8831 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
|
| 8829 | 8832 |
cursor: pointer; |
| 8830 | 8833 |
} |
| 8831 |
/* line 558, ../sass/_overlays.scss */
|
|
| 8834 |
/* line 561, ../sass/_overlays.scss */
|
|
| 8832 | 8835 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
|
| 8833 | 8836 |
width: 18.75em; |
| 8834 | 8837 |
color: white; |
| ... | ... | |
| 8837 | 8840 |
margin: 0 20px 0 0; |
| 8838 | 8841 |
display: inline-block; |
| 8839 | 8842 |
} |
| 8840 |
/* line 570, ../sass/_overlays.scss */
|
|
| 8843 |
/* line 573, ../sass/_overlays.scss */
|
|
| 8841 | 8844 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
|
| 8842 | 8845 |
background-color: #ff7049; |
| 8843 | 8846 |
} |
| 8844 |
/* line 573, ../sass/_overlays.scss */
|
|
| 8847 |
/* line 576, ../sass/_overlays.scss */
|
|
| 8845 | 8848 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
|
| 8846 | 8849 |
background-color: #ff948c; |
| 8847 | 8850 |
} |
| 8848 |
/* line 576, ../sass/_overlays.scss */
|
|
| 8851 |
/* line 579, ../sass/_overlays.scss */
|
|
| 8849 | 8852 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
|
| 8850 | 8853 |
padding-right: 20px; |
| 8851 | 8854 |
display: inline-block; |
| ... | ... | |
| 8854 | 8857 |
font-size: 30px; |
| 8855 | 8858 |
margin-bottom: 0; |
| 8856 | 8859 |
} |
| 8857 |
/* line 586, ../sass/_overlays.scss */
|
|
| 8860 |
/* line 589, ../sass/_overlays.scss */
|
|
| 8858 | 8861 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
|
| 8859 | 8862 |
margin-left: 6px; |
| 8860 | 8863 |
} |
| 8861 |
/* line 588, ../sass/_overlays.scss */
|
|
| 8864 |
/* line 591, ../sass/_overlays.scss */
|
|
| 8862 | 8865 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
|
| 8863 | 8866 |
position: relative; |
| 8864 | 8867 |
top: -6px; |
| 8865 | 8868 |
} |
| 8866 |
/* line 597, ../sass/_overlays.scss */
|
|
| 8869 |
/* line 600, ../sass/_overlays.scss */
|
|
| 8867 | 8870 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
|
| 8868 | 8871 |
background: #fff4f3; |
| 8869 | 8872 |
margin-bottom: 1em; |
| 8870 | 8873 |
padding: 30px 0; |
| 8871 | 8874 |
color: #ff948c; |
| 8872 | 8875 |
} |
| 8873 |
/* line 603, ../sass/_overlays.scss */
|
|
| 8876 |
/* line 606, ../sass/_overlays.scss */
|
|
| 8874 | 8877 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
|
| 8875 | 8878 |
color: #ff948c; |
| 8876 | 8879 |
padding-left: 145px; |
| 8877 | 8880 |
} |
| 8878 |
/* line 607, ../sass/_overlays.scss */
|
|
| 8881 |
/* line 610, ../sass/_overlays.scss */
|
|
| 8879 | 8882 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {
|
| 8880 | 8883 |
margin-top: 1em; |
| 8881 | 8884 |
border-color: #ff948c; |
| 8882 | 8885 |
color: #ff948c; |
| 8883 | 8886 |
} |
| 8884 |
/* line 614, ../sass/_overlays.scss */
|
|
| 8887 |
/* line 617, ../sass/_overlays.scss */
|
|
| 8885 | 8888 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .checkbox a span {
|
| 8886 | 8889 |
color: #ff948c; |
| 8887 | 8890 |
} |
| 8888 |
/* line 623, ../sass/_overlays.scss */
|
|
| 8891 |
/* line 626, ../sass/_overlays.scss */
|
|
| 8889 | 8892 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
|
| 8890 | 8893 |
background-color: #4c71ff; |
| 8891 | 8894 |
} |
| 8892 |
/* line 625, ../sass/_overlays.scss */
|
|
| 8895 |
/* line 628, ../sass/_overlays.scss */
|
|
| 8893 | 8896 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
|
| 8894 | 8897 |
display: none; |
| 8895 | 8898 |
} |
| 8896 |
/* line 628, ../sass/_overlays.scss */
|
|
| 8899 |
/* line 631, ../sass/_overlays.scss */
|
|
| 8897 | 8900 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
|
| 8898 | 8901 |
position: relative; |
| 8899 | 8902 |
width: 207px; |
| 8900 | 8903 |
margin: 30px 5px; |
| 8901 | 8904 |
display: inline-block; |
| 8902 | 8905 |
} |
| 8903 |
/* line 640, ../sass/_overlays.scss */
|
|
| 8906 |
/* line 643, ../sass/_overlays.scss */
|
|
| 8904 | 8907 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
|
| 8905 | 8908 |
margin-top: 77px; |
| 8906 | 8909 |
margin-bottom: 30px; |
| 8907 | 8910 |
} |
| 8908 |
/* line 647, ../sass/_overlays.scss */
|
|
| 8911 |
/* line 650, ../sass/_overlays.scss */
|
|
| 8909 | 8912 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
|
| 8910 | 8913 |
margin-right: 20px; |
| 8911 | 8914 |
} |
| 8912 |
/* line 655, ../sass/_overlays.scss */
|
|
| 8915 |
/* line 658, ../sass/_overlays.scss */
|
|
| 8913 | 8916 |
.wizard .bottom {
|
| 8914 | 8917 |
position: fixed; |
| 8915 | 8918 |
left: 0; |
| 8916 | 8919 |
right: 0; |
| 8917 | 8920 |
bottom: 0; |
| 8918 |
border-top: 1px solid #1a1a1a;
|
|
| 8921 |
border-top: 1px solid #636a70;
|
|
| 8919 | 8922 |
background: #485057; |
| 8920 | 8923 |
} |
| 8921 |
/* line 662, ../sass/_overlays.scss */
|
|
| 8924 |
/* line 665, ../sass/_overlays.scss */
|
|
| 8922 | 8925 |
.wizard .bottom .row {
|
| 8923 | 8926 |
height: 50px; |
| 8924 | 8927 |
line-height: 50px; |
| 8925 | 8928 |
} |
| 8926 |
/* line 666, ../sass/_overlays.scss */
|
|
| 8929 |
/* line 669, ../sass/_overlays.scss */
|
|
| 8927 | 8930 |
.wizard .bottom .nav {
|
| 8928 | 8931 |
height: 50px; |
| 8929 | 8932 |
line-height: 50px; |
| ... | ... | |
| 8934 | 8937 |
top: 10px; |
| 8935 | 8938 |
width: 100px; |
| 8936 | 8939 |
} |
| 8937 |
/* line 675, ../sass/_overlays.scss */
|
|
| 8940 |
/* line 678, ../sass/_overlays.scss */
|
|
| 8938 | 8941 |
.wizard .bottom .nav:hover {
|
| 8939 | 8942 |
-webkit-transition: background 0ms ease-out; |
| 8940 | 8943 |
-moz-transition: background 0ms ease-out; |
| ... | ... | |
| 8942 | 8945 |
-o-transition: background 0ms ease-out; |
| 8943 | 8946 |
transition: background 0ms ease-out; |
| 8944 | 8947 |
} |
| 8945 |
/* line 678, ../sass/_overlays.scss */
|
|
| 8948 |
/* line 681, ../sass/_overlays.scss */
|
|
| 8946 | 8949 |
.wizard .bottom .nav span {
|
| 8947 | 8950 |
display: inline-block; |
| 8948 | 8951 |
height: 30px; |
| 8949 | 8952 |
line-height: 30px; |
| 8950 | 8953 |
float: left; |
| 8951 | 8954 |
} |
| 8952 |
/* line 683, ../sass/_overlays.scss */
|
|
| 8955 |
/* line 686, ../sass/_overlays.scss */
|
|
| 8953 | 8956 |
.wizard .bottom .nav span:hover {
|
| 8954 | 8957 |
-webkit-transition: background 0ms linear; |
| 8955 | 8958 |
-moz-transition: background 0ms linear; |
| ... | ... | |
| 8957 | 8960 |
-o-transition: background 0ms linear; |
| 8958 | 8961 |
transition: background 0ms linear; |
| 8959 | 8962 |
} |
| 8960 |
/* line 687, ../sass/_overlays.scss */
|
|
| 8963 |
/* line 690, ../sass/_overlays.scss */
|
|
| 8961 | 8964 |
.wizard .bottom .nav:focus {
|
| 8962 | 8965 |
color: green; |
| 8963 | 8966 |
} |
| 8964 |
/* line 691, ../sass/_overlays.scss */
|
|
| 8967 |
/* line 694, ../sass/_overlays.scss */
|
|
| 8965 | 8968 |
.wizard .bottom .prev {
|
| 8966 | 8969 |
float: left; |
| 8967 | 8970 |
height: 30px; |
| 8968 | 8971 |
padding-left: 18px; |
| 8969 | 8972 |
background: url("../images/nav-edge-lt.png") no-repeat left top;
|
| 8970 | 8973 |
} |
| 8971 |
/* line 696, ../sass/_overlays.scss */
|
|
| 8974 |
/* line 699, ../sass/_overlays.scss */
|
|
| 8972 | 8975 |
.wizard .bottom .prev span {
|
| 8973 | 8976 |
padding-right: 10px; |
| 8974 | 8977 |
background: url("../images/nav-lt.png") no-repeat right top;
|
| 8975 | 8978 |
} |
| 8976 |
/* line 701, ../sass/_overlays.scss */
|
|
| 8979 |
/* line 704, ../sass/_overlays.scss */
|
|
| 8977 | 8980 |
.wizard .bottom .prev:hover, .wizard .bottom .prev.active, .wizard .bottom .items-list li .container:hover .prev.check, .items-list li .container:hover .wizard .bottom .prev.check {
|
| 8978 | 8981 |
background-position: left bottom; |
| 8979 | 8982 |
} |
| 8980 |
/* line 703, ../sass/_overlays.scss */
|
|
| 8983 |
/* line 706, ../sass/_overlays.scss */
|
|
| 8981 | 8984 |
.wizard .bottom .prev:hover span, .wizard .bottom .prev.active span, .wizard .bottom .items-list li .container:hover .prev.check span, .items-list li .container:hover .wizard .bottom .prev.check span {
|
| 8982 | 8985 |
background-position: right bottom; |
| 8983 | 8986 |
} |
| 8984 |
/* line 708, ../sass/_overlays.scss */
|
|
| 8987 |
/* line 711, ../sass/_overlays.scss */
|
|
| 8985 | 8988 |
.wizard .bottom .next {
|
| 8986 | 8989 |
float: right; |
| 8987 | 8990 |
height: 30px; |
| 8988 | 8991 |
padding-right: 18px; |
| 8989 | 8992 |
background: url("../images/nav-edge-rt.png") no-repeat right top;
|
| 8990 | 8993 |
} |
| 8991 |
/* line 713, ../sass/_overlays.scss */
|
|
| 8994 |
/* line 716, ../sass/_overlays.scss */
|
|
| 8992 | 8995 |
.wizard .bottom .next span {
|
| 8993 | 8996 |
padding-left: 10px; |
| 8994 | 8997 |
background: url("../images/nav-rt.png") no-repeat left top;
|
| 8995 | 8998 |
float: right; |
| 8996 | 8999 |
} |
| 8997 |
/* line 719, ../sass/_overlays.scss */
|
|
| 9000 |
/* line 722, ../sass/_overlays.scss */
|
|
| 8998 | 9001 |
.wizard .bottom .next:hover, .wizard .bottom .next.active, .wizard .bottom .items-list li .container:hover .next.check, .items-list li .container:hover .wizard .bottom .next.check {
|
| 8999 | 9002 |
background-position: right bottom; |
| 9000 | 9003 |
} |
| 9001 |
/* line 721, ../sass/_overlays.scss */
|
|
| 9004 |
/* line 724, ../sass/_overlays.scss */
|
|
| 9002 | 9005 |
.wizard .bottom .next:hover span, .wizard .bottom .next.active span, .wizard .bottom .items-list li .container:hover .next.check span, .items-list li .container:hover .wizard .bottom .next.check span {
|
| 9003 | 9006 |
background-position: left bottom; |
| 9004 | 9007 |
float: right; |
| 9005 | 9008 |
} |
| 9006 | 9009 |
|
| 9007 |
/* line 731, ../sass/_overlays.scss */
|
|
| 9010 |
/* line 734, ../sass/_overlays.scss */
|
|
| 9008 | 9011 |
.wizard-content {
|
| 9009 | 9012 |
overflow: hidden; |
| 9010 | 9013 |
width: 100%; |
| 9011 | 9014 |
} |
| 9012 |
/* line 734, ../sass/_overlays.scss */
|
|
| 9015 |
/* line 737, ../sass/_overlays.scss */
|
|
| 9013 | 9016 |
.wizard-content .vm-wizard-carousel {
|
| 9014 | 9017 |
position: relative; |
| 9015 | 9018 |
left: 0; |
| 9016 | 9019 |
} |
| 9017 |
/* line 737, ../sass/_overlays.scss */
|
|
| 9020 |
/* line 740, ../sass/_overlays.scss */
|
|
| 9018 | 9021 |
.wizard-content .vm-wizard-carousel .step {
|
| 9019 | 9022 |
float: left; |
| 9020 | 9023 |
} |
| 9021 | 9024 |
|
| 9022 | 9025 |
/* Responive ------------------------------------------------ */ |
| 9023 | 9026 |
@media only screen and (max-width: 768px) {
|
| 9024 |
/* line 749, ../sass/_overlays.scss */
|
|
| 9027 |
/* line 752, ../sass/_overlays.scss */
|
|
| 9025 | 9028 |
.wizard .top {
|
| 9026 | 9029 |
position: static; |
| 9027 | 9030 |
} |
| 9028 |
/* line 752, ../sass/_overlays.scss */
|
|
| 9031 |
/* line 755, ../sass/_overlays.scss */
|
|
| 9029 | 9032 |
.wizard .middle {
|
| 9030 | 9033 |
padding-top: 0; |
| 9031 | 9034 |
} |
| 9032 | 9035 |
|
| 9033 |
/* line 757, ../sass/_overlays.scss */
|
|
| 9036 |
/* line 760, ../sass/_overlays.scss */
|
|
| 9034 | 9037 |
.overlay-wrapper .overlay-area {
|
| 9035 | 9038 |
top: 0; |
| 9036 | 9039 |
} |
Also available in: Unified diff