Revision 430263cf
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 379 | 379 |
$(this).toggleClass('current');
|
| 380 | 380 |
$(this).parents('li').find('.details').slideToggle();
|
| 381 | 381 |
}) |
| 382 |
/* $('.advanced-conf-options .checkbox').click(function(e){
|
|
| 383 |
$(this).find('span').toggleClass('snf-checkbox-unchecked, snf-checkbox-checked');
|
|
| 384 |
})*/ |
|
| 382 |
|
|
| 383 |
$('.advanced-conf-options .checkbox').click(function(e){
|
|
| 384 |
console.log($(this).find('span'));
|
|
| 385 |
$(this).find('h3').next('span').toggleClass('snf-checkbox-unchecked snf-checkbox-checked ');
|
|
| 386 |
}) |
|
| 387 |
|
|
| 388 |
$('.advanced-conf-options .has-more').click(function(e){
|
|
| 389 |
$(this).next('.more').slideToggle();
|
|
| 390 |
}) |
|
| 385 | 391 |
}) |
| 386 | 392 |
|
| 387 | 393 |
|
| 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; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
|---|---|---|
| 105 | 105 |
|
| 106 | 106 |
$row-full-width:100%; |
| 107 | 107 |
$row-width: emCalc(1200px); |
| 108 |
$row-small: emCalc(760px);
|
|
| 108 |
$row-small: emCalc(600px);
|
|
| 109 | 109 |
|
| 110 | 110 |
$conf-area-h-width: emCalc(300px); |
| 111 | 111 |
// $column-gutter: 1.875em; |
| ... | ... | |
| 126 | 126 |
// Typography Variables |
| 127 | 127 |
// |
| 128 | 128 |
|
| 129 |
$wizard-paragraph-font-size: 10px; |
|
| 129 | 130 |
// We use these to control header font styles |
| 130 | 131 |
$header-font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif; |
| 131 | 132 |
// $header-font-weight: bold; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/temp.scss | ||
|---|---|---|
| 9 | 9 |
$tag-opt-area-color: #4c71ff; |
| 10 | 10 |
$wizard-base-font-color: white; |
| 11 | 11 |
$wizard-expand-link: rgb(233, 230, 230); //spasmeno aspro |
| 12 |
$wizard-paragraph-font-size: 10px; |
|
| 12 |
|
|
| 13 | 13 |
$wizard-common-font-size: 16px; |
| 14 | 14 |
@mixin adv-conf-padding {
|
| 15 | 15 |
padding: 35px 200px 80px; |
| ... | ... | |
| 17 | 17 |
|
| 18 | 18 |
|
| 19 | 19 |
.advanced-conf-step {
|
| 20 |
color: $wizard-base-font-color; |
|
| 21 |
|
|
| 22 |
h2 {
|
|
| 23 |
color: $wizard-base-font-color; |
|
| 24 |
font-size: $wizard-common-font-size; |
|
| 25 |
font-weight: bold; |
|
| 26 |
} |
|
| 27 |
|
|
| 28 |
p {
|
|
| 29 |
font-size: $wizard-paragraph-font-size; |
|
| 30 |
} |
|
| 31 |
|
|
| 32 |
ul {
|
|
| 33 |
list-style-type: none; |
|
| 34 |
} |
|
| 35 |
|
|
| 36 | 20 |
.checkbox-label {
|
| 37 | 21 |
margin-right:15px; |
| 38 | 22 |
display: inline-block; |
| ... | ... | |
| 48 | 32 |
|
| 49 | 33 |
// Upper area with the name of the vm and a button for configuration options |
| 50 | 34 |
.adv-main {
|
| 51 |
padding: 65px 200px 0; |
|
| 52 |
|
|
| 53 | 35 |
|
| 54 | 36 |
.vm-name {
|
| 55 | 37 |
|
| ... | ... | |
| 73 | 55 |
} |
| 74 | 56 |
} |
| 75 | 57 |
|
| 76 |
|
|
| 77 |
|
|
| 78 | 58 |
.expand-btn {
|
| 79 | 59 |
padding-top: 50px; |
| 80 | 60 |
padding-bottom: 20px; |
| ... | ... | |
| 90 | 70 |
} |
| 91 | 71 |
} |
| 92 | 72 |
} |
| 93 |
|
|
| 94 |
// all the the areas that have the advanced options |
|
| 95 |
.advanced-conf-options {
|
|
| 96 |
display: none; |
|
| 97 |
.ssh-keys-area {
|
|
| 98 |
background-color: $ssh-opt-area-color; |
|
| 99 |
@include adv-conf-padding(); |
|
| 100 |
} |
|
| 101 |
|
|
| 102 |
.networks-area {
|
|
| 103 |
background-color: $net-opt-area-color; |
|
| 104 |
@include adv-conf-padding(); |
|
| 105 |
li.network-data {
|
|
| 106 |
.net-icons {
|
|
| 107 |
/* position: absolute; |
|
| 108 |
left: -10px; |
|
| 109 |
text-align: right; */ |
|
| 110 |
} |
|
| 111 |
ul.ips-list {
|
|
| 112 |
display:none; |
|
| 113 |
background-color: $wizard-base-font-color; |
|
| 114 |
color: $net-opt-area-color; |
|
| 115 |
margin: 0; |
|
| 116 |
|
|
| 117 |
} |
|
| 118 |
} |
|
| 119 |
} |
|
| 120 |
|
|
| 121 |
.tags-area {
|
|
| 122 |
@include adv-conf-padding(); |
|
| 123 |
background-color: $tag-opt-area-color; |
|
| 124 |
} |
|
| 125 |
|
|
| 126 |
} |
|
| 127 | 73 |
} |
| 128 | 74 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8456 | 8456 |
line-height: 60px; |
| 8457 | 8457 |
color: white; |
| 8458 | 8458 |
display: inline-block; |
| 8459 |
position: relative; |
|
| 8460 |
top: 15px; |
|
| 8459 | 8461 |
} |
| 8460 |
/* line 370, ../sass/_overlays.scss */
|
|
| 8462 |
/* line 372, ../sass/_overlays.scss */
|
|
| 8461 | 8463 |
.wizard .bottom .nav span {
|
| 8462 | 8464 |
display: inline-block; |
| 8463 | 8465 |
height: 30px; |
| 8464 | 8466 |
line-height: 30px; |
| 8465 |
border: 1px solid white; |
|
| 8466 |
} |
|
| 8467 |
/* line 377, ../sass/_overlays.scss */ |
|
| 8468 |
.wizard .bottom .nav:hover span {
|
|
| 8469 |
border-width: 2px; |
|
| 8470 |
line-height: 28px; |
|
| 8467 |
float: left; |
|
| 8471 | 8468 |
} |
| 8472 |
/* line 383, ../sass/_overlays.scss */
|
|
| 8469 |
/* line 379, ../sass/_overlays.scss */
|
|
| 8473 | 8470 |
.wizard .bottom .prev {
|
| 8474 | 8471 |
float: left; |
| 8475 |
padding-left: 11px; |
|
| 8476 |
background: url("../images/nav-edge-lt.png") no-repeat left center;
|
|
| 8472 |
height: 30px; |
|
| 8473 |
padding-left: 19px; |
|
| 8474 |
background: url("../images/nav-edge-lt.png") no-repeat left top;
|
|
| 8477 | 8475 |
} |
| 8478 |
/* line 387, ../sass/_overlays.scss */
|
|
| 8476 |
/* line 384, ../sass/_overlays.scss */
|
|
| 8479 | 8477 |
.wizard .bottom .prev span {
|
| 8480 |
padding: 0 12px 0 10px;
|
|
| 8481 |
border-left: 0 none;
|
|
| 8478 |
padding-right: 10px;
|
|
| 8479 |
background: url("../images/nav-lt.png") no-repeat right top;
|
|
| 8482 | 8480 |
} |
| 8483 |
/* line 391, ../sass/_overlays.scss */
|
|
| 8481 |
/* line 388, ../sass/_overlays.scss */
|
|
| 8484 | 8482 |
.wizard .bottom .prev:hover {
|
| 8485 |
background-image: url("../images/nav-edge-lt-hover.png");
|
|
| 8483 |
background-position: left bottom; |
|
| 8484 |
-webkit-transition: background 0 ease-out; |
|
| 8485 |
-moz-transition: background 0 ease-out; |
|
| 8486 |
-ms-transition: background 0 ease-out; |
|
| 8487 |
-o-transition: background 0 ease-out; |
|
| 8488 |
transition: background 0 ease-out; |
|
| 8486 | 8489 |
} |
| 8487 |
/* line 395, ../sass/_overlays.scss */ |
|
| 8490 |
/* line 391, ../sass/_overlays.scss */ |
|
| 8491 |
.wizard .bottom .prev:hover span {
|
|
| 8492 |
background-position: right bottom; |
|
| 8493 |
-webkit-transition: background 0 ease-out; |
|
| 8494 |
-moz-transition: background 0 ease-out; |
|
| 8495 |
-ms-transition: background 0 ease-out; |
|
| 8496 |
-o-transition: background 0 ease-out; |
|
| 8497 |
transition: background 0 ease-out; |
|
| 8498 |
} |
|
| 8499 |
/* line 397, ../sass/_overlays.scss */ |
|
| 8488 | 8500 |
.wizard .bottom .next {
|
| 8489 | 8501 |
float: right; |
| 8490 |
padding-right: 11px; |
|
| 8491 |
background: url("../images/nav-edge-rt.png") no-repeat right center;
|
|
| 8502 |
height: 30px; |
|
| 8503 |
padding-right: 19px; |
|
| 8504 |
background: url("../images/nav-edge-rt.png") no-repeat right top;
|
|
| 8492 | 8505 |
} |
| 8493 |
/* line 399, ../sass/_overlays.scss */
|
|
| 8506 |
/* line 402, ../sass/_overlays.scss */
|
|
| 8494 | 8507 |
.wizard .bottom .next span {
|
| 8495 |
padding: 0 10px 0 12px;
|
|
| 8496 |
border-right: 0 none;
|
|
| 8508 |
padding-left: 10px;
|
|
| 8509 |
background: url("../images/nav-rt.png") no-repeat left top;
|
|
| 8497 | 8510 |
} |
| 8498 |
/* line 403, ../sass/_overlays.scss */
|
|
| 8511 |
/* line 406, ../sass/_overlays.scss */
|
|
| 8499 | 8512 |
.wizard .bottom .next:hover {
|
| 8500 |
background-image: url("../images/nav-edge-rt-hover.png");
|
|
| 8501 |
} |
|
| 8502 |
/* line 407, ../sass/_overlays.scss */ |
|
| 8513 |
background-position: right bottom; |
|
| 8514 |
-webkit-transition: background 0 ease-out; |
|
| 8515 |
-moz-transition: background 0 ease-out; |
|
| 8516 |
-ms-transition: background 0 ease-out; |
|
| 8517 |
-o-transition: background 0 ease-out; |
|
| 8518 |
transition: background 0 ease-out; |
|
| 8519 |
} |
|
| 8520 |
/* line 409, ../sass/_overlays.scss */ |
|
| 8521 |
.wizard .bottom .next:hover span {
|
|
| 8522 |
background-position: left bottom; |
|
| 8523 |
-webkit-transition: background 0 ease-out; |
|
| 8524 |
-moz-transition: background 0 ease-out; |
|
| 8525 |
-ms-transition: background 0 ease-out; |
|
| 8526 |
-o-transition: background 0 ease-out; |
|
| 8527 |
transition: background 0 ease-out; |
|
| 8528 |
} |
|
| 8529 |
/* line 415, ../sass/_overlays.scss */ |
|
| 8503 | 8530 |
.wizard .bottom .nums {
|
| 8504 | 8531 |
text-align: center; |
| 8505 | 8532 |
list-style: none outside none; |
| ... | ... | |
| 8507 | 8534 |
height: 60px; |
| 8508 | 8535 |
line-height: 60px; |
| 8509 | 8536 |
} |
| 8510 |
/* line 413, ../sass/_overlays.scss */
|
|
| 8537 |
/* line 421, ../sass/_overlays.scss */
|
|
| 8511 | 8538 |
.wizard .bottom .nums li {
|
| 8512 | 8539 |
list-style: none outside none; |
| 8513 | 8540 |
display: inline-block; |
| ... | ... | |
| 8518 | 8545 |
line-height: 25px; |
| 8519 | 8546 |
margin: 0 3px; |
| 8520 | 8547 |
} |
| 8521 |
/* line 422, ../sass/_overlays.scss */
|
|
| 8548 |
/* line 430, ../sass/_overlays.scss */
|
|
| 8522 | 8549 |
.wizard .bottom .nums li a {
|
| 8523 | 8550 |
color: #919194; |
| 8524 | 8551 |
display: block; |
| 8525 | 8552 |
} |
| 8526 |
/* line 425, ../sass/_overlays.scss */
|
|
| 8553 |
/* line 433, ../sass/_overlays.scss */
|
|
| 8527 | 8554 |
.wizard .bottom .nums li a:hover {
|
| 8528 | 8555 |
cursor: default; |
| 8529 | 8556 |
} |
| 8530 |
/* line 429, ../sass/_overlays.scss */
|
|
| 8557 |
/* line 437, ../sass/_overlays.scss */
|
|
| 8531 | 8558 |
.wizard .bottom .nums li.current {
|
| 8532 | 8559 |
border-color: white; |
| 8533 | 8560 |
} |
| 8534 |
/* line 431, ../sass/_overlays.scss */
|
|
| 8561 |
/* line 439, ../sass/_overlays.scss */
|
|
| 8535 | 8562 |
.wizard .bottom .nums li.current a {
|
| 8536 | 8563 |
color: white; |
| 8537 | 8564 |
} |
| 8538 |
/* line 436, ../sass/_overlays.scss */
|
|
| 8565 |
/* line 444, ../sass/_overlays.scss */
|
|
| 8539 | 8566 |
.wizard .bottom .nums li.current {
|
| 8540 | 8567 |
font-size: 1.25em; |
| 8541 | 8568 |
width: 30px; |
| 8542 | 8569 |
height: 30px; |
| 8543 | 8570 |
} |
| 8544 | 8571 |
|
| 8545 |
/* line 446, ../sass/_overlays.scss */
|
|
| 8572 |
/* line 454, ../sass/_overlays.scss */
|
|
| 8546 | 8573 |
.wizard-content {
|
| 8547 | 8574 |
overflow: hidden; |
| 8548 | 8575 |
} |
| 8549 | 8576 |
|
| 8550 |
/* line 450, ../sass/_overlays.scss */
|
|
| 8577 |
/* line 458, ../sass/_overlays.scss */
|
|
| 8551 | 8578 |
.vm-wizard-carousel {
|
| 8552 | 8579 |
width: 20000px; |
| 8553 | 8580 |
position: relative; |
| 8554 | 8581 |
} |
| 8555 | 8582 |
|
| 8556 |
/* line 456, ../sass/_overlays.scss */
|
|
| 8583 |
/* line 464, ../sass/_overlays.scss */
|
|
| 8557 | 8584 |
.advanced-conf-step {
|
| 8558 | 8585 |
color: white; |
| 8559 | 8586 |
} |
| 8560 |
/* line 458, ../sass/_overlays.scss */
|
|
| 8587 |
/* line 466, ../sass/_overlays.scss */
|
|
| 8561 | 8588 |
.advanced-conf-step h2 {
|
| 8562 | 8589 |
color: white; |
| 8563 |
font-size: 16px;
|
|
| 8564 |
font-weight: bold;
|
|
| 8590 |
font-size: 1em;
|
|
| 8591 |
margin: 0 auto 1em;
|
|
| 8565 | 8592 |
} |
| 8566 |
/* line 463, ../sass/_overlays.scss */ |
|
| 8593 |
/* line 471, ../sass/_overlays.scss */ |
|
| 8594 |
.advanced-conf-step p {
|
|
| 8595 |
font-size: 10px; |
|
| 8596 |
} |
|
| 8597 |
/* line 474, ../sass/_overlays.scss */ |
|
| 8567 | 8598 |
.advanced-conf-step .adv-main {
|
| 8568 | 8599 |
padding: 10px 0 30px; |
| 8569 |
width: 47.5em;
|
|
| 8600 |
width: 37.5em;
|
|
| 8570 | 8601 |
} |
| 8571 |
/* line 466, ../sass/_overlays.scss */
|
|
| 8602 |
/* line 477, ../sass/_overlays.scss */
|
|
| 8572 | 8603 |
.advanced-conf-step .adv-main .vm-name {
|
| 8573 | 8604 |
font-weight: bold; |
| 8574 | 8605 |
} |
| 8575 |
/* line 470, ../sass/_overlays.scss */
|
|
| 8606 |
/* line 481, ../sass/_overlays.scss */
|
|
| 8576 | 8607 |
.advanced-conf-step .adv-main .btn5:hover, .advanced-conf-step .adv-main .wizard .middle .step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step .adv-main a:hover, .advanced-conf-step .adv-main .wizard .middle .step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .adv-main a:hover {
|
| 8577 | 8608 |
color: white; |
| 8578 | 8609 |
} |
| 8579 |
/* line 473, ../sass/_overlays.scss */
|
|
| 8610 |
/* line 484, ../sass/_overlays.scss */
|
|
| 8580 | 8611 |
.advanced-conf-step .adv-main .btn5.current, .advanced-conf-step .adv-main .wizard .middle .step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step .adv-main a.current, .advanced-conf-step .adv-main .wizard .middle .step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .adv-main a.current, .advanced-conf-step .adv-main .btn5.current:hover, .advanced-conf-step .adv-main .wizard .middle .step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step .adv-main a.current:hover, .advanced-conf-step .adv-main .wizard .middle .step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .adv-main a.current:hover {
|
| 8581 | 8612 |
color: #485057; |
| 8582 | 8613 |
} |
| 8583 |
/* line 477, ../sass/_overlays.scss */
|
|
| 8614 |
/* line 488, ../sass/_overlays.scss */
|
|
| 8584 | 8615 |
.advanced-conf-step .adv-main input[type="text"] {
|
| 8585 | 8616 |
width: 200px; |
| 8586 | 8617 |
border: 0; |
| ... | ... | |
| 8593 | 8624 |
box-shadow: 7px 7px 0px rgba(72, 80, 87, 0); |
| 8594 | 8625 |
} |
| 8595 | 8626 |
|
| 8596 |
/* line 491, ../sass/_overlays.scss */
|
|
| 8627 |
/* line 502, ../sass/_overlays.scss */
|
|
| 8597 | 8628 |
.advanced-conf-options {
|
| 8598 | 8629 |
display: none; |
| 8599 | 8630 |
} |
| 8600 |
/* line 493, ../sass/_overlays.scss */
|
|
| 8631 |
/* line 504, ../sass/_overlays.scss */
|
|
| 8601 | 8632 |
.advanced-conf-options .area {
|
| 8602 | 8633 |
padding: 30px 0; |
| 8603 | 8634 |
} |
| 8604 |
/* line 495, ../sass/_overlays.scss */
|
|
| 8635 |
/* line 506, ../sass/_overlays.scss */
|
|
| 8605 | 8636 |
.advanced-conf-options .area .row {
|
| 8606 |
width: 47.5em;
|
|
| 8637 |
width: 37.5em;
|
|
| 8607 | 8638 |
} |
| 8608 |
/* line 499, ../sass/_overlays.scss */
|
|
| 8639 |
/* line 510, ../sass/_overlays.scss */
|
|
| 8609 | 8640 |
.advanced-conf-options .area .btn5:hover, .advanced-conf-options .area .wizard .middle .step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-options .area a:hover, .advanced-conf-options .area .wizard .middle .step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-options .area a:hover {
|
| 8610 | 8641 |
color: white; |
| 8611 | 8642 |
} |
| 8612 |
/* line 504, ../sass/_overlays.scss */
|
|
| 8643 |
/* line 515, ../sass/_overlays.scss */
|
|
| 8613 | 8644 |
.advanced-conf-options .area ul li {
|
| 8645 |
position: relative; |
|
| 8614 | 8646 |
list-style: none outside none; |
| 8615 | 8647 |
margin-bottom: 7px; |
| 8616 | 8648 |
} |
| 8617 |
/* line 508, ../sass/_overlays.scss */
|
|
| 8649 |
/* line 520, ../sass/_overlays.scss */
|
|
| 8618 | 8650 |
.advanced-conf-options .area ul li.checkbox:hover {
|
| 8619 | 8651 |
cursor: pointer; |
| 8620 | 8652 |
} |
| 8621 |
/* line 512, ../sass/_overlays.scss */
|
|
| 8653 |
/* line 524, ../sass/_overlays.scss */
|
|
| 8622 | 8654 |
.advanced-conf-options .area ul li h3 {
|
| 8623 | 8655 |
width: 18.75em; |
| 8624 | 8656 |
color: white; |
| ... | ... | |
| 8627 | 8659 |
margin: 0 20px 0 0; |
| 8628 | 8660 |
display: inline-block; |
| 8629 | 8661 |
} |
| 8630 |
/* line 523, ../sass/_overlays.scss */
|
|
| 8662 |
/* line 535, ../sass/_overlays.scss */
|
|
| 8631 | 8663 |
.advanced-conf-options .ssh-keys-area {
|
| 8632 | 8664 |
background-color: #ff7049; |
| 8633 | 8665 |
} |
| 8634 |
/* line 526, ../sass/_overlays.scss */
|
|
| 8666 |
/* line 538, ../sass/_overlays.scss */
|
|
| 8635 | 8667 |
.advanced-conf-options .networks-area {
|
| 8636 | 8668 |
background-color: #ff948c; |
| 8637 | 8669 |
} |
| 8638 |
/* line 529, ../sass/_overlays.scss */ |
|
| 8639 |
.advanced-conf-options .networks-area li.network-data ul.ips-list {
|
|
| 8670 |
/* line 541, ../sass/_overlays.scss */ |
|
| 8671 |
.advanced-conf-options .networks-area li .net-icons {
|
|
| 8672 |
padding-right: 20px; |
|
| 8673 |
position: absolute; |
|
| 8674 |
left: -200px; |
|
| 8675 |
top: -12px; |
|
| 8676 |
width: 200px; |
|
| 8677 |
text-align: right; |
|
| 8678 |
font-size: 30px; |
|
| 8679 |
} |
|
| 8680 |
/* line 549, ../sass/_overlays.scss */ |
|
| 8681 |
.advanced-conf-options .networks-area li .net-icons span {
|
|
| 8682 |
margin-left: 6px; |
|
| 8683 |
} |
|
| 8684 |
/* line 551, ../sass/_overlays.scss */ |
|
| 8685 |
.advanced-conf-options .networks-area li .net-icons span.snf-modem {
|
|
| 8686 |
position: relative; |
|
| 8687 |
top: -6px; |
|
| 8688 |
} |
|
| 8689 |
/* line 557, ../sass/_overlays.scss */ |
|
| 8690 |
.advanced-conf-options .networks-area li.more {
|
|
| 8640 | 8691 |
display: none; |
| 8692 |
background: white; |
|
| 8693 |
margin-bottom: 1em; |
|
| 8694 |
padding: 30px 0; |
|
| 8695 |
color: #ff948c; |
|
| 8696 |
} |
|
| 8697 |
/* line 563, ../sass/_overlays.scss */ |
|
| 8698 |
.advanced-conf-options .networks-area li.more h3 {
|
|
| 8699 |
color: #ff948c; |
|
| 8700 |
} |
|
| 8701 |
/* line 566, ../sass/_overlays.scss */ |
|
| 8702 |
.advanced-conf-options .networks-area li.more .btn5, .advanced-conf-options .networks-area .wizard .middle .step .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-options .networks-area li.more .btn-col a, .advanced-conf-options .networks-area .wizard .middle .step .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-options .networks-area li.more .options-bar .options li a {
|
|
| 8703 |
margin-top: 1em; |
|
| 8704 |
border-color: #ff948c; |
|
| 8705 |
color: #ff948c; |
|
| 8641 | 8706 |
} |
| 8642 |
/* line 534, ../sass/_overlays.scss */
|
|
| 8707 |
/* line 575, ../sass/_overlays.scss */
|
|
| 8643 | 8708 |
.advanced-conf-options .tags-area {
|
| 8644 | 8709 |
background-color: #4c71ff; |
| 8645 | 8710 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/temp.css | ||
|---|---|---|
| 6787 | 6787 |
max-width: 800px; |
| 6788 | 6788 |
} |
| 6789 | 6789 |
|
| 6790 |
/* line 19, ../sass/temp.scss */ |
|
| 6791 |
.advanced-conf-step {
|
|
| 6792 |
color: white; |
|
| 6793 |
} |
|
| 6794 |
/* line 22, ../sass/temp.scss */ |
|
| 6795 |
.advanced-conf-step h2 {
|
|
| 6796 |
color: white; |
|
| 6797 |
font-size: 16px; |
|
| 6798 |
font-weight: bold; |
|
| 6799 |
} |
|
| 6800 |
/* line 28, ../sass/temp.scss */ |
|
| 6801 |
.advanced-conf-step p {
|
|
| 6802 |
font-size: 10px; |
|
| 6803 |
} |
|
| 6804 |
/* line 32, ../sass/temp.scss */ |
|
| 6805 |
.advanced-conf-step ul {
|
|
| 6806 |
list-style-type: none; |
|
| 6807 |
} |
|
| 6808 |
/* line 36, ../sass/temp.scss */ |
|
| 6790 |
/* line 20, ../sass/temp.scss */ |
|
| 6809 | 6791 |
.advanced-conf-step .checkbox-label {
|
| 6810 | 6792 |
margin-right: 15px; |
| 6811 | 6793 |
display: inline-block; |
| 6812 | 6794 |
color: white; |
| 6813 | 6795 |
font-size: 16px; |
| 6814 | 6796 |
} |
| 6815 |
/* line 43, ../sass/temp.scss */
|
|
| 6797 |
/* line 27, ../sass/temp.scss */
|
|
| 6816 | 6798 |
.advanced-conf-step .icon {
|
| 6817 | 6799 |
font-size: 24px; |
| 6818 | 6800 |
margin: 2px; |
| 6819 | 6801 |
color: white; |
| 6820 | 6802 |
} |
| 6821 |
/* line 50, ../sass/temp.scss */ |
|
| 6822 |
.advanced-conf-step .adv-main {
|
|
| 6823 |
padding: 65px 200px 0; |
|
| 6824 |
} |
|
| 6825 |
/* line 56, ../sass/temp.scss */ |
|
| 6803 |
/* line 38, ../sass/temp.scss */ |
|
| 6826 | 6804 |
.advanced-conf-step .adv-main .vm-name .label-vm-name {
|
| 6827 | 6805 |
font-weight: bold; |
| 6828 | 6806 |
color: white; |
| 6829 | 6807 |
font-size: 16px; |
| 6830 | 6808 |
} |
| 6831 |
/* line 61, ../sass/temp.scss */
|
|
| 6809 |
/* line 43, ../sass/temp.scss */
|
|
| 6832 | 6810 |
.advanced-conf-step .adv-main .vm-name input[type="text"] {
|
| 6833 | 6811 |
width: 200px; |
| 6834 | 6812 |
border: 0; |
| ... | ... | |
| 6840 | 6818 |
-moz-box-shadow: 7px 7px 0px rgba(72, 80, 87, 0); |
| 6841 | 6819 |
box-shadow: 7px 7px 0px rgba(72, 80, 87, 0); |
| 6842 | 6820 |
} |
| 6843 |
/* line 78, ../sass/temp.scss */
|
|
| 6821 |
/* line 58, ../sass/temp.scss */
|
|
| 6844 | 6822 |
.advanced-conf-step .adv-main .expand-btn {
|
| 6845 | 6823 |
padding-top: 50px; |
| 6846 | 6824 |
padding-bottom: 20px; |
| 6847 | 6825 |
} |
| 6848 |
/* line 82, ../sass/temp.scss */
|
|
| 6826 |
/* line 62, ../sass/temp.scss */
|
|
| 6849 | 6827 |
.advanced-conf-step .adv-main .expand-btn .expand-link {
|
| 6850 | 6828 |
color: #e9e6e6; |
| 6851 | 6829 |
} |
| 6852 |
/* line 84, ../sass/temp.scss */
|
|
| 6830 |
/* line 64, ../sass/temp.scss */
|
|
| 6853 | 6831 |
.advanced-conf-step .adv-main .expand-btn .expand-link:hover {
|
| 6854 | 6832 |
color: white; |
| 6855 | 6833 |
} |
| 6856 |
/* line 87, ../sass/temp.scss */
|
|
| 6834 |
/* line 67, ../sass/temp.scss */
|
|
| 6857 | 6835 |
.advanced-conf-step .adv-main .expand-btn .expand-link.current {
|
| 6858 | 6836 |
color: white; |
| 6859 | 6837 |
} |
| 6860 |
/* line 95, ../sass/temp.scss */ |
|
| 6861 |
.advanced-conf-step .advanced-conf-options {
|
|
| 6862 |
display: none; |
|
| 6863 |
} |
|
| 6864 |
/* line 97, ../sass/temp.scss */ |
|
| 6865 |
.advanced-conf-step .advanced-conf-options .ssh-keys-area {
|
|
| 6866 |
background-color: #ff7049; |
|
| 6867 |
padding: 35px 200px 80px; |
|
| 6868 |
} |
|
| 6869 |
/* line 102, ../sass/temp.scss */ |
|
| 6870 |
.advanced-conf-step .advanced-conf-options .networks-area {
|
|
| 6871 |
background-color: #ff948c; |
|
| 6872 |
padding: 35px 200px 80px; |
|
| 6873 |
} |
|
| 6874 |
/* line 106, ../sass/temp.scss */ |
|
| 6875 |
.advanced-conf-step .advanced-conf-options .networks-area li.network-data .net-icons {
|
|
| 6876 |
/* position: absolute; |
|
| 6877 |
left: -10px; |
|
| 6878 |
text-align: right; */ |
|
| 6879 |
} |
|
| 6880 |
/* line 111, ../sass/temp.scss */ |
|
| 6881 |
.advanced-conf-step .advanced-conf-options .networks-area li.network-data ul.ips-list {
|
|
| 6882 |
display: none; |
|
| 6883 |
background-color: white; |
|
| 6884 |
color: #ff948c; |
|
| 6885 |
margin: 0; |
|
| 6886 |
} |
|
| 6887 |
/* line 121, ../sass/temp.scss */ |
|
| 6888 |
.advanced-conf-step .advanced-conf-options .tags-area {
|
|
| 6889 |
padding: 35px 200px 80px; |
|
| 6890 |
background-color: #4c71ff; |
|
| 6891 |
} |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 503 | 503 |
</div> |
| 504 | 504 |
|
| 505 | 505 |
<div class="networks-area area"> |
| 506 |
<div class="row"> |
|
| 507 |
<h2>Networks</h2> |
|
| 508 |
<ul> |
|
| 509 |
<li class="network-data"> |
|
| 510 |
<span class="net-icons"> |
|
| 511 |
<span class="snf-www icon"></span> |
|
| 512 |
<span class="snf-network_full icon"></span> |
|
| 513 |
</span> |
|
| 514 |
<span>Public Network</span> |
|
| 515 |
<span> |
|
| 516 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
|
| 517 |
</span> |
|
| 518 |
<ul class="ips-list row"> |
|
| 519 |
<li> |
|
| 520 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 521 |
</li> |
|
| 522 |
<li> |
|
| 523 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 524 |
</li> |
|
| 525 |
<li> |
|
| 526 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 527 |
</li> |
|
| 528 |
</ul> |
|
| 529 |
</li> |
|
| 530 |
<li class="network-data"> |
|
| 531 |
<span class="net-icons"> |
|
| 532 |
<span class="snf-www icon"></span> |
|
| 533 |
<span class="snf-network_full icon"></span> |
|
| 534 |
<span class="snf-modem icon"></span> |
|
| 535 |
</span> |
|
| 536 |
<span>Routed Network Network</span> |
|
| 537 |
<span> |
|
| 538 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
|
| 539 |
</span> |
|
| 540 |
<ul class="ips-list row"> |
|
| 541 |
<li> |
|
| 542 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 543 |
</li> |
|
| 544 |
<li> |
|
| 545 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 546 |
</li> |
|
| 547 |
<li> |
|
| 548 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 549 |
</li> |
|
| 550 |
</ul> |
|
| 551 |
</li> |
|
| 552 |
<li class="network-data"> |
|
| 553 |
<span class="net-icons"> |
|
| 554 |
<span class="snf-network_full icon"></span> |
|
| 555 |
</span> |
|
| 556 |
<span>Private Network 1</span> |
|
| 557 |
<span> |
|
| 558 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
|
| 559 |
</span> |
|
| 560 |
<ul class="ips-list row"> |
|
| 561 |
<li> |
|
| 562 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 563 |
</li> <li> |
|
| 564 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 565 |
</li> |
|
| 566 |
<li> |
|
| 567 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 568 |
</li> |
|
| 569 |
</ul> |
|
| 570 |
</li> |
|
| 571 |
<li class="network-data"> |
|
| 572 |
<span class="net-icons"> |
|
| 573 |
<span class="snf-network_full icon"></span> |
|
| 574 |
</span> |
|
| 575 |
<span>Private Network 2</span> |
|
| 576 |
<span> |
|
| 577 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
|
| 578 |
</span> |
|
| 579 |
<ul class="ips-list row"> |
|
| 580 |
<li> |
|
| 581 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 582 |
</li> |
|
| 583 |
<li> |
|
| 584 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 585 |
</li> |
|
| 586 |
<li> |
|
| 587 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
|
| 588 |
</li> |
|
| 506 |
<h2 class="row">Networks</h2> |
|
| 507 |
<ul> |
|
| 508 |
<li class="checkbox row has-more"> |
|
| 509 |
<div class="net-icons"> |
|
| 510 |
<span class="snf-www"></span> |
|
| 511 |
<span class="snf-network_full"></span> |
|
| 512 |
</div> |
|
| 513 |
<h3>Public Network</h3> |
|
| 514 |
<span class="snf-checkbox-unchecked"></span> |
|
| 515 |
</li> |
|
| 516 |
<li class="more"> |
|
| 517 |
<div class="row"> |
|
| 518 |
<div class="checkbox clearfix"> |
|
| 519 |
<h3>192.168.2.3</h3> |
|
| 520 |
<span class="snf-checkbox-checked"></span> |
|
| 521 |
</div> |
|
| 522 |
<div class="checkbox clearfix"> |
|
| 523 |
<h3>192.168.2.3</h3> |
|
| 524 |
<span class="snf-checkbox-unchecked"></span> |
|
| 525 |
</div> |
|
| 526 |
<div class="checkbox clearfix"> |
|
| 527 |
<h3>192.168.2.3</h3> |
|
| 528 |
<span class="snf-checkbox-unchecked"></span> |
|
| 529 |
</div> |
|
| 530 |
<div> |
|
| 531 |
<a href="" class="btn5">allocate IP</a> |
|
| 532 |
</div> |
|
| 533 |
</div> |
|
| 534 |
</li> |
|
| 535 |
<li class="checkbox row"> |
|
| 536 |
<div class="net-icons"> |
|
| 537 |
<span class="snf-modem"></span> |
|
| 538 |
<span class="snf-network_full"></span> |
|
| 539 |
</div> |
|
| 540 |
<h3>Routed Network</h3> |
|
| 541 |
<span class="snf-checkbox-unchecked"></span> |
|
| 542 |
</li> |
|
| 543 |
<li class="checkbox row"> |
|
| 544 |
<div class="net-icons"> |
|
| 545 |
<span class="snf-network_full"></span> |
|
| 546 |
</div> |
|
| 547 |
<h3>Private Network 1</h3> |
|
| 548 |
<span class="snf-checkbox-unchecked"></span> |
|
| 549 |
</li> |
|
| 550 |
<li class="checkbox row"> |
|
| 551 |
<div class="net-icons"> |
|
| 552 |
<span class="snf-network_full"></span> |
|
| 553 |
</div> |
|
| 554 |
<h3>Private Network 2</h3> |
|
| 555 |
<span class="snf-checkbox-unchecked"></span> |
|
| 556 |
</li> |
|
| 557 |
</ul> |
|
| 589 | 558 |
|
| 590 |
</ul> |
|
| 591 |
</li> |
|
| 592 |
|
|
| 593 |
<li class="more-networks"> |
|
| 594 |
<span>...</span> |
|
| 595 |
</li> |
|
| 596 |
</ul> |
|
| 597 |
</div> |
|
| 598 | 559 |
</div> |
| 599 | 560 |
<div class="tags-area area"> |
| 600 | 561 |
<div class="row"> |
Also available in: Unified diff