Revision 03b3fa7e
b/ui/static/main.css | ||
---|---|---|
187 | 187 |
cursor: pointer; |
188 | 188 |
display: block; |
189 | 189 |
padding: 6px 24px; |
190 |
margin: 12px 0 12px -36px;
|
|
190 |
margin: 12px 0 20px -36px;
|
|
191 | 191 |
width: 125px; |
192 | 192 |
text-decoration: none; |
193 | 193 |
} |
... | ... | |
196 | 196 |
background-color: #a8c5f1; |
197 | 197 |
} |
198 | 198 |
|
199 |
#header .separator{
|
|
199 |
#header .fatborder{
|
|
200 | 200 |
height: 60px; |
201 | 201 |
background: #999; |
202 | 202 |
} |
... | ... | |
454 | 454 |
|
455 | 455 |
div.instance { |
456 | 456 |
clear: both; |
457 |
margin: 5px 0 0 -32px;
|
|
457 |
margin: -1px 0 0 -32px;
|
|
458 | 458 |
padding: 3px 4px 0; |
459 | 459 |
width: 523px; |
460 | 460 |
border: 1px dashed transparent; |
461 | 461 |
color: #666; |
462 |
height: 67px;
|
|
462 |
height: 65px;
|
|
463 | 463 |
} |
464 | 464 |
|
465 | 465 |
.instance a { |
... | ... | |
486 | 486 |
.actions { |
487 | 487 |
float: right; |
488 | 488 |
width: 70px; |
489 |
margin:-53px -75px 0 0;
|
|
489 |
margin:-60px -75px 0 0;
|
|
490 | 490 |
font-weight: normal; |
491 | 491 |
} |
492 | 492 |
|
... | ... | |
522 | 522 |
|
523 | 523 |
.instance img { |
524 | 524 |
float: left; |
525 |
margin: 0em 14px 0 14px;
|
|
525 |
margin: 7px 14px 0;
|
|
526 | 526 |
} |
527 | 527 |
|
528 | 528 |
div.ip, div.state { |
... | ... | |
864 | 864 |
background-color: #9d6d6a; |
865 | 865 |
} |
866 | 866 |
|
867 |
.instance .seperator { |
|
868 |
width: 508px; |
|
869 |
height: 1px; |
|
870 |
margin: 6px 0 0 15px; |
|
871 |
background-color: #DCDCDC; |
|
872 |
} |
|
873 |
|
|
867 | 874 |
.instance h5 { |
868 | 875 |
margin: 0px 60px 1px 84px; |
869 | 876 |
} |
870 | 877 |
|
871 | 878 |
.instance .settings { |
872 |
margin-top: 15px;
|
|
879 |
margin-top: 22px;
|
|
873 | 880 |
} |
874 | 881 |
|
b/ui/templates/home.html | ||
---|---|---|
22 | 22 |
<a href="/" class="logo"> |
23 | 23 |
<img src="static/nefo.png" alt="+nefo"/> |
24 | 24 |
</a> |
25 |
<div class='separator'></div>
|
|
25 |
<div class='fatborder'></div>
|
|
26 | 26 |
</div> |
27 | 27 |
<!-- tabs --> |
28 | 28 |
<ul class="css-tabs"> |
b/ui/templates/instances.html | ||
---|---|---|
20 | 20 |
<div class="indicator"></div> |
21 | 21 |
<div class="indicator"></div> |
22 | 22 |
</div> |
23 |
<img class="logo" src="static/machines/ubuntu.png" />
|
|
23 |
<img class="logo" src="path/to/logos" />
|
|
24 | 24 |
<a href="#" class="name"> |
25 | 25 |
<h5>Hostname: <span class="name">node.name</span><span class="rename"></span></h5> |
26 | 26 |
</a> |
... | ... | |
35 | 35 |
<a href="#" class="action">Shutdown</a> |
36 | 36 |
<a href="#" class="more">more …</a> |
37 | 37 |
</div> |
38 |
<div class="seperator"></div> |
|
38 | 39 |
</div> |
39 | 40 |
|
40 | 41 |
<div class="running"></div> |
Also available in: Unified diff