src/widgets/020_huegradient/css/huegradient.css

   1 .tizen-huegradient {
   2     background: none; /* Old browsers */
   3     background: -webkit-gradient(linear, left top, right top,
   4         color-stop(  0%          ,rgba(255,  0,  0,1)),
   5         color-stop( 16.666666667%,rgba(255,255,  0,1)),
   6         color-stop( 33.333333333%,rgba(0  ,255,  0,1)),
   7         color-stop( 50%          ,rgba(0  ,255,255,1)),
   8         color-stop( 66.666666667%,rgba(0  ,  0,255,1)),
   9         color-stop( 83.333333333%,rgba(255,  0,255,1)),
  10         color-stop(100%          ,rgba(255,  0,  0,1))); /* Chrome,Safari4+ */
  11     background: -moz-linear-gradient(left,
  12         rgba(255,  0,  0,1)   0%,
  13         rgba(255,255,  0,1)  16.666666667%,
  14         rgba(  0,255,  0,1)  33.333333333%,
  15         rgba(  0,255,255,1)  50%,
  16         rgba(  0,  0,255,1)  66.666666667%,
  17         rgba(255,  0,255,1)  83.333333333%,
  18         rgba(255,  0,  0,1) 100%);
  19     background: -webkit-linear-gradient(left,
  20         rgba(255,  0,  0,1)   0%,
  21         rgba(255,255,  0,1)  16.666666667%,
  22         rgba(  0,255,  0,1)  33.333333333%,
  23         rgba(  0,255,255,1)  50%,
  24         rgba(  0,  0,255,1)  66.666666667%,
  25         rgba(255,  0,255,1)  83.333333333%,
  26         rgba(255,  0,  0,1) 100%);
  27     background: -o-linear-gradient(left,
  28         rgba(255,  0,  0,1)   0%,
  29         rgba(255,255,  0,1)  16.666666667%,
  30         rgba(  0,255,  0,1)  33.333333333%,
  31         rgba(  0,255,255,1)  50%,
  32         rgba(  0,  0,255,1)  66.666666667%,
  33         rgba(255,  0,255,1)  83.333333333%,
  34         rgba(255,  0,  0,1) 100%);
  35     background: -ms-linear-gradient(left,
  36         rgba(255,  0,  0,1)   0%,
  37         rgba(255,255,  0,1)  16.666666667%,
  38         rgba(  0,255,  0,1)  33.333333333%,
  39         rgba(  0,255,255,1)  50%,
  40         rgba(  0,  0,255,1)  66.666666667%,
  41         rgba(255,  0,255,1)  83.333333333%,
  42         rgba(255,  0,  0,1) 100%);
  43     background: linear-gradient(left,
  44         rgba(255,  0,  0,1)   0%,
  45         rgba(255,255,  0,1)  16.666666667%,
  46         rgba(  0,255,  0,1)  33.333333333%,
  47         rgba(  0,255,255,1)  50%,
  48         rgba(  0,  0,255,1)  66.666666667%,
  49         rgba(255,  0,255,1)  83.333333333%,
  50         rgba(255,  0,  0,1) 100%);
  51 }
  52
  53 /* Full-saturation magic grayscale values were taken from the Gimp */
  54 .tizen-huegradient-disabled {
  55     background: none; /* Old browsers */
  56     background: -webkit-gradient(linear, left top, right top,
  57         color-stop(  0%          ,rgba( 54, 54, 54,1)),
  58         color-stop( 16.666666667%,rgba(237,237,237,1)),
  59         color-stop( 33.333333333%,rgba(182,182,182,1)),
  60         color-stop( 50%          ,rgba(201,201,201,1)),
  61         color-stop( 66.666666667%,rgba( 18, 18, 18,1)),
  62         color-stop( 83.333333333%,rgba( 73, 73, 73,1)),
  63         color-stop(100%          ,rgba( 54, 54, 54,1))); /* Chrome,Safari4+ */
  64     background: -moz-linear-gradient(left,
  65         rgba( 54, 54, 54,1)   0%,
  66         rgba(237,237,237,1)  16.666666667%,
  67         rgba(182,182,182,1)  33.333333333%,
  68         rgba(201,201,201,1)  50%,
  69         rgba( 18, 18, 18,1)  66.666666667%,
  70         rgba( 73, 73, 73,1)  83.333333333%,
  71         rgba( 54, 54, 54,1) 100%);
  72     background: -webkit-linear-gradient(left,
  73         rgba( 54, 54, 54,1)   0%,
  74         rgba(237,237,237,1)  16.666666667%,
  75         rgba(182,182,182,1)  33.333333333%,
  76         rgba(201,201,201,1)  50%,
  77         rgba( 18, 18, 18,1)  66.666666667%,
  78         rgba( 73, 73, 73,1)  83.333333333%,
  79         rgba( 54, 54, 54,1) 100%);
  80     background: -o-linear-gradient(left,
  81         rgba( 54, 54, 54,1)   0%,
  82         rgba(237,237,237,1)  16.666666667%,
  83         rgba(182,182,182,1)  33.333333333%,
  84         rgba(201,201,201,1)  50%,
  85         rgba( 18, 18, 18,1)  66.666666667%,
  86         rgba( 73, 73, 73,1)  83.333333333%,
  87         rgba( 54, 54, 54,1) 100%);
  88     background: -ms-linear-gradient(left,
  89         rgba( 54, 54, 54,1)   0%,
  90         rgba(237,237,237,1)  16.666666667%,
  91         rgba(182,182,182,1)  33.333333333%,
  92         rgba(201,201,201,1)  50%,
  93         rgba( 18, 18, 18,1)  66.666666667%,
  94         rgba( 73, 73, 73,1)  83.333333333%,
  95         rgba( 54, 54, 54,1) 100%);
  96     background: linear-gradient(left,
  97         rgba( 54, 54, 54,1)   0%,
  98         rgba(237,237,237,1)  16.666666667%,
  99         rgba(182,182,182,1)  33.333333333%,
 100         rgba(201,201,201,1)  50%,
 101         rgba( 18, 18, 18,1)  66.666666667%,
 102         rgba( 73, 73, 73,1)  83.333333333%,
 103         rgba( 54, 54, 54,1) 100%);
 104 }