Revision e106fc8f snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7156 | 7156 |
/* line 377, ../sass/app.scss */ |
| 7157 | 7157 |
.items-list li .container .options .wrap a {
|
| 7158 | 7158 |
font-size: 1.6875em; |
| 7159 |
display: block; |
|
| 7159 |
display: inline-block;
|
|
| 7160 | 7160 |
color: #919194; |
| 7161 | 7161 |
line-height: 1em; |
| 7162 | 7162 |
margin-bottom: 10px; |
| ... | ... | |
| 7208 | 7208 |
position: relative; |
| 7209 | 7209 |
} |
| 7210 | 7210 |
|
| 7211 |
/* line 428, ../sass/app.scss */
|
|
| 7211 |
/* line 429, ../sass/app.scss */
|
|
| 7212 | 7212 |
.lt-sidebar {
|
| 7213 | 7213 |
margin-top: 43px; |
| 7214 | 7214 |
overflow: scroll; |
| 7215 | 7215 |
height: 300px; |
| 7216 | 7216 |
font-size: 0.75em; |
| 7217 | 7217 |
} |
| 7218 |
/* line 433, ../sass/app.scss */
|
|
| 7218 |
/* line 434, ../sass/app.scss */
|
|
| 7219 | 7219 |
.lt-sidebar .items-list {
|
| 7220 | 7220 |
padding: 0; |
| 7221 | 7221 |
} |
| 7222 |
/* line 437, ../sass/app.scss */
|
|
| 7222 |
/* line 438, ../sass/app.scss */
|
|
| 7223 | 7223 |
.lt-sidebar .items-list li .img, |
| 7224 | 7224 |
.lt-sidebar .items-list li .os {
|
| 7225 | 7225 |
background-size: 80%; |
| 7226 | 7226 |
} |
| 7227 |
/* line 440, ../sass/app.scss */
|
|
| 7227 |
/* line 441, ../sass/app.scss */
|
|
| 7228 | 7228 |
.lt-sidebar li:hover {
|
| 7229 | 7229 |
background: #ebebec; |
| 7230 | 7230 |
} |
| 7231 |
/* line 443, ../sass/app.scss */
|
|
| 7231 |
/* line 444, ../sass/app.scss */
|
|
| 7232 | 7232 |
.lt-sidebar li.current {
|
| 7233 | 7233 |
background: #dfdfdf; |
| 7234 | 7234 |
cursor: pointer; |
| 7235 | 7235 |
} |
| 7236 |
/* line 450, ../sass/app.scss */ |
|
| 7237 |
.lt-sidebar .jspDrag {
|
|
| 7238 |
background-color: #919194; |
|
| 7239 |
} |
|
| 7240 |
/* line 453, ../sass/app.scss */ |
|
| 7241 |
.lt-sidebar .jspVerticalBar {
|
|
| 7242 |
width: 10px; |
|
| 7243 |
right: 4px; |
|
| 7244 |
} |
|
| 7245 |
/* line 457, ../sass/app.scss */ |
|
| 7246 |
.lt-sidebar .jspTrack {
|
|
| 7247 |
background: white; |
|
| 7248 |
border-left: 1px solid #919194; |
|
| 7249 |
border-right: 1px solid #919194; |
|
| 7250 |
} |
|
| 7236 | 7251 |
|
| 7237 |
/* line 452, ../sass/app.scss */
|
|
| 7252 |
/* line 467, ../sass/app.scss */
|
|
| 7238 | 7253 |
.vms .items-list .img {
|
| 7239 | 7254 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7240 | 7255 |
width: 56px; |
| ... | ... | |
| 7243 | 7258 |
text-indent: -2000px; |
| 7244 | 7259 |
overflow: hidden; |
| 7245 | 7260 |
} |
| 7246 |
/* line 455, ../sass/app.scss */
|
|
| 7261 |
/* line 470, ../sass/app.scss */
|
|
| 7247 | 7262 |
.vms .items-list .img.stopped {
|
| 7248 | 7263 |
background-image: url("../images/vm-stopped.png");
|
| 7249 | 7264 |
} |
| 7250 |
/* line 458, ../sass/app.scss */
|
|
| 7265 |
/* line 473, ../sass/app.scss */
|
|
| 7251 | 7266 |
.vms .items-list .img .os {
|
| 7252 | 7267 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7253 | 7268 |
width: 22px; |
| ... | ... | |
| 7259 | 7274 |
top: 8px; |
| 7260 | 7275 |
left: 18px; |
| 7261 | 7276 |
} |
| 7262 |
/* line 463, ../sass/app.scss */
|
|
| 7277 |
/* line 478, ../sass/app.scss */
|
|
| 7263 | 7278 |
.vms .items-list .img .os.windows {
|
| 7264 | 7279 |
background-image: url("../images/os-windows.png");
|
| 7265 | 7280 |
} |
| 7266 |
/* line 464, ../sass/app.scss */
|
|
| 7281 |
/* line 479, ../sass/app.scss */
|
|
| 7267 | 7282 |
.vms .items-list .img .os.kubuntu {
|
| 7268 | 7283 |
background-image: url("../images/os-kubuntu.png");
|
| 7269 | 7284 |
} |
| 7270 |
/* line 465, ../sass/app.scss */
|
|
| 7285 |
/* line 480, ../sass/app.scss */
|
|
| 7271 | 7286 |
.vms .items-list .img .os.fedora {
|
| 7272 | 7287 |
background-image: url("../images/os-fedora.png");
|
| 7273 | 7288 |
} |
| 7274 | 7289 |
|
| 7275 |
/* line 474, ../sass/app.scss */
|
|
| 7290 |
/* line 489, ../sass/app.scss */
|
|
| 7276 | 7291 |
.vm .top .img {
|
| 7277 | 7292 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7278 | 7293 |
width: 112px; |
| ... | ... | |
| 7281 | 7296 |
text-indent: -2000px; |
| 7282 | 7297 |
overflow: hidden; |
| 7283 | 7298 |
} |
| 7284 |
/* line 477, ../sass/app.scss */
|
|
| 7299 |
/* line 492, ../sass/app.scss */
|
|
| 7285 | 7300 |
.vm .top.stopped {
|
| 7286 | 7301 |
background-image: url("../images/vm-stopped.png");
|
| 7287 | 7302 |
} |
| 7288 |
/* line 480, ../sass/app.scss */
|
|
| 7303 |
/* line 495, ../sass/app.scss */
|
|
| 7289 | 7304 |
.vm .top .os {
|
| 7290 | 7305 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7291 | 7306 |
width: 22px; |
| ... | ... | |
| 7300 | 7315 |
left: 36px; |
| 7301 | 7316 |
top: 16px; |
| 7302 | 7317 |
} |
| 7303 |
/* line 488, ../sass/app.scss */
|
|
| 7318 |
/* line 503, ../sass/app.scss */
|
|
| 7304 | 7319 |
.vm .top .os.windows {
|
| 7305 | 7320 |
background-image: url("../images/os-windows.png");
|
| 7306 | 7321 |
} |
| 7307 |
/* line 489, ../sass/app.scss */
|
|
| 7322 |
/* line 504, ../sass/app.scss */
|
|
| 7308 | 7323 |
.vm .top .os.kubuntu {
|
| 7309 | 7324 |
background-image: url("../images/os-kubuntu.png");
|
| 7310 | 7325 |
} |
| 7311 |
/* line 490, ../sass/app.scss */
|
|
| 7326 |
/* line 505, ../sass/app.scss */
|
|
| 7312 | 7327 |
.vm .top .os.fedora {
|
| 7313 | 7328 |
background-image: url("../images/os-fedora.png");
|
| 7314 | 7329 |
} |
| 7315 | 7330 |
|
| 7316 |
/* line 495, ../sass/app.scss */
|
|
| 7331 |
/* line 510, ../sass/app.scss */
|
|
| 7317 | 7332 |
.details {
|
| 7318 | 7333 |
position: relative; |
| 7319 | 7334 |
} |
| 7320 |
/* line 498, ../sass/app.scss */
|
|
| 7335 |
/* line 513, ../sass/app.scss */
|
|
| 7321 | 7336 |
.details .top {
|
| 7322 | 7337 |
padding: 100px 2.5em; |
| 7323 | 7338 |
text-align: center; |
| 7324 | 7339 |
} |
| 7325 |
/* line 501, ../sass/app.scss */
|
|
| 7340 |
/* line 516, ../sass/app.scss */
|
|
| 7326 | 7341 |
.details .top .img {
|
| 7327 | 7342 |
background-size: 100%; |
| 7328 | 7343 |
margin-bottom: 20px; |
| 7329 | 7344 |
position: relative; |
| 7330 | 7345 |
} |
| 7331 |
/* line 507, ../sass/app.scss */
|
|
| 7346 |
/* line 522, ../sass/app.scss */
|
|
| 7332 | 7347 |
.details .top .actions ul {
|
| 7333 | 7348 |
padding: 1em; |
| 7334 | 7349 |
text-align: center; |
| 7335 | 7350 |
} |
| 7336 |
/* line 510, ../sass/app.scss */
|
|
| 7351 |
/* line 525, ../sass/app.scss */
|
|
| 7337 | 7352 |
.details .top .actions ul li {
|
| 7338 | 7353 |
list-style: none outside none; |
| 7339 | 7354 |
display: inline-block; |
| 7340 | 7355 |
margin: 0 10px; |
| 7341 | 7356 |
min-width: 112px; |
| 7342 | 7357 |
} |
| 7343 |
/* line 525, ../sass/app.scss */
|
|
| 7358 |
/* line 540, ../sass/app.scss */
|
|
| 7344 | 7359 |
.details .info dl {
|
| 7345 | 7360 |
margin: 0; |
| 7346 | 7361 |
} |
| 7347 |
/* line 527, ../sass/app.scss */
|
|
| 7362 |
/* line 542, ../sass/app.scss */
|
|
| 7348 | 7363 |
.details .info dl dt {
|
| 7349 | 7364 |
display: inline-block; |
| 7350 | 7365 |
width: 25%; |
| 7351 | 7366 |
float: left; |
| 7352 | 7367 |
} |
| 7353 |
/* line 534, ../sass/app.scss */
|
|
| 7368 |
/* line 549, ../sass/app.scss */
|
|
| 7354 | 7369 |
.details .close {
|
| 7355 | 7370 |
position: absolute; |
| 7356 | 7371 |
right: 2.5em; |
| ... | ... | |
| 7363 | 7378 |
overflow: hidden; |
| 7364 | 7379 |
} |
| 7365 | 7380 |
|
| 7366 |
/* line 546, ../sass/app.scss */
|
|
| 7381 |
/* line 561, ../sass/app.scss */
|
|
| 7367 | 7382 |
.border-bottom-style1 {
|
| 7368 | 7383 |
padding-bottom: 20px; |
| 7369 | 7384 |
margin-bottom: 20px; |
| 7370 | 7385 |
border-bottom: 1px dashed #919194; |
| 7371 | 7386 |
} |
| 7372 | 7387 |
|
| 7373 |
/* line 552, ../sass/app.scss */
|
|
| 7388 |
/* line 567, ../sass/app.scss */
|
|
| 7374 | 7389 |
.overlay {
|
| 7375 | 7390 |
background: #ff7bac; |
| 7376 | 7391 |
position: relative; |
| 7377 | 7392 |
z-index: 1; |
| 7378 | 7393 |
} |
| 7379 |
/* line 556, ../sass/app.scss */
|
|
| 7394 |
/* line 571, ../sass/app.scss */
|
|
| 7380 | 7395 |
.overlay .lt-sidebar {
|
| 7381 | 7396 |
border-right: 1px solid white; |
| 7382 | 7397 |
} |
| 7383 |
/* line 559, ../sass/app.scss */
|
|
| 7398 |
/* line 574, ../sass/app.scss */
|
|
| 7384 | 7399 |
.overlay .lt-sidebar ul li {
|
| 7385 | 7400 |
list-style: none outside none; |
| 7386 | 7401 |
} |
| 7387 |
/* line 561, ../sass/app.scss */
|
|
| 7402 |
/* line 576, ../sass/app.scss */
|
|
| 7388 | 7403 |
.overlay .lt-sidebar ul li a {
|
| 7389 | 7404 |
color: white; |
| 7390 | 7405 |
} |
| 7391 |
/* line 563, ../sass/app.scss */
|
|
| 7406 |
/* line 578, ../sass/app.scss */
|
|
| 7392 | 7407 |
.overlay .lt-sidebar ul li a span {
|
| 7393 | 7408 |
float: right; |
| 7394 | 7409 |
display: none; |
| 7395 | 7410 |
} |
| 7396 |
/* line 565, ../sass/app.scss */
|
|
| 7411 |
/* line 580, ../sass/app.scss */
|
|
| 7397 | 7412 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
|
| 7398 | 7413 |
text-decoration: none; |
| 7399 | 7414 |
} |
| 7400 |
/* line 568, ../sass/app.scss */
|
|
| 7415 |
/* line 583, ../sass/app.scss */
|
|
| 7401 | 7416 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
|
| 7402 | 7417 |
display: inline; |
| 7403 | 7418 |
} |
| 7404 |
/* line 579, ../sass/app.scss */
|
|
| 7419 |
/* line 594, ../sass/app.scss */
|
|
| 7405 | 7420 |
.overlay .lt-sidebar, |
| 7406 | 7421 |
.overlay .main {
|
| 7407 | 7422 |
padding: 100px 2.5em; |
| 7408 | 7423 |
position: relative; |
| 7409 | 7424 |
} |
| 7410 |
/* line 584, ../sass/app.scss */
|
|
| 7425 |
/* line 599, ../sass/app.scss */
|
|
| 7411 | 7426 |
.overlay .navigation .rt {
|
| 7412 | 7427 |
float: right; |
| 7413 | 7428 |
} |
| 7414 |
/* line 588, ../sass/app.scss */
|
|
| 7429 |
/* line 603, ../sass/app.scss */
|
|
| 7415 | 7430 |
.overlay .close {
|
| 7416 | 7431 |
position: absolute; |
| 7417 | 7432 |
right: 2.5em; |
| ... | ... | |
| 7424 | 7439 |
overflow: hidden; |
| 7425 | 7440 |
} |
| 7426 | 7441 |
|
| 7427 |
/* line 598, ../sass/app.scss */
|
|
| 7442 |
/* line 613, ../sass/app.scss */
|
|
| 7428 | 7443 |
.create-vm .select-os li {
|
| 7429 | 7444 |
width: 23%; |
| 7430 | 7445 |
padding: 20px; |
| ... | ... | |
| 7434 | 7449 |
height: 200px; |
| 7435 | 7450 |
margin: 0 10px 10px 0; |
| 7436 | 7451 |
} |
| 7437 |
/* line 607, ../sass/app.scss */
|
|
| 7452 |
/* line 622, ../sass/app.scss */
|
|
| 7438 | 7453 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
|
| 7439 | 7454 |
background: white; |
| 7440 | 7455 |
} |
| 7441 |
/* line 609, ../sass/app.scss */
|
|
| 7456 |
/* line 624, ../sass/app.scss */
|
|
| 7442 | 7457 |
.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 {
|
| 7443 | 7458 |
color: #ff7bac; |
| 7444 | 7459 |
} |
| 7445 |
/* line 613, ../sass/app.scss */
|
|
| 7460 |
/* line 628, ../sass/app.scss */
|
|
| 7446 | 7461 |
.create-vm .select-os li a {
|
| 7447 | 7462 |
color: white; |
| 7448 | 7463 |
} |
| 7449 |
/* line 616, ../sass/app.scss */
|
|
| 7464 |
/* line 631, ../sass/app.scss */
|
|
| 7450 | 7465 |
.create-vm .select-os li .os {
|
| 7451 | 7466 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7452 | 7467 |
width: 30px; |
| ... | ... | |
| 7457 | 7472 |
background-size: 100%; |
| 7458 | 7473 |
margin-bottom: 2em; |
| 7459 | 7474 |
} |
| 7460 |
/* line 620, ../sass/app.scss */
|
|
| 7475 |
/* line 635, ../sass/app.scss */
|
|
| 7461 | 7476 |
.create-vm .select-os li .os.windows {
|
| 7462 | 7477 |
background-image: url("../images/os-windows.png");
|
| 7463 | 7478 |
} |
| 7464 |
/* line 621, ../sass/app.scss */
|
|
| 7479 |
/* line 636, ../sass/app.scss */
|
|
| 7465 | 7480 |
.create-vm .select-os li .os.kubuntu {
|
| 7466 | 7481 |
background-image: url("../images/os-kubuntu.png");
|
| 7467 | 7482 |
} |
| 7468 |
/* line 622, ../sass/app.scss */
|
|
| 7483 |
/* line 637, ../sass/app.scss */
|
|
| 7469 | 7484 |
.create-vm .select-os li .os.fedora {
|
| 7470 | 7485 |
background-image: url("../images/os-fedora.png");
|
| 7471 | 7486 |
} |
| 7472 |
/* line 624, ../sass/app.scss */
|
|
| 7487 |
/* line 639, ../sass/app.scss */
|
|
| 7473 | 7488 |
.create-vm .select-os li h2 {
|
| 7474 | 7489 |
font-size: 1em; |
| 7475 | 7490 |
font-weight: normal; |
| 7476 | 7491 |
color: white; |
| 7477 | 7492 |
} |
| 7478 |
/* line 629, ../sass/app.scss */
|
|
| 7493 |
/* line 644, ../sass/app.scss */
|
|
| 7479 | 7494 |
.create-vm .select-os li .details {
|
| 7480 | 7495 |
font-weight: bold; |
| 7481 | 7496 |
font-size: 0.875em; |
| 7482 | 7497 |
} |
| 7483 |
/* line 636, ../sass/app.scss */
|
|
| 7498 |
/* line 651, ../sass/app.scss */
|
|
| 7484 | 7499 |
.create-vm .select-flavor dl {
|
| 7485 | 7500 |
color: white; |
| 7486 | 7501 |
font-size: 1.25em; |
| 7487 | 7502 |
margin-bottom: 10px; |
| 7488 | 7503 |
} |
| 7489 |
/* line 640, ../sass/app.scss */
|
|
| 7504 |
/* line 655, ../sass/app.scss */
|
|
| 7490 | 7505 |
.create-vm .select-flavor dl dd {
|
| 7491 | 7506 |
width: 23%; |
| 7492 | 7507 |
display: inline-block; |
| 7493 | 7508 |
} |
| 7494 |
/* line 644, ../sass/app.scss */
|
|
| 7509 |
/* line 659, ../sass/app.scss */
|
|
| 7495 | 7510 |
.create-vm .select-flavor dl dt {
|
| 7496 | 7511 |
width: 70%; |
| 7497 | 7512 |
display: inline-block; |
| 7498 | 7513 |
font-weight: normal; |
| 7499 | 7514 |
} |
| 7500 |
/* line 648, ../sass/app.scss */
|
|
| 7515 |
/* line 663, ../sass/app.scss */
|
|
| 7501 | 7516 |
.create-vm .select-flavor dl dt span {
|
| 7502 | 7517 |
min-width: 90px; |
| 7503 | 7518 |
margin: 0 10px; |
| 7504 | 7519 |
} |
| 7505 |
/* line 652, ../sass/app.scss */
|
|
| 7520 |
/* line 667, ../sass/app.scss */
|
|
| 7506 | 7521 |
.create-vm .select-flavor dl dt span:first-child {
|
| 7507 | 7522 |
margin-left: 0; |
| 7508 | 7523 |
} |
| 7509 | 7524 |
|
| 7510 |
/* line 662, ../sass/app.scss */
|
|
| 7525 |
/* line 677, ../sass/app.scss */
|
|
| 7511 | 7526 |
#vm-connect .info {
|
| 7512 | 7527 |
font-style: italic; |
| 7513 | 7528 |
font-size: 0.8125em; |
| 7514 | 7529 |
color: #9e9ea1; |
| 7515 | 7530 |
} |
| 7516 |
/* line 667, ../sass/app.scss */
|
|
| 7531 |
/* line 682, ../sass/app.scss */
|
|
| 7517 | 7532 |
#vm-connect .ssh {
|
| 7518 | 7533 |
text-align: center; |
| 7519 | 7534 |
} |
| 7520 |
/* line 669, ../sass/app.scss */
|
|
| 7535 |
/* line 684, ../sass/app.scss */
|
|
| 7521 | 7536 |
#vm-connect .ssh span {
|
| 7522 | 7537 |
padding: 10px 30px; |
| 7523 | 7538 |
background: #ff7bac; |
| 7524 | 7539 |
color: white; |
| 7525 | 7540 |
} |
| 7526 |
/* line 675, ../sass/app.scss */
|
|
| 7541 |
/* line 690, ../sass/app.scss */
|
|
| 7527 | 7542 |
#vm-connect a:hover {
|
| 7528 | 7543 |
color: #ff7bac; |
| 7529 | 7544 |
} |
| 7530 | 7545 |
|
| 7531 |
/* line 678, ../sass/app.scss */
|
|
| 7546 |
/* line 693, ../sass/app.scss */
|
|
| 7532 | 7547 |
.editable {
|
| 7533 | 7548 |
text-align: center; |
| 7534 | 7549 |
} |
| 7535 |
/* line 680, ../sass/app.scss */
|
|
| 7550 |
/* line 695, ../sass/app.scss */
|
|
| 7536 | 7551 |
.editable input, .editable em {
|
| 7537 | 7552 |
width: 70%; |
| 7538 | 7553 |
padding: 5px 10px; |
| ... | ... | |
| 7541 | 7556 |
margin: 0 auto; |
| 7542 | 7557 |
font-size: inherit; |
| 7543 | 7558 |
} |
| 7544 |
/* line 688, ../sass/app.scss */
|
|
| 7559 |
/* line 703, ../sass/app.scss */
|
|
| 7545 | 7560 |
.editable input {
|
| 7546 | 7561 |
display: none; |
| 7547 | 7562 |
} |
| 7548 |
/* line 691, ../sass/app.scss */
|
|
| 7563 |
/* line 706, ../sass/app.scss */
|
|
| 7549 | 7564 |
.editable em {
|
| 7550 | 7565 |
overflow: hidden; |
| 7551 | 7566 |
white-space: nowrap; |
Also available in: Unified diff