img.full-width {width: 100%} img.responsive {display: block; max-width: 100%} .text-align-left {text-align: left} .text-align-right {text-align: right} .text-align-center {text-align: center} .page-bg-img {background-repeat:no-repeat; background-position:center bottom; /* background-attachment:fixed; background-size: cover; */ background-size: cover; background-attachment: fixed} .homescreen-bg-img {background-color: #000; background-size: cover; background-repeat:no-repeat; background-position:center top;} .page-white-bg {background-color: #fff} .page-black-bg {background-color: #000} .ui-header a.ui-btn.no-text {border-color: transparent; box-shadow: none} .ui-header a.ui-btn.has-text {border-color: transparent; box-shadow: none; color: #fff; text-shadow: none} a.other-btn {text-shadow: none !important; border-radius: 8px !important; font-size: 18px;padding-top: .5em; padding-bottom: .5em; color: #fff !important;} /*<== if you want to change the light btn text to dark */ .ad-interstitial {position: absolute; top: 42px; z-index: 1000; background-color: #000; width: 100%; height: 100%; display: none} .ad-interstitial .ad-header {height: 40px; padding: 0 10px} .ad-interstitial .ad-header .close-btn {float: right; color: #fff; text-shadow: none; border-radius: 50%; border: 1px solid #fff;} .ad-interstitial .ad-header .close-btn span {display: block; height: 30px; width: 30px; font-size: 24px; text-align: center} .ad-interstitial .ad-header p {color: #fff; text-shadow: none; width: 100%; text-align: center; font-size: 12px; padding-top: 10px} .ad-interstitial .ad-body {height: 85%; padding: 10px; text-align: center} .ad-interstitial .ad-body img {max-width: 100%; max-height: 100%} .ad-footer {display: none} .ad-footer img {max-width: 100%; margin-bottom: -5px} .android-only {display: none} /** LOADING **/ div.loading {width: 70%; text-align: center; padding: 25px 12px; background: #000; border-radius: 8px; opacity: 0.8; margin: 30% auto;} div.loading img {margin-right: 14px} div.loading p {display: inline; font-size: 16px; font-weight: bold; color: #fff; text-shadow: none} /** TUTORIAL **/ #tutorial {color: #fff; text-decoration: none;} #tutorial .ui-content {padding: 1em 0;} #tutorial .tutorial-slide {position: relative; min-height: 500px} #tutorial .tutorial-slide p {font-size: 14px; font-weight: normal; text-align: center; padding: 10px 20px; margin-top: 0;} #tutorial .tutorial-slide img {max-width: 100%} #tutorial .tutorial-slide img.tutorial-home {width: 100%; } #tutorial .tutorial-slide div.tutorial-homescreen-container {width: 288px; height: 400px; margin: 0 auto; margin-bottom: 14px; position: relative} #tutorial .tutorial-slide div.tutorial-homescreen-container img.homescreen {width: 100%} #tutorial .tutorial-slide div.tutorial-homescreen-container .gradient-down {height: 80px; width: 100%; position: absolute; left: 0; top: 0; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=0 );} #tutorial .tutorial-slide div.tutorial-homescreen-container .gradient-up {height: 80px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #tutorial .tutorial-slide div.tutorial-homescreen-container img.tutorial-circle {position: absolute; width: 90px} #tutorial .tutorial-slide div.tutorial-events-info-container {position: relative} #tutorial .tutorial-slide div.tutorial-events-info-color {width: 320px; margin: 0 auto; height: 260px; position: absolute; left: 0; right: 0;} #tutorial .tutorial-slide div.tutorial-events-info-color .nav-color {height: 19%; position: absolute; top: 50px; left: 10px; width: 295px;} #tutorial .tutorial-slide div.tutorial-events-info-screen {width: 320px; margin: 0 auto; height: 260px; position: relative; margin-bottom: 20px} #tutorial .tutorial-slide div.tutorial-events-info-screen .gradient-up {height: 80px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #tutorial .tutorial-slide div.tutorial-events-info-screen a#tutorial-checkin-btn {position: absolute; top: 90px; left: 9%; width: 70%; height: 16px; font-size: 16px} #tutorial .tutorial-slide div.tutorial-events-info-screen img.tutorial-arrow {position: absolute; width: 90px; top: 120px; left: 55%;} #tutorial .tutorial-slide .skip-tutorial {position: absolute; left: 10px; bottom: 12px; color: #fff; text-shadow: none; font-size: 12px; text-decoration: none;} #tutorial .tutorial-slide a.tutorial-next-btn {width: 40%; margin: 0 auto; background-color: #5bb75b; border-color: #449b44; color: #fff; text-shadow: none; position: absolute; bottom: 0; left: 25%;} /** LOGIN **/ div.fb-login-btn {background-color: #21569F; padding: 10px; height: 25px; border-radius: 8px; text-align: center} div.fb-login-btn img {height: 28px; float: left; margin-left: 10px} div.fb-login-btn p {font-size: 20px; font-weight: bold; text-shadow: none; color: #fff; margin: 0;} div.seperator { text-align: center; margin: 20px 0; position: relative} div.seperator section {width: 40%; position: absolute; right: 0; top: 14px; border-bottom: 1px solid #7c7c7c;} div.seperator section:first-child {left: 0;} div.seperator span {padding: 0 14px; font-size: 22px; font-style: italic} table.login {border: 1px solid #ccc; border-radius: 8px; width: 100%; background: #fff;} table.login tr {} table.login tr td {border-bottom: 1px solid #ccc} table.login tr:last-child td {border-bottom: none} table.login tr td .ui-body-inherit {background-color: #fff; border: none; color: #333;} table.login tr td .ui-input-text {margin: 3px} table.login tr td .ui-input-text input {border: none !important; border-color: #fff; box-shadow: none !important; background:#fff} table.login tr td .ui-input-text input:focus {outline: none; box-shadow: none;} a.ui-btn.major-btn {text-shadow: none; border-radius: 8px; font-size: 18px; /* font-weight: normal; */ padding-top: .5em; padding-bottom: .5em; height: 20px} a.ui-btn.major-btn:hover {text-shadow: none} .ajax-loader {margin-bottom: -2px; margin-right: 1px;} .ui-text-controllers {margin-top: 14px; margin-bottom: 30px} .ui-text-controllers a, .ui-page-theme-a a:visited, .ui-page-theme-a a:active {color: #000; text-decoration: none; text-shadow: none} .ui-text-controllers a:hover {text-decoration: none} #login a.link-track.disclaimer, #register a.link-track.disclaimer {position: absolute; bottom: 5px; display: block; padding-right: 16px; text-align: center; color: #000; text-decoration: none; font-size: 11px; text-shadow: none} a.link-track.disclaimer:hover {text-decoration: none} /** FORGOT PASSWORD **/ #forgot-password {} #forgot-password .forgot-password {} #forgot-password .forgot-password input {border-color: #ccc; box-shadow: none !important; background:#fff} /** REGISTER **/ .network-login-strip {display: block; height: 24px;} /** HOMESCREEN **/ #notifications-content {} #notifications-content p.message {overflow: auto; white-space: normal; margin: 3px 0;} #notifications-content p.date {color: #666; margin: 3px 0;} #notification-view {width: 100%; height: 40px; position: absolute; top: 0; border: 1px solid #000; background: #111; font-weight: bold; display: none; z-index: 1000} #notification-view #notification-count {background-color: #E41B23; border: 1px solid #9D2024; border-radius: 6px; width: 24px; height: 22px; color: #fff; text-shadow: none; font-weight: bold; margin: 5px 0 0 8px; padding-top: 3px; float: left; text-align: center} #notification-view p {color: #fff; font-size: 14px; font-weight: bold; margin: 10px 10px 0 44px; padding: 0; text-align: left; font-weight: bold; text-shadow: none; } #notification-view p a {text-decoration: none; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; outline:0 !important; } #notification-view p a#read-notification {width: 500px;} .home-row {position: absolute; z-index: 10; width: 100%; text-align: center;} .home-row img {} /** EVENTS **/ .ui-page-theme-a .ui-bar-inherit.nav-bar-color { text-shadow: none; } .ui-arrow-min .ui-icon-carat-r:after {background-color: transparent; background-image: url(images/icons-png/carat-r-black.png); opacity: 0.45} #events.ui-page-theme-a .ui-btn {background-color: transparent;} #events h1.ui-title {margin: 0 15%} #events h1 span.events-tab {border: 1px solid #fff; padding: 5px 15px; margin: 0;} #events h1 span.events-tab:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #events h1 span.events-tab:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #events h1 span.events-tab.active {background-color: #fff; color: #240D69} #events #event-tags {display: none} #show-only-tag {display: none} #upcoming-events-list {} #upcoming-events-list li {} #upcoming-events-list li.ui-li-divider {background-color: transparent; border: none; border-bottom: 1px solid #ebebeb; font-size: 18px; } #upcoming-events-list li.upcoming-event {border: 1px solid #d1d1d1; margin: 10px; border-radius: 5px; background-color: #fff; overflow: hidden} #upcoming-events-list li.upcoming-event .ui-btn {padding: 0} #upcoming-events-list li.upcoming-event .ui-btn-icon-right {padding-right: 0} #upcoming-events-list li.upcoming-event h3 {margin: 0; font-size: 18px} #upcoming-events-list li.upcoming-event span.date {display: block; font-size: 12px; margin-top: 3px} #upcoming-events-list li.upcoming-event a.ui-icon-carat-r {border: none} #upcoming-events-list li.upcoming-event a.ui-icon-carat-r:after {background-image: none;} #upcoming-events-list li.upcoming-event .spotlight {display: block; width: 100%; height: 75px; margin: 20px 0 10px 0; position: relative} #upcoming-events-list li.upcoming-event .spotlight img {max-width: 25%; max-height: 75px;} #upcoming-events-list li.upcoming-event .spotlight img.opp-img {position: absolute; top: 0; bottom: 0; left: 15%} #upcoming-events-list li.upcoming-event .spotlight img.us-img {position: absolute; top: 0; right: 15%} #upcoming-events-list li.upcoming-event .spotlight span.vs {display: block; padding-top: 25px} #upcoming-events-list li.upcoming-event .event-info {display: block; /* width: 100%; */ min-height: 50px; padding: 10px 15px;} #upcoming-events-list li.upcoming-event .event-info .left-col {width: 50px; margin-right: 20px; float: left;} #upcoming-events-list li.upcoming-event .event-info .left-col img.event-image {max-width: 50px; margin-bottom: 8px} #upcoming-events-list li.upcoming-event .event-info .left-col .points-wrap {width: 50px; height: 50px; border-radius: 25px; background-color: #77aaeb;} #upcoming-events-list li.upcoming-event .event-info .left-col .points-wrap strong {font-size: 22px; line-height: 18px; padding-top: 9px; color: #fff; display: block; text-shadow: none;} #upcoming-events-list li.upcoming-event .event-info .left-col .points-wrap span {font-size: 12px; color: #fff; text-shadow: none; font-weight: normal} #upcoming-events-list li.upcoming-event .event-info .right-col {float: left; padding-right: 26px; padding-bottom: 16px; width: 70%} #upcoming-events-list li.upcoming-event .event-info .right-col h3 {white-space: normal;} #upcoming-events-list li.upcoming-event .event-info .right-col p {margin: 3px 0 0 0; overflow: auto; white-space: normal} #upcoming-events-list li.upcoming-event .event-info .right-col span.location {display: block; margin-top: 4px; font-weight: bold; font-size: .75em} #upcoming-events-list li.upcoming-event .event-info .right-col span.tickets-available {display: block; margin-top: 4px; font-weight: bold; font-size: .75em; color: #ff7200} #upcoming-events-list li.upcoming-event .event-info .right-col span.tickets-available img.ticket {height: 11px; margin-right: 2px} #upcoming-events-list li.upcoming-event .event-info .full-col {} #upcoming-events-list li.upcoming-event .event-info .full-col h3 {} #upcoming-events-list li.upcoming-event .event-info .full-col p {margin: 3px 0 0 0; overflow: auto; white-space: normal} #upcoming-events-list li.upcoming-event .event-info span.location {display: block; margin-top: 4px; font-weight: bold; font-size: .75em} #upcoming-events-list li.upcoming-event .event-info span.weather {display: block; margin: 4px 0px 10px -3px; font-size: .75em; color: #aaa; font-weight: normal} #upcoming-events-list li.upcoming-event .event-info span.weather img {width: 20px; margin-bottom: -5px; margin-right: 4px; opacity: 0.7} #upcoming-events-list li.upcoming-event .event-info span.tickets-available {display: block; margin-top: 4px; font-weight: bold; font-size: .75em; color: #ff7200} #upcoming-events-list li.upcoming-event .event-info span.tickets-available img.ticket {height: 11px; margin-right: 2px} #upcoming-events-list li.upcoming-event .event-info span.tickets-available canvas {height: 11px; margin-right: 2px} #upcoming-events-list li.upcoming-event div.bottom-bar {background-color: #f5f5f5; height: 55px; overflow: hidden} #upcoming-events-list li.upcoming-event div.bottom-bar div.points {width: 25%; float: left; height: 54px; background-color: #77aaeb; border-top: 1px solid #638DC3; text-align: center} #upcoming-events-list li.upcoming-event div.bottom-bar div.points strong {color: #fff; text-shadow: 2px 2px 0px #000; font-size: 22px; font-weight: bold; display: block; margin-top: 4px} #upcoming-events-list li.upcoming-event div.bottom-bar div.points span {color: #fff; text-shadow: 1px 1px 0px #000; font-size: 12px; text-transform: uppercase; font-weight: normal; display: block; letter-spacing: 1px} #upcoming-events-list li.upcoming-event div.bottom-bar div.time {width: 75%; float: left; height: 100%; border-top: 1px solid #ccc; border-bottom-right-radius: 5px; position: relative} #upcoming-events-list li.upcoming-event div.bottom-bar div.time:after {content:"";background: transparent url(images/icons-png/carat-r-black.png) center center no-repeat; width: 14px; height: 14px; position: absolute; right: 6px; top: 20px; opacity: 0.6} #upcoming-events-list li.upcoming-event div.bottom-bar div.time p {color: #444; font-size: 13px; margin-left: 15px} #upcoming-events-list li.upcoming-event div.bottom-bar div.time p.starting {padding-top: 1px} #upcoming-events-list li.upcoming-event div.bottom-bar div.time p.starting strong {display: block; margin-top: 3px} #upcoming-events-list li.upcoming-event div.bottom-bar div.time p.now {font-size: 18px;} #upcoming-events-list li.upcoming-event div.bottom-bar div.time p.now strong {display: block; margin-top: 4px} /** EVENT INFO **/ #event-info .event-info {display: block; border: 1px solid #d1d1d1; border-radius: 5px; overflow: hidden; margin: 10px 0 24px 0; min-height: 100px} #event-info.ui-page-theme-a .ui-btn.no-text {background-color: transparent; padding: 0;} #event-info.ui-page-theme-a .ui-btn.no-text img {height: 22px; padding: 4px;} #event-info .event-info .left-col {width: 60px; padding: 15px 0px 15px 15px; float: left;} #event-info .event-info .left-col:empty {width: 0px; padding: 0;} #event-info .event-info .left-col img.event-image {max-width: 60px; margin-bottom: 8px} #event-info .event-info .left-col .points-wrap {width: 50px; height: 50px; border-radius: 25px; background-color: #77aaeb;} #event-info .event-info .left-col .points-wrap strong {font-size: 22px; line-height: 18px; padding-top: 9px; color: #fff; display: block; text-shadow: none;} #event-info .event-info .left-col .points-wrap span {font-size: 12px; color: #fff; text-shadow: none; font-weight: normal} #event-info .event-info .right-col {padding: 15px 15px 15px 90px; min-height: 100px} #event-info .event-info .full-col {padding: 15px; min-height: 100px} #event-info .event-info .right-col h3, #event-info .event-info .full-col h3 {margin: 0 0 10px 0; font-size: 18px} #event-info .event-info .right-col span.date, #event-info .event-info .full-col span.date {display: block; font-size: 12px; margin-top: 3px; margin-bottom: 16px;} #event-info .event-info .right-col p, #event-info .event-info .full-col p {margin: 0; overflow: auto; white-space: normal; font-size: 14px} #event-info .event-info .right-col span.location {display: block; margin-top: 4px; font-weight: bold; font-size: .75em} #event-info .event-info .right-col span.tickets-available {display: block; margin-top: 4px; font-weight: bold; font-size: .75em; color: #ff7200} #event-info .event-info .right-col span.tickets-available img.ticket {height: 11px; margin-right: 2px} #event-info .event-info-notes {font-size: 14px; border-top: 1px solid #e3e3e5; padding-top: 14px; margin-top: 14px !important;} #event-info .event-info-users {font-size: 14px; border-top: 1px solid #e3e3e5; padding-top: 14px; margin-top: 14px !important;} #event-info .event-info-link {border-bottom: 1px solid #e3e3e5; padding: 5px 0px; min-height: 35px; background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} #event-info .event-info-link img {width: 30px; height: 30px; margin: auto 0; float: left;} #event-info .event-info-link p {padding: 7px 20px 0 45px; margin: 0; font-size: 16px} #event-info .event-info-link p a {display: block; color: #000; font-weight: normal; text-decoration: none} #event-info .event-info-award {border: 1px solid #e3e3e5; background-color: #fff; border-radius: 5px; padding: 0; overflow: hidden} #event-info .event-info-award img {width: 100%; height: auto; float: left} #event-info .event-info-award .award-info {float: left; height: auto; padding: 15px 30px 0 15px; background: #eee url(../img/bg-arrow.png) 98% center no-repeat; } #event-info .event-info-award h3 {font-size: 18px; margin: 0;} #event-info .event-info-award p {padding: 0 !important; font-size: 14px !important; margin: 5px 0 !important; color: #888} #event-info .event-info-link.tickets {border: 1px solid #ff7200; border-radius: 5px; padding: 5px; margin: 24px 0; background-color: #FFF8F2; background-image: none; position: relative} #event-info .event-info-link.tickets p {font-size; 17px; padding-left: 50px} #event-info .event-info-link.tickets img {margin: 2px 0 auto 4px;} #event-info .event-info-link.tickets img.carat-right {position: absolute; right: 5px; top: 0; bottom: 0; margin: auto 0; height: 14px; width: 14px;} #event-info .event-info-link.tickets canvas {width: 30px; height: 30px; margin: auto 0; margin: 2px 0 auto 4px; float: left;} #event-info .event-info-link.tickets canvas.carat-right {position: absolute; right: 5px; top: 0; bottom: 0; margin: auto 0; height: 14px; width: 14px;} #event-info .social {background-color: #fff; border-radius: 5px; overflow: hidden; border: 1px solid #ccc; margin-bottom: 24px} #event-info .social .event-info-link:last-child {border-bottom: none} #event-info .social .event-info-link img {display: block; height: 24px; width: auto; margin: 4px 10px 0;} #event-info .link-imgs {border: 1px solid #ccc; border-radius: 5px; margin: 24px 0; overflow: hidden} #event-info .event-info-link.link-img {border-bottom: 2px solid #ccc; padding: 0; margin: 0;} #event-info .event-info-link.link-img:last-child {border: none;} #event-info .event-info-link.link-img img.ad {width: 100%; height: auto; float: none; display: block; border-bottom: none} #event-info .venues {margin: 16px 0; border: 1px solid #ccc; border-radius: 5px; background-color: #fff;} #event-info span.text-divider {display: block; font-size: 18px; margin: 16px 0 10px 0px; border-bottom: 1px solid #ccc; padding-bottom: 4px; text-shadow: 1px 1px 0 #fff;} #event-info .event-info-link.venue {min-height: 42px; padding: 5px 10px} #event-info .event-info-link.venue:last-child {border-bottom: none} #event-info .event-info-link.venue img {margin-top: 5px;} #event-info .event-info-link.venue h4 {padding: 3px 0 0 45px; margin: 0; font-weight: normal; font-size: 16px} #event-info .event-info-link.venue p {padding: 3px 0 0 45px; margin: 0; font-size: 11px; color: #777} #event-info .event-info div.bottom-bar {background-color: #f5f5f5; height: 55px; } #event-info .event-info div.bottom-bar div.points {width: 25%; float: left; height: 55px; background-color: #77aaeb; border-top: 1px solid #638DC3; border-bottom-left-radius: 5px; text-align: center} #event-info .event-info div.bottom-bar div.points strong {color: #fff; text-shadow: 2px 2px 0px #000; font-size: 22px; font-weight: bold; display: block; margin-top: 4px} #event-info .event-info div.bottom-bar div.points span {color: #fff; text-shadow: 1px 1px 0px #000; font-size: 12px; text-transform: uppercase; font-weight: normal; display: block; letter-spacing: 1px} #event-info .event-info div.bottom-bar div.time {width: 75%; float: left; height: 55px; border-top: 1px solid #ccc; border-bottom-right-radius: 5px; position: relative} #event-info .event-info div.bottom-bar div.time p {color: #444; font-size: 13px; margin-left: 15px} #event-info .event-info div.bottom-bar div.time p.starting {margin-top: 10px} #event-info .event-info div.bottom-bar div.time p.starting strong {display: block; margin-top: 3px} #event-info .event-info div.bottom-bar div.time p.now {font-size: 18px;} #event-info .event-info div.bottom-bar div.time p.now strong {display: block; margin-top: -3px} /* events calendar */ #events #events-calendar {background-color: #ddd; padding: 20px 0; position: absolute; top: 46px; left: 0; height: 300px; overflow-x: scroll; white-space: nowrap; display: none; width: 100%} #events #events-calendar .slider {width: 5000px} #events .mini_calendar {max-width: 320px; /* margin: 0 auto 30px */ float: left; margin: 0 20px;} #events .mini_calendar caption.calendar-month {font-weight: bold;} #events .mini_calendar th {font-size: 10px; font-weight: normal; color: #aaa} #events .mini_calendar td {height: 40px; width: 40px; text-align: center} #events .mini_calendar td.event {background-color: transparent; color: #444; text-shadow: none} #events .mini_calendar td.event.visible {background-color: #000; color: #fff; text-shadow: none} #events .mini_calendar td.tag-Home-Game {background-color: #240D69; color: #fff; text-shadow: none} #events .mini_calendar td.tag-Away-Game {background-color: #fff !important; text-shadow: none} /** EVENT INFO USERS **/ ul#event-info-users-list {} ul#event-info-users-list li {min-height: initial; height: 42px; border-bottom: 1px solid #ddd; border-top: none} ul#event-info-users-list li div.user-place {float: left; background: url('../img/place-banner.png'); width: 28px; height: 33px; background-size: 28px 41px; padding-top: 8px; text-align: center;} ul#event-info-users-list li div.user-place span {color: #fff; text-shadow: none; font-weight: bold} ul#event-info-users-list li img {float: left; width: 52px; height: 52px; border-radius: 26px; margin: 6px 0 0 10px} ul#event-info-users-list li .user-points {float: right; font-size: 28px; margin: 0; padding: 0; font-weight: bold; text-shadow: none} ul#event-info-users-list li h3 {font-size: 22px; margin: 0; padding-top: 8px;} /** AWARDS **/ #awards {} #awards.ui-page-theme-a .ui-btn {background-color: transparent} #awards h1.ui-title {margin: 0 15%} #awards h1 span.awards-tab {border: 1px solid #fff; padding: 5px 15px; margin: 0;} #awards h1 span.awards-tab:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px;} #awards h1 span.awards-tab:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #awards h1 span.awards-tab.active {background-color: #fff; color: #240D69} #awards div.user-info {height: 56px; margin-top: -16px; border-bottom: 1px solid #ddd; margin-bottom: 10px} #awards div.user-info div.user-place {float: left; background: url('../img/place-banner.png'); width: 28px; height: 33px; background-size: 28px 41px; padding-top: 8px; text-align: center;} #awards div.user-info div.user-place span {color: #fff; text-shadow: none; font-weight: bold} #awards div.user-info img {float: left; width: 42px; height: 42px; border-radius: 21px; margin: 6px 0 0 10px} #awards div.user-info .user-place-wrap {float: left; width: 50%; text-align: center} #awards div.user-info .user-place-wrap .user-place {display: block; font-size: 26px; margin: 4px 0 0 0; font-weight: bold; text-shadow: none} #awards div.user-info .user-place-wrap .points-text {display: block; color: #999; font-size: 12px; margin: -3px 0 0 0; padding: 0; font-weight: normal; text-shadow: none; text-transform: uppercase;} #awards div.user-info .user-points-wrap {float: right; width: 50%; text-align: center} #awards div.user-info .user-points-wrap .user-points {display: block; font-size: 26px; margin: 4px 0 0 0; font-weight: bold; text-shadow: none} #awards div.user-info .user-points-wrap .points-text {display: block; color: #999; font-size: 12px; margin: -3px 0 0 0; padding: 0; font-weight: normal; text-shadow: none; text-transform: uppercase;} #awards div.user-info h3 {font-size: 22px; margin: 0; padding: 16px 0 0 90px;} #awards div.user-info h3 img.emoji {float: none; height: 18px; width: auto; border-radius: 0; margin: 0 3px -1px;} #awards .award {width: 100%; background-color: #eee; border-radius: 5px; border: 1px solid #bbb; margin-bottom: 10px; overflow: hidden; position: relative} #awards .award div.award-icon-container {position: relative; width: 100%; max-width: 100%; /* height: 130px; */ overflow: hidden} #awards .award img.award-icon {width: 100%; max-width: 100%; float: left;} #awards .award div.text {position: relative} #awards .award div.text h3 {text-shadow: none; margin: 0; font-size: 16px;} #awards .award div.text p.description {text-shadow: none; margin: 0; font-size: 12px;} #awards .award.award-unlocked .gradient {opacity: 0.8; height: 20px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #awards .award.award-unlocked div.text {padding: 6px 28px 6px 8px;} #awards .award.award-unlocked div.text img {position: absolute; right: 6px; top: 13px; height: 20px; opacity: 0.6 } #awards .award.award-unlocked div.text h3 {color: #222;} #awards .award.award-unlocked div.text p.description {color: #777;} #awards .award.award-locked .gradient {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6} #awards .award.award-locked div.text {padding: 6px 8px 6px 38px; background-color: #222} #awards .award.award-locked div.text img {position: absolute; left: 10px; top: 12px; height: 22px;} #awards .award.award-locked div.text h3 {color: #fff} #awards .award.award-locked div.text p.description {color: #ccc} /** AWARDS **/ #award-detail {} #award-detail .bgimg {height: 140px; position: relative; overflow: hidden} #award-detail .bgimg img {width: 100%} #award-detail .bgimg .gradient {opacity: 0.8; height: 20px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #award-detail .ui-content {background-color: #fff} #award-detail .ui-content h3 {margin: 0 30px 0 0;} #award-detail .ui-content img.qr-icon {float: right; height: 20px; margin: 2px;} #award-detail .ui-content span.date {display: block; font-size: 12px; margin-top: 4px;} #award-detail .ui-content img.barcode {width: 100%; margin: 20px 0 0 0;} #award-detail #redeem-award-btn {margin-top: 30px; font-size: 20px;} #award-detail .ui-content p.description {font-size: 16px; font-weight: 100; color: #444; border-top: 1px solid #e3e3e5; padding-top: 10px; margin-top: 24px;} #award-detail .ui-content p.fine-print {font-size: 12px; color: #888;} /** PRIZE STORE **/ #prize-store {display: none} #prize-store.ui-page-theme-a .ui-btn {background-color: transparent} #prize-store div.user-info {height: 56px; margin-top: -16px; border-bottom: 1px solid #ddd; margin-bottom: 10px} #prize-store div.user-info div.user-place {float: left; background: url('../img/place-banner.png'); width: 28px; height: 33px; background-size: 28px 41px; padding-top: 8px; text-align: center;} #prize-store div.user-info div.user-place span {color: #fff; text-shadow: none; font-weight: bold} #prize-store div.user-info img {float: left; width: 42px; height: 42px; border-radius: 21px; margin: 6px 0 0 10px} #prize-store div.user-info .user-place-wrap {float: left; width: 33%; text-align: center} #prize-store div.user-info .user-place-wrap .user-place {display: block; font-size: 26px; margin: 4px 0 0 0; font-weight: bold; text-shadow: none} #prize-store div.user-info .user-place-wrap .points-text {display: block; color: #999; font-size: 12px; margin: -3px 0 0 0; padding: 0; font-weight: normal; text-shadow: none; text-transform: uppercase;} #prize-store div.user-info .user-spend-wrap {float: left; width: 33%; text-align: center} #prize-store div.user-info .user-spend-wrap .user-spend {display: block; font-size: 26px; margin: 4px 0 0 0; font-weight: bold; text-shadow: none} #prize-store div.user-info .user-spend-wrap .spend-text {display: block; color: #999; font-size: 11px; margin: -3px 0 0 0; padding: 0; font-weight: normal; text-shadow: none; text-transform: uppercase;} #prize-store div.user-info .user-points-wrap {float: left; width: 33%; text-align: center} #prize-store div.user-info .user-points-wrap .user-points {display: block; font-size: 26px; margin: 4px 0 0 0; font-weight: bold; text-shadow: none} #prize-store div.user-info .user-points-wrap .points-text {display: block; color: #999; font-size: 11px; margin: -3px 0 0 0; padding: 0; font-weight: normal; text-shadow: none; text-transform: uppercase;} #prize-store div.user-info h3 {font-size: 22px; margin: 0; padding: 16px 0 0 90px;} #prize-store div.user-info h3 img.emoji {float: none; height: 18px; width: auto; border-radius: 0; margin: 0 3px -1px;} #prize-store .award {width: 100%; background-color: #eee; border-radius: 5px; border: 1px solid #bbb; margin-bottom: 10px; overflow: hidden; position: relative} #prize-store .award div.award-icon-container {position: relative; width: 100%; max-width: 100%; /* height: 130px; */ overflow: hidden} #prize-store .award img.award-icon {width: 100%; max-width: 100%;} #prize-store .award div.text {position: relative; padding: 3px 10px 5px;} #prize-store .award div.text h3 {text-shadow: none; margin: 0 0 3px 0; font-size: 16px;} #prize-store .award div.text p.description {text-shadow: none; margin: 0; font-size: 12px;} #prize-store .award .gradient {height: 34px; width: 100%; position: absolute; left: 0; bottom: 0px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #prize-store .award .gradient span {position: absolute; bottom: 3px; left: 10px; color: #fff; text-shadow: none} #prize-store .award div.text {padding: 6px 28px 6px 8px;} #prize-store .award div.text img {position: absolute; right: 6px; top: 13px; height: 20px; opacity: 0.6 } #prize-store .award div.text h3 {color: #222;} #prize-store .award div.text p.description {color: #777;} #prize-store-detail {} #prize-store-detail .bgimg {height: 140px; position: relative; overflow: hidden} #prize-store-detail .bgimg img {width: 100%} #prize-store-detail .bgimg .gradient {opacity: 0.8; height: 20px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #prize-store-detail .ui-content {background-color: #fff} #prize-store-detail .ui-content h3 {margin: 0 30px 0 0;} #prize-store-detail .ui-content img.qr-icon {float: right; height: 20px; margin: 2px;} #prize-store-detail .ui-content span.date {display: block; font-size: 12px} #prize-store-detail .ui-content a.ui-btn.major-btn {margin-top: 20px} #prize-store-detail .ui-content span.details {display: block; text-align: center; font-size: 12px; margin: 15px 0 0 0; padding-bottom: 15px; border-bottom: 1px solid #e3e3e5;} #prize-store-detail .ui-content img.img-inside {max-width: 100%; margin: 20px 0 0 0; display: none} #prize-store-detail .ui-content img.img-inside-unlocked {max-width: 100%; margin: 20px 0 0 0; display: none} #prize-store-detail #selector {width: 96%; margin: 0 auto;} #prize-store-detail #selector .ui-btn {height: 12px} #prize-store-detail #selector .ui-select .ui-btn>span:not(.ui-li-count) {margin-top: -4px; font-weight: normal;} #prize-store-detail #redeem-award-btn {margin-top: 30px} #prize-store-detail .loading-text {text-align: center; height: 0px;} #prize-store-detail .loading-text span {font-size: 11px; color: #666} #prize-store-detail .ui-content p.description {font-size: 16px; font-weight: 100; color: #444; padding-top: 10px; margin-top: 20px;} #prize-store-detail .ui-content p.fine-print {font-size: 11px; color: #888;} #prize-store-detail .ui-content div#redeemable-items .redeemable-item {padding: 14px 3px; font-size: 14px; border-bottom: 1px solid #e3e3e5; position: relative} #prize-store-detail .ui-content div#redeemable-items .redeemable-item span.text {font-size: 13px; font-weight: 100;} #prize-store-detail .ui-content div#redeemable-items .redeemable-item span.text span.title {display: block; font-size: 16px; font-weight: 400;} #prize-store-detail .ui-content div#redeemable-items .redeemable-item span.action {position: absolute; right: 3px; top: 13px; display: none} #prize-store-detail .ui-content div#redeemable-items .redeemable-item span.action a {font-weight: normal;} #prize-store-detail .ui-content div#redeemable-items.is-redeemable .redeemable-item span.action {display: inline} #prize-store-detail .ui-content div#redeemable-items .redeemable-item.redeemable {} #prize-store-detail .ui-content div#redeemable-items .redeemable-item.redeemed {color: #aaa} /** TEAM **/ #team .section {background-size: cover; background-repeat:no-repeat; background-position:center bottom; height: 100px; border-radius: 8px; position: relative; margin-bottom: 10px;} #team .section .gradient {height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; border-radius: 8px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #team .section h3 {font-size: 40px; margin: 0; padding: 0; position: absolute; bottom: 0px; left: 2px; color: #fff; text-shadow: none;} /** OFFERS **/ #offers.ui-page-theme-a .ui-btn {background-color: transparent} #offers-list {} #offers-list li {} #offers-list li a {background-color: transparent;} #offers-list li img {float: left; margin: 20px; height: 50px; width: 50px;} #offers-list li h3 {margin: 0; overflow: auto; white-space: normal} #offers-list li p {overflow: auto; white-space: normal; margin-bottom: 0px;} #offers-list li span.date {font-size: 11px; color: #777; font-weight: normal} #offer-detail {} #offer-detail .bgimg {height: 140px; position: relative; background-size: cover; background-repeat:no-repeat; background-position:center center;} #offer-detail .bgimg img {max-width: 100%} #offer-detail .bgimg .gradient {height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #offer-detail .ui-content {background-color: #fff} #offer-detail .ui-content img.icon {height: 50px; width: 50px; float: left;} #offer-detail .ui-content h3 {padding-left: 70px; margin: 0;} #offer-detail .ui-content span.date {display: block; padding-left: 70px; font-size: 12px} #offer-detail .ui-content img.barcode {max-width: 100%; margin: 20px 0 0 0;} #offer-detail #redeem-offer-btn {margin-top: 30px} #offer-detail .ui-content p.description {font-size: 15px; color: #000; border-top: 1px solid #e3e3e5; padding-top: 10px; margin-top: 20px;} #offer-detail .ui-content p.fine-print {font-size: 12px; color: #777;} /** LEADERBOARD **/ #leaderboard.ui-page-theme-a .ui-btn {background-color: transparent} #leaderboard .ui-content {padding-bottom: 50px} #leaderboard form {position: absolute; background-color: #fff; bottom: 0px; left: 0; width: 100%; height: 50px} #leaderboard form fieldset {width: 100%; text-align: center} #leaderboard.ui-page-theme-a form fieldset .ui-btn {background-color: #fff} #leaderboard.ui-page-theme-a form fieldset .ui-btn.ui-btn-active {border-color: #fff} #leaderboard ul.leaderboard {margin: 0; padding: 0;} #leaderboard ul.leaderboard li {font-size: 16px; height: 38px; min-height: 38px; border-bottom: 1px solid #eee; list-style-type: none;} #leaderboard ul.leaderboard li.row-highlight {background-color: #FFFECC;} #leaderboard ul.leaderboard li .user-points {float: right;font-size: 18px; font-weight: bold; padding-top: 6px; /* color: #3f791d */} #leaderboard ul.leaderboard li.ui-li-static.ui-li {padding: 0 5px;} /* #leaders-content li span.last-checked-in {display: block;font-size: 11px; color: #aaa} */ #leaderboard ul.leaderboard li div.user-place {float: left; padding-top: 8px; text-align: center;} #leaderboard ul.leaderboard li div.user-place span {font-weight: bold;} #leaderboard ul.leaderboard li img.user-pic { float: left; margin: 6px 0 0 24px; height: 24px; border-radius: 12px;} #leaderboard ul.leaderboard li h3 {float: left; margin: 6px 0 0 10px; font-size: 18px; max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /** FANCAM **/ #fancam.ui-page-theme-a .ui-btn {background-color: transparent} #fancam .ui-content {padding: 0; text-align: center} #fancam .photo-s {width: 30%; padding-bottom: 30%; display: inline-block; margin: 0 0.5%; border: 2px solid #fff; background-position: center center; background-size: cover; position: relative; overflow: hidden; background-color: #000} #fancam .photo-s video {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1} #fancam .photo-s video.portrait {max-width: 100%} #fancam .photo-s video.landscape {max-height: 100%;} #fancam .photo-s img.video-play-btn {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5;} #fancam .photo-blank {width: 30%; margin: 5px; display: inline-block;} #fancam .swipe-slick {display: none;} #fancam-single .ui-content {padding: 0;} #fancam-single .photo-s {display: none;} #fancam-single .slick-slide {min-height: 500px} #fancam-single .slick-slide img {max-width: 100%; max-height: 100%; margin: 0 auto;} #fancam-single .slick-slide .slider-bottom {position: absolute; bottom: 0; width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );} #fancam-single .slick-slide .slider-bottom img.pic {border-radius: 5px; float: left; margin: 0 6px; height: 40px} #fancam-single .slick-slide .slider-bottom h3 {margin: 0; color: #fff; text-shadow: none; font-size: 16px; padding-left: 60px} #fancam-single .slick-slide .slider-bottom p {color: #fff; text-shadow: none; margin: 0; font-size: 14px; padding-left: 60px; padding-right: 8px} #fancam-single .photo-l.video-l {padding-bottom: 40px} #fancam-single .photo-l video {max-width: 100%} /* uploader */ #fancam form {width: 0; height: 0; padding: 0; margin: 0; opacity: 0} #fancam form input { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity: 0} #fancam progress#progress-upload-media { /* display: none */ } #fancam #media-progress {display: none; height: 30px; background-color: #eee; border-radius: 7px; margin-top: -1px;} #fancam #media-progress p {float: left; margin: 6px 20px 0 15px;} #fancam #media-progress progress {display: inline; margin-top: 5px; width: 60%;} /** SOCIAL **/ #social .ui-content {padding: 1em 0;} #social table.styled {} #social table.styled tr {height: 44px} #social table.styled img {height: 30px; width: 30px;} #social table.styled h4 {height: 30px; margin: 0; padding: 8px 0 0 50px; font-weight: normal} #social table.styled h4.add-facebook-logo {background: transparent url(../img/social-logos/facebook.png) 10px center no-repeat; background-size: 30px} #social table.styled h4.add-twitter-logo {background: transparent url(../img/social-logos/twitter.png) 10px center no-repeat; background-size: 30px} #social table.styled h4.add-instagram-logo {background: transparent url(../img/social-logos/instagram.png) 10px center no-repeat; background-size: 30px} #social table.styled h4.add-youtube-logo {background: transparent url(../img/social-logos/youtube.png) 10px center no-repeat; background-size: 30px} #social table.styled h4 a {display: block} /** SOCIAL FEED **/ #social-feed {} #social-feed.ui-page-theme-a .ui-btn {background-color: transparent} #social-feed #social-list {} #social-feed #social-list li {background-color: transparent} #social-feed #social-list li.link-track {background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} #social-feed #social-list li.facebook {padding: 10px; min-height: 0;} #social-feed #social-list li.facebook img {width: 20px; height: 20px; position: relative; border-radius: 3px; margin: 0 10px -3px 5px;} #social-feed #social-list li .left-col {width: 40px; float: left;} #social-feed #social-list li .left-col img.user {width: 40px; height: 40px; border-radius: 5px; margin-bottom: 10px} #social-feed #social-list li .left-col img.social-network {display: block; margin: 0 auto 10px auto; width: 20px;} #social-feed #social-list li .right-col {padding-left: 50px;} #social-feed #social-list li .right-col h4 {margin: 0;} #social-feed #social-list li .right-col h4 a {color: #222;} #social-feed #social-list li .right-col img {max-width: 100%; border-radius: 5px; margin-top: 10px;} #social-feed #social-list li .right-col img.emoji {margin-top: 0; margin-bottom: -2px; height: 16px} #social-feed #social-list li .right-col p {overflow: auto; white-space: normal; font-size: 14px;} #social-feed #social-list li .right-col .youtube-video {position: relative} #social-feed #social-list li .right-col .youtube-video img {} #social-feed #social-list li .right-col .youtube-video img.play-btn {position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 1000} #social-feed #social-list li .right-col p a {font-weight: normal; text-decoration: none} #social-feed #social-list li .right-col span.date {font-size: 12px; color: #777; float: right} #social-feed #social-list li .right-col span.date a {color: #777; font-weight: normal} #social-feed #social-list li .right-col span.view-post a {float: left; color: #6d84b4; font-size: 12px; font-weight: normal;} #social-feed #social-list li .right-col span.actions {float: left;} #social-feed #social-list li .right-col span.actions img {margin: 0 15px 0 20px;} #social-feed #social-list li .right-col span.actions img.twitter-favorite {height: 18px; margin-bottom: -1px} /** ROSTERS **/ #rosters .ui-content {padding: 1em 0;} #rosters table.styled {} #rosters table.styled tr {height: 44px} #rosters table.styled img {height: 30px; width: 30px;} #rosters table.styled h4 {height: 30px; margin: 0; padding: 8px 0 0 10px; font-weight: normal} #rosters table.styled h4 a {display: block} /** NEWS **/ #news.ui-page-theme-a .ui-btn {background-color: transparent} #news .ui-content {} #news .ui-content ul {} #news .ui-content ul li {border-bottom: 1px solid #ccc; padding-right: 8%} #news .ui-content ul li {} #news .ui-content ul li.link-track {background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} #news .ui-content ul li h3 {overflow: auto; white-space: normal; color: #000} #news .ui-content ul li p {overflow: auto; white-space: normal; color: #444} /* news pics */ #news div.news-pics {} #news div.news-pics div.news-item {width: 100%; height: 140px; border-radius: 8px; margin-bottom: 10px; overflow: hidden; position: relative} #news div.news-pics div.news-item div.shadow {width: 100%; height: 100px; background: transparent url(../img/gradient-fade-up-10@2x.png) left bottom no-repeat; background-size: cover; position: absolute; bottom: 0; left: 0;} #news div.news-pics div.news-item p {text-shadow: none; color: #fff; position: absolute; bottom: 0; margin: 0; padding: 2px 10px; font-size: 12px} /** DYNAMIC TEXT TABS **/ #dynamic-text-tabs #dtt-content {padding-bottom: 30px} #dynamic-text-tabs form {position: absolute; background-color: #fff; bottom: 0; left: 0; width: 100%;} #dynamic-text-tabs form fieldset {width: 100%; text-align: center} #dynamic-text-tabs.ui-page-theme-a form fieldset .ui-btn {background-color: #fff} #dynamic-text-tabs.ui-page-theme-a form fieldset .ui-btn.ui-btn-active {border-color: #fff} /** DYNAMIC TEXT TABS OPTIONS **/ #dynamic-text-tabs-options .ui-content {} #dynamic-text-tabs-options table.styled {border-radius: 5px} #dynamic-text-tabs-options table.styled tr {min-height: 44px} #dynamic-text-tabs-options table.styled img {height: 30px; width: 30px;} #dynamic-text-tabs-options table.styled h4 {min-height: 30px; margin: 0; padding: 8px 0 0 10px; font-weight: normal} #dynamic-text-tabs-options table.styled h4 a {display: block; font-weight: normal} /** FANPOLL **/ #fanpoll .ui-content {padding: 1em 0;} #fanpoll table.styled {} #fanpoll table.styled tr {min-height: 44px} #fanpoll table.styled tr.row {} #fanpoll table.styled tr.row td {border-bottom: 1px solid #e3e3e3} #fanpoll table.styled tr.row:last-child td {border-bottom: none} #fanpoll table.styled tr.row.vote-correct {background: #DFF0D8 url(../img/green-check-30.png) 10px center no-repeat;} #fanpoll table.styled tr.row.vote-incorrect {background: #F2DEDE url(../img/red-x-30.png) 10px center no-repeat;} #fanpoll table.styled tr.row.vote-incorrect, #fanpoll table.styled tr.row.vote-correct {background-size: 24px} #fanpoll table.styled tr.row.vote-incorrect td h4, #fanpoll table.styled tr.row.vote-correct td h4 {padding-left: 40px} #fanpoll table.styled tr td {} #fanpoll table.styled tr td p {} #fanpoll table.styled tr td p.questionanswer {font-weight: bold} #fanpoll table.styled tr td h4 {margin:10px 2px} #fanpoll .graph {display: block; border: 1px solid #ccc; height: 20px; margin-bottom: 10px; background-color: #efefef;} #fanpoll .graph .graphbar {height: 100%; display: block} /** SOUNDBOARD **/ #soundboard .ui-content {padding: 1em 0;} #soundboard table.styled {} #soundboard table.styled tr {height: 44px} #soundboard table.styled img {position: absolute; right: 5px; top: 28%; height: 15px; width: 15px; opacity: 0.1; } #soundboard table.styled h4 {height: 30px; margin: 0; padding: 8px 0 0 10px; font-weight: normal} #soundboard table.styled h4 a {display: block} #soundboard table.styled tr {} #soundboard table.styled tr td {border-bottom: 1px solid #e3e3e5; position: relative} #soundboard table.styled tr:last-child td {border-bottom: none} #soundboard table.styled tr td a {color: #444; text-decoration: none;} #soundboard table.styled tr td a:hover {color: #444} /** STUDENT TICKETS **/ #student-tickets .ui-content {padding: 1em 0;} #student-tickets table.styled {} #student-tickets table.styled tr {height: 44px} #student-tickets table.styled tr.expanded {height: 78px} #student-tickets table.styled h4 {margin: 0; padding: 4px 0 4px 10px; font-weight: normal} #student-tickets table.styled h4 a {display: block; margin-right: 30px} #student-tickets table.styled h4 a span {text-shadow: none; margin-top: 5px} #student-tickets table.styled h4 a span.warning {display: block; color: #aa4c4c; font-size: 12px;} #student-tickets table.styled h4 a span.disclaimer {display: block; color: #aaa; font-size: 12px;} #student-tickets table.styled tr {} #student-tickets table.styled tr td {border-bottom: 1px solid #e3e3e5; position: relative} #student-tickets table.styled tr:last-child td {border-bottom: none} #student-tickets table.styled tr td a {color: #444; text-decoration: none;} #student-tickets table.styled tr td a:hover {color: #444} #my-tickets {} #my-tickets h5 {color: #fff; text-shadow: none; margin-left: 14px; font-size: 14px} #my-tickets table.styled tr {} #my-tickets table.styled tr td {padding: 6px 8px;} #my-tickets table.styled a span {font-weight: normal; display: block; font-size: 14px; } #my-chats {} #my-chats h5 {color: #fff; text-shadow: none; margin-left: 14px; font-size: 14px} #my-chats table.styled tr {} #my-chats table.styled tr td {padding: 8px 8px;} #my-chats table.styled a img {width: 40px; height: 40px; border-radius: 20px; float: left;} #my-chats table.styled a span {font-weight: normal; display: block; font-size: 14px; padding-left: 56px} #my-chats table.styled a span.username {font-weight: bold} /** student tickets sell **/ #student-tickets-sell .ui-content {padding: 1em 0;} #student-tickets-sell table.styled {} #student-tickets-sell table.styled tr {height: 44px} #student-tickets-sell table.styled h4 {margin: 0; padding: 8px 0 4px 10px; font-weight: normal;} #student-tickets-sell table.styled tr td {border-bottom: 1px solid #e3e3e5; position: relative} #student-tickets-sell table.styled tr:last-child td {border-bottom: none} #student-tickets-sell div.ui-select {margin: 0} #student-tickets-sell div.ui-select div {float: right; width: 53%; background-color: #fff; border: none} #student-tickets-sell div.ui-select div.ui-btn-icon-right:after {display: none} #student-tickets-sell div.ui-select div.ui-shadow {box-shadow: none} #student-tickets-sell div.ui-select div.ui-shadow span {text-align: left; font-weight: normal} #student-tickets-sell div.ui-input-text {display: inline; float: right; width: 65%} #student-tickets-sell .ui-input-text {border-width: 0; margin: 0;} #student-tickets-sell .ui-shadow-inset {box-shadow: none} #student-tickets-sell textarea {width: 65%; height: 70px; float: right;} /** student tickets sell **/ #student-tickets-buy .ui-content {padding: 1em 0;} #student-tickets-buy table.styled {} #student-tickets-buy table.styled tr {height: 44px} #student-tickets-buy table.styled h4 {margin: 0; padding: 8px 0 4px 10px; font-weight: normal;} #student-tickets-buy table.styled tr td {border-bottom: 1px solid #e3e3e5; position: relative} #student-tickets-buy table.styled tr:last-child td {border-bottom: none} #student-tickets-buy div.ui-select {margin: 0} #student-tickets-buy div.ui-select div {float: right; width: 65%; background-color: #fff; border: none} #student-tickets-buy div.ui-select div.ui-btn-icon-right:after {display: none} #student-tickets-buy div.ui-select div.ui-shadow {box-shadow: none} #student-tickets-buy div.ui-select div.ui-shadow span {text-align: left; font-weight: normal} #student-tickets-buy table.styled tr td {padding: 8px 8px;} #student-tickets-buy table.styled a img {width: 40px; height: 40px; border-radius: 20px; float: left;} #student-tickets-buy table.styled a span {font-weight: normal; display: block; font-size: 14px; padding-left: 56px} #student-tickets-buy table.styled a span.username {font-weight: bold} /** student tickets chat **/ #student-tickets-chat .ui-content {padding: 0; background-color: #fcfcfc} #student-tickets-chat .header {padding: 8px 8px; background-color: #fff; border-bottom: 1px solid #e3e3e5} #student-tickets-chat .header img {width: 40px; height: 40px; border-radius: 20px; float: left;} #student-tickets-chat .header span {font-weight: normal; display: block; font-size: 14px; padding-left: 56px} #student-tickets-chat .header span.username {font-weight: bold} #student-tickets-chat-chat {} #student-tickets-chat-chat .chat-me {position: relative; display: block; margin-bottom: 10px} #student-tickets-chat-chat .chat-me img {float: right; height: 26px; width: 26px; border-radius: 13px; margin: 8px 5px 0 0;} #student-tickets-chat-chat .chat-me span.username {position: absolute; right: 35px; font-size: 12px; margin: 5px; color: #555; text-shadow: none;} #student-tickets-chat-chat .chat-me .chat {width: 50%; background-color: #4aadff; color: #fff; text-shadow: none; font-size: 13px; font-weight: normal; border-radius: 8px; float: right; margin: 20px 6px 0 0; padding: 5px 10px; text-align: right;} #student-tickets-chat-chat .chat-them {position: relative; display: block; margin-bottom: 10px} #student-tickets-chat-chat .chat-them img {float: left; height: 26px; width: 26px; border-radius: 13px; margin: 8px 0 0 5px;} #student-tickets-chat-chat .chat-them span.username {position: absolute; left: 35px; font-size: 12px; margin: 5px; color: #555; text-shadow: none;} #student-tickets-chat-chat .chat-them .chat {width: 50%; background-color: #d9d9d9; color: #444; text-shadow: none; font-size: 13px; font-weight: normal; border-radius: 8px; float: left; margin: 20px 0 0 6px; padding: 5px 10px; text-align: left;} #student-tickets-chat-chat .chat-bar {background-color: #efefef} #student-tickets-chat-chat .chat-bar input {margin: 5px; width: 80%;} #student-tickets-chat-chat .chat-bar a {text-decoration: none; margin: 0 2%} /** student tickets chats **/ #student-tickets-chats .ui-content {padding: 1em 0;} #student-tickets-chats table.styled {} #student-tickets-chats table.styled tr {height: 44px} #student-tickets-chats table.styled tr.expanded {height: 78px} #student-tickets-chats table.styled h4 {margin: 0; padding: 4px 0 4px 10px; font-weight: normal} #student-tickets-chats table.styled h4 a {display: block; margin-right: 30px} #student-tickets-chats table.styled h4 a span {text-shadow: none; margin-top: 5px} #student-tickets-chats table.styled h4 a span.warning {display: block; color: #aa4c4c; font-size: 12px;} #student-tickets-chats table.styled h4 a span.disclaimer {display: block; color: #aaa; font-size: 12px;} #student-tickets-chats #delete-tickets {color: red} #student-tickets-chats {} #student-tickets-chats h5 {color: #fff; text-shadow: none; margin-left: 14px; font-size: 14px} #student-tickets-chats table.styled tr {} #student-tickets-chats table.styled tr td {padding: 8px 8px;} #student-tickets-chats table.styled a img {width: 40px; height: 40px; border-radius: 20px; float: left;} #student-tickets-chats table.styled.chats a span {font-weight: normal; display: block; font-size: 14px; padding-left: 56px} #student-tickets-chats table.styled.chats a span.username {font-weight: bold} #student-tickets-chats table.styled.chats a span.message {color: #999} #student-tickets-chats table.styled.chats a span.date {color: #bbb; font-size: 10px; margin-top: 2px;} /** SCORES **/ #scores.ui-page-theme-a .ui-btn {background-color: transparent} #scores .ui-content {padding: 1em 0;} #scores h2 {font-size: 16px; font-weight: bold; margin: 0; text-align: center} #scores h3 {font-size: 11px; margin: 0; text-align: center; font-weight: normal; color: #999} #scores #scores-ul img {width: 32px} #scores .us-score img {margin: 0 20% -5px 15%} #scores .opp-score img {margin: 0 15% -5px 20%} .us-score {float: left; width: 50%;} .opp-score {float: right; width: 50%; text-align: right;} #scores .ui-listview>li p { text-overflow: initial; overflow: auto; white-space: normal; padding: 10px 15px 0 15px; } #scores .ui-listview>li p:empty {margin: 0;} #scores span {color: #999; font-size: 36px; font-weight: bold; } #scores .winner span {color: #000;} #scores li.scores-event-chooser {padding: 20px; display: none;} #scores li.scores-event-chooser select {width: 100%; font-size: 16px} #scores img.score-img {display: none} /* scores add */ #scores-add {} #scores-add img.score-icon {width: 30%; display: inline-block; margin: 10px 9%} #scores-add .ui-input-text {width: 30%; display: inline-block; margin: 10px 9% 10px;} #scores-add .ui-input-text input.score-input {font-size: 24px; text-align: center;} /** PROFILE **/ #profile .ui-content {padding: 1em 0;} #profile.ui-page-theme-a .ui-btn.no-icon {background-color: transparent; color: #fff; text-shadow: none; border: none; box-shadow: none} profile.ui-page-theme-a .ui-btn.no-icon:after {content: none} table.styled {background-color: #fff; border: 1px solid #e3e3e5; width: 100%; margin-bottom: 20px} table.styled tr.link {background: transparent url(../img/bg-arrow.png) 98% center no-repeat;} table.styled tr.link td {border-bottom: 1px solid #e3e3e5} table.styled tr:last-child td {border-bottom: none} table.styled tr.link td a {color: #444; text-decoration: none;} table.styled tr.link td a:hover {color: #444} table.styled tr td a {color: #444 !important; text-decoration: none;} table.styled tr td a:hover {color: #444 !important} table.styled tr td fieldset {margin: 0 5% 0 0; width: 20px; float: right} table.styled tr td fieldset .ui-controlgroup-controls {} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox {} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox {} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox label {border: none; background-color: #fff} table.styled tr td fieldset .ui-controlgroup-controls .ui-checkbox input {} #profile table.styled td {} #profile table.styled td img.user-pic {width: 42px; height: 42px; border-radius: 21px; margin: 10px 5px; float: left;} #profile table.styled td h3 {margin: 0; padding-top: 4px; padding-left: 60px; font-size: 24px} #profile table.styled td h3 img.emoji {height: 20px; margin-left: 3px; margin-right: 3px;} #profile table.styled td p.description {margin: 0; padding-left: 60px; font-size: 14px;} #profile table.styled td p.description a {color: #999} #profile table.styled.profile-edit-link h3 a {display: block} #profile table.styled.profile-edit-link p.description a {display: block; color: #999 !important; font-weight: normal} #profile table.styled td h4 {margin: 10px 12px;} #profile table.styled td h4 a {display: block;} span.app-version {position: absolute; bottom: 3px; font-size: 10px; color: #fff; text-shadow: none; display: block; width: 100%; text-align: center} /** PROFILE EDIT **/ #profile-edit .ui-content {padding: 1em 0;} #profile-edit.ui-page-theme-a .ui-btn.no-text {background-color: transparent; color: #fff; text-shadow: none;} form.block-styled {background-color: #fff;} form.block-styled .profile-info {border-bottom: 1px solid #d8d8d8} form.block-styled .profile-info img.user-pic {width: 42px; height: 42px; border-radius: 21px; float: left;} form.block-styled .profile-info p {padding-left: 60px; margin-top: 12px; margin-bottom: 8px;} form.block-styled .profile-info progress {margin-left: 20px; padding: 1em 0 8px 0; margin-top: 12px; display: none} form.block-styled .profile-info #upload-user-pic {display: none} form.block-styled .profile-info .ui-body-inherit {border: none} form.block-styled .ui-field-contain {padding-left: 1em; padding-right: 1em;} /* #update-profile-btn {margin: 1em;} */ /** NOTIFICATIONS **/ #notifications {} #notifications.ui-page-theme-a .ui-btn {background-color: transparent; box-shadow: none} #notifications {} #notifications li {background-color: #fff; padding: 1em} #notifications li p {margin: 0;} #notifications li p.message {margin-bottom: 5px; font-size: 15px; overflow: auto; white-space: normal;} #notifications li p.message img {display: block; max-width: 100%;} #notifications li p.message img.img-top {margin-bottom: 10px} #notifications li p.message img.img-bottom {margin: 10px 0;} #notifications li p.message a {font-weight: bold; text-decoration: none} #notifications li p.date {font-size: 11px; color: #aaa} #individual-push-notification {} #individual-push-notification img {max-width: 100%; border-radius: 3px} #individual-push-notification p {max-width: 100%;} #individual-push-notification span.date {font-size: 11px; color: #aaa} #individual-beacon-notification {} #individual-beacon-notification img {max-width: 100%; border-radius: 3px} #individual-beacon-notification p {max-width: 100%;} #individual-beacon-notification span.date {font-size: 11px; color: #aaa} /** SETTINGS **/ #settings .ui-content {padding: 1em 0;} #settings table.styled td h4 {margin: 10px 12px;} #settings table.styled td h4 a {display: block;} #settings table.styled img.facebook-login-logout-btn {float: right; height: 29px; margin-top: 5px; margin-right: 10px;} /** HELP / FEEDBACK **/ #help-feedback.ui-page-theme-a .ui-btn {background-color: transparent; color: #fff; text-shadow: none} #help-feedback p {margin: 0 0 16px 0; font-size: 13px;} #help-feedback textarea {height: 300px; background-color: #eee; border: none;} /** PROMO **/ #promo {} #promo .promo {} #promo .promo input {border-color: #ccc; box-shadow: none !important; background:#fff} /** INVITE **/ #invite {} #invite .invite {} #invite .invite input {border-color: #ccc; box-shadow: none !important; background:#fff} /** FACEBOOK **/ .fb-dialog {width: 200px !important; overflow: hidden;} .fb-dialog iframe {} /** MyQR **/ #myqr-code {} #myqr-code img.qr {display: block; margin: 0 auto} /** HISTORY **/ #history.ui-page-theme-a .ui-btn {background-color: transparent; color: #fff; text-shadow: none} #history .ui-content ul li p {font-size: 12px; color: #999; width: 100%; overflow: auto; white-space: normal; text-overflow: initial;} #history .ui-content ul li p strong {font-size: 14px; color: #000} #history .ui-content ul li .right-col {width: 20%; float: right; text-align: right} #history .ui-content ul li .right-col p {width: 100%; text-transform: uppercase;} #history .ui-content ul li .right-col strong {display: block; font-size: 16px} #history .ui-content ul li .left-col {width: 80%; float: left;} #history .ui-content ul li .left-col p {width: 100%;} #history .ui-content ul li .left-col strong {display: block;} /* Hide the number input */ #light-show-slider-wrapper {     position: absolute; width: 90%; bottom: 20px; opacity: 0.75; } #light-show .ui-slider-track { margin-left: 15px; }