From 1f4579748c9e3f81261924e55896966a72a813bd Mon Sep 17 00:00:00 2001 From: Tor Hveem Date: Fri, 11 Oct 2013 00:51:18 +0200 Subject: [PATCH] Use sidebar instead of top nav --- css/glowingbear.css | 36 +++++++++++++++++++++++++++++++----- index.html | 27 ++++++++++----------------- 2 files changed, 41 insertions(+), 22 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index 4b2f2b8..35ef967 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -37,28 +37,54 @@ input#sendMessage { body { color: white; background-color: #222; - padding-left: 5px; + padding-left: 0; padding-right: 5px; padding-bottom:70px; - padding-top: 70px; } input#sendMessage { border: 0; width: 100%; } +#sidebar { + position: fixed; + width: 12%; + min-height: 100%; + height: 100%; + min-width: 130px; + overflow: auto; + background: #282828; +} .content { height: 100%; min-height: 100%; - display: block; } .bufferlines { font-family: monospace; overflow-y: auto; + margin-left: 14%; + width: auto; + position: relative; } .navbar-fixed-bottom { - margin: 0 5px 0 5px; + margin: 0 5px 0 14%; +} +@media (max-width: 968px) { + #sidebar, .bufferlines { + position: relative; + min-height: 0; + margin-left: 0; + max-width: 100%; + border: 0; + } + #sidebar { + width: 100%; + text-align: center; + } + .navbar-fixed-bottom { + margin: 0 5px 0 5px; + } } .color-light-green { color: chartreuse; @@ -118,4 +144,4 @@ input#sendMessage { li.notification { color: green; -} \ No newline at end of file +} diff --git a/index.html b/index.html index cca5197..f974d49 100644 --- a/index.html +++ b/index.html @@ -19,23 +19,6 @@ -

@@ -87,6 +70,16 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel

+