/* * **************************************************************** * * * common.css * * Copyright © 2017-18 Quikipoll® * * @import url('https://fonts.googleapis.com/css?family=Open+Sans'); * * http://www.freeformatter.com/css-minifier.html * https://quikipoll.com/testmanny/css/common.css * * * **************************************************************** */ @charset "UTF-8"; /* iPad in portrait & landscape - (orientation : portrait) - (orientation : landscape) and (min-width : 768px) and (max-width : 1024px) { */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .mobilefonts { -webkit-text-size-adjust: none;} .mobilehide { display:none;} .mobfont20 { font-size: 24px !important;} .mobfont16 { font-size: 20px !important;} .mobfont13 { font-size: 16px !important; line-height:1.4em !important;} .mobfont11 { font-size: 14px !important; line-height:1.5em !important;} .mobinput { font-size: 14px !important;} .textentry { -webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;} .weblinkurl {display:block !important;} input:not([type=checkbox]):not([type=radio]):not([type=file]){-webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;} textarea{-webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;} } /* iPhone 1-6S in portrait & landscape and (orientation: landscape) and (orientation: portrait) (max-width : 667px) and (min-width : 324px) and (max-width : 736px) { */ @media only screen and (min-device-width : 320px) and (max-device-width : 736px) { .mobilefonts { -webkit-text-size-adjust: none;} .mobilehide { display:none;} .mobfont20 { font-size: 24px !important;} .mobfont16 { font-size: 20px !important;} .mobfont13 { font-size: 16px !important; line-height:1.4em !important;} .mobfont11 { font-size: 14px !important; line-height:1.5em !important;} .mobinput { font-size: 16px !important;} .textentry { -webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;outline: none;} .weblinkurl {display:block !important;} input:not([type=checkbox]):not([type=radio]):not([type=file]){-webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;} textarea{-webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;} } /* Primary input mechanism system can hover over elements with ease */ /* @media (hover: hover) { */ @media (-moz-touch-enabled: 0), (hover: hover) { a:hover{text-decoration:underline;} a.gotologin:hover{ color: #c78f00;} a.gotosignup:hover{ color: #c78f00;} .logolink .qplogo:hover .logofill{ fill:#FCE5A9;} .logolink .fulllogo:hover path[fill='#FFF']{ fill:#FCE5A9;} .logolink .fulllogo:hover polyline[fill='#FFF']{ fill:#FCE5A9;} .top_band_content div#maglass:hover p.maglabel{color:#77777A;} .top_band_content div#maglass:hover svg.magicon{fill: #F2A30A;} #maglass svg.magicon:hover{fill: #F2A30A;} .top_band_content div#trends:hover p.trendlabel{color:#77777A;} .top_band_content div#trends:hover svg.trendicon{fill: #F2A30A;} #trends svg.trendicon:hover{fill: #F2A30A;} .top_band_content div#pushpin:hover p.pushpinlabel{color:#77777A;} .top_band_content div#pushpin:hover svg.pushpinicon{fill: #F2A30A;} #pushpin svg.pushpinicon:hover{fill: #F2A30A;} .top_band_content div#gohome:hover p.gohomelabel{color:#77777A;} .top_band_content div#gohome:hover svg.gohomeicon{fill: #F2A30A;} #gohome svg.gohomeicon:hover{fill: #F2A30A;} .top_band_content div#popdownmenu:hover{background-color: #555458;} .top_band_content div#popdownmenu:hover svg.menuheadicon{ fill: #F2A30A !important;} .dropmenu a.dmenu:hover {background-color:#E6E6E7;text-decoration:none;} .agreebutton:hover{text-decoration:none;background-color:#FFB700;color:black;} .login_panel svg#closelogin:hover .closecross{ fill:#FFB700;} .signup_panel svg#closesignup:hover .closecross{ fill:#FFB700;} .panelhead a#logintosignup:hover{color:#FFB700;} .panelhead a#signuptologin:hover{color:#FFB700;} div.pollcapsule:hover{ box-shadow: 6px 15px 35px -11px rgba(0,0,0,.5), 0 5px 26px 0 rgba(0,0,0,.15), 0 7px 9px -6px rgba(0,0,0,.25);} /* div.pollcapsule:hover svg.weblinkurl{display:block;} */ .editpollbtn svg.gearsvg:hover .gearfill{fill:#F2A30A;} .statlink svg.statsvg:hover .slfill{fill:#F2A30A;} svg.statsvg:hover .slfill{fill:#F2A30A;} .pollcapsule:hover p.texthead{background-color: #ffdb7e;} /* .pollcapsule:hover img.pichead{opacity:.75;} */ .weblinkline svg.weblinkurl:hover{ opacity: 1;} .weblinkline svg.weblinkurl:hover path{ fill: #F0A10A !important;} .selectline div.choice_a:hover{background-color: #F9D285;} .selectline div.choice_b:hover{background-color: #F9D285;} .selectline div.choice_a:hover{background-color: #F9D285;} .selectline div.choice_b:hover{background-color: #F9D285;} .selectline div.choice_c:hover{background-color: #F9D285;} .selectline svg.slider_icon:hover{fill: #F2A30A;} .hovertext:hover{background-color: #EAEAEA;} .hovertext:hover > div.choice{ background-color: #F9D285;} .multichoice div.textchoicegroup div.choice:hover{background-color: #F9D285;} .multichoice div.textchoicegroup div.removechoicetext:hover{background-color: #BD0E21;} .multichoice div.textchoicegroup div.removechoicetext:hover .closecross{ fill: #FFFFFF;} .hoverimage:hover > img{ opacity:.8;background-color: #FAFAFA;} .hoverimage:hover > div.pchoice{ background-color: #F9D285;} .imagechoicegroup div.pchoice:hover{background-color: #F9D285;} .imagechoicegroup div.removechoiceimage:hover{background-color: #BD0E21;} .imagechoicegroup div.removechoiceimage:hover .closecross{ fill: #FFFFFF;} .activatecircle:hover{background-color: #4469B1 !important;} .activatecircle:hover .addplus{ fill: #FFFFFF;} .actionline div.actiongroup:hover p.actionlabel{ color:#F2A30A;} .actionline div.actiongroup:hover svg.actionicon{ fill:#F2A30A;} .actionline div.actiongroup:hover .slfill{fill:#F2A30A;} .actionline div.actiongroup:hover rect{fill:#F2A30A;} .actionline div.actiongroup:hover path{fill:#F2A30A;} .clickables a.authalias:hover{color: #414045;} .clickables a.sourcehash:hover{color: #414045;} .pollcapsule div.sc_cross:hover .thecircle{fill: #F2A30A;} .pollcapsule div.sc_cross:hover .thecross{fill: #414045;} .cancelradiogroup:hover{background-color: white !important;} .radiowrap div.scchoice:hover{background-color: #F9D285;} .gearbtn svg.gearsvg:hover .gearfill{fill:#F2A30A;} .statsbox div.statwraplink:hover > div.externlink > svg{ opacity:1;} .summarywrap a.ownervote:hover{background-color: #FFB700;} .polink svg.polinksvg:hover .slfill{fill:#F2A30A;} .mid_band_content div.loadmorepolls:hover{background-color: #ffb700;} .mid_band_content div.loadmorepolls:hover p.more_text{color: #414045;} .loadedheadimage svg.removetopicimage:hover .svghilite{ fill: #F2A30A;} .licensebox p.licensetext > a:hover{text-decoration:none;color:#F2A30A;} .editwrapper a.ownerstats:hover{background-color: #ffb700;} .sharemail > svg:hover circle{ fill: rgb(217, 155, 0);} .sharefacebook > svg:hover circle{ fill: rgb(73, 102, 146);} .sharetwitter > svg:hover circle{ fill: rgb(18, 162, 211);} .closepopshare > svg:hover polyline{ fill: #F2A30A} .popum_errclose > svg:hover .thecircle{fill: #F2A30A;} .popum_errclose > svg:hover .thecross{fill: #414045;} .agalertstdok:hover{ background-color: #F2A30A;} .agalertstdno:hover{ background-color: #A0A0A0;} .nosend:hover{ opacity: .3; background-color: #FFB700;} .footer_band div.footer_content div.footer_rightlinks a:hover{color:#F2A30A;text-decoration:none;} .agbuttonQPYw:hover{text-decoration:none;background-color: #ffb700;} .agfileupbutton:hover{text-decoration:none;background-color: #ffb700;} .agbuttonVote:hover{text-decoration:none;background-color: #ffb700;} .agbuttonVoteFaded:hover{text-decoration:none;} .agbuttonVoteResults:hover{text-decoration:none;background-color: #ffb700;} .votepaused:hover{background-color: #F9D285 !important;} .novotepaused:hover{background-color: #F9D285 !important;} .greenbuttonoverride:hover{background-color: #637835;} .unvotedthumb:hover::-webkit-slider-thumb { background-color: #F9D285 !important; } } /* Primary input mechanism cannot hover at all or cannot conveniently hover (e.g., many mobile devices emulate hovering when the user performs an inconvenient long tap), or there is no primary pointing input mechanism */ @media (hover: none) { /* .top_band_content div#maglass p.maglabel{color:#77777A;} .top_band_content div#trends p.trendlabel{color:#77777A;} .top_band_content div#pushpin p.pushpinlabel{color:#77777A;} */ } html { background-color: #E0E0E0; background-size: auto !important; background-attachment: scroll !important;} body{ font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif;font-size:12px;color:#414045;text-align:left;height: 100%;} /* background-color:#F4F4F5; */ body, p{margin: 0;padding: 0;} img, svg{border: 0;} a{cursor:pointer;color:#3B5998; text-decoration:none;} /* -moz-outline-style:none; outline: none; */ /* a:hover{text-decoration:underline;} */ textarea{font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif !important;-webkit-appearance: none; -webkit-border-radius: 0;border-radius: 0;outline: none;} input{font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif !important;outline: none;} form{margin: 0;padding: 0;} .clearfix:after {visibility:hidden;display:block;font-size: 0;content: ".";clear:both;line-height: 0;height: 0;} .clearfix { display:inline-block;zoom:1} * { box-sizing: border-box; } .grid{} .grid:after { content: ''; display: block; clear: both; } .grid-item { float: left;width: 300px;} /* for ie8 & up https://css-tricks.com/snippets/css/clear-fix/ .group:after { content: ""; display: table; clear: both; } */ .ghostext{color: #aaaaaa !important;} a.gotologin{ color: #F2A30A;} /* a.gotologin:hover{ color: #c78f00;} */ a.gotologin:active{ color: #9EC53D;} a.gotosignup{ color: #F2A30A;} /* a.gotosignup:hover{ color: #c78f00;} */ a.gotosignup:active{ color: #9EC53D;} /* --------- TOP BRANDING BAND --------- */ .top_band{ height: 60px;width: 100%;text-align:center;margin-top: 0;background-color: #414045;} .top_band div.top_band_content{position:relative;top: 0;left: 0;margin: 0 auto;width:100% !important;min-width:320px;height:60px;} /* border-width: 0 1px 0 1px;border-style:solid; border-color:#F2A30A; */ .top_band_content a.logolink{float:left;display:block;margin:18px 0 0 15px;cursor:pointer;} .logolink .comlogo{} .logolink .qplogo{height:24px;width: 40px;} /* .logolink .qplogo:hover .logofill{ fill:#FCE5A9;} */ .logolink .fulllogo{height:24px;width: 135px;} /* .logolink .fulllogo:hover path[fill='#FFF']{ fill:#FCE5A9;} .logolink .fulllogo:hover polyline[fill='#FFF']{ fill:#FCE5A9;} */ .top_band_content h1.pagehead, p.pagehead{float:left;font-size: 18px;font-weight: 700;text-align: left;color:white;margin: 18px 10px 0 20px;cursor: default;} .top_band_content input#searchbox{ display:none;float:left;width:325px;margin:15px 0 0 18px;padding:4px; font-size:14px; -webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none; color: white;background-color: #414045;border: 1px solid #555458;} .top_band_content div#maglass{display:none;float:left;height: 45px;width: 35px;margin:10px 0 0 5px;cursor: pointer;} /* .top_band_content div#maglass:hover{background-color:#eff;} */ /* .top_band_content div#maglass:hover p.maglabel{color:#77777A;} .top_band_content div#maglass:hover svg.magicon{fill: #F2A30A;} */ #maglass svg.magicon{margin:12px 0 0 0;fill: white;cursor: pointer;} /* #maglass svg.magicon:hover{fill: #F2A30A;} */ #maglass p.maglabel{font-size:10px;text-align: center;color: #414045;font-weight: 100;} /* CATEGORIES POPUP ICON */ .top_band_content div#trends{display:none;float:left;height: 45px;width: 40px;margin:10px 0 0 5px;text-align: center;cursor: pointer;} /* .top_band_content div#trends:hover p.trendlabel{color:#77777A;} .top_band_content div#trends:hover svg.trendicon{fill: #F2A30A;} */ #trends svg.trendicon{margin:12px 0 0 0;fill: white;cursor: pointer;} /* #trends svg.trendicon:hover{fill: #F2A30A;} */ #trends p.trendlabel{font-size:10px;text-align: center;color: #414045;font-weight: 100;} .top_band_content img.top_async{display:none;float:left;margin:22px 0 0 10px;} /* visibility: hidden; */ .top_band_content div#pushpin{display:none;float:right;height: 45px;width: 40px;margin:10px 15px 0 0;cursor: pointer;} /* .top_band_content div#pushpin:hover p.pushpinlabel{color:#77777A;} .top_band_content div#pushpin:hover svg.pushpinicon{fill: #F2A30A;} */ #pushpin svg.pushpinicon{margin:12px 0 0 0;fill: white;cursor: pointer;} /* #pushpin svg.pushpinicon:hover{fill: #F2A30A;} */ #pushpin p.pushpinlabel{font-size:10px;text-align: center;color: #414045;font-weight: 100;} .top_band_content div#gohome{float:right;height: 35px;width: 40px;margin:22px 15px 0 0;cursor: pointer;} /* .top_band_content div#gohome:hover p.gohomelabel{color:#77777A;} .top_band_content div#gohome:hover svg.gohomeicon{fill: #F2A30A;} */ #gohome svg.gohomeicon{margin:0;fill: white;cursor: pointer;} /* #gohome svg.gohomeicon:hover{fill: #F2A30A;} */ #gohome p.gohomelabel{font-size:10px;text-align: center;color: #414045;font-weight: 100;} .top_band_content a#createpoll{float:right;margin:16px 10px 0 0;cursor: pointer;} .top_band_content div#popdownmenu{float:right;width:50px;height: 45px;margin:15px 6px 0 0;background-color: #414045;cursor: pointer;} /* .top_band_content div#popdownmenu:hover{background-color: #555458;} .top_band_content div#popdownmenu:hover svg.menuheadicon{ fill: #F2A30A !important;} */ .top_band_content div#popdownmenu div.menuhead{width: 16px;height: 16px;margin: 6px 0 0 16px;} .top_band_content div#popdownmenu div.menuhead svg.menuheadicon{display:none;fill:white;} .top_band_content div#popdownmenu div.menuhead svg.loggedoffstate{margin-top:4px;} .top_band_content div#popdownmenu div.menuhead svg.loggedonstate{} .dropmenu {display:none;position:absolute;top:60px;right: 6px;padding:1px 0 0 0; margin: 0;background-color:#FFFFFF;border-width: 0 1px 1px 1px;border-style:solid; border-color:#77777A;z-index:1002} .dropmenu ul {display:block;margin: 0; padding: 0;} .dropmenu li{display:block;height:32px;width:100px;} /* width:90px; */ .dropmenu li.mitem {display:block;} .dropmenu li.graydivider {display:block; height:5px;margin:5px 0 0 0;} .dropmenu li.graydivider div{height:5px;border-width: 1px 0 0 0;border-style:dotted;border-color:#77777A;} .dropmenu li.invisdivider {display:block; height:5px;} .dropmenu li.invisdivider div{height:5px;margin: 0;} .dropmenu a.dmenu {display:block;height:32px;line-height:32px;font-weight: 300;color:#414045;text-align:center;} /* .dropmenu a.dmenu:hover {background-color:#E6E6E7;text-decoration:none;} */ .dropmenu a.dmenu:active {background-color:#D5D5D6;} .dropmenu li:last-child{height:36px !important;} .menushadow{ box-shadow: 0 1px 0 #D5D5D6;-moz-box-shadow: 0 1px 0 #D5D5D6;-webkit-box-shadow: 0 1px 0 #D5D5D6} .popdownactive{ background-color:#E9EEF6;} .hardhide{display:none !important;} .overlayhide{display:none;} /* --------- FIXED ALERT BAND : FOR COOKIE POPUP --------- */ .alert_band{display:none;position:fixed;left:10px;top:10px;width:inherit;margin:0 10px 0 0;padding:0;background-color:#ffe400;color:black;min-height: 40px; box-shadow: 0 0 6px #444;-moz-box-shadow:0 0 6px #444;-webkit-box-shadow:0 0 6px #444;z-index:400;} .alert_band div.cookies_panel{text-align:center;margin:0 0 5px 5px;padding:5px;font-weight:300;font-size:14px;-webkit-font-smoothing: subpixel-antialiased;} .cookies_panel p.alertmsg{width:inherit;padding:0;margin:4px 60px 0 0;line-height: 1.2rem;} .alertmsg a{} .agreebutton{ position:absolute;right:5px;bottom:7px;display:block;text-align:center;white-space:nowrap;vertical-align: middle;cursor:pointer; text-decoration: none !important; font-weight: 600;font-size: 11px;padding:.2rem .8rem .4rem;-webkit-font-smoothing: subpixel-antialiased;; /* -webkit-border-radius: 4px;border-radius: 4px; .headbutton_tight */ text-decoration:none;background-color:#BD0E21;color:white;} /* .rr_stdgreen */ /* .agreebutton:hover{text-decoration:none;background-color:#FFB700;color:black;} */ .agreebutton:active{text-decoration:none;background-color:#9EC53D;color:black;} /* --------- SIGNUP AND LOGIN PANELS --------- */ .push_band{display:none;width: 100%;text-align:center;margin-top: 0;background-color: #FFFEE3;border-width: 0 0 1px 0;border-style:solid; border-color: #A1A0A5;} /* border-color:#FEC63B;background-color: #fcfcfc;border-width: 0 0 1px 0;border-style:solid; border-color:#FEC63B; */ .push_band div.push_band_content{margin: 0 auto;padding:0;width:100% !important;min-width:320px;max-width:980px;} /* border-width: 0 1px 0 1px;border-style:solid; border-color:#FEC63B; */ .push_band div.push_band_content div.login_panel{display:none;position:relative;top: 0;left: 0;text-align:left;margin: 0 10px 0 10px;padding-bottom:27px;} /* background-color: #FFFEE3; */ .login_panel a#forgotpass{position:absolute;bottom:10px;left:6px; font-size: 11px;font-weight: 300;text-align: left;color:#414045;} .login_panel svg#closelogin{position:absolute;right:10px;top:8px;cursor: pointer;} /* .login_panel svg#closelogin:hover .closecross{ fill:#FFB700;} */ .login_panel svg#closelogin:active .closecross{ fill:#9EC53D;} .login_panel a#dologinbutton{position:absolute;right:10px;bottom:37px;cursor: pointer;} .push_band div.push_band_content div.signup_panel{display:none;position:relative;top: 0;left: 0;text-align:left;margin: 0 10px 0 10px;padding-bottom:20px;} /* background-color: #FFFEE3; */ .signup_panel div.inputgroup{margin: 0 20px 0 0;} .inputgroup p.minilabel{line-height:16px;width:inherit;height:16px;margin:0 20px 1px 0;padding:0 6px 0 6px;font-size: 12px;font-weight: 300;font-variant: small-caps;text-rendering: optimizeLegibility;text-align: left;} .inputgroup input.inputext{float:left;width:inherit;font-size:13px;padding:6px;margin-bottom:6px;margin-right: 20px;border: 1px solid #FEC63B;} .inputgroup div.statmark{float:left;width:16px;height: 16px;margin:8px 0 0 6px;} .statmark svg.checkmarkicon{width:16px;height: 16px;} .signup_panel svg#closesignup{position:absolute;right:10px;top:8px;cursor: pointer;} /* .signup_panel svg#closesignup:hover .closecross{ fill:#FFB700;} */ .signup_panel svg#closesignup:active .closecross{ fill:#9EC53D;} .signup_panel a#dosignupbutton{position:absolute;right:10px;bottom:31px;cursor: pointer;} .passwordgroup{width: 190px;margin-right:20px} .logginpasswordgroup{width: 190px;margin-right:125px} .aliasgroup{width: 175px;margin-right:125px !important;} p.panelhead{ font-size: 13px;font-weight: 800;text-align: left;padding-top: 10px;margin-bottom:15px;margin-right:30px;} .panelhead a#logintosignup{color:#F2A30A;} /* .panelhead a#logintosignup:hover{color:#FFB700;} */ .panelhead a#logintosignup:active{color:#9EC53D;} .panelhead span.sepbar{border-left:1px solid #F2A30A;} .panelhead a#signuptologin{color:#F2A30A;} /* .panelhead a#signuptologin:hover{color:#FFB700;} */ .panelhead a#signuptologin:active{color:#9EC53D;} .panelhead span.sepbar{border-left:1px solid #F2A30A;} .push_band_content div.trends_panel{} .push_band_content div.message_panel{} /* --------- POLL CAPSULE AREA --------- */ .mid_band{width: 100%;text-align:center;margin:0;} .mid_band div.mid_band_content{margin: 0 auto;width:inherit;padding-top:20px;padding-bottom:20px;margin-bottom: 30px;min-width:320px;} /* min-width:320px;max-width:980px;width:100% !important;border-width: 0 1px 0 1px;border-style:solid; border-color:red; */ .mid_band div.mid_band_content div.capsule_container{position:relative;top: 0;left: 0;} /* min-width:320px;max-width:980px; */ div.pollcapsule{position:relative;top: 0;left: 0;width:300px;margin:0 0 20px 0;padding:0 0 5px 0; /* -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; */ border-width: 1px 0 1px 0;border-style:solid; border-color:#F5F5F5 transparent #A1A0A5 transparent; background-color: #FFF;overflow: hidden;} /* border-width: 1px;border-style:solid; border-color:#FCE5A9; overflow: hidden; */ /* div.pollcapsule:hover{ box-shadow: 6px 15px 35px -11px rgba(0,0,0,.5), 0 5px 26px 0 rgba(0,0,0,.15), 0 7px 9px -6px rgba(0,0,0,.25);} div.pollcapsule:hover{background-color: #F5F5F5;} div.pollcapsule:hover svg.weblinkurl{display:block;} */ .pausedpink{background-color: #FFEBE8 !important;} /* border-color:#FCE5A9; border-color: #DD3C10 !important; */ /* .toprightradius{-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;} */ .pollcapsule div.capinfoheader{ height:30px;width:300px;background-color: inherit;} /* -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; border-width: 0 0 1px 0;border-style:solid; border-color:#616065; */ .capinfoheader div.owncap{float:left;height: 23px;width: 23px;margin: 4px 15px 0 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #F2A30A;cursor: default;} .owncap p.ownletter{font-size: 12px;font-weight: 700;line-height: 23px;text-align: center;} .capinfoheader div.captype{float:left;height: 23px;width: 23px;margin: 4px 15px 0 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #616065;cursor: default;} /* #414045 #616065 */ .captype p.ctletter{font-size: 12px;font-weight: 700;line-height: 23px;text-align: center;color:white;} .capinfoheader svg.voteckmark{float:left;height: 16px;width: 16px;margin: 8px 8px 0 0;} .capinfoheader p.votecount{float:left;font-size: 12px;font-weight: 300;line-height: 16px;margin: 9px 10px 0 0;text-align: left;color:#616065;cursor: default;} /* #414045 */ .capinfoheader svg.repollmark{float:left;height: 16px;width: 16px;margin: 8px 8px 0 0;} .capinfoheader p.repollcount{float:left;font-size: 12px;font-weight: 300;line-height: 16px;margin: 9px 10px 0 0;text-align: left;color:#616065;cursor: default;} .capinfoheader p.repolltoken{float:left;font-size: 13px;font-weight: 300;line-height: 16px;margin: 9px 10px 0 0;text-align: left;color:#616065;} .capinfoheader div.editpollbtn{float:right;height: 20px;width: 20px;margin: 6px 20px 0 0;cursor: pointer;} .editpollbtn svg.gearsvg{height: 20px;width: 20px;cursor: pointer;fill:#3b5998;} /* .editpollbtn svg.gearsvg:hover .gearfill{fill:#F2A30A;} */ .capinfoheader div.statusbtn{float:right;height: 18px;width: 18px;margin: 7px 20px 0 0;cursor: pointer;} .status_paused > svg{fill:#BD0E21;} .status_paused > svg:active path{fill:#06a910;} .status_active > svg{fill:#06a910;} .status_active > svg:active path{fill:#BD0E21;} .capinfoheader div.statlink{float:right;height: 22px;width: 22px;margin: 5px 10px 0 0;} /* 35 */ .statlink svg.statsvg{height: 22px;width: 22px;cursor: pointer;} /* .statlink svg.statsvg:hover .slfill{fill:#F2A30A;} */ svg.statsvg{height: 22px;width: 22px;cursor: pointer;} /* svg.statsvg:hover .slfill{fill:#F2A30A;} */ /* text-shadow: h-shadow v-shadow blur-radius color */ /* soft mustard std text color background darkens on hover match to: .edithead word-spacing: 30px;*/ .pollcapsule p.texthead{ background-color: #FCE5A9;color: #414045;text-shadow: 0 1px 0 white;padding:10px 10px 15px 10px;margin:0;line-height: 1.3em;font-size: 18px;font-weight: 800;text-align: left;text-overflow: ellipsis;cursor: default;} /* background-color: #FCE5A9;border-width: 0 0 1px 0;border-style:solid; border-color:#FCE5A9; */ /* .pollcapsule:hover p.texthead{background-color: #ffdb7e;} */ .pollcapsule img.pichead{ display:block;vertical-align:top;font-size:0;background-color: white;} /* #414045 */ /* .pollcapsule:hover img.pichead{opacity:.75;} /* */ .pollcapsule div.weblinkline{ position:relative;top:0;left:0;width:300px;height:1px;} .weblinkline svg.weblinkurl{position:absolute;top:-18px;right:4px;width:20px;height:11px;opacity: .8;cursor: pointer;} /* display:none; */ /* .weblinkline svg.weblinkurl:hover{ opacity: 1;} .weblinkline svg.weblinkurl:hover path{ fill: #F0A10A !important;} */ .haveweblink{cursor: pointer !important;} /* *** POLL STORY AREA (pollrecord_story) IMPORTANT: This css must be identical in three places: index.css, common.css and qp.css *** text-indent: 1em; font-style: italic; border-width: 0 0 1px 0;border-style: dotted; border-color: #e0e0e0;*/ .pollcapsule div.storygroup{margin: 5px 0 15px 0;} .pollcapsule div.storygroup p.storytext{font-size: 14px;font-weight: 300;text-align: left;color: #000000;padding: 2px 10px 10px 10px;cursor: default;} /* BICHOICE */ .pollcapsule div.bichoice{height: 65px;width:300px;margin:10px 0 10px 0;} .bichoice div.lableline{height: 30px;width:300px;} .lableline p.bilable_a{float:left;height: 30px;width:140px;text-align: left;font-size: 18px;line-height:30px;font-weight: 800;margin:0 0 0 10px;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .lableline p.bilable_b{float:left;height: 30px;width:140px;text-align: right;font-size: 18px;line-height:30px;font-weight: 800;margin:0 10px 0 0;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .bichoice div.selectline{display:block;position:relative;height: 30px;width:300px;} .selectline div.choice_a{position:absolute;top:0;left:10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .selectline div.choice_a:hover{background-color: #F9D285;} */ .selectline div.choice_b{position:absolute;top:0;right:10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .selectline div.choice_b:hover{background-color: #F9D285;} */ .selectline div.choice_bar{position:absolute;top:10px;left:15px;height: 10px;width: 270px;background-color: #414045;} .bubbletter{font-size: 12px;font-weight: 700;line-height: 28px;text-align: center;} .bubbletter span.thebbltr{display:none;} .selectline div.bi_graphborder_a{position:absolute;top:0;left:10px;height: 28px;width: 138px;border-width: 1px;border-style:solid; border-color: #414045;background-color: white;} /* #414045 #FCE5A9 */ .selectline div.bi_graphborder_b{position:absolute;top:0;left:152px;height: 28px;width: 138px;border-width: 1px;border-style:solid; border-color: #414045;background-color: white;} .selectline div.bi_chartfill_a{position:absolute;top:1px;left:11px;height: 26px;width: 70px;border-width: 0;background-color: #F9D285;} .selectline div.bi_chartfill_b{position:absolute;top:1px;left:153px;height: 26px;width: 25px;border-width: 0;background-color: #F9D285;} .selectline p.bi_chartpct_a{position:absolute;top:0;left:10px;height: 30px;width:140px;text-align: left;font-size: 12px;line-height:30px;font-weight: 700;margin:0 0 0 5px;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .selectline p.bi_chartpct_b{position:absolute;top:0;left:152px;height: 30px;width:135px;text-align: right;font-size: 12px;line-height:30px;font-weight: 700;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} /* TRICHOICE */ .pollcapsule div.trichoice{height: 65px;width:300px;margin:10px 0 10px 0;} .trichoice div.lableline{height: 30px;width:300px;} .lableline p.trilable_a{float:left;height: 30px;width:88px;text-align: left;font-size: 18px;line-height:30px;font-weight: 800;margin:0 0 0 10px;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .lableline p.trilable_c{float:left;height: 30px;width:103px;text-align: center;font-size: 18px;line-height:30px;font-weight: 800;margin:0;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .lableline p.trilable_b{float:left;height: 30px;width:88px;text-align: right;font-size: 18px;line-height:30px;font-weight: 800;margin:0 10px 0 0;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .trichoice div.selectline{display:block;position:relative;height: 30px;width:300px;} .selectline div.choice_a{position:absolute;top:0;left:10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .selectline div.choice_a:hover{background-color: #F9D285;} */ .selectline div.choice_b{position:absolute;top:0;right:10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .selectline div.choice_b:hover{background-color: #F9D285;} */ .selectline div.choice_c{position:absolute;top:0;left:136px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .selectline div.choice_c:hover{background-color: #F9D285;} */ .selectline div.choice_bar{position:absolute;top:10px;left:15px;height: 10px;width: 270px;background-color: #414045;} .selectline div.tri_graphborder_a{position:absolute;top:0;left:10px;height: 28px;width: 92px;border-width: 1px;border-style:solid; border-color: #414045;background-color: white;} /* #414045 #FCE5A9 */ .selectline div.tri_graphborder_c{position:absolute;top:0;left:104px;height: 28px;width: 92px;border-width: 1px;border-style:solid; border-color: #414045;background-color: white;} .selectline div.tri_graphborder_b{position:absolute;top:0;left:198px;height: 28px;width: 92px;border-width: 1px;border-style:solid; border-color: #414045;background-color: white;} .selectline div.tri_chartfill_a{position:absolute;top:1px;left:11px;height: 26px;width: 25px;border-width: 0;background-color: #F9D285;} .selectline div.tri_chartfill_c{position:absolute;top:1px;left:105px;height: 26px;width: 25px;border-width: 0;background-color: #F9D285;} .selectline div.tri_chartfill_b{position:absolute;top:1px;left:199px;height: 26px;width: 50px;border-width: 0;background-color: #F9D285;} .selectline p.tri_chartpct_a{position:absolute;top:0;left:10px;height: 30px;width:92px;text-align: left;font-size: 12px;line-height:30px;font-weight: 700;margin:0 0 0 5px;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .selectline p.tri_chartpct_c{position:absolute;top:0;left:104px;height: 30px;width:92px;text-align: center;font-size: 12px;line-height:30px;font-weight: 700;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .selectline p.tri_chartpct_b{position:absolute;top:0;left:198px;height: 30px;width:89px;text-align: right;font-size: 12px;line-height:30px;font-weight: 700;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} /* RANGE CHOICE */ .pollcapsule div.ratingrange{height: 65px;width:300px;margin:10px 0 10px 0;} .ratingrange div.lableline{position:relative;top:0;left:0;height: 25px;width:300px;} .lableline p.rangemin{float:left;height: 25px;width:108px;text-align: left;font-size: 18px;line-height:25px;font-weight: 800;margin:0 0 0 17px;padding:0;cursor: default;} /* background-color: fuchsia; */ .lableline p.rangemax{float:right;height: 25px;width:108px;text-align: right;font-size: 18px;line-height:25px;font-weight: 800;margin:0 17px 0 0;padding:0;cursor: default;} /* background-color: red; */ .lableline p.rangedisplay{display:none;position:absolute;top:8px;left:123px;height: 11px;width: 50px;margin:0;padding:0;font-size:10px;line-height:11px;text-align: center;color: #414045;font-weight: 300;cursor: default;} .lableline svg.slidehint{position:absolute;top:10px;left:126px;height: 15px;width: 44px;opacity:.5;cursor: default;} .ratingrange div.selectline{display:block;position:relative;height: 30px;width:225px;margin:0 0 0 10px;} /* background-color: aqua; */ .selectline div.slider_bar{position:absolute;top:9px;left:12px;height: 10px;width: 201px;background-color: #414045;} .selectline svg.slider_icon{position:absolute;top:0;left:200px;height: 28px;width: 25px;fill: #F9D285;cursor: pointer;} /* .selectline svg.slider_icon:hover{fill: #F2A30A;} */ .selectline input.slider{position:absolute;top:0;left:0;height: 30px;width: 275px;margin:0;padding:0;} /* opacity: .5; */ .selectline div.range_graphborder{position:absolute;top:0;left:0;height: 28px;width: 280px;border-width: 1px;border-style:solid; border-color: #414045;background-color: white;} /* #414045 #FCE5A9 */ .selectline div.range_graphfill{position:absolute;top:1px;left:1px;height: 26px;width: 196px;border-width: 0;background-color: #F9D285;} .selectline p.range_graphvalue{position:absolute;top:0;left:0;height: 30px;width:280px;text-align: center;font-size: 12px;line-height:30px;font-weight: 700;margin:0 0 0 5px;padding:0;cursor: default;white-space: nowrap;overflow: hidden;} .selectline p.range_graphlegend{position:absolute;top:30px;left:0;height: 15px;width:280px;text-align: center; font-size:10px;color:#414045;cursor: default;} /* MULTIPLE CHOICES */ .pollcapsule div.multichoice{width:300px;margin:0;} .pollcapsule div.textchoices{margin-top:15px;} .pollcapsule div.photochoices{margin-top:-3px;padding-bottom:10px;} .multichoice div.textchoicegroup{min-height: 25px;width:290px;margin:0 0 5px 10px;cursor: default;} .hovertext{cursor: pointer !important;} .hovertext > div.choice{ background-color: white;} /* .hovertext:hover{background-color: #F0F0F0;} .hovertext:hover > div.choice{background-color: #F9D285;} */ .hovertext:active > div.choice{ background-color: #F2A30A;} .multichoice div.textchoicegroup div.choice{float:left;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;cursor: pointer;} /* .multichoice div.textchoicegroup div.choice:hover{background-color: #F9D285;}*/ .multichoice div.textchoicegroup p.multichoicetext{float:left;min-height: 25px;width: 252px;padding:5px 0 0 10px;line-height:20px;margin:0;text-align: left;text-overflow: ellipsis;overflow: hidden;font-size: 16px;font-weight: 700;} .multichoice div.textchoicegroup textarea.multichoicetextarea{ float:left;display:block;width:252px !important;padding: 4px 5px 5px 5px;margin:0 0 0 4px; font-size: 16px;line-height: 20px;font-weight: 700; border-width: 1px;border-style: solid; border-color:#FCE5A9;color:#414045;background-color:white; box-sizing: border-box; overflow-y:auto;resize:vertical;} /* rows='1' background-color: white;border-color: #FCE5A9; overflow:hidden; overflow:scroll resize: none; resize:vertical;*/ .multichoice div.textchoicegroup div.removechoicetext{float:left;position:relative;top: 0;left: 0;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .multichoice div.textchoicegroup div.removechoicetext:hover{background-color: #BD0E21;} .multichoice div.textchoicegroup div.removechoicetext:hover .closecross{ fill: #FFFFFF;} */ .multichoice div.textchoicegroup div.removechoicetext:active{background-color: #9EC53D;} .removechoicetext svg.xsvg{position:absolute; left: 5px;top: 5px;} .multichoice div.imagechoicegroup{position:relative;top: 0;left: 0;min-height: 30px;width:300px;margin-bottom:-4px !important;padding:0 !important;} .hoverimage{cursor: pointer;} /* .hoverimage:hover > img{ opacity:.8;background-color: #FAFAFA;} .hoverimage:hover > div.pchoice{ background-color: #F9D285;} */ .hoverimage:active > div.pchoice{ background-color: #F2A30A;} .imagechoicegroup div.pchoice{position:absolute;top:10px;left:10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .imagechoicegroup div.pchoice:hover{background-color: #F9D285;} */ .imagechoicegroup div.pchoice:active{background-color: #F2A30A;} .imagechoicegroup img.multichoiceimg{min-height: 30px;width:300px;display:block;vertical-align:top;font-size:0;} .imagechoicegroup div.removechoiceimage{position:absolute; left: 10px;top: 10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .imagechoicegroup div.removechoiceimage:hover{background-color: #BD0E21;} .imagechoicegroup div.removechoiceimage:hover .closecross{ fill: #FFFFFF;} */ .imagechoicegroup div.removechoiceimage:active{background-color: #9EC53D;} .removechoiceimage svg.xsvg{position:absolute; left: 5px;top: 5px;} .choicephotoframe{margin:0 !important;padding:0 !important;} /* MULTIPLE CHOICE PHOTO EDITOR */ .pollcapsule div.insertchoiceimage{position:relative;top: 0;left: 0;width: 300px;min-height: 100px;margin:2px 0 0 0;padding-bottom: 10px;background-color: rgb(215,215,215);cursor:default;} .insertchoiceimage p.dahead{ color:white;font-size: 16px;line-height: 1.4em;text-align: center;font-weight: 700;padding:15px 20px 0 20px;} .insertchoiceimage p.dadis{ color:#414045;font-size: 11px;line-height: 1.4em;text-align: center;padding:5px 20px 0 20px;} .insertchoiceimage form.uploadform{position:relative;top: 0;left: 0;width: 300px;height: 35px;margin: 10px 0 0 0;padding: 0;} .uploadform input.photoinput{position:absolute;left: 10px;top: 4px;width: 210px;margin:0;padding:0;overflow: hidden;cursor:pointer;} .uploadform a.upload_button{position:absolute;right: 10px;top: 0;display:none;} .uploadform img.uploading{position:absolute;right: 10px;top: 5px;display:none;} .insertchoiceimage div.uploadcircle{position:absolute;top:10px;left:10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;} div.uploadcircle svg.plus_svg{display:none;position:absolute; left: 5px;top: 5px;} /* MULTIPLE CHOICE TEXT EDITOR */ .pollcapsule div.insertchoicetext{display:block;position:relative;top: 0;left: 0;width: 300px;min-height: 30px;margin:0 0 5px 0;} /* #FFFEF1 */ .insertchoicetext div.addchoicetext{float:left;position:relative;top:0;left: 0;margin:0 0 0 10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;} .insertchoicetext div.addchoicetext svg.plus_svg{display:none;position:absolute; left: 5px;top: 5px;} .insertchoicetext textarea.edit_textchoice{ float:left;display:block;width: 252px !important;padding: 4px 5px 5px 5px;margin:0 0 0 4px; font-size: 16px;line-height: 20px;font-weight: 700; border-width: 1px;border-style: solid; border-color: #FCE5A9;color:#414045;background-color: white; box-sizing: border-box;overflow-y:auto;resize:vertical;} /* resize: none; overflow: hidden;*/ .activatecircle{cursor:pointer;} /* .activatecircle:hover{background-color: #4469B1 !important;} .activatecircle:hover .addplus{ fill: #FFFFFF;} */ .activatecircle:active{background-color: #9EC53D !important;} .activatecircle > svg.plus_svg{display:block !important;} /* COMMON VOTING AREA */ .pollcapsule div.votegroup{width:300px;margin-top: 10px;margin-bottom:5px;} .votegroup div.voteline{height: 30px;width:300px;text-align: center;margin-bottom: 10px;} .voteline a.votebutton{} .votegroup div.infoline{width:300px;} .infoline p.infotext{font-size:11px;text-align: center;color: #414045;font-weight: 300;cursor: default;} .votegroup div.actionline{width:300px;height:32px;margin-top: 5px;} .actionline div.actiongroup{float:left;height:32px;width: 100px;text-align: center;font-weight: 100;cursor: pointer;} /* .actionline div.actiongroup:hover p.actionlabel{ color:#F2A30A;} .actionline div.actiongroup:hover svg.actionicon{ fill:#F2A30A;} .actionline div.actiongroup:hover .slfill{fill:#F2A30A;} .actionline div.actiongroup:hover rect{fill:#F2A30A;} .actionline div.actiongroup:hover path{fill:#F2A30A;} */ .actiongroup svg.actionicon{fill:#414045;} .actiongroup p.actionlabel{font-size:10px;text-align: center; color:#414045;width: 100px;} .repollaction{float:right !important;} .greyedrepollaction{float:right !important;cursor: default !important;} .greyedrepollaction > svg.actionicon{ fill: #CCC !important;} .greyedrepollaction > p.actionlabel{color: #CCC !important;} /* AUTHOR'S INFO AREA */ .pollcapsule div.sourcegroup{ width:290px;font-size: 11px;font-weight: 300;margin: 5px 0 0 0;padding: 2px 10px 2px 10px;cursor: default;} /* border-width: 1px 0 0 0;border-style:solid; border-color: transparent;background-color: #FFFFFF; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;*/ /* .pollcapsule div.sourcegroup:hover{ border-width: 1px 0 1px 0;border-style:solid; border-color: #A1A0A5 transparent #F5F5F5 transparent;} .pollcapsule:hover div.sourcegroup{ border-width: 1px 0 1px 0;border-style:solid; border-color: #A1A0A5 transparent #F5F5F5 transparent;} */ .sourcegroup img.authoricon{float:left;width: 16px; height: 16px;margin: 1px 4px 0 0;} .sourcegroup div.clickables{float:left;width: 250px;min-height: 16px;margin:0;text-align: left;} .clickables a.authalias{ display: inline-block;height: 16px;margin:0 5px 0 0;line-height: 16px;color: #818085;text-decoration: none;cursor: default;} /* .clickables a.authalias:hover{color: #414045;} */ .clickables a.sourcehash{ display: inline-block;height: 16px;margin:0 5px 0 0;line-height: 16px;color: #818085;cursor: pointer;} /* .clickables a.sourcehash:hover{color: #414045;} */ .pollcapsule div.sc_cross{position:absolute;top:-10px;right:-10px;cursor: pointer;} /* .pollcapsule div.sc_cross:hover .thecircle{fill: #F2A30A;} .pollcapsule div.sc_cross:hover .thecross{fill: #414045;} */ .chosenbubble{background-color:#F2A30A !important;} .killpointercursor{cursor: default !important;} .whitebubble{background-color:#FFF !important;} .radiogroup{} .cancelradiogroup{cursor: default !important;background-color: white !important;} /* .cancelradiogroup:hover{background-color: white !important;} */ .marginminus10imp{ margin-left: -10px !important;} /* --------- BUBBLE SECTION NAV CONTROLS --------- */ .control_band{display:none;width: 100%;text-align:center;margin-top: 0;border-width: 0 0 1px 0;border-style:solid; border-color: #A1A0A5;background-color: white;} /* #F2A30A #FEC63B; */ .control_band div.control_band_content{margin: 0 auto;padding:0 0 10px 0;max-width:980px;} /* border-width: 0 1px 0 1px;border-style:solid; border-color:#FEC63B; */ .control_band_content p.sctitle{float:left;margin:10px 10px 0 20px;height: 30px;text-align: left;font-size: 14px;line-height:30px;font-weight: 800;padding:0;cursor: default;} .control_band_content div.radiowrap{float:left;} .radiowrap p.sclabel{float:left;margin:10px 5px 0 5px;height: 30px;text-align: left;font-size: 14px;line-height:30px;font-weight: 800;padding:0;cursor: default;} .radiowrap div.scchoice{float:left;margin:10px 0 0 10px;height: 28px;width: 28px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045;background-color: white;cursor: pointer;} /* .radiowrap div.scchoice:hover{background-color: #F9D285;} */ .radio_override{width:80px;text-align: center;margin: 0 auto !important;} .radio_override > p{float:none; width:inherit;height:15px !important;margin:5px 0 0 0 !important;height:15px;text-align: center !important;font-size: 12px !important;line-height:15px !important;font-weight: 700;} .radio_override > div{float:none;margin:10px 0 0 25px !important;} .mid_band_content div.loadmorepolls{display:none;width: 200px;margin: 20px auto;background-color: #E0E0E0;color:#414045; /* #F2A30A */ -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} /* background-color: white;border-width: 1px;border-style:solid; border-color:#FCE5A9;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; */ /* .mid_band_content div.loadmorepolls:hover{background-color: #ffb700;} .mid_band_content div.loadmorepolls:hover p.more_text{color: #414045;} */ .loadmorepolls p.more_text{padding: 5px 0 5px 0;font-size:13px;text-align: center;color: #A0A0A0;font-weight: 700;cursor: pointer;} .more_text img.more_async{vertical-align:middle;margin-left:20px;} /* --------- CREATE SHEETS AREA --------- */ .mid_band_content div.typesheet{ display:none;width:inherit;} .typesheet div.sheetwrapper{ position:relative;top: 0;left: 0;text-align: center;margin: 0 auto;} .typesheet div.centerizer{ margin: 0 auto;width:320px; text-align: center;} .labelsbox{margin:20px 0 20px 0;text-align: left;} .labelsbox div.unitwrap{margin-bottom:10px;} .labelsbox p.mousetype{margin:-5px 10px 0 15px;line-height:1.3em;text-align: left;font-size:11px; font-weight: 300; font-style: italic;} .unitwrap p.prelabel{float:left;width:40px;margin:6px 5px 0 0;line-height: 20px;text-align: right;font-size:13px; font-weight: 700;} .unitwrap input.labelinput{float:left;width: 100px;font-size:13px;padding:6px;border: 1px solid #FEC63B;} .unitwrap input.minmaxinput{float:left;width: 100px;font-size:13px;padding:6px;border: 1px solid #FEC63B;} .unitwrap p.postlabel{float:left;width:40px;margin:6px 0 0 5px;line-height: 20px;text-align: left;font-size:13px; font-weight: 700;} .unitwrap input.hashtags{width: 300px;font-size:13px;padding:6px;border: 1px solid #FEC63B;} /* #A1A0A5;#F2A30A #FEC63B */ .unitwrap input.weblink{width: 300px;margin-top:10px;font-size:13px;padding:6px;border: 1px solid #FEC63B;} /* #A1A0A5;#F2A30A #FEC63B */ .unitwrap input.trivia_answer{width: 300px;font-size:13px;padding:6px;border: 1px solid #FEC63B;} .unitwrap input.setpublic{ float:left;width: 16px;height: 16px;margin: 5px 0 0 5px;cursor: pointer;} .unitwrap p.publictext{float:left;min-height:20px;width:200px;margin:3px 0 0 5px;font-size:13px; font-weight: 600;color:#505050;cursor:default;} .unitwrap p.publicmousetype{float: left;width:300px;margin:5px 0 0 5px;line-height:1.3em;text-align: left;font-size:11px; font-weight: 300; font-style: italic;} select.qpmodselect{ float:left;font-size:12px; font-weight: 300; height: 28px; width:90px; margin: 2px 0 0 1px; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:2px 0 2px 7px; background-color: white; border: 1px solid #FEC63B; outline: none; cursor: default; background: url( https://quikipoll.com/images/icons/triangle_down_black_11x11.png) 96% / 12px 12px no-repeat white; } select::-ms-expand { display: none;} /* remove default arrow in IE 10 and 11 */ .unitwrap p.selectmousetype{float: left;width:195px;margin:10px 0 0 10px;line-height:1.3em;text-align: left;font-size:11px; font-weight: 300; font-style: italic;} .unitwrap p.topicmouse{ margin-left:5px !important; width: 135px !important;} .showtopics{ margin-top: 10px !important;} .topic_categories{ width: 160px !important;} .showstatus{ display:none;margin-bottom: 5px !important;margin-top: 10px;} .showpublic{ margin-top: 10px !important;} .triviamouse{} /* display:none; */ .hashlinkwrap{ margin-top: 25px !important;margin-bottom:0 !important;} /* --------- FOR CREATE VERSIONS OF POLLCAPSULE --------- */ .pollcapsule div.texteditwrap{ display:block;width: 300px;margin: 0;padding: 0;background-color: #FCE5A9; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; border-top-left-radius: 4px;border-top-right-radius: 4px;overflow: hidden;} .texteditwrap textarea.edithead{ display:block;width: 300px !important;padding:10px 10px 15px 10px;margin:0; font-size: 18px;line-height: 1.3em;font-weight: 800;text-align: left; color:#414045;background-color: #FCE5A9;border-color: transparent; box-sizing: border-box;overflow-y: auto;resize:vertical;} /* resize: none; resize: vertical;border-width: 1px;border-style: solid; border-color: #FCE5A9; */ .texteditwrap textarea.edithead::selection { background:#b6b6b6;color:#414045;} .texteditwrap textarea.edithead::-moz-selection { background:#b6b6b6;color:#414045;} .texteditwrap textarea.edithead::-webkit-selection { background:#b6b6b6;color:#414045;} .pollcapsule div.insertheadimage{width: 300px;min-height: 100px;margin:2px 0 0 0;padding-bottom:10px;background-color: rgb(215,215,215);cursor:default;} .insertheadimage p.dahead{ color:white;font-size: 16px;line-height: 1.4em;text-align: center;font-weight: 700;padding:15px 20px 0 20px;} .insertheadimage p.dadis{ color:#414045;font-size: 11px;line-height: 1.4em;text-align: center;padding:5px 20px 0 20px;} .insertheadimage form.uploadform{position:relative;top: 0;left: 0;width: 300px;height: 35px;margin: 10px 0 0 0;padding: 0;} .uploadform input.photoinput{position:absolute;left: 10px;top: 4px;width: 210px;margin:0;padding:0;overflow: hidden;cursor:pointer;} .uploadform a.upload_button{position:absolute;right:10px;top:0;display:none;} .uploadform img.uploading{position:absolute;right: 10px;top: 5px;display:none;} .pollcapsule div.loadedheadimage{display:none;position:relative;top: 0;left: 0;margin:5px 0 5px 0;} .loadedheadimage svg.removetopicimage{position:absolute; right:2px; top:2px;cursor: pointer;} /* .loadedheadimage svg.removetopicimage:hover .svghilite{ fill: #F2A30A;} */ .pollcapsule div.storywrap{ display:block;width: 300px;margin: 0;padding: 0;background-color: #FFFFFF; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px; border-top-left-radius: 4px;border-top-right-radius: 4px;overflow: hidden;} .storywrap textarea.storyhead{ display:block;width: 300px !important;padding:10px 10px 15px 10px;margin:0; font-size: 14px;line-height: 1.3em;font-weight: 300;text-align: left; color:#414045;background-color: #FFFFFF;border-color: transparent; box-sizing: border-box;overflow-y: auto;resize:vertical;} /* resize: none; resize: vertical;border-width: 1px;border-style: solid; border-color: #FCE5A9; */ .storywrap textarea.storyhead::selection { background:#b6b6b6;color:#414045;} .storywrap textarea.storyhead::-moz-selection { background:#b6b6b6;color:#414045;} .storywrap textarea.storyhead::-webkit-selection { background:#b6b6b6;color:#414045;} div.choicerefline{position:relative;top:0;left:0;width:300px;margin-top:5px;} .choicerefline p.ref_a{float:left;height: 20px;width:48px;text-align: center;font-size: 13px;line-height:20px;font-weight: 700;margin:0;padding:0;cursor: default;} .choicerefline p.ref_b{float:right;height: 20px;width:48px;text-align: center;font-size: 13px;line-height:20px;font-weight: 700;margin:0;padding:0;cursor: default;} .choicerefline p.ref_c{position:absolute; top:0;left:127px;height: 20px;width:48px;text-align: center;font-size: 13px;line-height:20px;font-weight: 700;margin:0;padding:0;cursor: default;} .typesheet div.licensebox{padding:15px 10px 15px 10px;margin:20px 0 10px 0;border-width: 1px 0 1px 0;border-style: solid; border-color: #F2A30A;} .licensebox input.licensecheck{float:left;width: 16px;height: 16px;margin: 3px 10px 0 0;cursor: pointer;} .licensebox p.licensetext{float:left;min-height:20px;width:inherit;margin:0;text-align: left;font-size:13px; font-weight: 300;} .licensebox p.licensetext > a{text-decoration:none;color:inherit;} /* .licensebox p.licensetext > a:hover{text-decoration:none;color:#F2A30A;} */ .typesheet div.votebox{margin-top:20px;margin-bottom:20px;} .votebox a.createbutton{} div.error_row{display:none;font-size: 12px;font-weight: 300;min-height:.6em;padding:.8em 1em .8em 1em;margin:2px 0 0 0;text-align:center;background-color:#FFEBE8;border:1px solid #DD3C10;} div.weblink_error{width:299px;margin-top: 2px;} div.answer_error{width:299px;margin-top: 2px;} /* --------- QPOLL AUTHOR TOP --------- */ .edit_band{display:none;width: inherit;text-align:center;margin-top: 0;margin-bottom: 10px;background-color: #D0D0D0;} /* border-width: 0 0 1px 0;border-style:solid; border-color: white; border-width: 0 0 1px 0;border-style:solid; border-color: #A1A0A5;#F2A30A #FEC63B; */ .edit_band div.edit_band_content{ margin: 0 auto;padding:0;} .edit_band_content div.editwrapper{ width:inherit;height:30px;text-align: left;} .editwrapper div.repollsvg{display:none;float:left;width: 18px;height: 18px;margin: 6px 0 0 20px;cursor:default;} .editwrapper p.repollcountstr{display:none;float:left;margin: 6px 0 0 5px;font-size:13px;font-weight: 300;cursor: default;} .editwrapper a.ownerstats{ display:none; float:right; margin:4px 15px 0 0; height: 22px; font-size: 10px;font-weight: 700;padding:.3em .8em .3em;text-decoration:none !important; color:#414045;background-color:transparent; /* background-color: #F2A30A; */ border: 1px solid #414045; cursor:pointer;} /* .editwrapper a.ownerstats:hover{background-color: #ffb700;} */ .editwrapper a.ownerstats:active{text-decoration:none;background-color: #9EC53D;} .editwrapper div.gearbtn{display:none;float:right;height: 20px;width: 20px;margin: 5px 20px 0 0;cursor: pointer;} .gearbtn svg.gearsvg{height: 20px;width: 20px;cursor: pointer;fill:#3b5998;} .gearbtn svg.gearsvg g > circle{fill:#D0D0D0;} /* .gearbtn svg.gearsvg:hover .gearfill{fill:#F2A30A;} */ .editwrapper div.gopausebtn{float:right;height: 18px;width: 18px;margin: 6px 20px 0 0;cursor: pointer;} /* .gopausebtn uses .status_paused & status_active */ /* --------- QPOLL AUTHOR BOTTOM --------- */ .sharemethods_wrapper{display:none;width: 100%;padding:10px 0 25px 0;margin-top:50px;background-color:#D0D0D0;border-width: 1px 0 1px 0;border-style:dashed; border-color:#414045;} .sharemethods_wrapper p.smwtitle{color: #414045;text-shadow: 0 1px 0 white;padding:0 10px 5px 10px;line-height: 1.3em;font-size: 18px;font-weight: 800;text-align: left;} .link_band{width: 100%;text-align:center;} .link_band div.link_band_content{margin: 0 auto;width:100%;min-width:280px;max-width:980px;} .link_band div.link_band_content div.link_panel{text-align: left;padding:15px;margin: 10px;} .link_panel p.linklabel{margin:0 0 5px 0;font-size:13px;font-weight: 700;cursor: default;} .link_panel input.inputlink{ font-size:13px;padding:6px;margin:0 0 5px 0;border: 1px solid #FEC63B;cursor: text;} .link_panel div.socialgroup{padding:6px;} .socialgroup div.socialsharewrap{display: inline-block;height: 32px;width: 32px;margin: 0 10px 0 0;cursor: pointer;} .link_panel p.linkmouse{display:none;font-size:11px;font-style: italic;cursor: default;} .yellowpanel{background-color: #FFFEE3;border-width: 1px;border-style:dashed; border-color: #FEC63B;} .greenpanel{background-color: #d7e6d8;border-width: 1px;border-style:dashed; border-color: #60ca66;} .bluepanel{background-color: #dfe7f5;border-width: 1px;border-style:dashed; border-color: #939fb3;} /* #a3deff */ .link_band div.link_band_content div.token_panel{text-align: left;padding: 15px;margin-top: 10px;background-color: #BD0E21;color: white;} .token_panel p.tokenlabel{float:left;height: 25px;width: 145px;line-height: 25px;margin: 3px 0 0 0;font-size: 13px;font-weight: 700;cursor: default;} .token_panel p.thetoken{float:left;width: 100px;margin: 0 10px 0 10px;height: 28px;padding: 5px;font-size: 13px;font-weight: 300;text-align: center;background-color: white;color:black;cursor: text;} .token_panel p.tokenmouse{float:left;width: 180px;margin: 8px 0 0 0;line-height: 15px;display:none;font-size: 11px;font-style: italic;cursor: default;} .makelinkwhite{color:white !important;} .authorband{display:none;} .showauthsecret{ display:none;padding:30px 0 20px 0 !important;} .withtextcursor{cursor: text;} /* --------- POLL ANALYTICS --------- */ /* text-rendering: optimizeLegibility;-webkit-font-smoothing: subpixel-antialiased; */ /* #F2A30A #FEC63B */ /* background-blend-mode: multiply; also: screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, and luminosity. And also normal which reset it. */ .typesheet div.pollsetwrap{ width:inherit;padding:0 5px 0 5px;max-width:980px;} .pollsetwrap div.stats_wrapper{ display:none; float:left; text-align: center; width:300px;} /* width:615px; margin-right:10px;margin-left:10px;*/ .stats_wrapper div.statsboxwrapper{margin-bottom: 10px;} .stats_wrapper div.statsboxwrapper-repoll{margin-bottom: 10px;} .statsbox{ width:300px; /* width:300px; padding-bottom:10px;border-color: #A1A0A5;border-color: #A1A0A5 #A1A0A5 #FEC63B #A1A0A5;*/ padding-bottom:10px; margin: 0 auto; background-color: white; color:#414045; border-width: 1px;border-style:solid;border-color: #A1A0A5 #A1A0A5 #FEC63B #A1A0A5; text-align: left; font-size: 13px; font-weight: 300; overflow: hidden; cursor: default;} .complexbox{width:inherit;padding-bottom:0; border-width: 1px 0 1px 0;border-style:solid; border-color: white #FCE5A9 #A1A0A5 #FCE5A9; box-shadow: 4px 4px 15px -11px rgba(0,0,0,.5), 0 5px 26px 0 rgba(0,0,0,.15), 0 7px 9px -6px rgba(0,0,0,.25); } .complexbox-parent{width:inherit;padding-bottom:0; border-width: 1px 0 1px 0;border-style:solid; border-color: #c3c3c3 #FCE5A9 #A1A0A5 #FCE5A9; /* border-width: 1px;border-style:solid;border-color: #c3c3c3 #A1A0A5 #A1A0A5 #A1A0A5; */ box-shadow: 4px 4px 15px -11px rgba(0,0,0,.5), 0 5px 26px 0 rgba(0,0,0,.15), 0 7px 9px -6px rgba(0,0,0,.25); } .statsbox p.htext{ padding:10px 0 15px 20px;font-size: 14px;line-height: 25px;} /* max-width: 300px; margin:10px 0 15px 20px;*/ .htext span.htext_type{ font-weight: 700;} .htext span.htext_token{ font-weight: 300;} .htext > svg{ vertical-align: text-top;margin-right:5px;margin-top:2px;} .statsbox p.boxhead{ padding:5px 10px 5px 10px;font-size: 11px;line-height: 25px;} .boxhead span.htext_type{ font-weight: 700;} .boxhead span.htext_token{ font-weight: 300;} .boxhead > svg.boxheadrepollsvg{ display:inline-block;position:relative;vertical-align: text-top;margin-right:3px;margin-top:-2px;} .boxhead > svg.isowned{ display:inline-block;position:relative;vertical-align: text-top;margin-top:2px;opacity:.8;} .boxheadborder{border-width: 0 0 1px 0;border-style:solid; border-color: #FEC63B;} .boxheadmaincolor{background-color: #FCE5A9;} .boxheadorigcolor{background-color: transparent;padding-bottom: 0 !important;} .statsbox div.pollheadwrap{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; position:relative;top:0;left:0; margin:0; padding:0 10px 10px 10px; background-color: #FCE5A9; color: #414045; /* border-width: 0 0 1px 0;border-style:solid; border-color: #FEC63B;*/ } /* white-space:nowrap; */ .pollheadwrap div.headimagebox{margin:0 10px 0 0; max-height: 100px;max-width: 75px;flex-shrink: 0; overflow: hidden;} .headimagebox img.pollheadimg{display:block;vertical-align:top;font-size:0;} .pollheadwrap p.pollheadtext{font-size: 16px;line-height: 1.3em;font-weight: 700;text-shadow: 0 1px 0 white;} .pollheadwrap div.externlink{ position:absolute;bottom:8px;right:6px; width:20px;height:11px; cursor: pointer;} /* .pollheadwrap div.externlink:hover > svg > g > [fill="#FEC63B"]{ fill: #414045;} .pollheadwrap div.externlink:active > svg > g > [fill="#414045"]{ fill: #9EC53D;} */ .statsbox div.statwraplink{cursor: pointer;} .statsbox div.statwraplink > div.externlink > svg{ opacity: .7;} /* .statsbox div.statwraplink:hover > div.externlink > svg{ opacity:1;} */ .statsbox div.statwraplink:active > div.externlink > svg > g > path{ fill: #9EC53D;} .statsbox p.polltitle{ margin:0 0 15px 0;padding:10px 10px 15px 10px; font-size: 16px;line-height: 1.3em;font-weight: 700;letter-spacing:-.05em background-color: #FCE5A9; color: #414045; border-width: 0 0 1px 0;border-style:solid; border-color: #FEC63B; text-shadow: 0 1px 0 white; } .statsbox div.linewrap{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width:inherit;font-size: 13px;font-weight: 300; padding:5px 0 5px 0; margin-bottom:1px;} /* {margin:0 0 10px 0;width: 300px;height: 20px;margin:0 0 10px 0;background-color: #E0E0E0; */ .linewrap p.sletter{width: 30px;line-height: 20px;text-align: right;font-weight: 700;} .linewrap div.choicewrap{ display:flex; align-items: center; padding-left: 10px;} .choicewrap p.minibubbleletter{ height: 20px;width: 20px; font-size: 11px;font-weight: 700; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border-width: 1px;border-style:solid; border-color:#414045; line-height: 18px; text-align: center; flex-shrink: 0;} .chosenminibubble{background-color:#FCE5A9 !important;} /* background-color:#FCE5A9 !important; */ /* .minibubbleletter:after { content: ".";} */ .choicewrap p.schoicetxt{ padding-left:8px;font-weight: 700;font-size: 13px;line-height: 20px;text-align: left;letter-spacing:-.04em;flex-shrink: 1;} /* width: 285px; */ .choicewrap div.schoicepic{ padding-left:8px;text-align: left;flex-shrink: 0;max-height:42px;overflow-y: hidden;} /* width: 285px; */ .schoicepic > img{width:75px;} .choicewrap div.schoicepic:hover{ max-height:500px;} .linewrap p.spercent{width: 45px;line-height: 20px;font-size: 12px;text-align: right;margin-right:5px;} /* width: 55px; */ .linewrap div.sbar{background-color: #414045;height: 20px;line-height: 20px;font-size: 12px;text-align: right;} .sbar span.inscount{color:white;margin-right:5px;font-size: 12px;} /* mix-blend-mode: difference; */ .zeroeffect{opacity:.5;} .linewrap p.scount{display:inline-block;line-height: 20px;font-size: 12px;text-align: left;margin:0 10px 0 5px;} /* width: 40px; */ .linewrap p.rtype{width: 85px;line-height: 20px;text-align: right;font-size: 12px;font-weight: 700;margin-right:10px;} .linewrap p.rvalue{max-width: 200px;line-height: 20px;text-align: left;font-size: 12px;font-weight: 300;} .rangewrap{margin-bottom:4px !important;} .linewrapstripe{line-height:30px;padding-bottom:8px !important;border-width:0 0 1px 0;border-style:dashed; border-color: #FEC63B;} .firstlinemargin{margin-top:15px;} .statsbox div.summarywrap{display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position:relative; width:inherit; height: 30px; margin:15px 0 0 0;text-align: left; border-width: 1px 0 0 0;border-style:solid; border-color: #FCE5A9;} /* #FEC63B */ .emptysummary{ border-width: 0 !important; height: 5px !important;} .summarywrap div.spacewrap{ height: 2px;padding-left:10px;} .spacewrap p.spaceletter{ height: 20px;width: 20px;} .spacewrap p.schoicetxt{ padding-left:8px;font-weight: 700;line-height: 20px;text-align: left;} .summarywrap p.percent_total{width: 45px;line-height: 30px;text-align:right;margin-right:5px;} .summarywrap > p.counttotal{text-align: left;padding-left:5px;line-height: 30px;} /* border-width: 0 0 0 1px;border-style:solid; border-color: #A1A0A5; */ .summarywrap p.summary_message{line-height: 28px;text-align: left;font-weight: 700;margin-left:20px;color:#9c3434;} .summarywrap a.ownervote{ position:absolute;top:4px;right:10px;height: 22px; font-size: 10px;font-weight: 700;padding:.3em .8em .3em;text-decoration:none !important; color:#414045;background-color:white; /* background-color: #F2A30A; */ border: 1px solid #414045; transition: all .2s; cursor:pointer;} /* .summarywrap a.ownervote:hover{background-color: #FFB700;} */ .summarywrap a.ownervote:active{text-decoration:none;background-color: #9EC53D;} /* ORIGINAL ANALYTICS RESULT */ .summarybox{ width:300px; height: 30px; margin-bottom:0; font-size: 13px; text-align: left; background-color: white;color:#414045; border-width: 0 1px 1px 1px;border-style:solid; border-color: #A1A0A5;} .summarybox p.pctotal{float:left;width: 85px;margin-right:10px;text-align: right;line-height: 30px;} p.counttotal{float:left;text-align: left;line-height: 30px;} p.rlabel{float:left;width: 85px;line-height: 30px;text-align: right;font-weight: 700;margin-right:10px;} p.fullsumary{float:left;width: 280px;line-height: 28px;text-align: left;font-weight: 700;margin-left:20px;color:#9c3434;} div.polink{ position:absolute;top:0;right:0; height: 22px; width: 22px; margin: 3px 10px 0 0;} /* 35 */ .polink svg.polinksvg{height: 22px;width: 22px;cursor: pointer;} /* .polink svg.polinksvg:hover .slfill{fill:#F2A30A;} */ .stats_wrapper div.triviaboxwrapper{ position: relative; width:310px; min-height:30px; max-width: 300px; margin: 12px 0 20px 10px; background-color: white;color:#414045; /* border: 1px solid #A1A0A5; */ text-align: left; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px; } .triviaboxwrapper p.anshead{ margin:0 0 1px 0;padding:5px 20px 0 10px;background-color:transparent;color:#414045;font-size: 12px; font-weight: 700;line-height: 16px;text-align: left;letter-spacing:.05rem;font-variant:small-caps;} .triviaboxwrapper p.anstext{ text-indent:-22px;padding:5px 15px 12px 0;margin-left:26px;font-weight: 300;font-size: 13px;line-height: 18px;-webkit-font-smoothing: subpixel-antialiased;} svg.triviacheck{margin:2px 5px 0 0;vertical-align: top;} .widetriviabox{ box-shadow: 4px 4px 15px -11px rgba(0,0,0,.5), 0 5px 26px 0 rgba(0,0,0,.15), 0 7px 9px -6px rgba(0,0,0,.25);} .dasbubble:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #fff; /* #A1A0A5 */ left: 15%; top: -19px; } .dasbubble:after { content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #fff; left: 15%; top: -19px; } .pollsetwrap div.pollwrapper{display:none; position:relative; float:left; margin: 0 0 60px 10px;} .pollwrapper div.pollcapsulewrapper{ width: 300px;margin: 0 auto;} .scaleto70pct{ transform-origin: 0 0; -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7);} /* * * * Used to accurately calculate the width of schoicetxt * */ p.offscreen_schoicetxt{ position:relative;top:0;left:-2000px; display:inline-block; padding-left:8px; font-size: 13px;font-weight: 700;line-height: 20px; text-align: left; white-space:nowrap;} /* --------- END POLL ANALYTICS --------- */ /* --------- PREFERENCES PAGE --------- */ .prefsbox{margin:auto;width: 320px;padding-left:10px;} .inputwrap{margin-bottom:10px;padding-right:14px;text-align: left;width:inherit;} .inputwrap p.toplabel{width:inherit;margin:0 0 1px 0;padding:0 7px 1px 7px;line-height: 20px;text-align: left;font-size: 13px; font-weight: 700;font-variant:small-caps;} .toplabel span.inputmsg{} .inputwrap input.prefinput{width:inherit;font-size:13px;padding:6px;border: 1px solid #FEC63B;text-align: left;} .inputwrap p.errline{display:none;width:inherit;font-size: 12px;font-weight: 300;padding:6px;margin:2px 0 0 0;text-align:center;background-color:#FFEBE8;border:1px solid #DD3C10;} .inputwrap p.botsplainer{width:inherit;font-size: 11px;font-style: italic;margin-top:2px;padding:0 7px 0 7px;line-height: 13px;} .botsplainer a.forgotpass{ font-size: 11px;font-weight: 300;text-align: left;color:#414045;} .inputwrap input.boxcheck{float:left;width: 16px;height: 16px;margin: 3px 10px 0 0;} .inputwrap p.boxchecktext{float:left;width: 255px;min-height:20px;width:inherit;margin:0;text-align: left;font-size:13px; font-weight: 300;} .prefsbox p.sectionhead{width:inherit;font-size: 16px;font-weight: 700;text-align: left;color:#414045;margin:15px 0 10px 0;} .prefsbox p.subsection{width:inherit;font-size: 14px;font-weight: 300;text-align: left;color:#414045;margin:10px 0 10px 0;} .prefsbox div.savebuttonwrapper{ margin:30px 0 30px 30px;text-align:left;} /* margin:30px 0 30px 30px;text-align:left; */ .savebuttonwrapper a.savebutton{} .merge_band{width: 100%;text-align:center;} .merge_band div.merge_band_content{margin: 0 auto;width:100%;min-width:280px;max-width:980px;} .merge_band div.merge_band_content div.merge_panel{text-align: left;padding:15px;margin:10px 10px 10px 0;background-color: #FFFEE3;border-width: 1px;border-style:dashed; border-color: #FEC63B;} .merge_panel p.mergelabel{margin:0 0 5px 0;font-size:13px;font-weight: 700;cursor: default;} .merge_panel input.authorscode{ font-size:13px;padding:6px;margin:0 0 5px 0;border: 1px solid #FEC63B;cursor: text;} .merge_panel p.linkmouse{font-size:11px;font-style: italic;cursor: default;} .lineseparator{padding:15px 0 0 0;border-width: 0 0 1px 0;border-style: solid; border-color: #F2A30A;} /* --------- BASED ON POPQUICKCHOICE - FSS_share --------- */ .popsharechoice{ display:none;position:absolute;width:200px;height:40px; background-color:#414045;color:white;border-width: 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; z-index:999;} .popsharechoice div.popshareaction{float:left;position:relative;left:0;top:0;width:42px;height:40px;cursor: pointer;} .popshareaction > svg{position:absolute;top:12px;left:12px;} .popsharechoice div.optionwrap{float:left;width:32px;height:32px;margin:4px 0 4px 6px;cursor: pointer;} /* .sharemail > svg:hover circle{ fill: rgb(217, 155, 0);} .sharefacebook > svg:hover circle{ fill: rgb(73, 102, 146);} .sharetwitter > svg:hover circle{ fill: rgb(18, 162, 211);} */ .sharemail > svg:active circle{ fill: #9EC53D;} .sharefacebook > svg:active circle{ fill: #9EC53D;} .sharetwitter > svg:active circle{ fill: #9EC53D;} .popsharechoice div.closepopshare{position:absolute;right:6px;top:12px;cursor:pointer;} /* .closepopshare > svg:hover polyline{ fill: #F2A30A} */ .closepopshare > svg:active polyline{ fill: #9EC53D} /* --------- EMAIL SHARE - FSS_share --------- */ div.popupmailer{display:none;position:absolute;top:0;left:0;width:310px;padding-bottom:10px;text-align: left; background-color: white; /* #F6F6F6 */ /* -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; */ border-width: 1px;border-style:solid;border-color:#414045; box-shadow: 0 0 6px #888888;-moz-box-shadow:0 0 6px #888888;-webkit-box-shadow:0 0 6px #888888; overflow: hidden; z-index:197;} .popupmailer p.popum_title{width: inherit;margin-bottom: 15px;padding:9px 16px 9px 16px;font-size:14px;font-weight: 700;color:#FFFFFF;background-color:#555458;} .popupmailer div.popum_err{display:none;position:relative;top:0;left:0;width: 285px;min-height:1em;margin:0 10px 10px 10px;padding:.6em;text-align:center;background-color:#FFEBE8;border:1px solid #DD3C10;} .popum_err p.popum_errsubj{font-size: 12px;font-weight: 600;} .popum_err p.popum_errmsg{font-size: 12px;font-weight: 300;} .popum_err div.popum_errclose{position:absolute;top:-11px;right:-11px;} .popum_errclose > svg{cursor: pointer;} /* .popum_errclose > svg:hover .thecircle{fill: #F2A30A;} .popum_errclose > svg:hover .thecross{fill: #414045;} */ .popupmailer div.popum_header{width:300px;height: 19px;margin-left: 5px;text-align: left;font-size: 12px;font-weight: 600;font-variant: small-caps;text-rendering: optimizeLegibility;color: #414045;} .popum_header p.popum_fnamelabel{margin: 4px 0 0 10px;width:80px;} .popum_header p.popum_msglabel{margin: 4px 0 0 10px;width:180px;} .popupmailer div.popum_destrow{ width:300px;height: 27px;margin-left: 5px;} .popum_destrow input.popum_first{float: left;width: 85px;margin: 0 2px 0 5px;padding: 3px 3px 4px;font-size: 13px;border: 1px solid #ccc;} .popum_destrow input.popum_email{float: left;width: 198px;margin: 0;padding: 3px 3px 4px;font-size: 13px;border: 1px solid #ccc;} .popupmailer textarea#popum_msg{margin:0 0 10px 10px;width:285px;padding:6px;font-size: 13px; background-color: white;color:#414045;font-weight:300;cursor: text;border: 1px solid #ccc;overflow-x:hidden;resize:none;} .popupmailer div.popum_buttonrow{position:relative;top:0;left:0;width:285px;margin: 5px 0 10px 10px;} .popum_buttonrow label.sendmethod_label{float:left;margin-top: 4px;} .popum_buttonrow input#sendmethod{float:left;margin-top: 6px;cursor:pointer;} .popum_buttonrow > a{font-weight: 700;font-size: 13px;line-height:normal !important;text-decoration:none;color:#414045;cursor:pointer;} .popum_buttonrow a.popum_send{ float:right;padding:4px 20px 5px 20px;} .popum_buttonrow a.popum_cancel{ float:right;padding:4px 10px 5px 10px;} .popum_buttonrow img.popum_async{display:none;position: absolute;bottom:6px;right:26px;} .agalertstdok{ background-color: #FFB700;margin-left: 10px;} /* .agalertstdok:hover{ background-color: #F2A30A;} */ .agalertstdok:active{ background-color: #9EC53D;} .agalertstdno{ background-color: #D5D5D6;} /* .agalertstdno:hover{ background-color: #A0A0A0;} */ .agalertstdno:active{ background-color: #9EC53D;} .emailaddrsisok{ border-color: #07F937 !important;} .emailaddrsisbad{ border-color: #DD3C10 !important;} .nosend{ opacity: .3; cursor: default !important;} /* .nosend:hover{ opacity: .3; background-color: #FFB700;} */ /* --------- OUT OF POLLS --------- */ .message_frame{display:none;margin:0 auto;min-width:320px;max-width:980px;padding:0 20px 20px 20px;} .message_frame div.msgcontainner{margin:0 20px 0 20px;padding:0 30px 20px 30px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border-width: 5px;border-style:solid; border-color:#414045; background-color: white;color:#414045;} .msgcontainner h1.headmsg, p.headmsg{font-size: 24px;font-weight: 700;margin: .7em 0 .7em 0;} .msgcontainner h3.bodymsg, p.bodymsg{ font-size: 14px;font-weight: 700;margin: 1em 0 1em 0;} .msgcontainner a.gopoll{margin-top:20px;} /* --------- FIXED BOTTOM FOOTER --------- */ .footer_band{position:fixed;left: 0;bottom: 0;min-height:2em;width:100%;text-align:center;margin-top:20px;color:white;background-color:#414045;cursor: default;} .footer_band div.footer_content{margin: 0 auto;width:100% !important;min-width:320px;min-height:2em;text-align:center;font-size:11px;font-weight: 100;} /* #E0E0E0 max-width:980px;border-width: 0 1px 0 1px;border-style:solid; border-color:#F2A30A; */ .footer_band div.footer_content div.footer_copyright{float:left;text-align:left;margin-left:10px;margin-top:4px;} .footer_band div.footer_content div.footer_rightlinks{float:right;text-align:right;margin-right:8px;margin-top:4px;} .footer_band div.footer_content div.footer_rightlinks a{color:white;} /* .footer_band div.footer_content div.footer_rightlinks a:hover{color:#F2A30A;text-decoration:none;} */ /* --------- PRIVACY AND TERMS --------- */ .mobile_column div.subtitlecontent{margin: 25px 20px 15px 20px;} .subtitlecontent p.aggr_titlename{margin: 7px 0 0 0;font-size:18px;font-weight: 700;text-transform: capitalize; } .mobile_column div.text_container{margin:15px 20px 50px 20px;font-size: 12px; font-weight: 300; text-align:left;line-height:1.6em !important; text-decoration: none;} .text_container p{} .text_container p span{color:black} .text_container p.sechead{margin-top:10px;font-weight: 700;} .text_container p.adgt{line-height:1.3em;color:black} .text_container ul{list-style-type:lower-alpha;list-style-position:outside;margin:0 0 0 20px;padding:0} /* --------- PASSWORD RESET & FORGOT --------- */ .mobile_column div.sheader{margin: 15px 0 15px 0;} .sheader p.head{padding:0 15px 0 15px;font-weight: 700;font-size:16px;} .sheader p.subregular{padding:10px 15px 0 15px;color:#414045;font-size:13px;font-weight: 300;line-height:1.4em;} .mobile_column div.newaccform{margin: 15px 0 15px 0;} /* background-color: #F4F4FF; */ .newaccform div.inputrow{margin:0 0 6px 0;} .inputrow input#email{padding:6px;font-size:13px;border: 1px solid #FEC63B;width:300px;} .inputrow input.textentry{padding:6px;font-size:13px;border: 1px solid #FEC63B;width:300px;} .newaccform div.signup_errors{display:none;min-height:1em;padding:.6em;margin:2px 0 10px 20px;text-align:center;background-color:#FFEBE8;border:1px solid #DD3C10;} .newaccform a#sendpass_btn{margin:30px 0 0 0;} .newaccform a#changepass_btn{margin:30px 0 0 0;} .mobile_column a#success_snip{margin:15px 0 0 15px;display:none;} a#success_snip{display:none;} a#cancelreset{display:none;} /* --------- USE AS FOLLOWS: NAME --------- */ .agbutton { display:inline-block; /* -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; */ text-align:center;white-space:nowrap;vertical-align: middle; } .agbutton_large { font-weight: 500;font-size: 14px;padding:.45em 1em .5em;} .agbutton_med { font-weight: 500;font-size: 13px;padding:.35em .6em .4em} .agbutton_tight { font-weight: 500;font-size: 11px;padding:.4em 1em .5em} .agbutton_votesize{font-weight: 700;font-size: 16px;line-height:30px;padding-left:1em;padding-right:1em;} .agbutton_panelsize{font-weight: 700;font-size: 16px;line-height:30px;padding-left:1em;padding-right:1em;} .agbuttonQPYw{text-decoration:none;background-color: #F2A30A;color:#414045;cursor:pointer;} /* .agbuttonQPYw:hover{text-decoration:none;background-color: #FFB700;} */ .agbuttonQPYw:active{text-decoration:none;background-color: #9EC53D;} .agfileupbutton{text-decoration:none;background-color: #F2A30A;color:#414045;border: 1px solid #414045;cursor:pointer;} /* .agfileupbutton:hover{text-decoration:none;background-color: #FFB700;} */ .agfileupbutton:active{text-decoration:none;background-color: #9EC53D;} .agbuttonVote{text-decoration:none;background: #F2A30A;color:#414045;border: 1px solid #414045;cursor:pointer;} /* .agbuttonVote:hover{text-decoration:none;background-color: #FFB700;} */ .agbuttonVote:active{text-decoration:none;background-color: rgb(218, 147, 9);} /* #9EC53D; */ .agbuttonVoteFaded{text-decoration:none;background-color: #F9D285;color:#9F8B67;} /* .agbuttonVoteFaded:hover{text-decoration:none;} */ .agbuttonVoteFaded:active{text-decoration:none;} .agbuttonVoteResults{text-decoration:none;background: #F2A30A;color:#414045;border: 1px solid #414045;cursor:pointer;} /* .agbuttonVoteResults:hover{text-decoration:none;background-color:#FFB700;} */ .agbuttonVoteResults:active{text-decoration:none;background-color: rgb(218, 147, 9);} .votepaused{text-decoration:none;background-color: #F9D285;color:#9F8B67;border: 0 !important;cursor: default !important;} /*.votepaused:hover{background-color: #F9D285 !important;}*/ .novotepaused{cursor: default !important;} /*.novotepaused:hover{background-color: #F9D285 !important;}*/ .greenbuttonoverride{background-color: #52652C;color:white;border: 0;} /*.greenbuttonoverride:hover{background-color: #637835;}*/ /* --------- CUSTOM HTML5 SLIDER CONTROL --------- */ input[type=range] { -webkit-appearance: none; /* https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */ border: 1px solid white; /* fix for FF unable to apply focus style bug */ background-color: inherit; border: none; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { -webkit-appearance: none; /*removes default webkit styles*/ width: 200px; height:10px; background-color: #414045; border: none; border-radius: 2px; -webkit-border-radius: 2px; animate: 0.2s; cursor: pointer; } input[type=range]:focus::-webkit-slider-runnable-track { background: #414045; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 1px solid #414045; height: 28px; width: 28px; border-radius: 50%; background-color: #F2A30A; margin-top: -9px; cursor: pointer; } input[type=range]::-moz-range-track { width: 200px; height:10px; background: #414045; border: none; border-radius: 0; cursor: pointer; } input[type=range]::-moz-range-thumb { border: 1px solid #414045; height: 28px; width: 28px; border-radius: 50%; background-color: #F2A30A; margin-top: -9px; cursor: pointer; } input[type=range]:-moz-focusring{ /*hide the outline behind the border*/ outline: 1px solid #FFFEF1; outline-offset: 0; } input[type=range]:focus::-moz-range-track { outline: 1px solid #FFFEF1; outline-offset: 0; } input[type=range]::-ms-track { background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */ color: transparent; /*remove default tick marks*/ border: 0; border-radius: 0; border-width: 0 0; cursor: pointer; } input[type=range]::-ms-fill-lower { background: #414045; border: 0; border-radius: 0; } input[type=range]::-ms-fill-upper { background: #414045; border: 0; border-radius: 0; } input[type=range]::-ms-thumb { height: 28px; width: 28px; border-radius: 50%; background: #F2A30A; border: 1px solid #414045; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #414045; border: 0; border-radius: 0; } input[type=range]:focus::-ms-fill-upper { background: #414045; border: 0; border-radius: 0; } .whitethumb::-webkit-slider-thumb { background-color: white !important; cursor: default !important; } .solidnocursor{opacity: 1 !important;cursor: default !important;} .nocursorack::-webkit-slider-runnable-track { cursor: default !important; } .nocursorthumb::-webkit-slider-thumb { cursor: default !important; } .unvotedthumb::-webkit-slider-thumb { background-color: white !important; } /* .unvotedthumb:hover::-webkit-slider-thumb { background-color: #F9D285 !important; } */ /* * * * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT * * */ .votemargin{ margin: 0 0 0 135px;} .actiongroupmargin{margin: 0 0 0 35px;} .actionspinner, .actionspinner > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .actionspinner { display: block; font-size: 0; color: #F2A30A; } .actionspinner > div { display: inline-block; float: none; background-color: currentColor; /* border: 1px solid #414045;*/ border: 0 solid currentColor; } .actionspinner { width: 30px; height: 30px; } .actionspinner > div { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 100%; -webkit-animation: actionspin-fade 1s infinite linear; -moz-animation: actionspin-fade 1s infinite linear; -o-animation: actionspin-fade 1s infinite linear; animation: actionspin-fade 1s infinite linear; } .actionspinner > div:nth-child(1) { top: 5%; left: 50%; -webkit-animation-delay: -1.125s; -moz-animation-delay: -1.125s; -o-animation-delay: -1.125s; animation-delay: -1.125s; } .actionspinner > div:nth-child(2) { top: 18.1801948466%; left: 81.8198051534%; -webkit-animation-delay: -1.25s; -moz-animation-delay: -1.25s; -o-animation-delay: -1.25s; animation-delay: -1.25s; } .actionspinner > div:nth-child(3) { top: 50%; left: 95%; -webkit-animation-delay: -1.375s; -moz-animation-delay: -1.375s; -o-animation-delay: -1.375s; animation-delay: -1.375s; } .actionspinner > div:nth-child(4) { top: 81.8198051534%; left: 81.8198051534%; -webkit-animation-delay: -1.5s; -moz-animation-delay: -1.5s; -o-animation-delay: -1.5s; animation-delay: -1.5s; } .actionspinner > div:nth-child(5) { top: 94.9999999966%; left: 50.0000000005%; -webkit-animation-delay: -1.625s; -moz-animation-delay: -1.625s; -o-animation-delay: -1.625s; animation-delay: -1.625s; } .actionspinner > div:nth-child(6) { top: 81.8198046966%; left: 18.1801949248%; -webkit-animation-delay: -1.75s; -moz-animation-delay: -1.75s; -o-animation-delay: -1.75s; animation-delay: -1.75s; } .actionspinner > div:nth-child(7) { top: 49.9999750815%; left: 5.0000051215%; -webkit-animation-delay: -1.875s; -moz-animation-delay: -1.875s; -o-animation-delay: -1.875s; animation-delay: -1.875s; } .actionspinner > div:nth-child(8) { top: 18.179464974%; left: 18.1803700518%; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } /* * Animation */ @-webkit-keyframes actionspin-fade { 0%, 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: .25; -webkit-transform: scale(.5); transform: scale(.5); } } @-moz-keyframes actionspin-fade { 0%, 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 50% { opacity: .25; -moz-transform: scale(.5); transform: scale(.5); } } @-o-keyframes actionspin-fade { 0%, 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 50% { opacity: .25; -o-transform: scale(.5); transform: scale(.5); } } @keyframes actionspin-fade { 0%, 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { opacity: .25; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } } /* * * * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden * * https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css * * */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animatedfast { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } /* .qpollrad{ background-image: -ms-radial-gradient(center, circle contain, #fec63b 0%, #f2a30a 100%); background-image: -moz-radial-gradient(center, circle contain, #fec63b 0%, #f2a30a 100%); background-image: -o-radial-gradient(center, circle contain, #fec63b 0%, #f2a30a 100%); background-image: -webkit-gradient(radial, center center, 0, center center, 143, color-stop(0, #fec63b), color-stop(1, #f2a30a)); background-image: -webkit-radial-gradient(center, circle contain, #fec63b 0%, #f2a30a 100%); background-image: radial-gradient(center, circle contain, #fec63b 0%, #f2a30a 100%); background-color: #f2a30a;} Red: #BD0E21 // Quikipoll Red Green: #06a910 BrightGreen #04f815 BrightYellow #ffe400, rgb(255, 228, 0); DkBrown: #414045 rgb(65,64,69); // Quikipoll Brown, text, headers DkMdBrown: #555458 rgb(85,84,88); // DarkMedium - popup menu head highlight MdBrown: #77777A rgb(119,119,122); // Medium - label text and popup menu outlines HLBrown: #D5D5D6 rgb(213,213,214); // Highlight Brown - dropmenu active state SLHLBrown: #E6E6E7 rgb(230,230,231); // Super Light Brown - drop menu highlights & shadows QPYellow: #F2A30A (242r 163g 10b) // Quikipoll Yellow / Buttons QPAlertYellow #FFB700 // Used in alertpop buttons MdYellow: #FEC63B (254r 198g 59b) // Medium Quikipoll Yellow PollCapBorder #FCE5A9 (252r 229g 169b) // poll capsule border: FadedButton #F9D285 (249r 210g 133b) // button faded/disabled FadedButtonTxt #9F8B67 159r 139g 103b // button text faded/disabled TextBoxBorder #6F6F72 rgb(111,111,114) // Search text box border TextHeadFill #FCE5A9 (252r 229g 169b) // texthead fill when selected. same as capsule border: CapsuleFill #FFFEF1 (255r 254g 241b) // capsule fill when selected OldBallsBlue #4469B1 EmailIcon 254r 198g 59b hover: 217r 155g 0b FacebookIcon 80r 124g 190b hover: 43r 72g 116b Twitter Icon 99r 205g 241b hover: 18r 162g 211b Lavender 94, 92, 151 */