/*! * 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*/