@font-face {font-family: "socialite-0-7-0"; src: url("//massrel-all.massrel.io/static/socialite-0-7-0.65d242385d15e5f85038088a4b182e699bb33687.eot"); src: url("//massrel-all.massrel.io/static/socialite-0-7-0.65d242385d15e5f85038088a4b182e699bb33687.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-0-7-0.6c042f3b9867c8b75dbda2a6ee09b0ffd0929bb0.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-0-7-0.2ca9f8e32b26ae94cd6bf859304c8e4c314683a6.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-0-7-0.06fcba0933a8e07eca909fa21870fca84265a51a.svg#socialite-0-7-0") format("svg"); font-weight: normal; font-style: normal;} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-back-to-top:before, .icon-camera:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-close-x:before, .icon-facebook-comment:before, .icon-facebook-logo-letter:before, .icon-facebook-logo:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo-letter:before, .icon-google-plus-logo:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-load-more:before, .icon-mass-relevance-logo-copy:before, .icon-mass-relevance-logo:before, .icon-pinterest-logo:before, .icon-place:before, .icon-search:before, .icon-thumbs-down:before, .icon-twitter-favorite:before, .icon-twitter-logo:before, .icon-twitter-reply:before, .icon-twitter-retweet:before, .icon-twitter-verified-bg:before, .icon-twitter-verified-check:before, .icon-upload:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before {font-family: "socialite-0-7-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-back-to-top:before {content: "\f103";} .icon-camera:before {content: "\f104";} .icon-chevron-down:before {content: "\f105";} .icon-chevron-up:before {content: "\f106";} .icon-close-x:before {content: "\f107";} .icon-facebook-comment:before {content: "\f108";} .icon-facebook-logo-letter:before {content: "\f109";} .icon-facebook-logo:before {content: "\f10a";} .icon-facebook-mobilelike:before {content: "\f10b";} .icon-facebook-share:before {content: "\f10c";} .icon-getglue-logo:before {content: "\f10d";} .icon-google-plus-logo-letter:before {content: "\f10e";} .icon-google-plus-logo:before {content: "\f10f";} .icon-instagram-comment:before {content: "\f110";} .icon-instagram-like:before {content: "\f111";} .icon-instagram-logo:before {content: "\f112";} .icon-load-more:before {content: "\f113";} .icon-mass-relevance-logo-copy:before {content: "\f114";} .icon-mass-relevance-logo:before {content: "\f115";} .icon-pinterest-logo:before {content: "\f116";} .icon-place:before {content: "\f117";} .icon-search:before {content: "\f118";} .icon-thumbs-down:before {content: "\f119";} .icon-twitter-favorite:before {content: "\f11a";} .icon-twitter-logo:before {content: "\f11b";} .icon-twitter-reply:before {content: "\f11c";} .icon-twitter-retweet:before {content: "\f11d";} .icon-twitter-verified-bg:before {content: "\f11e";} .icon-twitter-verified-check:before {content: "\f11f";} .icon-upload:before {content: "\f120";} .icon-vine-logo:before {content: "\f121";} .icon-vote-check:before {content: "\f122";} .icon-youtube-logo:before {content: "\f123";} .button {font: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0.4em 0 0.4em 0.4em; padding: 0.25em 0.6em; font-size: 1.0em; line-height: 1.4em; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); background-image: linear-gradient(top, #ffffff, #cccccc); -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; display: inline-block; text-decoration: none; vertical-align: top; valign: top;} .button:hover, .button:active {text-decoration: none; opacity: 1;} .button.twitter {font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-size: 14px; font-weight: bold; -webkit-font-smoothing: antialiased; text-shadow: none; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle; padding: 0.5em 1em 0.5em .6em;} .button.twitter .button-text {vertical-align: middle;} .button.twitter .icon-twitter-logo {font-weight: normal; font-size: 1.65em; vertical-align: middle;} .button.twitter.button-style-native {height: 20px; padding: 0 3px 0 4px; line-height: 20px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); background-image: -webkit-linear-gradient(#ffffff, #dedede); background-image: linear-gradient(#ffffff, #dedede); border: #cccccc solid 1px; color: #333333; font-weight: bold; font-size: 11px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button.twitter.button-style-native .icon-twitter-logo {color: #55acee; font-size: 12px;} .button.twitter.button-style-native:hover {border-color: #bbbbbb; background-color: #d9d9d9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9)); background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9); background-image: linear-gradient(#f8f8f8, #d9d9d9); -webkit-box-shadow: none; box-shadow: none;} .button.twitter.button-style-native.disabled {cursor: default; color: #808080;} .button.twitter.button-style-native.disabled .icon-twitter-logo {color: #e9eff3;} .button.twitter.button-style-native.disabled:focus, .button.twitter.button-style-native.disabled:hover {background-color: #eeeeee;} .button.twitter.button-style-silver {color: #4f4f4f; background-color: #f2efef; border: 1px solid #dbdbdb;} .button.twitter.button-style-silver:hover {background-color: #e5e3e3;} .button.twitter.button-style-silver .icon-twitter-logo {color: #55acee;} .button.twitter.button-style-silver.disabled {cursor: default; color: #9c9c9c;} .button.twitter.button-style-silver.disabled .icon-twitter-logo {color: #e9eff3;} .button.twitter.button-style-silver.disabled:focus, .button.twitter.button-style-silver.disabled:hover {background-color: #f2efef;} .button.twitter.button-style-white {color: #4f4f4f; background-color: #ffffff; border: 1px solid #999999;} .button.twitter.button-style-white:hover {background-color: #f2f2f2;} .button.twitter.button-style-white .icon-twitter-logo {color: #55acee;} .button.twitter.button-style-white.disabled {cursor: default; color: #9c9c9c;} .button.twitter.button-style-white.disabled .icon-twitter-logo {}@white DisabledIconColor; .button.twitter.button-style-white.disabled:focus, .button.twitter.button-style-white.disabled:hover {background-color: #ffffff;} .button.twitter.button-style-black {color: #ffffff; background-color: #333333; border: 1px solid #000000;} .button.twitter.button-style-black:hover {background-color: #484848;} .button.twitter.button-style-black .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-black.disabled {cursor: default; background-color: #808080;} .button.twitter.button-style-black.disabled:focus, .button.twitter.button-style-black.disabled:hover {background-color: #808080;} .button.twitter.button-style-color {color: #ffffff; background-color: #55acee; border: 1px solid #55acee;} .button.twitter.button-style-color:focus, .button.twitter.button-style-color:hover {background: #6ebaf5;} .button.twitter.button-style-color:active {background: #448abe;} .button.twitter.button-style-color .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-color.disabled {cursor: default; background-color: #84a6bf;} .button.twitter.button-style-color.disabled:focus, .button.twitter.button-style-color.disabled:hover {background-color: #84a6bf;} .button.facebook {padding: 0.5em 1em 0.5em .6em; font-size: 14px; font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; -webkit-border-radius: 3px; border-radius: 3px; background-image: none; vertical-align: middle;} .button.facebook .icon-facebook-logo {font-size: 1.65em; vertical-align: middle;} .button.facebook .button-text {vertical-align: middle;} .button.facebook.fb-like-button {background: transparent; -webkit-border-radius: none; border-radius: none; padding: 0; height: 20px; overflow: hidden;} .button.facebook.button-style-color {color: #fff; background-color: #4c69ba; border: 1px solid #4c69ba;} .button.facebook.button-style-color:focus, .button.facebook.button-style-color:hover, .button.facebook.button-style-color:active {background: #5b7bd5;} .button.facebook.button-style-silver {color: #4f4f4f; background-color: #f2efef; border: 1px solid #dbdbdb;} .button.facebook.button-style-silver .icon-facebook-logo {color: #4c65a5;} .button.facebook.button-style-silver:hover {background-color: #e5e3e3;} .button.facebook.button-style-white {color: #4f4f4f; background-color: #ffffff; border: 1px solid #999999;} .button.facebook.button-style-white:hover {background-color: #f2f2f2;} .button.facebook.button-style-white .icon-facebook-logo {color: #4c65a5;} .button.facebook.button-style-white.disabled {cursor: default; color: #9c9c9c;} .button.facebook.button-style-white.disabled .icon-facebook-logo {}@white DisabledIconColor; .button.facebook.button-style-white.disabled:focus, .button.facebook.button-style-white.disabled:hover {background-color: #ffffff;} .button.facebook.button-style-black {color: #ffffff; background-color: #333333; border: 1px solid #000000;} .button.facebook.button-style-black:hover {background-color: #484848;} .button.facebook.button-style-black .icon-facebook-logo {color: #ffffff;} .button.facebook.button-style-black.disabled {cursor: default; background-color: #808080;} .button.facebook.button-style-black.disabled:focus, .button.facebook.button-style-black.disabled:hover {background-color: #808080;} .button.facebook.button-style-native {height: 20px; display: inline-block; vertical-align: middle; font-size: 11px; text-shadow: 0 -1px 0 #354c8c; color: #fff; background: #4c69ba; background: -webkit-gradient(linear, left top, left bottom, from(#4c69ba), to(#3b55a0)); background: -webkit-linear-gradient(#4c69ba, #3b55a0); background: linear-gradient(#4c69ba, #3b55a0); border: none; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 5px 0 2px;} .button.facebook.button-style-native .icon-facebook-logo {font-size: 1.5em;} .button.facebook.button-style-native:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;} .button.facebook.button-style-native .button-text {display: inline-block; vertical-align: -0.1em;} .button.facebook.button-style-native:hover {background: #5b7bd5; background: -webkit-gradient(linear, left top, left bottom, from(#5b7bd5), to(#4864b1)); background: -webkit-linear-gradient(#5b7bd5, #4864b1); background: linear-gradient(#5b7bd5, #4864b1); border-bottom-color: #41599f; border-left-color: #4961a8; border-right-color: #4961a8; border-top-color: #5874c3; -webkit-box-shadow: inset 0 0 1px #607fd6; box-shadow: inset 0 0 1px #607fd6;} li.list-item {padding: 0; list-style: none;} .vote-buttons {text-align: center;} .vote-buttons.disabled a {pointer-events: none; cursor: not-allowed; opacity: .35; filter: alpha(opacity=35); -webkit-box-shadow: none; box-shadow: none;} .option .percent-pre-vote-container {display: none;} .with-results .option .percent-pre-vote-container {display: block;} .poll-list {padding: 0; margin: 0;} body {font-family: Helvetica; font-size: 12px; color: #333; background-color: #333333;} #card {width: 550px; margin: 5% auto; display: block; border: black 1px solid; background-color: white; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); padding: 10px;} h1 {font-family: Helvetica; font-size: 16px; font-style: normal; font-weight: bold; height: auto; line-height: 32px; text-align: left; white-space: pre-wrap;} .poll-question {font-weight: 400; margin-top: 5px;} #poll-image {width: 540px; margin-left: auto; margin-right: auto; position: relative;} #poll-image img {width: 100%;} .vote-overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .vote-overlay .background {position: absolute; width: 100%; height: 100%; background-color: black; opacity: .6;} .vote-overlay .bumper, .vote-overlay .choice {color: white; font-size: 2.5em; width: 100%; position: absolute; text-align: center;} .vote-overlay .bumper {top: 25%;} .vote-overlay .choice {top: 40%;} .vote-overlay .check {position: absolute; width: 100%; text-align: center; bottom: 10%;} #poll-content li {background-color: #337199; margin: 5px; border-left: 5px #adc6d6 solid; position: relative; min-height: 50px;} .option {display: inline-block; width: 80%; color: white; padding-left: 10px;} .option-buttons, .result-percent {display: inline; width: 20%; position: absolute; right: 0; text-align: center; background-color: #1f445c; top: 0; border-left: 3px #19364a solid; height: 100%;} li {padding: 0; list-style: none; line-height: 50px;} .result-percent {height: 100%; line-height: 50px; color: white; font-size: 18px;} .list-item-name {font-size: 19px; word-wrap: break-word; padding-right: 10px; font-style: normal; font-weight: bold;} #poll-image img.checkedin-check {display: block; background-color: #fff; border: 4px solid green; margin: 2% auto; padding: 10px; height: 64px; width: 64px; -webkit-border-radius: 48px; border-radius: 48px;} @media all and (max-width: 549px) {#card {background-color: #fff; width: 94%; margin: 0 auto; padding: 10px 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);} #poll-image {width: 97%;} .option-buttons, .result-percent {width: 30%;} .option {width: 70%;} .button.twitter {padding: 0.25em .5em 0.25em .3em;} .check {position: absolute; width: 100%; text-align: center; bottom: 10%;} #poll-image img.checkedin-check {padding: 5px; height: 32px; width: 32px; -webkit-border-radius: 24px; border-radius: 24px;}} .account {margin-bottom: 35px;} .account .avatar {float: left; width: 16px; height: 16px;} .account .name {font-size: 1.2em; color: #333; line-height: 16px; display: block; float: left; padding-left: 0.3em; margin-bottom: 0.2em;}