/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ .yui3-skin-sam .yui3-dial-handle{ /*container. top left corner used for trig positioning*/ position:absolute; top:0; left:0; width:20%; height:20%; } .yui3-skin-sam .yui3-dial-handle-user{ /* the visible user handle */ width:100%; height:100%; background:#6C3A3A; opacity:0.3; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100px; -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset; /*-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset; Chrome 7/Win bug*/ cursor:pointer; font-size:1px; } .yui3-skin-sam .yui3-dial-ring { position:relative; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:1000px; background:#BEBDB7; background:-moz-linear-gradient(100% 100% 135deg, #7B7A6D, #FFFFFF); background:-webkit-gradient(linear, left top, right bottom, from(#FFFFFF), to(#7B7A6D)); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset; /*-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset; Chrome 7/Win bug*/ -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset; } .yui3-skin-sam .yui3-dial-center-button{ box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5); /*-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*/ border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:1000px; background:#DDDBD4; background:-moz-radial-gradient(30% 30% 0deg, circle farthest-side, #FBFBF9 24%, #F2F0EA 41%, #D3D0C3 83%) repeat scroll 0 0 transparent; background:-webkit-gradient(radial, 15 15, 15, 30 30, 40, from(#FBFBF9), to(#D3D0C3), color-stop(.2,#F2F0EA)); cursor:pointer; height:50%; top:25%; left:25%; opacity:0.7; position:absolute; text-align:center; width:50%; } .yui3-skin-sam .yui3-dial-reset-str{ position:absolute; top:0; left:0; color:#676767; font-size:85%; text-decoration:underline; height:1.5em; } .yui3-skin-sam .yui3-dial-label{ color:#808080; margin-bottom:0.8em; } .yui3-skin-sam .yui3-dial-value-string{ margin-left:0.5em; color:#000; font-size:130%; } .yui3-skin-sam .yui3-dial-value { visibility:hidden; position:absolute; top:0; left:102%; width:4em; } .yui3-skin-sam .yui3-dial-north-mark{ position:absolute; border-left:2px solid #ccc; height:5px; width:10px; left:50%; top:-7px; font-size:1px; } .yui3-skin-sam .yui3-dial-marker-user { background-color:#000; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100px; opacity:0.2; width:100%; height:100%; font-size:1px; } .yui3-skin-sam .yui3-dial-marker .marker-max-min{ background-color:#AB3232; opacity:0.6; } .yui3-skin-sam .yui3-dial-ring-vml, .yui3-skin-sam .yui3-dial-center-button-vml, .yui3-skin-sam .yui3-dial-marker v\:oval.marker-max-min, .yui3-skin-sam v\:oval.marker-max-min, .yui3-skin-sam .yui3-dial-marker .yui3-dial-marker-user-vml, .yui3-skin-sam .yui3-dial-handle-user-vml { background: none; opacity:1; }