Revision 0c43c024

b/ui/src/synnefo/static/alt-main.css
29 29

  
30 30
/* root element for tabs  */
31 31
ul.css-tabs {
32
	margin:0 0 0 -4em !important; 
32
	margin: 0; 
33
    padding: 0;
33 34
	height:1.5em;
34 35
    font-size:2em;	
35 36
    overflow: hidden; 	
......
39 40
ul.css-tabs li {  
40 41
	float:left;	 
41 42
	padding:0; 
42
	margin: 0 -4em 0 0;  
43
	margin: 0;  
43 44
	list-style-type:none;	
44 45
}
45 46

  
......
48 49
	float:left;
49 50
	font-size:1em;
50 51
	display:block;
51
	padding:.6em 3em 0;	
52
	padding:.6em 1em 0;	
52 53
	text-decoration:none;
53 54
	height:1.5em;
54 55
	color:#d2d2d2;
......
58 59
}
59 60

  
60 61
ul.css-tabs a:hover {
61
    color: #666;
62 62
    margin-top:0em
63 63
}
64 64
	
65 65
/* selected tab */
66 66
ul.css-tabs a.current {
67
    color: #D4AA00;
67
    color: #87aade;
68 68
	cursor:default;
69 69
    margin-top:0em
70 70
}
71 71

  
72 72
/* tab pane */
73 73
div.css-panes {
74
    border-top: 10px solid #D4AA00;  
74
    border-top: 10px solid #87aade;  
75 75
    background: white;
76 76
}
77 77

  
......
117 117
}
118 118

  
119 119
#create {
120
    background-color: #D4AA00;
121
    color: #725b00;
120
    background-color: #87aade;
121
    color: #162d50;
122 122
    cursor: pointer;
123 123
    display: block;
124
    padding: .7em 1.5em;
124
    padding: 0.7em .4em 0.7em 2.2em;
125 125
    margin-top: 1em;
126
    width: 10em;
126
    width: 9em;
127 127
    text-decoration: none;
128 128
    margin-left: -2.3em;
129 129
}
......
445 445
}
446 446

  
447 447
.instance a {
448
    color: #666;
448
    color: #6892d2;
449 449
    font-weight: normal;
450 450
    text-decoration: none;
451 451
    font-size: .8em;
......
491 491

  
492 492
.instance:hover {
493 493
    border: 1px dotted transparent;
494
    background-color:#EBEBEB;
494
    background-color:#c6c6c6;
495 495
    color: black;
496 496
}
497 497

  
b/ui/src/synnefo/templates/home.pt
5 5
	<title>$project</title>
6 6
	<!-- include the Tools -->
7 7
	<script src="static/jquery.tools.min.js"></script>
8
	<link rel="stylesheet" type="text/css" href="static/main.css"/>	
8
	<link rel="stylesheet" type="text/css" href="static/alt-main.css"/>	
9 9
</head>
10 10

  
11 11
<body>
12 12
    <div id="wrapper">
13
        <div id='nefo'><img src="static/nefo.png"/></div>
13
        <div id='nefo'><a href="/" class="logo"><img src="static/nefo.png"/></a></div>
14 14
        <div id="header">
15 15
            <div id="about">Greek Research and Technology Network - Cloud management web interface</div>
16 16
            <a href="/" class="logo">
......
33 33
    </div>
34 34
    <!-- activate tabs with JavaScript -->
35 35
    <script>
36
		$(function() {
37
			$('ul.css-tabs li').hover(function(){
38
				$(this).find('a').animate({top:'-3px'},{queue:false,duration:150});
39
			}, function(){
40
				$(this).find('a').animate({top:'0px'},{queue:false,duration:150});
41
			});
42
		});
36 43
        $(function() {
37 44
	        $("ul.css-tabs").tabs("div.css-panes div.pane", {	
38 45
		        effect: 'ajax',
b/ui/src/synnefo/templates/instances.pt
1 1

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

  
4 4
<div class="instance running" tal:repeat="node nodes">
5 5

  

Also available in: Unified diff