Revision 188fe5d9 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, .wizard .middle .step .os li .details dl {
6847
.clearfix, .storage .files li, .wizard .middle .step .os li, .wizard .middle .step .os li .details dl, .wizard .middle .step .flavor li .title, .wizard .middle .step .flavor li .options-bar {
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, .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 {
6851
.clearfix:before, .storage .files li:before, .wizard .middle .step .os li:before, .wizard .middle .step .os li .details dl:before, .wizard .middle .step .flavor li .title:before, .wizard .middle .step .flavor li .options-bar:before, .clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after, .wizard .middle .step .flavor li .title:after, .wizard .middle .step .flavor li .options-bar: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, .wizard .middle .step .os li .details dl:after {
6858
.clearfix:after, .storage .files li:after, .wizard .middle .step .os li:after, .wizard .middle .step .os li .details dl:after, .wizard .middle .step .flavor li .title:after, .wizard .middle .step .flavor li .options-bar:after {
6859 6859
  clear: both;
6860 6860
}
6861 6861

  
......
6966 6966
}
6967 6967

  
6968 6968
/* line 160, ../sass/_common.scss */
6969
.btn5, .wizard .middle .step .os li .btn-col a {
6969
.btn5, .wizard .middle .step .os li .btn-col a, .wizard .middle .step .flavor li .options-bar .options li a {
6970 6970
  border: 1px solid white;
6971 6971
  color: white;
6972 6972
  display: inline-block;
......
6977 6977
  font-size: 0.75em;
6978 6978
}
6979 6979
/* line 169, ../sass/_common.scss */
6980
.btn5:hover, .wizard .middle .step .os li .btn-col a:hover {
6980
.btn5:hover, .wizard .middle .step .os li .btn-col a:hover, .wizard .middle .step .flavor li .options-bar .options li a:hover {
6981 6981
  border-width: 2px;
6982 6982
  line-height: 26px;
6983
  padding: 0 18px;
6983
  padding: 0 19px;
6984 6984
}
6985 6985
/* line 174, ../sass/_common.scss */
6986
.btn5.current, .wizard .middle .step .os li .btn-col a.current {
6986
.btn5.current, .wizard .middle .step .os li .btn-col a.current, .wizard .middle .step .flavor li .options-bar .options li a.current {
6987 6987
  background: white;
6988 6988
  color: #3582ac;
6989 6989
}
......
8170 8170
  position: absolute;
8171 8171
  right: 2.5em;
8172 8172
  top: 50px;
8173
  font-size: 25px;
8174
  color: #919194;
8173
  font-size: 32px;
8174
  color: white;
8175 8175
}
8176 8176
/* line 58, ../sass/_overlays.scss */
8177 8177
.overlay-wrapper .close:hover {
8178
  color: white;
8178
  color: #919194;
8179 8179
}
8180 8180
/* line 63, ../sass/_overlays.scss */
8181 8181
.overlay-wrapper .row .close {
8182 8182
  position: static;
8183 8183
  float: right;
8184
  padding-top: 5px;
8185 8184
}
8186
/* line 69, ../sass/_overlays.scss */
8185
/* line 68, ../sass/_overlays.scss */
8187 8186
.overlay-wrapper .overlay-div {
8188 8187
  display: none;
8189 8188
  z-index: 100;
......
8194 8193
  width: 50%;
8195 8194
  padding: 25px;
8196 8195
}
8197
/* line 79, ../sass/_overlays.scss */
8196
/* line 78, ../sass/_overlays.scss */
8198 8197
.overlay-wrapper .overlay-div .buttons a {
8199 8198
  margin-right: 20px;
8200 8199
}
8201
/* line 83, ../sass/_overlays.scss */
8200
/* line 82, ../sass/_overlays.scss */
8202 8201
.overlay-wrapper .overlay-div.upload-widget {
8203 8202
  background: transparent;
8204 8203
  padding: 45px 0;
......
8206 8205
  left: 10%;
8207 8206
  border: 1px solid white;
8208 8207
}
8209
/* line 90, ../sass/_overlays.scss */
8208
/* line 89, ../sass/_overlays.scss */
8210 8209
.overlay-wrapper .overlay-div.wizard {
8211 8210
  background: #485057;
8212 8211
  padding: 0;
......
8215 8214
  left: 0;
8216 8215
}
8217 8216

  
8218
/* line 101, ../sass/_overlays.scss */
8217
/* line 100, ../sass/_overlays.scss */
8219 8218
.overlay {
8220 8219
  background: #3582ac;
8221 8220
  position: relative;
8222 8221
  z-index: 10;
8223 8222
}
8224
/* line 105, ../sass/_overlays.scss */
8223
/* line 104, ../sass/_overlays.scss */
8225 8224
.overlay .lt-sidebar {
8226 8225
  border-right: 1px solid #fff;
8227 8226
  color: #fff;
8228 8227
}
8229
/* line 109, ../sass/_overlays.scss */
8228
/* line 108, ../sass/_overlays.scss */
8230 8229
.overlay .lt-sidebar ul li {
8231 8230
  list-style: none outside none;
8232 8231
}
8233
/* line 112, ../sass/_overlays.scss */
8232
/* line 111, ../sass/_overlays.scss */
8234 8233
.overlay .lt-sidebar ul li a {
8235 8234
  display: block;
8236 8235
  color: #fff;
8237 8236
}
8238
/* line 115, ../sass/_overlays.scss */
8237
/* line 114, ../sass/_overlays.scss */
8239 8238
.overlay .lt-sidebar ul li a span {
8240 8239
  float: right;
8241 8240
  display: none;
8242 8241
}
8243
/* line 117, ../sass/_overlays.scss */
8242
/* line 116, ../sass/_overlays.scss */
8244 8243
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
8245 8244
  text-decoration: none;
8246 8245
}
8247
/* line 119, ../sass/_overlays.scss */
8246
/* line 118, ../sass/_overlays.scss */
8248 8247
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
8249 8248
  display: inline;
8250 8249
}
8251
/* line 130, ../sass/_overlays.scss */
8250
/* line 129, ../sass/_overlays.scss */
8252 8251
.overlay .lt-sidebar,
8253 8252
.overlay .main {
8254 8253
  padding: 100px 2.5em;
8255 8254
  position: relative;
8256 8255
}
8257
/* line 135, ../sass/_overlays.scss */
8256
/* line 134, ../sass/_overlays.scss */
8258 8257
.overlay .navigation .rt {
8259 8258
  float: right;
8260 8259
}
8261
/* line 139, ../sass/_overlays.scss */
8260
/* line 138, ../sass/_overlays.scss */
8262 8261
.overlay .close {
8263 8262
  position: absolute;
8264 8263
  right: 2.5em;
......
8270 8269
  text-indent: -2000px;
8271 8270
  overflow: hidden;
8272 8271
}
8273
/* line 145, ../sass/_overlays.scss */
8272
/* line 144, ../sass/_overlays.scss */
8274 8273
.overlay .close_char {
8275 8274
  background: none;
8276 8275
  text-indent: 0;
......
8279 8278
  color: white;
8280 8279
}
8281 8280

  
8282
/* line 153, ../sass/_overlays.scss */
8281
/* line 152, ../sass/_overlays.scss */
8283 8282
.wizard {
8284 8283
  position: relative;
8285 8284
  top: 0;
8286 8285
  color: white;
8287 8286
}
8288
/* line 157, ../sass/_overlays.scss */
8287
/* line 156, ../sass/_overlays.scss */
8289 8288
.wizard .top {
8290 8289
  background: #636a70;
8291 8290
  height: 60px;
8292 8291
  line-height: 60px;
8293 8292
}
8293
/* line 160, ../sass/_overlays.scss */
8294
.wizard .top .sub-menu {
8295
  display: none;
8296
}
8294 8297
/* line 162, ../sass/_overlays.scss */
8298
.wizard .top .sub-menu[data-step="1"] {
8299
  display: block;
8300
}
8301
/* line 165, ../sass/_overlays.scss */
8295 8302
.wizard .top .sub-menu ul {
8296 8303
  margin: 0;
8297 8304
  padding: 0;
8298 8305
  list-style: none outside none;
8299 8306
  font-size: 0.75em;
8300 8307
}
8301
/* line 167, ../sass/_overlays.scss */
8308
/* line 170, ../sass/_overlays.scss */
8302 8309
.wizard .top .sub-menu ul li {
8303 8310
  display: inline;
8304 8311
  margin-right: 10px;
8305 8312
  line-height: 60px;
8306 8313
  list-style: none outside none;
8307 8314
}
8308
/* line 172, ../sass/_overlays.scss */
8315
/* line 175, ../sass/_overlays.scss */
8309 8316
.wizard .top .sub-menu ul li a {
8310 8317
  color: #333333;
8311 8318
}
8312
/* line 174, ../sass/_overlays.scss */
8319
/* line 177, ../sass/_overlays.scss */
8313 8320
.wizard .top .sub-menu ul li a:hover, .wizard .top .sub-menu ul li a.current {
8314 8321
  color: white;
8315 8322
  text-decoration: underline;
8316 8323
}
8317
/* line 184, ../sass/_overlays.scss */
8324
/* line 187, ../sass/_overlays.scss */
8318 8325
.wizard .middle .step {
8319 8326
  padding: 50px 0;
8320 8327
  float: left;
8321 8328
  position: relative;
8322 8329
  width: 75em;
8323 8330
}
8324
/* line 190, ../sass/_overlays.scss */
8331
/* line 193, ../sass/_overlays.scss */
8325 8332
.wizard .middle .step .os li {
8326 8333
  list-style: none outside none;
8327
  margin-bottom: 1.5em;
8334
  padding: 0.5em 0;
8335
  margin-bottom: 0.5em;
8336
}
8337
/* line 198, ../sass/_overlays.scss */
8338
.wizard .middle .step .os li:hover {
8339
  background: #7b848b;
8340
}
8341
/* line 201, ../sass/_overlays.scss */
8342
.wizard .middle .step .os li.current {
8343
  background: #636a70;
8328 8344
}
8329
/* line 194, ../sass/_overlays.scss */
8345
/* line 204, ../sass/_overlays.scss */
8330 8346
.wizard .middle .step .os li .img-col {
8331 8347
  float: left;
8332 8348
  width: 10%;
8333 8349
}
8334
/* line 198, ../sass/_overlays.scss */
8350
/* line 208, ../sass/_overlays.scss */
8335 8351
.wizard .middle .step .os li .name-col {
8336 8352
  float: left;
8337 8353
  width: 70%;
8338 8354
}
8339
/* line 202, ../sass/_overlays.scss */
8355
/* line 212, ../sass/_overlays.scss */
8340 8356
.wizard .middle .step .os li .size-col {
8341 8357
  float: left;
8342 8358
  width: 10%;
8343 8359
}
8344
/* line 206, ../sass/_overlays.scss */
8360
/* line 216, ../sass/_overlays.scss */
8345 8361
.wizard .middle .step .os li .btn-col {
8346 8362
  float: left;
8347 8363
  width: 10%;
8348 8364
}
8349
/* line 211, ../sass/_overlays.scss */
8365
/* line 221, ../sass/_overlays.scss */
8350 8366
.wizard .middle .step .os li .btn-col a.current {
8351 8367
  color: #485057;
8352 8368
}
8353
/* line 216, ../sass/_overlays.scss */
8369
/* line 226, ../sass/_overlays.scss */
8354 8370
.wizard .middle .step .os li .details {
8355 8371
  display: none;
8356 8372
  background: white;
......
8358 8374
  margin: 20px 0;
8359 8375
  color: #222222;
8360 8376
}
8361
/* line 222, ../sass/_overlays.scss */
8377
/* line 232, ../sass/_overlays.scss */
8362 8378
.wizard .middle .step .os li .details h3 {
8363 8379
  font-size: 1em;
8364 8380
}
8365
/* line 227, ../sass/_overlays.scss */
8381
/* line 237, ../sass/_overlays.scss */
8366 8382
.wizard .middle .step .os li .details dl dt {
8367 8383
  width: 20%;
8368 8384
  float: left;
8369 8385
  font-weight: normal;
8370 8386
}
8371
/* line 232, ../sass/_overlays.scss */
8387
/* line 242, ../sass/_overlays.scss */
8372 8388
.wizard .middle .step .os li .details dl dd {
8373 8389
  margin: 0 0 5px;
8374 8390
}
8375
/* line 241, ../sass/_overlays.scss */
8391
/* line 249, ../sass/_overlays.scss */
8392
.wizard .middle .step .flavor {
8393
  list-style: none outside none;
8394
}
8395
/* line 251, ../sass/_overlays.scss */
8396
.wizard .middle .step .flavor li {
8397
  list-style: none outside none;
8398
  margin-bottom: 1.5em;
8399
}
8400
/* line 254, ../sass/_overlays.scss */
8401
.wizard .middle .step .flavor li .title {
8402
  margin-bottom: 0.3125em;
8403
  color: white;
8404
  vertical-align: top;
8405
}
8406
/* line 259, ../sass/_overlays.scss */
8407
.wizard .middle .step .flavor li .title .icon {
8408
  display: block;
8409
  width: 5%;
8410
  font-size: 2.5em;
8411
  float: left;
8412
}
8413
/* line 265, ../sass/_overlays.scss */
8414
.wizard .middle .step .flavor li .title h2 {
8415
  font-size: 1em;
8416
  float: left;
8417
  width: 19%;
8418
  color: white;
8419
  margin-right: 4%;
8420
}
8421
/* line 267, ../sass/_overlays.scss */
8422
.wizard .middle .step .flavor li .title h2 span {
8423
  font-weight: normal;
8424
}
8425
/* line 275, ../sass/_overlays.scss */
8426
.wizard .middle .step .flavor li .title h2:hover + p {
8427
  visibility: visible;
8428
}
8429
/* line 280, ../sass/_overlays.scss */
8430
.wizard .middle .step .flavor li .title p {
8431
  visibility: hidden;
8432
  float: left;
8433
  width: 70%;
8434
  font-size: 0.75em;
8435
}
8436
/* line 289, ../sass/_overlays.scss */
8437
.wizard .middle .step .flavor li .options-bar .bar {
8438
  width: 24%;
8439
  float: left;
8440
  margin-right: 4%;
8441
  height: 26px;
8442
  position: relative;
8443
  top: 2px;
8444
}
8445
/* line 296, ../sass/_overlays.scss */
8446
.wizard .middle .step .flavor li .options-bar .bar .wrap {
8447
  border: 1px solid white;
8448
  padding: 1px;
8449
  height: 100%;
8450
}
8451
/* line 300, ../sass/_overlays.scss */
8452
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
8453
  height: 100%;
8454
}
8455
/* line 302, ../sass/_overlays.scss */
8456
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
8457
  background: #919194;
8458
  height: 100%;
8459
  float: left;
8460
  position: relative;
8461
}
8462
/* line 307, ../sass/_overlays.scss */
8463
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
8464
  background: white;
8465
  height: 100%;
8466
  float: left;
8467
}
8468
/* line 312, ../sass/_overlays.scss */
8469
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
8470
  position: absolute;
8471
  right: 10px;
8472
  color: #333333;
8473
  font-size: 0.75em;
8474
}
8475
/* line 319, ../sass/_overlays.scss */
8476
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
8477
  right: -30px;
8478
  color: white;
8479
}
8480
/* line 328, ../sass/_overlays.scss */
8481
.wizard .middle .step .flavor li .options-bar .options {
8482
  overflow: hidden;
8483
  list-style: none outside none;
8484
}
8485
/* line 331, ../sass/_overlays.scss */
8486
.wizard .middle .step .flavor li .options-bar .options li {
8487
  list-style: none outside none;
8488
  display: inline-block;
8489
  margin-right: 10px;
8490
}
8491
/* line 335, ../sass/_overlays.scss */
8492
.wizard .middle .step .flavor li .options-bar .options li a {
8493
  min-width: 60px;
8494
}
8495
/* line 338, ../sass/_overlays.scss */
8496
.wizard .middle .step .flavor li .options-bar .options li a.current {
8497
  color: #485057;
8498
}
8499
/* line 349, ../sass/_overlays.scss */
8376 8500
.wizard .bottom {
8377 8501
  position: fixed;
8378 8502
  left: 0;
......
8381 8505
  border-top: 1px solid #333333;
8382 8506
  background: #485057;
8383 8507
}
8384
/* line 248, ../sass/_overlays.scss */
8508
/* line 356, ../sass/_overlays.scss */
8385 8509
.wizard .bottom .row {
8386 8510
  height: 60px;
8387 8511
  line-height: 60px;
8388 8512
}
8389
/* line 252, ../sass/_overlays.scss */
8513
/* line 360, ../sass/_overlays.scss */
8390 8514
.wizard .bottom .nav {
8391 8515
  height: 60px;
8392 8516
  line-height: 60px;
8393 8517
  color: white;
8394 8518
  display: inline-block;
8395 8519
}
8396
/* line 257, ../sass/_overlays.scss */
8520
/* line 365, ../sass/_overlays.scss */
8397 8521
.wizard .bottom .nav span {
8398 8522
  display: inline-block;
8399 8523
  height: 30px;
8400 8524
  line-height: 30px;
8401 8525
  border: 1px solid white;
8402 8526
}
8403
/* line 264, ../sass/_overlays.scss */
8527
/* line 372, ../sass/_overlays.scss */
8404 8528
.wizard .bottom .nav:hover span {
8405 8529
  border-width: 2px;
8406 8530
  line-height: 28px;
8407 8531
}
8408
/* line 270, ../sass/_overlays.scss */
8532
/* line 378, ../sass/_overlays.scss */
8409 8533
.wizard .bottom .prev {
8410 8534
  float: left;
8411 8535
  padding-left: 11px;
8412 8536
  background: url("../images/nav-edge-lt.png") no-repeat left center;
8413 8537
}
8414
/* line 274, ../sass/_overlays.scss */
8538
/* line 382, ../sass/_overlays.scss */
8415 8539
.wizard .bottom .prev span {
8416 8540
  padding: 0 12px 0 10px;
8417 8541
  border-left: 0 none;
8418 8542
}
8419
/* line 278, ../sass/_overlays.scss */
8543
/* line 386, ../sass/_overlays.scss */
8420 8544
.wizard .bottom .prev:hover {
8421 8545
  background-image: url("../images/nav-edge-lt-hover.png");
8422 8546
}
8423
/* line 282, ../sass/_overlays.scss */
8547
/* line 390, ../sass/_overlays.scss */
8424 8548
.wizard .bottom .next {
8425 8549
  float: right;
8426 8550
  padding-right: 11px;
8427 8551
  background: url("../images/nav-edge-rt.png") no-repeat right center;
8428 8552
}
8429
/* line 286, ../sass/_overlays.scss */
8553
/* line 394, ../sass/_overlays.scss */
8430 8554
.wizard .bottom .next span {
8431 8555
  padding: 0 10px 0 12px;
8432 8556
  border-right: 0 none;
8433 8557
}
8434
/* line 290, ../sass/_overlays.scss */
8558
/* line 398, ../sass/_overlays.scss */
8435 8559
.wizard .bottom .next:hover {
8436 8560
  background-image: url("../images/nav-edge-rt-hover.png");
8437 8561
}
8438
/* line 294, ../sass/_overlays.scss */
8562
/* line 402, ../sass/_overlays.scss */
8439 8563
.wizard .bottom .nums {
8440 8564
  text-align: center;
8441 8565
  list-style: none outside none;
......
8443 8567
  height: 60px;
8444 8568
  line-height: 60px;
8445 8569
}
8446
/* line 300, ../sass/_overlays.scss */
8570
/* line 408, ../sass/_overlays.scss */
8447 8571
.wizard .bottom .nums li {
8448 8572
  list-style: none outside none;
8449 8573
  display: inline-block;
......
8454 8578
  line-height: 25px;
8455 8579
  margin: 0 3px;
8456 8580
}
8457
/* line 309, ../sass/_overlays.scss */
8581
/* line 417, ../sass/_overlays.scss */
8458 8582
.wizard .bottom .nums li a {
8459 8583
  color: #919194;
8460 8584
  display: block;
8461 8585
}
8462
/* line 313, ../sass/_overlays.scss */
8463
.wizard .bottom .nums li:hover, .wizard .bottom .nums li.current {
8586
/* line 420, ../sass/_overlays.scss */
8587
.wizard .bottom .nums li a:hover {
8588
  cursor: default;
8589
}
8590
/* line 424, ../sass/_overlays.scss */
8591
.wizard .bottom .nums li.current {
8464 8592
  border-color: white;
8465 8593
}
8466
/* line 315, ../sass/_overlays.scss */
8467
.wizard .bottom .nums li:hover a, .wizard .bottom .nums li.current a {
8594
/* line 426, ../sass/_overlays.scss */
8595
.wizard .bottom .nums li.current a {
8468 8596
  color: white;
8469 8597
}
8470
/* line 319, ../sass/_overlays.scss */
8598
/* line 431, ../sass/_overlays.scss */
8471 8599
.wizard .bottom .nums li.current {
8472 8600
  font-size: 1.25em;
8473 8601
  width: 30px;
8474 8602
  height: 30px;
8475 8603
}
8476 8604

  
8477
/* line 329, ../sass/_overlays.scss */
8605
/* line 441, ../sass/_overlays.scss */
8478 8606
.wizard-content {
8479 8607
  overflow: hidden;
8480 8608
}
8481 8609

  
8482
/* line 333, ../sass/_overlays.scss */
8610
/* line 445, ../sass/_overlays.scss */
8483 8611
.vm-wizard-carousel {
8484 8612
  width: 20000px;
8485 8613
  position: relative;

Also available in: Unified diff