Revision f1d99492

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
258 258
			float:left;
259 259
			position:relative;
260 260
			width:$row-width;
261
			overflow:hidden;
262
			overflow-y: scroll;
263
			
261 264
			.os {
262 265
				li {
263 266
					list-style: none outside none;
......
386 389
								border:1px solid white;
387 390
								padding:1px;
388 391
								height: 100%;
392
								&.disabled-progress-bar {
393
									border-color: #3a4046;
394
									.container{
395
										.total {
396
											background-color: #3a4046;
397
										}
398
									}
399
								}
389 400
								.container {
390 401
									height: 100%;
391 402
									.total {
......
412 423
										}
413 424
									}
414 425
								}
426

  
415 427
							}
416 428
						}
417 429
						.options {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
8514 8514
  float: left;
8515 8515
  position: relative;
8516 8516
  width: 75em;
8517
  overflow: hidden;
8518
  overflow-y: scroll;
8517 8519
}
8518
/* line 262, ../sass/_overlays.scss */
8520
/* line 265, ../sass/_overlays.scss */
8519 8521
.wizard .middle .step .os li {
8520 8522
  list-style: none outside none;
8521 8523
  padding: 0.5em 0;
8522 8524
}
8523
/* line 267, ../sass/_overlays.scss */
8525
/* line 270, ../sass/_overlays.scss */
8524 8526
.wizard .middle .step .os li:hover, .wizard .middle .step .os li.hover {
8525 8527
  background: #33383d;
8526 8528
}
8527
/* line 270, ../sass/_overlays.scss */
8529
/* line 273, ../sass/_overlays.scss */
8528 8530
.wizard .middle .step .os li.current {
8529 8531
  background: white;
8530 8532
  color: #485057;
8531 8533
}
8532
/* line 273, ../sass/_overlays.scss */
8534
/* line 276, ../sass/_overlays.scss */
8533 8535
.wizard .middle .step .os li.current .name-col {
8534 8536
  color: #485057;
8535 8537
}
8536
/* line 277, ../sass/_overlays.scss */
8538
/* line 280, ../sass/_overlays.scss */
8537 8539
.wizard .middle .step .os li.current .btn-col a {
8538 8540
  border-color: #485057;
8539 8541
  color: #485057;
8540 8542
}
8541
/* line 281, ../sass/_overlays.scss */
8543
/* line 284, ../sass/_overlays.scss */
8542 8544
.wizard .middle .step .os li.current .btn-col a.current {
8543 8545
  color: white;
8544 8546
  background: #485057;
8545 8547
}
8546
/* line 288, ../sass/_overlays.scss */
8548
/* line 291, ../sass/_overlays.scss */
8547 8549
.wizard .middle .step .os li .img-col {
8548 8550
  float: left;
8549 8551
  width: 10%;
8550 8552
  padding-right: 10px;
8551 8553
}
8552
/* line 293, ../sass/_overlays.scss */
8554
/* line 296, ../sass/_overlays.scss */
8553 8555
.wizard .middle .step .os li .name-col {
8554 8556
  float: left;
8555 8557
  color: white;
8556 8558
  width: 65%;
8557 8559
  padding-right: 10px;
8558 8560
}
8559
/* line 299, ../sass/_overlays.scss */
8561
/* line 302, ../sass/_overlays.scss */
8560 8562
.wizard .middle .step .os li .size-col {
8561 8563
  float: left;
8562 8564
  width: 10%;
8563 8565
}
8564
/* line 303, ../sass/_overlays.scss */
8566
/* line 306, ../sass/_overlays.scss */
8565 8567
.wizard .middle .step .os li .btn-col {
8566 8568
  float: left;
8567 8569
  width: 10%;
8568 8570
  margin-left: 10px;
8569 8571
}
8570
/* line 309, ../sass/_overlays.scss */
8572
/* line 312, ../sass/_overlays.scss */
8571 8573
.wizard .middle .step .os li .btn-col a.current {
8572 8574
  color: #485057;
8573 8575
}
8574
/* line 314, ../sass/_overlays.scss */
8576
/* line 317, ../sass/_overlays.scss */
8575 8577
.wizard .middle .step .os li .details {
8576 8578
  display: none;
8577 8579
  background: #e6e6e6;
......
8579 8581
  margin: 20px 6px 6px;
8580 8582
  color: #222222;
8581 8583
}
8582
/* line 320, ../sass/_overlays.scss */
8584
/* line 323, ../sass/_overlays.scss */
8583 8585
.wizard .middle .step .os li .details h3 {
8584 8586
  font-size: 1em;
8585 8587
}
8586
/* line 325, ../sass/_overlays.scss */
8588
/* line 328, ../sass/_overlays.scss */
8587 8589
.wizard .middle .step .os li .details dl dt {
8588 8590
  width: 20%;
8589 8591
  float: left;
8590 8592
  font-weight: normal;
8591 8593
}
8592
/* line 330, ../sass/_overlays.scss */
8594
/* line 333, ../sass/_overlays.scss */
8593 8595
.wizard .middle .step .os li .details dl dd {
8594 8596
  margin: 0 0 5px;
8595 8597
}
8596
/* line 337, ../sass/_overlays.scss */
8598
/* line 340, ../sass/_overlays.scss */
8597 8599
.wizard .middle .step .flavor {
8598 8600
  list-style: none outside none;
8599 8601
}
8600
/* line 339, ../sass/_overlays.scss */
8602
/* line 342, ../sass/_overlays.scss */
8601 8603
.wizard .middle .step .flavor li {
8602 8604
  list-style: none outside none;
8603 8605
  margin-bottom: 1.5em;
8604 8606
}
8605
/* line 342, ../sass/_overlays.scss */
8607
/* line 345, ../sass/_overlays.scss */
8606 8608
.wizard .middle .step .flavor li .title {
8607 8609
  margin-bottom: 0.3125em;
8608 8610
  color: white;
8609 8611
  vertical-align: top;
8610 8612
}
8611
/* line 347, ../sass/_overlays.scss */
8613
/* line 350, ../sass/_overlays.scss */
8612 8614
.wizard .middle .step .flavor li .title .icon {
8613 8615
  display: block;
8614 8616
  width: 5%;
8615 8617
  font-size: 2.5em;
8616 8618
  float: left;
8617 8619
}
8618
/* line 353, ../sass/_overlays.scss */
8620
/* line 356, ../sass/_overlays.scss */
8619 8621
.wizard .middle .step .flavor li .title h2 {
8620 8622
  font-size: 1em;
8621 8623
  float: left;
......
8624 8626
  margin-right: 4%;
8625 8627
  padding-left: 0.625em;
8626 8628
}
8627
/* line 355, ../sass/_overlays.scss */
8629
/* line 358, ../sass/_overlays.scss */
8628 8630
.wizard .middle .step .flavor li .title h2 span {
8629 8631
  font-weight: normal;
8630 8632
}
8631
/* line 364, ../sass/_overlays.scss */
8633
/* line 367, ../sass/_overlays.scss */
8632 8634
.wizard .middle .step .flavor li .title h2:hover + p {
8633 8635
  visibility: visible;
8634 8636
}
8635
/* line 369, ../sass/_overlays.scss */
8637
/* line 372, ../sass/_overlays.scss */
8636 8638
.wizard .middle .step .flavor li .title p {
8637 8639
  visibility: hidden;
8638 8640
  float: left;
8639 8641
  width: 70%;
8640 8642
  font-size: 0.75em;
8641 8643
}
8642
/* line 378, ../sass/_overlays.scss */
8644
/* line 381, ../sass/_overlays.scss */
8643 8645
.wizard .middle .step .flavor li .options-bar .bar {
8644 8646
  width: 24%;
8645 8647
  float: left;
......
8648 8650
  position: relative;
8649 8651
  top: 2px;
8650 8652
}
8651
/* line 385, ../sass/_overlays.scss */
8653
/* line 388, ../sass/_overlays.scss */
8652 8654
.wizard .middle .step .flavor li .options-bar .bar .wrap {
8653 8655
  border: 1px solid white;
8654 8656
  padding: 1px;
8655 8657
  height: 100%;
8656 8658
}
8657
/* line 389, ../sass/_overlays.scss */
8659
/* line 392, ../sass/_overlays.scss */
8660
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar {
8661
  border-color: #3a4046;
8662
}
8663
/* line 395, ../sass/_overlays.scss */
8664
.wizard .middle .step .flavor li .options-bar .bar .wrap.disabled-progress-bar .container .total {
8665
  background-color: #3a4046;
8666
}
8667
/* line 400, ../sass/_overlays.scss */
8658 8668
.wizard .middle .step .flavor li .options-bar .bar .wrap .container {
8659 8669
  height: 100%;
8660 8670
}
8661
/* line 391, ../sass/_overlays.scss */
8671
/* line 402, ../sass/_overlays.scss */
8662 8672
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total {
8663 8673
  background: #919194;
8664 8674
  height: 100%;
8665 8675
  float: left;
8666 8676
  position: relative;
8667 8677
}
8668
/* line 396, ../sass/_overlays.scss */
8678
/* line 407, ../sass/_overlays.scss */
8669 8679
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total .current {
8670 8680
  background: white;
8671 8681
  height: 100%;
8672 8682
  float: left;
8673 8683
}
8674
/* line 401, ../sass/_overlays.scss */
8684
/* line 412, ../sass/_overlays.scss */
8675 8685
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total span {
8676 8686
  position: absolute;
8677 8687
  right: 10px;
8678 8688
  color: #333333;
8679 8689
  font-size: 0.75em;
8680 8690
}
8681
/* line 408, ../sass/_overlays.scss */
8691
/* line 419, ../sass/_overlays.scss */
8682 8692
.wizard .middle .step .flavor li .options-bar .bar .wrap .container .total.low span {
8683 8693
  right: -30px;
8684 8694
  color: white;
8685 8695
}
8686
/* line 417, ../sass/_overlays.scss */
8696
/* line 429, ../sass/_overlays.scss */
8687 8697
.wizard .middle .step .flavor li .options-bar .options {
8688 8698
  overflow: hidden;
8689 8699
  list-style: none outside none;
8690 8700
}
8691
/* line 420, ../sass/_overlays.scss */
8701
/* line 432, ../sass/_overlays.scss */
8692 8702
.wizard .middle .step .flavor li .options-bar .options li {
8693 8703
  list-style: none outside none;
8694 8704
  display: inline-block;
8695 8705
  margin-right: 10px;
8696 8706
}
8697
/* line 424, ../sass/_overlays.scss */
8707
/* line 436, ../sass/_overlays.scss */
8698 8708
.wizard .middle .step .flavor li .options-bar .options li a {
8699 8709
  min-width: 60px;
8700 8710
}
8701
/* line 427, ../sass/_overlays.scss */
8711
/* line 439, ../sass/_overlays.scss */
8702 8712
.wizard .middle .step .flavor li .options-bar .options li a.current {
8703 8713
  color: #485057;
8704 8714
}
8705
/* line 437, ../sass/_overlays.scss */
8715
/* line 449, ../sass/_overlays.scss */
8706 8716
.wizard .middle .step .summary .row {
8707 8717
  padding-top: 1em;
8708 8718
  margin-top: 1em;
8709 8719
  border-top: 1px solid white;
8710 8720
}
8711
/* line 441, ../sass/_overlays.scss */
8721
/* line 453, ../sass/_overlays.scss */
8712 8722
.wizard .middle .step .summary .row:first-child {
8713 8723
  border-top: 0 none;
8714 8724
}
8715
/* line 445, ../sass/_overlays.scss */
8725
/* line 457, ../sass/_overlays.scss */
8716 8726
.wizard .middle .step .summary h2 {
8717 8727
  font-size: 1em;
8718 8728
  color: white;
8719 8729
}
8720
/* line 449, ../sass/_overlays.scss */
8730
/* line 461, ../sass/_overlays.scss */
8721 8731
.wizard .middle .step .summary dl {
8722 8732
  margin-bottom: 0;
8723 8733
}
8724
/* line 451, ../sass/_overlays.scss */
8734
/* line 463, ../sass/_overlays.scss */
8725 8735
.wizard .middle .step .summary dl span {
8726 8736
  margin-right: 10px;
8727 8737
  font-size: 20px;
8728 8738
}
8729
/* line 455, ../sass/_overlays.scss */
8739
/* line 467, ../sass/_overlays.scss */
8730 8740
.wizard .middle .step .summary dl dt {
8731 8741
  display: inline-block;
8732 8742
  width: 45%;
8733 8743
  vertical-align: top;
8734 8744
}
8735
/* line 460, ../sass/_overlays.scss */
8745
/* line 472, ../sass/_overlays.scss */
8736 8746
.wizard .middle .step .summary dl dd {
8737 8747
  display: inline-block;
8738 8748
  width: 45%;
8739 8749
}
8740
/* line 466, ../sass/_overlays.scss */
8750
/* line 478, ../sass/_overlays.scss */
8741 8751
.wizard .middle .step .advanced-conf-step {
8742 8752
  color: white;
8743 8753
}
8744
/* line 468, ../sass/_overlays.scss */
8754
/* line 480, ../sass/_overlays.scss */
8745 8755
.wizard .middle .step .advanced-conf-step h2 {
8746 8756
  color: white;
8747 8757
  font-size: 1em;
8748 8758
  margin: 0 auto 1em;
8749 8759
}
8750
/* line 473, ../sass/_overlays.scss */
8760
/* line 485, ../sass/_overlays.scss */
8751 8761
.wizard .middle .step .advanced-conf-step p {
8752 8762
  font-size: 10px;
8753 8763
}
8754
/* line 477, ../sass/_overlays.scss */
8764
/* line 489, ../sass/_overlays.scss */
8755 8765
.wizard .middle .step .advanced-conf-step .snf-checkbox-checked, .wizard .middle .step .advanced-conf-step .snf-checkbox-unchecked {
8756 8766
  color: white;
8757 8767
}
8758
/* line 480, ../sass/_overlays.scss */
8768
/* line 492, ../sass/_overlays.scss */
8759 8769
.wizard .middle .step .advanced-conf-step .expand-btn {
8760 8770
  margin: 50px 0 30px;
8761 8771
}
8762
/* line 482, ../sass/_overlays.scss */
8772
/* line 494, ../sass/_overlays.scss */
8763 8773
.wizard .middle .step .advanced-conf-step .expand-btn a {
8764 8774
  color: white;
8765 8775
}
8766
/* line 488, ../sass/_overlays.scss */
8776
/* line 500, ../sass/_overlays.scss */
8767 8777
.wizard .middle .step .advanced-conf-step .adv-main {
8768 8778
  padding: 10px 0 30px;
8769 8779
  width: 37.5em;
8770 8780
}
8771
/* line 492, ../sass/_overlays.scss */
8781
/* line 504, ../sass/_overlays.scss */
8772 8782
.wizard .middle .step .advanced-conf-step .adv-main .vm-name h2 {
8773 8783
  color: white;
8774 8784
  font-size: 1em;
8775 8785
  margin-bottom: 0.5em;
8776 8786
}
8777
/* line 500, ../sass/_overlays.scss */
8787
/* line 512, ../sass/_overlays.scss */
8778 8788
.wizard .middle .step .advanced-conf-step .btn5:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover {
8779 8789
  color: white;
8780 8790
}
8781
/* line 503, ../sass/_overlays.scss */
8791
/* line 515, ../sass/_overlays.scss */
8782 8792
.wizard .middle .step .advanced-conf-step .btn5.current, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .wizard .middle .step .advanced-conf-step .btn5.current:hover, .wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover {
8783 8793
  color: #485057;
8784 8794
}
8785
/* line 507, ../sass/_overlays.scss */
8795
/* line 519, ../sass/_overlays.scss */
8786 8796
.wizard .middle .step .advanced-conf-step .advanced-conf-options {
8787 8797
  display: none;
8788 8798
}
8789
/* line 509, ../sass/_overlays.scss */
8799
/* line 521, ../sass/_overlays.scss */
8790 8800
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area {
8791 8801
  padding: 30px 0;
8792 8802
}
8793
/* line 511, ../sass/_overlays.scss */
8803
/* line 523, ../sass/_overlays.scss */
8794 8804
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area .row {
8795 8805
  width: 37.5em;
8796 8806
  padding-left: 0;
8797 8807
}
8798
/* line 516, ../sass/_overlays.scss */
8808
/* line 528, ../sass/_overlays.scss */
8799 8809
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li {
8800 8810
  position: relative;
8801 8811
  list-style: none outside none;
8802 8812
  margin-bottom: 7px;
8803 8813
}
8804
/* line 521, ../sass/_overlays.scss */
8814
/* line 533, ../sass/_overlays.scss */
8805 8815
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li.checkbox:hover {
8806 8816
  cursor: pointer;
8807 8817
}
8808
/* line 525, ../sass/_overlays.scss */
8818
/* line 537, ../sass/_overlays.scss */
8809 8819
.wizard .middle .step .advanced-conf-step .advanced-conf-options .area ul li h3 {
8810 8820
  width: 18.75em;
8811 8821
  color: white;
......
8814 8824
  margin: 0 20px 0 0;
8815 8825
  display: inline-block;
8816 8826
}
8817
/* line 537, ../sass/_overlays.scss */
8827
/* line 549, ../sass/_overlays.scss */
8818 8828
.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area {
8819 8829
  background-color: #ff7049;
8820 8830
}
8821
/* line 540, ../sass/_overlays.scss */
8831
/* line 552, ../sass/_overlays.scss */
8822 8832
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area {
8823 8833
  background-color: #ff948c;
8824 8834
}
8825
/* line 543, ../sass/_overlays.scss */
8835
/* line 555, ../sass/_overlays.scss */
8826 8836
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons {
8827 8837
  padding-right: 20px;
8828 8838
  display: inline-block;
......
8831 8841
  font-size: 30px;
8832 8842
  margin-bottom: 0;
8833 8843
}
8834
/* line 553, ../sass/_overlays.scss */
8844
/* line 565, ../sass/_overlays.scss */
8835 8845
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span {
8836 8846
  margin-left: 6px;
8837 8847
}
8838
/* line 555, ../sass/_overlays.scss */
8848
/* line 567, ../sass/_overlays.scss */
8839 8849
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li .net-icons span.snf-modem {
8840 8850
  position: relative;
8841 8851
  top: -6px;
8842 8852
}
8843
/* line 564, ../sass/_overlays.scss */
8853
/* line 576, ../sass/_overlays.scss */
8844 8854
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more {
8845 8855
  display: none;
8846 8856
  background: #fff4f3;
......
8848 8858
  padding: 30px 0;
8849 8859
  color: #ff948c;
8850 8860
}
8851
/* line 570, ../sass/_overlays.scss */
8861
/* line 582, ../sass/_overlays.scss */
8852 8862
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more h3 {
8853 8863
  color: #ff948c;
8854 8864
}
8855
/* line 573, ../sass/_overlays.scss */
8865
/* line 585, ../sass/_overlays.scss */
8856 8866
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .os li.current .btn-col a, .wizard .middle .step .os li.current .btn-col .advanced-conf-step .advanced-conf-options .networks-area li.more a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {
8857 8867
  margin-top: 1em;
8858 8868
  border-color: #ff948c;
8859 8869
  color: #ff948c;
8860 8870
}
8861
/* line 580, ../sass/_overlays.scss */
8871
/* line 592, ../sass/_overlays.scss */
8862 8872
.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .checkbox a span {
8863 8873
  color: #ff948c;
8864 8874
}
8865
/* line 589, ../sass/_overlays.scss */
8875
/* line 601, ../sass/_overlays.scss */
8866 8876
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area {
8867 8877
  background-color: #4c71ff;
8868 8878
}
8869
/* line 591, ../sass/_overlays.scss */
8879
/* line 603, ../sass/_overlays.scss */
8870 8880
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .snf-color-picker {
8871 8881
  display: none;
8872 8882
}
8873
/* line 594, ../sass/_overlays.scss */
8883
/* line 606, ../sass/_overlays.scss */
8874 8884
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area #picker {
8875 8885
  position: relative;
8876 8886
  width: 207px;
8877 8887
  margin: 30px 5px;
8878 8888
  display: inline-block;
8879 8889
}
8880
/* line 606, ../sass/_overlays.scss */
8890
/* line 618, ../sass/_overlays.scss */
8881 8891
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btns {
8882 8892
  margin-top: 77px;
8883 8893
  margin-bottom: 30px;
8884 8894
}
8885
/* line 613, ../sass/_overlays.scss */
8895
/* line 625, ../sass/_overlays.scss */
8886 8896
.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
8887 8897
  margin-right: 20px;
8888 8898
}
8889
/* line 624, ../sass/_overlays.scss */
8899
/* line 636, ../sass/_overlays.scss */
8890 8900
.wizard .bottom {
8891 8901
  position: fixed;
8892 8902
  left: 0;
......
8895 8905
  border-top: 1px solid #333333;
8896 8906
  background: #485057;
8897 8907
}
8898
/* line 631, ../sass/_overlays.scss */
8908
/* line 643, ../sass/_overlays.scss */
8899 8909
.wizard .bottom .row {
8900 8910
  height: 60px;
8901 8911
  line-height: 60px;
8902 8912
}
8903
/* line 635, ../sass/_overlays.scss */
8913
/* line 647, ../sass/_overlays.scss */
8904 8914
.wizard .bottom .nav {
8905 8915
  height: 60px;
8906 8916
  line-height: 60px;
......
8911 8921
  top: 15px;
8912 8922
  width: 100px;
8913 8923
}
8914
/* line 644, ../sass/_overlays.scss */
8924
/* line 656, ../sass/_overlays.scss */
8915 8925
.wizard .bottom .nav:hover {
8916 8926
  -webkit-transition: background 0ms ease-out;
8917 8927
  -moz-transition: background 0ms ease-out;
......
8919 8929
  -o-transition: background 0ms ease-out;
8920 8930
  transition: background 0ms ease-out;
8921 8931
}
8922
/* line 647, ../sass/_overlays.scss */
8932
/* line 659, ../sass/_overlays.scss */
8923 8933
.wizard .bottom .nav span {
8924 8934
  display: inline-block;
8925 8935
  height: 30px;
8926 8936
  line-height: 30px;
8927 8937
  float: left;
8928 8938
}
8929
/* line 652, ../sass/_overlays.scss */
8939
/* line 664, ../sass/_overlays.scss */
8930 8940
.wizard .bottom .nav span:hover {
8931 8941
  -webkit-transition: background 0ms linear;
8932 8942
  -moz-transition: background 0ms linear;
......
8934 8944
  -o-transition: background 0ms linear;
8935 8945
  transition: background 0ms linear;
8936 8946
}
8937
/* line 657, ../sass/_overlays.scss */
8947
/* line 669, ../sass/_overlays.scss */
8938 8948
.wizard .bottom .prev {
8939 8949
  float: left;
8940 8950
  height: 30px;
8941 8951
  padding-left: 18px;
8942 8952
  background: url("../images/nav-edge-lt.png") no-repeat left top;
8943 8953
}
8944
/* line 662, ../sass/_overlays.scss */
8954
/* line 674, ../sass/_overlays.scss */
8945 8955
.wizard .bottom .prev span {
8946 8956
  padding-right: 10px;
8947 8957
  background: url("../images/nav-lt.png") no-repeat right top;
8948 8958
}
8949
/* line 667, ../sass/_overlays.scss */
8959
/* line 679, ../sass/_overlays.scss */
8950 8960
.wizard .bottom .prev:hover, .wizard .bottom .prev.active, .wizard .bottom .items-list li .container:hover .prev.check, .items-list li .container:hover .wizard .bottom .prev.check {
8951 8961
  background-position: left bottom;
8952 8962
}
8953
/* line 669, ../sass/_overlays.scss */
8963
/* line 681, ../sass/_overlays.scss */
8954 8964
.wizard .bottom .prev:hover span, .wizard .bottom .prev.active span, .wizard .bottom .items-list li .container:hover .prev.check span, .items-list li .container:hover .wizard .bottom .prev.check span {
8955 8965
  background-position: right bottom;
8956 8966
}
8957
/* line 674, ../sass/_overlays.scss */
8967
/* line 686, ../sass/_overlays.scss */
8958 8968
.wizard .bottom .next {
8959 8969
  float: right;
8960 8970
  height: 30px;
8961 8971
  padding-right: 18px;
8962 8972
  background: url("../images/nav-edge-rt.png") no-repeat right top;
8963 8973
}
8964
/* line 679, ../sass/_overlays.scss */
8974
/* line 691, ../sass/_overlays.scss */
8965 8975
.wizard .bottom .next span {
8966 8976
  padding-left: 10px;
8967 8977
  background: url("../images/nav-rt.png") no-repeat left top;
8968 8978
  float: right;
8969 8979
}
8970
/* line 685, ../sass/_overlays.scss */
8980
/* line 697, ../sass/_overlays.scss */
8971 8981
.wizard .bottom .next:hover, .wizard .bottom .next.active, .wizard .bottom .items-list li .container:hover .next.check, .items-list li .container:hover .wizard .bottom .next.check {
8972 8982
  background-position: right bottom;
8973 8983
}
8974
/* line 687, ../sass/_overlays.scss */
8984
/* line 699, ../sass/_overlays.scss */
8975 8985
.wizard .bottom .next:hover span, .wizard .bottom .next.active span, .wizard .bottom .items-list li .container:hover .next.check span, .items-list li .container:hover .wizard .bottom .next.check span {
8976 8986
  background-position: left bottom;
8977 8987
  float: right;
8978 8988
}
8979 8989

  
8980
/* line 696, ../sass/_overlays.scss */
8990
/* line 708, ../sass/_overlays.scss */
8981 8991
.wizard-content {
8982 8992
  overflow: hidden;
8983 8993
  width: 100%;
8984 8994
}
8985 8995

  
8986
/* line 701, ../sass/_overlays.scss */
8996
/* line 713, ../sass/_overlays.scss */
8987 8997
.vm-wizard-carousel {
8988 8998
  width: 90000px;
8989 8999
  position: relative;
......
8991 9001

  
8992 9002
/* Responive ------------------------------------------------ */
8993 9003
@media only screen and (max-width: 768px) {
8994
  /* line 713, ../sass/_overlays.scss */
9004
  /* line 725, ../sass/_overlays.scss */
8995 9005
  .wizard .top {
8996 9006
    position: static;
8997 9007
  }
8998
  /* line 716, ../sass/_overlays.scss */
9008
  /* line 728, ../sass/_overlays.scss */
8999 9009
  .wizard .middle {
9000 9010
    padding-top: 0;
9001 9011
  }
9002 9012

  
9003
  /* line 721, ../sass/_overlays.scss */
9013
  /* line 733, ../sass/_overlays.scss */
9004 9014
  .overlay-wrapper .overlay-area {
9005 9015
    top: 0;
9006 9016
  }
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
318 318
							<div class="step step-2" id="step-2">
319 319
								<div class="row">
320 320
									<form class="custom">
321
									  <select id="" class="medium">
322
									    <option><a href="">Assign to project</a></option>
323
									    <option><a href="">aaaProject 2</a></option>
321
									  <select class="medium">
322
									    <option><a href=>Assign to project</a></option>
323
									    <option><a href="">Project 2</a></option>
324 324
									    <option><a href="">Project 3</a></option>
325 325
									  </select>
326 326
									</form>
......
410 410
											</div>
411 411
											<div class="options-bar">
412 412
												<div class="bar">
413
													&nbsp;
413
													<div class="wrap  disabled-progress-bar">
414
														<div class="container">
415
															<!-- width percentages do not correspond to actual mesurements -->
416
															<div class="total" style="width:100%">
417
																<div class="current" style="width:0%"></div>
418
																<span></span>
419
															</div>
420
														</div>
421
													</div>
414 422
												</div>
415 423
												<ul class="options">
416 424
													<li><a href="" class="current">DRBD</a></li>
......
571 579
								<div class="summary">
572 580
									<div class="row">
573 581
										<dl>
582
										<a href="" id="topEl"></a>
574 583
											<dt>Machine name</dt>
575 584
											<dd>handsome frank</dd>
576 585
										</dl>

Also available in: Unified diff