dwweb-pc/旧版多玩公共资源/通用投票/css/main.css

/*!
 * FileName   : main.css
 * WebSite    : 通用投票
 * Desc       : 
 * Author     : petsa
 * Version    : 0.0.1_beta
 * LastChange : 
 * */
body {
	margin: 0;
	word-wrap: break-word;
	min-height: 100%;
	_height: 100%;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,select,textarea,p,blockquote,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
}
/* 去除默认边框 */
fieldset,iframe,img,abbr,acronym {
	border: 0 none;
}
img {
	-ms-interpolation-mode: bicubic;
}
/* 修复下方3pxBug */
img,iframe {
	vertical-align: middle;
}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
/* 列表元素 */
ol,ul,menu {
	list-style: none outside none;
}
/* 表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address,caption,cite,code,dfn,em,i,th,var,optgroup {
	font-style: normal;
	font-weight: normal;
}

.dw-vote-ctn *{
	padding:0px;
	margin:0px;
}
.dw-vote-ctn{padding:20px; font-size: 12px!important; color:#666!important;}
.dw-vote-hd{}
.dw-vote-hd h2{font-size: 16px!important; color:#007EC3; padding-left:18px; background:url(../img/icon-vote.png) no-repeat center left;}
.dw-vote-hd h2 .note-desc{font-size: 12px; color:#666!important; font-weight:normal;}
.dw-vote-hd .info{padding:10px 0px;}
.dw-vote-hd .info .vote-people{padding-right: 12px;}
.dw-vote-hd .info .vote-time em{padding:0px 4px;}
.dw-vote-hidebox{ 
	padding:12px 15px; border: 1px solid #EAEAEA;
	margin-bottom:20px;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fFDFDFD,endColorstr=#7fFDFDFD);
	zoom: 1;
	background-color: rgba(253,253,253,0.5); border: 1px solid rgba(213,213,213,0.5);
}
:root .dw-vote-hidebox{filter:none\9}/*for IE9*/
.dw-vote-hidebox p{line-height: 1.5em;}
.dw-vote-hidebox .hide-note{display:block; padding-top:12px; color:#FF0000;}

.dw-vote-content{padding:20px 18px 1px; margin-bottom:20px;}
.dw-vote-content-requier{padding:19px 17px 0px; border: 1px solid #F0E7C5; border: 1px solid rgba(216,197,125,0.5); 
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7ffcfcce,endColorstr=#7ffcfcce);
	zoom: 1;
	background-color: rgba(252,252,206,0.5);}
:root .dw-vote-content-requier{filter:none\9}/*for IE9*/
.dw-vote-content .dw-vote-item-hd{padding-bottom:15px; color:#333;}
.dw-vote-content .dw-vote-item-hd h3 .note-desc{font-size: 12px; color:#666!important; font-weight:normal;}
.dw-vote-list li{padding: 0px 110px 25px 20px; position: relative; *zoom:1;}
.dw-vote-list li .vote-input{position: absolute; top: 0px; left: 0px; /*HACK ie6，ie7*/ *top: -2px; *left: -2px;}
.dw-vote-list li .vote-state{ position: absolute; bottom: 25px; right: 0px; width: 110px; text-indent: 1em;}
.dw-vote-list li .vote-state .persent{color:#333!important;}
.dw-vote-list .vote-handle label{padding-bottom:8px; display:block; cursor: pointer;}
.dw-vote-list .vote-handle .vote-bar{background-color: #F0F0F0; height:10px; display:block; width: 100%; border: 1px solid #D8D8D8; position: relative;
	-webkit-box-shadow: inset 0 1px 1px 0 #fff;
	        box-shadow: inset 0 1px 1px 0 #fff;
	border-radius:4px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #E9E9E9), color-stop(1, #FCFCFC));
}
.dw-vote-list .vote-handle .vote-bar-inner{position: absolute; top: -1px; left: -1px; height:10px; border: 1px solid #8B8B8B; background-color: #999; width: 30%; font-size: 0;
	border-radius:4px;
	-webkit-box-shadow: inset 0 1px 1px 0 #fff;
	        box-shadow: inset 0 1px 1px 0 #fff;
}
.dw-vote-list .vote-list-c1 .vote-handle .vote-bar-inner{
	border-color: #6EB56C;
	-webkit-box-shadow: inset 0 1px 1px 0 #D9F2B7;
	        box-shadow: inset 0 1px 1px 0 #D9F2B7;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #AFE26C), color-stop(1, #8ACD4B));
	background-color: #92D252;
}
.dw-vote-list .vote-list-c2 .vote-handle .vote-bar-inner{
	border-color: #D0266D;
	-webkit-box-shadow: inset 0 1px 1px 0 #FEBECE;
	        box-shadow: inset 0 1px 1px 0 #FEBECE;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #FC799C), color-stop(1, #F24C85));
	background-color: #F76290;
}
.dw-vote-list .vote-list-c3 .vote-handle .vote-bar-inner{
	border-color: #EC8929;
	-webkit-box-shadow: inset 0 1px 1px 0 #FFDEAD;
	        box-shadow: inset 0 1px 1px 0 #FFDEAD;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #FFBB59), color-stop(1, #FDA246));
	background-color: #FEAB4D;
}
.dw-vote-list .vote-list-c4 .vote-handle .vote-bar-inner{
	border-color: #D26BCA;
	-webkit-box-shadow: inset 0 1px 1px 0 #F7D3F4;
	        box-shadow: inset 0 1px 1px 0 #F7D3F4;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ECA3E7), color-stop(1, #DB7FD5));
	background-color: #E18CDC;
}
.dw-vote-list .vote-list-c5 .vote-handle .vote-bar-inner{
	border-color: #438ECA;
	-webkit-box-shadow: inset 0 1px 1px 0 #BCE7FD;
	        box-shadow: inset 0 1px 1px 0 #BCE7FD;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #77CDF8), color-stop(1, #61B1E3));
	background-color: #6CBFED;
}

.dw-vote-list .vote-list-c1 .vote-state .vote-num{color:#619828!important;}
.dw-vote-list .vote-list-c2 .vote-state .vote-num{color:#F4568A!important;}
.dw-vote-list .vote-list-c3 .vote-state .vote-num{color:#E58521!important;}
.dw-vote-list .vote-list-c4 .vote-state .vote-num{color:#CC50C4!important;}
.dw-vote-list .vote-list-c5 .vote-state .vote-num{color:#2F8AC3!important;}

.dw-vote-ft{padding:0px 0px 0px 38px;}
.dw-vote-ft .dw-vote-button{border: 1px solid #2791CA; background-color: #269DDC;
	margin-right:8px;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #38A7E4), color-stop(1, #1D97D8));
	-webkit-box-shadow: inset 0 1px 1px 0 #74C2EC;
	        box-shadow: inset 0 1px 1px 0 #74C2EC;
	        display:inline-block; *display:inline; *zoom:1;
}
.dw-vote-ft .dw-vote-button input.handle{ background: none; border: 0 solid #CCC; color:#fff; padding:0px 15px; font-weight:bold; font-size: 16px!important; height: 30px;}
.dw-vote-ft .dw-vote-button input.handle:active{padding-top:1px;}
.dw-vote-ft .dw-vote-button-forbit{
	border: 1px solid #C8C8C8; background-color: #F0F0F0;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #FFFFFF), color-stop(1, #E7E7E7));
	-webkit-box-shadow: inset 1px 0px 1px 0 #fff;
	        box-shadow: inset 1px 0px 1px 0 #fff;
	display:inline-block; *display:inline; *zoom:1;
}
.dw-vote-ft .dw-vote-button-forbit input.handle{color:#999999; cursor: not-allowed;}
.dw-vote-ft .vote-tips{font-size: 16px; color:#666666; font-weight:bold;}


/*浅色样式1黄色*/
.dw-vote-ctn-s1 .dw-vote-hidebox{border: 1px solid #D2D8CB;}
.dw-vote-ctn-s1 .dw-vote-hidebox p{color:#333;}

/*浅色样式2绿色框*/
.dw-vote-ctn-s2 .dw-vote-hidebox{border: 1px solid #E1DBC2;}
.dw-vote-ctn-s2 .dw-vote-hidebox p{color:#333;}


/*深色样式3*/
.dw-vote-ctn-s3 .dw-vote-bd{ color:#999!important;}
.dw-vote-ctn-s3 .dw-vote-hidebox{
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f565656,endColorstr=#7f565656);
	zoom: 1;
	border: 1px solid #434342;
	background-color: rgba(86,86,86,0.5); border: 1px solid rgba(117,117,117,0.5);}
.dw-vote-ctn-s3 .dw-vote-hidebox p{color:#CCCCCC;}
.dw-vote-ctn-s3 .dw-vote-item-hd h3{color:#ccc;}
.dw-vote-ctn-s3 .dw-vote-list li .vote-state .persent{color:#999!important;}
.dw-vote-ctn-s3 .dw-vote-content-requier{padding:19px 17px 0px; border: 1px solid #1C2E40; border: 1px solid rgba(39,75,112,0.5); 
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1B2C3C,endColorstr=#7f1B2C3C);
	zoom: 1;
	background-color: rgba(27,44,60,0.5);}
:root .dw-vote-ctn-s3 .dw-vote-content-requier{filter:none\9}/*for IE9*/