.popup { z-index: 10; width: 100%; height: 500px; } .smallLink { font-size: 10px; text-decoration: underline; cursor: pointer; } .playerButtonImage { height: 60%; top: 0; bottom: 0; display: block; margin: auto; } .playerButton { vertical-align: top; } .sponsorSkipObject { font-family: 'Source Sans Pro', sans-serif; } .sponsorSkipLogo { height: 64px; position: absolute; top: 0; bottom: 0; margin: auto; margin-left: 10px; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .sponsorSkipNotice { min-height: 165px; min-width: 400px; background-color: rgba(255, 217, 217, 0.8); position: absolute; z-index: 1; border: 3px solid rgba(0, 0, 0, 0.8); margin-top: -50px; animation: fadeIn 0.5s; } /* if two are very close to eachother */ .secondSkipNotice { margin-left: 500px; transition: margin-left 0.2s; } .sponsorSkipMessage { font-size: 18px; color: #000000; text-align: center; margin-top: 10px; font-weight: bold; margin-top: 4px; } .sponsorSkipInfo { font-size: 10px; color: #000000; text-align: center; margin-top: 0px; } #sponsorTimesThanksForVotingText { font-size: 20px; font-weight: bold; color: #000000; text-align: center; margin-top: 0px; margin-bottom: 0px; } #sponsorTimesThanksForVotingInfoText { font-size: 12px; font-weight: bold; color: #000000; text-align: center; margin-top: 0px; } .sponsorTimesInfoMessage { font-size: 15px; font-weight: bold; color: #000000; text-align: center; } .voteButton { height: 32px; margin-right: 15px; cursor: pointer; } .voteButton:hover { filter: brightness(80%); } .submitButton { background-color:#ec1c1c; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #d31919; display:inline-block; cursor:pointer; color:#ffffff; font-size:14px; padding:4px 15px; text-decoration:none; text-shadow:0px 0px 0px #662727; margin-top: 5px; margin-right: 15px; } .submitButton:hover { background-color:#bf2a2a; } .submitButton:focus { outline: none; background-color:#bf2a2a; } .submitButton:active { position:relative; top:1px; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .sponsorSkipButton { background-color:#ec1c1c; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #d31919; display:inline-block; cursor:pointer; color:#ffffff; font-size:14px; padding:4px 15px; text-decoration:none; text-shadow:0px 0px 0px #662727; margin-top: 5px; margin-right: 15px; } .sponsorSkipButton:hover { background-color:#bf2a2a; } .sponsorSkipButton:focus { outline: none; background-color:#bf2a2a; } .sponsorSkipButton:active { position:relative; top:1px; } .sponsorSkipDontShowButton { -moz-box-shadow:inset 0px 1px 0px 0px #cf866c; -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c; box-shadow:inset 0px 1px 0px 0px #cf866c; background-color:#d0451b; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #942911; display:inline-block; cursor:pointer; color:#ffffff; font-size:13px; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #854629; } .sponsorSkipDontShowButton:hover { background-color:#bc3315; } .sponsorSkipDontShowButton:focus { outline: none; background-color:#bc3315; } .sponsorSkipDontShowButton:active { position:relative; top:1px; }