diff options
author | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-05-30 16:23:10 +1200 |
---|---|---|
committer | Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace> | 2013-05-30 16:23:10 +1200 |
commit | 535e53f360b90a188c3567a30e56afeca6121761 (patch) | |
tree | 73ac81feca3083e8e8039d7d8dcade97e30d9667 /public/css/style.css | |
parent | d7634e357e7410484d1e31f3db84fb4f51fdc9c7 (diff) | |
download | manavis-535e53f360b90a188c3567a30e56afeca6121761.tar.gz manavis-535e53f360b90a188c3567a30e56afeca6121761.tar.bz2 manavis-535e53f360b90a188c3567a30e56afeca6121761.tar.xz manavis-535e53f360b90a188c3567a30e56afeca6121761.zip |
Adjust loading screen layout
This should make the distinction between loading own files and using the
latest dataset clearer.
The equal height psuedo-columns could be applicable to the chart columns too.
Generic column layout based on:
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/demo/backgrounds.html
Diffstat (limited to 'public/css/style.css')
-rw-r--r-- | public/css/style.css | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/public/css/style.css b/public/css/style.css index cb3ee03..cf418eb 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -44,6 +44,36 @@ body { /* Columns */ +/* General column utility */ +.column-container { + position: relative; + overflow: hidden; + z-index: 1; +} +.column-container > div { + position: relative; + float: left; +} + +/* Separators between columns */ +.column-container-separated > div:first-child:before, .column-container-separated > div:first-child:after { + content: ""; + display: block; + position: absolute; + z-index: 1; + top: 0; bottom: -800%; left:-6%; + width: 2px; + border: 1px solid #555; + border-width: 0 1px; + margin: 0 0 0 -2px; + background: #fff; +} +.column-container-separated > div:first-child:after { + left: auto; right: -6%; + margin: 0 -2px 0 0; +} + +/* Top-level column widths */ .med { width: 400px; } @@ -74,6 +104,31 @@ h3 { padding: 20px; } +#loadinfo-online-desc { + border:1px solid gray; + border-width: 0 0 1px 0; + padding: 1em; +} + +/* Loadinfo columns */ +.loader-column-container { + background: rgb(226, 235, 253); +} +.loader-column-container:after { + content:""; + display:block; + position:absolute; + z-index:-1; + top:0; right:0; bottom:0; + left:50%; + background: rgb(247, 250, 193); +} + +.loader-column-container > div { + width: 45%; + margin: 0 2.5% 1em 2.5%; +} + /* Hide charts while loadinfo is shown */ .vis-hide { |