Revision 788833c7 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
---|---|---|
7372 | 7372 |
.details .info dl dt { |
7373 | 7373 |
display: inline-block; |
7374 | 7374 |
width: 25%; |
7375 |
float: left; |
|
7376 | 7375 |
} |
7377 |
/* line 556, ../sass/app.scss */ |
|
7376 |
/* line 554, ../sass/app.scss */ |
|
7377 |
.details .info dl dd { |
|
7378 |
width: 74%; |
|
7379 |
display: inline-block; |
|
7380 |
} |
|
7381 |
/* line 560, ../sass/app.scss */ |
|
7378 | 7382 |
.details .close { |
7379 | 7383 |
position: absolute; |
7380 | 7384 |
right: 2.5em; |
7381 | 7385 |
top: 5.1875em; |
7382 | 7386 |
} |
7383 |
/* line 560, ../sass/app.scss */
|
|
7387 |
/* line 564, ../sass/app.scss */
|
|
7384 | 7388 |
.details .close span { |
7385 | 7389 |
font-size: 2em; |
7386 | 7390 |
} |
7387 |
/* line 563, ../sass/app.scss */
|
|
7391 |
/* line 567, ../sass/app.scss */
|
|
7388 | 7392 |
.details .close:hover { |
7389 | 7393 |
color: #ff7bac; |
7390 | 7394 |
} |
7391 | 7395 |
|
7392 |
/* line 573, ../sass/app.scss */
|
|
7396 |
/* line 577, ../sass/app.scss */
|
|
7393 | 7397 |
.border-bottom-style1 { |
7394 | 7398 |
padding-bottom: 20px; |
7395 | 7399 |
margin-bottom: 20px; |
7396 | 7400 |
border-bottom: 1px dashed #919194; |
7397 | 7401 |
} |
7398 | 7402 |
|
7399 |
/* line 579, ../sass/app.scss */
|
|
7403 |
/* line 583, ../sass/app.scss */
|
|
7400 | 7404 |
.overlay { |
7401 | 7405 |
background: #ff7bac; |
7402 | 7406 |
position: relative; |
7403 | 7407 |
z-index: 10; |
7404 | 7408 |
} |
7405 |
/* line 583, ../sass/app.scss */
|
|
7409 |
/* line 587, ../sass/app.scss */
|
|
7406 | 7410 |
.overlay .lt-sidebar { |
7407 | 7411 |
border-right: 1px solid white; |
7408 | 7412 |
} |
7409 |
/* line 586, ../sass/app.scss */
|
|
7413 |
/* line 590, ../sass/app.scss */
|
|
7410 | 7414 |
.overlay .lt-sidebar ul li { |
7411 | 7415 |
list-style: none outside none; |
7412 | 7416 |
} |
7413 |
/* line 588, ../sass/app.scss */
|
|
7417 |
/* line 592, ../sass/app.scss */
|
|
7414 | 7418 |
.overlay .lt-sidebar ul li a { |
7415 | 7419 |
color: white; |
7416 | 7420 |
} |
7417 |
/* line 590, ../sass/app.scss */
|
|
7421 |
/* line 594, ../sass/app.scss */
|
|
7418 | 7422 |
.overlay .lt-sidebar ul li a span { |
7419 | 7423 |
float: right; |
7420 | 7424 |
display: none; |
7421 | 7425 |
} |
7422 |
/* line 592, ../sass/app.scss */
|
|
7426 |
/* line 596, ../sass/app.scss */
|
|
7423 | 7427 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current { |
7424 | 7428 |
text-decoration: none; |
7425 | 7429 |
} |
7426 |
/* line 595, ../sass/app.scss */
|
|
7430 |
/* line 599, ../sass/app.scss */
|
|
7427 | 7431 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span { |
7428 | 7432 |
display: inline; |
7429 | 7433 |
} |
7430 |
/* line 606, ../sass/app.scss */
|
|
7434 |
/* line 610, ../sass/app.scss */
|
|
7431 | 7435 |
.overlay .lt-sidebar, |
7432 | 7436 |
.overlay .main { |
7433 | 7437 |
padding: 100px 2.5em; |
7434 | 7438 |
position: relative; |
7435 | 7439 |
} |
7436 |
/* line 611, ../sass/app.scss */
|
|
7440 |
/* line 615, ../sass/app.scss */
|
|
7437 | 7441 |
.overlay .navigation .rt { |
7438 | 7442 |
float: right; |
7439 | 7443 |
} |
7440 |
/* line 615, ../sass/app.scss */
|
|
7444 |
/* line 619, ../sass/app.scss */
|
|
7441 | 7445 |
.overlay .close { |
7442 | 7446 |
position: absolute; |
7443 | 7447 |
right: 2.5em; |
... | ... | |
7450 | 7454 |
overflow: hidden; |
7451 | 7455 |
} |
7452 | 7456 |
|
7453 |
/* line 625, ../sass/app.scss */
|
|
7457 |
/* line 629, ../sass/app.scss */
|
|
7454 | 7458 |
.create-vm .select-os li { |
7455 | 7459 |
width: 23%; |
7456 | 7460 |
padding: 20px; |
... | ... | |
7460 | 7464 |
height: 200px; |
7461 | 7465 |
margin: 0 10px 10px 0; |
7462 | 7466 |
} |
7463 |
/* line 634, ../sass/app.scss */
|
|
7467 |
/* line 638, ../sass/app.scss */
|
|
7464 | 7468 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected { |
7465 | 7469 |
background: white; |
7466 | 7470 |
} |
7467 |
/* line 636, ../sass/app.scss */
|
|
7471 |
/* line 640, ../sass/app.scss */
|
|
7468 | 7472 |
.create-vm .select-os li:hover h2, .create-vm .select-os li:hover p, .create-vm .select-os li:hover a, .create-vm .select-os li.selected h2, .create-vm .select-os li.selected p, .create-vm .select-os li.selected a { |
7469 | 7473 |
color: #ff7bac; |
7470 | 7474 |
} |
7471 |
/* line 640, ../sass/app.scss */
|
|
7475 |
/* line 644, ../sass/app.scss */
|
|
7472 | 7476 |
.create-vm .select-os li a { |
7473 | 7477 |
color: white; |
7474 | 7478 |
} |
7475 |
/* line 643, ../sass/app.scss */
|
|
7479 |
/* line 647, ../sass/app.scss */
|
|
7476 | 7480 |
.create-vm .select-os li .os { |
7477 | 7481 |
background: url("../images/os-unknown.png") no-repeat center center; |
7478 | 7482 |
width: 30px; |
... | ... | |
7483 | 7487 |
background-size: 100%; |
7484 | 7488 |
margin-bottom: 2em; |
7485 | 7489 |
} |
7486 |
/* line 647, ../sass/app.scss */
|
|
7490 |
/* line 651, ../sass/app.scss */
|
|
7487 | 7491 |
.create-vm .select-os li .os.windows { |
7488 | 7492 |
background-image: url("../images/os-windows.png"); |
7489 | 7493 |
} |
7490 |
/* line 648, ../sass/app.scss */
|
|
7494 |
/* line 652, ../sass/app.scss */
|
|
7491 | 7495 |
.create-vm .select-os li .os.kubuntu { |
7492 | 7496 |
background-image: url("../images/os-kubuntu.png"); |
7493 | 7497 |
} |
7494 |
/* line 649, ../sass/app.scss */
|
|
7498 |
/* line 653, ../sass/app.scss */
|
|
7495 | 7499 |
.create-vm .select-os li .os.fedora { |
7496 | 7500 |
background-image: url("../images/os-fedora.png"); |
7497 | 7501 |
} |
7498 |
/* line 651, ../sass/app.scss */
|
|
7502 |
/* line 655, ../sass/app.scss */
|
|
7499 | 7503 |
.create-vm .select-os li h2 { |
7500 | 7504 |
font-size: 1em; |
7501 | 7505 |
font-weight: normal; |
7502 | 7506 |
color: white; |
7503 | 7507 |
} |
7504 |
/* line 656, ../sass/app.scss */
|
|
7508 |
/* line 660, ../sass/app.scss */
|
|
7505 | 7509 |
.create-vm .select-os li .details { |
7506 | 7510 |
font-weight: bold; |
7507 | 7511 |
font-size: 0.875em; |
7508 | 7512 |
} |
7509 |
/* line 663, ../sass/app.scss */
|
|
7513 |
/* line 667, ../sass/app.scss */
|
|
7510 | 7514 |
.create-vm .select-flavor dl { |
7511 | 7515 |
color: white; |
7512 | 7516 |
font-size: 1.25em; |
7513 | 7517 |
margin-bottom: 10px; |
7514 | 7518 |
} |
7515 |
/* line 667, ../sass/app.scss */
|
|
7519 |
/* line 671, ../sass/app.scss */
|
|
7516 | 7520 |
.create-vm .select-flavor dl dd { |
7517 | 7521 |
width: 23%; |
7518 | 7522 |
display: inline-block; |
7519 | 7523 |
} |
7520 |
/* line 671, ../sass/app.scss */
|
|
7524 |
/* line 675, ../sass/app.scss */
|
|
7521 | 7525 |
.create-vm .select-flavor dl dt { |
7522 | 7526 |
width: 70%; |
7523 | 7527 |
display: inline-block; |
7524 | 7528 |
font-weight: normal; |
7525 | 7529 |
} |
7526 |
/* line 675, ../sass/app.scss */
|
|
7530 |
/* line 679, ../sass/app.scss */
|
|
7527 | 7531 |
.create-vm .select-flavor dl dt span { |
7528 | 7532 |
min-width: 90px; |
7529 | 7533 |
margin: 0 10px; |
7530 | 7534 |
} |
7531 |
/* line 679, ../sass/app.scss */
|
|
7535 |
/* line 683, ../sass/app.scss */
|
|
7532 | 7536 |
.create-vm .select-flavor dl dt span:first-child { |
7533 | 7537 |
margin-left: 0; |
7534 | 7538 |
} |
7535 | 7539 |
|
7536 |
/* line 689, ../sass/app.scss */
|
|
7540 |
/* line 693, ../sass/app.scss */
|
|
7537 | 7541 |
#vm-connect .info { |
7538 | 7542 |
font-style: italic; |
7539 | 7543 |
font-size: 0.8125em; |
7540 | 7544 |
color: #9e9ea1; |
7541 | 7545 |
} |
7542 |
/* line 694, ../sass/app.scss */
|
|
7546 |
/* line 698, ../sass/app.scss */
|
|
7543 | 7547 |
#vm-connect .ssh { |
7544 | 7548 |
text-align: center; |
7545 | 7549 |
} |
7546 |
/* line 696, ../sass/app.scss */
|
|
7550 |
/* line 700, ../sass/app.scss */
|
|
7547 | 7551 |
#vm-connect .ssh span { |
7548 | 7552 |
padding: 10px 30px; |
7549 | 7553 |
background: #ff7bac; |
7550 | 7554 |
color: white; |
7551 | 7555 |
} |
7552 | 7556 |
|
7553 |
/* line 706, ../sass/app.scss */
|
|
7557 |
/* line 710, ../sass/app.scss */
|
|
7554 | 7558 |
.reveal-modal a:hover { |
7555 | 7559 |
color: #ff7bac; |
7556 | 7560 |
} |
7557 | 7561 |
|
7558 |
/* line 708, ../sass/app.scss */ |
|
7559 |
.editable { |
|
7560 |
text-align: center; |
|
7561 |
} |
|
7562 |
/* line 710, ../sass/app.scss */ |
|
7563 |
.editable input, .editable em { |
|
7564 |
width: 70%; |
|
7565 |
padding: 5px 10px; |
|
7566 |
height: auto; |
|
7567 |
display: block; |
|
7568 |
margin: 0 auto; |
|
7569 |
font-size: inherit; |
|
7570 |
} |
|
7571 |
/* line 718, ../sass/app.scss */ |
|
7572 |
.editable input { |
|
7573 |
display: none; |
|
7574 |
} |
|
7575 |
/* line 721, ../sass/app.scss */ |
|
7576 |
.editable em { |
|
7577 |
overflow: hidden; |
|
7578 |
white-space: nowrap; |
|
7579 |
font-style: normal; |
|
7580 |
} |
|
7581 |
|
|
7582 |
/* line 730, ../sass/app.scss */ |
|
7562 |
/* line 715, ../sass/app.scss */ |
|
7583 | 7563 |
.reveal-custom { |
7584 | 7564 |
position: absolute; |
7585 | 7565 |
top: 100px; |
... | ... | |
7589 | 7569 |
width: 50%; |
7590 | 7570 |
display: none; |
7591 | 7571 |
} |
7572 |
|
|
7573 |
/* line 727, ../sass/app.scss */ |
|
7574 |
.details dl .editable { |
|
7575 |
position: relative; |
|
7576 |
} |
|
7577 |
/* line 729, ../sass/app.scss */ |
|
7578 |
.details dl .editable .input-txt { |
|
7579 |
width: 320px; |
|
7580 |
} |
|
7581 |
/* line 732, ../sass/app.scss */ |
|
7582 |
.details dl .editable .editbuttons { |
|
7583 |
position: absolute; |
|
7584 |
left: 340px; |
|
7585 |
top: 0; |
|
7586 |
} |
|
7587 |
/* line 747, ../sass/app.scss */ |
|
7588 |
.details dl .editable input[type="text"] { |
|
7589 |
position: relative; |
|
7590 |
height: 25px; |
|
7591 |
width: 298px; |
|
7592 |
padding: 0 10px; |
|
7593 |
font-size: inherit; |
|
7594 |
margin: 0; |
|
7595 |
left: -11px; |
|
7596 |
top: -1px; |
|
7597 |
} |
|
7598 |
|
|
7599 |
/* line 763, ../sass/app.scss */ |
|
7600 |
.editable .editbuttons a { |
|
7601 |
color: #ff7bac; |
|
7602 |
} |
|
7603 |
/* line 766, ../sass/app.scss */ |
|
7604 |
.editable .editbuttons a.save, .editable .editbuttons a.cancel { |
|
7605 |
display: none; |
|
7606 |
} |
|
7607 |
/* line 767, ../sass/app.scss */ |
|
7608 |
.editable .editbuttons a:hover { |
|
7609 |
color: #919194; |
|
7610 |
} |
|
7611 |
/* line 773, ../sass/app.scss */ |
|
7612 |
.editable input[type="text"] { |
|
7613 |
display: none; |
|
7614 |
} |
Also available in: Unified diff