diff options
Diffstat (limited to 'public-src/jarmon-style/style.scss')
| -rw-r--r-- | public-src/jarmon-style/style.scss | 208 |
1 files changed, 104 insertions, 104 deletions
diff --git a/public-src/jarmon-style/style.scss b/public-src/jarmon-style/style.scss index 5641550..11d1fb0 100644 --- a/public-src/jarmon-style/style.scss +++ b/public-src/jarmon-style/style.scss @@ -1,119 +1,119 @@ .jarmon { - border: solid 1px black; - border-radius: 4px; + border: solid 1px black; + border-radius: 4px; - .chartRangeControl { - .range-inputs { - display: flex; - flex-direction: row; - align-items: center; - & > * { - width: 20%; - margin: 1px; - padding: 0; - border: solid 1px #666; - border-radius: 2px; - &[type="button"] { - width: auto; - } - &[type="datetime-local"] { - width: 25%; - } - } - } - .range-preview { - height: 42px; - width: 100%; - } - } + .chartRangeControl { + .range-inputs { + display: flex; + flex-direction: row; + align-items: center; + & > * { + width: 20%; + margin: 1px; + padding: 0; + border: solid 1px #666; + border-radius: 2px; + &[type="button"] { + width: auto; + } + &[type="datetime-local"] { + width: 25%; + } + } + } + .range-preview { + height: 42px; + width: 100%; + } + } - .css-panes > div { - padding: 0; - padding-left: 15px; - } + .css-panes > div { + padding: 0; + padding-left: 15px; + } - h2 { - margin: 0; - font-size: 100%; - text-align: center; - } + h2 { + margin: 0; + font-size: 100%; + text-align: center; + } - .tabbed-chart-interface { - .css-panes { - height: 550px; - & > div { - height: 100%; - overflow-y: scroll; - overflow-x: hidden; - } - } - .chart-container { - &.loading .title { - background-repeat: no-repeat; - background-position: 0 50%; - background-image: url(loading.gif); - } + .tabbed-chart-interface { + .css-panes { + height: 550px; + & > div { + height: 100%; + overflow-y: scroll; + overflow-x: hidden; + } + } + .chart-container { + &.loading .title { + background-repeat: no-repeat; + background-position: 0 50%; + background-image: url(loading.gif); + } - .chart { - height: 125px; - width: 100%; - margin: 0 auto 0 auto; - clear: both; - - .tickLabel, /* flot 0.7 */ - .tick-label /* flot 0.8 */ - { - overflow:hidden; - } + .chart { + height: 125px; + width: 100%; + margin: 0 auto 0 auto; + clear: both; + + .tickLabel, /* flot 0.7 */ + .tick-label /* flot 0.8 */ + { + overflow:hidden; + } - .yaxisUnitLabel { - /* Y */ - position: absolute; - top: 50%; - /* In this translateY, the 75% is: 50% for the `top:50%` overshooting - * by our `height/2`; the additional 25% accounts - * for 1 line-height being chopped off the bottom - * of the graph for the x-axis labels. */ - transform: translateY(-75%); + .yaxisUnitLabel { + /* Y */ + position: absolute; + top: 50%; + /* In this translateY, the 75% is: 50% for the `top:50%` overshooting + * by our `height/2`; the additional 25% accounts + * for 1 line-height being chopped off the bottom + * of the graph for the x-axis labels. */ + transform: translateY(-75%); - /* X */ - width: 100px; - margin-left: -100px; - text-align: right; + /* X */ + width: 100px; + margin-left: -100px; + text-align: right; - /* styling */ - padding: 2px; + /* styling */ + padding: 2px; - /* rotate */ - transform: rotate(-90deg); - width: 0; - margin-left: -10px; - } - } + /* rotate */ + transform: rotate(-90deg); + width: 0; + margin-left: -10px; + } + } - .graph-legend { - width: 100%; - padding: 2px 0; - margin: 2px auto 0; - background-color: #f7f7f7; + .graph-legend { + width: 100%; + padding: 2px 0; + margin: 2px auto 0; + background-color: #f7f7f7; - .legendItem { - float: left; - cursor: pointer; - margin-right: 20px; - margin-top: 5px; - margin-left: 5px; + .legendItem { + float: left; + cursor: pointer; + margin-right: 20px; + margin-top: 5px; + margin-left: 5px; - .legendColorBox { - float: left; - margin-right: 5px; - } + .legendColorBox { + float: left; + margin-right: 5px; + } - &.disabled { - text-decoration: line-through; - } - } - } - } - } + &.disabled { + text-decoration: line-through; + } + } + } + } + } } |