From b40ff4fb43ebaafad84a67a7fb877a3a6b219917 Mon Sep 17 00:00:00 2001 From: Tor Hveem Date: Wed, 16 Oct 2013 14:13:23 +0200 Subject: [PATCH] include a topbar with title --- css/glowingbear.css | 27 +++++++++++++++++++++++++-- index.html | 26 +++++++++++++++++--------- 2 files changed, 42 insertions(+), 11 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index d81ce61..827d5d8 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -89,7 +89,24 @@ input[type=text], input[type=password] { background: rgba(255,255,255,0.5); border-radius: 0; } -#sidebar, .panel { +#topbar { + position: fixed; + width: 100%; + height: 25px; + z-index: 1; +} + #topbar .brand { + height: 25px; + padding-left: 5px; + } + #topbar .brand img { + height: 25px; + } + #topbar .title { + padding-left: 14%; + } + +#topbar, #sidebar, .panel { background: #282828; } #sidebar { @@ -99,7 +116,11 @@ input[type=text], input[type=password] { height: 100%; min-width: 130px; overflow: auto; + padding-top: 35px; /* topbar */ } + #sidebar form { + padding-left: 5px; + } .content { height: 100%; min-height: 100%; @@ -111,7 +132,8 @@ input[type=text], input[type=password] { margin-left: 14%; width: auto; position: relative; - padding-bottom: 55px; + padding-bottom: 55px; /* bottom input */ + padding-top: 35px; /* topbar */ } .bufferlines .btn { font-family: sans-serif; @@ -125,6 +147,7 @@ input[type=text], input[type=password] { position: relative; min-height: 0; margin-left: 0; + height: auto; max-width: 100%; border: 0; } diff --git a/index.html b/index.html index 0f8d577..e57e91c 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@

- + logo glowing bear WeeChat web frontend @@ -125,20 +125,28 @@

+
+
+ brand +
+
+ {{ pageTitle}} +
+