Revision 656c135b snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6596 6596
  max-width: 85%;
6597 6597
  left: 50%;
6598 6598
  width: 100%;
6599
  color: white;
6600
  background: #919194;
6599
  color: #1a1a1a;
6600
  background: #cecece;
6601 6601
  -webkit-border-radius: 7px;
6602 6602
  border-radius: 7px;
6603 6603
}
......
6609 6609
  width: 0;
6610 6610
  height: 0;
6611 6611
  border: solid 0;
6612
  border-color: transparent transparent #919194 transparent;
6612
  border-color: transparent transparent #cecece transparent;
6613 6613
  top: 0;
6614 6614
}
6615 6615
/* line 71, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
......
6629 6629
@media only screen and (min-width: 768px) {
6630 6630
  /* line 86, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6631 6631
  .tooltip > .nub {
6632
    border-color: transparent transparent #919194 transparent;
6632
    border-color: transparent transparent #cecece transparent;
6633 6633
    top: 0;
6634 6634
  }
6635 6635
  /* line 90, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6636 6636
  .tooltip.tip-top > .nub {
6637
    border-color: #919194 transparent transparent transparent;
6637
    border-color: #cecece transparent transparent transparent;
6638 6638
    top: auto;
6639 6639
    bottom: 0;
6640 6640
  }
......
6644 6644
  }
6645 6645
  /* line 99, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6646 6646
  .tooltip.tip-left > .nub {
6647
    border-color: transparent transparent transparent #919194;
6647
    border-color: transparent transparent transparent #cecece;
6648 6648
    right: 0;
6649 6649
    left: auto;
6650 6650
    top: 50%;
......
6652 6652
  }
6653 6653
  /* line 106, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_tooltips.scss */
6654 6654
  .tooltip.tip-right > .nub {
6655
    border-color: transparent #919194 transparent transparent;
6655
    border-color: transparent #cecece transparent transparent;
6656 6656
    right: auto;
6657 6657
    left: 0;
6658 6658
    top: 50%;
......
6803 6803
 */
6804 6804
/* Clearfix -------------------------------------------- */
6805 6805
/* line 18, ../sass/_common.scss */
6806
.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 {
6806
.clearfix, .list-view .items-list > li, .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 {
6807 6807
  zoom: 1;
6808 6808
}
6809 6809
/* line 20, ../sass/_common.scss */
6810
.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 {
6810
.clearfix:before, .list-view .items-list > li: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, .list-view .items-list > li: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 {
6811 6811
  content: "\0020";
6812 6812
  display: block;
6813 6813
  height: 0;
6814 6814
  overflow: hidden;
6815 6815
}
6816 6816
/* line 26, ../sass/_common.scss */
6817
.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 {
6817
.clearfix:after, .list-view .items-list > li: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 {
6818 6818
  clear: both;
6819 6819
}
6820 6820

  
......
7025 7025

  
7026 7026
/* line 271, ../sass/_common.scss */
7027 7027
.main {
7028
  padding: 0 10px;
7028
  padding: 0 0.625em;
7029 7029
}
7030 7030

  
7031 7031
/* Header ----------------------------------------------- */
......
7425 7425
  }
7426 7426
}
7427 7427
/* List view for VMs, networks  */
7428
/* line 3, ../sass/_items-list.scss */
7429
.items-list {
7428
/* line 2, ../sass/_items-list.scss */
7429
.entities {
7430
  position: relative;
7431
}
7432

  
7433
/* line 7, ../sass/_items-list.scss */
7434
.grid-view .lt-bar {
7435
  display: none;
7436
}
7437
/* line 10, ../sass/_items-list.scss */
7438
.grid-view .items-list {
7430 7439
  display: block;
7431 7440
  padding: 0;
7432 7441
  margin: 0 0;
......
7435 7444
  background: url(../images/dashed_atom.png) repeat-y left center;
7436 7445
}
7437 7446
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
7438
.items-list:before, .items-list:after {
7447
.grid-view .items-list:before, .grid-view .items-list:after {
7439 7448
  content: " ";
7440 7449
  display: table;
7441 7450
}
7442 7451
/* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
7443
.items-list:after {
7452
.grid-view .items-list:after {
7444 7453
  clear: both;
7445 7454
}
7446 7455
/* line 27, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7447
.items-list > li {
7456
.grid-view .items-list > li {
7448 7457
  display: inline;
7449 7458
  height: auto;
7450 7459
  float: left;
7451 7460
  padding: 0 0 0;
7452 7461
}
7453 7462
/* line 36, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7454
.items-list > li {
7463
.grid-view .items-list > li {
7455 7464
  width: 50%;
7456 7465
  padding: 0 0 0;
7457 7466
}
7458 7467
/* line 40, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7459
.items-list > li:nth-of-type(n) {
7468
.grid-view .items-list > li:nth-of-type(n) {
7460 7469
  clear: none;
7461 7470
}
7462 7471
/* line 41, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7463
.items-list > li:nth-of-type(2n+1) {
7472
.grid-view .items-list > li:nth-of-type(2n+1) {
7464 7473
  clear: both;
7465 7474
}
7466 7475
@media only screen and (min-width: 768px) {
7467
  /* line 3, ../sass/_items-list.scss */
7468
  .items-list {
7476
  /* line 10, ../sass/_items-list.scss */
7477
  .grid-view .items-list {
7469 7478
    display: block;
7470 7479
    padding: 0;
7471 7480
    margin: 0 0;
......
7473 7482
    padding-left: 1px;
7474 7483
  }
7475 7484
  /* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
7476
  .items-list:before, .items-list:after {
7485
  .grid-view .items-list:before, .grid-view .items-list:after {
7477 7486
    content: " ";
7478 7487
    display: table;
7479 7488
  }
7480 7489
  /* line 122, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
7481
  .items-list:after {
7490
  .grid-view .items-list:after {
7482 7491
    clear: both;
7483 7492
  }
7484 7493
  /* line 27, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7485
  .items-list > li {
7494
  .grid-view .items-list > li {
7486 7495
    display: inline;
7487 7496
    height: auto;
7488 7497
    float: left;
7489 7498
    padding: 0 0 0;
7490 7499
  }
7491 7500
  /* line 36, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7492
  .items-list > li {
7501
  .grid-view .items-list > li {
7493 7502
    width: 25%;
7494 7503
    padding: 0 0 0;
7495 7504
  }
7496 7505
  /* line 40, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7497
  .items-list > li:nth-of-type(n) {
7506
  .grid-view .items-list > li:nth-of-type(n) {
7498 7507
    clear: none;
7499 7508
  }
7500 7509
  /* line 41, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_block-grid.scss */
7501
  .items-list > li:nth-of-type(4n+1) {
7510
  .grid-view .items-list > li:nth-of-type(4n+1) {
7502 7511
    clear: both;
7503 7512
  }
7504 7513
}
7505
/* line 12, ../sass/_items-list.scss */
7506
.items-list > li {
7507
  text-align: center;
7508
  padding: 20px;
7509
  position: relative;
7510
  list-style: none;
7511
  background: url(../images/dashed-bg-corner.png) no-repeat right bottom;
7514
/* line 19, ../sass/_items-list.scss */
7515
.grid-view .items-list > li {
7512 7516
  height: 215px;
7513 7517
}
7514
/* line 19, ../sass/_items-list.scss */
7515
.items-list > li .img-wrap {
7518
/* line 21, ../sass/_items-list.scss */
7519
.grid-view .items-list > li .check {
7520
  display: none;
7521
}
7522
/* line 24, ../sass/_items-list.scss */
7523
.grid-view .items-list > li .info {
7524
  display: none;
7525
}
7526
/* line 27, ../sass/_items-list.scss */
7527
.grid-view .items-list > li .img-wrap {
7516 7528
  margin-bottom: 16px;
7517
  position: relative;
7518 7529
  height: 60px;
7519
  display: inline-block;
7520
  overflow: hidden;
7521 7530
}
7522
/* line 26, ../sass/_items-list.scss */
7523
.items-list > li .container {
7531
/* line 31, ../sass/_items-list.scss */
7532
.grid-view .items-list > li .container {
7524 7533
  height: 160px;
7525 7534
  margin: 16px 20px 20px;
7526 7535
  position: relative;
7527 7536
  line-height: 120%;
7528 7537
}
7529
/* line 31, ../sass/_items-list.scss */
7530
.items-list > li .container .tags {
7538
/* line 36, ../sass/_items-list.scss */
7539
.grid-view .items-list > li .container .tags {
7531 7540
  width: 100%;
7532 7541
  min-height: 12px;
7533 7542
  position: absolute;
7534 7543
  bottom: 6px;
7535 7544
}
7536
/* line 37, ../sass/_items-list.scss */
7537
.items-list > li .container .status {
7545

  
7546
/* line 47, ../sass/_items-list.scss */
7547
.items-list > li {
7548
  text-align: center;
7549
  padding: 20px;
7550
  position: relative;
7551
  list-style: none;
7552
  background: url(../images/dashed-bg-corner.png) no-repeat right bottom;
7553
  height: 215px;
7554
}
7555
/* line 54, ../sass/_items-list.scss */
7556
.items-list > li .img-wrap {
7557
  position: relative;
7558
  display: inline-block;
7559
  overflow: hidden;
7560
}
7561
/* line 59, ../sass/_items-list.scss */
7562
.items-list > li .status {
7538 7563
  font-size: 0.75em;
7539 7564
}
7540
/* line 39, ../sass/_items-list.scss */
7541
.items-list > li .container .status a {
7565
/* line 61, ../sass/_items-list.scss */
7566
.items-list > li .status a {
7542 7567
  color: #30c79e;
7543 7568
}
7544
/* line 42, ../sass/_items-list.scss */
7545
.items-list > li .container .status span {
7569
/* line 64, ../sass/_items-list.scss */
7570
.items-list > li .status span {
7546 7571
  color: #30c79e;
7547 7572
  display: block;
7548 7573
}
7549
/* line 48, ../sass/_items-list.scss */
7574
/* line 69, ../sass/_items-list.scss */
7550 7575
.items-list > li .more {
7551 7576
  display: none;
7552 7577
  background: #fff;
......
7555 7580
  z-index: 101;
7556 7581
  position: absolute;
7557 7582
  *zoom: 1;
7558
  -moz-box-shadow: -5px 5px 5px #cccccc;
7559
  -webkit-box-shadow: -5px 5px 5px #cccccc;
7560
  box-shadow: -5px 5px 5px #cccccc;
7583
  -moz-box-shadow: 0 0 10px #cccccc;
7584
  -webkit-box-shadow: 0 0 10px #cccccc;
7585
  box-shadow: 0 0 10px #cccccc;
7561 7586
}
7562 7587
/* line 121, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_global.scss */
7563 7588
.items-list > li .more:before, .items-list > li .more:after {
......
7568 7593
.items-list > li .more:after {
7569 7594
  clear: both;
7570 7595
}
7571
/* line 58, ../sass/_items-list.scss */
7596
/* line 79, ../sass/_items-list.scss */
7572 7597
.items-list > li .more .col {
7573 7598
  width: 50%;
7574 7599
  float: left;
7575 7600
  font-size: 0.875em;
7576 7601
  height: 200px;
7577 7602
}
7578
/* line 63, ../sass/_items-list.scss */
7603
/* line 84, ../sass/_items-list.scss */
7579 7604
.items-list > li .more .col ul {
7580 7605
  margin: 0;
7581 7606
  padding: 0;
7582 7607
  list-style: none outside none;
7583 7608
}
7584
/* line 67, ../sass/_items-list.scss */
7609
/* line 88, ../sass/_items-list.scss */
7585 7610
.items-list > li .more .col ul li {
7586 7611
  padding: 0;
7587 7612
  text-align: left;
7588 7613
}
7589
/* line 70, ../sass/_items-list.scss */
7614
/* line 91, ../sass/_items-list.scss */
7590 7615
.items-list > li .more .col ul li a {
7591 7616
  color: #1e1e1e;
7592 7617
  display: block;
7593 7618
  width: 100%;
7594 7619
  padding: 5px 5px 5px 30px;
7595 7620
}
7596
/* line 75, ../sass/_items-list.scss */
7621
/* line 96, ../sass/_items-list.scss */
7597 7622
.items-list > li .more .col ul li a:hover {
7598
  background-color: #30c79e;
7599
  color: #fff;
7623
  color: #30c79e;
7600 7624
}
7601
/* line 83, ../sass/_items-list.scss */
7625
/* line 104, ../sass/_items-list.scss */
7602 7626
.items-list > li .more .col.lt ul {
7603 7627
  padding-top: 10px;
7604 7628
}
7605
/* line 89, ../sass/_items-list.scss */
7629
/* line 110, ../sass/_items-list.scss */
7606 7630
.items-list > li .more .col.rt ul li {
7607 7631
  height: 100px;
7608 7632
}
7609
/* line 91, ../sass/_items-list.scss */
7633
/* line 112, ../sass/_items-list.scss */
7610 7634
.items-list > li .more .col.rt ul li a {
7611 7635
  height: 100%;
7612 7636
  padding: 0 0 0 30px;
7613 7637
  line-height: 100px;
7614 7638
}
7615
/* line 100, ../sass/_items-list.scss */
7639
/* line 121, ../sass/_items-list.scss */
7616 7640
.items-list > li .more .name {
7617 7641
  background: url(../images/dashed_atom-x.png) repeat-x center top;
7618 7642
  padding: 10px;
7619 7643
  font-size: 0.625em;
7620 7644
}
7621
/* line 106, ../sass/_items-list.scss */
7645
/* line 127, ../sass/_items-list.scss */
7622 7646
.items-list > li h4 {
7623 7647
  font-size: 0.75em;
7624 7648
  color: #1e1e1e;
......
7627 7651
  height: 30px;
7628 7652
  font-weight: normal;
7629 7653
}
7630
/* line 114, ../sass/_items-list.scss */
7631
.items-list > li[data-status="add-new"] {
7654
/* line 135, ../sass/_items-list.scss */
7655
.items-list > li.add-new {
7632 7656
  background-color: #30c79e;
7633 7657
  -webkit-transition: background-color 300ms linear;
7634 7658
  -moz-transition: background-color 300ms linear;
......
7636 7660
  -o-transition: background-color 300ms linear;
7637 7661
  transition: background-color 300ms linear;
7638 7662
}
7639
/* line 119, ../sass/_items-list.scss */
7640
.items-list > li[data-status="add-new"] .container .img-wrap span:first-child {
7663
/* line 140, ../sass/_items-list.scss */
7664
.items-list > li.add-new .container .img-wrap span:first-child {
7641 7665
  color: white;
7642 7666
}
7643
/* line 122, ../sass/_items-list.scss */
7644
.items-list > li[data-status="add-new"] .container .img-wrap .symbol {
7667
/* line 143, ../sass/_items-list.scss */
7668
.items-list > li.add-new .container .img-wrap .symbol {
7645 7669
  background-image: none;
7646 7670
  color: #30c79e;
7647 7671
  font-size: 30px;
7648 7672
  text-indent: 0;
7649 7673
}
7650
/* line 129, ../sass/_items-list.scss */
7651
.items-list > li[data-status="add-new"] .container h4 {
7674
/* line 150, ../sass/_items-list.scss */
7675
.items-list > li.add-new .container h4 {
7652 7676
  color: white;
7653 7677
}
7654
/* line 133, ../sass/_items-list.scss */
7655
.items-list > li[data-status="add-new"]:hover {
7678
/* line 154, ../sass/_items-list.scss */
7679
.items-list > li.add-new:hover {
7656 7680
  background-color: #485057;
7657 7681
  -webkit-transition: background-color 300ms linear;
7658 7682
  -moz-transition: background-color 300ms linear;
......
7661 7685
  transition: background-color 300ms linear;
7662 7686
  cursor: pointer;
7663 7687
}
7664
/* line 139, ../sass/_items-list.scss */
7665
.items-list > li[data-status="add-new"]:hover .container .img-wrap .symbol {
7688
/* line 160, ../sass/_items-list.scss */
7689
.items-list > li.add-new:hover .container .img-wrap .symbol {
7690
  color: #485057;
7691
}
7692

  
7693
/* line 171, ../sass/_items-list.scss */
7694
.list-view .btn5, .list-view .wizard .middle .step .os li .btn-col a, .wizard .middle .step .os li .btn-col .list-view a, .list-view .wizard .middle .step .flavor li .options-bar .options li a, .wizard .middle .step .flavor li .options-bar .options li .list-view a {
7695
  display: none;
7696
}
7697
/* line 174, ../sass/_items-list.scss */
7698
.list-view .lt-bar {
7699
  position: fixed;
7700
  width: 110px;
7701
  left: 50%;
7702
  top: 110px;
7703
  padding: 8px 10px;
7704
  margin-left: -29.375em;
7705
  -moz-box-shadow: 3px -2px 8px #cccccc;
7706
  -webkit-box-shadow: 3px -2px 8px #cccccc;
7707
  box-shadow: 3px -2px 8px #cccccc;
7708
  background: #fff;
7709
}
7710
/* line 183, ../sass/_items-list.scss */
7711
.list-view .lt-bar a {
7712
  color: #485057;
7713
}
7714
/* line 185, ../sass/_items-list.scss */
7715
.list-view .lt-bar a:hover {
7716
  color: #30c79e;
7717
}
7718
/* line 189, ../sass/_items-list.scss */
7719
.list-view .lt-bar ul {
7720
  list-style: none outside none;
7721
  font-size: 0.75em;
7722
}
7723
/* line 192, ../sass/_items-list.scss */
7724
.list-view .lt-bar ul li {
7725
  list-style: none outside none;
7726
  padding: 12px 0;
7727
}
7728
/* line 196, ../sass/_items-list.scss */
7729
.list-view .lt-bar ul li.select span {
7730
  font-size: 16px;
7731
  margin-right: 5px;
7732
  position: relative;
7733
  top: 2px;
7734
}
7735
/* line 201, ../sass/_items-list.scss */
7736
.list-view .lt-bar ul li.select span.snf-checkbox-checked {
7737
  color: #30c79e;
7738
}
7739
/* line 205, ../sass/_items-list.scss */
7740
.list-view .lt-bar ul li.select em {
7741
  display: none;
7742
  font-style: normal;
7743
}
7744
/* line 209, ../sass/_items-list.scss */
7745
.list-view .lt-bar ul li.select:hover {
7746
  cursor: pointer;
7747
}
7748
/* line 216, ../sass/_items-list.scss */
7749
.list-view .items-list {
7750
  overflow: hidden;
7751
}
7752
/* line 223, ../sass/_items-list.scss */
7753
.list-view .items-list > li {
7754
  height: auto;
7755
  width: 100%;
7756
  padding: 15px 15px 15px 110px;
7757
  background-image: none;
7758
}
7759
/* line 229, ../sass/_items-list.scss */
7760
.list-view .items-list > li:hover {
7761
  background-color: #dfdfdf;
7762
}
7763
/* line 232, ../sass/_items-list.scss */
7764
.list-view .items-list > li .check {
7765
  width: 60px;
7766
  text-align: center;
7767
  float: left;
7768
}
7769
/* line 236, ../sass/_items-list.scss */
7770
.list-view .items-list > li .check:hover {
7771
  cursor: pointer;
7772
  color: #30c79e;
7773
}
7774
/* line 241, ../sass/_items-list.scss */
7775
.list-view .items-list > li .img-wrap {
7776
  width: 70px;
7777
  float: left;
7778
  text-align: center;
7779
  height: 34px;
7780
}
7781
/* line 246, ../sass/_items-list.scss */
7782
.list-view .items-list > li .img-wrap .os {
7783
  background: url("../images/os-unknown.png") no-repeat center center;
7784
  width: 16px;
7785
  height: 16px;
7786
  display: inline-block;
7787
  text-indent: -2000px;
7788
  overflow: hidden;
7789
  background-size: 100%;
7790
  position: absolute;
7791
  display: block;
7792
  text-align: center;
7793
  line-height: 18px;
7794
  left: 50%;
7795
  margin-left: -8px;
7796
  top: 3px;
7797
}
7798
/* line 257, ../sass/_items-list.scss */
7799
.list-view .items-list > li .img-wrap .snf-PC_fill {
7800
  font-size: 34px;
7801
}
7802
/* line 261, ../sass/_items-list.scss */
7803
.list-view .items-list > li h4 {
7804
  width: 40%;
7805
  float: left;
7806
  text-align: left;
7807
  height: 20px;
7808
}
7809
/* line 268, ../sass/_items-list.scss */
7810
.list-view .items-list > li .tags {
7811
  float: left;
7812
  width: 8%;
7813
  min-height: 1px;
7814
  height: 34px;
7815
  line-height: 34px;
7816
}
7817
/* line 274, ../sass/_items-list.scss */
7818
.list-view .items-list > li .tags a {
7819
  vertical-align: text-top;
7820
}
7821
/* line 278, ../sass/_items-list.scss */
7822
.list-view .items-list > li .status {
7823
  position: absolute;
7824
  left: 240px;
7825
  text-align: left;
7826
  top: 30px;
7827
  width: 40%;
7828
}
7829
/* line 284, ../sass/_items-list.scss */
7830
.list-view .items-list > li .status span {
7831
  display: inline;
7832
}
7833
/* line 288, ../sass/_items-list.scss */
7834
.list-view .items-list > li .info {
7835
  float: left;
7836
  width: 30%;
7837
  font-size: 0.75em;
7838
  color: #485057;
7839
}
7840
/* line 293, ../sass/_items-list.scss */
7841
.list-view .items-list > li .info a {
7666 7842
  color: #485057;
7667 7843
}
7668
/* line 148, ../sass/_items-list.scss */
7669
.items-list.list-view li {
7844
/* line 295, ../sass/_items-list.scss */
7845
.list-view .items-list > li .info a:hover {
7846
  color: #30c79e;
7847
}
7848
/* line 300, ../sass/_items-list.scss */
7849
.list-view .items-list > li.add-new {
7850
  height: 30px;
7851
  line-height: 30px;
7852
  padding: 0 0 0 110px;
7853
}
7854
/* line 304, ../sass/_items-list.scss */
7855
.list-view .items-list > li.add-new:hover {
7856
  background: #485057;
7857
}
7858
/* line 307, ../sass/_items-list.scss */
7859
.list-view .items-list > li.add-new .check {
7860
  visibility: hidden;
7861
}
7862
/* line 310, ../sass/_items-list.scss */
7863
.list-view .items-list > li.add-new .img-wrap {
7864
  margin: 0;
7865
  height: 30px;
7866
  line-height: 30px;
7867
}
7868
/* line 314, ../sass/_items-list.scss */
7869
.list-view .items-list > li.add-new .img-wrap .symbol {
7870
  font-size: 1em;
7871
  position: absolute;
7872
  left: 0;
7873
  top: -3px;
7670 7874
  width: 100%;
7875
  height: 100%;
7876
  margin: 0 auto;
7877
}
7878
/* line 323, ../sass/_items-list.scss */
7879
.list-view .items-list > li.add-new .img-wrap span {
7880
  font-size: 20px;
7881
  line-height: 30px;
7882
}
7883
/* line 328, ../sass/_items-list.scss */
7884
.list-view .items-list > li.add-new h4 {
7885
  height: auto;
7886
  line-height: 30px;
7887
  margin: 0;
7888
}
7889
/* line 336, ../sass/_items-list.scss */
7890
.list-view .items-list > li[data-status="building"] .img-wrap .incomplete {
7891
  width: 34px;
7892
  margin: 0 auto;
7893
}
7894
/* line 340, ../sass/_items-list.scss */
7895
.list-view .items-list > li[data-status="building"] .img-wrap .complete {
7896
  top: -34px;
7897
  margin: 0 auto;
7671 7898
}
7672 7899

  
7673 7900
/* Detailed view for VMs, networks  */
......
7997 8224

  
7998 8225
/* Machines (VMs)  related styles  */
7999 8226
/* line 3, ../sass/_machines.scss */
8000
.build-progress {
8227
.grid-view .build-progress {
8001 8228
  animation: progress_animation 5s infinite, pulse 1s infinite;
8002 8229
  -webkit-animation: progress_animation 5s infinite, pulse 1s infinite;
8003 8230
}
8004 8231

  
8232
/* line 12, ../sass/_machines.scss */
8233
.list-view .build-progress {
8234
  animation: progress_animation_list 5s infinite, pulse 1s infinite;
8235
  -webkit-animation: progress_animation_list 5s infinite, pulse 1s infinite;
8236
}
8237

  
8005 8238
@-webkit-keyframes progress_animation {
8006
  /* line 13, ../sass/_machines.scss */
8239
  /* line 22, ../sass/_machines.scss */
8007 8240
  from {
8008 8241
    width: 0%;
8009 8242
  }
8010 8243

  
8011
  /* line 16, ../sass/_machines.scss */
8244
  /* line 25, ../sass/_machines.scss */
8012 8245
  to {
8013 8246
    width: 100%;
8014 8247
  }
8015 8248
}
8016 8249

  
8017 8250
@-moz-keyframes progress_animation {
8018
  /* line 13, ../sass/_machines.scss */
8251
  /* line 22, ../sass/_machines.scss */
8019 8252
  from {
8020 8253
    width: 0%;
8021 8254
  }
8022 8255

  
8023
  /* line 16, ../sass/_machines.scss */
8256
  /* line 25, ../sass/_machines.scss */
8024 8257
  to {
8025 8258
    width: 100%;
8026 8259
  }
8027 8260
}
8028 8261

  
8029 8262
@-ms-keyframes progress_animation {
8030
  /* line 13, ../sass/_machines.scss */
8263
  /* line 22, ../sass/_machines.scss */
8031 8264
  from {
8032 8265
    width: 0%;
8033 8266
  }
8034 8267

  
8035
  /* line 16, ../sass/_machines.scss */
8268
  /* line 25, ../sass/_machines.scss */
8036 8269
  to {
8037 8270
    width: 100%;
8038 8271
  }
8039 8272
}
8040 8273

  
8041 8274
@keyframes progress_animation {
8042
  /* line 13, ../sass/_machines.scss */
8275
  /* line 22, ../sass/_machines.scss */
8043 8276
  from {
8044 8277
    width: 0%;
8045 8278
  }
8046 8279

  
8047
  /* line 16, ../sass/_machines.scss */
8280
  /* line 25, ../sass/_machines.scss */
8048 8281
  to {
8049 8282
    width: 100%;
8050 8283
  }
8051 8284
}
8052 8285

  
8286
@-webkit-keyframes progress_animation_list {
8287
  /* line 31, ../sass/_machines.scss */
8288
  from {
8289
    width: 0%;
8290
  }
8291

  
8292
  /* line 34, ../sass/_machines.scss */
8293
  to {
8294
    width: 34px;
8295
  }
8296
}
8297

  
8298
@-moz-keyframes progress_animation_list {
8299
  /* line 31, ../sass/_machines.scss */
8300
  from {
8301
    width: 0%;
8302
  }
8303

  
8304
  /* line 34, ../sass/_machines.scss */
8305
  to {
8306
    width: 34px;
8307
  }
8308
}
8309

  
8310
@-ms-keyframes progress_animation_list {
8311
  /* line 31, ../sass/_machines.scss */
8312
  from {
8313
    width: 0%;
8314
  }
8315

  
8316
  /* line 34, ../sass/_machines.scss */
8317
  to {
8318
    width: 34px;
8319
  }
8320
}
8321

  
8322
@keyframes progress_animation_list {
8323
  /* line 31, ../sass/_machines.scss */
8324
  from {
8325
    width: 0%;
8326
  }
8327

  
8328
  /* line 34, ../sass/_machines.scss */
8329
  to {
8330
    width: 34px;
8331
  }
8332
}
8333

  
8053 8334
@-webkit-keyframes pulse {
8054
  /* line 22, ../sass/_machines.scss */
8335
  /* line 40, ../sass/_machines.scss */
8055 8336
  from {
8056 8337
    color: #30c79e;
8057 8338
  }
8058 8339

  
8059
  /* line 25, ../sass/_machines.scss */
8340
  /* line 43, ../sass/_machines.scss */
8060 8341
  to {
8061 8342
    color: #269e7d;
8062 8343
  }
8063 8344
}
8064 8345

  
8065 8346
@-moz-keyframes pulse {
8066
  /* line 22, ../sass/_machines.scss */
8347
  /* line 40, ../sass/_machines.scss */
8067 8348
  from {
8068 8349
    color: #30c79e;
8069 8350
  }
8070 8351

  
8071
  /* line 25, ../sass/_machines.scss */
8352
  /* line 43, ../sass/_machines.scss */
8072 8353
  to {
8073 8354
    color: #269e7d;
8074 8355
  }
8075 8356
}
8076 8357

  
8077 8358
@-ms-keyframes pulse {
8078
  /* line 22, ../sass/_machines.scss */
8359
  /* line 40, ../sass/_machines.scss */
8079 8360
  from {
8080 8361
    color: #30c79e;
8081 8362
  }
8082 8363

  
8083
  /* line 25, ../sass/_machines.scss */
8364
  /* line 43, ../sass/_machines.scss */
8084 8365
  to {
8085 8366
    color: #269e7d;
8086 8367
  }
8087 8368
}
8088 8369

  
8089 8370
@keyframes pulse {
8090
  /* line 22, ../sass/_machines.scss */
8371
  /* line 40, ../sass/_machines.scss */
8091 8372
  from {
8092 8373
    color: #30c79e;
8093 8374
  }
8094 8375

  
8095
  /* line 25, ../sass/_machines.scss */
8376
  /* line 43, ../sass/_machines.scss */
8096 8377
  to {
8097 8378
    color: #269e7d;
8098 8379
  }
8099 8380
}
8100 8381

  
8101
/* line 31, ../sass/_machines.scss */
8382
/* line 49, ../sass/_machines.scss */
8102 8383
.vms .items-list .img-wrap {
8103 8384
  width: 60px;
8104 8385
}
8105
/* line 34, ../sass/_machines.scss */
8386
/* line 52, ../sass/_machines.scss */
8106 8387
.vms .items-list .img-wrap span:hover {
8107 8388
  cursor: pointer;
8108 8389
  opacity: 0.8;
8109 8390
}
8110
/* line 40, ../sass/_machines.scss */
8111
.vms .items-list .img-wrap:hover .snf-PC_fill {
8112
  color: #269e7d;
8113
}
8114
/* line 44, ../sass/_machines.scss */
8391
/* line 57, ../sass/_machines.scss */
8115 8392
.vms .items-list .img-wrap .snf-PC_fill {
8116 8393
  font-size: 60px;
8117 8394
  color: #30c79e;
8118 8395
}
8119
/* line 48, ../sass/_machines.scss */
8396
/* line 61, ../sass/_machines.scss */
8120 8397
.vms .items-list .img-wrap .os {
8121 8398
  background: url("../images/os-unknown.png") no-repeat center center;
8122 8399
  width: 22px;
......
8128 8405
  top: 8px;
8129 8406
  left: 19px;
8130 8407
}
8131
/* line 53, ../sass/_machines.scss */
8408
/* line 66, ../sass/_machines.scss */
8132 8409
.vms .items-list .img-wrap .os.windows {
8133 8410
  background-image: url("../images/os-windows.png");
8134 8411
}
8135
/* line 54, ../sass/_machines.scss */
8412
/* line 67, ../sass/_machines.scss */
8136 8413
.vms .items-list .img-wrap .os.kubuntu {
8137 8414
  background-image: url("../images/os-kubuntu.png");
8138 8415
}
8139
/* line 55, ../sass/_machines.scss */
8416
/* line 68, ../sass/_machines.scss */
8140 8417
.vms .items-list .img-wrap .os.fedora {
8141 8418
  background-image: url("../images/os-fedora.png");
8142 8419
}
8143
/* line 60, ../sass/_machines.scss */
8420
/* line 73, ../sass/_machines.scss */
8144 8421
.vms .items-list [data-status="off"] .img-wrap .snf-PC_fill {
8145 8422
  color: #4a5158;
8146 8423
}
8147
/* line 64, ../sass/_machines.scss */
8424
/* line 77, ../sass/_machines.scss */
8148 8425
.vms .items-list [data-status="off"] .status .logs, .vms .items-list [data-status="off"] .status .state {
8149 8426
  color: #4a5158;
8150 8427
}
8151
/* line 70, ../sass/_machines.scss */
8428
/* line 83, ../sass/_machines.scss */
8152 8429
.vms .items-list [data-status="error"] .img-wrap .snf-PC_fill {
8153 8430
  color: #ff4040;
8154 8431
}
8155
/* line 74, ../sass/_machines.scss */
8432
/* line 87, ../sass/_machines.scss */
8156 8433
.vms .items-list [data-status="error"] .status .logs, .vms .items-list [data-status="error"] .status .state a {
8157 8434
  color: #ff4040;
8158 8435
}
8159
/* line 80, ../sass/_machines.scss */
8436
/* line 93, ../sass/_machines.scss */
8160 8437
.vms .items-list [data-status="shutting"] .img-wrap .snf-PC_fill {
8161 8438
  color: #666c6b;
8162 8439
}
8163
/* line 84, ../sass/_machines.scss */
8440
/* line 97, ../sass/_machines.scss */
8164 8441
.vms .items-list [data-status="shutting"] .status .logs, .vms .items-list [data-status="shutting"] .status .state {
8165 8442
  color: #666c6b;
8166 8443
}
8167
/* line 90, ../sass/_machines.scss */
8444
/* line 103, ../sass/_machines.scss */
8168 8445
.vms .items-list [data-status="starting"] .img-wrap .snf-PC_fill {
8169 8446
  color: #566db1;
8170 8447
}
8171
/* line 94, ../sass/_machines.scss */
8448
/* line 107, ../sass/_machines.scss */
8172 8449
.vms .items-list [data-status="starting"] .status .logs, .vms .items-list [data-status="starting"] .status .state {
8173 8450
  color: #566db1;
8174 8451
}
8175
/* line 100, ../sass/_machines.scss */
8452
/* line 113, ../sass/_machines.scss */
8176 8453
.vms .items-list [data-status="rebooting"] .img-wrap .snf-PC_fill {
8177 8454
  color: #ffc54a;
8178 8455
}
8179
/* line 104, ../sass/_machines.scss */
8456
/* line 117, ../sass/_machines.scss */
8180 8457
.vms .items-list [data-status="rebooting"] .status .logs, .vms .items-list [data-status="rebooting"] .status .state {
8181 8458
  color: #ffc54a;
8182 8459
}
8183
/* line 109, ../sass/_machines.scss */
8460
/* line 122, ../sass/_machines.scss */
8184 8461
.vms .items-list [data-status="building"] .btn5.temp, .vms .items-list [data-status="building"] .wizard .middle .step .os li .btn-col a.temp, .wizard .middle .step .os li .btn-col .vms .items-list [data-status="building"] a.temp, .vms .items-list [data-status="building"] .wizard .middle .step .flavor li .options-bar .options li a.temp, .wizard .middle .step .flavor li .options-bar .options li .vms .items-list [data-status="building"] a.temp {
8185 8462
  color: #5c8fe1;
8186 8463
  border-color: #5c8fe1;
......
8188 8465
  position: absolute;
8189 8466
  right: 0;
8190 8467
}
8191
/* line 117, ../sass/_machines.scss */
8468
/* line 130, ../sass/_machines.scss */
8192 8469
.vms .items-list [data-status="building"] .img-wrap .snf-PC_fill {
8193 8470
  display: block;
8194 8471
  overflow: hidden;
8195 8472
}
8196
/* line 121, ../sass/_machines.scss */
8473
/* line 134, ../sass/_machines.scss */
8197 8474
.vms .items-list [data-status="building"] .img-wrap .incomplete {
8198 8475
  color: #c7eae0;
8199 8476
  width: 60px;
8200 8477
}
8201
/* line 125, ../sass/_machines.scss */
8478
/* line 138, ../sass/_machines.scss */
8202 8479
.vms .items-list [data-status="building"] .img-wrap .complete {
8203 8480
  width: 0%;
8204 8481
  position: relative;
8205 8482
  top: -60px;
8206 8483
}
8207 8484

  
8208
/* line 137, ../sass/_machines.scss */
8485
/* line 150, ../sass/_machines.scss */
8209 8486
.vm .top .img-wrap {
8210 8487
  display: inline-block;
8211 8488
  height: 112px;
8212 8489
}
8213
/* line 141, ../sass/_machines.scss */
8490
/* line 154, ../sass/_machines.scss */
8214 8491
.vm .top .img-wrap .snf-PC_fill {
8215 8492
  font-size: 112px;
8216 8493
  color: #30c79e;
8217 8494
}
8218
/* line 146, ../sass/_machines.scss */
8495
/* line 159, ../sass/_machines.scss */
8219 8496
.vm .top .img-wrap.off .snf-PC_fill {
8220 8497
  color: #4a5158;
8221 8498
}
8222
/* line 151, ../sass/_machines.scss */
8499
/* line 164, ../sass/_machines.scss */
8223 8500
.vm .top .os {
8224 8501
  background: url("../images/os-unknown.png") no-repeat center center;
8225 8502
  width: 44px;
......
8232 8509
  left: 34px;
8233 8510
  top: 11px;
8234 8511
}
8235
/* line 158, ../sass/_machines.scss */
8512
/* line 171, ../sass/_machines.scss */
8236 8513
.vm .top .os.windows {
8237 8514
  background-image: url("../images/os-windows.png");
8238 8515
}
8239
/* line 159, ../sass/_machines.scss */
8516
/* line 172, ../sass/_machines.scss */
8240 8517
.vm .top .os.kubuntu {
8241 8518
  background-image: url("../images/os-kubuntu.png");
8242 8519
}
8243
/* line 160, ../sass/_machines.scss */
8520
/* line 173, ../sass/_machines.scss */
8244 8521
.vm .top .os.fedora {
8245 8522
  background-image: url("../images/os-fedora.png");
8246 8523
}
8247 8524

  
8248
/* line 167, ../sass/_machines.scss */
8525
/* line 180, ../sass/_machines.scss */
8249 8526
#vm-connect .info {
8250 8527
  font-style: italic;
8251 8528
  font-size: 0.8125em;
8252 8529
  color: #9e9ea1;
8253 8530
}
8254
/* line 172, ../sass/_machines.scss */
8531
/* line 185, ../sass/_machines.scss */
8255 8532
#vm-connect .ssh {
8256 8533
  text-align: center;
8257 8534
}
8258
/* line 174, ../sass/_machines.scss */
8535
/* line 187, ../sass/_machines.scss */
8259 8536
#vm-connect .ssh span {
8260 8537
  padding: 10px 30px;
8261 8538
  background: #30c79e;

Also available in: Unified diff