Revision 5bdb4b1c snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6819 6819
 */
6820 6820
/* Clearfix -------------------------------------------- */
6821 6821
/* line 18, ../sass/_common.scss */
6822
.clearfix, .list-view .items-list > li, .details .top, .storage .files li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, #volume-wizard .step .volume_options li.volume-size li .title, #volume-wizard .step .volume_options li.volume-size li .options-bar, .connected .item .what, .connected .item .connections > li {
6822
.clearfix, .list-view .items-list > li, .details .top, .storage .files li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, #volume-wizard .step .volume_options > li .title, #volume-wizard .step .volume_options > li .options-bar, .connected .item .what, .connected .item .connections > li {
6823 6823
  zoom: 1;
6824 6824
}
6825 6825
/* line 20, ../sass/_common.scss */
6826
.clearfix:before, .list-view .items-list > li:before, .details .top:before, .storage .files li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:before, #volume-wizard .step .volume_options li.volume-size li .title:before, #volume-wizard .step .volume_options li.volume-size li .options-bar:before, .connected .item .what:before, .connected .item .connections > li:before, .clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options li.volume-size li .title:after, #volume-wizard .step .volume_options li.volume-size li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6826
.clearfix:before, .list-view .items-list > li:before, .details .top:before, .storage .files li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:before, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:before, #volume-wizard .step .volume_options > li .title:before, #volume-wizard .step .volume_options > li .options-bar:before, .connected .item .what:before, .connected .item .connections > li:before, .clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options > li .title:after, #volume-wizard .step .volume_options > li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6827 6827
  content: "\0020";
6828 6828
  display: block;
6829 6829
  height: 0;
6830 6830
  overflow: hidden;
6831 6831
}
6832 6832
/* line 26, ../sass/_common.scss */
6833
.clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options li.volume-size li .title:after, #volume-wizard .step .volume_options li.volume-size li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6833
.clearfix:after, .list-view .items-list > li:after, .details .top:after, .storage .files li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title:after, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar:after, #volume-wizard .step .volume_options > li .title:after, #volume-wizard .step .volume_options > li .options-bar:after, .connected .item .what:after, .connected .item .connections > li:after {
6834 6834
  clear: both;
6835 6835
}
6836 6836

  
......
6976 6976
}
6977 6977

  
6978 6978
/* line 226, ../sass/_common.scss */
6979
.btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a {
6979
.btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li a {
6980 6980
  border: 1px solid white;
6981 6981
  color: white;
6982 6982
  display: inline-block;
......
6987 6987
  font-size: 0.75em;
6988 6988
}
6989 6989
/* line 236, ../sass/_common.scss */
6990
.btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a:hover, .btn5:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a:focus {
6990
.btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:hover, #volume-wizard .step .volume_options > li .options-bar .options li a:hover, .btn5:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a:focus, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a:focus, #volume-wizard .step .volume_options > li .options-bar .options li a:focus {
6991 6991
  border-width: 2px;
6992 6992
  line-height: 26px;
6993 6993
  padding: 0 19px;
6994 6994
  color: white;
6995 6995
}
6996 6996
/* line 242, ../sass/_common.scss */
6997
.btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.current {
6997
.btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.current, #volume-wizard .step .volume_options > li .options-bar .options li a.current {
6998 6998
  background: white;
6999 6999
  color: #30c79e;
7000 7000
}
......
7635 7635
}
7636 7636

  
7637 7637
/* line 165, ../sass/_items-list.scss */
7638
.list-view .btn5, .list-view .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .list-view a, .list-view .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .list-view a, .list-view #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .list-view a {
7638
.list-view .btn5, .list-view .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .list-view a, .list-view .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .list-view a, .list-view #volume-wizard .step .volume_options > li .options-bar .options li a, #volume-wizard .step .volume_options > li .options-bar .options li .list-view a {
7639 7639
  display: none;
7640 7640
}
7641 7641
/* line 168, ../sass/_items-list.scss */
......
8496 8496
}
8497 8497

  
8498 8498
/* line 84, ../sass/_machines.scss */
8499
.btn5.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.temp {
8499
.btn5.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, #volume-wizard .step .volume_options > li .options-bar .options li a.temp {
8500 8500
  color: blue;
8501 8501
  padding: 0 4px;
8502 8502
  position: absolute;
......
8504 8504
}
8505 8505

  
8506 8506
/* line 92, ../sass/_machines.scss */
8507
.temp-for-btns .btn5.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .temp-for-btns a.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .temp-for-btns a.temp, .temp-for-btns #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.temp, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .temp-for-btns a.temp {
8507
.temp-for-btns .btn5.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .temp-for-btns a.temp, .temp-for-btns .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li a.temp, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .temp-for-btns a.temp, .temp-for-btns #volume-wizard .step .volume_options > li .options-bar .options li a.temp, #volume-wizard .step .volume_options > li .options-bar .options li .temp-for-btns a.temp {
8508 8508
  position: static;
8509 8509
}
8510 8510

  
......
9336 9336
  margin-bottom: 0.5em;
9337 9337
}
9338 9338
/* line 446, ../sass/_wizards.scss */
9339
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a:hover {
9339
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options > li .options-bar .options li a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step a:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a:hover {
9340 9340
  color: white;
9341 9341
}
9342 9342
/* line 449, ../sass/_wizards.scss */
9343
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options li.volume-size li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step a.current:hover {
9343
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options > li .options-bar .options li a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step a.current, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a.current, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .btn5.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .os li .btn-col a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .flavor li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .volume_options > li .options-bar .options li a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .volume_options > li .options-bar .options li a.current:hover, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step a.current:hover, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step a.current:hover {
9344 9344
  color: #485057;
9345 9345
}
9346 9346
/* line 453, ../sass/_wizards.scss */
......
9384 9384
  background-color: #ff7049;
9385 9385
}
9386 9386
/* line 490, ../sass/_wizards.scss */
9387
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options li.volume-size li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options li.volume-size li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
9387
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options > li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .ssh-keys-area .volume_options > li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .ssh-keys-area a {
9388 9388
  margin-top: 3px;
9389 9389
}
9390 9390
/* line 495, ../sass/_wizards.scss */
......
9456 9456
  cursor: pointer;
9457 9457
}
9458 9458
/* line 547, ../sass/_wizards.scss */
9459
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options li.volume-size li.more .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options li.volume-size li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a {
9459
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area li.more .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .os li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .advanced-conf-step .advanced-conf-options .networks-area li.more .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .flavor li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor .advanced-conf-step .advanced-conf-options .networks-area li.more .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options > li .options-bar .options li.more a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .networks-area .volume_options > li .options-bar .options li.more a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options .advanced-conf-step .advanced-conf-options .networks-area li.more a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options .advanced-conf-step .advanced-conf-options .networks-area li.more a {
9460 9460
  margin-top: 20px;
9461 9461
  border-color: #fff;
9462 9462
  color: #fff;
......
9487 9487
  margin-bottom: 30px;
9488 9488
}
9489 9489
/* line 579, ../sass/_wizards.scss */
9490
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options li.volume-size li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options li.volume-size li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options li.volume-size li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
9490
.overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .btn5, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .os li .btn-col a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .btn-col .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .flavor li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options > li .options-bar .options li a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .advanced-conf-step .advanced-conf-options .tags-area .volume_options > li .options-bar .options li a, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle #volume-wizard .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a, #volume-wizard .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .volume_options > li .options-bar .options li .advanced-conf-step .advanced-conf-options .tags-area a {
9491 9491
  margin-right: 20px;
9492 9492
}
9493 9493
/* line 582, ../sass/_wizards.scss */
......
9707 9707
#volume-wizard .step a {
9708 9708
  color: white;
9709 9709
}
9710
/* line 785, ../sass/_wizards.scss */
9711
#volume-wizard .step .volume_options li {
9710
/* line 786, ../sass/_wizards.scss */
9711
#volume-wizard .step p {
9712
  font-size: 14px;
9713
  line-height: 1;
9714
}
9715
/* line 791, ../sass/_wizards.scss */
9716
#volume-wizard .step .volume_options > li {
9712 9717
  display: block;
9713
  width: 360px;
9718
  list-style: none outside none;
9719
  margin-bottom: 30px;
9714 9720
}
9715
/* line 788, ../sass/_wizards.scss */
9716
#volume-wizard .step .volume_options li.volume-name {
9721
/* line 793, ../sass/_wizards.scss */
9722
#volume-wizard .step .volume_options > li.volume-name {
9717 9723
  margin: 40px 0;
9718 9724
}
9719
/* line 790, ../sass/_wizards.scss */
9720
#volume-wizard .step .volume_options li.volume-name h2 {
9725
/* line 795, ../sass/_wizards.scss */
9726
#volume-wizard .step .volume_options > li.volume-name h2 {
9721 9727
  color: white;
9722 9728
  font-size: 1em;
9723 9729
}
9724
/* line 795, ../sass/_wizards.scss */
9725
#volume-wizard .step .volume_options li.volume-size {
9726
  list-style: none outside none;
9727
}
9728
/* line 797, ../sass/_wizards.scss */
9729
#volume-wizard .step .volume_options li.volume-size li {
9730
  list-style: none outside none;
9731
  margin-bottom: 30px;
9732
}
9733
/* line 800, ../sass/_wizards.scss */
9734
#volume-wizard .step .volume_options li.volume-size li .title {
9730
/* line 802, ../sass/_wizards.scss */
9731
#volume-wizard .step .volume_options > li .title {
9735 9732
  height: 40px;
9736 9733
  overflow: hidden;
9737 9734
  margin-bottom: 0.5em;
9738 9735
  color: white;
9739 9736
  vertical-align: top;
9740 9737
}
9741
/* line 807, ../sass/_wizards.scss */
9742
#volume-wizard .step .volume_options li.volume-size li .title .icon {
9738
/* line 809, ../sass/_wizards.scss */
9739
#volume-wizard .step .volume_options > li .title .icon {
9743 9740
  display: block;
9744 9741
  width: 60px;
9745 9742
  font-size: 38px;
9746 9743
  float: left;
9747 9744
}
9748
/* line 813, ../sass/_wizards.scss */
9749
#volume-wizard .step .volume_options li.volume-size li .title h2 {
9745
/* line 815, ../sass/_wizards.scss */
9746
#volume-wizard .step .volume_options > li .title h2 {
9750 9747
  font-size: 0.875em;
9751 9748
  float: left;
9752 9749
  width: 140px;
......
9754 9751
  margin-right: 60px;
9755 9752
  padding-left: 0.625em;
9756 9753
}
9757
/* line 815, ../sass/_wizards.scss */
9758
#volume-wizard .step .volume_options li.volume-size li .title h2 span {
9754
/* line 817, ../sass/_wizards.scss */
9755
#volume-wizard .step .volume_options > li .title h2 span {
9759 9756
  font-weight: normal;
9760 9757
}
9761
/* line 823, ../sass/_wizards.scss */
9762
#volume-wizard .step .volume_options li.volume-size li .title h2 em {
9758
/* line 825, ../sass/_wizards.scss */
9759
#volume-wizard .step .volume_options > li .title h2 em {
9763 9760
  display: block;
9764 9761
  margin-top: 4px;
9765 9762
  font-size: 11px;
......
9768 9765
  white-space: nowrap;
9769 9766
  line-height: 13px;
9770 9767
}
9771
/* line 833, ../sass/_wizards.scss */
9772
#volume-wizard .step .volume_options li.volume-size li .title p {
9768
/* line 835, ../sass/_wizards.scss */
9769
#volume-wizard .step .volume_options > li .title p {
9773 9770
  visibility: hidden;
9774 9771
  overflow: hidden;
9775 9772
  min-height: 40px;
9776 9773
  font-size: 11px;
9777 9774
  line-height: 11px;
9778 9775
}
9779
/* line 843, ../sass/_wizards.scss */
9780
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar {
9776
/* line 845, ../sass/_wizards.scss */
9777
#volume-wizard .step .volume_options > li .options-bar .bar {
9781 9778
  width: 200px;
9782 9779
  float: left;
9783 9780
  margin-right: 60px;
......
9785 9782
  position: relative;
9786 9783
  top: 10px;
9787 9784
}
9788
/* line 850, ../sass/_wizards.scss */
9789
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap {
9785
/* line 852, ../sass/_wizards.scss */
9786
#volume-wizard .step .volume_options > li .options-bar .bar .wrap {
9790 9787
  border: 1px solid white;
9791 9788
  padding: 1px;
9792 9789
  height: 100%;
9793 9790
}
9794
/* line 854, ../sass/_wizards.scss */
9795
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap.disabled-progress-bar {
9791
/* line 856, ../sass/_wizards.scss */
9792
#volume-wizard .step .volume_options > li .options-bar .bar .wrap.disabled-progress-bar {
9796 9793
  border-color: #3a4046;
9797 9794
}
9798
/* line 857, ../sass/_wizards.scss */
9799
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9795
/* line 859, ../sass/_wizards.scss */
9796
#volume-wizard .step .volume_options > li .options-bar .bar .wrap.disabled-progress-bar .container .total {
9800 9797
  background-color: #3a4046;
9801 9798
}
9802
/* line 862, ../sass/_wizards.scss */
9803
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container {
9799
/* line 864, ../sass/_wizards.scss */
9800
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container {
9804 9801
  height: 100%;
9805 9802
}
9806
/* line 864, ../sass/_wizards.scss */
9807
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total {
9803
/* line 866, ../sass/_wizards.scss */
9804
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total {
9808 9805
  background: #919194;
9809 9806
  height: 100%;
9810 9807
  float: left;
9811 9808
  position: relative;
9812 9809
}
9813
/* line 869, ../sass/_wizards.scss */
9814
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total .current {
9810
/* line 871, ../sass/_wizards.scss */
9811
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total .current {
9815 9812
  background: white;
9816 9813
  height: 100%;
9817 9814
  float: left;
9818 9815
}
9819
/* line 874, ../sass/_wizards.scss */
9820
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total span {
9816
/* line 876, ../sass/_wizards.scss */
9817
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total span {
9821 9818
  position: absolute;
9822 9819
  right: 10px;
9823 9820
  font-size: 0.5625em;
9824 9821
  top: 2px;
9825 9822
}
9826
/* line 881, ../sass/_wizards.scss */
9827
#volume-wizard .step .volume_options li.volume-size li .options-bar .bar .wrap .container .total.low span {
9823
/* line 883, ../sass/_wizards.scss */
9824
#volume-wizard .step .volume_options > li .options-bar .bar .wrap .container .total.low span {
9828 9825
  right: -30px;
9829 9826
  color: white;
9830 9827
}
9831
/* line 891, ../sass/_wizards.scss */
9832
#volume-wizard .step .volume_options li.volume-size li .options-bar .options {
9828
/* line 892, ../sass/_wizards.scss */
9829
#volume-wizard .step .volume_options > li .options-bar .options {
9833 9830
  overflow: hidden;
9834 9831
  list-style: none outside none;
9835 9832
}
9836
/* line 894, ../sass/_wizards.scss */
9837
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li {
9833
/* line 895, ../sass/_wizards.scss */
9834
#volume-wizard .step .volume_options > li .options-bar .options li {
9838 9835
  list-style: none outside none;
9839 9836
  display: inline-block;
9840 9837
  margin-right: 10px;
9841 9838
  margin-bottom: 0;
9842 9839
}
9843
/* line 899, ../sass/_wizards.scss */
9844
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a {
9840
/* line 900, ../sass/_wizards.scss */
9841
#volume-wizard .step .volume_options > li .options-bar .options li a {
9845 9842
  min-width: 60px;
9846 9843
}
9847
/* line 902, ../sass/_wizards.scss */
9848
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.current {
9844
/* line 903, ../sass/_wizards.scss */
9845
#volume-wizard .step .volume_options > li .options-bar .options li a.current {
9849 9846
  color: #485057;
9850 9847
}
9851
/* line 905, ../sass/_wizards.scss */
9852
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.disabled {
9848
/* line 906, ../sass/_wizards.scss */
9849
#volume-wizard .step .volume_options > li .options-bar .options li a.disabled {
9853 9850
  border-color: #3a4046;
9854 9851
  color: #3a4046;
9855 9852
}
9856
/* line 908, ../sass/_wizards.scss */
9857
#volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.disabled:hover, #volume-wizard .step .volume_options li.volume-size li .options-bar .options li a.disabled:active {
9853
/* line 909, ../sass/_wizards.scss */
9854
#volume-wizard .step .volume_options > li .options-bar .options li a.disabled:hover, #volume-wizard .step .volume_options > li .options-bar .options li a.disabled:active {
9858 9855
  cursor: default;
9859 9856
  border-width: 1px;
9860 9857
  line-height: 28px;
9861 9858
}
9859
/* line 922, ../sass/_wizards.scss */
9860
#volume-wizard .step .explain {
9861
  margin-bottom: 1em;
9862
}
9862 9863

  
9863 9864
/*
9864 9865

  
......
10272 10273
  color: #30c79e;
10273 10274
}
10274 10275

  
10276
/* line 9, ../sass/_volumes.scss */
10277
.step-2 > ul > li {
10278
  margin-bottom: 0.5em;
10279
}
10280

  
10281
/* line 13, ../sass/_volumes.scss */
10282
.wizard .vms-list {
10283
  margin-top: 1em;
10284
}
10285
/* line 15, ../sass/_volumes.scss */
10286
.wizard .vms-list > li {
10287
  margin-bottom: 0.5em;
10288
}
10289
/* line 17, ../sass/_volumes.scss */
10290
.wizard .vms-list > li > div, .wizard .vms-list > li > a {
10291
  display: inline-block;
10292
  margin-right: 15px;
10293
}
10294
/* line 21, ../sass/_volumes.scss */
10295
.wizard .vms-list > li .img-wrap {
10296
  position: relative;
10297
  width: 30px;
10298
}
10299
/* line 24, ../sass/_volumes.scss */
10300
.wizard .vms-list > li .img-wrap .icon {
10301
  font-size: 30px;
10302
}
10303
/* line 27, ../sass/_volumes.scss */
10304
.wizard .vms-list > li .img-wrap .os {
10305
  background-size: 14px;
10306
  top: -2px;
10307
}
10308

  
10275 10309
/*
10276 10310
* Used for connected elements in details page.
10277 10311
* Each icon is unique and therefore, customization
......
10313 10347
  font-size: 0.875em;
10314 10348
}
10315 10349
/* line 42, ../sass/_connected.scss */
10316
.connected .item .clearfix, .connected .item .list-view .items-list > li, .list-view .connected .item .items-list > li, .connected .item .details .top, .details .connected .item .top, .connected .item .storage .files li, .storage .files .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details .connected .item dl, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .title, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .options-bar, .connected .item #volume-wizard .step .volume_options li.volume-size li .title, #volume-wizard .step .volume_options li.volume-size li .connected .item .title, .connected .item #volume-wizard .step .volume_options li.volume-size li .options-bar, #volume-wizard .step .volume_options li.volume-size li .connected .item .options-bar, .connected .item .what, .connected .item .connections > li {
10350
.connected .item .clearfix, .connected .item .list-view .items-list > li, .list-view .connected .item .items-list > li, .connected .item .details .top, .details .connected .item .top, .connected .item .storage .files li, .storage .files .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os .connected .item li, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details dl, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .os li .details .connected .item dl, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .title, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .title, .connected .item .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .options-bar, .overlay-wrapper .overlay-area-custom .overlay-div.wizard .middle .step .flavor li .connected .item .options-bar, .connected .item #volume-wizard .step .volume_options > li .title, #volume-wizard .step .volume_options > li .connected .item .title, .connected .item #volume-wizard .step .volume_options > li .options-bar, #volume-wizard .step .volume_options > li .connected .item .options-bar, .connected .item .what, .connected .item .connections > li {
10317 10351
  position: relative;
10318 10352
}
10319 10353
/* line 45, ../sass/_connected.scss */

Also available in: Unified diff