Revision 198b546d snf-cyclades-app/synnefo/ui/static/snf/css/main.css

b/snf-cyclades-app/synnefo/ui/static/snf/css/main.css
2537 2537
}
2538 2538

  
2539 2539
.icon .spinner {
2540
    margin: 20px 4px 0 15px !important;
2540
    margin: 33px 4px 0 15px !important;
2541 2541
}
2542 2542

  
2543 2543
.single .state .spinner {
......
4110 4110

  
4111 4111
.icon .wave {
4112 4112
    margin-right: 4px !important;
4113
    margin-top: 15px !important;
4113
    margin-top: 33px !important;
4114 4114
}
4115 4115

  
4116 4116
.icon .status {
......
4127 4127
}
4128 4128

  
4129 4129
.icon div.action-indicator {
4130
    margin-top: 14px;
4130
    margin-top: 30px;
4131 4131
    margin-right: 4px;
4132 4132
}
4133 4133

  
......
5233 5233
}
5234 5234

  
5235 5235
#network-vms-select-content .empty-list {
5236
  font-size: 1.2em;
5236
  font-size: 1.2em !important;
5237 5237
}
5238 5238

  
5239 5239
#network-vms-select-content li.options-object .value {
......
5498 5498
    border-top: 0px;
5499 5499
}
5500 5500

  
5501
.no-project-notice {
5502
  float: right;
5503
  font-size: 0.9em;
5504
  color: #800;
5505
  padding: 10px;
5506
}
5507

  
5501 5508
.form-action {
5502 5509
    float: right;
5503 5510
    min-width: 140px;
......
5618 5625
    margin: 15px;
5619 5626
}
5620 5627

  
5628
.create-vm .step-cont .project-select {
5629
  height: 44px;
5630
}
5631

  
5632
.create-vm .step-cont .project-select select {
5633
  width: 100%;
5634
  margin-bottom: 10px;
5635
  padding: 3px;
5636
  background-color: #eee;
5637
  color: #444;
5638
  border: 1px solid #8FBCD1;
5639
}
5640

  
5641
.create-vm .step-cont .project-select option {}
5642

  
5621 5643
.create-vm .create-step-cont {
5622 5644
    min-height: 250px;
5623 5645
    float: left;
......
6371 6393

  
6372 6394
.create-vm .personalize-cont,
6373 6395
.create-vm .confirm-cont {
6374
    height: 250px;
6396
    height: 290px;
6375 6397
}
6376 6398

  
6377 6399
.create-vm .image-warning p {
......
6584 6606
}
6585 6607

  
6586 6608
.create-vm .network-select {
6587
  height: 278px;
6609
  height: 310px;
6588 6610
  overflow-y: scroll;
6589 6611
  padding-right: 10px;
6590 6612
}
......
6793 6815
.pane-view .collection-list-view .model-view .main-content .state-indicator {
6794 6816
  width: 50px;
6795 6817
  position: absolute;
6796
  top: 30px;
6818
  top: 46px;
6797 6819
  right: 5px;
6798 6820
}
6799 6821

  
......
6847 6869
  width: 182px;
6848 6870
}
6849 6871

  
6872
.ips .model-item .actions-content.inline {
6873
  right: -180px;
6874
}
6875

  
6850 6876
.pane-view .collection-list-view .model-view .main-content .actions-content {
6851 6877
  width: 80px;
6852 6878
  float: left;
......
6879 6905

  
6880 6906
.collection .empty-list {
6881 6907
  padding: 10px;
6908
  padding-top:6px;
6909
  padding-left: 0;
6882 6910
  font-size: 0.8em;
6883 6911
  color: #333;
6884 6912
}
......
7091 7119
/* end vm sprites */
7092 7120

  
7093 7121
/* ips */
7122
#ips-list-view .inline.ports.nested-model-list {
7123
  width: 280px;
7124
}
7125

  
7094 7126
.ip-port-view .title {
7095 7127
  width: 100%;
7096 7128
}
......
7559 7591
  cursor: pointer;
7560 7592
}
7561 7593

  
7594
.select-item.disabled {
7595
  background-color: #aaa !important;
7596
  color: #eeeeee;
7597
}
7598

  
7562 7599
.select-item.selected {
7563 7600
  background-color: #FF7F2A;
7564 7601
}
......
7644 7681
  margin-top: 3px;
7645 7682
}
7646 7683

  
7684
#project-select-content .select-item .name {
7685
  width: 100% !important;
7686
  float: none;
7687
}
7688

  
7647 7689
.select-item .name {
7648 7690
  float: left;
7649 7691
  width: 90%;
......
7658 7700
  float: left;
7659 7701
  width: 5%;
7660 7702
}
7703

  
7704

  
7705
#ips-create-content .form-actions {
7706
  margin-top: -23px;
7707
}
7708

  
7709
.project-name-cont:hover {
7710
  color: #444;
7711
}
7712

  
7713
.project-name-cont {
7714
  cursor: pointer;
7715
  position: absolute;
7716
  top: 40px;
7717
  font-weight: normal;
7718
  right: 5px;
7719
  padding: 3px 6px;
7720
  font-size: 11px;
7721
  color: #222;
7722
}
7723

  
7724
.icon .machine-data {
7725
  position: relative;
7726
}
7727

  
7728
.icon .machine-data .project-name-cont {
7729
  top: 48px; 
7730
}
7731

  
7732
.main-content-inner {
7733
  min-height: 70px;
7734
}
7735

  
7736

  
7737
.project.select-item .checkbox {
7738
  margin-top: 10px;
7739
}
7740

  
7741
select .resource-key,
7742
select .resource-value,
7743
.project.select-item.disabled .quota .resource-key,
7744
.project.select-item.disabled .quota .resource-value {
7745
  color: #ddd;
7746
}
7747

  
7748
option.project.select-item.selected {
7749
  background-color: transparent;
7750
}
7751

  
7752
.project.select-item.selected {
7753
  background-color: #74AEC9;
7754
}
7755

  
7756
.project.select-item.selected .quota .resource-key {
7757
  color: #fff;
7758
}
7759

  
7760
.project.select-item .quota .resource-key {
7761
  color: #444;
7762
  margin-right: 5px;
7763
}
7764

  
7765
.project.select-item .quota .resource-value {
7766
  margin-right: 20px;
7767
  display: inline-block;
7768
}
7769

  
7770
.project.select-item .quota .resource-value {
7771
}
7772

  
7773
.project.select-item {
7774
  padding: 5px 0;
7775
  position: relative;
7776
}
7777

  
7778
.project.select-item .quota {
7779
  margin-top: 5px;
7780
  font-size: 0.9em;
7781
}
7782

  
7783
.project.select-item .current {
7784
  position: absolute;
7785
  right: 5px;
7786
  top: 2px;
7787
  font-size: 0.9em;
7788
  padding: 4px;
7789
  display: none;
7790
  color: #444;
7791
}
7792

  
7793
.project.select-item.selected .current {
7794
  background-color: #74AEC9;
7795
  color: #FFF;
7796
}
7797

  
7798
.model-item.current .project.select-item .current {
7799
  display: block;
7800
}
7801

  
7802

  
7803
.project.select-item.current {
7804
  background-color: #C7DEE9;
7805
}

Also available in: Unified diff