Revision 5b2f3030
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 62 | 62 |
ui.VMactionsInit = function(){
|
| 63 | 63 |
|
| 64 | 64 |
// if VM is stopped hide connect option |
| 65 |
$('.vms li .container .stopped').parents('.container').find('.options .connect').hide();
|
|
| 66 |
|
|
| 67 |
var vm_container = $('.vms li .container');
|
|
| 68 |
var vm_img = vm_container.find('.img-wrap');
|
|
| 69 |
|
|
| 65 |
$('.vms .container .stopped').parents('.container').find('.options .connect').hide();
|
|
| 66 |
|
|
| 70 | 67 |
$('.vms li .container').mouseenter(
|
| 71 | 68 |
function (e) {
|
| 72 | 69 |
$(this).find('.img').css('visibility','hidden');
|
| ... | ... | |
| 99 | 96 |
|
| 100 | 97 |
$('.vms .container .check').click(function(e){
|
| 101 | 98 |
e.preventDefault(); |
| 99 |
|
|
| 102 | 100 |
var checkbox = $(this).find('.custom_checkbox');
|
| 103 | 101 |
|
| 104 | 102 |
checkbox.toggleClass('checkbox-checked');
|
| ... | ... | |
| 110 | 108 |
else{
|
| 111 | 109 |
checkbox.html('a');
|
| 112 | 110 |
$(this).parents('.container').removeClass('set-bg');
|
| 111 |
$(this).hide(); |
|
| 113 | 112 |
|
| 114 | 113 |
} |
| 114 |
|
|
| 115 |
// in any case, hide extra options and reset positions to normal |
|
| 115 | 116 |
$(this).parents('.container').removeClass('set-border');
|
| 116 | 117 |
$(this).parents('.container').find('.img').css('visibility','visible');
|
| 117 | 118 |
$(this).parents('.container').find('.options').hide();
|
| 119 |
$(this).parents('.container').find('.visible-info em').removeAttr('style');
|
|
| 118 | 120 |
|
| 119 | 121 |
ui.cntCheckbox(); |
| 120 | 122 |
}) |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
|---|---|---|
| 198 | 198 |
} |
| 199 | 199 |
|
| 200 | 200 |
.main {
|
| 201 |
padding:20px 40px;
|
|
| 201 |
padding:43px 40px;
|
|
| 202 | 202 |
} |
| 203 | 203 |
|
| 204 | 204 |
body.with-overlay {
|
| ... | ... | |
| 327 | 327 |
color:$white; |
| 328 | 328 |
} |
| 329 | 329 |
|
| 330 |
|
|
| 330 | 331 |
.items-list {
|
| 331 | 332 |
padding:25px 0; |
| 332 | 333 |
li {
|
| 333 | 334 |
text-align:center; |
| 334 | 335 |
padding:20px; |
| 336 |
.add-new {
|
|
| 337 |
a {
|
|
| 338 |
margin:0 20px; |
|
| 339 |
display: block; |
|
| 340 |
font-weight: bold; |
|
| 341 |
height:190px; |
|
| 342 |
padding:65px 30px 15px; |
|
| 343 |
border:2px dashed $primary-color; |
|
| 344 |
&:hover {
|
|
| 345 |
border-color:$secondary-color; |
|
| 346 |
color:$secondary-color; |
|
| 347 |
} |
|
| 348 |
} |
|
| 349 |
} |
|
| 350 |
.img {
|
|
| 351 |
margin-bottom: 20px; |
|
| 352 |
position: relative; |
|
| 353 |
height:58px; |
|
| 354 |
} |
|
| 355 |
.container {
|
|
| 356 |
&.set-bg { background:lighten($primary-color,30%); }
|
|
| 357 |
&.set-border { border-color:$secondary-color; }
|
|
| 358 |
border:1px solid transparent; |
|
| 359 |
margin: 0 20px; |
|
| 360 |
padding:25px 0; |
|
| 361 |
position: relative; |
|
| 362 |
.options {
|
|
| 363 |
width:100%; |
|
| 364 |
text-align:center; |
|
| 365 |
position: absolute; |
|
| 366 |
top:-3px; |
|
| 367 |
left:0; |
|
| 368 |
display: none; |
|
| 369 |
z-index: 1; |
|
| 370 |
.wrap {
|
|
| 371 |
height:100%; |
|
| 372 |
padding:25px; |
|
| 373 |
text-align: left; |
|
| 374 |
a {
|
|
| 375 |
font-size:emCalc(27px); |
|
| 376 |
display: block; |
|
| 377 |
color:$primary-color; |
|
| 378 |
line-height: 1em; |
|
| 379 |
margin-bottom:10px; |
|
| 380 |
|
|
| 381 |
font-weight: bold; |
|
| 382 |
&:hover {
|
|
| 383 |
color: $secondary-color; |
|
| 384 |
} |
|
| 385 |
} |
|
| 386 |
} |
|
| 387 |
} |
|
| 388 |
} |
|
| 389 |
.check {
|
|
| 390 |
position:absolute; |
|
| 391 |
right:10px; |
|
| 392 |
top:5px; |
|
| 393 |
display: none; |
|
| 394 |
color:$secondary-color; |
|
| 395 |
font-weight: bold; |
|
| 396 |
font-size:emCalc(27px); |
|
| 397 |
cursor: pointer; |
|
| 398 |
z-index: 10; |
|
| 399 |
span { position:relative; z-index:10;}
|
|
| 400 |
} |
|
| 335 | 401 |
.visible-info {
|
| 336 | 402 |
margin: 0 25px; |
| 337 | 403 |
position:relative; |
| 338 | 404 |
color:$primary-color; |
| 405 |
overflow: hidden; |
|
| 339 | 406 |
span {
|
| 407 |
&.title {
|
|
| 408 |
white-space: nowrap; |
|
| 409 |
} |
|
| 340 | 410 |
display: block; |
| 341 | 411 |
position: relative; |
| 342 | 412 |
em {
|
| ... | ... | |
| 345 | 415 |
} |
| 346 | 416 |
} |
| 347 | 417 |
} |
| 348 |
} |
|
| 349 |
} |
|
| 350 | 418 |
|
| 351 |
.vms {
|
|
| 352 |
.items-list {
|
|
| 353 |
li {
|
|
| 354 |
.add-new {
|
|
| 355 |
a {
|
|
| 356 |
margin:0 20px; |
|
| 357 |
display: block; |
|
| 358 |
font-weight: bold; |
|
| 359 |
height:190px; |
|
| 360 |
padding:65px 30px 15px; |
|
| 361 |
border:2px dashed $primary-color; |
|
| 362 |
&:hover {
|
|
| 363 |
border-color:$secondary-color; |
|
| 364 |
color:$secondary-color; |
|
| 365 |
} |
|
| 366 |
} |
|
| 367 |
} |
|
| 368 |
.img {
|
|
| 369 |
@include sprite('../images/vm-on.png', 56px, 58px);
|
|
| 370 |
margin-bottom: 20px; |
|
| 371 |
position: relative; |
|
| 372 |
&.stopped {
|
|
| 373 |
background-image:url('../images/vm-stopped.png');
|
|
| 374 |
} |
|
| 375 |
.os {
|
|
| 376 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
|
| 377 |
position: absolute; |
|
| 378 |
top:8px; |
|
| 379 |
left:18px; |
|
| 380 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 381 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 382 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 383 |
} |
|
| 384 |
|
|
| 385 |
} |
|
| 386 |
|
|
| 387 |
.container {
|
|
| 388 |
&.set-bg { background:lighten($primary-color,30%); }
|
|
| 389 |
&.set-border { border-color:$secondary-color; }
|
|
| 390 |
border:1px solid transparent; |
|
| 391 |
margin: 0 20px; |
|
| 392 |
padding:25px 0; |
|
| 393 |
position: relative; |
|
| 394 |
.options {
|
|
| 395 |
width:100%; |
|
| 396 |
text-align:center; |
|
| 397 |
position: absolute; |
|
| 398 |
top:-3px; |
|
| 399 |
left:0; |
|
| 400 |
display: none; |
|
| 401 |
z-index: 1; |
|
| 402 |
.wrap {
|
|
| 403 |
height:100%; |
|
| 404 |
padding:25px; |
|
| 405 |
text-align: left; |
|
| 406 |
a {
|
|
| 407 |
font-size:emCalc(27px); |
|
| 408 |
display: block; |
|
| 409 |
color:$primary-color; |
|
| 410 |
line-height: 1em; |
|
| 411 |
margin-bottom:10px; |
|
| 412 |
|
|
| 413 |
font-weight: bold; |
|
| 414 |
&:hover {
|
|
| 415 |
color: $secondary-color; |
|
| 416 |
} |
|
| 417 |
} |
|
| 418 |
} |
|
| 419 |
} |
|
| 420 |
} |
|
| 421 |
.check {
|
|
| 422 |
position:absolute; |
|
| 423 |
right:10px; |
|
| 424 |
top:5px; |
|
| 425 |
display: none; |
|
| 426 |
color:$secondary-color; |
|
| 427 |
font-weight: bold; |
|
| 428 |
font-size:emCalc(27px); |
|
| 429 |
cursor: pointer; |
|
| 430 |
z-index: 10; |
|
| 431 |
span { position:relative; z-index:10;}
|
|
| 432 |
} |
|
| 433 |
|
|
| 434 |
} |
|
| 435 | 419 |
} |
| 436 | 420 |
} |
| 437 | 421 |
|
| 438 |
.lt-sidebar.vms {
|
|
| 422 |
.lt-sidebar {
|
|
| 423 |
margin-top:43px; |
|
| 439 | 424 |
overflow:scroll; |
| 440 | 425 |
height:300px; |
| 441 | 426 |
font-size:emCalc(12px); |
| ... | ... | |
| 457 | 442 |
|
| 458 | 443 |
} |
| 459 | 444 |
|
| 460 |
.vm {
|
|
| 445 |
.vms .items-list {
|
|
| 461 | 446 |
.img {
|
| 462 |
@include sprite('../images/vm-on.png', 56px, 58px);
|
|
| 463 |
margin-bottom: 20px; |
|
| 464 |
position: relative; |
|
| 465 |
&.stopped {
|
|
| 466 |
background-image:url('../images/vm-stopped.png');
|
|
| 467 |
} |
|
| 468 |
.os {
|
|
| 469 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
|
| 470 |
position: absolute; |
|
| 471 |
top:8px; |
|
| 472 |
left:18px; |
|
| 473 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 474 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 475 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 476 |
} |
|
| 447 |
@include sprite('../images/vm-on.png', 56px, 58px);
|
|
| 448 |
|
|
| 449 |
&.stopped {
|
|
| 450 |
background-image:url('../images/vm-stopped.png');
|
|
| 477 | 451 |
} |
| 452 |
.os {
|
|
| 453 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
|
| 454 |
position: absolute; |
|
| 455 |
top:8px; |
|
| 456 |
left:18px; |
|
| 457 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 458 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 459 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 460 |
} |
|
| 461 |
|
|
| 462 |
} |
|
| 478 | 463 |
} |
| 479 | 464 |
|
| 480 |
.details {
|
|
| 481 |
position:relative; |
|
| 482 |
|
|
| 465 |
|
|
| 466 |
.vm {
|
|
| 483 | 467 |
.top {
|
| 484 |
padding:100px $header-padding-horizontal; |
|
| 485 |
text-align: center; |
|
| 486 | 468 |
.img {
|
| 487 | 469 |
@include sprite('../images/vm-on.png', 112px, 116px);
|
| 488 |
background-size:100%; |
|
| 470 |
} |
|
| 471 |
&.stopped {
|
|
| 472 |
background-image:url('../images/vm-stopped.png');
|
|
| 489 | 473 |
} |
| 490 | 474 |
.os {
|
| 475 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
|
| 476 |
position: absolute; |
|
| 491 | 477 |
background-size:100%; |
| 492 | 478 |
width:44px; |
| 493 | 479 |
height:44px; |
| 494 | 480 |
left:36px; |
| 495 | 481 |
top:16px; |
| 482 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 483 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 484 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 485 |
} |
|
| 486 |
} |
|
| 487 |
} |
|
| 488 |
|
|
| 489 |
.details {
|
|
| 490 |
position:relative; |
|
| 491 |
|
|
| 492 |
.top {
|
|
| 493 |
padding:100px $header-padding-horizontal; |
|
| 494 |
text-align: center; |
|
| 495 |
.img {
|
|
| 496 |
background-size:100%; |
|
| 497 |
margin-bottom: 20px; |
|
| 498 |
position: relative; |
|
| 496 | 499 |
} |
| 497 | 500 |
.actions {
|
| 498 | 501 |
ul {
|
| ... | ... | |
| 530 | 533 |
} |
| 531 | 534 |
} |
| 532 | 535 |
|
| 536 |
|
|
| 537 |
|
|
| 538 |
|
|
| 539 |
|
|
| 533 | 540 |
.border-bottom-style1 {
|
| 534 | 541 |
padding-bottom:20px; |
| 535 | 542 |
margin-bottom:20px; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 6938 | 6938 |
|
| 6939 | 6939 |
/* line 200, ../sass/app.scss */ |
| 6940 | 6940 |
.main {
|
| 6941 |
padding: 20px 40px;
|
|
| 6941 |
padding: 43px 40px;
|
|
| 6942 | 6942 |
} |
| 6943 | 6943 |
|
| 6944 | 6944 |
/* line 204, ../sass/app.scss */ |
| ... | ... | |
| 7089 | 7089 |
color: white; |
| 7090 | 7090 |
} |
| 7091 | 7091 |
|
| 7092 |
/* line 330, ../sass/app.scss */
|
|
| 7092 |
/* line 331, ../sass/app.scss */
|
|
| 7093 | 7093 |
.items-list {
|
| 7094 | 7094 |
padding: 25px 0; |
| 7095 | 7095 |
} |
| 7096 |
/* line 332, ../sass/app.scss */
|
|
| 7096 |
/* line 333, ../sass/app.scss */
|
|
| 7097 | 7097 |
.items-list li {
|
| 7098 | 7098 |
text-align: center; |
| 7099 | 7099 |
padding: 20px; |
| 7100 | 7100 |
} |
| 7101 |
/* line 335, ../sass/app.scss */ |
|
| 7102 |
.items-list li .visible-info {
|
|
| 7103 |
margin: 0 25px; |
|
| 7104 |
position: relative; |
|
| 7105 |
color: #919194; |
|
| 7106 |
} |
|
| 7107 |
/* line 339, ../sass/app.scss */ |
|
| 7108 |
.items-list li .visible-info span {
|
|
| 7109 |
display: block; |
|
| 7110 |
position: relative; |
|
| 7111 |
} |
|
| 7112 |
/* line 342, ../sass/app.scss */ |
|
| 7113 |
.items-list li .visible-info span em {
|
|
| 7114 |
font-style: normal; |
|
| 7115 |
position: relative; |
|
| 7116 |
} |
|
| 7117 |
|
|
| 7118 |
/* line 355, ../sass/app.scss */ |
|
| 7119 |
.vms .items-list li .add-new a {
|
|
| 7101 |
/* line 337, ../sass/app.scss */ |
|
| 7102 |
.items-list li .add-new a {
|
|
| 7120 | 7103 |
margin: 0 20px; |
| 7121 | 7104 |
display: block; |
| 7122 | 7105 |
font-weight: bold; |
| ... | ... | |
| 7124 | 7107 |
padding: 65px 30px 15px; |
| 7125 | 7108 |
border: 2px dashed #919194; |
| 7126 | 7109 |
} |
| 7127 |
/* line 362, ../sass/app.scss */
|
|
| 7128 |
.vms .items-list li .add-new a:hover {
|
|
| 7110 |
/* line 344, ../sass/app.scss */
|
|
| 7111 |
.items-list li .add-new a:hover {
|
|
| 7129 | 7112 |
border-color: #ff7bac; |
| 7130 | 7113 |
color: #ff7bac; |
| 7131 | 7114 |
} |
| 7132 |
/* line 368, ../sass/app.scss */ |
|
| 7133 |
.vms .items-list li .img {
|
|
| 7134 |
background: url("../images/vm-on.png") no-repeat center center;
|
|
| 7135 |
width: 56px; |
|
| 7136 |
height: 58px; |
|
| 7137 |
display: inline-block; |
|
| 7138 |
text-indent: -2000px; |
|
| 7139 |
overflow: hidden; |
|
| 7115 |
/* line 350, ../sass/app.scss */ |
|
| 7116 |
.items-list li .img {
|
|
| 7140 | 7117 |
margin-bottom: 20px; |
| 7141 | 7118 |
position: relative; |
| 7119 |
height: 58px; |
|
| 7142 | 7120 |
} |
| 7143 |
/* line 372, ../sass/app.scss */ |
|
| 7144 |
.vms .items-list li .img.stopped {
|
|
| 7145 |
background-image: url("../images/vm-stopped.png");
|
|
| 7146 |
} |
|
| 7147 |
/* line 375, ../sass/app.scss */ |
|
| 7148 |
.vms .items-list li .img .os {
|
|
| 7149 |
background: url("../images/os-unknown.png") no-repeat center center;
|
|
| 7150 |
width: 22px; |
|
| 7151 |
height: 22px; |
|
| 7152 |
display: inline-block; |
|
| 7153 |
text-indent: -2000px; |
|
| 7154 |
overflow: hidden; |
|
| 7155 |
position: absolute; |
|
| 7156 |
top: 8px; |
|
| 7157 |
left: 18px; |
|
| 7158 |
} |
|
| 7159 |
/* line 380, ../sass/app.scss */ |
|
| 7160 |
.vms .items-list li .img .os.windows {
|
|
| 7161 |
background-image: url("../images/os-windows.png");
|
|
| 7162 |
} |
|
| 7163 |
/* line 381, ../sass/app.scss */ |
|
| 7164 |
.vms .items-list li .img .os.kubuntu {
|
|
| 7165 |
background-image: url("../images/os-kubuntu.png");
|
|
| 7166 |
} |
|
| 7167 |
/* line 382, ../sass/app.scss */ |
|
| 7168 |
.vms .items-list li .img .os.fedora {
|
|
| 7169 |
background-image: url("../images/os-fedora.png");
|
|
| 7170 |
} |
|
| 7171 |
/* line 387, ../sass/app.scss */ |
|
| 7172 |
.vms .items-list li .container {
|
|
| 7121 |
/* line 355, ../sass/app.scss */ |
|
| 7122 |
.items-list li .container {
|
|
| 7173 | 7123 |
border: 1px solid transparent; |
| 7174 | 7124 |
margin: 0 20px; |
| 7175 | 7125 |
padding: 25px 0; |
| 7176 | 7126 |
position: relative; |
| 7177 | 7127 |
} |
| 7178 |
/* line 388, ../sass/app.scss */
|
|
| 7179 |
.vms .items-list li .container.set-bg {
|
|
| 7128 |
/* line 356, ../sass/app.scss */
|
|
| 7129 |
.items-list li .container.set-bg {
|
|
| 7180 | 7130 |
background: #dfdfdf; |
| 7181 | 7131 |
} |
| 7182 |
/* line 389, ../sass/app.scss */
|
|
| 7183 |
.vms .items-list li .container.set-border {
|
|
| 7132 |
/* line 357, ../sass/app.scss */
|
|
| 7133 |
.items-list li .container.set-border {
|
|
| 7184 | 7134 |
border-color: #ff7bac; |
| 7185 | 7135 |
} |
| 7186 |
/* line 394, ../sass/app.scss */
|
|
| 7187 |
.vms .items-list li .container .options {
|
|
| 7136 |
/* line 362, ../sass/app.scss */
|
|
| 7137 |
.items-list li .container .options {
|
|
| 7188 | 7138 |
width: 100%; |
| 7189 | 7139 |
text-align: center; |
| 7190 | 7140 |
position: absolute; |
| ... | ... | |
| 7193 | 7143 |
display: none; |
| 7194 | 7144 |
z-index: 1; |
| 7195 | 7145 |
} |
| 7196 |
/* line 402, ../sass/app.scss */
|
|
| 7197 |
.vms .items-list li .container .options .wrap {
|
|
| 7146 |
/* line 370, ../sass/app.scss */
|
|
| 7147 |
.items-list li .container .options .wrap {
|
|
| 7198 | 7148 |
height: 100%; |
| 7199 | 7149 |
padding: 25px; |
| 7200 | 7150 |
text-align: left; |
| 7201 | 7151 |
} |
| 7202 |
/* line 406, ../sass/app.scss */
|
|
| 7203 |
.vms .items-list li .container .options .wrap a {
|
|
| 7152 |
/* line 374, ../sass/app.scss */
|
|
| 7153 |
.items-list li .container .options .wrap a {
|
|
| 7204 | 7154 |
font-size: 1.6875em; |
| 7205 | 7155 |
display: block; |
| 7206 | 7156 |
color: #919194; |
| ... | ... | |
| 7208 | 7158 |
margin-bottom: 10px; |
| 7209 | 7159 |
font-weight: bold; |
| 7210 | 7160 |
} |
| 7211 |
/* line 414, ../sass/app.scss */
|
|
| 7212 |
.vms .items-list li .container .options .wrap a:hover {
|
|
| 7161 |
/* line 382, ../sass/app.scss */
|
|
| 7162 |
.items-list li .container .options .wrap a:hover {
|
|
| 7213 | 7163 |
color: #ff7bac; |
| 7214 | 7164 |
} |
| 7215 |
/* line 421, ../sass/app.scss */
|
|
| 7216 |
.vms .items-list li .check {
|
|
| 7165 |
/* line 389, ../sass/app.scss */
|
|
| 7166 |
.items-list li .check {
|
|
| 7217 | 7167 |
position: absolute; |
| 7218 | 7168 |
right: 10px; |
| 7219 | 7169 |
top: 5px; |
| ... | ... | |
| 7224 | 7174 |
cursor: pointer; |
| 7225 | 7175 |
z-index: 10; |
| 7226 | 7176 |
} |
| 7227 |
/* line 431, ../sass/app.scss */
|
|
| 7228 |
.vms .items-list li .check span {
|
|
| 7177 |
/* line 399, ../sass/app.scss */
|
|
| 7178 |
.items-list li .check span {
|
|
| 7229 | 7179 |
position: relative; |
| 7230 | 7180 |
z-index: 10; |
| 7231 | 7181 |
} |
| 7182 |
/* line 401, ../sass/app.scss */ |
|
| 7183 |
.items-list li .visible-info {
|
|
| 7184 |
margin: 0 25px; |
|
| 7185 |
position: relative; |
|
| 7186 |
color: #919194; |
|
| 7187 |
overflow: hidden; |
|
| 7188 |
} |
|
| 7189 |
/* line 406, ../sass/app.scss */ |
|
| 7190 |
.items-list li .visible-info span {
|
|
| 7191 |
display: block; |
|
| 7192 |
position: relative; |
|
| 7193 |
} |
|
| 7194 |
/* line 407, ../sass/app.scss */ |
|
| 7195 |
.items-list li .visible-info span.title {
|
|
| 7196 |
white-space: nowrap; |
|
| 7197 |
} |
|
| 7198 |
/* line 412, ../sass/app.scss */ |
|
| 7199 |
.items-list li .visible-info span em {
|
|
| 7200 |
font-style: normal; |
|
| 7201 |
position: relative; |
|
| 7202 |
} |
|
| 7232 | 7203 |
|
| 7233 |
/* line 438, ../sass/app.scss */ |
|
| 7234 |
.lt-sidebar.vms {
|
|
| 7204 |
/* line 422, ../sass/app.scss */ |
|
| 7205 |
.lt-sidebar {
|
|
| 7206 |
margin-top: 43px; |
|
| 7235 | 7207 |
overflow: scroll; |
| 7236 | 7208 |
height: 300px; |
| 7237 | 7209 |
font-size: 0.75em; |
| 7238 | 7210 |
} |
| 7239 |
/* line 442, ../sass/app.scss */
|
|
| 7240 |
.lt-sidebar.vms .items-list {
|
|
| 7211 |
/* line 427, ../sass/app.scss */
|
|
| 7212 |
.lt-sidebar .items-list {
|
|
| 7241 | 7213 |
padding: 0; |
| 7242 | 7214 |
} |
| 7243 |
/* line 446, ../sass/app.scss */
|
|
| 7244 |
.lt-sidebar.vms .items-list li .img,
|
|
| 7245 |
.lt-sidebar.vms .items-list li .os {
|
|
| 7215 |
/* line 431, ../sass/app.scss */
|
|
| 7216 |
.lt-sidebar .items-list li .img, |
|
| 7217 |
.lt-sidebar .items-list li .os {
|
|
| 7246 | 7218 |
background-size: 80%; |
| 7247 | 7219 |
} |
| 7248 |
/* line 449, ../sass/app.scss */
|
|
| 7249 |
.lt-sidebar.vms li:hover {
|
|
| 7220 |
/* line 434, ../sass/app.scss */
|
|
| 7221 |
.lt-sidebar li:hover {
|
|
| 7250 | 7222 |
background: #ebebec; |
| 7251 | 7223 |
} |
| 7252 |
/* line 452, ../sass/app.scss */
|
|
| 7253 |
.lt-sidebar.vms li.current {
|
|
| 7224 |
/* line 437, ../sass/app.scss */
|
|
| 7225 |
.lt-sidebar li.current {
|
|
| 7254 | 7226 |
background: #dfdfdf; |
| 7255 | 7227 |
cursor: pointer; |
| 7256 | 7228 |
} |
| 7257 | 7229 |
|
| 7258 |
/* line 461, ../sass/app.scss */
|
|
| 7259 |
.vm .img {
|
|
| 7230 |
/* line 446, ../sass/app.scss */
|
|
| 7231 |
.vms .items-list .img {
|
|
| 7260 | 7232 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7261 | 7233 |
width: 56px; |
| 7262 | 7234 |
height: 58px; |
| 7263 | 7235 |
display: inline-block; |
| 7264 | 7236 |
text-indent: -2000px; |
| 7265 | 7237 |
overflow: hidden; |
| 7266 |
margin-bottom: 20px; |
|
| 7267 |
position: relative; |
|
| 7268 | 7238 |
} |
| 7269 |
/* line 465, ../sass/app.scss */
|
|
| 7270 |
.vm .img.stopped {
|
|
| 7239 |
/* line 449, ../sass/app.scss */
|
|
| 7240 |
.vms .items-list .img.stopped {
|
|
| 7271 | 7241 |
background-image: url("../images/vm-stopped.png");
|
| 7272 | 7242 |
} |
| 7273 |
/* line 468, ../sass/app.scss */
|
|
| 7274 |
.vm .img .os {
|
|
| 7243 |
/* line 452, ../sass/app.scss */
|
|
| 7244 |
.vms .items-list .img .os {
|
|
| 7275 | 7245 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7276 | 7246 |
width: 22px; |
| 7277 | 7247 |
height: 22px; |
| ... | ... | |
| 7282 | 7252 |
top: 8px; |
| 7283 | 7253 |
left: 18px; |
| 7284 | 7254 |
} |
| 7285 |
/* line 473, ../sass/app.scss */
|
|
| 7286 |
.vm .img .os.windows {
|
|
| 7255 |
/* line 457, ../sass/app.scss */
|
|
| 7256 |
.vms .items-list .img .os.windows {
|
|
| 7287 | 7257 |
background-image: url("../images/os-windows.png");
|
| 7288 | 7258 |
} |
| 7289 |
/* line 474, ../sass/app.scss */
|
|
| 7290 |
.vm .img .os.kubuntu {
|
|
| 7259 |
/* line 458, ../sass/app.scss */
|
|
| 7260 |
.vms .items-list .img .os.kubuntu {
|
|
| 7291 | 7261 |
background-image: url("../images/os-kubuntu.png");
|
| 7292 | 7262 |
} |
| 7293 |
/* line 475, ../sass/app.scss */
|
|
| 7294 |
.vm .img .os.fedora {
|
|
| 7263 |
/* line 459, ../sass/app.scss */
|
|
| 7264 |
.vms .items-list .img .os.fedora {
|
|
| 7295 | 7265 |
background-image: url("../images/os-fedora.png");
|
| 7296 | 7266 |
} |
| 7297 | 7267 |
|
| 7298 |
/* line 480, ../sass/app.scss */ |
|
| 7299 |
.details {
|
|
| 7300 |
position: relative; |
|
| 7301 |
} |
|
| 7302 |
/* line 483, ../sass/app.scss */ |
|
| 7303 |
.details .top {
|
|
| 7304 |
padding: 100px 2.5em; |
|
| 7305 |
text-align: center; |
|
| 7306 |
} |
|
| 7307 |
/* line 486, ../sass/app.scss */ |
|
| 7308 |
.details .top .img {
|
|
| 7268 |
/* line 468, ../sass/app.scss */ |
|
| 7269 |
.vm .top .img {
|
|
| 7309 | 7270 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7310 | 7271 |
width: 112px; |
| 7311 | 7272 |
height: 116px; |
| 7312 | 7273 |
display: inline-block; |
| 7313 | 7274 |
text-indent: -2000px; |
| 7314 | 7275 |
overflow: hidden; |
| 7315 |
background-size: 100%; |
|
| 7316 | 7276 |
} |
| 7317 |
/* line 490, ../sass/app.scss */ |
|
| 7318 |
.details .top .os {
|
|
| 7277 |
/* line 471, ../sass/app.scss */ |
|
| 7278 |
.vm .top.stopped {
|
|
| 7279 |
background-image: url("../images/vm-stopped.png");
|
|
| 7280 |
} |
|
| 7281 |
/* line 474, ../sass/app.scss */ |
|
| 7282 |
.vm .top .os {
|
|
| 7283 |
background: url("../images/os-unknown.png") no-repeat center center;
|
|
| 7284 |
width: 22px; |
|
| 7285 |
height: 22px; |
|
| 7286 |
display: inline-block; |
|
| 7287 |
text-indent: -2000px; |
|
| 7288 |
overflow: hidden; |
|
| 7289 |
position: absolute; |
|
| 7319 | 7290 |
background-size: 100%; |
| 7320 | 7291 |
width: 44px; |
| 7321 | 7292 |
height: 44px; |
| 7322 | 7293 |
left: 36px; |
| 7323 | 7294 |
top: 16px; |
| 7324 | 7295 |
} |
| 7325 |
/* line 498, ../sass/app.scss */ |
|
| 7296 |
/* line 482, ../sass/app.scss */ |
|
| 7297 |
.vm .top .os.windows {
|
|
| 7298 |
background-image: url("../images/os-windows.png");
|
|
| 7299 |
} |
|
| 7300 |
/* line 483, ../sass/app.scss */ |
|
| 7301 |
.vm .top .os.kubuntu {
|
|
| 7302 |
background-image: url("../images/os-kubuntu.png");
|
|
| 7303 |
} |
|
| 7304 |
/* line 484, ../sass/app.scss */ |
|
| 7305 |
.vm .top .os.fedora {
|
|
| 7306 |
background-image: url("../images/os-fedora.png");
|
|
| 7307 |
} |
|
| 7308 |
|
|
| 7309 |
/* line 489, ../sass/app.scss */ |
|
| 7310 |
.details {
|
|
| 7311 |
position: relative; |
|
| 7312 |
} |
|
| 7313 |
/* line 492, ../sass/app.scss */ |
|
| 7314 |
.details .top {
|
|
| 7315 |
padding: 100px 2.5em; |
|
| 7316 |
text-align: center; |
|
| 7317 |
} |
|
| 7318 |
/* line 495, ../sass/app.scss */ |
|
| 7319 |
.details .top .img {
|
|
| 7320 |
background-size: 100%; |
|
| 7321 |
margin-bottom: 20px; |
|
| 7322 |
position: relative; |
|
| 7323 |
} |
|
| 7324 |
/* line 501, ../sass/app.scss */ |
|
| 7326 | 7325 |
.details .top .actions ul {
|
| 7327 | 7326 |
padding: 1em; |
| 7328 | 7327 |
text-align: center; |
| 7329 | 7328 |
} |
| 7330 |
/* line 501, ../sass/app.scss */
|
|
| 7329 |
/* line 504, ../sass/app.scss */
|
|
| 7331 | 7330 |
.details .top .actions ul li {
|
| 7332 | 7331 |
list-style: none outside none; |
| 7333 | 7332 |
display: inline-block; |
| 7334 | 7333 |
margin: 0 10px; |
| 7335 | 7334 |
min-width: 112px; |
| 7336 | 7335 |
} |
| 7337 |
/* line 516, ../sass/app.scss */
|
|
| 7336 |
/* line 519, ../sass/app.scss */
|
|
| 7338 | 7337 |
.details .info dl {
|
| 7339 | 7338 |
margin: 0; |
| 7340 | 7339 |
} |
| 7341 |
/* line 518, ../sass/app.scss */
|
|
| 7340 |
/* line 521, ../sass/app.scss */
|
|
| 7342 | 7341 |
.details .info dl dt {
|
| 7343 | 7342 |
display: inline-block; |
| 7344 | 7343 |
width: 25%; |
| 7345 | 7344 |
float: left; |
| 7346 | 7345 |
} |
| 7347 |
/* line 525, ../sass/app.scss */
|
|
| 7346 |
/* line 528, ../sass/app.scss */
|
|
| 7348 | 7347 |
.details .close {
|
| 7349 | 7348 |
position: absolute; |
| 7350 | 7349 |
right: 2.5em; |
| ... | ... | |
| 7357 | 7356 |
overflow: hidden; |
| 7358 | 7357 |
} |
| 7359 | 7358 |
|
| 7360 |
/* line 533, ../sass/app.scss */
|
|
| 7359 |
/* line 540, ../sass/app.scss */
|
|
| 7361 | 7360 |
.border-bottom-style1 {
|
| 7362 | 7361 |
padding-bottom: 20px; |
| 7363 | 7362 |
margin-bottom: 20px; |
| 7364 | 7363 |
border-bottom: 1px dashed #919194; |
| 7365 | 7364 |
} |
| 7366 | 7365 |
|
| 7367 |
/* line 539, ../sass/app.scss */
|
|
| 7366 |
/* line 546, ../sass/app.scss */
|
|
| 7368 | 7367 |
.overlay {
|
| 7369 | 7368 |
background: #ff7bac; |
| 7370 | 7369 |
position: relative; |
| 7371 | 7370 |
z-index: 1; |
| 7372 | 7371 |
} |
| 7373 |
/* line 543, ../sass/app.scss */
|
|
| 7372 |
/* line 550, ../sass/app.scss */
|
|
| 7374 | 7373 |
.overlay .lt-sidebar {
|
| 7375 | 7374 |
border-right: 1px solid white; |
| 7376 | 7375 |
} |
| 7377 |
/* line 546, ../sass/app.scss */
|
|
| 7376 |
/* line 553, ../sass/app.scss */
|
|
| 7378 | 7377 |
.overlay .lt-sidebar ul li {
|
| 7379 | 7378 |
list-style: none outside none; |
| 7380 | 7379 |
} |
| 7381 |
/* line 548, ../sass/app.scss */
|
|
| 7380 |
/* line 555, ../sass/app.scss */
|
|
| 7382 | 7381 |
.overlay .lt-sidebar ul li a {
|
| 7383 | 7382 |
color: white; |
| 7384 | 7383 |
} |
| 7385 |
/* line 550, ../sass/app.scss */
|
|
| 7384 |
/* line 557, ../sass/app.scss */
|
|
| 7386 | 7385 |
.overlay .lt-sidebar ul li a span {
|
| 7387 | 7386 |
float: right; |
| 7388 | 7387 |
display: none; |
| 7389 | 7388 |
} |
| 7390 |
/* line 552, ../sass/app.scss */
|
|
| 7389 |
/* line 559, ../sass/app.scss */
|
|
| 7391 | 7390 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
|
| 7392 | 7391 |
text-decoration: none; |
| 7393 | 7392 |
} |
| 7394 |
/* line 555, ../sass/app.scss */
|
|
| 7393 |
/* line 562, ../sass/app.scss */
|
|
| 7395 | 7394 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
|
| 7396 | 7395 |
display: inline; |
| 7397 | 7396 |
} |
| 7398 |
/* line 566, ../sass/app.scss */
|
|
| 7397 |
/* line 573, ../sass/app.scss */
|
|
| 7399 | 7398 |
.overlay .lt-sidebar, |
| 7400 | 7399 |
.overlay .main {
|
| 7401 | 7400 |
padding: 100px 2.5em; |
| 7402 | 7401 |
position: relative; |
| 7403 | 7402 |
} |
| 7404 |
/* line 571, ../sass/app.scss */
|
|
| 7403 |
/* line 578, ../sass/app.scss */
|
|
| 7405 | 7404 |
.overlay .navigation .rt {
|
| 7406 | 7405 |
float: right; |
| 7407 | 7406 |
} |
| 7408 |
/* line 575, ../sass/app.scss */
|
|
| 7407 |
/* line 582, ../sass/app.scss */
|
|
| 7409 | 7408 |
.overlay .close {
|
| 7410 | 7409 |
position: absolute; |
| 7411 | 7410 |
right: 2.5em; |
| ... | ... | |
| 7418 | 7417 |
overflow: hidden; |
| 7419 | 7418 |
} |
| 7420 | 7419 |
|
| 7421 |
/* line 585, ../sass/app.scss */
|
|
| 7420 |
/* line 592, ../sass/app.scss */
|
|
| 7422 | 7421 |
.create-vm .select-os li {
|
| 7423 | 7422 |
width: 23%; |
| 7424 | 7423 |
padding: 20px; |
| ... | ... | |
| 7428 | 7427 |
height: 200px; |
| 7429 | 7428 |
margin: 0 10px 10px 0; |
| 7430 | 7429 |
} |
| 7431 |
/* line 594, ../sass/app.scss */
|
|
| 7430 |
/* line 601, ../sass/app.scss */
|
|
| 7432 | 7431 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
|
| 7433 | 7432 |
background: white; |
| 7434 | 7433 |
} |
| 7435 |
/* line 596, ../sass/app.scss */
|
|
| 7434 |
/* line 603, ../sass/app.scss */
|
|
| 7436 | 7435 |
.create-vm .select-os li:hover h2, .create-vm .select-os li:hover p, .create-vm .select-os li:hover a, .create-vm .select-os li.selected h2, .create-vm .select-os li.selected p, .create-vm .select-os li.selected a {
|
| 7437 | 7436 |
color: #ff7bac; |
| 7438 | 7437 |
} |
| 7439 |
/* line 600, ../sass/app.scss */
|
|
| 7438 |
/* line 607, ../sass/app.scss */
|
|
| 7440 | 7439 |
.create-vm .select-os li a {
|
| 7441 | 7440 |
color: white; |
| 7442 | 7441 |
} |
| 7443 |
/* line 603, ../sass/app.scss */
|
|
| 7442 |
/* line 610, ../sass/app.scss */
|
|
| 7444 | 7443 |
.create-vm .select-os li .os {
|
| 7445 | 7444 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7446 | 7445 |
width: 30px; |
| ... | ... | |
| 7451 | 7450 |
background-size: 100%; |
| 7452 | 7451 |
margin-bottom: 2em; |
| 7453 | 7452 |
} |
| 7454 |
/* line 607, ../sass/app.scss */
|
|
| 7453 |
/* line 614, ../sass/app.scss */
|
|
| 7455 | 7454 |
.create-vm .select-os li .os.windows {
|
| 7456 | 7455 |
background-image: url("../images/os-windows.png");
|
| 7457 | 7456 |
} |
| 7458 |
/* line 608, ../sass/app.scss */
|
|
| 7457 |
/* line 615, ../sass/app.scss */
|
|
| 7459 | 7458 |
.create-vm .select-os li .os.kubuntu {
|
| 7460 | 7459 |
background-image: url("../images/os-kubuntu.png");
|
| 7461 | 7460 |
} |
| 7462 |
/* line 609, ../sass/app.scss */
|
|
| 7461 |
/* line 616, ../sass/app.scss */
|
|
| 7463 | 7462 |
.create-vm .select-os li .os.fedora {
|
| 7464 | 7463 |
background-image: url("../images/os-fedora.png");
|
| 7465 | 7464 |
} |
| 7466 |
/* line 611, ../sass/app.scss */
|
|
| 7465 |
/* line 618, ../sass/app.scss */
|
|
| 7467 | 7466 |
.create-vm .select-os li h2 {
|
| 7468 | 7467 |
font-size: 1em; |
| 7469 | 7468 |
font-weight: normal; |
| 7470 | 7469 |
color: white; |
| 7471 | 7470 |
} |
| 7472 |
/* line 616, ../sass/app.scss */
|
|
| 7471 |
/* line 623, ../sass/app.scss */
|
|
| 7473 | 7472 |
.create-vm .select-os li .details {
|
| 7474 | 7473 |
font-weight: bold; |
| 7475 | 7474 |
font-size: 0.875em; |
| 7476 | 7475 |
} |
| 7477 |
/* line 623, ../sass/app.scss */
|
|
| 7476 |
/* line 630, ../sass/app.scss */
|
|
| 7478 | 7477 |
.create-vm .select-flavor dl {
|
| 7479 | 7478 |
color: white; |
| 7480 | 7479 |
font-size: 1.25em; |
| 7481 | 7480 |
margin-bottom: 10px; |
| 7482 | 7481 |
} |
| 7483 |
/* line 627, ../sass/app.scss */
|
|
| 7482 |
/* line 634, ../sass/app.scss */
|
|
| 7484 | 7483 |
.create-vm .select-flavor dl dd {
|
| 7485 | 7484 |
width: 23%; |
| 7486 | 7485 |
display: inline-block; |
| 7487 | 7486 |
} |
| 7488 |
/* line 631, ../sass/app.scss */
|
|
| 7487 |
/* line 638, ../sass/app.scss */
|
|
| 7489 | 7488 |
.create-vm .select-flavor dl dt {
|
| 7490 | 7489 |
width: 70%; |
| 7491 | 7490 |
display: inline-block; |
| 7492 | 7491 |
font-weight: normal; |
| 7493 | 7492 |
} |
| 7494 |
/* line 635, ../sass/app.scss */
|
|
| 7493 |
/* line 642, ../sass/app.scss */
|
|
| 7495 | 7494 |
.create-vm .select-flavor dl dt span {
|
| 7496 | 7495 |
min-width: 90px; |
| 7497 | 7496 |
margin: 0 10px; |
| 7498 | 7497 |
} |
| 7499 |
/* line 639, ../sass/app.scss */
|
|
| 7498 |
/* line 646, ../sass/app.scss */
|
|
| 7500 | 7499 |
.create-vm .select-flavor dl dt span:first-child {
|
| 7501 | 7500 |
margin-left: 0; |
| 7502 | 7501 |
} |
| 7503 | 7502 |
|
| 7504 |
/* line 649, ../sass/app.scss */
|
|
| 7503 |
/* line 656, ../sass/app.scss */
|
|
| 7505 | 7504 |
#vm-connect .info {
|
| 7506 | 7505 |
font-style: italic; |
| 7507 | 7506 |
font-size: 0.8125em; |
| 7508 | 7507 |
color: #9e9ea1; |
| 7509 | 7508 |
} |
| 7510 |
/* line 654, ../sass/app.scss */
|
|
| 7509 |
/* line 661, ../sass/app.scss */
|
|
| 7511 | 7510 |
#vm-connect .ssh {
|
| 7512 | 7511 |
text-align: center; |
| 7513 | 7512 |
} |
| 7514 |
/* line 656, ../sass/app.scss */
|
|
| 7513 |
/* line 663, ../sass/app.scss */
|
|
| 7515 | 7514 |
#vm-connect .ssh span {
|
| 7516 | 7515 |
padding: 10px 30px; |
| 7517 | 7516 |
background: #ff7bac; |
| 7518 | 7517 |
color: white; |
| 7519 | 7518 |
} |
| 7520 |
/* line 662, ../sass/app.scss */
|
|
| 7519 |
/* line 669, ../sass/app.scss */
|
|
| 7521 | 7520 |
#vm-connect a:hover {
|
| 7522 | 7521 |
color: #ff7bac; |
| 7523 | 7522 |
} |
| 7524 | 7523 |
|
| 7525 |
/* line 665, ../sass/app.scss */
|
|
| 7524 |
/* line 672, ../sass/app.scss */
|
|
| 7526 | 7525 |
.editable {
|
| 7527 | 7526 |
text-align: center; |
| 7528 | 7527 |
} |
| 7529 |
/* line 667, ../sass/app.scss */
|
|
| 7528 |
/* line 674, ../sass/app.scss */
|
|
| 7530 | 7529 |
.editable input, .editable em {
|
| 7531 | 7530 |
width: 70%; |
| 7532 | 7531 |
padding: 5px 10px; |
| ... | ... | |
| 7535 | 7534 |
margin: 0 auto; |
| 7536 | 7535 |
font-size: inherit; |
| 7537 | 7536 |
} |
| 7538 |
/* line 675, ../sass/app.scss */
|
|
| 7537 |
/* line 682, ../sass/app.scss */
|
|
| 7539 | 7538 |
.editable input {
|
| 7540 | 7539 |
display: none; |
| 7541 | 7540 |
} |
| 7542 |
/* line 678, ../sass/app.scss */
|
|
| 7541 |
/* line 685, ../sass/app.scss */
|
|
| 7543 | 7542 |
.editable em {
|
| 7544 | 7543 |
overflow: hidden; |
| 7545 | 7544 |
white-space: nowrap; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details_v1.html | ||
|---|---|---|
| 161 | 161 |
<div class="actions"> |
| 162 | 162 |
<ul> |
| 163 | 163 |
<li><a href="">connect</a></li> |
| 164 |
<li><a href="">other action</a></li> |
|
| 164 |
|
|
| 165 | 165 |
</ul> |
| 166 | 166 |
</div> |
| 167 | 167 |
</div> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html | ||
|---|---|---|
| 98 | 98 |
|
| 99 | 99 |
<p class="visible-info"> |
| 100 | 100 |
<span><em>IPv4 83.212.97.127</em></span> |
| 101 |
<span><em>my awsome machine</em></span>
|
|
| 101 |
<span class="title"><em>my awsome machine my awsome machine</em></span>
|
|
| 102 | 102 |
</p> |
| 103 |
<a href="" class="check"><span class="custom_checkbox">a</span> </a>
|
|
| 103 |
<a href="" class="check"><span class="custom_checkbox">a</span></a> |
|
| 104 | 104 |
|
| 105 | 105 |
</div> |
| 106 | 106 |
</li> |
| ... | ... | |
| 114 | 114 |
</div> |
| 115 | 115 |
</div> |
| 116 | 116 |
<div class="img-wrap"> |
| 117 |
<div class="img running">
|
|
| 117 |
<div class="img stopped">
|
|
| 118 | 118 |
VM running |
| 119 | 119 |
<span class="os windows">windows</span> |
| 120 | 120 |
</div> |
| ... | ... | |
| 122 | 122 |
|
| 123 | 123 |
<p class="visible-info"> |
| 124 | 124 |
<span><em>IPv4 83.212.97.127</em></span> |
| 125 |
<span><em>my awsome machine</em></span>
|
|
| 125 |
<span class="title"><em>cool title</em></span>
|
|
| 126 | 126 |
</p> |
| 127 | 127 |
<a href="" class="check"><span class="custom_checkbox">a</span> </a> |
| 128 | 128 |
|
| ... | ... | |
| 173 | 173 |
|
| 174 | 174 |
<p class="visible-info"> |
| 175 | 175 |
<span><em>IPv4 83.212.97.127</em></span> |
| 176 |
<span><em>my awsome machine</em></span>
|
|
| 176 |
<span class="title"><em>kickass machine</em></span>
|
|
| 177 | 177 |
</p> |
| 178 | 178 |
<a href="" class="check"><span class="custom_checkbox">a</span> </a> |
| 179 | 179 |
|
Also available in: Unified diff