include/javascript/yui3/build/dial/assets/skins/sam/dial-skin.css

   1 /*
   2 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 3.3.0
   6 build: 3167
   7 */
   8 .yui3-skin-sam .yui3-dial-handle{ /*container. top left corner used for trig positioning*/
   9         position:absolute;
  10         top:0;
  11         left:0;
  12         width:20%;
  13         height:20%;
  14 }
  15 .yui3-skin-sam .yui3-dial-handle-user{ /* the visible user handle */
  16         width:100%;
  17         height:100%;
  18         background:#6C3A3A;
  19         opacity:0.3;
  20         border-radius:100%;
  21         -moz-border-radius:100%;
  22         -webkit-border-radius:100px;
  23         -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset;
  24         /*-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset; Chrome 7/Win bug*/
  25         cursor:pointer;
  26         font-size:1px;
  27 }
  28 .yui3-skin-sam .yui3-dial-ring {
  29         position:relative;
  30         border-radius:100%;
  31         -moz-border-radius:100%;
  32         -webkit-border-radius:1000px;
  33     background:#BEBDB7;
  34         background:-moz-linear-gradient(100% 100% 135deg, #7B7A6D, #FFFFFF);
  35         background:-webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#7B7A6D));
  36         box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset;
  37         /*-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset; Chrome 7/Win bug*/
  38         -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset;
  39 }
  40 .yui3-skin-sam .yui3-dial-center-button{
  41         box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);
  42         -moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);
  43         /*-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5); Chrome 7/Win bug*/
  44         border-radius:100%;
  45         -moz-border-radius:100%;
  46         -webkit-border-radius:1000px;
  47     background:#DDDBD4;
  48         background:-moz-radial-gradient(30% 30% 0deg, circle farthest-side, #FBFBF9 24%, #F2F0EA 41%, #D3D0C3 83%) repeat scroll 0 0 transparent;
  49         background:-webkit-gradient(radial, 15 15, 15, 30 30, 40, from(#FBFBF9), to(#D3D0C3), color-stop(.2,#F2F0EA));
  50         cursor:pointer;
  51         height:50%;
  52         top:25%;
  53         left:25%;
  54         opacity:0.7;
  55         position:absolute;
  56         text-align:center;
  57         width:50%;
  58 }
  59 .yui3-skin-sam .yui3-dial-reset-str{
  60         position:absolute;
  61         top:0;
  62         left:0;
  63         color:#676767;
  64         font-size:85%;
  65         text-decoration:underline;
  66         height:1.5em;
  67 }
  68 .yui3-skin-sam .yui3-dial-label{
  69         color:#808080;
  70         margin-bottom:0.8em;
  71 }
  72 .yui3-skin-sam .yui3-dial-value-string{
  73         margin-left:0.5em;
  74         color:#000;
  75         font-size:130%;
  76 }
  77 .yui3-skin-sam .yui3-dial-value {
  78         visibility:hidden;
  79         position:absolute;
  80         top:0;
  81         left:102%;
  82         width:4em;
  83 }
  84 .yui3-skin-sam .yui3-dial-north-mark{
  85         position:absolute;
  86         border-left:2px solid #ccc;
  87         height:5px;
  88         width:10px;
  89         left:50%;
  90         top:-7px;
  91         font-size:1px;
  92 }
  93 .yui3-skin-sam .yui3-dial-marker-user {
  94         background-color:#000;
  95         border-radius:100%;
  96         -moz-border-radius:100%;
  97         -webkit-border-radius:100px;
  98         opacity:0.2;
  99         width:100%;
 100         height:100%;
 101         font-size:1px;
 102 }
 103 .yui3-skin-sam .yui3-dial-marker .marker-max-min{
 104         background-color:#AB3232;
 105         opacity:0.6;
 106 }
 107 .yui3-skin-sam .yui3-dial-ring-vml,
 108 .yui3-skin-sam .yui3-dial-center-button-vml,
 109 .yui3-skin-sam .yui3-dial-marker v\:oval.marker-max-min,
 110 .yui3-skin-sam v\:oval.marker-max-min,
 111 .yui3-skin-sam .yui3-dial-marker .yui3-dial-marker-user-vml,
 112 .yui3-skin-sam .yui3-dial-handle-user-vml {
 113     background: none;
 114     opacity:1;
 115 }