From fa2fb0957dee3379eefe6c2029f57f3dce97e07f Mon Sep 17 00:00:00 2001 From: David Cormier Date: Sat, 5 Oct 2013 12:40:01 -0400 Subject: [PATCH] Push command textbox at the bottom of the screen --- css/glowingbear.css | 36 +++++++++++++ index.html | 123 +++++++++++++++++++++++--------------------- 2 files changed, 99 insertions(+), 60 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index 26fd773..fbc4f34 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -1,3 +1,39 @@ +html, +body { + height: 100%; +/* The html and body elements cannot have any padding or margin. */ +} + +/* Wrapper for page content to push down footer */ +#wrap { + min-height: 100%; + height: auto !important; + height: 100%; + /* Negative indent footer by it's height */ + margin: 0 auto -25px; +} + +/* Set the fixed height of the footer here */ +#push, +#footer { + height: 25px; +} + +input#sendMessage { + border: 0; + width: 100%; +} + +/* Lastly, apply responsive CSS fixes as necessary */ +@media (max-width: 767px) { + #footer { + margin-left: -20px; + margin-right: -20px; + padding-left: 20px; + padding-right: 20px; + } +} + body { font-family: monospace; background-color: black; diff --git a/index.html b/index.html index cff9d3d..a7c9faa 100644 --- a/index.html +++ b/index.html @@ -10,70 +10,73 @@ - -
-
-
- Connection -
- Oh no! We cannot connect! -
-
- -
- + +
+
+
+ + Connection +
+ Oh no! We cannot connect!
-
-
- -
- +
+ +
+ +
-
-
- -
- +
+ +
+ +
-
-
-
- +
+ +
+ +
-
- -
-
- - - {{ content.full_name }} - -
- {{ bufferline.timestamp | date: 'h:mm:ss'}} - - {{ part.text }} - - -
-
- Hide additional content -
- +
+
+ +
- - -
- - - +
-
- - -
-
-
- + +
+ + {{ content.full_name }} + +
+ {{ bufferline.timestamp | date: 'h:mm:ss'}} + + {{ part.text }} + + + +
+
+ + +
+
+
+ +