Revision 05205849
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 285 | 285 |
}); |
| 286 | 286 |
|
| 287 | 287 |
// checkbox: basic reaction on click (checked, unchecked) |
| 288 |
// see wizard |
|
| 288 | 289 |
$('.check').click(function(e){
|
| 289 | 290 |
e.preventDefault(); |
| 290 | 291 |
e.stopPropagation(); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/wizard.js | ||
|---|---|---|
| 451 | 451 |
// reaction li.click * |
| 452 | 452 |
wizard.find('.advanced-conf-options .with-checkbox').click(function(e) {
|
| 453 | 453 |
e.preventDefault(); |
| 454 |
var self = $(this); |
|
| 455 |
var checkbox = self.find('.check');
|
|
| 456 |
ui.changeCheckboxState(checkbox); |
|
| 457 |
if (self.hasClass('has-more')) {
|
|
| 458 |
self.next('.more').stop().slideToggle(400, function() {
|
|
| 459 |
if (self.next('.more:visible').length != 0) {
|
|
| 460 |
checkbox.find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');
|
|
| 461 |
} else {
|
|
| 462 |
checkbox.find('span').removeClass('snf-checkbox-checked').addClass('snf-checkbox-unchecked');
|
|
| 463 |
} |
|
| 464 |
}); |
|
| 465 |
} |
|
| 454 |
$(this).find('.check').trigger('click');
|
|
| 466 | 455 |
}); |
| 467 | 456 |
|
| 468 | 457 |
// reaction a.click * |
| 469 | 458 |
$('.with-checkbox .check').click(function(e) {
|
| 470 | 459 |
e.stopPropagation(); |
| 460 |
console.log('hi');
|
|
| 471 | 461 |
var self = this; |
| 472 |
if ($(this).closest('.checkbox').hasClass('has-more')) {
|
|
| 462 |
if ($(this).closest('.with-checkbox').hasClass('has-more')) {
|
|
| 473 | 463 |
$(this).parent().next('.more').stop().slideToggle(400, function() {
|
| 474 | 464 |
if ($(self).parent().next('.more:visible').length != 0) {
|
| 475 | 465 |
$(self).find('span').removeClass('snf-checkbox-unchecked').addClass('snf-checkbox-checked');
|
| ... | ... | |
| 504 | 494 |
else if (wizardType == 'network-wizard') {
|
| 505 | 495 |
|
| 506 | 496 |
wizard.find('.network_options .check').click(function(e){
|
| 507 |
e.preventDefault(); |
|
| 508 |
$(this).parents('li').siblings().find('ul.subnet_options').parent('li').toggle();
|
|
| 509 |
}); |
|
| 497 |
e.preventDefault(); |
|
| 498 |
e.stopPropagation(); |
|
| 499 |
this.blur(); |
|
| 500 |
$(this).parents('li').siblings().find('ul.subnet_options').parent('li').toggle();
|
|
| 501 |
}); |
|
| 502 |
|
|
| 503 |
wizard.find('.network_options .dhcp_option').click(function(e){
|
|
| 504 |
e.preventDefault(); |
|
| 505 |
$(this).find('.check').trigger('click');
|
|
| 506 |
}); |
|
| 510 | 507 |
|
| 511 | 508 |
wizard.find('.network_options .radio_btn').click(function(e){
|
| 512 | 509 |
e.preventDefault(); |
| 510 |
e.stopPropagation(); |
|
| 511 |
this.blur(); |
|
| 513 | 512 |
var state = $(this).find('span');
|
| 514 | 513 |
if($(this).hasClass('manual')) {
|
| 515 | 514 |
$(this).siblings('.input').toggle();
|
| ... | ... | |
| 518 | 517 |
$(this).closest('li').siblings('.manual').find('.input').hide();
|
| 519 | 518 |
} |
| 520 | 519 |
}); |
| 520 |
|
|
| 521 |
wizard.find('.subnet_options>li').click(function(e) {
|
|
| 522 |
$(this).find('.radio_btn').trigger('click');
|
|
| 523 |
}) |
|
| 521 | 524 |
} |
| 522 | 525 |
} |
| 523 | 526 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html | ||
|---|---|---|
| 38 | 38 |
<div class="row"> |
| 39 | 39 |
<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div> |
| 40 | 40 |
<div class="main-actions"> |
| 41 |
<ul> |
|
| 42 |
<li class="running" ><a href="">Reboot</a></li> |
|
| 43 |
<li class="running"><a href="">Shutdown</a></li> |
|
| 44 |
<li class="both"><a href="">Destroy</a></li> |
|
| 45 |
<li class="stopped"><a href="">Start</a></li> |
|
| 46 |
<!-- in case we want an action always activated |
|
| 47 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 48 |
</ul> |
|
| 49 | 41 |
</div> |
| 50 | 42 |
</div> |
| 51 | 43 |
<div class="border-dashed"></div> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
|---|---|---|
| 182 | 182 |
<a href="network_details.html"><em>Network name</em></a> |
| 183 | 183 |
</span> |
| 184 | 184 |
</p> |
| 185 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 186 | 185 |
</div> |
| 187 | 186 |
</li> |
| 188 | 187 |
<li data-order="2"> |
| ... | ... | |
| 198 | 197 |
<a href="network_details.html"><em>Network name</em></a> |
| 199 | 198 |
</span> |
| 200 | 199 |
</p> |
| 201 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 202 | 200 |
</div> |
| 203 | 201 |
</li> |
| 204 | 202 |
<li data-order="3"> |
| ... | ... | |
| 214 | 212 |
<a href="network_details.html"><em>Network name</em></a> |
| 215 | 213 |
</span> |
| 216 | 214 |
</p> |
| 217 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 218 | 215 |
</div> |
| 219 | 216 |
</li> |
| 220 | 217 |
</ul> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 324 | 324 |
.actions-bar {
|
| 325 | 325 |
border-bottom: 1px solid $primary-color; |
| 326 | 326 |
padding-bottom: 44px; |
| 327 |
position:fixed; |
|
| 328 |
left:0; |
|
| 329 |
top:$header-height; |
|
| 330 |
width:100%; |
|
| 331 |
z-index:15; |
|
| 332 |
text-align:center; |
|
| 333 |
height:$bar-height; |
|
| 334 |
line-height:$bar-height; |
|
| 335 |
background:white; |
|
| 327 | 336 |
h2 {
|
| 328 | 337 |
position: absolute; |
| 329 | 338 |
left: 15px; |
| ... | ... | |
| 370 | 379 |
|
| 371 | 380 |
|
| 372 | 381 |
} |
| 373 |
position:fixed; |
|
| 374 |
left:0; |
|
| 375 |
top:$header-height; |
|
| 376 |
width:100%; |
|
| 377 |
z-index:15; |
|
| 378 |
text-align:center; |
|
| 379 |
height:$bar-height; |
|
| 380 |
line-height:$bar-height; |
|
| 381 |
background:white; |
|
| 382 | 382 |
|
| 383 | 383 |
.row {
|
| 384 | 384 |
position: relative; |
| ... | ... | |
| 424 | 424 |
#search-utility {
|
| 425 | 425 |
position: absolute; |
| 426 | 426 |
display: inline-block; |
| 427 |
width: 220px;
|
|
| 427 |
width: 200px;
|
|
| 428 | 428 |
height: 2em; |
| 429 | 429 |
right:118px; |
| 430 | 430 |
background-color: lighten($primary-color,35%); |
| 431 | 431 |
padding-bottom: 35px; |
| 432 | 432 |
.snf-search {
|
| 433 | 433 |
position: relative; |
| 434 |
right: -10px;
|
|
| 434 |
right: -2px;
|
|
| 435 | 435 |
color: $primary-color; |
| 436 | 436 |
} |
| 437 | 437 |
form {
|
| 438 | 438 |
display: inline-block; |
| 439 |
width: 200px;
|
|
| 439 |
width: 164px;
|
|
| 440 | 440 |
input {
|
| 441 | 441 |
display: inline-block; |
| 442 | 442 |
border: transparent; |
| ... | ... | |
| 444 | 444 |
color: $primary-color; |
| 445 | 445 |
height: 1.8em; |
| 446 | 446 |
padding-top: 0.3em; |
| 447 |
padding-bottom: 0.3em; |
|
| 447 |
// padding-bottom: 0.3em;
|
|
| 448 | 448 |
// line-height: 1.2em; |
| 449 |
width: 184px;
|
|
| 450 |
font-size: 0.9em;
|
|
| 449 |
width: 160px;
|
|
| 450 |
font-size: 0.8em;
|
|
| 451 | 451 |
box-shadow: none; |
| 452 | 452 |
margin-bottom: 0; |
| 453 | 453 |
} |
| ... | ... | |
| 465 | 465 |
.snf-list {
|
| 466 | 466 |
margin-right: 6px; |
| 467 | 467 |
font-size: 1em; |
| 468 |
// line-height: 50px; |
|
| 469 |
vertical-align: bottom; |
|
| 470 |
} |
|
| 468 |
} |
|
| 471 | 469 |
.snf-layout {
|
| 472 | 470 |
font-size: 1.1em; |
| 473 |
// line-height: 50px; |
|
| 474 |
vertical-align: bottom; |
|
| 475 |
} |
|
| 471 |
} |
|
| 476 | 472 |
|
| 477 | 473 |
} |
| 478 | 474 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss | ||
|---|---|---|
| 15 | 15 |
margin:0 20px; |
| 16 | 16 |
display: block; |
| 17 | 17 |
font-weight: bold; |
| 18 |
height:190px;
|
|
| 18 |
height:180px;
|
|
| 19 | 19 |
padding:65px 30px 15px; |
| 20 | 20 |
border:1px dashed $primary-color; |
| 21 | 21 |
&:hover {
|
| ... | ... | |
| 46 | 46 |
} |
| 47 | 47 |
} |
| 48 | 48 |
} |
| 49 |
.overlap_options {
|
|
| 50 |
// display: none; |
|
| 51 |
width: 202px; |
|
| 52 |
height:180px; |
|
| 53 |
background-color: $primary-color; |
|
| 54 |
ul {
|
|
| 55 |
li {
|
|
| 56 |
padding-top: 0; |
|
| 57 |
a {
|
|
| 58 |
color: white; |
|
| 59 |
} |
|
| 60 |
} |
|
| 61 |
} |
|
| 62 |
.actions_list {
|
|
| 63 |
} |
|
| 64 |
} |
|
| 49 | 65 |
.check {
|
| 50 | 66 |
position:absolute; |
| 51 | 67 |
right:10px; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 285 | 285 |
} |
| 286 | 286 |
padding:50px 0 50px; |
| 287 | 287 |
&.step-2 {
|
| 288 |
padding-top:30px; |
|
| 288 |
// padding-top:30px;
|
|
| 289 | 289 |
.dropdown {
|
| 290 | 290 |
margin-bottom:40px; |
| 291 | 291 |
} |
| 292 | 292 |
} |
| 293 | 293 |
&.step-3 {
|
| 294 |
padding-top: 45px; |
|
| 294 |
// padding-top: 45px;
|
|
| 295 | 295 |
} |
| 296 | 296 |
.os {
|
| 297 | 297 |
li {
|
| ... | ... | |
| 523 | 523 |
.wrap {
|
| 524 | 524 |
max-width: $row-small; |
| 525 | 525 |
border-top:1px solid white; |
| 526 |
padding-top:2em; |
|
| 527 |
margin-top:1em; |
|
| 526 |
// padding-top:2em;
|
|
| 527 |
// margin-top:1em;
|
|
| 528 | 528 |
} |
| 529 | 529 |
&:first-child {
|
| 530 | 530 |
.wrap {
|
| ... | ... | |
| 569 | 569 |
color: $wizard-base-font-color; |
| 570 | 570 |
font-size: 1em; |
| 571 | 571 |
margin-bottom: 10px; |
| 572 |
line-height: 1; |
|
| 572 | 573 |
} |
| 573 | 574 |
p {
|
| 574 | 575 |
font-size: $wizard-paragraph-font-size; |
| 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 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
|---|---|---|
| 44 | 44 |
<div class="row"> |
| 45 | 45 |
<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div> |
| 46 | 46 |
<div class="main-actions"> |
| 47 |
<ul> |
|
| 48 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
|
| 49 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
|
| 50 |
<li class="both"><a href="">Destroy</a></li> |
|
| 51 |
<li class="stopped"><a href="">Start</a></li> |
|
| 52 |
<!-- in case we want an action always activated |
|
| 53 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 54 |
</ul> |
|
| 55 | 47 |
</div> |
| 56 | 48 |
</div> |
| 57 | 49 |
<div class="border-dashed"></div> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 698 | 698 |
<div class="add-new"><a href="vm_create_a.html" data-overlay-id="#vm-wizard">NEW<br>MACHINE</a></div> |
| 699 | 699 |
</li> |
| 700 | 700 |
<li data-order="1"> |
| 701 |
<div class="overlap_options"> |
|
| 702 |
<div class="actions_list"> |
|
| 703 |
<ul> |
|
| 704 |
<li><a href="">Start</a></li> |
|
| 705 |
<li><a href="">Shutdown</a></li> |
|
| 706 |
<li><a href="">Reboot</a></li> |
|
| 707 |
<li><a href="">Destroy</a></li> |
|
| 708 |
<li><a href="">Option i</a></li> |
|
| 709 |
<li><a href="">Option j</a></li> |
|
| 710 |
<li><a href="">Option k</a></li> |
|
| 711 |
</ul> |
|
| 712 |
</div> |
|
| 713 |
<div class="main_actions_list"> |
|
| 714 |
<ul> |
|
| 715 |
<li><a href="">Connect</a></li> |
|
| 716 |
<li><a href="">Details</a></li> |
|
| 717 |
</ul> |
|
| 718 |
</div> |
|
| 719 |
</div> |
|
| 701 | 720 |
<div class="container"> |
| 702 | 721 |
<div class="img-wrap"> |
| 703 | 722 |
<div class="img running"> |
| ... | ... | |
| 714 | 733 |
<a href="" class="tag3"> </a> |
| 715 | 734 |
<a href="" class="tag2"> </a> |
| 716 | 735 |
</div> |
| 717 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 718 | 736 |
</div> |
| 719 | 737 |
</li> |
| 720 | 738 |
<li data-order="2"> |
| ... | ... | |
| 733 | 751 |
<div class="tags"> |
| 734 | 752 |
<a href="" class="tag2"> </a> |
| 735 | 753 |
</div> |
| 736 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 737 | 754 |
</div> |
| 738 | 755 |
</li> |
| 739 | 756 |
<li data-order="3"> |
| ... | ... | |
| 754 | 771 |
<a href="" class="tag2"> </a> |
| 755 | 772 |
<a href="" class="tag3"> </a> |
| 756 | 773 |
</div> |
| 757 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 758 | 774 |
</div> |
| 759 | 775 |
</li> |
| 760 | 776 |
<li data-order="4"> |
| ... | ... | |
| 774 | 790 |
<a href="" class="tag1"> </a> |
| 775 | 791 |
<a href="" class="tag2"> </a> |
| 776 | 792 |
</div> |
| 777 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 778 | 793 |
</div> |
| 779 | 794 |
</li> |
| 780 | 795 |
|
| /dev/null | ||
|---|---|---|
| 1 |
|
|
| 2 |
<!DOCTYPE html> |
|
| 3 |
<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]--> |
|
| 4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> |
|
| 5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
|
| 6 |
|
|
| 7 |
<head> |
|
| 8 |
<meta charset="utf-8" /> |
|
| 9 |
<meta name="viewport" content="width=device-width" /> |
|
| 10 |
<title>Synnefo | VM list</title> |
|
| 11 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
|
| 12 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
|
| 13 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
|
| 14 |
<link rel="stylesheet" href="stylesheets/farbtastic.css" /> |
|
| 15 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
|
| 16 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
|
| 17 |
<link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
|
| 18 |
<link rel="stylesheet" href="stylesheets/ExpandingSearchBar/component.css" /> |
|
| 19 |
|
|
| 20 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
|
| 21 |
</head> |
|
| 22 |
<body> |
|
| 23 |
<header class="header"> |
|
| 24 |
<nav> |
|
| 25 |
<ul class="icons-nav"> |
|
| 26 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC_fill"></span></a></li> |
|
| 27 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
|
| 28 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
|
| 29 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
|
| 30 |
</ul> |
|
| 31 |
</nav> |
|
| 32 |
<div class="login"> |
|
| 33 |
<a href=""><span class="snf-lock_open"></span></a> |
|
| 34 |
</div> |
|
| 35 |
<div class="logo"> |
|
| 36 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
|
| 37 |
</div> |
|
| 38 |
</header> |
|
| 39 |
<div class="overlay-wrapper"> |
|
| 40 |
<div class="overlay-area"> |
|
| 41 |
<div id="overlay1" class="overlay-div"> |
|
| 42 |
<a href="" class="close"><span class="snf-close"></span></a> |
|
| 43 |
<p>Are you sure you want to reboot your machine?</p> |
|
| 44 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 45 |
</div> |
|
| 46 |
<div id="overlay2" class="overlay-div"> |
|
| 47 |
<a href="" class="close"><span class="snf-close"></span></a> |
|
| 48 |
<p>Are you sure you want to shutdown your machine?</p> |
|
| 49 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 50 |
</div> |
|
| 51 |
<div id="vm-wizard" class="overlay-div wizard"> |
|
| 52 |
<div class="top"> |
|
| 53 |
<div class="numbers"> |
|
| 54 |
<div class="row"> |
|
| 55 |
<a href="" class="close"><span class="snf-close"></span></a> |
|
| 56 |
<ul class="nums"> |
|
| 57 |
<li class="current preselected"> |
|
| 58 |
<em><span>1</span></em> |
|
| 59 |
<p><strong>Select an OS</strong> Choose your preferred image</p> |
|
| 60 |
</li> |
|
| 61 |
<li> |
|
| 62 |
<em><span>2</span></em> |
|
| 63 |
<p><strong>Select CPUs, RAM and Disk Size </strong> |
|
| 64 |
Available options are filtered based on the selected image</p> |
|
| 65 |
</li> |
|
| 66 |
<li> |
|
| 67 |
<em><span>3</span></em> |
|
| 68 |
<p><strong>Virtual machine custom options</strong> |
|
| 69 |
Virtual machine custom options</p> |
|
| 70 |
</li> |
|
| 71 |
<li> |
|
| 72 |
<em><span>4</span></em> |
|
| 73 |
<p><strong>Confirm your settings</strong> |
|
| 74 |
Confirm that the options you have selected are correct</p> |
|
| 75 |
</li> |
|
| 76 |
</ul> |
|
| 77 |
</div> |
|
| 78 |
</div> |
|
| 79 |
<div class="row menus"> |
|
| 80 |
<nav class="sub-menu" data-step=1> |
|
| 81 |
<ul> |
|
| 82 |
<li><a href="" class="current preselected el2 firstfocus-1" data-img-type="system-images">System</a></li> |
|
| 83 |
<li><a href="" data-img-type="my-images">My images</a></li> |
|
| 84 |
<li><a href="" data-img-type="shared-images">Shared with me</a></li> |
|
| 85 |
<li><a href="" data-next="el1" data-img-type="public-images">Public</a></li> |
|
| 86 |
</ul> |
|
| 87 |
</nav> |
|
| 88 |
<nav class="sub-menu" data-step=2> |
|
| 89 |
<ul> |
|
| 90 |
<li><a href="" class="current preselected el4 firstfocus-2" data-size="small">Small</a></li> |
|
| 91 |
<li><a href="" data-size="medium">Medium</a></li> |
|
| 92 |
<li><a href="" data-size="large" data-next="el5">Large</a></li> |
|
| 93 |
</ul> |
|
| 94 |
</nav> |
|
| 95 |
</div> |
|
| 96 |
</div> |
|
| 97 |
<div class="middle"> |
|
| 98 |
<div class="steps"> |
|
| 99 |
<div class="step step-1 current preselected" id="step-1" data-step="1"> |
|
| 100 |
<ul class="os"> |
|
| 101 |
<li class="current preselected system-images"> |
|
| 102 |
<div class="row"> |
|
| 103 |
<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
|
| 104 |
<a href="" class="name-col el1">Kubuntu</a> |
|
| 105 |
<div class="size-col">3.13 GB</div> |
|
| 106 |
<div class="btn-col"><a href="">details</a></div> |
|
| 107 |
</div> |
|
| 108 |
<div class="details"> |
|
| 109 |
<div class="row"> |
|
| 110 |
<h3>Image metadata</h3> |
|
| 111 |
<dl> |
|
| 112 |
<dt>Owner</dt> |
|
| 113 |
<dd>system</dd> |
|
| 114 |
<dt>OS</dt> |
|
| 115 |
<dd>Kubuntu</dd> |
|
| 116 |
<dt>Kernel</dt> |
|
| 117 |
<dd>4.8.2</dd> |
|
| 118 |
<dt>Size</dt> |
|
| 119 |
<dd>2.51GB</dd> |
|
| 120 |
<dt>Users</dt> |
|
| 121 |
<dd>user</dd> |
|
| 122 |
<dt>Root partition</dt> |
|
| 123 |
<dd>1</dd> |
|
| 124 |
</dl> |
|
| 125 |
</div> |
|
| 126 |
</div> |
|
| 127 |
</li> |
|
| 128 |
<li class="public-images"> |
|
| 129 |
<div class="row"> |
|
| 130 |
<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
|
| 131 |
<a href="" class="name-col">Kubuntu LTS</a> |
|
| 132 |
<div class="size-col">10GB</div> |
|
| 133 |
<div class="btn-col"><a href="">details</a></div> |
|
| 134 |
</div> |
|
| 135 |
<div class="details"> |
|
| 136 |
<div class="row"> |
|
| 137 |
<h3>Image metadata</h3> |
|
| 138 |
<dl> |
|
| 139 |
<dt>Owner</dt> |
|
| 140 |
<dd>system</dd> |
|
| 141 |
<dt>OS</dt> |
|
| 142 |
<dd>Kubuntu</dd> |
|
| 143 |
<dt>Kernel</dt> |
|
| 144 |
<dd>4.8.2</dd> |
|
| 145 |
<dt>Size</dt> |
|
| 146 |
<dd>2.51GB</dd> |
|
| 147 |
<dt>Users</dt> |
|
| 148 |
<dd>user</dd> |
|
| 149 |
<dt>Root partition</dt> |
|
| 150 |
<dd>1</dd> |
|
| 151 |
</dl> |
|
| 152 |
</div> |
|
| 153 |
</div> |
|
| 154 |
</li> |
|
| 155 |
<li class="public-images"> |
|
| 156 |
<div class="row"> |
|
| 157 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
|
| 158 |
<a href="" class="name-col">Fedora</a> |
|
| 159 |
<div class="size-col">10GB</div> |
|
| 160 |
<div class="btn-col"><a href="">details</a></div> |
|
| 161 |
</div> |
|
| 162 |
<div class="details"> |
|
| 163 |
<div class="row"> |
|
| 164 |
<h3>Image metadata</h3> |
|
| 165 |
<dl> |
|
| 166 |
<dt>Owner</dt> |
|
| 167 |
<dd>system</dd> |
|
| 168 |
<dt>OS</dt> |
|
| 169 |
<dd>Kubuntu</dd> |
|
| 170 |
<dt>Kernel</dt> |
|
| 171 |
<dd>4.8.2</dd> |
|
| 172 |
<dt>Size</dt> |
|
| 173 |
<dd>2.51GB</dd> |
|
| 174 |
<dt>Users</dt> |
|
| 175 |
<dd>user</dd> |
|
| 176 |
<dt>Root partition</dt> |
|
| 177 |
<dd>1</dd> |
|
| 178 |
</dl> |
|
| 179 |
</div> |
|
| 180 |
</div> |
|
| 181 |
</li> |
|
| 182 |
<li class="shared-images"> |
|
| 183 |
<div class="row"> |
|
| 184 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
|
| 185 |
<a href="" class="name-col">Fedora</a> |
|
| 186 |
<div class="size-col">3.67 GB</div> |
|
| 187 |
<div class="btn-col"><a href="">details</a></div> |
|
| 188 |
</div> |
|
| 189 |
<div class="details"> |
|
| 190 |
<div class="row"> |
|
| 191 |
<h3>Image metadata</h3> |
|
| 192 |
<dl> |
|
| 193 |
<dt>Owner</dt> |
|
| 194 |
<dd>system</dd> |
|
| 195 |
<dt>OS</dt> |
|
| 196 |
<dd>Kubuntu</dd> |
|
| 197 |
<dt>Kernel</dt> |
|
| 198 |
<dd>4.8.2</dd> |
|
| 199 |
<dt>Size</dt> |
|
| 200 |
<dd>2.51GB</dd> |
|
| 201 |
<dt>Users</dt> |
|
| 202 |
<dd>user</dd> |
|
| 203 |
<dt>Root partition</dt> |
|
| 204 |
<dd>1</dd> |
|
| 205 |
</dl> |
|
| 206 |
</div> |
|
| 207 |
</div> |
|
| 208 |
</li> |
|
| 209 |
<li class="my-images"> |
|
| 210 |
<div class="row"> |
|
| 211 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
|
| 212 |
<a href="" class="name-col">Windows Server 2012</a> |
|
| 213 |
<div class="size-col">13.66 GB</div> |
|
| 214 |
<div class="btn-col"><a href="">details</a></div> |
|
| 215 |
</div> |
|
| 216 |
<div class="details"> |
|
| 217 |
<div class="row"> |
|
| 218 |
<h3>Image metadata</h3> |
|
| 219 |
<dl> |
|
| 220 |
<dt>Owner</dt> |
|
| 221 |
<dd>system</dd> |
|
| 222 |
<dt>OS</dt> |
|
| 223 |
<dd>Kubuntu</dd> |
|
| 224 |
<dt>Kernel</dt> |
|
| 225 |
<dd>4.8.2</dd> |
|
| 226 |
<dt>Size</dt> |
|
| 227 |
<dd>2.51GB</dd> |
|
| 228 |
<dt>Users</dt> |
|
| 229 |
<dd>user</dd> |
|
| 230 |
<dt>Root partition</dt> |
|
| 231 |
<dd>1</dd> |
|
| 232 |
</dl> |
|
| 233 |
</div> |
|
| 234 |
</div> |
|
| 235 |
</li> |
|
| 236 |
<li class="system-images"> |
|
| 237 |
<div class="row"> |
|
| 238 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
|
| 239 |
<a href="" class="name-col">Windows Server 2012</a> |
|
| 240 |
<div class="size-col">13.66 GB</div> |
|
| 241 |
<div class="btn-col"><a href="">details</a></div> |
|
| 242 |
</div> |
|
| 243 |
<div class="details"> |
|
| 244 |
<div class="row"> |
|
| 245 |
<h3>Image metadata</h3> |
|
| 246 |
<dl> |
|
| 247 |
<dt>Owner</dt> |
|
| 248 |
<dd>system</dd> |
|
| 249 |
<dt>OS</dt> |
|
| 250 |
<dd>Kubuntu</dd> |
|
| 251 |
<dt>Kernel</dt> |
|
| 252 |
<dd>4.8.2</dd> |
|
| 253 |
<dt>Size</dt> |
|
| 254 |
<dd>2.51GB</dd> |
|
| 255 |
<dt>Users</dt> |
|
| 256 |
<dd>user</dd> |
|
| 257 |
<dt>Root partition</dt> |
|
| 258 |
<dd>1</dd> |
|
| 259 |
</dl> |
|
| 260 |
</div> |
|
| 261 |
</div> |
|
| 262 |
</li> |
|
| 263 |
<li class="system-images"> |
|
| 264 |
<div class="row"> |
|
| 265 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
|
| 266 |
<a href="" class="name-col">Windows Server 2008</a> |
|
| 267 |
<div class="size-col">10.79 GB</div> |
|
| 268 |
<div class="btn-col"><a href="" data-next="el3">details</a></div> |
|
| 269 |
</div> |
|
| 270 |
<div class="details"> |
|
| 271 |
<div class="row"> |
|
| 272 |
<h3>Image metadata</h3> |
|
| 273 |
<dl> |
|
| 274 |
<dt>Owner</dt> |
|
| 275 |
<dd>system</dd> |
|
| 276 |
<dt>OS</dt> |
|
| 277 |
<dd>Kubuntu</dd> |
|
| 278 |
<dt>Kernel</dt> |
|
| 279 |
<dd>4.8.2</dd> |
|
| 280 |
<dt>Size</dt> |
|
| 281 |
<dd>2.51GB</dd> |
|
| 282 |
<dt>Users</dt> |
|
| 283 |
<dd>user</dd> |
|
| 284 |
<dt>Root partition</dt> |
|
| 285 |
<dd>1</dd> |
|
| 286 |
</dl> |
|
| 287 |
</div> |
|
| 288 |
</div> |
|
| 289 |
</li> |
|
| 290 |
|
|
| 291 |
</ul> |
|
| 292 |
</div> |
|
| 293 |
<div class="step step-2" id="step-2" data-step=2> |
|
| 294 |
<div class="row"> |
|
| 295 |
<form class="custom"> |
|
| 296 |
<select class="medium"> |
|
| 297 |
<option class="el5">Assign to project</option> |
|
| 298 |
<option>Project 2</option> |
|
| 299 |
<option>Project 3</option> |
|
| 300 |
</select> |
|
| 301 |
</form> |
|
| 302 |
<ul class="flavor"> |
|
| 303 |
<li> |
|
| 304 |
<div class="title"> |
|
| 305 |
<span class="snf-cpu icon"></span> |
|
| 306 |
<h2> |
|
| 307 |
CPU<span> (x cores)</span> |
|
| 308 |
<em>Choose number of CPU cores</em> |
|
| 309 |
</h2> |
|
| 310 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
|
| 311 |
</div> |
|
| 312 |
<div class="options-bar"> |
|
| 313 |
<div class="bar"> |
|
| 314 |
<div class="wrap"> |
|
| 315 |
<div class="container"> |
|
| 316 |
<!-- width percentages do not correspond to actual mesurements --> |
|
| 317 |
<div class="total" style="width:60%"> |
|
| 318 |
<div class="current" style="width:30%"></div> |
|
| 319 |
<span>60%</span> |
|
| 320 |
</div> |
|
| 321 |
</div> |
|
| 322 |
</div> |
|
| 323 |
</div> |
|
| 324 |
<ul class="options with-flavor"> |
|
| 325 |
<li><a href="" class="small current preselected " data-help="help text for 1">1</a></li> |
|
| 326 |
<li><a href="" class="medium" data-help="help text for 2">2</a></li> |
|
| 327 |
<li><a href="" class="large disabled" data-help="help text for 3">3</a></li> |
|
| 328 |
<li><a href="" class="disabled" data-help="help text for 4">4</a></li> |
|
| 329 |
</ul> |
|
| 330 |
</div> |
|
| 331 |
</li> |
|
| 332 |
<li> |
|
| 333 |
<div class="title"> |
|
| 334 |
<span class="snf-ram icon"></span> |
|
| 335 |
<h2> |
|
| 336 |
Memory Size |
|
| 337 |
<span> (MB)</span> |
|
| 338 |
<em>Choose memory size</em> |
|
| 339 |
</h2> |
|
| 340 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
|
| 341 |
</div> |
|
| 342 |
<div class="options-bar"> |
|
| 343 |
<div class="bar"> |
|
| 344 |
<div class="wrap"> |
|
| 345 |
<div class="container"> |
|
| 346 |
<!-- width percentages do not correspond to actual mesurements --> |
|
| 347 |
<div class="total" style="width:60%"> |
|
| 348 |
<div class="current" style="width:30%"></div> |
|
| 349 |
<span>60%</span> |
|
| 350 |
</div> |
|
| 351 |
</div> |
|
| 352 |
</div> |
|
| 353 |
</div> |
|
| 354 |
<ul class="options with-flavor"> |
|
| 355 |
<li><a href="" class="small current preselected">1024</a></li> |
|
| 356 |
<li><a href="" class="medium">2048</a></li> |
|
| 357 |
<li><a href="" class="large">4096</a></li> |
|
| 358 |
</ul> |
|
| 359 |
</div> |
|
Also available in: Unified diff