Add separation between software and instance buttons in menu

7ee0d7a5 · Alain Takoudjou · Cédric de Saint Martin · 3da63a72 · 3da63a72 · 7ee0d7a5
Commit 7ee0d7a5 authored Oct 20, 2011 by Alain Takoudjou Committed by Cédric de Saint Martin Oct 20, 2011
7 changed files
--- a/slapos/runner/static/images/footer.png
+++ b/slapos/runner/static/images/footer.png
--- a/slapos/runner/static/images/head.png
+++ b/slapos/runner/static/images/head.png
--- a/slapos/runner/static/images/main_bg.png
+++ b/slapos/runner/static/images/main_bg.png
--- a/slapos/runner/static/images/settings2.png
+++ b/slapos/runner/static/images/settings2.png
--- a/slapos/runner/static/images/software.png
+++ b/slapos/runner/static/images/software.png
--- a/slapos/runner/static/styles.css
+++ b/slapos/runner/static/styles.css
@@ -19,7 +19,7 @@ a:visited {
 }

 textarea {
-	width:742px;
+	width:762px;
 }

 body {
@@ -31,7 +31,7 @@ body {
 #page
 {
 	margin: 20px auto;
-	width: 825px;        
+	width: 847px;        
 }

 #logo{
@@ -41,7 +41,7 @@ body {
 #header{
    height: 92px;
    padding-top: 18px;
-    width: 825px;
+    width: 847px;
    background: url(images/head.png) no-repeat;
 }

@@ -80,24 +80,44 @@ body {
    height: 35px;
 }

+.space{
+    margin-left: 18px;
+}
+
 .wmenu li{
    float:left;
    background: url(images/sep.png) left center no-repeat;
 }

-.wmenu li .title{
+.wmenu li .title_software{
    float:left;
-    background: url(images/menu_dropdown.png) left center no-repeat;
+    background: url(images/software.png) left center no-repeat;
    font-size:14px;
    font-weight:bold;
    color:#0271BF;
    padding:8px;
-    padding-left: 18px;
+    padding-left: 20px;
    padding-right: 5px;
    margin-left:4px;
    height: 20px;
+    text-shadow:1px 1px 0 #F8F8F8;
 }

+.wmenu li .title_instance{
+    float:left;
+    background: url(images/settings2.png) left center no-repeat;
+    font-size:14px;
+    font-weight:bold;
+    color:#0271BF;
+    padding:8px;
+    padding-left: 20px;
+    padding-righclass="title_instance"t: 5px;
+    height: 20px;
+    margin-left:2px;
+    text-shadow:1px 1px 0 #F8F8F8;
+}
+
+
 .wmenu ul li a{
    display:block;    
    height: 20px;
@@ -120,7 +140,7 @@ body {
    padding:10px;
    padding-left: 40px;
    padding-right: 40px;
-    width: 745px;
+    width: 767px;
 }

 #main h2{
@@ -133,7 +153,7 @@ body {

 #footer{
    height: 40px;
-    width: 745px;
+    width: 767px;
    background: url(images/footer.png) no-repeat;
    padding-left: 40px;
    padding-right: 40px;

--- a/slapos/runner/templates/layout.html
+++ b/slapos/runner/templates/layout.html
-<!doctype html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

@@ -28,14 +28,14 @@
                </div>
                <div class="wmenu">
                    <ul>
-                        <li><span class="title">Software</span></li>
+                        <li><span class="title_software">Software</span></li>
 			<li><a href="{{ url_for('editSoftwareProfile') }}">Edit</a></li>
 			<li><a href="{{ url_for('runSoftwareProfile') }}">Run</a></li>
 			<li><a href="{{ url_for('viewSoftwareLog') }}">Build log</a></li>
 			<li><a href="{{ url_for('inspectSoftware') }}">Inspect</a></li>
 			<li><a href="{{ url_for('removeSoftware') }}">Remove</a></li>

-                        <li><span class="title">Instance</span></li>
+                        <li class="space"><span class="title_instance">Instance</span></li>
 			<li><a href="{{ url_for('editInstanceProfile') }}">Edit</a></li>
 			<li><a href="{{ url_for('runInstanceProfile') }}">Run</a></li>
 			<li><a href="{{ url_for('viewInstanceLog') }}">Build log</a></li>