/* ----------------------------------------- */ /* Content Template: IndiWC content - start */ /* ----------------------------------------- */ /* Styles for indiworld2 page */ .countdown-tab-fixed{ top: 0px; width: 259px; position: absolute; background-color: white; right: 0; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; } .countdown-fixed{ position: fixed !important; top: 81px; z-index: 1; } .indi-wc-logo-img{ margin-top: 20px; } .indiworld-container{ color: white; width: 80%; margin: auto; } .indiworld-lg-container{ background: url(https://indihoops.wpenginepowered.com/wp-content/uploads/2017/08/indiTakeover2.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .worlds-header{ text-align: left; } .indiworld-game-list>li{ list-style-type: none; padding: 0; display: inline-block; min-width: 270px; vertical-align: top; background-color: rgba(0, 0, 0, 0.68); margin-bottom: 20px; margin-left: 10px; margin-right: 10px; border-radius: 5px; width: 30%; } .indi-team-card{ position: relative; list-style-type: none; display: inline-block; vertical-align: top; min-width: 270px; background-color: rgba(0, 0, 0, 0.68); margin-bottom: 40px; margin-left: 10px; margin-right: 10px; border-radius: 5px; width: 30%; padding: 0; } .away-team, .home-team{ display: inline-block; width: 45%; vertical-align: bottom; } .home-team{ border-right: 1px solid rgba(255, 255, 255, 0.24); } .away-score, .home-score{ font-size: 3em; margin-top: 10px; color: #d50000 } @media only screen and (max-width: 768px) { .indiworld-game-list>li{ width: 100%; margin-left: 0px; } .worlds-top-play{ width: 100% !important; } .border-brand2{ left: -16px !important; } .indi-wc-logo-img { margin-top: 80px; } .bracket-tab{ display: none; } } .worlds-team-img{ width: 100px; height: 100px; border-radius: 50%; } .indi-team-link{ color: red; } .indi-team-link:hover{ color: white; } .team-region{ position: absolute; top: -21px; left: -14px; } .region-img{ width: 50px; } .east-regional-img{ width: 42px !important; } .team-location{ text-align: left; padding-left: 7px; color: #585858; } .team-img-container{ margin-top: 10px; } .team-rank{ position: absolute; bottom: 88px; right: 21px; font-size: 3em; } .worlds-plr-bkrnd{ vertical-align: middle; width: 307px; height: 383px; } .worlds-hover-cell{ position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; text-align: center; color: #FFF; background: rgba(0, 0, 0, 0.9); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.89), inset 0 25px 20px -10px rgba(255, 255, 255, 0.36), inset 0 -15px 20px -10px rgba(0, 0, 0, 0); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.89), inset 0 25px 20px -10px rgba(255, 255, 255, 0.36), inset 0 -15px 20px -10px rgba(0, 0, 0, 0); -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.89), inset 0 25px 20px -10px rgba(255, 255, 255, 0.36), inset 0 -15px 20px -10px rgba(0, 0, 0, 0); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.89), inset 0 25px 20px -10px rgba(255, 255, 255, 0.36), inset 0 -15px 20px -10px rgba(0, 0, 0, 0); -moz-transition: background-color .5s ease; -o-transition: background-color .5s ease; -webkit-transition: background-color .5s ease-in-out; transition: background-color .5s ease; padding: 10px; overflow: hidden; } .worlds-hover-cell:hover{ background: linear-gradient(112deg, rgba(226, 0, 0, 0.61) 9%, rgba(255, 255, 255, 0) 20%, rgba(0, 38, 86, 0.72) 65%); } .border-brand2{ position: absolute; transform: rotate(-90deg); background-color: rgb(0, 0, 0); width: 106px; border-top-left-radius: 50px; border-top-right-radius: 50px; text-transform: uppercase; top: 128px; color: #ffffff; left: -14px; font-size: .8em; font-family: 'Black Ops One', cursive; } .worlds-player-card{ position: relative; display: inline-block; border: 4px solid rgba(0, 0, 0, 0.32); width: 24%; min-width: 260px; margin-bottom: 25px; } .indi-stats-trigger{ position: absolute; bottom: -7px; padding: 1px; background-color: rgba(255, 255, 255, 0.77); /* color: #000000; */ text-shadow: 0px 1px 1px grey; border-right: 1px solid #6d6d6d; border-left: 1px solid #8c8c8c; border-top: 1px solid rgba(224, 224, 224, 0.72); box-shadow: 0 0 8px 0 black; width: 144px; margin-left: 24%; border-radius: 3em; z-index: 10; } .indi-stats-trigger:hover{ background-color: gray; } .indi-stats { position: absolute; display: none; top: 0; background-color: rgba(0, 0, 0, 0.89); z-index: 9; width: 251px; height: 291px; left: 0; } .indi-stat-list{ list-style-type: none; text-align: left; padding: 7px; } .indi-stat-list>li{ margin-bottom: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.23); } .stat-prefix{ color: red; width: 72px; } .divisionreportsbracket.html, body.no-wrapper { background: transparent !important; color: #FFF; } .worlds-top-play{ width: 100%; height: 250px; background-color: rgba(0, 0, 0, 0.41); } .indiworld-dropdown>.vc_toggle_title>h4{ padding-left: 20px; } .indiworld-dropdown>.vc_toggle_title{ background-color: rgba(213, 0, 0, 0.83); text-align: left; padding: 10px; border-radius: 2px; } .indi-stat-list>li>div{ display: inline-block; } .indiworld-team-list-container{ margin-top: 20px; } .inner-video-container{ width: 30%; display: inline-block; margin-right: 5px; margin-left: 5px; } #exp-brackets-89225{ height: 1700px; min-width: 600px; } /* 14U Rankings indiworld */ .indiworld-14u-team-card{ border-right: 5px solid rgba(211, 9, 21, 0.62); border-left: 5px solid rgba(211, 9, 21, 0.54); list-style-type: none; padding: 0; display: block; position: relative; min-width: 270px; background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(255, 255, 255, 0.16)); box-shadow: 0px 5px 18px 0 rgba(255, 255, 255, 0.49); margin-left: 10px; border-radius: 5px; width: 40%; margin: auto; margin-bottom: 44px; } .indiworld-14u-region-img{ width: 65px; } .indiworld-14u-region{ position: absolute; top: -20px; left: -21px; } .indiworld-14u-team-img{ width: 100px; height: 100px; margin-top: 10px; border-radius: 50%; border: 2px solid rgb(211, 9, 21); } .indiworld-14u-team-img-container{ margin-top: 10px; margin-bottom: 10px; } .indiworld-14u-location{ text-align: left; padding-left: 7px; color: #ffffff; } .indiworld-14u-rank{ position: absolute; bottom: -7px; right: 37px; color: #ffffff; font-size: 4em; } .indiworld-14u-link{ font-size: 1.3em; } .indiworld-14u-ranked{ position: absolute; top: 0px; color: #d30915; padding-top: 2px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; border-bottom-right-radius: 1em; border-bottom-left-radius: 1em; background-color: rgba(0, 0, 0, 0.33); right: 16px; } .indiworld-14u-ranked>span{ color: white; } @media only screen and (max-width: 768px) { .indiworld-14u-team-card, .indiworld-container, .inner-video-container{ width: 100%; } .indiworld-14u-rank{ right: 5px; } .indi-team-card{ width: 100%; margin-left: 0px; } .google-mobile-ad{ margin-top: 40px; } } .indiwc-tabs>div>ul{ max-width: 400px; margin: auto !important; } .indiwc-tabs>div>ul>li{ width: 25%; min-width: 175px; } .indiwc-tabs>div>ul>li>a{ border-color: #f7f7f7; background-color: rgba(255, 255, 255, 0) !important; color: #fff !important; } .indiwc-tabs>div>ul>li>a:hover { background-color: white !important; color: #bdbdbd !important; } .final-team-content{ height: 35px; } .team-recap{ border: 1px solid #ffffff; color: #ffffff; display: inline-block; padding: 3px; border-radius: 2px; text-decoration: none; margin-right: 3px; margin-left: 3px; width: 100px; } .team-recap:hover{ background-color: white; color: black; } .indiwc-photos{ border: 1px solid #f7f7f7; color: #f7f7f7; -webkit-transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out; transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out; display: inline-block; padding: 14px 20px; margin-bottom: 8px; border-radius: 4px; } .indiwc-photos:hover{ background-color: #FFF; text-decoration: none; color: #666; } /* ----------------------------------------- */ /* Content Template: IndiWC content - end */ /* ----------------------------------------- */