1 files changed, 134 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css
new file mode 100644
index 0000000..2690b1f
--- /dev/null
+++ b/public/css/style.css
@@ -0,0 +1,134 @@
+/* Ensure sane defaults */
+
+body {
+  padding: 0;
+  margin: 0;
+}
+
+/* Top-level layout */
+.side {
+  float: right;
+}
+#main {
+  overflow: hidden;
+}
+
+#mask {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: #333;
+  opacity: .8;
+  -moz-transition: opacity 1s linear;
+  -o-transition: opacity 1s linear;
+  -webkit-transition: opacity 1s linear;
+  transition: opacity 1s linear;
+  top: 0;
+}
+
+body, #main, #status, .side {
+  min-height: 40px;
+}
+
+body {
+  min-width: 1350px;
+}
+
+#status {
+  width: 100%;
+  font-size: smaller;
+}
+
+/* Columns */
+
+.med {
+  width: 400px;
+}
+
+.thin {
+  width: 250px;
+}
+
+#main, .side {
+  font-size: smaller;
+}
+
+/* Titles */
+h3 {
+  margin: 0.3em 0.8em;
+}
+
+/* Loadinfo panel */
+
+#loadinfo {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  width: 647px;
+  height: 400px;
+  border: 1px grey solid;
+  margin: auto;
+  background-color: #fff;
+  padding: 20px;
+}
+
+/* Hide charts while loadinfo is shown */
+
+.vis-hide {
+  display: none;
+  opacity: 0;
+}
+
+/* Loading bars */
+.progressbar {
+  margin: 10px 0;
+  padding: 3px;
+  border: 1px solid #000;
+  font-size: 14px;
+  clear: both;
+  opacity: 0;
+}
+
+.progressbar.loading {
+  opacity: 1.0;
+}
+
+.progressbar .percent {
+  background-color: #99ccff;
+  height: auto;
+  width: 0;
+  white-space: nowrap;
+}
+
+/* Stat chart */
+
+#stat-chart svg g g.column .border-line {
+  fill: none;
+  stroke: #ccc;
+  opacity: .5;
+  shape-rendering: crispEdges;
+}
+
+/* User list */
+
+#users-status {
+  padding: 0;
+}
+
+#users-status li.user {
+  list-style: none;
+}
+
+/* Utility */
+.fader {
+  -moz-transition: opacity 1s linear;
+  -o-transition: opacity 1s linear;
+  -webkit-transition: opacity 1s linear;
+  transition: opacity 1s linear;
+}
+
+.help {
+  cursor: help;
+}