body {
margin: 0 !important;
padding: 0 !important;
}
#floodlight
{
width:1px;
height:1px;
visibility:hidden;
}
/* overrides for standard goc styles*/
#goc-body {
text-align:center;
background-color: white;
background-position: top center;
}
#goc-button
{
/*
padding-bottom:28px;
*/
}
a,
a:active {
outline: 0 none !important;
text-decoration: none;
margin:0px;
padding:0px;
color:#652D90;
}
a:hover
{
color:#783DA5;
text-decoration:underline;
}
nav ul,
nav li {
list-style: none;
margin: 0;
padding: 0;
}
div,a,span
{
background-repeat: no-repeat;
}
.animated, .animated a span
{
-ms-transition-duration: 400ms;
-moz-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
}
.animated.trans-opacity, .animated.trans-opacity a span
{
-ms-transition-property: opacity;
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.animated.trans-bgcolor, .animated.trans-bgcolor a span
{
-ms-transition-property: background-color;
-moz-transition-property: background-color;
-webkit-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
}
.animated.trans-all, .animated.trans-all a span
{
-ms-transition-property: all;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
#goc-e
{
background-size:32px 32px !important;
}
.clearfloats
{
clear:both;
position:relative;
}
.clearfloats.pre-footer
{
height:10px;
margin:0;
}
.visuallyhidden.txt-gfx span
{
display:none;
}
/*---------------------------------------------------
global containers , nav, loader
---------------------------------------------------*/
#main-container
{
margin:0 auto;
position: relative;
/* enable webkit hardware acceleration */
-webkit-transform: translateZ(0);
}
#nav-logo .bound
{
}
#nav-logo .bound a
{
color: #1786EB;
text-decoration: none;
transition: color 125ms ease 0s;
}
#nav-logo
{
float:left;
background: url("//a.dilcdn.com/a/goc/logo-0e391cd23344.png") no-repeat scroll 24px 16px rgba(0, 0, 0, 0);
color: #FFFFFF;
display: inline-block;
font-size: 20px;
line-height: 35px;
padding: 13px 20px 13px 92px;
position: relative;
}
#nav-e
{
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRFAAAA%2F%2F%2F%2FAAAAAAAAAAAAAAAAAAAA%2F%2F%2F%2FeQ7W7QAAAAd0Uk5TAAAIGCBIYL3mPFwAAAA%2FSURBVChTYxBEAwx0ElAvRwKKQAFzZAFDoIBpGgKkggSUXRDAGaSFARkwYhVghFoogEuATu7AEKCFO9AANQQAPu5OcaM2uDkAAAAASUVORK5CYII%3D") no-repeat scroll center center rgba(0, 0, 0, 0);
border-right: 1px solid #000000;
box-shadow: 1px 0 rgba(255, 255, 255, 0.1);
cursor: pointer;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 60px;
}
#chrome-fpo
{
position:relative;
height:48px;
width:100%;
background: url(../media/images/global/chrome_ctr_fpo.png) top center no-repeat, url(../media/images/global/chrome_bg_fpo.png) top center repeat-x;
/* GOC displays locally but not remote
display:none;
*/
}
/*
header
*/
#header-container
{
position:relative;
width:100%;
background: #5fc6f1 url(../media/images/global/bg_header.jpg) bottom center repeat-x;
}
#header-logo a
{
display:block;
width:100%;
height:100%;
}
#header-logo,
#tagline-big-night,
#tagline-details
{
position:absolute;
background-size: contain;
background-repeat:no-repeat;
background-position:center center;
}
#header-container .ht-prop
{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#goc-menu .goc-bound
{
padding-left:0 !important;
display:none; /* for dev */
}
#goc-body
{
background-repeat: repeat;
}
#header-logo
{
background-image: url(../media/images/global/header_ardy.png);
}
#tagline-big-night
{
background-image: url(../media/images/global/header_tagline_bignight_lg.png);
}
#tagline-details
{
background-image: url(../media/images/global/header_tagline_vote_april6_lg.png);
}
@media (min-width: 1025px)
{
#header-container
{
height:270px;
}
#header-logo
{
width:368px;
height:264px;
left:62px;
top:1px;
}
#goc-body
{
background-image: url(../media/images/global/bg_page_lg.jpg);
}
#tagline-big-night
{
width:451px;
height:96px;
top:40px;
left:446px;
}
#tagline-details
{
width:446px;
height:66px;
top:149px;
left:448px;
}
}
@media (max-width: 1024px)
{
#goc-body
{
background-image: url(../media/images/global/bg_page_sm.jpg);
}
#chrome-fpo
{
/* GOC displays locally but not remote */
display:none;
}
}
@media (min-width: 768px) and (max-width: 1024px)
{
#header-container
{
height:234px;
}
#adserve-container-header
{
padding-top:8px;
}
#header-logo
{
width:305px;
height:219px;
margin-left:-370px;
top:-8px;
left:50%;
}
#tagline-big-night
{
width:373px;
height:80px;
top:23px;
margin-left:-32px;
left:50%;
}
#tagline-details
{
width:370px;
height:55px;
top:112px;
margin-left:-32px;
left:50%;
}
}
@media (min-width: 480px) and (max-width: 767px)
{
#header-container
{
height:290px;
margin-top:-10px;
}
#header-logo
{
width:368px;
height:264px;
margin-left:-179px;
top:-21px;
left:50%;
}
#tagline-big-night
{
background-image:url(../media/images/global/header_tagline_bignight_sm.png);
width:429px;
height:24px;
top:214px;
margin-left:-219px;
left:50%;
}
#tagline-details
{
background-image:url(../media/images/global/header_tagline_vote_april6_sm.png);
width:268px;
height:24px;
top:252px;
margin-left:-219px;
left:50%;
}
}
@media (max-width: 479px)
{
#header-container
{
height:226px;
margin-top:-10px;
}
#header-logo
{
width:288px;
height:175px;
margin-left:-144px;
top:0px;
left:50%;
}
#tagline-big-night
{
background-image:url(../media/images/global/header_tagline_bignight_sm.png);
width:284px;
height:16px;
top:171px;
margin-left:-151px;
left:50%;
}
#tagline-details
{
background-image:url(../media/images/global/header_tagline_vote_april6_sm.png);
width:174px;
height:16px;
top:196px;
margin-left:-151px;
left:50%;
}
/* !!! */
#header-container
{
display: inline-block;
/* account for inline-block */
margin-bottom:-8px;
/*
position: relative;
width: 100%;
*/
}
}
@media (min-width: 728px)
{
}
@media (min-width: 768px)
{
#main-container
{
max-width:1024px;
}
#adserve-container-header
{
margin:0px auto;
}
#div-gpt-ad-mobilebanner-1
{
display:none;
}
#nav-main
{
right:12px;
}
}
@media (max-width: 727px)
{
}
@media (max-width: 767px)
{
#adserve-container-header
{
height:60px;
margin:0px auto;
padding-top:6px;
}
.ad-300,
#div-gpt-ad-leaderboard-1,
#chrome-fpo
{
display:none !important;
}
#nav-main
{
width:131px;
background: url(../media/images/global/nav_fpo_menu.png) bottom center no-repeat;
}
#nav-main ul
{
display:none;
}
.social-find
{
margin-top:-38px;
margin-right:0px;
width: calc(100% -320px);
}
}
#nav-main
{
position:absolute;
bottom:0;
right:0px;
height:47px;
overflow:hidden;
}
#mobile-menu-toggle
{
display:none;
}
#nav-main ul
{
margin:0 12px;
/*
margin:12px 12px 0 12px;
position:absolute;
right:12px;
bottom:0px;
width:600px;
height:40px;
*/
}
#nav-main li
{
/*
margin:17px 0 0;
*/
display:inline-block;
margin:0;
position:relative;
}
#nav-main li a
{
display:block;
background-color:#653791;
box-shadow:0 0 8px rgba(0,0,0,0.75);
min-width:118px;
height:50px;
color:white;
padding-top:6px;
}
#nav-main li,
#nav-main li a
{
-ms-transition-duration: 400ms;
-moz-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
-ms-transition-property: background-color;
-moz-transition-property: background-color;
-webkit-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
}
#nav-main li a:hover
{
text-decoration:none;
background-color:#7442A1;
background-color:#8957b7;
}
#nav-main li.vote a
{
background-color:#d72611;
}
#nav-main li.vote a:hover
{
background-color:#e83618;
background-color:#ff3b1a;
}
/*
body.page-template-vote-php,
*/
.page-home li.home a,
.page-videos li.videos a,
.page-video-player li.videos a,
.page-photos li.photos a,
.page-photo-gallery li.photos a,
.page-game li.game a,
.page-vote li.vote a,
.page-home li.home a:hover,
.page-videos li.videos a:hover,
.page-videos li.video-player a:hover,
.page-photos li.photos a:hover,
.page-photos li.photo-gallery a:hover,
.page-game li.game a:hover,
.page-vote li.vote a:hover,
body.home li.home a,
body.page-template-videos li.videos a,
body.page-template-video-player li.videos a,
body.page-template-photos li.photos a,
body.page-template-photo-gallery li.photos a,
body.page-template-game li.game a,
body.page-template-vote li.vote a,
body.home li.home a:hover,
body.page-template-videos li.videos a:hover,
body.page-template-video-player li.videos a:hover,
body.page-template-photos li.photos a:hover,
body.page-template-photo-gallery li.photos a:hover,
body.page-template-game li.game a:hover,
body.page-template-vote li.vote a:hover,
body.home-php li.home a,
body.page-template-videos-php li.videos a,
body.page-template-video-player-php li.videos a,
body.page-template-photos-php li.photos a,
body.page-template-photo-gallery-php li.photos a,
body.page-template-game-php li.game a,
body.page-template-vote-php li.vote a,
body.home-php li.home a:hover,
body.page-template-videos-php li.videos a:hover,
body.page-template-video-player-php li.videos a:hover,
body.page-template-photos-php li.photos a:hover,
body.page-template-photo-gallery-php li.photos a:hover,
body.page-template-game-php li.game a:hover,
body.page-template-vote-php li.vote a:hover
{
background-color:transparent !important;
color:#d72610 !important;
box-shadow:none !important;
/*
padding: 17px 11px 0;
margin: 0 -11px 0;
*/
}
.page-home li.home a {
}
.page-home li.home,
.page-videos li.videos,
.page-video-player li.videos,
.page-photos li.photos,
.page-photo-gallery li.photos,
.page-game li.game,
.page-vote li.vote,
.page-template-home-php li.home,
.page-template-videos-php li.videos,
.page-template-video-player-php li.videos,
.page-template-photos-php li.photos,
.page-template-photo-gallery-php li.photos,
.page-template-game-php li.game,
.page-template-vote-php li.vote
{
top:-4px !important;
/*
top:-20px !important;
*/
padding: 17px 11px 0;
margin: 0 -11px !important;
background-image:url(../media/images/global/nav_hi_shadow.png);
background-position:top center;
}
footer
{
text-align:left;
background-color: #FFFFFF;
background-image: linear-gradient(#FFFFFF, #ECEFF1);
clear: both;
color:#303030;
font-size: 0.75em;
border-top:1px solid #dadbdc;
}
#link-radio-disney a
{
font-weight:600;
}
footer a
{
color:#303030;
font-weight:100;
}
footer a:hover
{
color:#1786EB;
text-decoration:none;
}
footer #help {
padding: 0 48px 12px;
margin-top: 10px;
}
footer #help #logo {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAyCAYAAAAA9rgCAAAEWklEQVR42s3ab0xVZRzA8Qcwe6GyNm3YRsJMrTFh2B9rhrIWmIWZoSay1BiNFxQDgWixVau1wVjRH5trQNnyha50KUr%2BCdvohQukzNRNJ%2BnIUFszl9YyF%2Fz6st1Xz85zz3MP55x7zvYZG7u75%2FkyLpzze44qLCyMJxUZeAhPYwMa0IyX8QpewvNYjfEjG1OgwiAiCXF6k1lYhTYcwhn8A7EwimEcRScasBjTohhcgz7cgPjsMvaiFjlRCO6AhOhbNOKuZAQvgMT8gWPoxVa0oBF12IhnUYN6vIEt6EE%2FrnoI%2Fw97sCbM4F4IfsZqKI9mIA8VaMcR%2FAux9BNeRHrQwZe0Ew%2FjDigfZOIZdOK8ZfgImpAeVPA8NKELR7AdGVA%2Bm4zH0YUrFuG%2Foh5pfgcnw3TU4rhF%2BCmURT%2FYXgm%2BsgjvQX70g%2B0V4HOL8LeQEv1gew%2Bj2yX6OBZ7DY6q5TjqEv5qFINXohrKowaXa%2FltUQu%2BCEEVlEdzcQhi0ItboxCcqy1sOtQEvAYx6MfkZAfXaYuq9Omzfd0Q%2FR3S9Ei%2B90BYwV3agtqhfJCDYUP0Nw7Bk8IKPqwtZguUT2binCH6s2T9Sp%2FUFtIB5XP0L4bo%2BrCDJ%2BGCtogdUD6bHec29N4wg2fgmraAnUHMtPi6zBA8HGZwJkTTHURwLLrNEN0aVvB8iGYY5ahEdcx6lGIRsr0FA3GGDHcGFZyPKnTgFMSD09iFGsxLMLgI4mC7X8FpKMFHOA3x2VgsfqlNcCx6AOIgayLBs9GKIUhIdiHTNdj8B%2BxtL8FT0Y4bkCS4ikf1YJ3hf%2FNl3JJI7BKLyeNNXMJJnMCYYSLZjA%2FRjR%2B1BdqY6RL8KcTBfbaxT0E0Z7EPbajEQmRhKhQehGj2xplo5mApmrEbv8cb87gEN0IclNnE3o5RCAbRhDwoF09CNF9DWboNa%2FGlw65Gn0twhSG4wubEqyB4HyoB6ww36sqDzdr7HAgyOA%2BC16ESUOlT8EKH3ZEil%2BBaQ%2FA625N%2BDMGKBGdRojkIZSnFMOFogHIJ7jIEL0rkJz0CwWNQFt40bJMmEjwIifkbG6Asgi9CNNcxJZHgOZCYtVAu3oVojnkc4I0fsyyvtNZAHOz2cuFRBIlpdXntJxDN91A%2B0mNTMWIIXqYFW1sOiRnEEigHOyCagYCDD5s25CZ68%2FCEPkNCrvaa%2FYYtkpQABgD3oB9iUKAFe5KPIYcL%2FGIofAHRnEMalI82uTxp0O7nACA9FimafsNE8byP87Ln8AMkjgNBjXiqcA3i4soEnyAoQCvOQlzsD3pqmYVtFjf0fdiMeqzEI5iPObgbc7EAxShHC3biAsTSB2HOpcePgx4fYRrDKMSjE1iRrL2l9yAhOYOaZO8elgYceRM9KEdqFPaHxw%2FR%2FIZqdKIff0Is%2FYUBbEUFsqP2yMM0h8%2FjkMPjS7kowXq8gAZsQh02ohT3IwORf2zpHS24JQqPDwetLKYYKtnB%2FwNg0GvKj9NiwgAAAABJRU5ErkJggg%3D%3D") no-repeat scroll center center rgba(0, 0, 0, 0);
float: left;
height: 70px;
width: 60px;
}
footer #help h2, footer #help h3 {
display:none;
}
footer #help #logo + nav {
display:block;
}
footer #copyright {
color: #93989A;
}
footer #about a,
footer #legal a
{
color:#858A8D;
}
footer #about a:hover,
footer #legal a:hover
{
color:#1786EB;
}
footer #li {
margin-top: 0;
}
footer #help ul {
list-style: none outside none;
}
footer #help #legal {
padding-bottom: 40px;
}
@media (min-width:768px)
{
footer #help #logo + nav {
margin-left: 84px;
}
footer li {
display: inline-block;
padding-right: 12px;
}
footer #radiodisney,
footer #copyright,
footer #about {
padding: 0 0 12px;
}
footer #help #logo {
display: block;
}
}
@media (max-width:767px)
{
footer li
{
padding: 4px 0;
display: list-item;
}
footer #radiodisney,
footer #copyright,
footer #about {
padding: 16px 0;
}
footer #help #logo {
display: none;
}
}
/*
ads
*/
#adserve-container-header
{
margin:0px auto;
padding-bottom:8px;
}
#div-gpt-ad-leaderboard-1
{
margin:0px auto;
width:728px;
height:90px;
/*
background: url(../media/images/global/ad_fpo_728.jpg) top left no-repeat;
background:rgba(0,0,0,0.1);
*/
}
#div-gpt-ad-mobilebanner-1
{
margin:0px auto;
width:320px;
height:50px;
background: rgba(0,0,0,0.1) url(../media/images/global/ad_fpo_320.gif) top left no-repeat;
}
#div-gpt-rectangle-1
{
width:300px;
height:250px;
/*
background: url(../media/images/global/ad_fpo_300.jpg) top left no-repeat;
background:rgba(0,0,0,0.1);
*/
}
#comments-container
{
position:relative;
}
/*** 2/3 width (300 ad on right) ***/
@media (min-width: 768px)
{
#section-galleries-thumbs #comments-container,
#section-game #comments-container,
#section-video-player #comments-container,
#section-vote #comments-container
{
/*
max-width:50%;
*/
min-height:282px;
margin-left: 40px;
margin-right:360px;
padding-bottom:40px;
}
/*** full width ***/
.page-template-photo-gallery-php.sponsored
#section-videos-landing #comments-container,
.page-template-photo-gallery-php.sponsored #section-galleries-thumbs #comments-container,
#section-galleries-landing #comments-container
{
clear:both;
width:50%;
min-width:384px;
max-width:480px;
min-height:282px;
margin: 0 auto;
padding-bottom:40px;
}
}
@media (max-width: 767px)
{
#section-galleries-thumbs #comments-container,
#section-game #comments-container,
#section-video-player #comments-container,
#section-vote #comments-container
{
clear:both;
width:80%;
min-width:300px;
margin: 0 auto;
padding-bottom:40px;
}
}
#comments-container #comments
{
}
#radio-player
{
position:absolute;
position:fixed;
display:block;
width:130px;
height:123px;
margin-left:-65px;
margin-top:-123px;
left:50%;
top:100%;
background: url(../media/images/global/badge_radiodisney.png) center center no-repeat;
z-index:100;
}
/*
forms & buttons
*/
input[type="radio"]
{
display:none;
}
input[type="radio"] + label
{
display:block;
cursor:pointer;
padding:4px 0 4px 30px;
text-indent:-25px;
margin: 0;
line-height:1.1em;
}
input[type="radio"] + label span.rd
{
display:inline-block;
width:21px;
height:24px;
margin:-3px 9px 0 -5px;
vertical-align:middle;
background:url(../media/images/global/form_sprite.png) left top no-repeat;
}
input[type="radio"] + label:hover span.rd
{
background-position: -21px top;
color:red;
}
input[type="radio"]:checked + label span.check
{
display:inline-block;
width:21px;
height:24px;
margin:0 0 0 25px;
background: url(../media/images/global/form_sprite.png) -42px top no-repeat;
}
#newsfeed #vote-container input[type="radio"] + label
{
padding:4px 0 4px 50px;
margin: 0 12px;
}
#newsfeed #vote-container.category-1 input[type="radio"] + label
{
padding-left: 104px;
}
#newsfeed #vote-container.category-1 form
{
margin-bottom:1.5em;
}
#newsfeed #vote-container input[type="radio"]:checked + label
{
background-color:#542c70;
color:white;
text-shadow:2px 0 4px black;
}
#newsfeed #vote-container input[type="radio"] + label span.rd
{
margin-top:-2px;
}
a.btn-sm,
a.btn-lg
{
display:inline-block;
background-repeat: no-repeat;
background-position: left top;
text-align:center;
vertical-align:middle;
font-weight:400;
}
a.btn-lg
{
line-height:42px;
font-size:125%;
}
a.btn-sm
{
margin-top:4px;
line-height:30px;
font-size:80%;
}
a.btn-sm:hover,
a.btn-lg:hover
{
text-decoration:none;
}
a.btn-sm .grad,
a.btn-lg .grad
{
box-shadow:0 2px 8px rgba(0,0,0,0.4);
display:block;
}
a.btn-lg .grad
{
min-width:126px;
height:48px;
border-radius:24px;
box-shadow:0 2px 8px rgba(0,0,0,0.4);
display:block;
}
a.btn-sm .grad
{
min-width:80px;
height:28px;
border: 1px solid #cf181d;
border-radius:15px;
padding: 0 12px;
}
a.btn-lg .border
{
border-radius:20px;
display:block;
position:relative;
top:3px;
height:40px;
margin:0px 3px;
padding: 0 24px;
white-space:nowrap;
}
a.btn-lg.red
{
color:white;
text-shadow:#851d1f 0px -1px 0px;
}
a.btn-lg.red .border
{
border:1px solid white;
}
a.btn-lg.red .grad
{
background: #dd4a40; /* Old browsers */
background: -moz-linear-gradient(top, #dd4a40 0%, #9c1f28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4a40), color-stop(100%,#9c1f28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dd4a40 0%,#9c1f28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dd4a40 0%,#9c1f28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dd4a40 0%,#9c1f28 100%); /* IE10+ */
background: linear-gradient(to bottom, #dd4a40 0%,#9c1f28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4a40', endColorstr='#9c1f28',GradientType=0 ); /* IE6-9 */
}
a.btn-lg.red:hover .grad
{
background: #ff4c2e; /* Old browsers */
background: -moz-linear-gradient(top, #ff4c2e 0%, #bb2e24 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff4c2e), color-stop(100%,#bb2e24)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff4c2e 0%,#bb2e24 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff4c2e 0%,#bb2e24 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff4c2e 0%,#bb2e24 100%); /* IE10+ */
background: linear-gradient(to bottom, #ff4c2e 0%,#bb2e24 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c2e', endColorstr='#bb2e24',GradientType=0 ); /* IE6-9 */
}
a.btn-sm.yellow,
a.btn-lg.yellow
{
color:#cf181d;
text-shadow:#fdeac2 0px 1px 0px;
}
a.btn-sm.yellow .border,
a.btn-lg.yellow .border
{
border:1px solid #f4501e;
}
a.btn-sm.yellow .grad,
a.btn-lg.yellow .grad
{
background: #ffda00; /* Old browsers */
background: -moz-linear-gradient(top, #ffda00 0%, #fa9500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffda00), color-stop(100%,#fa9500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffda00 0%,#fa9500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffda00 0%,#fa9500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffda00 0%,#fa9500 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffda00 0%,#fa9500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda00', endColorstr='#fa9500',GradientType=0 ); /* IE6-9 */
}
a.btn-sm.yellow:hover .grad,
a.btn-lg.yellow:hover .grad
{
background: #ffeb00; /* Old browsers */
background: -moz-linear-gradient(top, #ffeb00 0%, #fda400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb00), color-stop(100%,#fda400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffeb00 0%,#fda400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffeb00 0%,#fda400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffeb00 0%,#fda400 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffeb00 0%,#fda400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb00', endColorstr='#fda400',GradientType=0 ); /* IE6-9 */
}
a.btn-sm.yellow.inactive,
a.btn-lg.yellow.inactive
{
opacity:0.3;
}
a.btn-sm.yellow.inactive .grad,
a.btn-lg.yellow.inactive .grad
{
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#d8d8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#d8d8d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
background: -moz-linear-gradient(top, #eeeeee 0%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#999999 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
box-shadow:none;
}
a.btn-sm.yellow.inactive,
a.btn-lg.yellow.inactive
{
color:#b7b7b7;
color:#333333;
text-shadow:none;
}
a.btn-sm.yellow.inactive .border,
a.btn-lg.yellow.inactive .border
{
border-color: #b7b7b7;
color:#b7b7b7;
border-color: #333333;
color:#333333;
}
a.btn-sm.yellow,
a.btn-lg.yellow.active
{
cursor:pointer;
}
#newsfeed #vote-container a.btn-lg
{
line-height:32px;
}
#newsfeed #vote-container a.btn-lg .grad
{
min-width:120px;
height:38px;
border-radius:19px;
}
#newsfeed #vote-container a.btn-lg .border
{
border-radius:15px;
height:30px;
}
#content-container
{
background-color:white;
width:100%;
margin: 0;
}
#section-container
{
position:relative;
}
#section-container, section
{
margin: 0;
padding: 0;
}
/* homepage */
#newsfeed {
position:relative;
padding:8px;
}
#tile-slider
{
position:relative;
padding-top:33.333%;
}
/* flipping tiles */
/* flip the pane when hovered */
.tile-col.animated {
/*
-ms-perspective: 1000;
-moz-perspective: 1000;
-webkit-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
*/
}
.tile.animated.flip {
/*
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
*/
}
/* flip speed goes here */
.tile.animated {
/*
-ms-transition: 0.6s;
-moz-transition: 0.6s;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
*/
}
/* hide back of pane during swap */
.tile-flipper {
/*
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
*/
display:block;
overflow:hidden;
background-size:cover;
}
/* front pane, placed above back */
.tile-front {
z-index: 2;
}
/* for 2+ flipping tiles; hide all but front+back */
.tile-off {
display:none;
}
/* back, initially hidden pane
.tile-back {
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
*/
.tile-set {
}
.tile-col .tile
{
display:block;
}
.tile-col-x
{
/*
SCREWY b/c floats?
display:block;
position:absolute;
*/
display: inline-block;
position: relative;
margin:0;
float:left;
}
.tile-col
{
display: block;
position: absolute;
margin:0;
}
.tile-row
{
display: block;
position: relative;
width:100%;
/*
margin-bottom:-5px;
*/
}
#tile-col-0
{
left:0;
top:0;
}
#tile-col-1
{
left:33.333%;
top:0;
}
#tile-col-2
{
left:50%;
top:0;
}
#tile-col-3
{
left:66.667%;
top:0;
}
#tile-col-4
{
left:66.667%;
top:50%;
}
.tile {
/*
position: absolute;
top: 0;
left: 0;
bottom: -1px;
right: -1px;
bottom: 0px;
right: 0px;
display:block;
*/
position:relative;
width:100%;
height:100%;
}
.tile .border-skin.tile-flipper
{
display: block;
width: 100%;
height: 100%;
}
#section-videos-landing .video-box.featured,
.wd-2 .tile .border-skin.tile-flipper
{
background: url(../media/images/global/img_frame_neg_topleft.gif) top left no-repeat,
black url(../media/images/global/img_frame_neg_topright.gif) top right no-repeat;
}
.wd-1 .tile .border-skin.tile-flipper
{
background: black url(../media/images/global/img_frame_neg_topleft.gif) top left no-repeat;
}
.tile .border-skin.tile-flipper>div
{
top:12px;
left:9px;
right:9px;
bottom:9px;
border-radius:8px;
}
#section-videos-landing .video-box.featured
{
padding:12px 9px 9px 9px;
}
#section-videos-landing .video-box.featured .stack-box .aspect img
{
border-radius:8px;
}
/*
#section-videos-landing .video-box.featured .stack-box .aspect
{
position:relative;
display:block;
width:237px;
padding-bottom: 56.25%;
background:black;
}
.video-slider .video .slides .aspect img.thumb
{
width: 100%;
position:absolute;
border: 0 none;
vertical-align: bottom;
left:0;
top:0;
}
*/
.tile-flipper div span.caption-container
{
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.tile-flipper div span.caption-txt
{
position:absolute;
bottom:12px;
left:12px;
right:12px;
color:white;
text-shadow: 0 1px 0 rgba(0,0,0,0.7);
line-height:1em;
}
.tile
{
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.tile-flipper {
float: none;
position: absolute;
top: 0;
left: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
height:100%;
}
.tile-flipper>div {
/*
display:block;
height:100%;
width:100%;
*/
background-size:cover;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.tile .tile-flipper.tile-front
{
z-index: 9;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
/* -- transition is the magic sauce for animation -- */
}
.tile.flip .tile-flipper.tile-front
{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.tile .tile-flipper.tile-back
{
z-index: 8;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
transform: rotateY(-179deg);
}
.tile.flip .tile-flipper.tile-back
{
z-index: 10;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
}
/*
.wd-1 .ht-1,
.wd-2 .ht-2
{
padding-bottom: 100%;
}
.wd-1 .ht-2
{
padding-bottom: 200%;
}
.wd-2 .ht-1
{
padding-bottom: 50%;
}
*/
#tile-0-0,
#tile-2-0
{
height:100%;
}
#tile-1-0,
#tile-1-1,
#tile-3-0,
#tile-3-1
{
height:50%;
}
#tile-col-0
{
width:33.3333%;
height:100%;
}
#tile-col-1
{
width:16.6667%;
height:100%;
}
#tile-col-2
{
width:16.6667%;
height:100%;
}
#tile-col-3
{
width:33.3333%;
height:100%;
}
#tile-col-4
{
width:33.3333%;
top:50%;
}
@media (min-width: 901px)
{
/*
.tile-col.wd-1
{
width:16.66667%;
}
.tile-col.wd-2
{
width:33.3333%;
}
.tile-col.wd-3
{
width:50%;
}
*/
}
@media (min-width: 641px) and (max-width: 900px)
{
#tile-slider
{
padding-top:75%;
}
#tile-col-0
{
width:50%;
height:66.6667%;
}
#tile-col-1
{
left:50%;
width:25%;
height:66.6667%;
}
#tile-col-2
{
left:75%;
width:25%;
height:66.6667%;
}
#tile-col-3
{
left:0;
top:66.6667%;
width:100%;
height:33.3333%;
}
#tile-3-0,
#tile-3-1
{
width:50%;
height:100%;
}
#tile-3-1
{
position:absolute;
top:0px;
left:50%;
}
}
@media (min-width: 401px) and (max-width: 640px)
{
#tile-slider
{
padding-top:133.3333%;
}
#tile-col-0
{
width:66.6667%;
height:50%;
}
#tile-col-1
{
left:66.6667%;
width:33.3333%;
height:50%;
}
#tile-col-2
{
left:0;
top:50%;
width:33.3333%;
height:50%;
}
#tile-col-3
{
left:33.3333%;
top:50%;
width:66.6667%;
height:50%;
}
}
@media (max-width: 400px)
{
#tile-slider
{
padding-top:300%;
}
#tile-col-0
{
width:100%;
height:33.3333%;
}
#tile-col-1
{
left:0;
top:33.3333%;
width:50%;
height:33.3333%;
}
#tile-col-2
{
left:50%;
top:33.3333%;
width:50%;
height:33.3333%;
}
#tile-col-3
{
left:0;
top:66.6667%;
width:100%;
height:33.3333%;
}
}
#newsfeed #vote-container
{
background-image: url(../media/images/homepage/header_votenow_hestheone.jpg);
background-color:#793FA1;
background-position:top center;
background-size:contain;
background-size:cover auto;
padding-top:29%;
}
#newsfeed form
{
font-size:85%;
text-align:left;
color:white;
margin:0.5em 0 0.3em;
}
.tile-pane .tile-link
{
display:block;
width:100%;
height:100%;
}
.tile-pane.video
{
cursor:pointer;
}
.tile-pane.video .icon
{
background: url(../media/images/global/feed_icon_video.png) top left no-repeat;
display:block;
width:50px;
height:50px;
position:absolute;
bottom: 12px;
right:12px;
}
#home-footer-modules
{
display:block;
text-align:center;
min-height:274px;
margin:16px 0 0 0px;
/*
padding:4px;
*/
position: relative;
clear:both;
padding-right:5px;
padding-bottom:24px;
}
#home-footer-modules .footer-module
{
/*
width: 336px;
float:left;
*/
margin: 0 3px 16px 8px;
display:inline-block;
position: relative;
text-align:left;
vertical-align:top;
max-width:320px;
min-width:302px;
}
#home-footer-modules .footer-module.calendar
{
background-color:red;
background:#cff77c url(../media/images/homepage/header_ontheroad.jpg) no-repeat top center;
}
#home-footer-modules .footer-module.poll
{
background-color:red;
background:#60b8e7 url(../media/images/homepage/header_poll.jpg) no-repeat top center;
}
#home-footer-modules .footer-module.ad-300
{
background-color:#d3d3d3;
}
#home-ad-rectangle
{
background:#d3d3d3 url(../media/images/global/adslug_h.gif) 224px 259px no-repeat;
}
#home-ad-rectangle #div-gpt-rectangle-1
{
margin:8px auto;
}
#home-poll>div
{
padding-top:93px;
}
#poll-ardy
{
display:none;
}
.poll-container
{
text-align:center;
margin: 4px 16px;
}
.poll-container .subhead
{
font-size:110%;
font-weight:normal;
margin:8px 0;
text-align:left;
}
#home-poll a.btn-lg
{
margin:8px auto;
}
#home-poll form
{
text-align:left;
}
#home-calendar
{
/*
background:#cff77c url(../media/images/homepage/header_ontheroad.jpg) no-repeat top center;
*/
}
#home-calendar .subhead
{
display:none;
}
#home-calendar table
{
margin:100px 8px 8px;
}
#home-calendar td
{
padding:4px 8px;
}
#home-calendar .date
{
text-align:right;
}
#home-footer-modules .footer-module
{
}
@media (min-width: 1025px)
{
#home-footer-modules .footer-module
{
width:320px;
min-height:400px;
}
}
@media (min-width: 989px) and (max-width: 1024px)
{
#home-footer-modules .footer-module
{
min-height:400px;
}
}
@media (min-width: 641px) and (max-width: 988px)
{
#home-footer-modules .footer-module.poll,
#home-footer-modules .footer-module.calendar
{
max-width:360px;
width:360px;
width:45%;
min-height:400px;
}
#home-footer-modules .footer-module.ad-300
{
/*** 2 columns ***/
width:320px;
min-height:auto;
min-height:264px;
}
}
@media (max-width: 640px)
{
#home-footer-modules .footer-module.poll,
#home-footer-modules .footer-module.calendar
{
/*** 1 column ***/
max-width:inherit;
width:90%;
margin:0 auto 16px auto;
/*
min-height:400px;
*/
}
}
/* voting page */
#section-vote #preloader
{
background-color:white;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
height:710px;
}
#section-vote #preloader .spinner
{
background:url(../media/images/global/spinner_24px.gif) center center no-repeat;
position:absolute;
left:50%;
top:50%;
margin-top:-12px;
margin-left:-12px;
width:24px;
height:24px;
}
#section-vote #vote-container
{
margin: 0 auto 40px;
position:relative;
height:710px;
width:960px;
/*
display:none;
*/
}
#section-vote #vote-container li
{
list-style:none;
}
#section-vote .thumbs-panel li:nth-child(n+5)
{
/* only handling up to 4 nominees per category */
background-color:red !important;
display:none;
}
#section-vote #vote-container h2
{
text-align:left;
padding-left:40px;
margin-bottom:0;
}
#section-vote #vote-container p
{
text-align:left;
padding-left:40px;
margin: 0 0 0.6em 0;
}
#vote-module
{
position:relative;
margin: 0 auto;
width:716px; /* -77 */
height:440px; /* +158 */
width:639px;
height:598px;
left:122px;
left:160px;
background: url(../media/images/voting/vote-container-bg.jpg) 0 0 no-repeat;
}
#section-vote #btnVoteAgain
{
margin:20px auto 0;
min-width:200px;
-ms-transition-duration: 400ms;
-moz-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
-ms-transition-property: opacity;
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
#section-vote #btnVoteAgain.inactive
{
opacity:0;
}
#section-vote #btnVoteAgain.active
{
opacity:1;
}
#choose-panel,
.thumbs-panel
{
position:absolute;
width:686px; /* -77 */
}
#choose-panel
{
top:0px;
height:598px;
}
.thumbs-panel
{
top:16px;
height:399px; /* +158 */
height:557px;
}
#choose-panel
{
/*
left:10px;
top:19px;
*/
overflow:hidden;
width:650px;
}
#choose-panel .thanksNote
{
background:rgba(0,0,0,0.5);
color:white;
font-size:80%;
height:28px;
text-transform:uppercase;
position:absolute;
left:-300px;
padding-left: 15px;
padding-right:15px;
}
#choose-panel .thanksNote span
{
line-height:28px;
vertical-align:middle;
text-shadow:0 1px 0 black;
}
body.desktop .thanksNote.cat-0 { top:0px; }
body.desktop .thanksNote.cat-1 { top:30px; }
body.desktop .thanksNote.cat-2 { top:60px; }
body.desktop .thanksNote.cat-3 { top:90px; }
body.desktop .thanksNote.cat-4 { top:120px; }
body.desktop .thanksNote.cat-5 { top:150px; }
body.desktop .thanksNote.cat-6 { top:180px; }
body.desktop .thanksNote.cat-7 { top:210px; }
body.desktop .thanksNote.cat-8 { top:240px; }
body.desktop .thanksNote.cat-9 { top:270px; }
body.desktop .thanksNote.cat-10 { top:300px; }
body.desktop .thanksNote.cat-11 { top:330px; }
body.desktop .thanksNote.cat-12 { top:360px; }
body.desktop .thanksNote.cat-13 { top:390px; }
body.desktop .thanksNote.cat-14 { top:420px; }
body.desktop .thanksNote.cat-15 { top:450px; }
body.desktop .thanksNote.cat-16 { top:480px; }
body.desktop .thanksNote.cat-17 { top:510px; }
body.desktop .thanksNote.cat-18 { top:540px; }
body.desktop .thanksNote.cat-19 { top:570px; }
body.desktop .thanksNote.cat-20 { top:600px; }
body.desktop .thanksNote.cat-21 { top:630px; }
body.desktop .thanksNote.cat-22 { top:660px; }
body.desktop .thanksNote.cat-23 { top:690px; }
body.desktop .thanksNote.cat-24 { top:720px; }
body.desktop .thanksNote.cat-25 { top:750px; }
body.desktop .thanksNote.cat-26 { top:780px; }
body.desktop .thanksNote.cat-27 { top:810px; }
body.desktop .thanksNote.cat-28 { top:840px; }
body.desktop .thanksNote.cat-29 { top:870px; }
@-webkit-keyframes thanks-slide-in-out
{
50% {
left: 0px;
animation-timing-function: cubic-bezier(0.005, 0.900, 0.660, 1); /* easeOutCirc */
}
100% {
left: -300px;
transition-timing-function: cubic-bezier(0.3, 0.3, 0.7, 0.7);
/*
transition-timing-function: cubic-bezier(0.930, 0.000, 0.980, 0.335);
*/
}
}
@-moz-keyframes thanks-slide-in-out
{
50% {
left: 0px;
animation-timing-function: cubic-bezier(0.005, 0.900, 0.660, 1); /* easeOutCirc */
}
}
@-o-keyframes thanks-slide-in-out
{
20% {
left: 0px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
50% {
left: 0px;
}
100% {
left: -300px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.995, 0.265);
}
}
@keyframes thanks-slide-in-out
{
15% {
left: 0px;
transition-timing-function: cubic-bezier(0.005, 0.900, 0.660, 1);
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 0;
}
}
.thanks-note
{
/*
visibility:hidden;
*/
text-align:center;
margin-top:4px;
margin-top:8px 0 4px;
}
.thanksNote
{
-webkit-animation: thanks-slide-in-out 1s; /* Safari 4+ */
-moz-animation: thanks-slide-in-out 1s; /* Fx 5+ */
-o-animation: thanks-slide-in-out 1s; /* Opera 12+ */
animation: thanks-slide-in-out 1s; /* IE 10+ */
animation-name: thanks-slide-in-out;
animation-duration: 2.5s;
animation-iteration-count: 1;
}
.thumbs-panel
{
position:absolute;
left:0;
top:20px;
background:white url(../media/images/voting/negative-front.png) top right no-repeat;
width:619px;
}
@-webkit-keyframes vote-slide-out
{
0%
{
left: 0px;
}
60% {
left: 20px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
100% {
left: -300px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.995, 0.265);
}
}
@-moz-keyframes vote-slide-out
{
0%
{
left: 0px;
}
60% {
left: 20px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
100% {
left: -300px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.995, 0.265);
}
}
@-o-keyframes vote-slide-out
{
0%
{
left: 0px;
}
60% {
left: 20px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
100% {
left: -300px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.995, 0.265);
}
}
@keyframes vote-slide-out
{
0%
{
left: 0px;
}
60% {
left: 20px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
/*
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
*/
100% {
left: -300px;
animation-timing-function: cubic-bezier(0.770, 0.000, 0.995, 0.265);
}
}
.thumbs-panel.slide-out-ease-x
{
-webkit-transition: all 1000ms cubic-bezier(0.755, 0, 0.995, 0.110); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0.755, -0.190, 0.995, 0.110);
-moz-transition: all 1000ms cubic-bezier(0.755, -0.190, 0.995, 0.110);
-o-transition: all 1000ms cubic-bezier(0.755, -0.190, 0.995, 0.110);
transition: all 1000ms cubic-bezier(0.755, -0.190, 0.995, 0.110); /* custom */
-webkit-transition-timing-function: cubic-bezier(0.755, 0, 0.995, 0.110); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.755, -0.190, 0.995, 0.110);
-moz-transition-timing-function: cubic-bezier(0.755, -0.190, 0.995, 0.110);
-o-transition-timing-function: cubic-bezier(0.755, -0.190, 0.995, 0.110);
transition-timing-function: cubic-bezier(0.755, -0.190, 0.995, 0.110); /* custom */
}
.thumbs-panel.slide-out-ease
{
-webkit-animation: vote-slide-out 1s; /* Safari 4+ */
-moz-animation: vote-slide-out 1s; /* Fx 5+ */
-o-animation: vote-slide-out 1s; /* Opera 12+ */
animation: vote-slide-out 1s; /* IE 10+ */
animation-name: vote-slide-out;
animation-duration: 1s;
animation-iteration-count: 1;
}
ul#btns-cat
{
position:absolute;
left:-276px;
top:0;
width:276px;
margin:0;
padding:0;
}
ul#btns-cat li
{
position:relative;
height:28px;
margin:0 0 2px;
background-color:#9c1e2c;
overflow:hidden;
-ms-transition-duration: 400ms;
-moz-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms;
-ms-transition-property: background-color;
-moz-transition-property: background-color;
-webkit-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
}
ul#btns-cat li:hover
{
background-color:#e91c33;
cursor:pointer;
}
ul#btns-cat li.voted
{
background-color:#7a7a7a;
}
ul#btns-cat li.voted:hover
{
background-color:#999;
}
ul#btns-cat span.label-cat,
ul#btns-cat span.pick-cat
{
position:absolute;
text-align:right;
font-size:12px;
}
ul#btns-cat span.label-cat
{
right:30px;
top:7px;
color:white;
}
.arrow-label-container,
ul#btns-cat span.label-cat
{
text-transform:uppercase;
font-weight:bold;
}
ul#btns-cat span.pick-cat
{
right:-100%;
top:-1px;
color:#333;
}
ul#btns-cat .pick-check
{
position:absolute;
top:4px;
right:5px;
width:20px;
height:20px;
background:url(../media/images/voting/vote-check.png) center center no-repeat;
background-size: contain;
display:none;
}
ul#btns-cat li.voted .pick-cat
{
right:14px;
}
ul#btns-cat li.voted .pick-check
{
display:block;
}
#arrow-cat
{
position:absolute;
background:url(../media/images/voting/vote-arrow.png) top left no-repeat;
width:358px;
height:40px;
left:-313px;
top:-4px;
}
.arrow-label-container
{
position:absolute;
top:4px;
left:5px;
width:334px;
height:28px;
color:#070b45;
overflow:hidden;
}
ul#arrow-cat-labels
{
position:absolute;
top:0;
right:8px;
margin:0;
padding:0;
text-align:right;
}
ul#arrow-cat-labels li
{
position:relative;
height:30px;
margin:5px 20px 5px 0;
}
.thumbs-panel h4
{
display:none;
}
.thumbs-panel ul
{
margin:8px 20px 0;
padding:8px 20px;
padding:16px 20px;
}
.thumbs-panel li
{
display:inline-block;
width:48%;
margin:0;
text-align:top;
vertical-align:top;
position:relative;
border:1px solid white;
border-radius:8px;
transition: all 300ms;
padding: 6px 0;
line-height:1em;
}
.thumbs-panel li.selected,
.thumbs-panel li.over
{
background-color:#a8dcf5;
cursor:pointer;
opacity:1 !important;
}
.thumbs-panel li.deselected
{
opacity:0.25;
}
.thumbs-panel li .thumb-img
{
border: 1px solid #999;
margin:0 auto 4px;
width:126px;
height:126px;
width:160px;
height:160px;
display:block;
}
.thumbs-panel li img
{
width:100%;
height:100%;
}
.thumbs-panel li .pick-choice
{
display:block;
position:absolute;
width:18px;
height:18px;
border:1px solid #666;
border-radius:4px;
box-shadow:0 2px 4px rgba(0,0,0,0.4);
left:50%;
margin-left:54px;
top:140px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#cbcbcb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */
}
.thumbs-panel li .launch-video
{
position:absolute;
top:129px;
left:50%;
margin-left:-70px;
}
.thumbs-panel li.selected .pick-choice .check
{
display:inline-block;
width:21px;
height:24px;
margin:-2px 0 0 -1px;
background: url(../media/images/global/form_sprite.png) -42px top no-repeat;
}
.thumbs-panel span.thumb-label
{
padding: 2px 8px;
line-height:1em;
}
/*
photo galleries
*/
section.photo-gallery
{
}
section.photo-gallery #galleries-container,
section#section-videos-landing #galleries-container,
body.sponsored section.photo-gallery #thumbs-container
{
margin: 0.5em 4px;
/*
display:table;
*/
}
section.photo-gallery .ad-300,
section.video-gallery .ad-300
{
float:right;
z-index:2;
position:relative;
margin-left:8px;
margin-right:8px;
position:relative;
}
body.sponsored section.photo-gallery .ad-300
{
margin-top:8px;
margin-right:8px !important;
}
#section-galleries-landing .ad-300
{
margin-top:44px;
position:relative;
}
#section-videos-landing .ad-300
{
margin-top:0px;
margin-bottom:24px;
position:relative;
}
#section-game .ad-300,
#section-video-player .ad-300,
#section-vote .ad-300,
#section-galleries-thumbs .ad-300
{
float:right;
margin-right:40px;
margin-bottom:24px;
position:relative;
}
section.photo-gallery .gallery-link
{
/* */
text-align:left;
margin:0;
}
section.photo-gallery .gallery-std
{
/* */
display:inline-block;
float:left;
margin:0 0 24px 0;
padding:0;
vertical-align:top;
width:50%;
/*
background-color:yellow;
*/
}
section.photo-gallery .gallery-row
{
clear:both;
position:relative;
padding:16px 0;
background: url(../media/images/photos/ui/landing_row_divider.gif) top center no-repeat;
}
.gallery-box
{
position:relative;
}
section.photo-gallery .gallery-std .stack-box
{
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
padding:0px 24px;
display: inline-block;
position: relative;
margin-left: 3%;
margin:0px auto;
width: 100%;
max-height:270px;
z-index: 1;
text-align:center;
}
section.photo-gallery .gallery-link .stack-box .aspect,
section.photo-gallery .gallery-header .stack-box .aspect
{
overflow:hidden;
position:relative;
}
section.photo-gallery .gallery-std .stack-box .aspect
{
display:block;
margin:0 auto;
/*
height:100%;
*/
max-height:200px;
max-width:100%;
padding-bottom: 75% !important;
position:relative;
}
section.photo-gallery .gallery-std .stack-box .frame-neg
{
padding:16px 13px 13px 13px;
background: url(../media/images/global/img_frame_neg_topleft.gif) top left no-repeat,
black url(../media/images/global/img_frame_neg_topright.gif) top right no-repeat;
display:block;
}
section.photo-gallery .gallery-std .stack-box .aspect img
{
vertical-align:bottom;
border-radius:6px;
width: auto;
height: auto;
margin:0;
/*
width:100%;
*/
max-height:100%;
position:absolute;
top:0;
left:0;
}
section.photo-gallery .gallery-featured .stack-box
{
/* desktop only - to match ad
padding-bottom:250px !important;
*/
}
section.photo-gallery .gallery-featured h3,
section.photo-gallery #thumbs-container .breadcrumb,
section.video-gallery .playlist-featured
{
/* desktop only - to match ad */
position:relative;
margin-top:20px;
text-align:left;
}
section.photo-gallery .gallery-featured h3,
section.photo-gallery #thumbs-container .breadcrumb
{
/* desktop only - to match ad */
padding-left:60px;
}
section.photo-gallery .gallery-featured h3,
section.photo-gallery #thumbs-container .breadcrumb
{
/* desktop only - to match ad */
padding-left:60px;
position:relative;
margin-top:20px;
height:20px;
text-align:left;
}
section.photo-gallery .gallery-featured h3,
section.video-gallery .playlist-featured h3
{
/* desktop only - to match ad */
font-size:1.5em;
}
section.photo-gallery h4
{
/* desktop only - to match ad */
font-size:1.3em;
margin-top:0.5em;
margin-bottom: 0.5em;
}
section.photo-gallery .gallery-featured p,
section.photo-gallery .gallery-header p
{
margin-top:0.5em;
margin-bottom: 0.8em;
}
section.photo-gallery .gallery-featured .stack-box img,
section.photo-gallery .gallery-header .stack-box img
{
height:250px;
width:689px !important;
}
body.sponsored section.photo-gallery .gallery-header .stack-box img
{
width:791px !important;
}
section.photo-gallery .bound
{
position:relative;
display:block;
/*
background:#ccc;
*/
}
section.photo-gallery .gallery-featured .bound,
section.photo-gallery .gallery-header .bound
{
margin:8px;
}
section.photo-gallery .gallery-std .bound
{
margin:16px;
margin:8px 0 24px 8px;
}
section.photo-gallery .gallery-std .photo-container
{
/*
background-color:red;
*/
}
section.photo-gallery .gallery-link .header,
section.photo-gallery .gallery-header .header
{
text-align:center;
padding-right:24px;
}
section.photo-gallery .gallery-link .header h4,
section.photo-gallery .gallery-link .header p,
section.photo-gallery .gallery-header .header h4,
section.photo-gallery .gallery-header .header p
{
text-align:left;
margin-right:-24px;
}
section.photo-gallery .gallery-featured .header,
section.photo-gallery .gallery-header .header
{
margin: 0 60px 18px 60px;
}
section.photo-gallery .gallery-std .header
{
margin: 0 20px 0 34px;
}
section.photo-gallery ul,
section.photo-gallery li
{
list-style: none;
padding: 0;
}
section.photo-gallery #thumbs-container>ul
{
margin: 0 16px 32px;
clear:both;
}
section.photo-gallery #thumbs-container li.launches-modal
{
display:inline-block;
width:24%;
padding: 0;
margin: 0 -5px 0 0;
}
section.photo-gallery #thumbs-container li.launches-modal .center-crop
{
display:block;
position:relative;
margin:8px;
}
section.photo-gallery #thumbs-container li.launches-modal .img-aspect
{
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2) inset;
padding-top:75%;
position:relative;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}
section.photo-gallery #thumbs-container li.launches-modal .img-aspect img,
section.photo-gallery #thumbs-container li.launches-modal .img-aspect .zoom-overlay
{
height:100%;
width:100%;
left:0;
top:0;
position:absolute;
}
section.photo-gallery #thumbs-container li.launches-modal a .zoom-overlay
{
background-color:black;
opacity:0;
transition: opacity 300ms ease 0s;
}
section.photo-gallery #thumbs-container li.launches-modal a:hover .zoom-overlay
{
opacity:0.5;
}
section.photo-gallery #thumbs-container li.launches-modal .bound
{
height:100%;
/*
padding:4px;
*/
}
section.photo-gallery #thumbs-container li.launches-modal .aspect
{
padding-bottom:75%;
background-size:contain;
background-position:top center;
}
section.photo-gallery #thumbs-container li.launches-modal .aspect
{
padding-bottom:75%;
background-size:contain;
background-position:top center;
}
#photo-slides,
#photo-slides li.content-container
{
margin: 0;
padding: 0;
list-style: none outside none;
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
}
#photo-slides
{
left:0px;
}
#photo-slides li.content-container .gallery-image-sizer
{
width:80%;
height:80%;
margin:5% 10% 15%;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
}
#photo-slides li.content-container .image-info
{
width:80%;
height:13%;
margin:0 10%;
position:absolute;
bottom:0;
color:white;
}
@media (max-width: 767px)
{
section.photo-gallery .gallery-std
{
width:100%;
margin:0;
float:none;
background:url(../media/images/photos/ui/bg_landing_sparkle.jpg) top left no-repeat;
}
section.photo-gallery .gallery-std .bound
{
width:80%;
margin: 0 auto;
padding:24px 0;
}
section.photo-gallery .gallery-row
{
background-image:none;
}
section.photo-gallery #galleries-container,
section#section-videos-landing #galleries-container
{
margin: 0.5em 0;
}
}
@media (max-width: 479px)
{
section.photo-gallery .gallery-std .bound
{
width:90%;
}
}
/**** photo galleries ****/
#modal-window
{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
padding: 0;
background-color:rgba(0,0,0,0.9);
display:none;
z-index:100;
}
.gallery-ctrl
{
position:absolute;
background-position:center center;
background-size:contain;
background-repeat:no-repeat;
opacity:0.4;
}
.gallery-ctrl:hover
{
cursor:pointer;
opacity:1;
transition: opacity 300ms ease 0s;
}
#gallery-left
{
background-image:url(../media/images/global/gallery_arrow_lt.png);
}
#gallery-right
{
background-image:url(../media/images/global/gallery_arrow_rt.png);
}
#gallery-close
{
background-image:url(../media/images/global/gallery_close.png);
}
.gallery-img
{
/*
background-image: url(../images/photo-selena.jpg);
*/
background-position: center center;
background-size:contain;
background-repeat:no-repeat;
}
@media (min-width: 1025px)
{
.gallery-arrow
{
width:40px;
height:80px;
top:50%;
margin-top:-40px;
}
#gallery-left
{
left:20px;
}
#gallery-right
{
right:20px;
}
#gallery-close
{
width:40px;
height:40px;
top:20px;
right:20px;
}
.gallery-img
{
width:80%;
height:80%;
margin:5% 10%;
}
}
@media (min-width: 768px) and (max-width: 1024px)
{
.gallery-arrow
{
width:40px;
height:80px;
top:50%;
margin-top:-40px;
}
#gallery-left
{
left:20px;
}
#gallery-right
{
right:20px;
}
#gallery-close
{
width:40px;
height:40px;
top:20px;
right:20px;
}
.gallery-img
{
width:80%;
height:80%;
margin:5% 10%;
}
}
@media (min-width: 480px) and (max-width: 767px)
{
#gallery-left,
#gallery-right
{
display:none;
}
#gallery-close
{
width:36px;
height:36px;
top:18px;
right:18px;
}
.gallery-img
{
width:100%;
height:100%;
margin:0;
}
}
@media (max-width: 479px)
{
#gallery-left,
#gallery-right
{
display:none;
}
#gallery-close
{
width:30px;
height:30px;
top:15px;
right:15px;
}
.gallery-img
{
width:100%;
height:100%;
margin:0;
}
}
/*
game
*/
section#section-game #game-container
{
margin: 0.5em 64px;
text-align:left;
}
section#section-game .game-img
{
float:right;
position:relative;
margin-left:16px;
margin-bottom:16px;
}
section#section-game h3.game-subhead
{
display:block;
height:32px;
min-width:334px;
margin-right:400px;
background:url(../media/images/game/title-fpo.png) top center no-repeat;
}
section#section-game div.game-btn
{
margin-right:400px;
text-align:center;
padding-right:60px;
}
section#section-game a.btn-lg
{
margin:0 auto;
}
/*
Game Title Treatment
*/
/*
videos
*/
.video-slider
{
border-top: 1px solid rgba(0, 0, 0, 0.12);
position:relative;
display:block;
overflow: visible;
padding-top: 34px;
padding-bottom: 28px;
margin:0 auto;
clear:both;
}
.video-slider .video
{
display:block;
}
.video-slider .video .header
{
padding: 0 100px;
overflow: hidden;
text-align:left;
display:block;
}
.video-slider .video .header h2
{
margin: 0;
}
.video-slider .video .title
{
/*
line-height: 1.25em;
*/
margin-top:-4px;
display:block;
}
.video-slider .video .slides
{
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 100px 0 88px;
position:relative;
display:block;
margin: 0;
}
.video-slider .video .slides .peek
{
height:80%;
margin-top:12px;
right:99px;
background-image: radial-gradient(at 100% 50% , rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 75%);
border-right: 1px solid rgba(255, 255, 255, 0.2);
bottom: 0;
content: "";
height: 95%;
margin-top: -24px;
opacity: 0;
position: absolute;
right: 59px;
top: 0;
transition: opacity 300ms ease 0s;
width: 5px !important;
z-index: 2;
}
.video-slider .video .slides ol,
.video-slider .video .slides ul,
.video-slider .video .slides li
{
margin: 0;
padding: 0;
list-style: none outside none;
}
.video-slider .video .slides-container
{
overflow: hidden;
position:relative;
z-index:1;
display: block;
text-align:left;
}
.video-slider .video .slides ol
{
/*
overflow: hidden;
z-index:1;
text-align:left;
*/
position:relative;
display: block;
width:10000px;
height: 150px;
}
.video-slider .video .slides ol>li.peek-thumbs-group
{
/*
display: block;
left: 0;
opacity: 1;
position: relative;
top: 0;
transform: translate3d(0%, 0px, 0px);
transition-delay: 0ms, 0ms;
transition-duration: 500ms, 0ms;
transition-property: transform, visibility;
visibility: visible;
width: 93.6754%;
*/
}
.video-slider .video .slides ul.cols-3
{
display: block;
width:10000px;
text-align:left;
}
.video-slider .video .slides ol .col,
.video-slider .video .slides ul.cols-3 > .col
{
/*
width: 33.3%;
width: 32%;
width:237px;
width:261px;
*/
margin-right:24px;
padding: 0;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
.video-slider .video .slides .aspect
{
position:relative;
display:block;
width:237px;
padding-bottom: 56.25%;
background:black;
}
.video-slider .video .slides .aspect .thumb-img,
.video-slider .video .slides .aspect img.thumb
{
position:absolute;
border: 0 none;
left:0;
top:0;
bottom:0;
right:0;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.video-slider .video .slides .aspect span.thumb-title
{
display: block;
position:absolute;
bottom:0;
left:0;
right:0;
top:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 56%, rgba(0,0,0,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.video-slider .video .slides .aspect h3
{
position:absolute;
bottom:6px;
left:8px;
right:50px;
color:white;
text-shadow: 0 1px 0 rgba(0,0,0,0.7);
line-height:1em;
font-size:80%;
margin:0;
padding:0;
}
.video-slider .video .slides .aspect .thumb-icon
{
position:absolute;
bottom:2px;
right:10px;
width:42px;
height:42px;
background-image: url(../media/images/videos/video-icon.png);
opacity:0.75;
}
.video-slider .video .slides a .aspect .thumb-img,
.video-slider .video .slides a .aspect img.thumb,
.video-slider .video .slides a .aspect .thumb-icon
{
-ms-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-webkit-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-ms-transition-property: opacity;
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.video-slider .video .slides a:hover .aspect .thumb-img,
.video-slider .video .slides a:hover .aspect img.thumb
{
opacity:0.7;
}
.video-slider .video .slides a:hover .aspect .thumb-icon
{
opacity:1;
}
.video-slider .video .slides .aspect .badge
{
width:60px;
position:absolute;
top:6px;
right:10px;
}
.video-slider .video .slides .aspect h4,
.video-slider .video .slides .aspect time
{
display:none;
}
a.thumb-box
{
display: block;
position: relative;
transform: translate3d(0px, 0px, 0px);
transition-duration: 100ms;
transition-property: transform;
z-index: 1;
}
/*
.thumb-box:after
{
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, #000000);
bottom: 0;
box-shadow: 0 1px 0 #000000;
content: "";
display: block;
height: 40%;
left: 0;
position: absolute;
right: 0;
}
*/
.duplicate-title
{
display:none;
}
#video-container .playlist button,
.video-slider .slider-arrow
{
background-color: #1E91EA !important;
border-radius: 6px !important;
box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.4) inset !important;
height: 80px !important;
opacity: 1 !important;
width: 36px !important;
background-repeat: no-repeat !important;
cursor: pointer !important;
display: block !important;
position: absolute !important;
top: 20px !important;
/*
top: 50%;
margin-top: -52px;
*/
}
#video-container .playlist button.advance,
.video-slider .slider-arrow.next
{
background-image: url("//a.dilcdn.com/a/slider_arrow_rounded_next-34f34f6d6a3e.png") !important;
background-position: 10px center !important;
background-size: 18px 28px !important;
right: 34px !important;
}
#video-container .playlist button.advance
{
right: 0px !important;
}
.video-slider .slider-arrow.next
{
right: 34px !important;
}
#video-container .horizontal.layout.XL.scripted ul.list,
#video-container .horizontal.layout.XL.scripted ol.list,
#video-container .horizontal.layout.XL.scripted ol.navigation
{
width:696px !important;
margin-left:36px !important;
}
.horizontal.layout.XL li {
padding: 5px 7px !important;
border:none !important;
cursor:pointer;
}
.horizontal.layout.XL li .description
{
height: 70px !important;
width: 140px !important;
left: 7px !important;
}
.horizontal.layout.XL li .duration,
#video-container li .duration
{
display:none;
}
.horizontal.layout.XL.scripted ol.navigation li,
#video-container ol.navigation li
{
background-image: url("../media/images/videos/pagination.png") !important;
background-position: 0px 0px !important;
height: 24px !important;
width: 24px !important;
cursor:pointer;
}
.horizontal.layout.XL.scripted ol.navigation li.selected,
.horizontal.layout.XL.scripted ol.navigation li.hover,
#video-container ol.navigation li.selected,
#video-container ol.navigation li.hover
{
background-position: 0px -24px !important;
}
.layout li.hover,
.layout button.hover,
.layout .video.selected
{
background-color:white !important; /* Old browsers */
background: #70c5ee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM3MGM1ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #70c5ee 20%, #ffffff 80%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#70c5ee), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #70c5ee 20%,#ffffff 80%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #70c5ee 20%,#ffffff 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #70c5ee 20%,#ffffff 80%); /* IE10+ */
background: linear-gradient(to bottom, #70c5ee 20%,#ffffff 80%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70c5ee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border-radius:8px;
}
#fw_300x60
{
display:block;
/*
width:300px;
height:250px;
background-color:rgba(0,0,0,0.2);
position:absolute;
*/
}
#section-video-player #fw_300x60
{
position:absolute;
top:0px;
}
.playlist {
font-family: 'Matterhorn', 'Trebuchet MS', 'Arial', 'Helvetica', 'Tahoma', sans-serif !important;
}
#video-container .horizontal.layout.playlist .thumbnail
{
border:none;
}
#section-video-player .horizontal.layout.playlist h3 {
/*
font-size: 1em;
margin: auto;
width: auto;
*/
}
#video-container .playlist button.reverse,
.video-slider .slider-arrow.prev
{
background-image: url("//a.dilcdn.com/a/slider_arrow_rounded_prev-009505ff9c57.png") !important;
background-position: 8px center !important;
background-size: 18px 28px !important;
left: 34px !important;
}
.video-slider .slider-arrow.prev
{
left: 34px !important;
}
#video-container .playlist button.reverse
{
left: 0px !important;
}
.video-slider .slider-arrow.disabled
{
cursor:default;
opacity:0.25;
}
#section-video-player .header h3
{
text-align:left;
width:768px;
margin:0.5em auto;
font-size:1.5em;
}
#section-video-player #video-container
{
position:relative;
/* XL : {width:'768', height:'432'} */
width:768px;
height:612px;
/* L : {width:'640', height:'360'} */
/* M : {width:'512', height:'288'} */
/* S : {width:'384', height:'216'} */
/* XS : {width:'256', height:'144'} */
margin: 0 auto 32px auto;
}
#modal-window #video-player-container
{
left: 50%;
margin-left: -384px;
margin-top: -216px;
position: absolute;
top: 50%;
}
#vevoPlayer #fw_300x60
{
background:black;
width:300px;
height:relative;
position:relative;
text-align:center;
}
#playerHTML5 .ad-notification
{
display:none;
}
/*
section.photo-gallery #thumbs-container li.launches-modal img
{
position:absolute;
width:auto;
height:auto;
max-width:100%;
max-height:100%;
left:50%;
margin-left:-50%;
}
*/
@media (min-width: 768px)
{
section.video-gallery .playlist-featured .video-box
{
float:left;
}
}
@media (min-width: 1025px)
{
section.video-gallery .playlist-featured .header
{
margin: 0 320px 24px 412px;
}
section.video-gallery .playlist-featured
{
padding-left:42px;
}
}
@media (max-width: 1024px)
{
section.video-gallery .playlist-featured
{
padding-left:16px;
}
}
@media (max-width: 767px)
{
section.photo-gallery .gallery-featured .header,
section.photo-gallery .gallery-header .header
{
margin-right: 30px;
}
section.photo-gallery .gallery-std .header
{
margin: 0 12px 0 24px;
}
}
@media (min-width: 768px) and (max-width: 1024px)
{
section.video-gallery .playlist-featured .header
{
clear:both;
}
section.photo-gallery .gallery-std .header
{
margin: 0 12px 0 24px;
}
section.photo-gallery #thumbs-container li.launches-modal
{
width:32%;
}
}
@media (max-width: 767px)
{
section.photo-gallery .gallery-std .header
{
margin: 0 4px 0 16px;
}
section.photo-gallery #thumbs-container li.launches-modal
{
width:48%;
}
}
/*
*/
/*** shout-out module ***/
#shoutout
{
text-align:center;
}
.DAKF_shoutout
{
/*
font-family: Arial,Helvetica,sans-serif;
color: #4c4c4c;
*/
margin:0 auto;
max-width:480px;
text-align:left;
}
.DAKF_shoutout .DAKF_clear
{
clear: both;
}
.DAKF_shoutout hr
{
width: 80%;
border-bottom: 0;
}
.DAKF_shoutout .DAKF_shoutout_header
{
margin-top: 16px;
}
.DAKF_shoutout .DAKF_shoutout_header h3
{
font-size: 18px;
font-weight: light;
font-style: normal;
/*
font-family: "Arial Black",Arial,Helvetica,Sans-Serif;
*/
}
.DAKF_shoutout .DAKF_shoutout_header .DAKF_total
{
font-size: 16px;
}
.DAKF_shoutout .DAKF_shoutout_top_actions,.DAKF_shoutout .DAKF_shoutout_bottom_actions
{
padding: 0;
float: right;
}
.DAKF_shoutout .DAKF_shoutout_top_actions a,.DAKF_shoutout .DAKF_shoutout_bottom_actions a
{
display: none;
background-image: url("../../../s/aO/t_/LJ3eKQepFXuzSeWUiwuKPpM.png");
background-repeat: no-repeat;
cursor: pointer;
width: 19px;
height: 12px;
}
.DAKF_shoutout .DAKF_shoutout_list_cont
{
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
/* */
max-height: 160px;
overflow: auto;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-image: none;
border-style: none solid solid;
border-style: none;
border-width: medium 1px 1px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
margin: 0 auto;
width: 90%;
text-align:left;
position: relative;
}
@media screen and (min-width:750px)
{
.DAKF_shoutout .DAKF_shoutout_list_cont
{
/*
width: 50%;
*/
};
}
.lt-ie8 .DAKF_shoutout .DAKF_shoutout_list_cont
{
margin-right: -1px;
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont
{
display: block;
position: relative;
height: 230px;
overflow: hidden;
cursor: pointer;
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont ul
{
position: absolute;
width: 100%;
padding: 0;
margin: 0;
display: block;
list-style: none;
/*
font-family: Arial,Helvetica,sans-serif;
*/
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont ul .DAKF_row
{
display: block;
/*
padding: 3px 0 0 3px;
margin: 0 0 11px 0;
*/
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px;
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont ul .DAKF_odd_row
{
background-color: rgba(235, 237, 238, 0.2);
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont ul .DAKF_row p
{
margin: 0;
padding: 0;
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont ul .DAKF_row p .DAKF_shoutout_text
{
color: #333;
font-size: 1.1em;
line-height:1em;
font-style: normal;
font-weight: normal;
display: block;
}
.DAKF_shoutout .DAKF_shoutout_scroll_cont ul .DAKF_row p .DAKF_shoutout_author
{
color:#ADADAD;
font-size: 0.8em;
margin-top: 2px;
word-wrap: break-word;
}
.DAKF_display_name
{
font-weight:bold;
}
/*
color: #ADADAD;
display: block;
*/
.DAKF_shoutout .DAKF_shoutout_sidebar
{
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
margin: 0;
width: 100%;
vertical-align: top;
/*
margin-top: 40px;
*/
/* */
border: 1px solid #ccc;
background: none repeat scroll 0 0 #F0F3F5;
border-radius: 8px;
/*
padding: 8px 8px 6px;
*/
position: relative;
}
@media screen and (min-width:750px)
{
.DAKF_shoutout .DAKF_shoutout_sidebar
{
/*
width: 50%;
*/
};
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont
{
/*
width: 356px;
margin: 0 auto;
*/
position: relative;
margin-bottom:8px;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont p
{
margin: 0;
padding: 0;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont input,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont textarea,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont select,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont button
{
/*
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
outline: 0;
background: #f4f4f4;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px / 6px;
border-radius: 6px / 6px;
border: 1px solid #CCC;
font-size: 11pt;
font-style: normal;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 1px 1px 1px 5px;
color: #454545;
height: 24px;
*/
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_author_input
{
/*
position: relative;
*/
float: left;
margin-bottom: 0;
margin-left:8px;
text-align:left;
max-width: 70%;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_author_input .name
{
/*
margin-right: 5px;
width: 225px;
*/
display: inline-block;
vertical-align: top;
width: 54%;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_author_input .age
{
/*
width: 38px;
margin-right: 5px;
font-weight: bold;
*/
display: inline-block;
vertical-align: top;
width: 22%;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_author_input .state
{
/*
width: 67px;
height: 28px;
font-weight: bold;
*/
display: inline-block;
vertical-align: top;
width: 24%;
font-weight: 400;
line-height: 30px;
width: 100%;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
border-radius: 0;
box-shadow: none;
font-size: 1.1em;
height: 36px;
margin: 0;
padding: 3px 6px 8px;
width: 14%;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.DAKF_shoutout name .gutter,
.DAKF_shoutout age .gutter,
.DAKF_shoutout state .gutter
{
margin-right:8px;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont
{
margin: 8px;
}
.DAKF_shoutout input, .DAKF_shoutout textarea, .DAKF_shoutout select
{
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.DAKF_shoutout input, .DAKF_shoutout textarea
{
display: block;
padding: 6px !important;
resize: none;
width: 100%;
transition: border 0s ease 0s, box-shadow 333ms ease 0s
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont input,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont textarea,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont select,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont button
{
/*
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
outline: 0;
background: #f4f4f4;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px / 6px;
border-radius: 6px / 6px;
border: 1px solid #CCC;
font-size: 11pt;
font-style: normal;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 1px 1px 1px 5px;
color: #454545;
height: 24px;
*/
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont textarea,
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_author_input input
{
/*
text-transform: capitalize;
width: 350px;
height: 112px;
resize: none;
*/
background-color:white;
border: medium none;
border-radius: 6px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
color: #B3B3B3;
font-size: 1.1em;
margin: 0;
}
.DAKF_shoutout button, .DAKF_shoutout input, .DAKF_shoutout select, .DAKF_shoutout textarea {
font-family: 'Matterhorn', 'Trebuchet MS', 'Arial', 'Helvetica', 'Tahoma', sans-serif;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont textarea
{
height:60px;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont .DAKF_text_entered
{
text-transform: none;
font-style: normal;
color: #414141;
}
.DAKF_shoutout .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_post_cont
{
/*
margin-top: 12px;
*/
}
.DAKF_shoutout .DAKF_shoutout_msg
{
font-size: 16px;
line-height: 28px;
text-transform: none;
padding: 0;
margin: 0;
}
.DAKF_shoutout button
{
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
border-radius: 6px;
box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.4) inset;
cursor: pointer;
text-align: center;
font-size: 1em;
padding: 8px 16px;
background-color: #1E91EA;
color: #FFFFFF;
border: medium none;
display: block;
width: 100%;
float: right;
max-width: 100px;
margin-right:8px;
margin-bottom: 8px;
}
.DAKF_shoutout.closed .DAKF_shoutout_list_cont
{
width: 100%;
}
.DAKF_shoutout.closed .DAKF_shoutout_sidebar
{
display: none;
}
.DAKF_shoutout.dct .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn,.DAKF_shoutout.dwab .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn
{
height: 26px;
padding: 0 26px;
float: right;
cursor: pointer;
border-top: 2px solid #74ace3;
border-left: 2px solid #74ace3;
border-bottom: 2px solid #0059b2;
border-right: 2px solid #0059b2;
text-shadow: 0 0 .2em #589adc,0 0 .2em #589adc,0 0 .2em #589adc;
background-color: #0065cd;
/*
font-family: "Arial Black",Arial,sans-serif;
font-weight: bold;
*/
color: white;
font-size: 14px;
}
.DAKF_shoutout.dct .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn:hover,.DAKF_shoutout.dwab .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn:hover
{
background-color: #8dc63f;
text-shadow: 0 0 .2em #c0e78a,0 0 .2em #c0e78a,0 0 .2em #c0e78a;
border-top: 2px solid #c0e78a;
border-left: 2px solid #c0e78a;
border-bottom: 2px solid #70a823;
border-right: 2px solid #70a823;
}
.DAKF_shoutout.xd .DAKF_shoutout_header h3
{
color: #192e6b;
font-size: 22px;
/*
font-weight: normal;
font-family: "XDRA Heavy",arial,helvetica,sans-serif;
font-style: normal;
*/
text-transform: uppercase;
}
.DAKF_shoutout.xd .DAKF_shoutout_header h3 .DAKF_total
{
/*
font-family: Arial,Helvetica,sans-serif;
*/
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont input,.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont textarea,.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont select,.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont button
{
background: #FFF;
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont
{
position: relative;
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont textarea
{
width: 331px;
padding-right: 20px;
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont:before,.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont:after
{
position: absolute;
display: block;
color: white;
width: 20px;
height: 20px;
border: 0;
background: white url("../../../s/9w/JS/7gYeuiSCCO2C6RSNOsYrdEw.png") no-repeat;
content: '';
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont:before
{
bottom: 0;
left: 0;
background-position: 0 -102px;
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_shoutout_text_cont:after
{
top: 0;
right: -2px;
background-position: -336px 0;
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn
{
background: url("../../../s/rY/6e/j1WYKgd1mTa5mZZoD3Jlq08.png");
height: 32px;
width: 99px;
padding: 0;
float: right;
cursor: pointer;
border: 0;
text-indent: -9999px;
}
.DAKF_shoutout.xd .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn:hover
{
background-position: 0 -32px;
}
.DAKF_shoutout.dwab .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn
{
border-top: 2px solid #e15553;
border-left: 2px solid #e15533;
border-bottom: 2px solid #620000;
border-right: 2px solid #620000;
text-shadow: 0 0 .2em #e15553,0 0 .2em #e15553,0 0 .2em #e15553;
background-color: #c33;
}
.DAKF_shoutout.dwab .DAKF_shoutout_sidebar .DAKF_shoutout_input_cont .DAKF_submit_btn:hover
{
background-color: #620000;
text-shadow: 0 0 .2em #b14543,0 0 .2em #b14543,0 0 .2em #b14543;
border-top: 2px solid #310000;
border-left: 2px solid #310000;
border-bottom: 2px solid #b14543;
border-right: 2px solid #b14543;
}
html.lt-ie9 #main-container
{
width:1040px;
}
html.lt-ie9 #header-container
{
height:289px;
}
html.lt-ie9 #header-logo
{
width:392px;
height:262px;
}
html.lt-ie9 #goc-body
{
background: url(../media/images/global/bg_page_grad.jpg) top center repeat-x white;
}
html.lt-ie9 #chrome-fpo
{
background: url(../media/images/global/chrome_ctr_fpo.png) top center no-repeatx;
}
html.lt-ie9 #header-container
{
background: url(../media/images/global/bg_header.png) top center repeat;
}
html.lt-ie9 .tile-col.wd-1
{
width:16.66667%;
}
html.lt-ie9 .tile-col.wd-2
{
width:33.3333%;
}
html.lt-ie9 .tile-col.wd-3
{
width:50%;
}
