From c3d6c25e52e37d772286f293f94a5dd7e1059529 Mon Sep 17 00:00:00 2001
From: François Schmidts <francois.schmidts@gmail.com>
Date: Wed, 27 Jan 2016 17:14:23 +0100
Subject: redoing UI and finishing up sidebar

---
 src/web/static/css/one-page-app.css | 82 +++++++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 src/web/static/css/one-page-app.css

(limited to 'src/web/static/css/one-page-app.css')

diff --git a/src/web/static/css/one-page-app.css b/src/web/static/css/one-page-app.css
new file mode 100644
index 00000000..5a3444c2
--- /dev/null
+++ b/src/web/static/css/one-page-app.css
@@ -0,0 +1,82 @@
+#menu {
+  position: fixed;
+  top: 51px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 1000;
+  display: block;
+  padding: 10px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background-color: #F5F5F5;
+  border-right: 1px solid #EEE;
+  color: #555;
+}
+#menu div.nav.btn-group {
+  margin-bottom: 10px;
+}
+#menu li {
+  padding: 2px;
+  cursor: pointer;
+  border-radius: 6px;
+}
+#menu li.nav-feed {
+  margin-left: 15px;
+  margin-bottom: 3px;
+  max-height: 22px;
+  overflow: hidden;
+}
+#menu li.nav-feed > span.badge {
+  top: 2px;
+  position: absolute;
+  right: 2px;
+}
+#menu li.nav-feed > span.title {
+  margin-left: 3px;
+}
+#menu li.bg-primary.bg-danger {
+  color: #fff;
+  background-color: orangered;
+}
+#menu li.bg-primary.bg-warning {
+  color: #fff;
+  background-color: gold;
+}
+#menu li:hover {
+  color: #000;
+  background-color: #e8e8e8;
+}
+#menu li.bg-primary:hover {
+  color: #fff;
+  background-color: #62a9e6;
+}
+#menu li.bg-warning:hover {
+  background-color: #f3f0da;
+}
+#menu li.bg-danger:hover {
+  background-color: #f6cab6;
+}
+#menu li > h4 {
+  padding-left: 5px;
+  margin: 2px;
+  display: inline;
+}
+#middle-panel {
+  padding-left: 20px;
+  padding-top: 10px;
+  padding-right: 20px;
+  position: fixed;
+  top: 51px;
+  bottom: 0px;
+  left: 0px;
+  z-index: 1000;
+  display: block;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background-color: #F5F5F5;
+  border-right: 1px solid #EEE;
+}
+#middle-panel .btn-group {
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
-- 
cgit