diff options
Diffstat (limited to 'public/css/style.css')
-rw-r--r-- | public/css/style.css | 134 |
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; +} |