Revision 48c5b3ea snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8302 | 8302 |
width: auto; |
| 8303 | 8303 |
height: 90px; |
| 8304 | 8304 |
} |
| 8305 |
/* line 31, ../sass/_details.scss */
|
|
| 8305 |
/* line 32, ../sass/_details.scss */
|
|
| 8306 | 8306 |
.details .top .img-wrap .snf-pc-full, |
| 8307 |
.details .top .img-wrap .snf-network-full {
|
|
| 8307 |
.details .top .img-wrap .snf-network-full, |
|
| 8308 |
.details .top .img-wrap .snf-volume-full {
|
|
| 8308 | 8309 |
font-size: 90px; |
| 8309 | 8310 |
} |
| 8310 |
/* line 34, ../sass/_details.scss */
|
|
| 8311 |
/* line 35, ../sass/_details.scss */
|
|
| 8311 | 8312 |
.details .top .img-wrap .os {
|
| 8312 | 8313 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 8313 | 8314 |
width: 30px; |
| ... | ... | |
| 8320 | 8321 |
left: 42px; |
| 8321 | 8322 |
top: 15px; |
| 8322 | 8323 |
} |
| 8323 |
/* line 40, ../sass/_details.scss */
|
|
| 8324 |
/* line 41, ../sass/_details.scss */
|
|
| 8324 | 8325 |
.details .top .img-wrap .os.windows {
|
| 8325 | 8326 |
background-image: url("../images/os-windows.png");
|
| 8326 | 8327 |
} |
| 8327 |
/* line 41, ../sass/_details.scss */
|
|
| 8328 |
/* line 42, ../sass/_details.scss */
|
|
| 8328 | 8329 |
.details .top .img-wrap .os.kubuntu {
|
| 8329 | 8330 |
background-image: url("../images/os-kubuntu.png");
|
| 8330 | 8331 |
} |
| 8331 |
/* line 42, ../sass/_details.scss */
|
|
| 8332 |
/* line 43, ../sass/_details.scss */
|
|
| 8332 | 8333 |
.details .top .img-wrap .os.fedora {
|
| 8333 | 8334 |
background-image: url("../images/os-fedora.png");
|
| 8334 | 8335 |
} |
| 8335 |
/* line 45, ../sass/_details.scss */
|
|
| 8336 |
/* line 46, ../sass/_details.scss */
|
|
| 8336 | 8337 |
.details .top .title {
|
| 8337 | 8338 |
height: 64px; |
| 8338 | 8339 |
padding: 0 0 0 20px; |
| 8339 | 8340 |
} |
| 8340 |
/* line 49, ../sass/_details.scss */
|
|
| 8341 |
/* line 50, ../sass/_details.scss */
|
|
| 8341 | 8342 |
.details .top .actions, .details .top .tabs {
|
| 8342 | 8343 |
border-top: 1px solid #ff6b9a; |
| 8343 | 8344 |
height: 48px; |
| 8344 | 8345 |
line-height: 48px; |
| 8345 | 8346 |
padding: 0 0 0 20px; |
| 8346 | 8347 |
} |
| 8347 |
/* line 55, ../sass/_details.scss */
|
|
| 8348 |
/* line 56, ../sass/_details.scss */
|
|
| 8348 | 8349 |
.details .top .actions {
|
| 8349 | 8350 |
font-size: 0.875em; |
| 8350 | 8351 |
} |
| 8351 |
/* line 57, ../sass/_details.scss */
|
|
| 8352 |
/* line 58, ../sass/_details.scss */
|
|
| 8352 | 8353 |
.details .top .actions a {
|
| 8353 | 8354 |
text-transform: capitalize; |
| 8354 | 8355 |
} |
| 8355 |
/* line 61, ../sass/_details.scss */
|
|
| 8356 |
/* line 62, ../sass/_details.scss */
|
|
| 8356 | 8357 |
.details .top .tabs {
|
| 8357 | 8358 |
font-size: 1.375em; |
| 8358 | 8359 |
} |
| 8359 |
/* line 64, ../sass/_details.scss */
|
|
| 8360 |
/* line 65, ../sass/_details.scss */
|
|
| 8360 | 8361 |
.details .top ul {
|
| 8361 | 8362 |
list-style: none outside none; |
| 8362 | 8363 |
padding: 0; |
| 8363 | 8364 |
margin: 0; |
| 8364 | 8365 |
} |
| 8365 |
/* line 68, ../sass/_details.scss */
|
|
| 8366 |
/* line 69, ../sass/_details.scss */
|
|
| 8366 | 8367 |
.details .top ul li {
|
| 8367 | 8368 |
display: inline-block; |
| 8368 | 8369 |
padding: 0 20px 0 0; |
| 8369 | 8370 |
margin: 0; |
| 8370 | 8371 |
line-height: 48px; |
| 8371 | 8372 |
} |
| 8372 |
/* line 75, ../sass/_details.scss */
|
|
| 8373 |
/* line 76, ../sass/_details.scss */
|
|
| 8373 | 8374 |
.details .top h1 {
|
| 8374 | 8375 |
font-size: 1em; |
| 8375 | 8376 |
margin: 0; |
| 8376 | 8377 |
padding-top: 16px; |
| 8377 | 8378 |
} |
| 8378 |
/* line 79, ../sass/_details.scss */
|
|
| 8379 |
/* line 80, ../sass/_details.scss */
|
|
| 8379 | 8380 |
.details .top h1 span {
|
| 8380 | 8381 |
font-size: 0.75em; |
| 8381 | 8382 |
display: block; |
| 8382 | 8383 |
font-weight: normal; |
| 8383 | 8384 |
} |
| 8384 |
/* line 87, ../sass/_details.scss */
|
|
| 8385 |
/* line 88, ../sass/_details.scss */
|
|
| 8385 | 8386 |
.details .content.hidden {
|
| 8386 | 8387 |
display: none; |
| 8387 | 8388 |
} |
| 8388 |
/* line 91, ../sass/_details.scss */
|
|
| 8389 |
/* line 92, ../sass/_details.scss */
|
|
| 8389 | 8390 |
.details .info-simple {
|
| 8390 | 8391 |
padding: 0 0 0 290px; |
| 8391 | 8392 |
} |
| 8392 |
/* line 93, ../sass/_details.scss */
|
|
| 8393 |
/* line 94, ../sass/_details.scss */
|
|
| 8393 | 8394 |
.details .info-simple .info-block {
|
| 8394 | 8395 |
padding: 20px; |
| 8395 | 8396 |
background: url("../images/dashed_atom-x.png") repeat-x bottom;
|
| 8396 | 8397 |
} |
| 8397 |
/* line 96, ../sass/_details.scss */
|
|
| 8398 |
/* line 97, ../sass/_details.scss */
|
|
| 8398 | 8399 |
.details .info-simple .info-block dl {
|
| 8399 | 8400 |
margin-bottom: 0; |
| 8400 | 8401 |
font-size: 0.875em; |
| 8401 | 8402 |
} |
| 8402 |
/* line 99, ../sass/_details.scss */
|
|
| 8403 |
/* line 100, ../sass/_details.scss */
|
|
| 8403 | 8404 |
.details .info-simple .info-block dl dt {
|
| 8404 | 8405 |
display: inline-block; |
| 8405 | 8406 |
width: 42%; |
| 8406 | 8407 |
vertical-align: top; |
| 8407 | 8408 |
font-weight: normal; |
| 8408 | 8409 |
} |
| 8409 |
/* line 104, ../sass/_details.scss */
|
|
| 8410 |
/* line 105, ../sass/_details.scss */
|
|
| 8410 | 8411 |
.details .info-simple .info-block dl dt .snf-font {
|
| 8411 | 8412 |
width: 40px; |
| 8412 | 8413 |
display: inline-block; |
| ... | ... | |
| 8414 | 8415 |
position: relative; |
| 8415 | 8416 |
bottom: -2px; |
| 8416 | 8417 |
} |
| 8417 |
/* line 112, ../sass/_details.scss */
|
|
| 8418 |
/* line 113, ../sass/_details.scss */
|
|
| 8418 | 8419 |
.details .info-simple .info-block dl dd {
|
| 8419 | 8420 |
display: inline-block; |
| 8420 | 8421 |
width: 45%; |
| 8421 | 8422 |
margin-bottom: 1em; |
| 8422 | 8423 |
} |
| 8423 |
/* line 118, ../sass/_details.scss */
|
|
| 8424 |
/* line 119, ../sass/_details.scss */
|
|
| 8424 | 8425 |
.details .info-simple .info-block .tags {
|
| 8425 | 8426 |
text-align: left; |
| 8426 | 8427 |
} |
| 8427 |
/* line 120, ../sass/_details.scss */
|
|
| 8428 |
/* line 121, ../sass/_details.scss */
|
|
| 8428 | 8429 |
.details .info-simple .info-block .tags li {
|
| 8429 | 8430 |
list-style: none outside none; |
| 8430 | 8431 |
display: inline-block; |
| 8431 | 8432 |
margin-right: 25px; |
| 8432 | 8433 |
} |
| 8433 |
/* line 125, ../sass/_details.scss */
|
|
| 8434 |
/* line 126, ../sass/_details.scss */
|
|
| 8434 | 8435 |
.details .info-simple .info-block .tags li:hover span {
|
| 8435 | 8436 |
color: #485057; |
| 8436 | 8437 |
} |
| 8437 |
/* line 130, ../sass/_details.scss */
|
|
| 8438 |
/* line 131, ../sass/_details.scss */
|
|
| 8438 | 8439 |
.details .info-simple .info-block .tags .tag {
|
| 8439 | 8440 |
vertical-align: middle; |
| 8440 | 8441 |
} |
| 8441 |
/* line 133, ../sass/_details.scss */
|
|
| 8442 |
/* line 134, ../sass/_details.scss */
|
|
| 8442 | 8443 |
.details .info-simple .info-block .tags .delete {
|
| 8443 | 8444 |
margin-left: 10px; |
| 8444 | 8445 |
} |
| 8445 |
/* line 138, ../sass/_details.scss */
|
|
| 8446 |
/* line 139, ../sass/_details.scss */
|
|
| 8446 | 8447 |
.details .info-simple .info-block .add-tag .buttons {
|
| 8447 | 8448 |
margin-bottom: 1em; |
| 8448 | 8449 |
} |
| 8449 |
/* line 143, ../sass/_details.scss */
|
|
| 8450 |
/* line 144, ../sass/_details.scss */
|
|
| 8450 | 8451 |
.details .info-simple .info-block.charts .graph_container {
|
| 8451 | 8452 |
margin-bottom: 20px; |
| 8452 | 8453 |
} |
| 8453 |
/* line 150, ../sass/_details.scss */
|
|
| 8454 |
/* line 151, ../sass/_details.scss */
|
|
| 8454 | 8455 |
.details .content h2 {
|
| 8455 | 8456 |
font-size: 1em; |
| 8456 | 8457 |
line-height: 1; |
| 8457 | 8458 |
margin-bottom: 40px; |
| 8458 | 8459 |
} |
| 8459 |
/* line 155, ../sass/_details.scss */
|
|
| 8460 |
/* line 156, ../sass/_details.scss */
|
|
| 8460 | 8461 |
.details .content h3 {
|
| 8461 | 8462 |
margin: 0; |
| 8462 | 8463 |
font-size: 0.875em; |
| 8463 | 8464 |
font-weight: normal; |
| 8464 | 8465 |
} |
| 8465 |
/* line 161, ../sass/_details.scss */
|
|
| 8466 |
/* line 162, ../sass/_details.scss */
|
|
| 8466 | 8467 |
.details .lt-bar {
|
| 8467 | 8468 |
position: fixed; |
| 8468 | 8469 |
overflow: scroll; |
| ... | ... | |
| 8479 | 8480 |
padding: 0; |
| 8480 | 8481 |
display: none; |
| 8481 | 8482 |
} |
| 8482 |
/* line 167, ../sass/_details.scss */
|
|
| 8483 |
/* line 168, ../sass/_details.scss */
|
|
| 8483 | 8484 |
.details .lt-bar .items-list .img-wrap .snf-font {
|
| 8484 | 8485 |
font-size: 3.75em; |
| 8485 | 8486 |
} |
| 8486 | 8487 |
|
| 8487 |
/* line 175, ../sass/_details.scss */
|
|
| 8488 |
/* line 176, ../sass/_details.scss */
|
|
| 8488 | 8489 |
.scroll-wrap {
|
| 8489 | 8490 |
position: relative; |
| 8490 | 8491 |
} |
| 8491 | 8492 |
|
| 8492 |
/* line 180, ../sass/_details.scss */
|
|
| 8493 |
/* line 181, ../sass/_details.scss */
|
|
| 8493 | 8494 |
.toggle-lt-bar {
|
| 8494 | 8495 |
position: absolute; |
| 8495 | 8496 |
left: 0; |
| ... | ... | |
| 8502 | 8503 |
line-height: 85px; |
| 8503 | 8504 |
padding: 0 5px; |
| 8504 | 8505 |
} |
| 8505 |
/* line 191, ../sass/_details.scss */
|
|
| 8506 |
/* line 192, ../sass/_details.scss */
|
|
| 8506 | 8507 |
.toggle-lt-bar:hover {
|
| 8507 | 8508 |
background: #6ae0cd; |
| 8508 | 8509 |
color: #fff; |
| 8509 | 8510 |
} |
| 8510 |
/* line 195, ../sass/_details.scss */
|
|
| 8511 |
/* line 196, ../sass/_details.scss */
|
|
| 8511 | 8512 |
.toggle-lt-bar.fix-position {
|
| 8512 | 8513 |
position: fixed; |
| 8513 | 8514 |
top: 145px; |
| ... | ... | |
| 8516 | 8517 |
border: 1px solid white; |
| 8517 | 8518 |
} |
| 8518 | 8519 |
|
| 8519 |
/* line 206, ../sass/_details.scss */
|
|
| 8520 |
/* line 207, ../sass/_details.scss */
|
|
| 8520 | 8521 |
.list-availables > span {
|
| 8521 | 8522 |
margin-bottom: 1em; |
| 8522 | 8523 |
display: inline-block; |
| 8523 | 8524 |
} |
| 8524 |
/* line 210, ../sass/_details.scss */
|
|
| 8525 |
/* line 211, ../sass/_details.scss */
|
|
| 8525 | 8526 |
.list-availables ul {
|
| 8526 | 8527 |
list-style-type: none; |
| 8527 | 8528 |
} |
| 8528 |
/* line 212, ../sass/_details.scss */
|
|
| 8529 |
/* line 213, ../sass/_details.scss */
|
|
| 8529 | 8530 |
.list-availables ul li {
|
| 8530 | 8531 |
line-height: 2.5em; |
| 8531 | 8532 |
} |
| 8532 |
/* line 214, ../sass/_details.scss */
|
|
| 8533 |
/* line 215, ../sass/_details.scss */
|
|
| 8533 | 8534 |
.list-availables ul li span {
|
| 8534 | 8535 |
display: inline-block; |
| 8535 | 8536 |
} |
| 8536 |
/* line 216, ../sass/_details.scss */
|
|
| 8537 |
/* line 217, ../sass/_details.scss */
|
|
| 8537 | 8538 |
.list-availables ul li span:not(:last-child), .list-availables ul li span span:not(:first-child) {
|
| 8538 | 8539 |
margin-right: 20px; |
| 8539 | 8540 |
} |
| 8540 |
/* line 219, ../sass/_details.scss */
|
|
| 8541 |
/* line 220, ../sass/_details.scss */
|
|
| 8541 | 8542 |
.list-availables ul li span:first-child {
|
| 8542 | 8543 |
margin-right: 30px; |
| 8543 | 8544 |
} |
| 8544 |
/* line 222, ../sass/_details.scss */
|
|
| 8545 |
/* line 223, ../sass/_details.scss */
|
|
| 8545 | 8546 |
.list-availables ul li span.snf-font {
|
| 8546 | 8547 |
vertical-align: middle; |
| 8547 | 8548 |
} |
| 8548 |
/* line 224, ../sass/_details.scss */
|
|
| 8549 |
/* line 225, ../sass/_details.scss */
|
|
| 8549 | 8550 |
.list-availables ul li span.snf-font.snf-network-full, .list-availables ul li span.snf-font.snf-volume-full {
|
| 8550 | 8551 |
font-size: 24px; |
| 8551 | 8552 |
color: #6ae0cd; |
| 8552 | 8553 |
} |
| 8553 |
/* line 229, ../sass/_details.scss */
|
|
| 8554 |
/* line 230, ../sass/_details.scss */
|
|
| 8554 | 8555 |
.list-availables ul li span.name {
|
| 8555 | 8556 |
width: 50%; |
| 8556 | 8557 |
} |
| 8557 | 8558 |
|
| 8558 |
/* line 238, ../sass/_details.scss */
|
|
| 8559 |
/* line 239, ../sass/_details.scss */
|
|
| 8559 | 8560 |
.select-list {
|
| 8560 | 8561 |
border: 0 !important; |
| 8561 | 8562 |
/*Removes border*/ |
Also available in: Unified diff