From 01bd93484ec14cfc3f96d54376392e5bd3222f1f Mon Sep 17 00:00:00 2001
From: godofdream <soilfiction@gmail.com>
Date: Tue, 14 Aug 2012 14:06:26 +0200
Subject: Layout changes img to div

---
 module/web/static/css/default/style.css | 33 +++++++++++++++++++++++++++++++--
 module/web/templates/default/base.html  | 16 ++++++++--------
 2 files changed, 39 insertions(+), 10 deletions(-)

(limited to 'module/web')

diff --git a/module/web/static/css/default/style.css b/module/web/static/css/default/style.css
index 455947581..0385af496 100644
--- a/module/web/static/css/default/style.css
+++ b/module/web/static/css/default/style.css
@@ -129,15 +129,40 @@ header .logo {
     margin: 12px 12px 0;
     font-family: SansationRegular, sans-serif;
 }
-.icon_info {
+.header_icon {
     padding-bottom: 5px;
+	padding-left: 24px;
+	height: 20px;
 }
 
-.icon_info img {
+.header_icon img {
     margin-bottom: -4px;
     padding-right: 5px;
 }
 
+.header_block {
+    float: right;
+    margin: 12px 12px 0;
+    font-family: SansationRegular, sans-serif;
+}
+.header_text {
+	vertical-align: middle;
+}
+#header_div_logout {
+	text-align: center;
+	padding-left: 2px;
+}
+#header_div_user {
+	background: url("../../img/default/icon_user_small_white.png")no-repeat;
+}
+#header_div_speed {
+	background: url("../../img/default/icon_speed_small_white.png")no-repeat;
+}
+#header_div_downloads{
+	background: url("../../img/default/icon_clock_small_white.png")no-repeat;
+}
+
+
 #notification_div {
     position: absolute;
     left: 50%;
@@ -172,6 +197,7 @@ header .logo {
 .login input, .login div{
     padding: 3px;
 }
+
 .login_submit input {
 	padding: 5px 15px;
 }
@@ -184,6 +210,9 @@ header .logo {
 .login_user  span, .login_password span{
 	margin-right: 5px;
 }
+.login_user  input, .login_password input{
+	width: 150px;
+}
 /*
     Footer
 */
diff --git a/module/web/templates/default/base.html b/module/web/templates/default/base.html
index e1fe81f1b..64bb3294a 100644
--- a/module/web/templates/default/base.html
+++ b/module/web/templates/default/base.html
@@ -33,20 +33,20 @@
             </div>
 
             <div class="header_block">
-                <div class="icon_info">
-                    <img src="static/img/default/icon_user_small_white.png" height="20px"/><span>{{ user.name }}</span>
+                <div class="header_icon" id="header_div_user">
+                    <span class="header_text" id="header_user">{{ user.name }}</span>
                 </div>
-                <div class="icon_info" style="text-align: center">
-                    <a href="logout">Logout</a>
+                <div class="header_icon" id="header_div_logout">
+                    <a href="logout" id="header_logout">{{ _("Logout")}}</a>
                 </div>
             </div>
             <div id="speedgraph"></div>
             <div class="header_block">
-                <div class="icon_info">
-                    <img src="static/img/default/icon_speed_small_white.png" height="20px"/><span>500 kb/s</span>
+                <div class="header_icon" id="header_div_speed">
+                    <span class="header_text" id="header_speed">500 kb/s</span>
                 </div>
-                <div class="icon_info">
-                    <img src="static/img/default/icon_clock_small_white.png" height="20px"/><span>5 / 125</span>
+                <div class="header_icon" id="header_div_downloads">
+                    <span class="header_text" id="header_downloads">5 / 125</span>
                 </div>
             </div>
             {% endif %}
-- 
cgit v1.2.3