Revision a18bd0ed
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 47 | 47 |
|
| 48 | 48 |
} |
| 49 | 49 |
} |
| 50 |
|
|
| 51 |
ui.setCheckedVMBgColor = function(){
|
|
| 52 |
console.log('test');
|
|
| 53 |
if ($('.more_checkbox span').length >0) {
|
|
| 54 |
$('.more_checkbox .checkbox-checked').parents('.container').addClass('set-bg');
|
|
| 55 |
} else {
|
|
| 56 |
$('.more_checkbox').parents('.container').removeClass('set-bg');
|
|
| 57 |
} |
|
| 58 |
|
|
| 59 |
} |
|
| 60 |
|
|
| 61 |
|
|
| 50 | 62 |
ui.VMactionsInit = function(){
|
| 51 | 63 |
|
| 52 | 64 |
// if VM is stopped hide connect option |
| ... | ... | |
| 88 | 100 |
} else {
|
| 89 | 101 |
checkbox.parents('.container').find('.more_checkbox').html('');
|
| 90 | 102 |
} |
| 103 |
ui.setCheckedVMBgColor(); |
|
| 91 | 104 |
ui.cntCheckbox(); |
| 92 | 105 |
}) |
| 93 | 106 |
$('.more_checkbox').on('click', function(e){
|
| ... | ... | |
| 113 | 126 |
if (!(checkbox.hasClass('checkbox-checked'))){
|
| 114 | 127 |
self.html('');
|
| 115 | 128 |
} |
| 129 |
ui.setCheckedVMBgColor(); |
|
| 116 | 130 |
ui.cntCheckbox(); |
| 117 | 131 |
}) |
| 118 | 132 |
} |
| ... | ... | |
| 135 | 149 |
$(this).addClass('selected');
|
| 136 | 150 |
}) |
| 137 | 151 |
|
| 138 |
$('.select-flavor dl span').click(function(e){
|
|
| 139 |
console.log('test');
|
|
| 140 |
$(this).parents('dl').find('span').removeClass('current');
|
|
| 141 |
$(this).addClass('current');
|
|
| 142 |
}) |
|
| 143 |
|
|
| 152 |
|
|
| 144 | 153 |
if ($('.overlay').length >0 ){
|
| 145 | 154 |
$('body').addClass('with-overlay');
|
| 146 | 155 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common_ab.js | ||
|---|---|---|
| 1 | 1 |
$(document).ready(function(){
|
| 2 |
|
|
| 3 |
//show selection window of vm_list_v1.html |
|
| 4 |
|
|
| 5 |
|
|
| 6 |
|
|
| 7 |
|
|
| 8 |
|
|
| 9 |
|
|
| 10 |
|
|
| 11 |
/* |
|
| 12 |
var vm_options_win; |
|
| 13 |
$('li .container .img').mouseenter(function(event){
|
|
| 14 |
event.preventDefault(); |
|
| 15 |
var container = $(this).parents('.container');
|
|
| 16 |
container.css('border-color','grey');
|
|
| 17 |
vm_options_win = $(this).parents('.vm_container').find('.vm_options');
|
|
| 18 |
if(vm_options_win.length!==0){
|
|
| 19 |
vm_options_win.removeClass('invisible');
|
|
| 20 |
vm_options_win.slideDown('slow');
|
|
| 21 |
} |
|
| 22 |
|
|
| 23 |
}).mouseleave(function(event){
|
|
| 24 |
event.preventDefault(); |
|
| 25 |
event.stopPropagation(); |
|
| 26 |
if(!vm_options_win.hasClass('invisible'))
|
|
| 27 |
{
|
|
| 28 |
vm_options_win.hide(); |
|
| 29 |
vm_options_win.addClass('invisible');
|
|
| 30 |
} |
|
| 2 |
$('.select-flavor dl span').click(function(e){
|
|
| 3 |
console.log('test');
|
|
| 4 |
$(this).parents('dl').find('span').removeClass('current');
|
|
| 5 |
$(this).addClass('current');
|
|
| 31 | 6 |
}) |
| 32 | 7 |
|
| 33 |
$('.options .select').click(function(event){
|
|
| 34 |
event.preventDefault(); |
|
| 35 |
var checkbox = $(this).find('.custom_checkbox');
|
|
| 36 |
|
|
| 37 |
if(checkbox.hasClass('checkbox-unchecked')){
|
|
| 38 |
checkbox.html('b');
|
|
| 39 |
checkbox.addClass('checkbox-checked');
|
|
| 40 |
checkbox.removeClass('checkbox-unchecked');
|
|
| 41 |
} |
|
| 42 |
else{
|
|
| 43 |
checkbox.html('a');
|
|
| 44 |
checkbox.removeClass('checkbox-checked');
|
|
| 45 |
checkbox.addClass('checkbox-unchecked');
|
|
| 46 |
|
|
| 47 |
} |
|
| 48 |
var cntCheckbox = $('.options .checkbox-checked').length;
|
|
| 49 |
if (cntCheckbox == 0 ){
|
|
| 50 |
$('.header .main-actions').hide();
|
|
| 51 |
} else {
|
|
| 52 |
$('.header .main-actions').show();
|
|
| 53 |
if (cntCheckbox > 1) {
|
|
| 54 |
$('.header .main-actions .single').hide();
|
|
| 55 |
} else {
|
|
| 56 |
$('.header .main-actions .sigle').show();
|
|
| 57 |
} |
|
| 58 |
} |
|
| 59 |
}); |
|
| 60 |
*/ |
|
| 61 | 8 |
|
| 62 | 9 |
}); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
|---|---|---|
| 377 | 377 |
} |
| 378 | 378 |
|
| 379 | 379 |
.container {
|
| 380 |
&.set-bg {
|
|
| 381 |
background:lighten($primary-color,30%); |
|
| 382 |
} |
|
| 380 | 383 |
border:1px solid transparent; |
| 381 | 384 |
margin: 0 20px; |
| 382 |
padding:20px 0;
|
|
| 385 |
padding:25px 0;
|
|
| 383 | 386 |
position: relative; |
| 384 | 387 |
.options {
|
| 385 | 388 |
width:100%; |
| 386 | 389 |
height:100%; |
| 387 | 390 |
background:$white; |
| 388 |
|
|
| 389 | 391 |
position: absolute; |
| 390 | 392 |
top:0; |
| 391 | 393 |
left:0; |
| 392 | 394 |
display: none; |
| 393 | 395 |
z-index: 1; |
| 394 | 396 |
.wrap {
|
| 395 |
height:190px;
|
|
| 396 |
padding:15px 30px;
|
|
| 397 |
height:100%;
|
|
| 398 |
padding:25px;
|
|
| 397 | 399 |
text-align: left; |
| 398 | 400 |
border:1px solid $secondary-color; |
| 399 | 401 |
a {
|
| 400 | 402 |
font-size:emCalc(27px); |
| 403 |
display: block; |
|
| 401 | 404 |
color:$primary-color; |
| 402 |
line-height: 45px; |
|
| 405 |
line-height: 1em; |
|
| 406 |
margin-bottom:0.5em; |
|
| 403 | 407 |
font-weight: bold; |
| 404 | 408 |
.custom_checkbox {
|
| 405 | 409 |
color:$secondary-color; |
| 406 | 410 |
position:relative; |
| 407 |
top:5px; |
|
| 411 |
|
|
| 408 | 412 |
} |
| 409 | 413 |
span {
|
| 410 | 414 |
float:right; |
| ... | ... | |
| 418 | 422 |
} |
| 419 | 423 |
.more_checkbox {
|
| 420 | 424 |
position:absolute; |
| 421 |
right:31px;
|
|
| 422 |
top:15px;
|
|
| 425 |
right:25px;
|
|
| 426 |
top:20px;
|
|
| 423 | 427 |
color:$secondary-color; |
| 424 | 428 |
font-weight: bold; |
| 425 | 429 |
font-size:emCalc(27px); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7160 | 7160 |
.vms .items-list li .container {
|
| 7161 | 7161 |
border: 1px solid transparent; |
| 7162 | 7162 |
margin: 0 20px; |
| 7163 |
padding: 20px 0;
|
|
| 7163 |
padding: 25px 0;
|
|
| 7164 | 7164 |
position: relative; |
| 7165 | 7165 |
} |
| 7166 |
/* line 384, ../sass/app.scss */ |
|
| 7166 |
/* line 380, ../sass/app.scss */ |
|
| 7167 |
.vms .items-list li .container.set-bg {
|
|
| 7168 |
background: #dfdfdf; |
|
| 7169 |
} |
|
| 7170 |
/* line 387, ../sass/app.scss */ |
|
| 7167 | 7171 |
.vms .items-list li .container .options {
|
| 7168 | 7172 |
width: 100%; |
| 7169 | 7173 |
height: 100%; |
| ... | ... | |
| 7174 | 7178 |
display: none; |
| 7175 | 7179 |
z-index: 1; |
| 7176 | 7180 |
} |
| 7177 |
/* line 394, ../sass/app.scss */
|
|
| 7181 |
/* line 396, ../sass/app.scss */
|
|
| 7178 | 7182 |
.vms .items-list li .container .options .wrap {
|
| 7179 |
height: 190px;
|
|
| 7180 |
padding: 15px 30px;
|
|
| 7183 |
height: 100%;
|
|
| 7184 |
padding: 25px;
|
|
| 7181 | 7185 |
text-align: left; |
| 7182 | 7186 |
border: 1px solid #ff7bac; |
| 7183 | 7187 |
} |
| 7184 |
/* line 399, ../sass/app.scss */
|
|
| 7188 |
/* line 401, ../sass/app.scss */
|
|
| 7185 | 7189 |
.vms .items-list li .container .options .wrap a {
|
| 7186 | 7190 |
font-size: 1.6875em; |
| 7191 |
display: block; |
|
| 7187 | 7192 |
color: #919194; |
| 7188 |
line-height: 45px; |
|
| 7193 |
line-height: 1em; |
|
| 7194 |
margin-bottom: 0.5em; |
|
| 7189 | 7195 |
font-weight: bold; |
| 7190 | 7196 |
} |
| 7191 |
/* line 404, ../sass/app.scss */
|
|
| 7197 |
/* line 408, ../sass/app.scss */
|
|
| 7192 | 7198 |
.vms .items-list li .container .options .wrap a .custom_checkbox {
|
| 7193 | 7199 |
color: #ff7bac; |
| 7194 | 7200 |
position: relative; |
| 7195 |
top: 5px; |
|
| 7196 | 7201 |
} |
| 7197 |
/* line 409, ../sass/app.scss */
|
|
| 7202 |
/* line 413, ../sass/app.scss */
|
|
| 7198 | 7203 |
.vms .items-list li .container .options .wrap a span {
|
| 7199 | 7204 |
float: right; |
| 7200 | 7205 |
} |
| 7201 |
/* line 412, ../sass/app.scss */
|
|
| 7206 |
/* line 416, ../sass/app.scss */
|
|
| 7202 | 7207 |
.vms .items-list li .container .options .wrap a:hover {
|
| 7203 | 7208 |
color: #ff7bac; |
| 7204 | 7209 |
} |
| 7205 |
/* line 419, ../sass/app.scss */
|
|
| 7210 |
/* line 423, ../sass/app.scss */
|
|
| 7206 | 7211 |
.vms .items-list li .more_checkbox {
|
| 7207 | 7212 |
position: absolute; |
| 7208 |
right: 31px;
|
|
| 7209 |
top: 15px;
|
|
| 7213 |
right: 25px;
|
|
| 7214 |
top: 20px;
|
|
| 7210 | 7215 |
color: #ff7bac; |
| 7211 | 7216 |
font-weight: bold; |
| 7212 | 7217 |
font-size: 1.6875em; |
| 7213 | 7218 |
cursor: pointer; |
| 7214 | 7219 |
} |
| 7215 | 7220 |
|
| 7216 |
/* line 433, ../sass/app.scss */
|
|
| 7221 |
/* line 437, ../sass/app.scss */
|
|
| 7217 | 7222 |
.lt-sidebar.vms {
|
| 7218 | 7223 |
overflow: scroll; |
| 7219 | 7224 |
height: 300px; |
| 7220 | 7225 |
font-size: 0.75em; |
| 7221 | 7226 |
} |
| 7222 |
/* line 437, ../sass/app.scss */
|
|
| 7227 |
/* line 441, ../sass/app.scss */
|
|
| 7223 | 7228 |
.lt-sidebar.vms .items-list {
|
| 7224 | 7229 |
padding: 0; |
| 7225 | 7230 |
} |
| 7226 |
/* line 441, ../sass/app.scss */
|
|
| 7231 |
/* line 445, ../sass/app.scss */
|
|
| 7227 | 7232 |
.lt-sidebar.vms .items-list li .img, |
| 7228 | 7233 |
.lt-sidebar.vms .items-list li .os {
|
| 7229 | 7234 |
background-size: 80%; |
| 7230 | 7235 |
} |
| 7231 |
/* line 444, ../sass/app.scss */
|
|
| 7236 |
/* line 448, ../sass/app.scss */
|
|
| 7232 | 7237 |
.lt-sidebar.vms li:hover {
|
| 7233 | 7238 |
background: #ebebec; |
| 7234 | 7239 |
} |
| 7235 |
/* line 447, ../sass/app.scss */
|
|
| 7240 |
/* line 451, ../sass/app.scss */
|
|
| 7236 | 7241 |
.lt-sidebar.vms li.current {
|
| 7237 | 7242 |
background: #dfdfdf; |
| 7238 | 7243 |
cursor: pointer; |
| 7239 | 7244 |
} |
| 7240 | 7245 |
|
| 7241 |
/* line 456, ../sass/app.scss */
|
|
| 7246 |
/* line 460, ../sass/app.scss */
|
|
| 7242 | 7247 |
.vm .img {
|
| 7243 | 7248 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7244 | 7249 |
width: 56px; |
| ... | ... | |
| 7249 | 7254 |
margin-bottom: 20px; |
| 7250 | 7255 |
position: relative; |
| 7251 | 7256 |
} |
| 7252 |
/* line 460, ../sass/app.scss */
|
|
| 7257 |
/* line 464, ../sass/app.scss */
|
|
| 7253 | 7258 |
.vm .img.stopped {
|
| 7254 | 7259 |
background-image: url("../images/vm-stopped.png");
|
| 7255 | 7260 |
} |
| 7256 |
/* line 463, ../sass/app.scss */
|
|
| 7261 |
/* line 467, ../sass/app.scss */
|
|
| 7257 | 7262 |
.vm .img .os {
|
| 7258 | 7263 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7259 | 7264 |
width: 22px; |
| ... | ... | |
| 7265 | 7270 |
top: 8px; |
| 7266 | 7271 |
left: 18px; |
| 7267 | 7272 |
} |
| 7268 |
/* line 468, ../sass/app.scss */
|
|
| 7273 |
/* line 472, ../sass/app.scss */
|
|
| 7269 | 7274 |
.vm .img .os.windows {
|
| 7270 | 7275 |
background-image: url("../images/os-windows.png");
|
| 7271 | 7276 |
} |
| 7272 |
/* line 469, ../sass/app.scss */
|
|
| 7277 |
/* line 473, ../sass/app.scss */
|
|
| 7273 | 7278 |
.vm .img .os.kubuntu {
|
| 7274 | 7279 |
background-image: url("../images/os-kubuntu.png");
|
| 7275 | 7280 |
} |
| 7276 |
/* line 470, ../sass/app.scss */
|
|
| 7281 |
/* line 474, ../sass/app.scss */
|
|
| 7277 | 7282 |
.vm .img .os.fedora {
|
| 7278 | 7283 |
background-image: url("../images/os-fedora.png");
|
| 7279 | 7284 |
} |
| 7280 | 7285 |
|
| 7281 |
/* line 475, ../sass/app.scss */
|
|
| 7286 |
/* line 479, ../sass/app.scss */
|
|
| 7282 | 7287 |
.details {
|
| 7283 | 7288 |
position: relative; |
| 7284 | 7289 |
} |
| 7285 |
/* line 478, ../sass/app.scss */
|
|
| 7290 |
/* line 482, ../sass/app.scss */
|
|
| 7286 | 7291 |
.details .top {
|
| 7287 | 7292 |
padding: 100px 2.5em; |
| 7288 | 7293 |
text-align: center; |
| 7289 | 7294 |
} |
| 7290 |
/* line 481, ../sass/app.scss */
|
|
| 7295 |
/* line 485, ../sass/app.scss */
|
|
| 7291 | 7296 |
.details .top .img {
|
| 7292 | 7297 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7293 | 7298 |
width: 112px; |
| ... | ... | |
| 7297 | 7302 |
overflow: hidden; |
| 7298 | 7303 |
background-size: 100%; |
| 7299 | 7304 |
} |
| 7300 |
/* line 485, ../sass/app.scss */
|
|
| 7305 |
/* line 489, ../sass/app.scss */
|
|
| 7301 | 7306 |
.details .top .os {
|
| 7302 | 7307 |
background-size: 100%; |
| 7303 | 7308 |
width: 44px; |
| ... | ... | |
| 7305 | 7310 |
left: 36px; |
| 7306 | 7311 |
top: 16px; |
| 7307 | 7312 |
} |
| 7308 |
/* line 493, ../sass/app.scss */
|
|
| 7313 |
/* line 497, ../sass/app.scss */
|
|
| 7309 | 7314 |
.details .top .actions ul {
|
| 7310 | 7315 |
padding: 1em; |
| 7311 | 7316 |
text-align: center; |
| 7312 | 7317 |
} |
| 7313 |
/* line 496, ../sass/app.scss */
|
|
| 7318 |
/* line 500, ../sass/app.scss */
|
|
| 7314 | 7319 |
.details .top .actions ul li {
|
| 7315 | 7320 |
list-style: none outside none; |
| 7316 | 7321 |
display: inline-block; |
| 7317 | 7322 |
margin: 0 10px; |
| 7318 | 7323 |
min-width: 112px; |
| 7319 | 7324 |
} |
| 7320 |
/* line 511, ../sass/app.scss */
|
|
| 7325 |
/* line 515, ../sass/app.scss */
|
|
| 7321 | 7326 |
.details .info dl {
|
| 7322 | 7327 |
margin: 0; |
| 7323 | 7328 |
} |
| 7324 |
/* line 513, ../sass/app.scss */
|
|
| 7329 |
/* line 517, ../sass/app.scss */
|
|
| 7325 | 7330 |
.details .info dl dt {
|
| 7326 | 7331 |
display: inline-block; |
| 7327 | 7332 |
width: 25%; |
| 7328 | 7333 |
float: left; |
| 7329 | 7334 |
} |
| 7330 |
/* line 520, ../sass/app.scss */
|
|
| 7335 |
/* line 524, ../sass/app.scss */
|
|
| 7331 | 7336 |
.details .close {
|
| 7332 | 7337 |
position: absolute; |
| 7333 | 7338 |
right: 2.5em; |
| ... | ... | |
| 7340 | 7345 |
overflow: hidden; |
| 7341 | 7346 |
} |
| 7342 | 7347 |
|
| 7343 |
/* line 528, ../sass/app.scss */
|
|
| 7348 |
/* line 532, ../sass/app.scss */
|
|
| 7344 | 7349 |
.border-bottom-style1 {
|
| 7345 | 7350 |
padding-bottom: 20px; |
| 7346 | 7351 |
margin-bottom: 20px; |
| 7347 | 7352 |
border-bottom: 1px dashed #919194; |
| 7348 | 7353 |
} |
| 7349 | 7354 |
|
| 7350 |
/* line 534, ../sass/app.scss */
|
|
| 7355 |
/* line 538, ../sass/app.scss */
|
|
| 7351 | 7356 |
.overlay {
|
| 7352 | 7357 |
background: #ff7bac; |
| 7353 | 7358 |
position: relative; |
| 7354 | 7359 |
z-index: 1; |
| 7355 | 7360 |
} |
| 7356 |
/* line 538, ../sass/app.scss */
|
|
| 7361 |
/* line 542, ../sass/app.scss */
|
|
| 7357 | 7362 |
.overlay .lt-sidebar {
|
| 7358 | 7363 |
border-right: 1px solid white; |
| 7359 | 7364 |
} |
| 7360 |
/* line 541, ../sass/app.scss */
|
|
| 7365 |
/* line 545, ../sass/app.scss */
|
|
| 7361 | 7366 |
.overlay .lt-sidebar ul li {
|
| 7362 | 7367 |
list-style: none outside none; |
| 7363 | 7368 |
} |
| 7364 |
/* line 543, ../sass/app.scss */
|
|
| 7369 |
/* line 547, ../sass/app.scss */
|
|
| 7365 | 7370 |
.overlay .lt-sidebar ul li a {
|
| 7366 | 7371 |
color: white; |
| 7367 | 7372 |
} |
| 7368 |
/* line 545, ../sass/app.scss */
|
|
| 7373 |
/* line 549, ../sass/app.scss */
|
|
| 7369 | 7374 |
.overlay .lt-sidebar ul li a span {
|
| 7370 | 7375 |
float: right; |
| 7371 | 7376 |
display: none; |
| 7372 | 7377 |
} |
| 7373 |
/* line 547, ../sass/app.scss */
|
|
| 7378 |
/* line 551, ../sass/app.scss */
|
|
| 7374 | 7379 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
|
| 7375 | 7380 |
text-decoration: none; |
| 7376 | 7381 |
} |
| 7377 |
/* line 550, ../sass/app.scss */
|
|
| 7382 |
/* line 554, ../sass/app.scss */
|
|
| 7378 | 7383 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
|
| 7379 | 7384 |
display: inline; |
| 7380 | 7385 |
} |
| 7381 |
/* line 561, ../sass/app.scss */
|
|
| 7386 |
/* line 565, ../sass/app.scss */
|
|
| 7382 | 7387 |
.overlay .lt-sidebar, |
| 7383 | 7388 |
.overlay .main {
|
| 7384 | 7389 |
padding: 100px 2.5em; |
| 7385 | 7390 |
position: relative; |
| 7386 | 7391 |
} |
| 7387 |
/* line 566, ../sass/app.scss */
|
|
| 7392 |
/* line 570, ../sass/app.scss */
|
|
| 7388 | 7393 |
.overlay .navigation .rt {
|
| 7389 | 7394 |
float: right; |
| 7390 | 7395 |
} |
| 7391 |
/* line 570, ../sass/app.scss */
|
|
| 7396 |
/* line 574, ../sass/app.scss */
|
|
| 7392 | 7397 |
.overlay .close {
|
| 7393 | 7398 |
position: absolute; |
| 7394 | 7399 |
right: 2.5em; |
| ... | ... | |
| 7401 | 7406 |
overflow: hidden; |
| 7402 | 7407 |
} |
| 7403 | 7408 |
|
| 7404 |
/* line 580, ../sass/app.scss */
|
|
| 7409 |
/* line 584, ../sass/app.scss */
|
|
| 7405 | 7410 |
.create-vm .select-os li {
|
| 7406 | 7411 |
width: 23%; |
| 7407 | 7412 |
padding: 20px; |
| ... | ... | |
| 7411 | 7416 |
height: 200px; |
| 7412 | 7417 |
margin: 0 10px 10px 0; |
| 7413 | 7418 |
} |
| 7414 |
/* line 589, ../sass/app.scss */
|
|
| 7419 |
/* line 593, ../sass/app.scss */
|
|
| 7415 | 7420 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
|
| 7416 | 7421 |
background: white; |
| 7417 | 7422 |
} |
| 7418 |
/* line 591, ../sass/app.scss */
|
|
| 7423 |
/* line 595, ../sass/app.scss */
|
|
| 7419 | 7424 |
.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 {
|
| 7420 | 7425 |
color: #ff7bac; |
| 7421 | 7426 |
} |
| 7422 |
/* line 595, ../sass/app.scss */
|
|
| 7427 |
/* line 599, ../sass/app.scss */
|
|
| 7423 | 7428 |
.create-vm .select-os li a {
|
| 7424 | 7429 |
color: white; |
| 7425 | 7430 |
} |
| 7426 |
/* line 598, ../sass/app.scss */
|
|
| 7431 |
/* line 602, ../sass/app.scss */
|
|
| 7427 | 7432 |
.create-vm .select-os li .os {
|
| 7428 | 7433 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7429 | 7434 |
width: 30px; |
| ... | ... | |
| 7434 | 7439 |
background-size: 100%; |
| 7435 | 7440 |
margin-bottom: 2em; |
| 7436 | 7441 |
} |
| 7437 |
/* line 602, ../sass/app.scss */
|
|
| 7442 |
/* line 606, ../sass/app.scss */
|
|
| 7438 | 7443 |
.create-vm .select-os li .os.windows {
|
| 7439 | 7444 |
background-image: url("../images/os-windows.png");
|
| 7440 | 7445 |
} |
| 7441 |
/* line 603, ../sass/app.scss */
|
|
| 7446 |
/* line 607, ../sass/app.scss */
|
|
| 7442 | 7447 |
.create-vm .select-os li .os.kubuntu {
|
| 7443 | 7448 |
background-image: url("../images/os-kubuntu.png");
|
| 7444 | 7449 |
} |
| 7445 |
/* line 604, ../sass/app.scss */
|
|
| 7450 |
/* line 608, ../sass/app.scss */
|
|
| 7446 | 7451 |
.create-vm .select-os li .os.fedora {
|
| 7447 | 7452 |
background-image: url("../images/os-fedora.png");
|
| 7448 | 7453 |
} |
| 7449 |
/* line 606, ../sass/app.scss */
|
|
| 7454 |
/* line 610, ../sass/app.scss */
|
|
| 7450 | 7455 |
.create-vm .select-os li h2 {
|
| 7451 | 7456 |
font-size: 1em; |
| 7452 | 7457 |
font-weight: normal; |
| 7453 | 7458 |
color: white; |
| 7454 | 7459 |
} |
| 7455 |
/* line 611, ../sass/app.scss */
|
|
| 7460 |
/* line 615, ../sass/app.scss */
|
|
| 7456 | 7461 |
.create-vm .select-os li .details {
|
| 7457 | 7462 |
font-weight: bold; |
| 7458 | 7463 |
font-size: 0.875em; |
| 7459 | 7464 |
} |
| 7460 |
/* line 618, ../sass/app.scss */
|
|
| 7465 |
/* line 622, ../sass/app.scss */
|
|
| 7461 | 7466 |
.create-vm .select-flavor dl {
|
| 7462 | 7467 |
color: white; |
| 7463 | 7468 |
font-size: 1.25em; |
| 7464 | 7469 |
margin-bottom: 10px; |
| 7465 | 7470 |
} |
| 7466 |
/* line 622, ../sass/app.scss */
|
|
| 7471 |
/* line 626, ../sass/app.scss */
|
|
| 7467 | 7472 |
.create-vm .select-flavor dl dd {
|
| 7468 | 7473 |
width: 23%; |
| 7469 | 7474 |
display: inline-block; |
| 7470 | 7475 |
} |
| 7471 |
/* line 626, ../sass/app.scss */
|
|
| 7476 |
/* line 630, ../sass/app.scss */
|
|
| 7472 | 7477 |
.create-vm .select-flavor dl dt {
|
| 7473 | 7478 |
width: 70%; |
| 7474 | 7479 |
display: inline-block; |
| 7475 | 7480 |
font-weight: normal; |
| 7476 | 7481 |
} |
| 7477 |
/* line 630, ../sass/app.scss */
|
|
| 7482 |
/* line 634, ../sass/app.scss */
|
|
| 7478 | 7483 |
.create-vm .select-flavor dl dt span {
|
| 7479 | 7484 |
min-width: 90px; |
| 7480 | 7485 |
margin: 0 10px; |
| 7481 | 7486 |
} |
| 7482 |
/* line 634, ../sass/app.scss */
|
|
| 7487 |
/* line 638, ../sass/app.scss */
|
|
| 7483 | 7488 |
.create-vm .select-flavor dl dt span:first-child {
|
| 7484 | 7489 |
margin-left: 0; |
| 7485 | 7490 |
} |
| 7486 | 7491 |
|
| 7487 |
/* line 644, ../sass/app.scss */
|
|
| 7492 |
/* line 648, ../sass/app.scss */
|
|
| 7488 | 7493 |
#vm-connect .info {
|
| 7489 | 7494 |
font-style: italic; |
| 7490 | 7495 |
font-size: 0.8125em; |
| 7491 | 7496 |
color: #9e9ea1; |
| 7492 | 7497 |
} |
| 7493 |
/* line 649, ../sass/app.scss */
|
|
| 7498 |
/* line 653, ../sass/app.scss */
|
|
| 7494 | 7499 |
#vm-connect .ssh {
|
| 7495 | 7500 |
text-align: center; |
| 7496 | 7501 |
} |
| 7497 |
/* line 651, ../sass/app.scss */
|
|
| 7502 |
/* line 655, ../sass/app.scss */
|
|
| 7498 | 7503 |
#vm-connect .ssh span {
|
| 7499 | 7504 |
padding: 10px 30px; |
| 7500 | 7505 |
background: #ff7bac; |
| 7501 | 7506 |
color: white; |
| 7502 | 7507 |
} |
| 7503 |
/* line 657, ../sass/app.scss */
|
|
| 7508 |
/* line 661, ../sass/app.scss */
|
|
| 7504 | 7509 |
#vm-connect a:hover {
|
| 7505 | 7510 |
color: #ff7bac; |
| 7506 | 7511 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_create_a_v1.html | ||
|---|---|---|
| 154 | 154 |
|
| 155 | 155 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
| 156 | 156 |
<script src="javascripts/common.js"></script> |
| 157 |
<script src="javascripts/common_ab.js"></script> |
|
| 157 | 158 |
|
| 158 | 159 |
|
| 159 | 160 |
<script> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_create_b_v1.html | ||
|---|---|---|
| 136 | 136 |
|
| 137 | 137 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
| 138 | 138 |
<script src="javascripts/common.js"></script> |
| 139 |
<script src="javascripts/common_ab.js"></script> |
|
| 139 | 140 |
|
| 140 | 141 |
|
| 141 | 142 |
<script> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html | ||
|---|---|---|
| 83 | 83 |
<div class="container"> |
| 84 | 84 |
<div class="options"> |
| 85 | 85 |
<div class="wrap"> |
| 86 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a><br>
|
|
| 87 |
<a href="vm_details_v1.html">details</a><br>
|
|
| 86 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a> |
|
| 87 |
<a href="vm_details_v1.html">details</a> |
|
| 88 | 88 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 89 | 89 |
</div> |
| 90 | 90 |
</div> |
| ... | ... | |
| 107 | 107 |
<div class="container"> |
| 108 | 108 |
<div class="options"> |
| 109 | 109 |
<div class="wrap"> |
| 110 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a><br>
|
|
| 111 |
<a href="vm_details_v1.html">details</a><br>
|
|
| 110 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a> |
|
| 111 |
<a href="vm_details_v1.html">details</a> |
|
| 112 | 112 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 113 | 113 |
</div> |
| 114 | 114 |
</div> |
| ... | ... | |
| 131 | 131 |
<div class="container"> |
| 132 | 132 |
<div class="options"> |
| 133 | 133 |
<div class="wrap"> |
| 134 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a><br>
|
|
| 135 |
<a href="vm_details_v1.html">details</a><br>
|
|
| 134 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a> |
|
| 135 |
<a href="vm_details_v1.html">details</a> |
|
| 136 | 136 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 137 | 137 |
</div> |
| 138 | 138 |
</div> |
| ... | ... | |
| 155 | 155 |
<div class="container"> |
| 156 | 156 |
<div class="options"> |
| 157 | 157 |
<div class="wrap"> |
| 158 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a><br>
|
|
| 159 |
<a href="vm_details_v1.html">details</a><br>
|
|
| 158 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a> |
|
| 159 |
<a href="vm_details_v1.html">details</a> |
|
| 160 | 160 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 161 | 161 |
</div> |
| 162 | 162 |
</div> |
| ... | ... | |
| 180 | 180 |
<div class="container"> |
| 181 | 181 |
<div class="options"> |
| 182 | 182 |
<div class="wrap"> |
| 183 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a><br>
|
|
| 184 |
<a href="vm_details_v1.html">details</a><br>
|
|
| 185 |
<a href="#" data-reveal-id="vm-connect">connect</a> |
|
| 183 |
<a href="" class="check">select<span class="custom_checkbox">a</span> </a> |
|
| 184 |
<a href="vm_details_v1.html">details</a> |
|
| 185 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a>
|
|
| 186 | 186 |
</div> |
| 187 | 187 |
</div> |
| 188 | 188 |
<div class="img-wrap"> |
| ... | ... | |
| 250 | 250 |
|
| 251 | 251 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
| 252 | 252 |
<script src="javascripts/common.js"></script> |
| 253 |
<script src="javascripts/common_ab.js"></script> |
|
| 253 | 254 |
|
| 254 | 255 |
|
| 255 | 256 |
<script src="javascripts/gp-script.js"></script> |
Also available in: Unified diff