Home | History | Annotate | Download | only in ui 
      1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file.
      4  */
      5 
      6 /* Base class rules, internal to value-bar */
      7 
      8 .value-bar {
      9     -webkit-flex-wrap: nowrap;
     10     color: gray;
     11     display: -webkit-flex;
     12     position: absolute;
     13     z-index: 100;
     14 }
     15 
     16 .value-bar .value-control {
     17   -webkit-user-select: none;
     18   background-color: whitesmoke;
     19   border: 1px solid gray;
     20   cursor: pointer;
     21   font-family: sans-serif;
     22   font-size: 12px;
     23 }
     24 
     25 .value-bar .lowest-value-control {
     26   position: relative;
     27   z-index: 100;
     28 }
     29 
     30 .value-bar .highest-value-control {
     31   position: relative;
     32   z-index: 100;
     33 }
     34 
     35 .value-bar .value-range-control {
     36   background-color: lightgray;
     37   position: relative;
     38 }
     39 
     40 .value-bar .value-slider {
     41   background-color: gray;
     42   position: absolute;
     43   z-index: 99;
     44 }
     45 
     46 .value-bar[orient='vertical'] .lowest-value-control {
     47   border-bottom: none;
     48 }
     49 
     50 .value-bar[orient='vertical'] .value-slider {
     51   cursor:  row-resize;
     52   width: 18px;
     53 }
     54 
     55 .value-bar[orient='vertical'] .value-slider-top {
     56   border-bottom: 1px solid black;
     57   height: 5px;
     58 }
     59 
     60  .value-bar[orient='vertical'] .value-slider-bottom {
     61    border-top: 1px solid black;
     62   height: 5px;
     63 }
     64 
     65 .value-bar[orient='vertical'] .value-range-control {
     66   height: 100px;
     67 }
     68 
     69 .value-bar[orient='vertical'] .highest-value-control {
     70   border-top: none;
     71 }
     72 
     73 .value-bar[orient='vertical'] .value-display {
     74   left: 25px;
     75 }
     76 
     77 .value-bar[orient='horizontal'] .lowest-value-control {
     78   border-right: none;
     79 }
     80 
     81 .value-bar[orient='horizontal'] .value-slider {
     82   cursor:  col-resize;
     83   height: 18px;
     84   white-space: nowrap;
     85 }
     86 
     87 .value-bar[orient='horizontal'] .value-slider-top {
     88   border-right: 1px solid black;
     89   display: inline-block;
     90   height: 18px;
     91   width: 5px;
     92 }
     93 
     94 .value-bar[orient='horizontal'] .value-slider-bottom {
     95   border-left: 1px solid black;
     96   display: inline-block;
     97   height: 18px;
     98   width: 5px;
     99 }
    100 
    101 
    102 .value-bar[orient='horizontal'] .value-range-control {
    103   width: 100px;
    104 }
    105 
    106 .value-bar[orient='horizontal'] .highest-value-control {
    107   border-left: none;
    108 }
    109 
    110 .value-bar[orient='horizontal'] .value-display {
    111   left: 25px;
    112 }
    113