Revision e690c75d

b/ui/static/alt-main.css
148 148

  
149 149
/* tab pane */
150 150
div.css-panes {
151
    border-top: 10px solid #87aade;
152
    border-bottom: 10px solid #87aade;  
151
/*    border-top: 10px solid #87aade;
152
    border-bottom: 10px solid #87aade;  */
153 153
    background: white;
154 154
}
155 155

  
......
199 199
    cursor: pointer;
200 200
    display: block;
201 201
    padding: 6px 24px;
202
    margin: 10px 0 10px -37px;
202
    margin: 12px 0 12px -36px;
203 203
    width: 125px;
204 204
    text-decoration: none;
205
    border:1px solid #bfd2ed;
206 205
}
207 206

  
208 207
#create:hover {
209
    background-color: #a3bbc5;
210
    border-color: #a3bbc5;
208
    background-color: #a8c5f1;
211 209
}
212 210

  
213 211
div#header {
......
538 536
    margin: 0 -75px 0 0;
539 537
    font-weight: normal;
540 538
    height: 67px;
541

  
542 539
}
543 540

  
544 541
.actions a {
......
597 594
    border-bottom: 2px solid white;
598 595
    border-left: 2px solid white;
599 596
    border-right: 3px solid white;
600
    background-color: #86a9dd;
597
    background-color: #87AADE;
601 598
}
602 599

  
603 600
.instance:hover .indicator {  
......
605 602
}
606 603

  
607 604
.terminated {
608
    opacity: .6;
609 605
    margin-bottom: 25px;
606
    opacity: 0.6;
610 607
}
611 608

  
612 609
.instance:hover div.uptime, .instance:hover a.rename, .instance:hover a.configure {
......
655 652
    border: 1px solid #87AADE;
656 653
    color: #FFFFFF;
657 654
    cursor: pointer;
658
    padding: 7px 12px;
655
    padding: 4px 25px;
659 656
}
660 657

  
661 658
button.next {
......
679 676
    display: block;
680 677
}
681 678

  
682
a#list, a#standard {
679
div#view-select {
683 680
    float: right;
684 681
    clear: both;
685 682
    color: white;
686
    text-decoration: none;
687
    margin-top: -60px;
683
    margin-top: -62px;
688 684
    margin-right: -36px;
689 685
    font-size: 9pt;
690 686
    background-color: #87aade;
691 687
    padding: 5px 10px;
692 688
}
693 689

  
694
a#standard {
695
    margin-top: -65px;
690
a#standard, a#list {
691
    text-decoration: none;
696 692
}
697 693

  
698 694
div.instance-type {
......
825 821
    text-decoration: none;
826 822
}
827 823

  
828
div.seperator {
829
    background-color: #86a9dd;
824
.seperator {
825
    background-color: #87AADE;
830 826
    height: 10px;
827
    width: 700px;
828
    margin: 0 0 0 -36px;
829
}
830

  
831
#mini.seperator {
831 832
    width: 538px;
832 833
    margin: 20px 0 25px -36px;
833 834
}
834 835

  
835
.list .seperator {
836
    margin-left: -36px;
836
#disks.seperator {
837
    background-color: #dea842;
838
}
839

  
840
#images.seperator {
841
    background-color: #87a06d;
842
}
843

  
844
#networks.seperator {
845
    background-color: #9d6d6a;
837 846
}
b/ui/templates/alt_instances.html
1
<div id="instances" class="seperator"></div>
2

  
1 3
<a id="create" rel="#wizard" href="#">Create New +</a>
2 4

  
5
<div id="view-select">
6
    <a id="standard" class="current" href="/">#</a>
7
    |
8
    <a id="list" href="/instances/list">=</a>
9
</div>
10

  
3 11
<div id="instancesview" class="standard">
4
    <a id="list" href="/instances/list">list view</a>
5 12
    <div class="running">
6 13
        {% for node in nodes %}
7 14
            {% if node.state == '3' %} 
......
34 41
            {% endif %}
35 42
        {% endfor %}
36 43
    </div>
37
    <div class="seperator"></div>
44
    <div id="mini" class="seperator"></div>
38 45
    <div class="terminated">
39 46
        {% for node in nodes %}
40 47
            {% if node.state == '0' %}
......
69 76
    </div>
70 77
</div>
71 78

  
79
<div id="instances" class="seperator"></div>
80

  
72 81
<!-- the form -->
73 82
<form action="#">
74 83
	<!-- scrollable root element -->
b/ui/templates/disks.html
1
disks
1
<div id="disks" class="seperator"></div>
2

  
3
The disks
4

  
5
<div id="disks" class="seperator"></div>
b/ui/templates/images.html
1
<div id="images" class="seperator"></div>
2

  
1 3
images
4

  
5
<div id="images" class="seperator"></div>
b/ui/templates/list.html
1 1
<div id="instancesview" class="list">
2
    <a id="standard" href="/">standard view</a>
3 2
    <div class="actions">
4 3
        <a>Start</a>
5 4
        <a>Reboot</a>
......
34 33
            {% endif %}
35 34
        {% endfor %}
36 35
    </div>
37
    <div class="seperator"></div>
36
    <div id="mini" class="seperator"></div>
38 37
    <div class="inactive">
39 38
        {% for node in nodes %}
40 39
            {% if node.state == '0' %}
b/ui/templates/networks.html
1
<div id="networks" class="seperator"></div>
2

  
1 3
networks
4

  
5
<div id="networks" class="seperator"></div>

Also available in: Unified diff