Revision 3767076e snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
---|---|---|
6844 | 6844 |
*/ |
6845 | 6845 |
/* Clearfix -------------------------------------------- */ |
6846 | 6846 |
/* line 19, ../sass/_common.scss */ |
6847 |
.clearfix, .storage .files li, .wizard .middle .step .os li { |
|
6847 |
.clearfix, .storage .files li, .wizard .middle .step .os li, .wizard .middle .step .os li .details dl {
|
|
6848 | 6848 |
zoom: 1; |
6849 | 6849 |
} |
6850 | 6850 |
/* line 21, ../sass/_common.scss */ |
6851 |
.clearfix:before, .storage .files li:before, .wizard .middle .step .os li:before, .clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after {
|
|
6851 |
.clearfix:before, .storage .files li:before, .wizard .middle .step .os li:before, .wizard .middle .step .os li .details dl:before, .clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after {
|
|
6852 | 6852 |
content: "\0020"; |
6853 | 6853 |
display: block; |
6854 | 6854 |
height: 0; |
6855 | 6855 |
overflow: hidden; |
6856 | 6856 |
} |
6857 | 6857 |
/* line 27, ../sass/_common.scss */ |
6858 |
.clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after { |
|
6858 |
.clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after {
|
|
6859 | 6859 |
clear: both; |
6860 | 6860 |
} |
6861 | 6861 |
|
... | ... | |
6971 | 6971 |
color: white; |
6972 | 6972 |
display: inline-block; |
6973 | 6973 |
padding: 0 20px; |
6974 |
line-height: 1.75em;
|
|
6975 |
height: 1.875em;
|
|
6974 |
line-height: 28px;
|
|
6975 |
height: 30px;
|
|
6976 | 6976 |
text-align: center; |
6977 | 6977 |
font-size: 0.75em; |
6978 | 6978 |
} |
6979 | 6979 |
/* line 169, ../sass/_common.scss */ |
6980 | 6980 |
.btn5:hover, .wizard .middle .step .os li .btn-col a:hover { |
6981 | 6981 |
border-width: 2px; |
6982 |
line-height: 1.625em;
|
|
6983 |
padding: 0 19px;
|
|
6982 |
line-height: 26px;
|
|
6983 |
padding: 0 18px;
|
|
6984 | 6984 |
} |
6985 | 6985 |
/* line 174, ../sass/_common.scss */ |
6986 | 6986 |
.btn5.current, .wizard .middle .step .os li .btn-col a.current { |
... | ... | |
7081 | 7081 |
/* line 264, ../sass/_common.scss */ |
7082 | 7082 |
.actions-bar { |
7083 | 7083 |
text-align: center; |
7084 |
line-height: 40px; |
|
7084 |
height: 60px; |
|
7085 |
line-height: 60px; |
|
7085 | 7086 |
position: relative; |
7086 |
padding: 0.625em 0; |
|
7087 | 7087 |
border-bottom: 1px solid #919194; |
7088 | 7088 |
} |
7089 | 7089 |
/* line 270, ../sass/_common.scss */ |
7090 | 7090 |
.actions-bar .row { |
7091 | 7091 |
position: relative; |
7092 |
height: 60px; |
|
7092 | 7093 |
} |
7093 |
/* line 275, ../sass/_common.scss */
|
|
7094 |
/* line 274, ../sass/_common.scss */
|
|
7094 | 7095 |
.actions-bar ul { |
7095 | 7096 |
margin: 0; |
7096 | 7097 |
} |
7097 |
/* line 277, ../sass/_common.scss */
|
|
7098 |
/* line 276, ../sass/_common.scss */
|
|
7098 | 7099 |
.actions-bar ul li { |
7099 | 7100 |
list-style: none outside none; |
7100 | 7101 |
display: inline-block; |
7101 |
margin: 0 5px;
|
|
7102 |
line-height: 60px;
|
|
7102 | 7103 |
} |
7103 |
/* line 281, ../sass/_common.scss */
|
|
7104 |
/* line 280, ../sass/_common.scss */
|
|
7104 | 7105 |
.actions-bar ul li a { |
7105 | 7106 |
display: block; |
7106 | 7107 |
color: #dfdfdf; |
7107 | 7108 |
width: 100%; |
7108 |
padding: 8px 20px;
|
|
7109 |
padding: 0 20px;
|
|
7109 | 7110 |
border: 1px solid transparent; |
7110 | 7111 |
} |
7111 |
/* line 287, ../sass/_common.scss */
|
|
7112 |
/* line 286, ../sass/_common.scss */
|
|
7112 | 7113 |
.actions-bar ul li a.active, .actions-bar ul .items-list li .container:hover a.check, .items-list .actions-bar ul li .container:hover a.check { |
7113 | 7114 |
color: #919194; |
7114 | 7115 |
} |
7115 |
/* line 289, ../sass/_common.scss */
|
|
7116 |
/* line 288, ../sass/_common.scss */
|
|
7116 | 7117 |
.actions-bar ul li a.active:hover, .actions-bar ul .items-list li .container:hover a.check:hover, .items-list .actions-bar ul li .container:hover a.check:hover { |
7117 | 7118 |
color: #3582ac; |
7118 | 7119 |
cursor: pointer; |
7119 | 7120 |
} |
7120 |
/* line 294, ../sass/_common.scss */
|
|
7121 |
/* line 293, ../sass/_common.scss */
|
|
7121 | 7122 |
.actions-bar ul li a:hover { |
7122 | 7123 |
cursor: default; |
7123 | 7124 |
} |
7124 | 7125 |
|
7125 |
/* line 302, ../sass/_common.scss */
|
|
7126 |
/* line 301, ../sass/_common.scss */
|
|
7126 | 7127 |
.new-btn { |
7127 | 7128 |
position: absolute; |
7128 | 7129 |
left: 0; |
7129 | 7130 |
bottom: 0; |
7131 |
height: 60px; |
|
7130 | 7132 |
} |
7131 | 7133 |
/* line 308, ../sass/_common.scss */ |
7132 | 7134 |
.new-btn a span { |
... | ... | |
8286 | 8288 |
/* line 157, ../sass/_overlays.scss */ |
8287 | 8289 |
.wizard .top { |
8288 | 8290 |
background: #636a70; |
8291 |
height: 60px; |
|
8292 |
line-height: 60px; |
|
8289 | 8293 |
} |
8290 |
/* line 159, ../sass/_overlays.scss */ |
|
8291 |
.wizard .top .sub-menu { |
|
8292 |
padding: 10px 0; |
|
8293 |
} |
|
8294 |
/* line 161, ../sass/_overlays.scss */ |
|
8294 |
/* line 162, ../sass/_overlays.scss */ |
|
8295 | 8295 |
.wizard .top .sub-menu ul { |
8296 | 8296 |
margin: 0; |
8297 | 8297 |
padding: 0; |
8298 | 8298 |
list-style: none outside none; |
8299 | 8299 |
font-size: 0.75em; |
8300 | 8300 |
} |
8301 |
/* line 166, ../sass/_overlays.scss */
|
|
8301 |
/* line 167, ../sass/_overlays.scss */
|
|
8302 | 8302 |
.wizard .top .sub-menu ul li { |
8303 | 8303 |
display: inline; |
8304 | 8304 |
margin-right: 10px; |
8305 |
line-height: 60px; |
|
8305 | 8306 |
list-style: none outside none; |
8306 | 8307 |
} |
8307 |
/* line 170, ../sass/_overlays.scss */
|
|
8308 |
/* line 172, ../sass/_overlays.scss */
|
|
8308 | 8309 |
.wizard .top .sub-menu ul li a { |
8309 | 8310 |
color: #333333; |
8310 | 8311 |
} |
8311 |
/* line 172, ../sass/_overlays.scss */
|
|
8312 |
/* line 174, ../sass/_overlays.scss */
|
|
8312 | 8313 |
.wizard .top .sub-menu ul li a:hover, .wizard .top .sub-menu ul li a.current { |
8313 | 8314 |
color: white; |
8314 | 8315 |
text-decoration: underline; |
8315 | 8316 |
} |
8316 |
/* line 182, ../sass/_overlays.scss */
|
|
8317 |
/* line 184, ../sass/_overlays.scss */
|
|
8317 | 8318 |
.wizard .middle .step { |
8318 |
padding: 50px 30px;
|
|
8319 |
padding: 50px 0;
|
|
8319 | 8320 |
float: left; |
8320 | 8321 |
position: relative; |
8321 | 8322 |
width: 75em; |
8322 | 8323 |
} |
8323 |
/* line 188, ../sass/_overlays.scss */
|
|
8324 |
/* line 190, ../sass/_overlays.scss */
|
|
8324 | 8325 |
.wizard .middle .step .os li { |
8325 | 8326 |
list-style: none outside none; |
8326 | 8327 |
margin-bottom: 1.5em; |
8327 | 8328 |
} |
8328 |
/* line 192, ../sass/_overlays.scss */
|
|
8329 |
/* line 194, ../sass/_overlays.scss */
|
|
8329 | 8330 |
.wizard .middle .step .os li .img-col { |
8330 | 8331 |
float: left; |
8331 | 8332 |
width: 10%; |
8332 | 8333 |
} |
8333 |
/* line 196, ../sass/_overlays.scss */
|
|
8334 |
/* line 198, ../sass/_overlays.scss */
|
|
8334 | 8335 |
.wizard .middle .step .os li .name-col { |
8335 | 8336 |
float: left; |
8336 | 8337 |
width: 70%; |
8337 | 8338 |
} |
8338 |
/* line 200, ../sass/_overlays.scss */
|
|
8339 |
/* line 202, ../sass/_overlays.scss */
|
|
8339 | 8340 |
.wizard .middle .step .os li .size-col { |
8340 | 8341 |
float: left; |
8341 | 8342 |
width: 10%; |
8342 | 8343 |
} |
8343 |
/* line 204, ../sass/_overlays.scss */
|
|
8344 |
/* line 206, ../sass/_overlays.scss */
|
|
8344 | 8345 |
.wizard .middle .step .os li .btn-col { |
8345 | 8346 |
float: left; |
8346 | 8347 |
width: 10%; |
8347 | 8348 |
} |
8348 |
/* line 209, ../sass/_overlays.scss */
|
|
8349 |
/* line 211, ../sass/_overlays.scss */
|
|
8349 | 8350 |
.wizard .middle .step .os li .btn-col a.current { |
8350 | 8351 |
color: #485057; |
8351 | 8352 |
} |
8352 |
/* line 214, ../sass/_overlays.scss */
|
|
8353 |
/* line 216, ../sass/_overlays.scss */
|
|
8353 | 8354 |
.wizard .middle .step .os li .details { |
8354 | 8355 |
display: none; |
8355 | 8356 |
background: white; |
8356 | 8357 |
padding: 30px 10%; |
8357 |
clear: both; |
|
8358 |
position: relative; |
|
8359 |
top: 20px; |
|
8360 |
margin-bottom: 3em; |
|
8358 |
margin: 20px 0; |
|
8361 | 8359 |
color: #222222; |
8362 | 8360 |
} |
8363 |
/* line 223, ../sass/_overlays.scss */
|
|
8361 |
/* line 222, ../sass/_overlays.scss */
|
|
8364 | 8362 |
.wizard .middle .step .os li .details h3 { |
8365 | 8363 |
font-size: 1em; |
8366 | 8364 |
} |
... | ... | |
8381 | 8379 |
right: 0; |
8382 | 8380 |
bottom: 0; |
8383 | 8381 |
border-top: 1px solid #333333; |
8384 |
padding: 10px 0; |
|
8385 | 8382 |
background: #485057; |
8386 | 8383 |
} |
8387 |
/* line 249, ../sass/_overlays.scss */ |
|
8384 |
/* line 248, ../sass/_overlays.scss */ |
|
8385 |
.wizard .bottom .row { |
|
8386 |
height: 60px; |
|
8387 |
line-height: 60px; |
|
8388 |
} |
|
8389 |
/* line 252, ../sass/_overlays.scss */ |
|
8388 | 8390 |
.wizard .bottom .nav { |
8389 |
height: 30px;
|
|
8390 |
line-height: 30px;
|
|
8391 |
height: 60px;
|
|
8392 |
line-height: 60px;
|
|
8391 | 8393 |
color: white; |
8394 |
display: inline-block; |
|
8392 | 8395 |
} |
8393 |
/* line 253, ../sass/_overlays.scss */
|
|
8396 |
/* line 257, ../sass/_overlays.scss */
|
|
8394 | 8397 |
.wizard .bottom .nav span { |
8395 | 8398 |
display: inline-block; |
8396 | 8399 |
height: 30px; |
8397 | 8400 |
line-height: 30px; |
8401 |
border: 1px solid white; |
|
8402 |
} |
|
8403 |
/* line 264, ../sass/_overlays.scss */ |
|
8404 |
.wizard .bottom .nav:hover span { |
|
8405 |
border-width: 2px; |
|
8406 |
line-height: 28px; |
|
8398 | 8407 |
} |
8399 |
/* line 259, ../sass/_overlays.scss */
|
|
8408 |
/* line 270, ../sass/_overlays.scss */
|
|
8400 | 8409 |
.wizard .bottom .prev { |
8401 | 8410 |
float: left; |
8402 |
display: inline-block; |
|
8403 | 8411 |
padding-left: 11px; |
8404 | 8412 |
background: url("../images/nav-edge-lt.png") no-repeat left center; |
8405 | 8413 |
} |
8406 |
/* line 264, ../sass/_overlays.scss */
|
|
8414 |
/* line 274, ../sass/_overlays.scss */
|
|
8407 | 8415 |
.wizard .bottom .prev span { |
8408 | 8416 |
padding: 0 12px 0 10px; |
8409 |
border: 1px solid white; |
|
8410 | 8417 |
border-left: 0 none; |
8411 |
height: 30px; |
|
8412 |
line-height: 30px; |
|
8413 | 8418 |
} |
8414 |
/* line 271, ../sass/_overlays.scss */
|
|
8419 |
/* line 278, ../sass/_overlays.scss */
|
|
8415 | 8420 |
.wizard .bottom .prev:hover { |
8416 | 8421 |
background-image: url("../images/nav-edge-lt-hover.png"); |
8417 | 8422 |
} |
8418 |
/* line 273, ../sass/_overlays.scss */ |
|
8419 |
.wizard .bottom .prev:hover span { |
|
8420 |
border-width: 2px; |
|
8421 |
line-height: 28px; |
|
8422 |
} |
|
8423 |
/* line 279, ../sass/_overlays.scss */ |
|
8423 |
/* line 282, ../sass/_overlays.scss */ |
|
8424 | 8424 |
.wizard .bottom .next { |
8425 | 8425 |
float: right; |
8426 |
display: inline-block; |
|
8427 | 8426 |
padding-right: 11px; |
8428 | 8427 |
background: url("../images/nav-edge-rt.png") no-repeat right center; |
8429 | 8428 |
} |
8430 |
/* line 284, ../sass/_overlays.scss */
|
|
8429 |
/* line 286, ../sass/_overlays.scss */
|
|
8431 | 8430 |
.wizard .bottom .next span { |
8432 | 8431 |
padding: 0 10px 0 12px; |
8433 |
border: 1px solid white; |
|
8434 | 8432 |
border-right: 0 none; |
8435 | 8433 |
} |
8436 |
/* line 289, ../sass/_overlays.scss */
|
|
8434 |
/* line 290, ../sass/_overlays.scss */
|
|
8437 | 8435 |
.wizard .bottom .next:hover { |
8438 | 8436 |
background-image: url("../images/nav-edge-rt-hover.png"); |
8439 | 8437 |
} |
8440 |
/* line 291, ../sass/_overlays.scss */ |
|
8441 |
.wizard .bottom .next:hover span { |
|
8442 |
border-width: 2px; |
|
8443 |
line-height: 28px; |
|
8444 |
} |
|
8445 |
/* line 297, ../sass/_overlays.scss */ |
|
8438 |
/* line 294, ../sass/_overlays.scss */ |
|
8446 | 8439 |
.wizard .bottom .nums { |
8447 | 8440 |
text-align: center; |
8448 | 8441 |
list-style: none outside none; |
8449 | 8442 |
margin: 0; |
8443 |
height: 60px; |
|
8444 |
line-height: 60px; |
|
8450 | 8445 |
} |
8451 |
/* line 301, ../sass/_overlays.scss */
|
|
8446 |
/* line 300, ../sass/_overlays.scss */
|
|
8452 | 8447 |
.wizard .bottom .nums li { |
8453 | 8448 |
list-style: none outside none; |
8454 | 8449 |
display: inline-block; |
... | ... | |
8459 | 8454 |
line-height: 25px; |
8460 | 8455 |
margin: 0 3px; |
8461 | 8456 |
} |
8462 |
/* line 310, ../sass/_overlays.scss */
|
|
8457 |
/* line 309, ../sass/_overlays.scss */
|
|
8463 | 8458 |
.wizard .bottom .nums li a { |
8464 | 8459 |
color: #919194; |
8465 | 8460 |
display: block; |
8466 | 8461 |
} |
8467 |
/* line 314, ../sass/_overlays.scss */
|
|
8462 |
/* line 313, ../sass/_overlays.scss */
|
|
8468 | 8463 |
.wizard .bottom .nums li:hover, .wizard .bottom .nums li.current { |
8469 | 8464 |
border-color: white; |
8470 | 8465 |
} |
8471 |
/* line 316, ../sass/_overlays.scss */
|
|
8466 |
/* line 315, ../sass/_overlays.scss */
|
|
8472 | 8467 |
.wizard .bottom .nums li:hover a, .wizard .bottom .nums li.current a { |
8473 | 8468 |
color: white; |
8474 | 8469 |
} |
8475 |
/* line 320, ../sass/_overlays.scss */
|
|
8470 |
/* line 319, ../sass/_overlays.scss */
|
|
8476 | 8471 |
.wizard .bottom .nums li.current { |
8477 | 8472 |
font-size: 1.25em; |
8478 | 8473 |
width: 30px; |
8479 | 8474 |
height: 30px; |
8480 | 8475 |
} |
8481 | 8476 |
|
8482 |
/* line 330, ../sass/_overlays.scss */
|
|
8477 |
/* line 329, ../sass/_overlays.scss */
|
|
8483 | 8478 |
.wizard-content { |
8484 | 8479 |
overflow: hidden; |
8485 | 8480 |
} |
8486 | 8481 |
|
8487 |
/* line 334, ../sass/_overlays.scss */
|
|
8482 |
/* line 333, ../sass/_overlays.scss */
|
|
8488 | 8483 |
.vm-wizard-carousel { |
8489 | 8484 |
width: 20000px; |
8490 | 8485 |
position: relative; |
Also available in: Unified diff