diff options
Diffstat (limited to 'module/web')
| -rw-r--r-- | module/web/static/css/default/style.css | 33 | ||||
| -rw-r--r-- | module/web/templates/default/base.html | 16 |
2 files changed, 39 insertions, 10 deletions
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 %}
|