Revision 05205849 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7169 | 7169 |
line-height: 36px; |
| 7170 | 7170 |
background: white; |
| 7171 | 7171 |
} |
| 7172 |
/* line 327, ../sass/_common.scss */
|
|
| 7172 |
/* line 336, ../sass/_common.scss */
|
|
| 7173 | 7173 |
.actions-bar h2 {
|
| 7174 | 7174 |
position: absolute; |
| 7175 | 7175 |
left: 15px; |
| ... | ... | |
| 7179 | 7179 |
font-weight: normal; |
| 7180 | 7180 |
line-height: 2em; |
| 7181 | 7181 |
} |
| 7182 |
/* line 336, ../sass/_common.scss */
|
|
| 7182 |
/* line 345, ../sass/_common.scss */
|
|
| 7183 | 7183 |
.actions-bar .filter-menu {
|
| 7184 | 7184 |
position: absolute; |
| 7185 | 7185 |
right: 29px; |
| 7186 | 7186 |
font-size: 0.9em; |
| 7187 | 7187 |
width: 120px; |
| 7188 | 7188 |
} |
| 7189 |
/* line 341, ../sass/_common.scss */
|
|
| 7189 |
/* line 350, ../sass/_common.scss */
|
|
| 7190 | 7190 |
.actions-bar .filter-menu .filter {
|
| 7191 | 7191 |
padding: 0 9px 4px; |
| 7192 | 7192 |
line-height: 34px; |
| 7193 | 7193 |
} |
| 7194 |
/* line 345, ../sass/_common.scss */
|
|
| 7194 |
/* line 354, ../sass/_common.scss */
|
|
| 7195 | 7195 |
.actions-bar .filter-menu .options {
|
| 7196 | 7196 |
display: none; |
| 7197 | 7197 |
position: absolute; |
| ... | ... | |
| 7203 | 7203 |
text-align: left; |
| 7204 | 7204 |
margin: 0; |
| 7205 | 7205 |
} |
| 7206 |
/* line 357, ../sass/_common.scss */
|
|
| 7206 |
/* line 366, ../sass/_common.scss */
|
|
| 7207 | 7207 |
.actions-bar .filter-menu.current .filter {
|
| 7208 | 7208 |
border: 1px solid #ababad; |
| 7209 | 7209 |
display: inline-block; |
| 7210 | 7210 |
line-height: 32px; |
| 7211 | 7211 |
} |
| 7212 |
/* line 362, ../sass/_common.scss */
|
|
| 7212 |
/* line 371, ../sass/_common.scss */
|
|
| 7213 | 7213 |
.actions-bar .filter-menu.current .options {
|
| 7214 | 7214 |
background-color: #ababad; |
| 7215 | 7215 |
display: inline-block; |
| 7216 | 7216 |
} |
| 7217 |
/* line 365, ../sass/_common.scss */
|
|
| 7217 |
/* line 374, ../sass/_common.scss */
|
|
| 7218 | 7218 |
.actions-bar .filter-menu.current .options a {
|
| 7219 | 7219 |
color: white; |
| 7220 | 7220 |
} |
| ... | ... | |
| 7283 | 7283 |
.actions-bar #search-utility {
|
| 7284 | 7284 |
position: absolute; |
| 7285 | 7285 |
display: inline-block; |
| 7286 |
width: 220px;
|
|
| 7286 |
width: 200px;
|
|
| 7287 | 7287 |
height: 2em; |
| 7288 | 7288 |
right: 118px; |
| 7289 | 7289 |
background-color: #ebebec; |
| ... | ... | |
| 7292 | 7292 |
/* line 432, ../sass/_common.scss */ |
| 7293 | 7293 |
.actions-bar #search-utility .snf-search {
|
| 7294 | 7294 |
position: relative; |
| 7295 |
right: -10px;
|
|
| 7295 |
right: -2px;
|
|
| 7296 | 7296 |
color: #919194; |
| 7297 | 7297 |
} |
| 7298 | 7298 |
/* line 437, ../sass/_common.scss */ |
| 7299 | 7299 |
.actions-bar #search-utility form {
|
| 7300 | 7300 |
display: inline-block; |
| 7301 |
width: 200px;
|
|
| 7301 |
width: 164px;
|
|
| 7302 | 7302 |
} |
| 7303 | 7303 |
/* line 440, ../sass/_common.scss */ |
| 7304 | 7304 |
.actions-bar #search-utility form input {
|
| ... | ... | |
| 7308 | 7308 |
color: #919194; |
| 7309 | 7309 |
height: 1.8em; |
| 7310 | 7310 |
padding-top: 0.3em; |
| 7311 |
padding-bottom: 0.3em; |
|
| 7312 |
width: 184px; |
|
| 7313 |
font-size: 0.9em; |
|
| 7311 |
width: 160px; |
|
| 7312 |
font-size: 0.8em; |
|
| 7314 | 7313 |
box-shadow: none; |
| 7315 | 7314 |
margin-bottom: 0; |
| 7316 | 7315 |
} |
| ... | ... | |
| 7329 | 7328 |
.actions-bar .view-type .snf-list {
|
| 7330 | 7329 |
margin-right: 6px; |
| 7331 | 7330 |
font-size: 1em; |
| 7332 |
vertical-align: bottom; |
|
| 7333 | 7331 |
} |
| 7334 |
/* line 471, ../sass/_common.scss */
|
|
| 7332 |
/* line 469, ../sass/_common.scss */
|
|
| 7335 | 7333 |
.actions-bar .view-type .snf-layout {
|
| 7336 | 7334 |
font-size: 1.1em; |
| 7337 |
vertical-align: bottom; |
|
| 7338 | 7335 |
} |
| 7339 | 7336 |
|
| 7340 |
/* line 479, ../sass/_common.scss */
|
|
| 7337 |
/* line 475, ../sass/_common.scss */
|
|
| 7341 | 7338 |
.new-btn {
|
| 7342 | 7339 |
position: absolute; |
| 7343 | 7340 |
left: 15px; |
| 7344 | 7341 |
bottom: 0; |
| 7345 | 7342 |
height: 36px; |
| 7346 | 7343 |
} |
| 7347 |
/* line 486, ../sass/_common.scss */
|
|
| 7344 |
/* line 482, ../sass/_common.scss */
|
|
| 7348 | 7345 |
.new-btn a span {
|
| 7349 | 7346 |
font-size: 1.25em; |
| 7350 | 7347 |
} |
| 7351 | 7348 |
|
| 7352 | 7349 |
/* Icons Navigation ----------------------------------------------- */ |
| 7353 |
/* line 494, ../sass/_common.scss */
|
|
| 7350 |
/* line 490, ../sass/_common.scss */
|
|
| 7354 | 7351 |
.icons-nav {
|
| 7355 | 7352 |
margin: 0; |
| 7356 | 7353 |
padding: 0; |
| 7357 | 7354 |
} |
| 7358 |
/* line 496, ../sass/_common.scss */
|
|
| 7355 |
/* line 492, ../sass/_common.scss */
|
|
| 7359 | 7356 |
.icons-nav li {
|
| 7360 | 7357 |
display: inline-block; |
| 7361 | 7358 |
margin: 0 5px; |
| ... | ... | |
| 7366 | 7363 |
text-align: center; |
| 7367 | 7364 |
overflow: hidden; |
| 7368 | 7365 |
} |
| 7369 |
/* line 505, ../sass/_common.scss */
|
|
| 7366 |
/* line 501, ../sass/_common.scss */
|
|
| 7370 | 7367 |
.icons-nav li a {
|
| 7371 | 7368 |
color: #1a1a1a; |
| 7372 | 7369 |
} |
| 7373 |
/* line 507, ../sass/_common.scss */
|
|
| 7370 |
/* line 503, ../sass/_common.scss */
|
|
| 7374 | 7371 |
.icons-nav li a:hover, .icons-nav li a.current {
|
| 7375 | 7372 |
color: #30c79e; |
| 7376 | 7373 |
} |
| 7377 | 7374 |
|
| 7378 | 7375 |
/* Top info ----------------------------------------------- */ |
| 7379 |
/* line 520, ../sass/_common.scss */
|
|
| 7376 |
/* line 516, ../sass/_common.scss */
|
|
| 7380 | 7377 |
.top-info {
|
| 7381 | 7378 |
padding: 50px 100px; |
| 7382 | 7379 |
position: relative; |
| 7383 | 7380 |
z-index: 10; |
| 7384 | 7381 |
display: none; |
| 7385 | 7382 |
} |
| 7386 |
/* line 525, ../sass/_common.scss */
|
|
| 7383 |
/* line 521, ../sass/_common.scss */
|
|
| 7387 | 7384 |
.top-info .close {
|
| 7388 | 7385 |
position: absolute; |
| 7389 | 7386 |
right: 15px; |
| ... | ... | |
| 7396 | 7393 |
overflow: hidden; |
| 7397 | 7394 |
} |
| 7398 | 7395 |
|
| 7399 |
/* line 534, ../sass/_common.scss */
|
|
| 7396 |
/* line 530, ../sass/_common.scss */
|
|
| 7400 | 7397 |
.info.error {
|
| 7401 | 7398 |
background: #ff5c58; |
| 7402 | 7399 |
color: #fff; |
| 7403 | 7400 |
} |
| 7404 | 7401 |
|
| 7405 |
/* line 540, ../sass/_common.scss */
|
|
| 7402 |
/* line 536, ../sass/_common.scss */
|
|
| 7406 | 7403 |
.info.alert {
|
| 7407 | 7404 |
background: #30c79e; |
| 7408 | 7405 |
color: #fff; |
| 7409 | 7406 |
} |
| 7410 | 7407 |
|
| 7411 |
/* line 545, ../sass/_common.scss */
|
|
| 7408 |
/* line 541, ../sass/_common.scss */
|
|
| 7412 | 7409 |
.info.warning {
|
| 7413 | 7410 |
background: #919194; |
| 7414 | 7411 |
color: #fff; |
| 7415 | 7412 |
} |
| 7416 | 7413 |
|
| 7417 |
/* line 550, ../sass/_common.scss */
|
|
| 7414 |
/* line 546, ../sass/_common.scss */
|
|
| 7418 | 7415 |
.info.success {
|
| 7419 | 7416 |
background: #00a551; |
| 7420 | 7417 |
color: #fff; |
| 7421 | 7418 |
} |
| 7422 | 7419 |
|
| 7423 |
/* line 555, ../sass/_common.scss */
|
|
| 7420 |
/* line 551, ../sass/_common.scss */
|
|
| 7424 | 7421 |
.border-bottom-style1 {
|
| 7425 | 7422 |
padding-bottom: 20px; |
| 7426 | 7423 |
margin-bottom: 20px; |
| ... | ... | |
| 7428 | 7425 |
} |
| 7429 | 7426 |
|
| 7430 | 7427 |
/* Progress Bar ----------------------------------------------- */ |
| 7431 |
/* line 564, ../sass/_common.scss */
|
|
| 7428 |
/* line 560, ../sass/_common.scss */
|
|
| 7432 | 7429 |
.progress-bar {
|
| 7433 | 7430 |
position: fixed; |
| 7434 | 7431 |
bottom: 0; |
| ... | ... | |
| 7439 | 7436 |
padding: 20px 0 20px 310px; |
| 7440 | 7437 |
color: #919194; |
| 7441 | 7438 |
} |
| 7442 |
/* line 573, ../sass/_common.scss */
|
|
| 7439 |
/* line 569, ../sass/_common.scss */
|
|
| 7443 | 7440 |
.progress-bar span.counter {
|
| 7444 | 7441 |
display: inline-block; |
| 7445 | 7442 |
margin-right: 20px; |
| 7446 | 7443 |
float: left; |
| 7447 | 7444 |
} |
| 7448 |
/* line 578, ../sass/_common.scss */
|
|
| 7445 |
/* line 574, ../sass/_common.scss */
|
|
| 7449 | 7446 |
.progress-bar div.progress-wrap {
|
| 7450 | 7447 |
display: inline-block; |
| 7451 | 7448 |
float: left; |
| 7452 | 7449 |
width: 40%; |
| 7453 | 7450 |
margin-right: 60px; |
| 7454 | 7451 |
} |
| 7455 |
/* line 583, ../sass/_common.scss */
|
|
| 7452 |
/* line 579, ../sass/_common.scss */
|
|
| 7456 | 7453 |
.progress-bar div.progress-wrap .progress {
|
| 7457 | 7454 |
position: relative; |
| 7458 | 7455 |
top: 2px; |
| 7459 | 7456 |
} |
| 7460 |
/* line 588, ../sass/_common.scss */
|
|
| 7457 |
/* line 584, ../sass/_common.scss */
|
|
| 7461 | 7458 |
.progress-bar span.more {
|
| 7462 | 7459 |
display: inline-block; |
| 7463 | 7460 |
} |
| 7464 | 7461 |
|
| 7465 | 7462 |
/* Responive ------------------------------------------------ */ |
| 7466 | 7463 |
@media only screen and (max-width: 768px) {
|
| 7467 |
/* line 599, ../sass/_common.scss */
|
|
| 7464 |
/* line 595, ../sass/_common.scss */
|
|
| 7468 | 7465 |
body {
|
| 7469 | 7466 |
padding-top: 0; |
| 7470 | 7467 |
} |
| 7471 | 7468 |
|
| 7472 |
/* line 602, ../sass/_common.scss */
|
|
| 7469 |
/* line 598, ../sass/_common.scss */
|
|
| 7473 | 7470 |
.header, .actions-bar {
|
| 7474 | 7471 |
position: static; |
| 7475 | 7472 |
z-index: auto; |
| 7476 | 7473 |
} |
| 7477 | 7474 |
|
| 7478 |
/* line 606, ../sass/_common.scss */
|
|
| 7475 |
/* line 602, ../sass/_common.scss */
|
|
| 7479 | 7476 |
.actions-bar {
|
| 7480 | 7477 |
top: 120px; |
| 7481 | 7478 |
} |
| 7482 | 7479 |
|
| 7483 |
/* line 609, ../sass/_common.scss */
|
|
| 7480 |
/* line 605, ../sass/_common.scss */
|
|
| 7484 | 7481 |
.header {
|
| 7485 | 7482 |
height: 120px; |
| 7486 | 7483 |
line-height: 50px; |
| 7487 | 7484 |
} |
| 7488 |
/* line 612, ../sass/_common.scss */
|
|
| 7485 |
/* line 608, ../sass/_common.scss */
|
|
| 7489 | 7486 |
.header .icons-nav {
|
| 7490 | 7487 |
position: static; |
| 7491 | 7488 |
} |
| ... | ... | |
| 7507 | 7504 |
margin: 0 20px; |
| 7508 | 7505 |
display: block; |
| 7509 | 7506 |
font-weight: bold; |
| 7510 |
height: 190px;
|
|
| 7507 |
height: 180px;
|
|
| 7511 | 7508 |
padding: 65px 30px 15px; |
| 7512 | 7509 |
border: 1px dashed #919194; |
| 7513 | 7510 |
} |
| ... | ... | |
| 7542 | 7539 |
border-color: #30c79e; |
| 7543 | 7540 |
} |
| 7544 | 7541 |
/* line 49, ../sass/_items-list.scss */ |
| 7542 |
.items-list li .overlap_options {
|
|
| 7543 |
width: 202px; |
|
| 7544 |
height: 180px; |
|
| 7545 |
background-color: #919194; |
|
| 7546 |
} |
|
| 7547 |
/* line 55, ../sass/_items-list.scss */ |
|
| 7548 |
.items-list li .overlap_options ul li {
|
|
| 7549 |
padding-top: 0; |
|
| 7550 |
} |
|
| 7551 |
/* line 57, ../sass/_items-list.scss */ |
|
| 7552 |
.items-list li .overlap_options ul li a {
|
|
| 7553 |
color: white; |
|
| 7554 |
} |
|
| 7555 |
/* line 65, ../sass/_items-list.scss */ |
|
| 7545 | 7556 |
.items-list li .check {
|
| 7546 | 7557 |
position: absolute; |
| 7547 | 7558 |
right: 10px; |
| ... | ... | |
| 7552 | 7563 |
cursor: pointer; |
| 7553 | 7564 |
z-index: 10; |
| 7554 | 7565 |
} |
| 7555 |
/* line 59, ../sass/_items-list.scss */
|
|
| 7566 |
/* line 75, ../sass/_items-list.scss */
|
|
| 7556 | 7567 |
.items-list li .check span {
|
| 7557 | 7568 |
position: relative; |
| 7558 | 7569 |
z-index: 10; |
| 7559 | 7570 |
} |
| 7560 |
/* line 60, ../sass/_items-list.scss */
|
|
| 7571 |
/* line 76, ../sass/_items-list.scss */
|
|
| 7561 | 7572 |
.items-list li .check.active, .items-list li .container:hover .check {
|
| 7562 | 7573 |
color: #30c79e; |
| 7563 | 7574 |
} |
| 7564 |
/* line 64, ../sass/_items-list.scss */
|
|
| 7575 |
/* line 80, ../sass/_items-list.scss */
|
|
| 7565 | 7576 |
.items-list li .visible-info {
|
| 7566 | 7577 |
margin: 0 25px; |
| 7567 | 7578 |
position: relative; |
| 7568 | 7579 |
color: #919194; |
| 7569 | 7580 |
overflow: hidden; |
| 7570 | 7581 |
} |
| 7571 |
/* line 69, ../sass/_items-list.scss */
|
|
| 7582 |
/* line 85, ../sass/_items-list.scss */
|
|
| 7572 | 7583 |
.items-list li .visible-info span {
|
| 7573 | 7584 |
display: block; |
| 7574 | 7585 |
position: relative; |
| 7575 | 7586 |
} |
| 7576 |
/* line 70, ../sass/_items-list.scss */
|
|
| 7587 |
/* line 86, ../sass/_items-list.scss */
|
|
| 7577 | 7588 |
.items-list li .visible-info span.title {
|
| 7578 | 7589 |
white-space: nowrap; |
| 7579 | 7590 |
} |
| 7580 |
/* line 75, ../sass/_items-list.scss */
|
|
| 7591 |
/* line 91, ../sass/_items-list.scss */
|
|
| 7581 | 7592 |
.items-list li .visible-info span em {
|
| 7582 | 7593 |
font-style: normal; |
| 7583 | 7594 |
position: relative; |
| 7584 | 7595 |
} |
| 7585 |
/* line 83, ../sass/_items-list.scss */
|
|
| 7596 |
/* line 99, ../sass/_items-list.scss */
|
|
| 7586 | 7597 |
.items-list.list-view li {
|
| 7587 | 7598 |
width: 100%; |
| 7588 | 7599 |
} |
| 7589 | 7600 |
|
| 7590 | 7601 |
@media only screen and (min-width: 68.75em) {
|
| 7591 |
/* line 91, ../sass/_items-list.scss */
|
|
| 7602 |
/* line 107, ../sass/_items-list.scss */
|
|
| 7592 | 7603 |
.entities .items-list {
|
| 7593 | 7604 |
display: block; |
| 7594 | 7605 |
padding: 0; |
| ... | ... | |
| 7624 | 7635 |
.entities .items-list > li:nth-of-type(4n+1) {
|
| 7625 | 7636 |
clear: both; |
| 7626 | 7637 |
} |
| 7627 |
/* line 94, ../sass/_items-list.scss */
|
|
| 7638 |
/* line 110, ../sass/_items-list.scss */
|
|
| 7628 | 7639 |
.entities .items-list.list-view li {
|
| 7629 | 7640 |
width: 100%; |
| 7630 | 7641 |
} |
| ... | ... | |
| 8718 | 8729 |
.wizard .middle .step.current {
|
| 8719 | 8730 |
display: block; |
| 8720 | 8731 |
} |
| 8721 |
/* line 287, ../sass/_overlays.scss */ |
|
| 8722 |
.wizard .middle .step.step-2 {
|
|
| 8723 |
padding-top: 30px; |
|
| 8724 |
} |
|
| 8725 | 8732 |
/* line 289, ../sass/_overlays.scss */ |
| 8726 | 8733 |
.wizard .middle .step.step-2 .dropdown {
|
| 8727 | 8734 |
margin-bottom: 40px; |
| 8728 | 8735 |
} |
| 8729 |
/* line 293, ../sass/_overlays.scss */ |
|
| 8730 |
.wizard .middle .step.step-3 {
|
|
| 8731 |
padding-top: 45px; |
|
| 8732 |
} |
|
| 8733 | 8736 |
/* line 297, ../sass/_overlays.scss */ |
| 8734 | 8737 |
.wizard .middle .step .os li {
|
| 8735 | 8738 |
display: none; |
| ... | ... | |
| 8982 | 8985 |
.wizard .middle .step .summary .row .wrap {
|
| 8983 | 8986 |
max-width: 36.25em; |
| 8984 | 8987 |
border-top: 1px solid white; |
| 8985 |
padding-top: 2em; |
|
| 8986 |
margin-top: 1em; |
|
| 8987 | 8988 |
} |
| 8988 | 8989 |
/* line 530, ../sass/_overlays.scss */ |
| 8989 | 8990 |
.wizard .middle .step .summary .row:first-child .wrap {
|
| ... | ... | |
| 9032 | 9033 |
color: white; |
| 9033 | 9034 |
font-size: 1em; |
| 9034 | 9035 |
margin-bottom: 10px; |
| 9036 |
line-height: 1; |
|
| 9035 | 9037 |
} |
| 9036 |
/* line 573, ../sass/_overlays.scss */
|
|
| 9038 |
/* line 574, ../sass/_overlays.scss */
|
|
| 9037 | 9039 |
.wizard .middle .step .advanced-conf-step p {
|
| 9038 | 9040 |
font-size: 10px; |
| 9039 | 9041 |
} |
| 9040 |
/* line 576, ../sass/_overlays.scss */
|
|
| 9042 |
/* line 577, ../sass/_overlays.scss */
|
|
| 9041 | 9043 |
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
|
| 9042 | 9044 |
color: white; |
| 9043 | 9045 |
} |
| 9044 |
/* line 579, ../sass/_overlays.scss */
|
|
| 9046 |
/* line 580, ../sass/_overlays.scss */
|
|
| 9045 | 9047 |
.wizard .middle .step .advanced-conf-step .expand-btn {
|
| 9046 | 9048 |
margin: 50px 0 2.5em; |
| 9047 | 9049 |
} |
| 9048 |
/* line 581, ../sass/_overlays.scss */
|
|
| 9050 |
/* line 582, ../sass/_overlays.scss */
|
|
| 9049 | 9051 |
.wizard .middle .step .advanced-conf-step .expand-btn a {
|
| 9050 | 9052 |
color: white; |
| 9051 | 9053 |
} |
| 9052 |
/* line 583, ../sass/_overlays.scss */
|
|
| 9054 |
/* line 584, ../sass/_overlays.scss */
|
|
| 9053 | 9055 |
.wizard .middle .step .advanced-conf-step .expand-btn a span {
|
| 9054 | 9056 |
padding-left: 24px; |
| 9055 | 9057 |
} |
| 9056 |
/* line 594, ../sass/_overlays.scss */
|
|
| 9058 |
/* line 595, ../sass/_overlays.scss */
|
|
| 9057 | 9059 |
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
|
| 9058 | 9060 |
color: white; |
| 9059 | 9061 |
font-size: 1em; |
| 9060 | 9062 |
margin-bottom: 0.5em; |
| 9061 | 9063 |
} |
| 9062 |
/* line 603, ../sass/_overlays.scss */
|
|
| 9064 |
/* line 604, ../sass/_overlays.scss */
|
|
| 9063 | 9065 |
.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 {
|
| 9064 | 9066 |
color: white; |
| 9065 | 9067 |
} |
| 9066 |
/* line 606, ../sass/_overlays.scss */
|
|
| 9068 |
/* line 607, ../sass/_overlays.scss */
|
|
| 9067 | 9069 |
.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 {
|
| 9068 | 9070 |
color: #485057; |
| 9069 | 9071 |
} |
| 9070 |
/* line 610, ../sass/_overlays.scss */
|
|
| 9072 |
/* line 611, ../sass/_overlays.scss */
|
|
| 9071 | 9073 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
|
| 9072 | 9074 |
display: none; |
| 9073 | 9075 |
} |
| 9074 |
/* line 612, ../sass/_overlays.scss */
|
|
| 9076 |
/* line 613, ../sass/_overlays.scss */
|
|
| 9075 | 9077 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .check {
|
| 9076 | 9078 |
font-size: 20px; |
| 9077 | 9079 |
} |
| 9078 |
/* line 615, ../sass/_overlays.scss */
|
|
| 9080 |
/* line 616, ../sass/_overlays.scss */
|
|
| 9079 | 9081 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
|
| 9080 | 9082 |
padding: 2.5em 0; |
| 9081 | 9083 |
} |
| 9082 |
/* line 618, ../sass/_overlays.scss */
|
|
| 9084 |
/* line 619, ../sass/_overlays.scss */
|
|
| 9083 | 9085 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row p {
|
| 9084 | 9086 |
max-width: 340px; |
| 9085 | 9087 |
margin-bottom: 20px; |
| 9086 | 9088 |
} |
| 9087 |
/* line 624, ../sass/_overlays.scss */
|
|
| 9089 |
/* line 625, ../sass/_overlays.scss */
|
|
| 9088 | 9090 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
|
| 9089 | 9091 |
position: relative; |
| 9090 | 9092 |
list-style: none outside none; |
| 9091 | 9093 |
margin-bottom: 7px; |
| 9092 | 9094 |
} |
| 9093 |
/* line 629, ../sass/_overlays.scss */
|
|
| 9095 |
/* line 630, ../sass/_overlays.scss */
|
|
| 9094 | 9096 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
|
| 9095 | 9097 |
cursor: pointer; |
| 9096 | 9098 |
} |
| 9097 |
/* line 633, ../sass/_overlays.scss */
|
|
| 9099 |
/* line 634, ../sass/_overlays.scss */
|
|
| 9098 | 9100 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
|
| 9099 | 9101 |
width: 18.75em; |
| 9100 | 9102 |
color: white; |
| ... | ... | |
| 9103 | 9105 |
margin: 0 28px 0 0; |
| 9104 | 9106 |
display: inline-block; |
| 9105 | 9107 |
} |
| 9106 |
/* line 645, ../sass/_overlays.scss */
|
|
| 9108 |
/* line 646, ../sass/_overlays.scss */
|
|
| 9107 | 9109 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
|
| 9108 | 9110 |
background-color: #ff7049; |
| 9109 | 9111 |
} |
| 9110 |
/* line 647, ../sass/_overlays.scss */
|
|
| 9112 |
/* line 648, ../sass/_overlays.scss */
|
|
| 9111 | 9113 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
|
| 9112 | 9114 |
margin-top: 3px; |
| 9113 | 9115 |
} |
| 9114 |
/* line 652, ../sass/_overlays.scss */
|
|
| 9116 |
/* line 653, ../sass/_overlays.scss */
|
|
| 9115 | 9117 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
|
| 9116 | 9118 |
background-color: #ff948c; |
| 9117 | 9119 |
} |
| 9118 |
/* line 654, ../sass/_overlays.scss */
|
|
| 9120 |
/* line 655, ../sass/_overlays.scss */
|
|
| 9119 | 9121 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area ul {
|
| 9120 | 9122 |
position: relative; |
| 9121 | 9123 |
margin-bottom: 0; |
| 9122 | 9124 |
} |
| 9123 |
/* line 659, ../sass/_overlays.scss */
|
|
| 9125 |
/* line 660, ../sass/_overlays.scss */
|
|
| 9124 | 9126 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
|
| 9125 | 9127 |
padding-right: 30px; |
| 9126 | 9128 |
display: inline-block; |
| ... | ... | |
| 9130 | 9132 |
margin-bottom: 0; |
| 9131 | 9133 |
position: relative; |
| 9132 | 9134 |
} |
| 9133 |
/* line 667, ../sass/_overlays.scss */
|
|
| 9135 |
/* line 668, ../sass/_overlays.scss */
|
|
| 9134 | 9136 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
|
| 9135 | 9137 |
position: relative; |
| 9136 | 9138 |
} |
| 9137 |
/* line 669, ../sass/_overlays.scss */
|
|
| 9139 |
/* line 670, ../sass/_overlays.scss */
|
|
| 9138 | 9140 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
|
| 9139 | 9141 |
top: -1px; |
| 9140 | 9142 |
} |
| 9141 |
/* line 672, ../sass/_overlays.scss */
|
|
| 9143 |
/* line 673, ../sass/_overlays.scss */
|
|
| 9142 | 9144 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-www {
|
| 9143 | 9145 |
top: 6px; |
| 9144 | 9146 |
} |
| 9145 |
/* line 675, ../sass/_overlays.scss */
|
|
| 9147 |
/* line 676, ../sass/_overlays.scss */
|
|
| 9146 | 9148 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-network_full {
|
| 9147 | 9149 |
top: 5px; |
| 9148 | 9150 |
} |
| 9149 |
/* line 678, ../sass/_overlays.scss */
|
|
| 9151 |
/* line 679, ../sass/_overlays.scss */
|
|
| 9150 | 9152 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line {
|
| 9151 | 9153 |
position: absolute; |
| 9152 | 9154 |
height: 1px; |
| ... | ... | |
| 9154 | 9156 |
background: white; |
| 9155 | 9157 |
bottom: 15px; |
| 9156 | 9158 |
} |
| 9157 |
/* line 684, ../sass/_overlays.scss */
|
|
| 9159 |
/* line 685, ../sass/_overlays.scss */
|
|
| 9158 | 9160 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line1 {
|
| 9159 | 9161 |
right: 56px; |
| 9160 | 9162 |
} |
| 9161 |
/* line 685, ../sass/_overlays.scss */
|
|
| 9163 |
/* line 686, ../sass/_overlays.scss */
|
|
| 9162 | 9164 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.temp-line.line2 {
|
| 9163 | 9165 |
right: 97px; |
| 9164 | 9166 |
width: 10px; |
| 9165 | 9167 |
} |
| 9166 |
/* line 692, ../sass/_overlays.scss */
|
|
| 9168 |
/* line 693, ../sass/_overlays.scss */
|
|
| 9167 | 9169 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
|
| 9168 | 9170 |
background: #fff4f3; |
| 9169 | 9171 |
margin: 2.5em 0; |
| 9170 | 9172 |
padding: 2.5em 0; |
| 9171 | 9173 |
color: #ff948c; |
| 9172 | 9174 |
} |
| 9173 |
/* line 697, ../sass/_overlays.scss */
|
|
| 9175 |
/* line 698, ../sass/_overlays.scss */
|
|
| 9174 | 9176 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
|
| 9175 | 9177 |
color: #ff948c; |
| 9176 | 9178 |
padding-left: 145px; |
| 9177 | 9179 |
} |
| 9178 |
/* line 700, ../sass/_overlays.scss */
|
|
| 9180 |
/* line 701, ../sass/_overlays.scss */
|
|
| 9179 | 9181 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3:hover {
|
| 9180 | 9182 |
cursor: pointer; |
| 9181 | 9183 |
} |
| 9182 |
/* line 704, ../sass/_overlays.scss */
|
|
| 9184 |
/* line 705, ../sass/_overlays.scss */
|
|
| 9183 | 9185 |
.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 {
|
| 9184 | 9186 |
margin-top: 20px; |
| 9185 | 9187 |
border-color: #ff948c; |
| 9186 | 9188 |
color: #ff948c; |
| 9187 | 9189 |
margin-left: 145px; |
| 9188 | 9190 |
} |
| 9189 |
/* line 712, ../sass/_overlays.scss */
|
|
| 9191 |
/* line 713, ../sass/_overlays.scss */
|
|
| 9190 | 9192 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .with-checkbox a span {
|
| 9191 | 9193 |
color: #ff948c; |
| 9192 | 9194 |
} |
| 9193 |
/* line 721, ../sass/_overlays.scss */
|
|
| 9195 |
/* line 722, ../sass/_overlays.scss */
|
|
| 9194 | 9196 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
|
| 9195 | 9197 |
background-color: #4c71ff; |
| 9196 | 9198 |
} |
| 9197 |
/* line 723, ../sass/_overlays.scss */
|
|
| 9199 |
/* line 724, ../sass/_overlays.scss */
|
|
| 9198 | 9200 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
|
| 9199 | 9201 |
display: none; |
| 9200 | 9202 |
} |
| 9201 |
/* line 726, ../sass/_overlays.scss */
|
|
| 9203 |
/* line 727, ../sass/_overlays.scss */
|
|
| 9202 | 9204 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
|
| 9203 | 9205 |
position: relative; |
| 9204 | 9206 |
width: 207px; |
| 9205 | 9207 |
margin: 30px 5px; |
| 9206 | 9208 |
display: inline-block; |
| 9207 | 9209 |
} |
| 9208 |
/* line 732, ../sass/_overlays.scss */
|
|
| 9210 |
/* line 733, ../sass/_overlays.scss */
|
|
| 9209 | 9211 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
|
| 9210 | 9212 |
margin-top: 77px; |
| 9211 | 9213 |
margin-bottom: 30px; |
| 9212 | 9214 |
} |
| 9213 |
/* line 736, ../sass/_overlays.scss */
|
|
| 9215 |
/* line 737, ../sass/_overlays.scss */
|
|
| 9214 | 9216 |
.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 {
|
| 9215 | 9217 |
margin-right: 20px; |
| 9216 | 9218 |
} |
| 9217 |
/* line 739, ../sass/_overlays.scss */
|
|
| 9219 |
/* line 740, ../sass/_overlays.scss */
|
|
| 9218 | 9220 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .tag-demo, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #color {
|
| 9219 | 9221 |
left: 10px; |
| 9220 | 9222 |
} |
| 9221 |
/* line 742, ../sass/_overlays.scss */
|
|
| 9223 |
/* line 743, ../sass/_overlays.scss */
|
|
| 9222 | 9224 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area h3 {
|
| 9223 | 9225 |
width: 18.75em; |
| 9224 | 9226 |
color: white; |
| ... | ... | |
| 9227 | 9229 |
margin: 0 28px 0 0; |
| 9228 | 9230 |
display: inline-block; |
| 9229 | 9231 |
} |
| 9230 |
/* line 751, ../sass/_overlays.scss */
|
|
| 9232 |
/* line 752, ../sass/_overlays.scss */
|
|
| 9231 | 9233 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header {
|
| 9232 | 9234 |
position: relative; |
| 9233 | 9235 |
left: -14px; |
| 9234 | 9236 |
} |
| 9235 |
/* line 754, ../sass/_overlays.scss */
|
|
| 9237 |
/* line 755, ../sass/_overlays.scss */
|
|
| 9236 | 9238 |
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .list-header h3 {
|
| 9237 | 9239 |
margin-right: 35px; |
| 9238 | 9240 |
} |
| 9239 |
/* line 765, ../sass/_overlays.scss */
|
|
| 9241 |
/* line 766, ../sass/_overlays.scss */
|
|
| 9240 | 9242 |
.wizard .bottom {
|
| 9241 | 9243 |
position: fixed; |
| 9242 | 9244 |
left: 0; |
| ... | ... | |
| 9245 | 9247 |
border-top: 1px solid #636a70; |
| 9246 | 9248 |
background: #485057; |
| 9247 | 9249 |
} |
| 9248 |
/* line 772, ../sass/_overlays.scss */
|
|
| 9250 |
/* line 773, ../sass/_overlays.scss */
|
|
| 9249 | 9251 |
.wizard .bottom .row {
|
| 9250 | 9252 |
height: 36px; |
| 9251 | 9253 |
line-height: 36px; |
| 9252 | 9254 |
} |
| 9253 |
/* line 776, ../sass/_overlays.scss */
|
|
| 9255 |
/* line 777, ../sass/_overlays.scss */
|
|
| 9254 | 9256 |
.wizard .bottom .nav {
|
| 9255 | 9257 |
height: 36px; |
| 9256 | 9258 |
line-height: 36px; |
| ... | ... | |
| 9261 | 9263 |
top: 3px; |
| 9262 | 9264 |
width: 100px; |
| 9263 | 9265 |
} |
| 9264 |
/* line 786, ../sass/_overlays.scss */
|
|
| 9266 |
/* line 787, ../sass/_overlays.scss */
|
|
| 9265 | 9267 |
.wizard .bottom .nav:hover, .wizard .bottom .nav:focus {
|
| 9266 | 9268 |
-webkit-transition: background 0ms ease-out; |
| 9267 | 9269 |
-moz-transition: background 0ms ease-out; |
| ... | ... | |
| 9269 | 9271 |
-o-transition: background 0ms ease-out; |
| 9270 | 9272 |
transition: background 0ms ease-out; |
| 9271 | 9273 |
} |
| 9272 |
/* line 789, ../sass/_overlays.scss */
|
|
| 9274 |
/* line 790, ../sass/_overlays.scss */
|
|
| 9273 | 9275 |
.wizard .bottom .nav span {
|
| 9274 | 9276 |
display: inline-block; |
| 9275 | 9277 |
height: 30px; |
| 9276 | 9278 |
line-height: 30px; |
| 9277 | 9279 |
float: left; |
| 9278 | 9280 |
} |
| 9279 |
/* line 795, ../sass/_overlays.scss */
|
|
| 9281 |
/* line 796, ../sass/_overlays.scss */
|
|
| 9280 | 9282 |
.wizard .bottom .nav span:hover, .wizard .bottom .nav span:focus {
|
| 9281 | 9283 |
-webkit-transition: background 0ms linear; |
| 9282 | 9284 |
-moz-transition: background 0ms linear; |
| ... | ... | |
| 9284 | 9286 |
-o-transition: background 0ms linear; |
| 9285 | 9287 |
transition: background 0ms linear; |
| 9286 | 9288 |
} |
| 9287 |
/* line 800, ../sass/_overlays.scss */
|
|
| 9289 |
/* line 801, ../sass/_overlays.scss */
|
|
| 9288 | 9290 |
.wizard .bottom .prev {
|
| 9289 | 9291 |
float: left; |
| 9290 | 9292 |
height: 30px; |
| 9291 | 9293 |
padding-left: 18px; |
| 9292 | 9294 |
background: url("../images/nav-edge-lt.png") no-repeat left top;
|
| 9293 | 9295 |
} |
| 9294 |
/* line 805, ../sass/_overlays.scss */
|
|
| 9296 |
/* line 806, ../sass/_overlays.scss */
|
|
| 9295 | 9297 |
.wizard .bottom .prev span {
|
| 9296 | 9298 |
padding-right: 10px; |
| 9297 | 9299 |
background: url("../images/nav-lt.png") no-repeat right top;
|
| 9298 | 9300 |
} |
| 9299 |
/* line 811, ../sass/_overlays.scss */
|
|
| 9301 |
/* line 812, ../sass/_overlays.scss */
|
|
| 9300 | 9302 |
.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, .wizard .bottom .prev:focus {
|
| 9301 | 9303 |
background-position: left bottom; |
| 9302 | 9304 |
} |
| 9303 |
/* line 813, ../sass/_overlays.scss */
|
|
| 9305 |
/* line 814, ../sass/_overlays.scss */
|
|
| 9304 | 9306 |
.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, .wizard .bottom .prev:focus span {
|
| 9305 | 9307 |
background-position: right bottom; |
| 9306 | 9308 |
} |
| 9307 |
/* line 818, ../sass/_overlays.scss */
|
|
| 9309 |
/* line 819, ../sass/_overlays.scss */
|
|
| 9308 | 9310 |
.wizard .bottom .next {
|
| 9309 | 9311 |
float: right; |
| 9310 | 9312 |
height: 30px; |
| 9311 | 9313 |
padding-right: 18px; |
| 9312 | 9314 |
background: url("../images/nav-edge-rt.png") no-repeat right top;
|
| 9313 | 9315 |
} |
| 9314 |
/* line 823, ../sass/_overlays.scss */
|
|
| 9316 |
/* line 824, ../sass/_overlays.scss */
|
|
| 9315 | 9317 |
.wizard .bottom .next span {
|
| 9316 | 9318 |
padding-left: 10px; |
| 9317 | 9319 |
background: url("../images/nav-rt.png") no-repeat left top;
|
| 9318 | 9320 |
float: right; |
| 9319 | 9321 |
} |
| 9320 |
/* line 830, ../sass/_overlays.scss */
|
|
| 9322 |
/* line 831, ../sass/_overlays.scss */
|
|
| 9321 | 9323 |
.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, .wizard .bottom .next:focus {
|
| 9322 | 9324 |
background-position: right bottom; |
| 9323 | 9325 |
} |
| 9324 |
/* line 832, ../sass/_overlays.scss */
|
|
| 9326 |
/* line 833, ../sass/_overlays.scss */
|
|
| 9325 | 9327 |
.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, .wizard .bottom .next:focus span {
|
| 9326 | 9328 |
background-position: left bottom; |
| 9327 | 9329 |
float: right; |
| ... | ... | |
| 9329 | 9331 |
|
| 9330 | 9332 |
/* Responive ------------------------------------------------ */ |
| 9331 | 9333 |
@media only screen and (max-width: 768px) {
|
| 9332 |
/* line 847, ../sass/_overlays.scss */
|
|
| 9334 |
/* line 848, ../sass/_overlays.scss */
|
|
| 9333 | 9335 |
.wizard .top {
|
| 9334 | 9336 |
position: static; |
| 9335 | 9337 |
} |
| 9336 |
/* line 850, ../sass/_overlays.scss */
|
|
| 9338 |
/* line 851, ../sass/_overlays.scss */
|
|
| 9337 | 9339 |
.wizard .middle {
|
| 9338 | 9340 |
padding-top: 0; |
| 9339 | 9341 |
} |
| 9340 | 9342 |
|
| 9341 |
/* line 855, ../sass/_overlays.scss */
|
|
| 9343 |
/* line 856, ../sass/_overlays.scss */
|
|
| 9342 | 9344 |
.overlay-wrapper .overlay-area {
|
| 9343 | 9345 |
top: 0; |
| 9344 | 9346 |
} |
Also available in: Unified diff