dial-skin.css revision df71f95acec70ebddf0ab97cc1e0ff2b70048017
.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 */
position:absolute;
top:-50%;
left:-50%;
width:100%;
height:100%;
background-color:#6C3A3A;
opacity:0.3;
-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;
cursor:pointer;
font-size:1px;
*background:none;
}
.yui3-skin-sam .yui3-dial-ring{
position:relative;
-moz-border-radius:100%;
-webkit-border-radius:1000px;
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;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
*background:none;
}
.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);
-moz-border-radius:100%;
-webkit-border-radius:1000px;
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 {
display:none;
width:4em;
margin-bottom:0.8em;
}
.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;
-moz-border-radius:100%;
-webkit-border-radius:100px;
opacity:0.2;
position:absolute;
top:-50%;
left:-50%;
width:100%;
height:100%;
font-size:1px;
*background:none;
}
.yui3-skin-sam .yui3-dial-marker .marker-max-min{
background-color:#AB3232;
opacity:0.6;
*background:none;
}