/** GENERAL STYLES **/ body { font-family: 'Noto Sans', sans-serif; font-size: 13px; min-width: 1097px; } b, strong { font-weight: 700; } .gray { background: #e8e8e8; } .oflow { overflow: hidden; } .clear { clear: both; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .content-area { line-height: 16px; } .noborder { border: none !important; } .border-bottom { border-bottom: 1px solid #dddddd; } .todo { background: green; min-height: 50px; color: #fff; } .site-main { position: relative; } h1.page-title { font-size: 30px; font-weight: 700; line-height: normal; text-transform: uppercase; color: #000; } .hide { display: none; } .note { font-size: 12px; text-align: center; margin: 20px 0; } /* common page elements */ .wrap { width: 1097px; margin: 0 auto; } h3 { font-size: 18px; text-transform: uppercase; } #nav-below a { display: inline-block; background: #EEECEC; text-transform: uppercase; color: #000; text-decoration: none; padding: 10px; } #nav-below a:hover { background: #c4161c; color: #fff; } .subsubmenu { position: absolute; top: 0; right: 0; overflow: hidden; margin: 0; padding: 0; } .subsubmenu li { float: left; display: inline; } .subsubmenu li a { font-size: 12px; text-transform: uppercase; color: #fff; background: #878787; padding: 5px; display: inline-block; text-decoration: none; margin-left: 5px; } .subsubmenu li a:hover, .subsubmenu li a.active { background: #c4161c; } /* forms */ .frm_opt_container { padding-left: 1px; } /* ads */ .ad { border: 1px solid #d7d7d7; background: #fff; } .ad728x90 { width: 728px; height: 90px; } .ad300x250 { width: 300px; height: 250px; } .ad284x134 { width: 284px; height: 134px; margin-left: 9px; } .ad160x600 { width: 160px; height: 600px; position: absolute; right: -170px; top: 0; } /* Breaking Stream Pulldown */ #stream_pulldown_wrapper { display: none; } .breaking_stream_pulldown { border-top: 2px solid #c4161c; } body.home .breaking_stream_pulldown { margin-top: -10px; } .breaking_stream_pulldown div.wrap { height: 355px; overflow: hidden; margin-bottom: 14px; background-color: #c4161c; } .breaking_stream_pulldown .description { float: right; padding: 30px; width: 387px; color: #fff; font-size: 30px; line-height: 35px; } .breaking_stream_pulldown.fw-stream-pulldown .description { width: 100%; margin: 0; float: none; } .breaking_stream_pulldown.im-stream-pulldown .left-img-wrapper { width: 50%; float: left; } .breaking_stream_pulldown.im-stream-pulldown img.left-img { max-width: 100%; } .breaking_stream_pulldown.im-stream-pulldown .description { width: 43%; } /* scrolling news */ .breaking-news .items #scroller { width: 918px; height: 33px; margin-left: 10px; } .breaking-news .items #scroller .item { width: 918px; height: 33px; line-height: 33px; overflow: hidden; } .simply-scroll-container{ position:relative } .simply-scroll-clip{ position:relative;overflow:hidden } .simply-scroll-list{ overflow:hidden;margin:0;padding:0;list-style:none } .simply-scroll-list li{ padding:0;margin:0;list-style:none } .simply-scroll-list li img{ border:0;display:block } .simply-scroll{ width:928px;height:33px;margin-bottom:1em } .simply-scroll .simply-scroll-clip{ width:928px;height:33px } .simply-scroll .simply-scroll-list li{ float:left;width:250px;margin-right:20px } /** COMMON LAYOUT STRUCTURE STYLES **/ #content { position: relative; margin: 10px auto; } #primary { float: left; display: inline; width: 755px; } #primary.wide { width: 775px; } #primary.full { width: auto; float: none; display: block; } #secondary { float: right; display: inline; width: 302px; } #secondary.thin { width: 315px; } #secondary.thin2 { width: 302px; } /* Floating Ad */ .floating-ad { position: absolute; top: 0; left: 0; width: 100%;z-index: 2968; } .admin-bar .floating-ad { top: 26px; } .floating-ad .wrap { } .floating-ad div.inner-floating-add { position: relative;margin-left: 11px;margin-top: 11px; } .floating-ad div.inner-floating-add div { top: 0 !important; } @media screen and (min-width: 1100px){ #page { margin-top: 170px; } #masthead { background-color: #FFFFFF;left: 0; position: fixed; top: 0;width: 100%;z-index: 99; } .admin-bar #masthead { top: 26px; } .floating-ad { position: fixed; } } /** HEADER STYLES **/ .ad-social { padding: 10px; border-bottom: 1px solid #c8c8c8; /*overflow: hidden;*/ min-height: 93px;clear: both; } .ad-social .ad { float: left; display: inline;position: relative; } /*.page-id-54185 .ad300x250, .page-id-54181 .ad300x250 { display: none; }*/ .social-options { float: right; display: inline; width: 104px; height: 26px; margin-top: 10px } .social-options .user_login { color: #999999; float: right; font-size: 12px; text-align: right; width: 300px; padding-bottom: 5px; } .social-options .user_login a { text-decoration: none; color: #999; } .social-options .user_login a:hover { color: #000; } .social-options .user_login a.register { background: url('../images/user_signin_small.jpg') no-repeat left top; padding: 6px 0 0 30px; } .social-options li, .social-options ul { display: block; float: left; margin: 0; padding: 0; list-style: none; } .social-options li a { font-size: 0; line-height: 30px; display: inline-block; width: 20px; height: 20px; margin: 3px 6px 0; } .social-options .social li a, .rss-alerts .ra-rss a { background-image: url('../images/icon-social-head.png?1234'); display: block; background-repeat: no-repeat; } .social-options .s-fb a { background-position: 0 0; } .social-options .s-fb a:hover { background-position: 0 -20px; } .social-options .s-tw a { background-position: -20px 0; } .social-options .s-tw a:hover { background-position: -20px -20px; } .social-options .s-gp a { background-position: -40px 0; } .social-options .s-gp a:hover { background-position: -40px -20px; } .social-options .s-pi a { background-position: -60px 0; } .social-options .s-pi a:hover { background-position: -60px -20px; } .rss-alerts .ra-rss a { background-position: -80px 0;margin-right: 0; } .rss-alerts .ra-rss a:hover { background-position: -80px -20px; } ul.social { border-right: 1px solid #c8c8c8; padding: 0 4px; } .rss-alerts .ra-na a { font-size: 12px; width: auto; text-transform: uppercase; color: #fff; background: #c4161c; line-height: 20px; padding: 0 4px; text-decoration: none; } .rss-alerts .ra-na a:hover { background: #00245b; } ul.language { padding-left: 4px; } .language a { background-image: url('../images/icon-langs.png'); background-repeat: no-repeat; } .language .lan-mt a { background-position: left top; } .language .lan-mt.active a, .language .lan-mt:hover a { background-position: left bottom; } .language .lan-en a { background-position: right top; margin-right: 0; } .language .lan-en.active a, .language .lan-en:hover a { background-position: right bottom; } #site-navigation { padding: 12px 0; } #site-navigation li { padding: 7px 0 4px; border-right: 1px solid #c8c8c8; } #site-navigation li:last-child /*, #site-navigation li#menu-item-64439*/ { border-right: none; } #site-navigation li#menu-item-64439 a { color: #97476e; } /* EUROVISION MENU ITEM COLOR */ #site-navigation a { font-size: 16px; color: #505050; text-transform: uppercase; padding: 0 1px; line-height: 18px; } #site-navigation a:hover, #site-navigation .current-menu-item a, #site-navigation .current-page-ancestor a, #site-navigation .current-menu-ancestor > a, #site-navigation .current-menu-ancestor .current-menu-item a { color: #c4161c; } #site-navigation li#menu-item-63459 { border: none; } #site-navigation li#menu-item-63459 a { color: #C4161C; } #site-navigation li a { margin: 0 9px; } .site-title { font-size: 0; line-height: 0; width: 100px; height: 32px; float: left; margin: 0 5px 0 7px; } .site-title a { display: block; } .main-navigation ul ul { background: #fff; top: 29px; padding-top: 15px; box-shadow: none; border-bottom: 4px solid #051c5a; } #site-navigation.main-navigation ul ul a { margin: 0 20px; width: 80px; padding: 10px 5px ; width: 94px; color: #959595; } #site-navigation.main-navigation ul li#menu-item-58 ul a { width: 134px;} #site-navigation.main-navigation ul ul li { border-bottom: 1px solid #d6d6d6; border-right: none; margin: 0; padding: 0; width: 145px; } #site-navigation.main-navigation ul li#menu-item-58 ul li, /*#site-navigation.main-navigation ul li#menu-item-62672 ul li { width: 194px; }*/ #site-navigation.main-navigation ul li#menu-item-64439 ul li { width: 235px; } #site-navigation.main-navigation ul li#menu-item-64439 ul li a { width: 180px; } #site-navigation.main-navigation ul ul a:hover, #site-navigation.main-navigation ul li.current-page-parent ul a:hover, #site-navigation.main-navigation ul li.current_page_item ul a:hover { color: #051c5a; } #site-navigation.main-navigation ul li.current-page-parent ul a, #site-navigation.main-navigation ul li.current_page_item ul a { color: #959595; } #site-navigation.main-navigation ul li.current-page-parent ul li.current-menu-item a { color: #c4161c; } li#menu-item-59 a, li#menu-item-58 a, li#menu-item-62672 a, li#menu-item-64439 a { background: url('../images/icon-menu-parent.png') no-repeat right center; padding-right: 25px; } li#menu-item-59:hover a, li#menu-item-58:hover a, li#menu-item-62672:hover a, li#menu-item-64439:hover a { background-image: url('../images/icon-menu-parent-open.png') } li#menu-item-59 ul a, li#menu-item-59:hover ul a, li#menu-item-58 ul a, li#menu-item-58:hover ul a, li#menu-item-62672 ul a, li#menu-item-62672:hover ul a, li#menu-item-64439 ul a, li#menu-item-64439:hover ul a { background: none; padding-right: 5px; } #site-navigation .search { float: right; display: inline; font-size: 16px; font-style: italic; color: #a7a8a9;margin-top: -81px; } #site-navigation .search-form { display: inline;position: relative; } #site-navigation .search-form .search-field { height: 21px; line-height: 21px; width: 207px; padding-right: 42px; background: url('../images/icon-search.png') no-repeat center right; } #site-navigation .search-form .search-submit { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; border-radius: 0 0 0 0; box-shadow: none; display: block; height: 28px; position: absolute; right: 1px; top: -2px; width: 44px; } /** SIDEBAR STYLES **/ /*.home #secondary, .archive #secondary { background: url('../images/bg-sidebar.png') 0 50px repeat-x; }*/ .post-type-archive-eurovision_profiles #secondary { background: none; } #secondary h3 { padding: 2px 0; border-bottom: 1px solid #ddd; margin-bottom: 5px; } #secondary .ad { margin-bottom: 10px; } #secondary .weather, #secondary .news-video { width: 300px; height: 168px; margin: 10px 1px; background:gray; } #secondary .weather-forecast { margin: 10px 0 5px; } #secondary .weather-forecast .col { width: 59px; float: left; display: inline; text-align: center; border-right: 1px solid #fff; } #secondary .weather-forecast .days { font-size: 14px; font-weight: 700; } #secondary .weather-forecast .conditions .col { height: 35px; padding: 5px 0; border-color: #dddddd; margin-bottom: 2px; } #secondary .weather-forecast .temps .col { font-size: 10px; } #secondary .weather-forecast .temps .col.even { background: #dddddd; } #secondary .weather-detailed { display: block; padding: 3px 0; text-transform: uppercase; text-align: center; color: #000; font-size: 12px; text-decoration: none; font-weight: 700; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 5px 5px 10px; width: 296px; } #secondary .weather-detailed:hover { color: #c4161c; } #secondary .lotto-super { margin: 10px 0; border: 1px solid #ddd; padding: 0 5px; width: 285px; } #secondary .lotto-super .logo { width: 110px; } #secondary .lotto-super .col { float: left; display: inline; border-right: 1px solid #ddd; line-height: 46px; font-size: 21px; font-weight: 700; width: 34px; } #secondary .lotto, #secondary .super5 { padding: 5px 0; text-align: center; } #secondary .lotto { border-bottom: 1px solid #ddd; } #secondary .lotto .logo { margin-top: 14px;width:60px; } #secondary .grand_lottery .logo { width:90px; } #secondary .lotto-super .lotto .col { font-size: 15px; font-weight: 700; width: 27px; } #secondary .lotto-super .lotto .col.shaded { background-color: #E8E8E8;border-right: 1px solid #fff; } #secondary .super5 .logo { height: 57px; } #secondary .super5 .results { margin-top: 5px; } #secondary .mse-index, #secondary .mse-trading, #secondary .mse-markets { margin: 10px 0; width: 297px; } #secondary .mse-index .row, #secondary .mse-trading .row { padding: 3px; } #secondary .mse-index .row.head, #secondary .mse-trading .row.head { margin-top: 5px; font-weight: 700; text-transform: uppercase; } #secondary .mse-index .item-0, #secondary .mse-trading .item-0 { background: #ecebeb; } #secondary .mse-index .price { color: #c4161c; } #secondary .mse-index .col, #secondary .mse-trading .col { width: 32%; float: left; display: inline; } #secondary .mse-trading .col { width: 24%; } #secondary .currency .col { width: 32%; float: left; display: inline; } #secondary .currency .price { color: #c4161c; } #secondary .news { width: 300px; } #secondary .news h3 { float: left; display: inline; border-bottom: none; margin: 0; } #secondary .news .last-update { float: right; display: inline; text-align: right; font-size: 11px; color: #898989; font-style: italic; margin-top: 9px; } #secondary .news .news-video { margin-top: 0; } .page-id-35 #secondary .news { margin-bottom: 10px; } .page-id-35 #secondary .news .news-video { margin: 0; } .page-id-35 #secondary .news .last-update { float: none; margin: 0; } #secondary .videos-most { margin-bottom: 10px; height: 421px; } #secondary .videos-most .tabs, #secondary .mse-trading .tabs { overflow: hidden; margin: 0; padding: 0; position: relative; z-index: 2; } #secondary .videos-most .tabs li, #secondary .mse-trading .tabs li { float: left; display: inline; } #secondary .videos-most .tabs a, #secondary .mse-trading .tabs a { background: #e8e8e8; font-size: 14px; text-transform: uppercase; color: #000; display: inline-block; padding: 5px 10px; text-decoration: none; margin-top: 11px; } #secondary .videos-most .tabs a.active, #secondary .mse-trading .tabs a.active { background: #fff; padding: 10px; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; margin-top: 0; } #secondary .videos-most .tabs a:hover, #secondary .mse-trading .tabs a:hover { color: #c4161c; } #secondary .videos-most .tabs a.active:hover, #secondary .mse-trading .tabs a.active:hover { color: #000; } #secondary .videos-most a:hover .caption, #secondary .ondemand-featured a:hover .caption { display: block; } #secondary .videos, #secondary .most, #secondary .mse, #secondary .international { border: 1px solid #e8e8e8; padding: 12px 15px 40px; width: 269px; position: relative; top: -1px; } /*#secondary .most { display: none; }*/ #secondary .videos-slider, #secondary .most-slider { width: 268px; height: 325px; } #secondary .videos-slider .slide, #secondary .most-slider .slide { position: relative; height: 103px; margin-bottom: 5px; overflow: hidden; } #secondary .videos-slider .slide a, #secondary .most-slider .slide a { display: block; width: 268px; height: 103px; } #secondary .videos-slider .caption, #secondary .most-slider .caption, #secondary .ondemand-featured .caption, #secondary .ondemand-featured .caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; text-align: center; font-size: 14px; color: #fff; background: url('../images/bg-videos-most.png'); display: none; } #secondary .most-slider .caption { display: block; } #secondary .videos-most div.pager-wrap { bottom: 0; width: 269px; bottom: 11px; background: url('../images/bg-videos-most-pager.png') repeat-x center; } #secondary .live-sports-tv, #secondary .live-sports-radio { margin: 20px 0; width: 300px; } #secondary .live-sports-tv a { display: block; width: 300px; height: 149px; position: relative; color: #fff; margin: 10px 0; cursor: pointer; } #secondary .live-sports-tv .info { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: url('../images/bg-liveon.png'); } #secondary .live-sports-tv a:hover .info { background: #c4161c; } #secondary .live-sports-tv .info img { position: absolute; top: 0; left: 0; width: 300px; height: 95px; } #secondary .live-sports-tv .title { width: 215px; line-height: 16px; text-transform: uppercase; } #secondary .live-sports-tv strong { font-weight: 700; } #secondary .live-sports-tv .channel { width: 60px; font-size: 18px; font-weight: 700; text-align: right; } #secondary .live-sports-radio a { display: block; padding: 10px; color: #000; font-size: 14px; } #secondary .live-sports-radio a:hover { color: #c4161c; cursor: pointer; } #secondary .live-sports-radio a.even { background: #ecebeb; } #secondary .live-sports-radio .info { display: block; } #secondary .live-sports-radio .title { display: block; width: 200px; text-transform: uppercase; } #secondary .live-sports-radio .channel { display: block; width: 75px; font-size: 12px; font-style: italic; text-align: right; } #secondary .temp-today { background: #e3e4e6; width: 260px; border: 1px solid #d7d7d7; padding: 20px; margin: 10px 0; } #secondary .temp-today h3 { border-bottom: 1px solid #878787; margin-bottom: 10px;display: block;float: none; } #secondary .temp-today ul { margin: 0; padding: 0; } #secondary .temp-today li { float: left; display: inline-block; width: 25px; } #secondary .temp-today .chart li { background: url('../images/bg-temp-level.png') bottom; margin: 0 9px; position: relative; border-radius: 20px; height: 150px; } #secondary .temp-today .chart span { position: absolute; left: 0; right: 0; } #secondary .temp-today .chart .level { bottom: 0; border-radius: 15px; } #secondary .temp-today .chart .temp { font-size: 12px; text-align: center; color: #000; margin-bottom: -25px; } #secondary .temp-today .time { padding-top: 10px; background: url('../images/bg-temp-bulls.png') repeat-x 0 17px;} #secondary .temp-today .time li { margin: 0 9px; text-align: center; font-size: 12px; color: #c0c0c0; } #secondary .temp-today .time .bull { font-size: 20px; color: #666666; line-height: 10px; } #secondary .temp-today .time .active .bull { color: #c4161c; } #secondary .temp-today .s1 { background: #abe0f9; } #secondary .temp-today .s2 { background: #6ccff6; } #secondary .temp-today .s3 { background: #ffc20e; } #secondary .temp-today .s4 { background: #f7931f; } #secondary .temp-today .s5 { background: #f05a24; } #secondary .temp-today .s6 { background: #ec1c23; } #secondary .channel-select h3 { margin-top: 13px; margin-bottom: 2px; } #secondary .channel-select a { text-decoration: none; } #secondary .channel-select .channel { margin-bottom: 10px; position: relative; height: 209px; display: block; } #secondary .channel-select .channel .logo { text-align: center; } #secondary .channel-select .channel .info { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; font-size: 12px; color: #fff; line-height: normal; background: url('../images/bg-archive-topstories.png'); } #secondary .channel-select .channel:hover .info { background: #c4161c; } #secondary .ondemand-featured { border: 1px solid #ddd; margin-top: 18px; position: relative; padding: 9px 5px 15px 5px; } #secondary .ondemand-featured .slide a { width: 302px; height: 146px; display: block; position: relative; } #secondary .ondemand-featured div.pager-wrap { width: 302px; bottom: -14px; } #secondary .prog-search { margin: 10px 0; text-align: center; } #secondary .prog-search h3 { background: url('../images/bg-prog-search.png') no-repeat top center; height: 69px; padding-top: 44px; color: #fff; font-size: 28px; line-height: 29px; margin: 0; border: none; text-transform: uppercase; } #secondary .prog-search .prog-search-form { background: #071d48; padding: 30px 20px 20px; color: #fff; font-size: 18px; line-height: 20px; } #secondary .prog-search .prog-search-form form { margin-bottom: 20px;position: relative; } #secondary .prog-search .prog-search-form form input { width: 200px; background: #fff url('../images/icon-search.png') no-repeat right center; padding-right: 42px; } #secondary .prog-search .prog-search-form form .search-submit { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; border-radius: 0 0 0 0; box-shadow: none; display: block; height: 34px; position: absolute; right: 7px; top: 0; width: 43px; padding: 0; } /** ARCHIVE PAGES STYLES **/ .archive #content { margin-top: 20px; } .archive .news-box { /*margin-bottom: -30px;*/ height: 230px; } /*.archive.post-type-archive-sports_posts .news-box { margin-top: 60px; }*/ .archive .site-main { width: 510px; } .post-type-archive-eurovision_profiles .site-main, .post-type-archive-eurovision_posts .site-main, .post-type-archive-jeurovision_profiles .site-main, .post-type-archive-jeurovision_posts .site-main, .tax-eurovision_categories .site-main, .tax-jeurovision_categories .site-main { width : auto; } .archive .top-stories, .archive .top-stories a, .archive .top-stories img { width: 510px; height: 260px; display: block; } .archive .top-stories .title { display: block; width: 100%; background: url('../images/bg-archive-topstories.png'); padding: 10px 0; font-size: 16px; font-weight: 700; text-align: center; position: absolute; bottom: 0; color: #fff; } .archive .top-stories a:hover .title { background: #c4161c; } .archive .top-stories a { display: none; } .archive .top-stories a:first-child { display: block; } .archive .more-stories { padding: 0 0 15px; } .archive .more-stories .postbox { margin-bottom: 15px; } .archive.post-type-archive-sports_posts .more-stories { margin-bottom: 20px; } .archive .other-stories { margin: 10px 0; } .archive .other-stories ul { margin: 0 0 1.5em 1.3em } .archive .other-stories .tabs { border-bottom: 1px solid #e8e8e8; margin: 0 0 5px; padding-left: 12px; } .archive .other-stories .tabs li { display: inline; float: left; } .archive .other-stories .tabs li a { font-size: 14px; text-transform: uppercase; font-weight: 400; padding: 5px; display: inline-block; } .archive .other-stories .tabs li a.active { text-decoration: underline; } .archive .other-stories .tabs li a.active:hover { color: #000;} .archive .other-stories a { color: #000; font-weight: 700; text-decoration: none; } .archive .other-stories a:hover { color: #c4161c; } .archive .other-stories .world li, .archive .other-stories .national li { margin: 3px 0; } .archive .other-stories .world { display: none; } .archive .featured-cats { margin: 30px 0 20px; } .archive .featured-cats h3, .archive .news-photo h3 { padding-bottom: 10px; } .archive .featured-cats .col-2 { margin: 0 12px;} .archive .featured-cats .postbox { width: 170px; margin: 0 } .archive .featured-cats .postbox .post-image { width: 170px; height: 120px;position: relative; } .icon-video { position: absolute;top: 0;right: 0;background: url('../images/video.jpg') no-repeat;width: 37px;height: 38px;display: block;} .archive .news-photo { padding-bottom: 40px; position: relative; } .archive .news-photo .slide { width: 535px; height: 120px; } .archive .news-photo a { display: block; float: left; } .archive .news-photo a img { display: block; } .archive .news-photo .si-2 { margin: 0 11px; } .archive .news-photo div.pager-wrap { bottom: 0; background: url('../images/bg-videos-most-pager.png') repeat-x center; width: 100%; } .archive .sports-cats, .submenu { margin: 0; } .archive .sports-cats li, .submenu li { float: left; display: inline; margin: 0; } .archive .sports-cats li a, .submenu li a { display: inline-block; padding: 10px; font-size: 18px; text-transform: uppercase; color: #fff; margin-right: 6px; background: #878787; text-decoration: none; } .archive .sports-cats li a:hover, .submenu li a:hover, .submenu li.current_page_item a { background: #c4161c; } .archive .sub-sidebar { width: 245px; margin-left: 18px;float:left; } /*.archive.post-type-archive-sports_posts .sub-sidebar { margin-top: 50px; }*/ .archive .sub-sidebar h3 { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 23px; } .archive .sub-sidebar .top-stories { height: auto; width: auto; } .archive .sub-sidebar .top-stories img, .archive .sub-sidebar .top-stories a { display: block; } .archive .sub-sidebar .top-stories img { width: 245px; height: 132px; margin-bottom: 10px; } .archive .sub-sidebar .top-stories a { position: relative;font-weight: 700; font-size: 14px; color: #000; margin-bottom: 15px; width: auto; height: auto; cursor: pointer; text-decoration: none; border-bottom: 1px solid #d7d7d7;padding-bottom: 9px; } .archive .sub-sidebar .top-stories a:hover { color: #c4161c; } .archive .sub-sidebar.sports .top-stories a { font-weight: 400; } .archive .sub-sidebar.sports .top-stories a strong { font-weight: 700; } .archive #secondary { padding-left: 10px; } .post-type-archive-channel #secondary { padding-left: 0; } .archive .further-pages { margin-bottom: 15px; font-size: 12px; } .archive .further-pages h1 { font-size: 18px; padding-bottom: 20px; } .archive .further-pages .item { display: block; width: 360px; overflow: hidden; margin-bottom: 15px; } .archive .further-pages .row { overflow: hidden; } .archive .further-pages h3 { line-height: 18px;font-size: 15px;text-transform: none;font-weight: 700; } .archive .further-pages a:hover h3 { color: #c4161c; } .archive .further-pages .item.col-0 { float: left; } .archive .further-pages .item.col-1 { float: right; } .archive .further-pages .image { float: left; width: 110px; height: 70px; } .archive .further-pages .excerpt { float: right; width: 230px; } .archive .further-pages a .excerpt { color: #000; } .archive .wp-pagenavi a, .archive .wp-pagenavi span { border: 0; color: #000; } .archive .wp-pagenavi span.current { color: #c4161c; } /* Locality List */ .locality-list {} .locality-list td { vertical-align: top;padding: 2px;border:0; } .locality-list h4 { text-align: center; font-size: 18px;padding: 10px 0;margin-top: 30px; } .locality-list img { max-width: 70px;height: auto; } .locality-list span { display: block; padding: 2px 5px;color: #000; } .locality-list .pl span {background-color: #fc2e2e; } .locality-list .pn span {background-color: #558ed5; } .locality-list .ad span {background-color: #92d050; } .locality-list .in span {background-color: #ffff00; } .locality-filter a { color : #333333; } /** FOOTER STYLES **/ .site-footer { margin: 10px auto; background: #eeecec; } .site-footer .menu-footer-menu-container { overflow: hidden; padding: 20px 35px; } .site-footer #menu-footer-menu, .site-footer #menu-footer-menu .sub-menu { margin: 0; padding: 0; } .site-footer #menu-footer-menu li { float: left; width: 171px; font-size: 21px; margin: 0; padding: 0; list-style: none; } .site-footer #menu-footer-menu .sub-menu li { float: none; font-size: 15px; } .site-footer #menu-footer-menu a { color: #434343; text-decoration: none; } .site-footer #menu-footer-menu a:hover { color: #c4161c; } /* hover nav code .site-footer #menu-footer-menu li ul {display: none;} .site-footer #menu-footer-menu li:hover ul {display: block;} */ .site-footer .site-info { padding: 0 15px 0 17px; border-top: 1px solid #fff; } .site-footer .site-info .social { border-right: 1px solid #fff; overflow: hidden; margin: 0; padding: 20px 30px 20px 0; } .site-footer .site-info .social li { float: left; display: inline; margin: 0; padding: 0; } .site-footer .site-info .social li a { display: block; width: 25px; height: 25px; margin: 0 8px; font-size: 0; line-height: 0; background-image: url('../images/icon-social-foot.png?1234'); background-repeat: no-repeat; } .site-footer .site-info .social .s-fb a { background-position: 0 0; } .site-footer .site-info .social .s-fb a:hover { background-position: 0 -25px; } .site-footer .site-info .social .s-tw a { background-position: -25px 0; } .site-footer .site-info .social .s-tw a:hover { background-position: -25px -25px; } .site-footer .site-info .social .s-gp a { background-position: -50px 0; } .site-footer .site-info .social .s-gp a:hover { background-position: -50px -25px; } .site-footer .site-info .social .s-pi a { background-position: -75px 0; } .site-footer .site-info .social .s-pi a:hover { background-position: -75px -25px; } .site-footer .terms { padding: 20px 0px; margin: 0; } .site-footer .terms li { float: left; display: inline; } .site-footer .terms li a { border-right: 1px solid #a5a5a5; padding: 0 5px; text-transform: uppercase; color: #8d8d8d; font-size: 10px; text-decoration: none; } .site-footer .terms li a:hover { color: #c4161c; } .footerv2 { overflow: hidden; } .footerv2 .menu-footer-menu-container { float: left; border-right: 1px solid #FFFFFF; height: 54px; overflow: hidden; padding: 0 14px 0 0; } .footerv2 #menu-footer-menu li { float: left; font-size: 14px; line-height: 54px; list-style: none outside none; margin: 0; padding: 0; text-transform: uppercase; width: auto; } /*.footerv2 #menu-footer-menu li#menu-item-65765 a*/ .footerv2 #menu-footer-menu li#menu-item-126629 a { border-right: 0; } .footerv2 #menu-footer-menu li ul { display: none; } .footerv2 #menu-footer-menu a { border-right: 1px solid #8D8D8D; color: #8D8D8D; display: block; height: 14px; line-height: 14px; padding: 0 10px; text-decoration: none; margin-top: 21px; } .footerv2 .site-info .social { border-right: 0 none; float: right; padding: 16px 0 0; } .footerv2 .terms { margin: 0; padding: 18px 0 0; } .footerv2 .site-info .social li a { margin: 0 2px; } /** COMMON WIDGETS **/ .highlights { margin: 10px 0; } .home.page .highlights { margin: 20px 0 21px; } .highlights a { text-decoration: none; } .highlights h3 { float: left; display: inline; line-height: 36px; } .highlights .tabs { float: right; display: inline; padding: 0; margin: 0; } .highlights .tabs li { list-style: none; display: inline-block; font-size: 18px; } .highlights .tabs a { font-size: 18px; color: #dfdfdf; display: inline-block; padding: 10px 10px 10px 0; } .highlights .tabs a:hover, .highlights .tabs a.active { color: #6b6b6b; } .highlights .media { height: 348px; overflow: hidden; } .highlights .media-slides { width: 765px; height: 230px; overflow: hidden;border: 5px solid #e8e8e8; } .page-id-39 .highlights .media-slides { width: 765px; height: 431px; overflow: hidden;border: 5px solid #e8e8e8; } /*.highlights .media-items background: #ddd url('../images/bg-highlights.png') no-repeat 184px 67px;*/ .highlights .media-items { margin-top: 15px; padding: 0; position: relative;height: 100px; } .highlights .media-items .pointer { width: 24px; height: 13px; position: absolute; top: 0;display: none; } .highlights .media-items .item { width: 253px; float: left; display: inline; text-align: center; margin-right: 7px;padding-top: 10px;border-top: 9px solid #e8e8e8; } .highlights .media-items .item.last { margin-right: 0; } .highlights .media-items .item:hover, .highlights .media-items .item.active { border-top: 9px solid #878787; } .highlights .media-items span { display: block; } .highlights .media-items .item-image { width: 120px; height: 120px; margin: 0 auto; margin-bottom: 10px; } .highlights .media-items .item-time { color: #9b9b9b; font-size: 18px; font-weight: 700; display: inline-block; border-bottom: 1px solid #c6c6c6; padding: 5px; margin-bottom: 10px; } .highlights .media-items .item-title { color: #9b9b9b; font-size: 18px; } /* .highlights a:hover .item-time, .highlights a:hover .item-title { color: #c4161c; } */ /** GENERAL SEARCH RESULTS PAGE **/ .search-results h1.entry-title a { font-size: 24px; color: #000; text-decoration: none; line-height: normal; } .search-results h1.entry-title a:hover { color: #c4161c; } .search-results article { border-bottom: 1px solid #ddd; padding-bottom: 1.5em; margin-top: 20px; } /** 404 Page Styles **/ .error404 .search-message { font-size: 18px; line-height: normal; } .error404 article { margin: 10px; } .error404 article .entry-content { height: 75px; overflow: hidden; } /** HOMEPAGE STYLES **/ .index-banners { height: 210px; background: #051c5a; text-align: center; text-transform: uppercase; overflow: hidden; margin-bottom: 10px; min-width: 1097px; } /*xmas*//*.index-banners { background: #051c5a url('../images/bg-xmas.png') repeat-x top center; }*/ .index-banners .wrap { position: relative; background: #051c5a; } .index-banners .pager-wrap { position: absolute; bottom: 7px; width: 100%; z-index: 50; text-align: center; } .index-banners .pager { display: none; border-top: 1px solid #fff; padding: 6px 20px; line-height: 0; } .index-banners .pager a { display: inline-block; width: 45px; height: 5px; background: #878787; margin: 0 7px; font-size: 0; } .index-banners .pager a.activeSlide { background: #fff; } .i-banner { position: relative; height: 210px; width: 1097px; display: block; } .i-banner img { position: absolute; top: 0; left: 0; } .i-banner .title { font-size: 60px; color: #fff; font-weight: 700; display: block; text-shadow: 3px 3px 0px rgba(0, 0, 0, 1); padding-top: 95px; position: relative; z-index: 1; line-height: 70px; padding-top: 115px; } .i-banner a { background: #fc5a03; padding: 5px 10px; font-size: 14px; color: #fff; text-decoration: none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); position: relative; z-index: 1; } .i-banner a:hover { background: #da5005; } .post-type-archive-sports_posts .breaking-news { /*display: none;*/ } .breaking-news { border: 1px solid #c4161c; padding: 1px; width: 1095px; overflow: hidden; margin: 0px auto 10px; height: 33px; line-height: 33px; } /*.home .breaking-news { margin-top: 10px; }*/ .breaking-news .title { float: left; display: inline; text-align: center; width: 222px; font-size: 20px; color: #fff; background: #c4161c; font-weight: 700; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .breaking-news a { color: #000; text-decoration: none; font-weight: 700; } .breaking-news a:hover { color: #c4161c; } .breaking-news .items { float: right; display: inline; width: 871px; } .player-ondemand { border: 1px solid #ddd; padding: 10px 10px 15px; margin: 10px 7px 20px 0; } .player-ondemand h3 { padding-bottom: 10px; } .player-ondemand .player, .player-ondemand .ondemand { position: relative; } .player-ondemand .player .slider, .player-ondemand .ondemand .slider { width: 367px; height: 152px; overflow: hidden; position: relative; } .player-ondemand .slider img { display: block; } .player-ondemand .text { text-align: center; position: absolute; width: 367px; left: 0; bottom: 0; z-index: 5; background: url('../images/bg-plaonde.png'); font-size: 24px; color: #aeaeae; padding: 10px 0; } .player-ondemand .pager-wrap, .radio-summary .pager-wrap, #secondary .videos-most .pager-wrap, .archive .news-photo .pager-wrap, #secondary .ondemand-featured .pager-wrap { position: absolute; width: 367px; bottom: -28px; z-index: 5; text-align: center; } .player-ondemand .pager, .radio-summary .pager, #secondary .videos-most .pager, .archive .news-photo .pager, #secondary .ondemand-featured .pager { text-align: center; background: #b0b0b0; display: inline-block; line-height: 0; padding: 5px 10px 8px 10px; border-radius: 5px; } .player-ondemand .pager a, .radio-summary .pager a, #secondary .videos-most .pager a, .archive .news-photo .pager a, #secondary .ondemand-featured .pager a { display: inline-block; width: 7px; height: 7px; background: #696969; font-size: 0; line-height: 0; border-radius: 20px; margin: 2px; } .player-ondemand .pager a.activeSlide, .radio-summary .pager a.activeSlide, #secondary .videos-most .pager a.activeSlide, .archive .news-photo .pager a.activeSlide, #secondary .ondemand-featured .pager a.activeSlide { background: #000; } .radio-summary-wrapper { border: 1px solid #f1f1f1;margin-right: 4px; } .radio-summary { height: 186px; padding: 20px 0 0; margin: 0 7px 0 8px;border-bottom: 1px solid #f1f1f1; } .radio-summary.last { border: 0; } .radio-summary h3 { padding: 0 0 10px 11px; } .radio-summary .col-1, .radio-summary .col-2, .radio-summary .col-3, .radio-summary .slider, .radio-summary .slide { width: 239px; height: 130px; position: relative; } .radio-summary .col-2 { margin: 0 15px 0 14px; } .radio-summary .pager-wrap { width: 239px; bottom: -9px; } .radio-summary .media-icon { position: absolute; z-index: 6; background: url('../images/bg-mediaicon.png'); display: block; width: 60px; height: 69px; bottom: 3px; right: 0; text-align: center; line-height: 50px; opacity: 0.8; } .radio-summary a:hover .media-icon { opacity: 1; } .radio-summary .media-icon img { vertical-align: middle; } .radio-summary .slide a { width: 239px; height: 130px; display: block;text-decoration: none; } .radio-summary .slide .text { border-top: 1px solid #FFFFFF; color: #FFFFFF; display: block; font-size: 9px; line-height: 10px; margin: 0 2px; padding-top: 2px; text-transform: uppercase; } .radio-inner-bottom { overflow: hidden; } .radio-inner-bottom .facebook { } .radio-inner-bottom .week-highlights { position: relative; } .radio-inner-bottom .week-highlights .slide img { max-width: 100%; height: auto; } /* National and Sports */ .national-sports { padding-bottom: 20px; margin-bottom: 10px; font-size: 12px; } .national-sports h2 a { background: #878787 url('../images/icon-plus.png') no-repeat right center; font-size: 15px; text-transform: uppercase; line-height: 18px; padding: 10px; color: #fff; margin-bottom: 15px; display: block; text-decoration: none; } .national-sports h2 a:hover { background-color: #c4161c;} .national-sports .national-box h2 a { width: 105px; background-image: none; text-align: center; background: #b1b1b1; line-height: 11px; margin-top: 7px; } .national-sports .national-box h2 a#national-head { width: 100px; } .national-sports .national-box h2 a.active { background: #878787; line-height: 18px; margin-top: 0; } .national-box, .business-box { width: 245px; } .national-box { margin: 0 20px; } .sports-box { width: 245px; } .national-sports ul { padding: 0; margin: 0; } .national-sports li { list-style: none; padding: 4px 0; margin: 0; border-bottom: 1px solid #fff; } .national-sports li a { display: block; color: #000; text-decoration: none; height: 57px;font-size: 13px; } .national-sports li a:hover { color: #c4161c; } .sports-box .sports-image, .sports-box .sports { width: 245px; height: 225px; } .sports-box .sports-image { border: 5px solid #c2c2c2; } .national-sports .sports-box li { padding: 0; margin-bottom: 15px; border: none; overflow: hidden; } .national-sports .sports-box li a { height: 158px; position: relative; } .national-sports .sports-box li a .sports-title, .news-box-new .other-news .other-news-title { position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 10px; background: url('../images/bg-videos-most.png'); color: #fff; } .national-sports .sports li a:hover .sports-title, .news-box-new .other-news a:hover .other-news-title { background: #C4161C; } /** GENERAL NEWS PAGE STYLES **/ .news-box { margin-top: 50px; position: relative; height: 280px; } .news-box .top-stories { position: relative; top: -50px; margin: 0; } .news-box .btn-prev, .news-box .btn-next { z-index: 90;width: 31px; height: 32px; display: block; position: absolute; top: 80px; background: url('../images/top-stories-next.png') no-repeat; } .news-box .btn-prev { left: 7px; background: url('../images/top-stories-prev.png') no-repeat; } .news-box .btn-prev:hover { /*background-position: bottom left;*/ } .news-box .btn-next { right: 7px; /*background-position: top right;*/ } .news-box .btn-next:hover { /*background-position: bottom right;*/ } /** start new homepage styles 08.03.14 and 25.04.14 **/ .news-box-new { margin-bottom: 17px; } .news-box-new .btn-prev, .news-box-new .btn-next { z-index: 90;width: 31px; height: 32px; display: block; position: absolute; top: 115px; background: url('../images/top-stories-next.png') no-repeat; } .news-box-new .btn-prev { left: 7px; background: url('../images/top-stories-prev.png') no-repeat; } .news-box-new .btn-prev:hover { /*background-position: bottom left;*/ } .news-box-new .btn-next { right: 7px; /*background-position: top right;*/ } .news-box-new .btn-next:hover { /*background-position: bottom right;*/ } /*.news-box-new .top-stories-new { position: relative; top: -50px; margin: 0 49px; }*/ .news-box-new .top-stories-new .main-story { width: 510px; height: 330px; overflow: hidden; } .main-story .post-image img { min-width: 510px; } .top-stories-new .main_slider_top { float: left; width: 510px; height: 330px; position: relative; } .top-stories-new .main-story .postbox-main { position: relative; } .top-stories-new .main-story .postbox-main a { display: block; color: #fff; height: 321px; } .top-stories-new .main-story .main-story-content { background: #878787; position: absolute; bottom: 0; left:0; right: 0; padding: 10px;} .top-stories-new .main-story a:hover .main-story-content { background: #C4161C; } .top-stories-new .main-story .main-story-content .entry-title { font-weight: 700; font-size: 25px; line-height: normal; } .top-stories-new .main-story .category_label { margin: 0px 5px 3px 0; } .news-box-new .top-stories-new .main-kurzita { width: 245px; } .news-box-new .top-stories-new .main-kurzita article.postbox { margin: 0; width: 245px; } .news-box-new .other-news { list-style: none; padding: 0; margin: 10px 0; overflow: hidden; } .news-box-new .other-news li { float: left; width: 245px; height: 125px; overflow: hidden; position: relative; } .news-box-new .other-news li.item-2 { margin: 0 20px; } /** end new homepage styles 08.03.14 **/ .top-stories { margin-bottom: 20px; height: 325px; overflow: hidden; } .postbox { width: 245px; float: left; display: inline; margin: 0; } .postbox.col-0 { margin-right: 18px; } .postbox .post-image { width: 245px; height: 132px; position: relative; } .main-kurzita .postbox .post-image { width: 245px; } .postbox h2 { font-weight: 700; font-size: 14px; margin: 5px 0 10px; } .postbox a { color: #000; text-decoration: none; } .postbox a:hover h2 { color: #c4161c; } .postbox .entry-header { height: 92px; line-height: 18px; } .postbox .entry-content { height: 64px; } .home .postbox .entry-header { height: 56px; } .stories-group { overflow: hidden; } /** GENERAL SINGLE NEWS PAGE STYLES **/ .single .content-area, .page .content-area { font-size: 13px; line-height: 19px; } .single article .entry-title, .page .entry-header h1 { font-size: 30px; font-weight: 700; line-height: normal; /*text-transform: uppercase;*/ color: #000; } .single article .entry-meta { font-size: 12px; font-style: italic; color: #525252; text-transform: uppercase; margin-bottom: 15px; } .single article .entry-meta a { color: #525252; } .single article .entry-meta a:hover { color: #c4161c; } .single article .entry-gallery { margin-bottom: 10px; } .single article .entry-content { width: 485px; } .single article .entry-sidebar { width: 255px; } .entry-social { text-transform: uppercase; color: #626262; border-bottom: 1px solid #ddd; margin: 13px 0; padding-bottom: 10px; line-height: 18px; } .entry-social.foot { border-bottom: none; border-top: 1px solid #ddd; text-align: right; } .entry-social .mr_social_sharing_wrapper { display: inline-block; margin-left: 5px; height: 18px; width: 100px; vertical-align: bottom; width: 285px; } .entry-social .mr_social_sharing_wrapper img { vertical-align: middle; opacity: 0.8 } .entry-social .mr_social_sharing_wrapper img:hover { opacity: 1 } .mr_social_sharing_wrapper span.mr_social_sharing { float: left; } #twitter-widget-0 { margin-right: -11px; } #___plusone_0 { margin-right: -26px; } .entry-social .custom-share-buttons { overflow: hidden;padding: 10px 0 5px; } .entry-social .custom-share-buttons a.facebook { float: left; } .entry-social .custom-share-buttons a.twitter { float: right; } .entry-social .other-share-options { text-align: left;text-transform: none; } .entry-social .other-share-options img { vertical-align: bottom; } .eurovision_posts .entry-social .custom-share-buttons a.twitter, .single-jeurovision_posts .entry-social .custom-share-buttons a.twitter { float: left; margin-left: 15px; } .entry-sidebar h3 { font-size: 24px; color: #000; line-height: normal; padding: 10px 0; } .entry-sidebar a { color: #000; } .entry-sidebar a:hover { color: #c4161c; } .entry-sidebar .related, .entry-sidebar .external { border-top: 1px solid #ddd; padding: 10px 0; display: block; cursor: pointer; } .entry-sidebar .related .related-image { width: 128px; height: 77px;position:relative; } .entry-sidebar .related .related-text { width: 120px; font-size: 10px; text-transform: uppercase; font-style: italic; } .entry-sidebar .related .related-text h4 { font-size: 14px; font-weight: 700; font-style: normal; margin-bottom: 10px; text-transform: none; line-height: 16px; } .entry-sidebar .entry-external { margin-top: 5px; } .entry-sidebar .external h4 { font-weight: 700; } article .top-stories-wrap { margin-top: 10px; } article .top-stories-wrap h3 { font-size: 24px; color: #000; margin-bottom: 10px; line-height: normal; } article .top-stories { padding: 10px; background: #eeecec; height: auto; } article .stories-main { width: 315px; display: block; } article .stories-image { width: 128px; height: 77px; } article .stories-text { width: 170px; font-size: 12px; } article .stories-text h4 { font-weight: 700; font-size: 14px; } article .stories-other { width: 360px; } article .stories-other a { color: #000; text-decoration: none; font-weight: 700; } article .stories-other a:hover { color: #c4161c; } .category_label { font-size: 10px; background-color: #C4161C; color: #fff; padding: 1px 5px; text-transform: uppercase; margin: 8px 0 3px; display: inline-block; font-weight: 400; height: 16px; } .category_label.absolute { position: absolute; top: -34px; left: 10px; } .media-gallery-wrap, .article-media-gallery { position: relative; } .media-gallery-wrap .gallery-item { width: 755px; text-align: center; } .article-media-gallery .btn-next, .article-media-gallery .btn-prev { display: block; position: absolute; width: 25px; height: 36px; background-position: center; background-repeat: no-repeat; top: 50%; margin-top: -18px; z-index: 10; opacity: 0.6; } .article-media-gallery .btn-next:hover, .article-media-gallery .btn-prev:hover { opacity: 1; } .article-media-gallery .btn-next { background-image: url('../images/btn-next-2.png'); right: 0; } .article-media-gallery .btn-prev { background-image: url('../images/btn-prev-2.png'); left: 0; } /*.single .entry-content .gallery { display: none; }*/ /** WEATHER PAGE STYLES **/ .page-id-35 .site-main, .parent-pageid-35 .site-main { position: static; } .weather-head-spacer { margin-top: -10px; } .weather-head-spacer, .weather-head { height: 400px; } .weather-head { position: absolute; left: 0; right: 0; background: url('../images/bg-weatherhead.jpg'); background-size: cover; } .current-wrap { position: relative; } .current-conditions { position: absolute; top: 45px; left: 0; text-transform: uppercase; } .current-conditions .blue { background: url('../images/bg-weather.png'); } .current-conditions .col { float: left; display: inline; line-height: normal; } .current-conditions span.title { display: block; font-size: 24px; } .current-conditions sup { font-size: 25px; position: relative; top: -50px; } .current-conditions .current-data { margin-bottom: 5px; } .current-conditions .current-data .col { width: 131px; text-align: center; font-size: 85px; color: #fff; padding: 10px 0; } .current-conditions .current-data .col.col-1 img { margin-top: 10px; } .current-conditions .current-data .col.col-1, .current-conditions .current-data .col.col-4 { font-size: 18px; } .current-conditions .current-data .col.col-4 img { margin-top: 15px; } .current-conditions .current-data .wind { font-size: 13px; line-height: normal; } .other-data-head { margin-bottom: 1px; font-size: 14px; text-align: center; color: #fff; } .other-data-head .col { padding: 5px 0; height: 27px; line-height: 27px; } .other-data-head .col img { vertical-align: middle; } .other-data-head .col-1, .other-data-head .col-3 { width: 123px; } .other-data-head .col-2 { width: 125px; } .other-data-head .col-4 { width: 165px; } .other-data-head.data { font-size: 18px; } .hourly-data { background: url('../images/bg-weather-gray.png'); position: relative; height: 60px; margin-top: 5px; } .hourly-data .slider { position: absolute; top: 0; left: 40px; width: 450px; height: 60px; overflow: hidden; } .hourly-data a { display: block; float: left; width: 75px; text-align: center; color: #fff; text-decoration: none; font-size: 14px; cursor: default; } .hourly-data img { margin-top: 3px; } .hourly-data .btn-prev, .hourly-data .btn-next { width: 15px; height: 30px; background: url('../images/btn-prvnxt-2.png') no-repeat; position: absolute; top: 15px; left: 20px; } .hourly-data .btn-prev:hover { background-position: 0 -30px; } .hourly-data .btn-next { background-position: -15px 0; left: auto; right: 20px; } .hourly-data .btn-next:hover { background-position: -15px -30px; } .hourly-data .marker { width: 58px; height: 72px; background: url('../images/bg-weather-marker.png'); position: absolute; top: -6px; left: 48px; } .page-id-35 .submenu, .page-id-200 .submenu, .page-id-202 .submenu { margin: 20px 0; } .page-id-35 .submenu li a:hover, .page-id-35 .submenu li a.active, .page-id-200 .submenu li a:hover, .page-id-200 .submenu li a.active, .page-id-202 .submenu li a:hover, .page-id-202 .submenu li a.active { background: #6a85ad; } .day-forecast .day { margin: 5px 0; } .day-forecast .col { float: left; display: inline; height: 92px; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; } .day-forecast .col-1 { width: 122px; margin-right: 2px; background: #aaa9a9; font-size: 40px; line-height: 92px; } .day-forecast .col-2 { width: 150px; background: #a2cbde; } .day-forecast .col-2 img { margin-top: 5px; } .day-forecast .col-3, .day-forecast .col-4, .day-forecast .col-5, .day-forecast .col-6, .day-forecast .col-7 { width: 96px; background: #a2cbde; } .day-forecast .col-3 br, .day-forecast .col-4 br, .day-forecast .col-5 br { margin-bottom: 20px; } .day-forecast .col-3 span, .day-forecast .col-4 span, .day-forecast .col-5 span, .day-forecast .col-7 span { font-size: 36px; line-height: 60px; display: block; } .day-forecast .col-6 img { margin: 10px 0 3px; } .day-forecast .col-7 span { line-height: 40px; } .day-forecast .col-3, .day-forecast .col-4, .day-forecast .col-5, .day-forecast .col-7 { padding-top: 15px; height: 77px; } .weather-charts { background: #f4f4f4; padding: 20px 15px; margin: 15px 0; } .weather-charts h3 { margin-bottom: 10px; } .weather-charts .isobar, .weather-charts .clouds { width: 355px; } .weather-charts .isobar { margin-right: 15px; } .weather-charts .chart { display: block; width: 353px; height: 250px; overflow: hidden; border: 1px solid #d2d2d2; } .weather-charts .chart:hover { border: 1px solid #6a85ad; } .page-id-35 #secondary, .page-id-200 #secondary, .page-id-202 #secondary { position: relative; z-index: 10; margin-top: 205px; background: #efefef; width: 301px; padding: 10px; } .seasonal-photos { margin: 20px auto; } .seasonal-photos h3 { padding-bottom: 10px; } .seasonal-photos ul { margin: 0; padding: 0; } .seasonal-photos li { float: left; display: inline-block; width: 263px; height: 168px; margin: 0; padding: 0; } .seasonal-photos li.item-1, .seasonal-photos li.item-2, .seasonal-photos li.item-3 { margin-right: 15px; } .weekend .day-card { width: 247px; border: 1px solid #e0e0e0; text-transform: uppercase; color: #4a4a4a; line-height: normal; text-align: center; margin: 0 4px; padding: 20px 0; } .weekend .day-card.gray { background: #dfdfdf; margin: 0; } .weekend .day-card .day { font-size: 35px; } .weekend .day-card .month { font-size: 20px; } .weekend .day-card .icon { margin: 15px 0; } .weekend .day-card .temp { font-size: 150px; line-height: 130px; } .weekend .day-card .min { font-size: 47px; } .weekend .day-card.gray .temp { color: #fff; } .page-id-202 .world { width: 753px; height: 438px; margin: 0 auto; position: relative; } .page-id-202 .world .city { position: absolute; background: url('../images/bg-world-temp.png'); width: 30px; height: 30px; font-weight: 700; font-size: 12px; color: #fff; text-align: center; line-height: 28px; display: none; } .page-id-202 .world .city.vancouver { top: 93px; left: 115px; } .page-id-202 .world .city.reykjavik { top: 83px; left: 310px; } .page-id-202 .world .city.moscow { top: 82px; left: 500px; } .page-id-202 .world .city.tokyo { top: 128px; left: 621px; } .page-id-202 .world .city.kualalumpur { top: 228px; left: 545px; } .page-id-202 .world .city.sydney { top: 325px; left: 686px; } .page-id-202 .world .city.capetown { top: 331px; left: 471px; } .page-id-202 .world .city.cairo { top: 193px; left: 399px; } .page-id-202 .world .city.honolulu { top: 278px; left: 156px; } .page-id-202 .world .city.mexicocity { top: 205px; left: 123px; } .page-id-202 .world .city.newyork { top: 167px; left: 169px; } .page-id-202 .world .city.london { top: 128px; left: 355px; } /** COMMON TV AND RADIO STYLES **/ .highlights-head-tv h3 { width: 200px; margin-top: 31px; } .highlights-head-tv .upcoming { width: 570px; background: #f1f1f1; font-size: 14px; margin: 0; padding: 0; } .highlights-head-tv .upcoming-list { margin: 10px; } .highlights-head-tv .upcoming li { padding: 0 10px; float: left; display: inline; margin: 0; } .highlights-head-tv .upcoming a { color: #878787; display: block; position: relative;width: 86px; } .highlights-head-tv .upcoming .now { min-width: 65px; } .highlights-head-tv .upcoming .now a .time { font-weight: 700; color: #c4161c; } .highlights-head-tv .upcoming a .time { color: #002a65; font-size: 18px; line-height: 25px; border-bottom: 1px solid #878787; margin-bottom: 5px; text-transform: uppercase; } .highlights-head-tv .upcoming a:hover .time { color: #c4161c; } .highlights-head-tv .upcoming-actions { margin: 10px 15px 0; } .highlights-head-tv .upcoming-actions li { margin-bottom: 4px; } .highlights-head-tv .upcoming-actions li, .highlights-head-tv .upcoming-actions li a { width: 85px; display: block; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; background: #878787; float: none; padding: 0; } .highlights-head-tv .upcoming-actions li a { padding: 3px 0; } .highlights-head-tv .upcoming-actions li a:hover { background: #c4161c; } .highlights-head-tv #timer { width: 20px; position: absolute; top: 0; right: 0; } .pietimer { position:relative; width:1em; height:1em; float: left; } .pietimer > .percent { position: absolute; top: 1.05em; left: 0; width: 3.33em; font-size: 0.3em; text-align:center; display: none; } .pietimer > .slice { position:absolute; width:1em; height:1em; clip:rect(0px,1em,1em,0.5em); } .pietimer > .slice.gt50 { clip:rect(auto, auto, auto, auto); } .pietimer > .slice > .pie { border: 0.1em solid #c0c0c0; position:absolute; width:0.8em; /* 1 - (2 * border width) */ height:0.8em; /* 1 - (2 * border width) */ clip:rect(0em,0.5em,1em,0em); -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; } .pietimer > .slice > .pie.fill { -moz-transform:rotate(180deg) !important; -webkit-transform:rotate(180deg) !important; -o-transform:rotate(180deg) !important; transform:rotate(180deg) !important; } .pietimer.fill > .percent { display: none; } .pietimer.fill > .slice > .pie { border: transparent; background-color: #c0c0c0; width:1em; height:1em; } /** TV PAGE STYLES **/ .post-type-archive-channel .site-main { width: auto; } .page-id-37 #site-navigation, .page-id-209 #site-navigation, .page-id-211 #site-navigation, .page-id-213 #site-navigation, .page-id-216 #site-navigation, .single-programmes #site-navigation, .parent-pageid-37 #site-navigation, .page-id-39 #site-navigation, .parent-pageid-39 #site-navigation, .parent-pageid-237 #site-navigation, .single-caffairs_posts #site-navigation, .single-sports_posts #site-navigation, .search-results #site-navigation, .error404 #site-navigation, .post-type-archive-sports_posts #site-navigation, .page-id-54181 #site-navigation, .page-id-54181 #site-navigation, .page-id-54185 #site-navigation, .page-id-54187 #site-navigation { border-bottom: 1px solid #c8c8c8; } .week-highlights, .programmes, .radio-inner-bottom .facebook { margin-top: 20px; } .week-highlights h3, .programmes h3, .facebook h3 { padding-bottom: 5px; margin-bottom: 10px;} .week-highlights a { color: #5a5a5a; cursor: pointer; } .week-highlights a:hover { color: #c4161c; } .week-highlights .slider .slide { display: block; width: 775px; height: 280px; } .week-highlights .week-image { width: 531px; height: 280px; } .week-highlights .week-info { width: 182px; height: 218px; border: 1px solid #ddd; padding: 30px; } .week-highlights .week-info .title { text-transform: uppercase; font-size: 24px; line-height: normal; font-weight: 700; } .week-highlights .week-info .onair { font-size: 14px; font-style: italic; margin-top: 5px; } .week-highlights .week-info .desc { font-size: 14px; line-height: 18px; margin: 20px 0; } .week-highlights .pager-wrap { position: absolute; bottom: 5px; right: 1px; width: 242px; z-index: 5; text-align: center; } .week-highlights .pager { display: inline-block; border-top: 1px solid #c6c6c6; padding: 3px 10px; line-height: 0; } .week-highlights .pager a { display: inline-block; width: 30px; height: 4px; background: #878787; margin: 0 7px; font-size: 0; } .week-highlights .pager a.activeSlide { background: #002761; } .programmes ul { padding: 0; margin: 0; width: 1500px; } .programmes li { width: 247px; height: 200px; position: relative; float: left; display: inline; margin-right: 36px; overflow: hidden; } .programmes li.item-4 { margin: 0; } .programmes li a { display: block; } .programmes li .box { width: 494px; position: relative; cursor: pointer; } .programmes li .box .title { position: absolute; bottom: 0; left: 0; right: 0; background: #dddddd; padding: 3px 26px 3px 10px; font-size: 18px; color: #5a5a5a; text-transform: uppercase; cursor: pointer; } .programmes li .box .info { background: #dddddd; width: 207px; height: 108px; padding: 20px; position: absolute; top: 0; right: 0; } .programmes li .box .info .title { position: relative; top: auto; right: auto; padding: 0; width: auto; } .programmes li .box .info a { color: #5a5a5a; } .programmes li .box .info a:hover { color: #c4161c; } .programmes li a.btn-favs { font-size: 40px; font-weight: 700; position: absolute; bottom: 0; right: 0; text-decoration: none; color: #7d7a7e; line-height: 38px; padding: 0 10px; } .programmes li a.btn-favs:hover { background: #c4161c; color: #fff; } /** Radio and TV Shedule Styles **/ .schedule-wrap { margin-top: 40px; position: relative; } .schedule-wrap .slider { width: 645px; height: 87px; position: relative; left: 67px; z-index: 10; } .schedule-wrap .slide { margin: 0; padding: 0; background: #fff; height: 87px; } .schedule-wrap .slide li { margin: 5px; text-align: center; float: left; display: inline; } .schedule-wrap .slide a { display: block; width: 82px; height: 77px; background: #878787; color: #fff; font-size: 18px; text-decoration: none; line-height: 17px; text-transform: uppercase; } .schedule-wrap .slide a:hover, .schedule-wrap .slide a.active { background: #042b64; } .schedule-wrap .slide span { display: block; } .schedule-wrap .slide .day { font-size: 33px; line-height: 39px; } .schedule-wrap .slide .month { color: #cac8c8; } .schedule-wrap .btn-prev, .schedule-wrap .btn-next { width: 14px; height: 30px; display: block; position: absolute; top: 46px; background: url('../images/btn-prvnxt.png') no-repeat; z-index: 10; } .schedule-wrap .btn-prev { left: 40px; background-position: top left; } .schedule-wrap .btn-prev:hover { background-position: bottom left; } .schedule-wrap .btn-next { right: 40px; background-position: top right; } .schedule-wrap .btn-next:hover { background-position: bottom right; } .schedule-wrap .btn-prev.inactive, .schedule-wrap .btn-next.inactive { opacity: 0.5;cursor:default; } .schedule-group { position: relative; } .morning.schedule-group { padding-top: 65px; top: -50px; margin-bottom: -50px; } .schedule-group.gray { background: #f0f0f0; } .group-title { position: absolute; bottom: 30px; top: 30px; left: 25px; background: url('../images/bg-schedule-group.png') repeat-y top center; width: 10px; } .group-title img { position: absolute; top: 50%; left: 0; } .morning .group-title img { margin-top: -36px; } .morning .group-title { top: 80px; } .afternoon .group-title img { margin-top: -46px; } .primetime .group-title img { margin-top: -44px; } .schedule-items { width: 700px; margin-left: 50px; } .schedule-items a.item:hover .time, .schedule-items a.item:hover .title { color: #c4161c; } .schedule-items .item, .schedule-items span { display: block; cursor: pointer; } .schedule-items .item { border-bottom: 1px solid #5c5c5c; } .schedule-items .time { width: 115px; font-size: 24px; line-height: 24px; color: #000; text-transform: uppercase; padding: 17px 0 10px 15px; } .schedule-items .time span { color: #515151; font-size: 18px; } .schedule-items .title { width: 519px; border-left: 1px solid #5c5c5c; padding: 10px 25px; min-height: 54px; font-size: 25px; color: #042b64; line-height: normal; } .schedule-items .title span { font-size: 14px; color: #042b64; } .schedule-items .do-not-record { cursor: default; } .schedule-items .do-not-record .title { color: #000 !important; } .schedule-items .onair { background: #c3161c; } .schedule-items a.item.onair .time, .schedule-items a.item.onair .time span, .schedule-items a.item.onair .title, .schedule-items a.item.onair .title span { color: #fff; } /** Radio and TV Programme Styles **/ .programmes-wrap { margin-top: 15px; } .programmes-wrap .item { width: 230px; padding: 12px; background: #f0f0f0; margin-bottom: 15px; text-decoration: none;height:340px; } .programmes-wrap .col-1 { margin: 0 6px; } .programmes-wrap .item.middle { margin-left: 15px; margin-right: 15px; } .programmes-wrap .item:hover .title { color: #c4161c; } .programmes-wrap .image { width: 230px; height: 195px; margin-bottom: 10px; text-align: center; background: #fff;position: relative; } .programmes-wrap .image .has_trailer { position: absolute;top: 0; right: 0;width: 40px;height: 40px; background: url('../images/btn-player-80.png') no-repeat center center;background-size: cover; } .programmes-wrap .title { text-transform: uppercase; font-size: 18px; color: #878787; margin-bottom: 8px; height: 33px;position: relative; } .programmes-wrap .add_to_fav { position: absolute; top: -6px; right: -3px;background: url('../images/add_to_favourites.jpg') no-repeat left top;width: 25px;height: 27px; display: block; } .programmes-wrap .desc { font-size: 12px; color: #878787; height: 65px; } /** Single Programme Page Styles **/ .single .programmes-wrap h3 { padding-bottom: 10px; } .single .latest-episode-player { width: 765px; height: auto; background: black; margin-bottom: 10px;border: 5px solid #E8E8E8; } .single .latest-episode { position: relative; top: -10px; } .single .latest-episode .btn-player { position: absolute; width: 80px; height: 80px; right: 145px; top: -8px; border: 1px solid #fff; } .single .latest-episode .info { margin: 20px 0; background: #c4161c; } .single .latest-episode .info .title { margin: 10px; padding: 5px 0 5px 5px; font-size: 18px; font-weight: 700; border-right: 1px solid #fff; color: #fff; padding-right: 15px; } .single .latest-episode .info .title span { display: block; font-size: 14px; font-weight: 400; } .single .latest-episode .desc { width: 360px; margin: 15px 0; color: #fff; font-size: 14px; line-height: 18px;height: auto; } .single .latest-episode .player-link { display: block; width: 145px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; padding-top: 8px; } .single .latest-episode .player-link:hover { text-decoration: underline; } .single .latest-episode .player-link .days-left-title { font-size: 18px; font-weight: 700; } .single .latest-episode .player-link .days-left { margin: 0 0 0 30px; padding: 0; overflow: hidden; } .single .latest-episode .player-link .days-left li { margin: 2px 1px; float: left; font-size: 0; line-height: 0; width: 10px; height: 10px; background: #bdbdbd; } .single .latest-episode .player-link .days-left li.active { background: #ffffff; } .programmes-features h3 { padding-bottom: 10px; border-bottom: 1px solid #dddddd; margin-bottom: 10px; } .programmes-features .feature { position: relative; width: 378px; } .programmes-features .btn-prev, .programmes-features .btn-next { position: absolute; top: 39px; bottom: 0; display: block; background: #878787; width: 18px; } .programmes-features .btn-prev:hover, .programmes-features .btn-next:hover { background-color: #c3161c; } .programmes-features .btn-prev { left: 0; } .programmes-features .btn-next { right: 0; } .programmes-features .feature .slider { width: 343px; height: 210px; margin-left: 18px; overflow: hidden; } .programmes-features .feature .slider .slide { width: 343px; height: 210px; } .single-programmes h3.padding { padding: 10px 0; } .no_video_ondemand { background-color: #C3161C; color: #fff; text-decoration: none; text-align: center; padding: 10px 0; margin: 10px 0; font-weight: 600; } .no_video_ondemand a { color: #fff; text-decoration: underline; } .single .ondemand_ep { padding: 7px 0; } .single .ondemand_ep .date { float: left; background-color: #002860; font-size: 34px; color: #fff; line-height: 34px; width: 101px; height: 103px; margin-right: 2px; text-transform: uppercase; } .single .ondemand_ep .date span { display: block; padding-top: 20px; text-align: center; } .single .ondemand_ep .time { float: left; background-color: #e4e4e4; font-size: 30px; color: #7d7a7e; line-height: 35px; width: 94px; height: 103px; margin-right: 2px; text-transform: uppercase; } .single .ondemand_ep .time span { display: block; padding-top: 20px; text-align: center; } .single .ondemand_ep .title { float: left; background-color: #e4e4e4; color: #7d7a7e; line-height: 40px; padding-left: 20px; width: 208px; height: 103px; margin-right: 2px; } .single .ondemand_ep .title h4 { padding-top: 18px; font-weight: 600; font-size: 22px; line-height: 40px; } .single .ondemand_ep .image { float: left; width: 343px; height: 103px; position: relative; } .single .ondemand_ep .image .play { background-color: #c3161c; width: 99px; height: 103px; position: absolute; color: #fff; top: 0; right: 0; display: block; text-align: center; text-decoration: none; } .single .ondemand_ep .image .play img { padding-top: 7px; } .single .ondemand_ep .image .play span { display: block; } .single .ondemand_ep.active .date { background-color: #c3161c; } /** Main Radio Page Styles **/ .page-id-39 .highlights .tabs { text-transform: uppercase; } .page-id-39 .highlights .media { height: 423px; margin-bottom: 20px; } .page-id-39 .highlights .media-slides { width: 1087px; } .page-id-39 .highlights .media-slides a { display: block; width: 1097px; height: 423px; } .page-id-39 .highlights .pager-wrap { position: absolute; bottom: 27px; width: 100%; z-index: 5; text-align: center; } .page-id-39 .highlights .pager { display: inline-block; border-top: 1px solid #fff; padding: 6px 20px; line-height: 0; } .page-id-39 .highlights .pager a { display: inline-block; width: 45px; height: 5px; background: #878787; margin: 0 7px; font-size: 0; } .page-id-39 .highlights .pager a.activeSlide { background: #fff; } .radio-listen h3 { padding-bottom: 10px; border-bottom: 1px solid #dddddd; margin-bottom: 10px; } .radio-listen .stations { margin: 0; padding: 0; } .radio-listen .stations li { display: inline; } .radio-listen .stations li a { float: left; display: inline-block; width: 272px; height: 166px; margin-right: 3px; position: relative; text-decoration: none; } .radio-listen .stations li a.item-4 { margin: 0; } .radio-listen .stations li a .info { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; font-size: 12px; color: #fff; background: url('../images/bg-archive-topstories.png'); text-decoration: none; } .radio-listen .stations li a:hover .info { background: #c4161c; } /** Radio Inner Pages Styles **/ .parent-pageid-39 .onair { margin: 10px 0; padding: 50px 0 30px; } .onair .station-dj { position: absolute; top: 0; right: 0; } .onair .station-logo { width: 206px; height: 60px; } .onair .station-logo img { margin-top: 10px; } .onair .station-onair { width: 495px; background: #c4161c; font-size: 14px; color: #fff; font-weight: 700; } .onair .station-onair span { font-weight: 400; text-transform: uppercase; font-size: 18px; padding-right: 15px; } .onair .station-onair .onair-title, .onair .station-onair .onair-song { border-bottom: 1px solid #fff; padding: 5px 10px; } .onair .station-onair .remaining { font-size: 14px; font-style: italic; text-transform: none; padding-right: 40px; } .parent-pageid-39 .highlights { margin-bottom: 0; } .parent-pageid-39 .whatson { width: 765px; height: auto ; border: 6px solid #585857;/*border-top: 6px solid #585857; border-bottom: 6px solid #585857;*/ position: relative; } .parent-pageid-39 .whatson.music-live-stream {width: 775px;border: 0;overflow: hidden;} .parent-pageid-39 .quick-schedule { display: none; } .whatson .slider { /*margin-left: 30px;*/ } .whatson .slide img { display: block;margin: 0 auto; } .whatson .btn-next, .whatson .btn-prev { position: absolute; top: 0px; bottom: 0px; background-color: #61769b; background-repeat: no-repeat; background-position: center; width: 25px; } .whatson .btn-next:hover, .whatson .btn-prev:hover { background-color: #00225d; } .whatson .btn-next { left: 0; background-image: url('../images/btn-prev.png'); } .whatson .btn-prev { right: 0; background-image: url('../images/btn-next.png'); } .whatson .thumbs, .whatson .large { width: 360px; height: 360px; text-transform: uppercase; } .whatson .thumbs .item { width: 173px; height: 173px; position: relative; float: left; margin: 0 7px 14px 0; } .whatson .large .item { width: 360px; height: 360px; position: relative; } .whatson .item .time { position: absolute; top: 0; right: 0; padding: 5px 10px; background: url('../images/bg-whatson.png'); color: #fff; } .whatson .item .title { position: absolute; left: 0; right: 0; bottom: 0; background: url('../images/bg-whatson.png'); color: #fff; padding: 10px; font-size: 24px; line-height: normal } .whatson .item .title span { font-size: 18px; display: block; line-height: normal; } .quick-schedule { padding-bottom: 20px; background: #dddddd url('../images/bg-quickschedule.png') repeat-x 0 20px; } .quick-schedule .col { width: 129px; float: left; display: block; padding-top: 35px; background: url('../images/img-dot.png') no-repeat center 13px; text-align: center; color: #9b9b9b; text-decoration: none; } .quick-schedule .col:hover, .quick-schedule .col.active { color: #c4161c; } .quick-schedule .col.active { background-image: url('../images/img-dot-red.png'); } .quick-schedule .col strong { display: block;height: 50px; } .suggest-song { background: #c4161c url('../images/img-suggestsong.png') no-repeat 30px 6px; padding: 10px; height: 68px; } .suggest-song .col-1, .suggest-song .col-2 { width: 245px; margin-right: 20px; margin-left: 175px; } .suggest-song .col-2 { margin-left: 0px; } .suggest-song .col-3 { display: block; width: 45px; background: #b7b7b7; height: 32px; line-height: 32px; text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; margin-top: 31px; } .suggest-song .col-3.loading { text-indent: -9999px; background: #b7b7b7 url('../images/ajax-loader.gif') no-repeat center center; } .suggest-song input, .suggest-song textarea { border: none; background: #fff; width: 225px; padding: 5px 10px; margin-bottom: 3px; margin-top: 4px; } .suggest-song textarea { height: 49px; } .suggest-song .error { background: #eed9d9; } .parent-pageid-39 h3 { border-bottom: 1px solid #ddd; } .parent-pageid-39 .week-highlights .pager-wrap { width: 775px; } /** LIVE STYLES **/ .live-stream { border-top: 8px solid #707070; margin-bottom: 30px } .more-streams ul { margin: 0; padding: 0; } .more-streams h3 { border-bottom: 1px solid #c8c8c8; padding-bottom: 5px; margin-bottom: 15px; } .more-streams li { display: inline; width: 49%; } .more-streams li a { display: block; height: 200px; } .more-streans li.fl { margin-right: 15px; } .page-id-54187 .live-stream, .page-id-55232 .live-stream, .page-id-62590 .live-stream { padding-top: 30px; text-align: center; font-weight: 700; } .live-stream ul { margin: 0; padding: 0; } .live-stream li { float: left; margin: 20px 29px; display: inline; } .live-stream li a { display: block; width: 200px; height: 150px; text-align: center; } /** TVM Player Styles **/ #content.player { margin: 0; background: #000; position: relative; } .player .player-tv { height: 481px; background: url('../images/player/bg-player-tv.jpg') top center; position: relative; } .player .player-radio { height: 545px; background: url('../images/player/bg-player-radio.jpg') top center; position: relative; } .player .logo { width: 200px; height: 88px; margin: 0 auto; position: relative; top: 45px; } .player .sections { margin: 0; padding: 0; position: relative; top: 60px; } .player .sections li { width: 169px; height: 168px; float: left; display: inline; margin: 0 22px; } .player .sections li a { display: block; width: 169px; height: 168px; position: relative; text-align: center; background: url('../images/player/icon-bg-small.png') top left no-repeat; color: #fff; text-transform: uppercase; font-size: 18px; text-decoration: none; } .player .sections li a:hover, .player .sections li.active a { background-position: bottom left; } .player .sections li .icon { display: block; width: 70px; height: 58px; text-align: center; margin: 0 auto; padding: 40px 0 10px; } .player .prog-search { margin: 98px auto 0; width: 585px; } .player .prog-search .input { width: 440px; padding: 10px; border: none; } .player .prog-search .btn { background: #afafaf; color: #fff; width: 120px; text-align: center; text-transform: uppercase; box-shadow: none; border: none; border-radius: 0; line-height: 35px; padding: 0; font-size: 18px; text-shadow: none; height: 36px; } .player .prog-search .btn:hover { background: #c4161c; } .player-leaderboard { text-align: center;padding-bottom: 30px; } .player-content { padding: 30px 0; color: #fff; } .player-content h3 { border-bottom: 1px solid #fff; margin-bottom: 10px; padding-left: 5px; } .player .stations, .player .whatson, .player .search, .player .favourites, .player .highlights { display: none; } .player .stations .station { display: block; margin: 10px 80px; } .player .categories { display: none; } .player .categories .category { margin-bottom: 15px; overflow: hidden; } .player .categories .items a { display: block; width: 265px; height: 148px; overflow: hidden; border: 1px solid #999a9b; position: relative; color: #fff; text-decoration: none; float: left; margin: 4px; } .player .categories .items a.item-3 { margin-right: 0; } .player .categories .items a:hover { border-color: #c4161c; } .player .categories .info { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background: url('../images/bg-archive-topstories.png'); } .player .categories a:hover .info { background: #c4161c; } .player .categories .play-icon { position: absolute; bottom: 0; left: 0; right: 0; width: 100%;height: 100%;background: url('../images/icon-watch-shad.png') no-repeat 16px 11px; } .player .stations.active, .player .categories.active, .player .programmes.active, .player .favourites.active, .player .whatson.active, .player .search.active, .player .highlights.active { display: block; } .player .highlights .sub-tabs { list-style: none; overflow: hidden; } .player .highlights .sub-tabs li { float: left; display: block; padding-right: 22px; } .player .highlights .sub-tabs li a { color: #636363; font-size: 16px; text-transform: uppercase; } .player .highlights .sub-tabs li.active a { color: #fff; } .player .highlights .sub-tabs-content > div { display: none; } .player .highlights .sub-tabs-content > div.active { display: block; } .page-id-283 #stream_pulldown_wrapper, .page-id-152407 #stream_pulldown_wrapper, .page-id-64051 #stream_pulldown_wrapper, .tax-eurovision_categories #stream_pulldown_wrapper { background-color: #c4161c; } .page-id-283 .breaking_stream_pulldown div.wrap, .page-id-152407 .breaking_stream_pulldown div.wrap, .page-id-64051 .breaking_stream_pulldown div.wrap, .tax-eurovision_categories .breaking_stream_pulldown div.wrap { margin-bottom: 0; } .page-id-283 .fancybox-nav { width: 20%; height: 40px; top: 225px; } .page-id-283 .fancybox-nav span { visibility: visible; } /* Player - Whats On */ .player .wo_channel { border: 1px solid #7a7c7e; width: 490px; position: relative; background-color: #3d3f42; margin-top: 25px; } .player .wo_channel .inner { padding: 34px 17px 0; } .player .wo_channel .live_now { border-bottom: 1px solid #d8d9d9; } .player .wo_channel .live_now a { font-size: 18px; color: #fff; background: url('../images/player/tvm_red_liveplay.jpg') no-repeat right center; display: block; float: left; padding-right: 30px; text-transform: uppercase; height: 38px; line-height: 38px; text-decoration: none; } .player .wo_channel .time_left { font-size: 14px; font-weight: 600; color: #fff; display: block; float: right; text-transform: uppercase; height: 38px; line-height: 38px; } .player .wo_channel .live_programme h4 { font-size: 24px; font-weight: 600; color: #fff; display: block; text-transform: uppercase; height: 38px; line-height: 38px; } .player .wo_channel .live_next .live_next_text { font-size: 18px; color: #fff; display: block; float: left; text-transform: uppercase; height: 38px; line-height: 38px; text-decoration: none; } .player .wo_channel .live_next .time { font-size: 14px; font-weight: 600; color: #fff; display: block; float: right; text-transform: uppercase; height: 38px; line-height: 38px; } .player .wo_channel .live_next h4 { border-top: 1px solid #d8d9d9; font-size: 24px; font-weight: 600; color: #fff; display: block; text-transform: uppercase; height: 38px; line-height: 38px; } .player .wo_channel .schedule { display: block; height: 44px; line-height: 44px; background-color: #a31318; } .player .wo_channel .schedule span { background: url('../images/player/clock.jpg') no-repeat 74px -3px; display: block; float: right; font-size: 14px; color: #fff; height: 44px; line-height: 44px; padding-right: 50px; text-transform: uppercase; } .player .wo_channel.left { float: left; } .player .wo_channel.left .wo_logo { position: absolute; top: -30px; left: 161px; } .player .wo_channel.right { float: right; } .player .wo_channel.right .wo_logo { position: absolute; top: -30px; left: 147px; } /* Player Favourites */ .player .favourites {} .player .favourites .favourite { border: 1px solid #6b6b6b; margin-bottom: 18px; } .player .favourites .favourite.left { float: left; } .player .favourites .favourite.right { float: right; } .player .favourites .favourite a.thumbnail { display: block; float: left; width: 265px; height: 148px; } .player .favourites .favourite div.info { display: block; float: left; width: 230px; height: 146px; } .player .favourites .favourite div.info div.inner { padding: 7px 17px; } .player .favourites .favourite h4 { color: #fff; font-size: 16px; padding: 5px 0; text-transform: uppercase; } .player .favourites .favourite span { color: #fff; font-size: 14px; display: block; } .player .favourites .favourite p { color: #fff; font-size: 13px; display: block; } .player .favourites .favourite a.remove { width: 43px; float: left; color: #fff; background-color: #4a4a4a; line-height: 148px; height: 148px; text-align: center; font-size: 40px; text-decoration: none; } .player .favourites .message { text-align: center; padding: 10px 0; background-color: #4a4a4a; } .player .favourites .message a { color: #FFF; } /* Radio Player */ .player .radio-player-wrap .player-tv { background: url('../images/player/bg-player-radio.jpg') top center; position: relative; } .player .radio-player-wrap .sections li { width: 205px; height: 206px;margin: 0 32px; } .player .radio-player-wrap .sections li .icon { padding-bottom: 36px; } .player .radio-player-wrap .sections li a { width: 205px; height: 206px; background: url('../images/player/icon-bg.png') top left no-repeat; } .player .radio-player-wrap .sections li a:hover, .player .radio-player-wrap .sections li.active a { background-position: bottom left; } .player .radio-player-wrap .wo_channel.left .wo_logo { left: 68px; } .player .radio-player-wrap .wo_channel.right .wo_logo { left: 51px; } /* overrides */ a.linksalpha_button { display: none !important; } /* Account */ .account_options {} .account_options h1.entry-title { font-size: 30px; font-weight: 700; line-height: normal; text-transform: uppercase; color: #000; } .account_options .login { float: left; width: 549px; border-right: 1px solid #999999; } .account_options .register { float: left; width: 547px; } .account_options form { padding-left: 18px; } .account_options form label { margin-top: 14px; width: 51px; height: 52px; float: left; } .account_options form input.text, .account_options form select { display: block; float: left; width: 403px; height: 52px; line-height: 52px; padding: 0 15px; font-size: 24px; background-color: #f4f4f4; color: #8c8d8e; border: 0; margin-top: 14px; } .account_options form select { width: 433px; } .account_options .login_submit { float: left; } .account_options .login_submit a.forgot_password { font-size: 12px; color: #999; text-decoration: none; } .account_options .login_submit a.forgot_password:hover { text-decoration: underline; } .account_options .circle { text-align: center; padding: 44px 0; } .account_options .login_submit .red_button { background-color: #D3222A; border: 0 none; border-radius: 0; box-shadow: none; color: #FFFFFF; float: left; font-size: 17px; height: 37px; line-height: 37px; margin-top: 17px; padding: 0 12px; text-align: center; text-transform: uppercase; } .account_options .login_submit .remember_me { float: left; padding-top: 41px; padding-left: 8px; font-size: 12px; color: #999; } .account_options .about_tvm_account { border: 1px solid #9a9b9d; background-color: #f8f8f8; padding: 0 13px; width: 504px; margin-top: 22px; } .account_options .about_tvm_account h3 { font-size: 20px; color: #999999; border-bottom: 1px solid #9a9b9d; margin: 16px 0 8px; } /* Contact Us */ .contact-us h3 { color: #5e5e5e; font-size: 29px; line-height: 29px; text-transform: none; margin-bottom: 15px; font-weight: 600; } .about_tvm { padding: 20px 25px; color: #333; } .contact-us .address-info { width: 303px; border: 1px solid #e3e3e3; float: left; padding: 39px 19px 54px 35px; margin-right: 18px; } .contact-us .contact-form { float: left; width: 374px; } .contact-us .address { font-size: 13px; line-height: 16px; color: #333; border-bottom: 1px solid #808080; padding: 8px 0; } .contact-us .address.first { padding-top: 33px; } .contact-us .address.tel { padding-bottom: 61px; padding-top: 15px; } .contact-us .address a { color: #333; text-decoration: none; } .contact-us .address a:hover { text-decoration: underline; } .contact-us .address.noborder { border-bottom: 0; } .contact-us .address .left { float: left; width: 145px; } .contact-us .address .right { float: left; width: 156px; } .contact-us .contact-form label { display: block; font-size: 13px; color: #333; padding: 9px 0 5px; } .contact-us .contact-form input.text { width: 362px; border: 1px solid #e4e4e4; height: 30px; line-height: 30px; padding: 0 5px; color: #666; } .contact-us .contact-form .error { border: 1px solid #FE0000 !important; } .contact-us .contact-form select { width: 372px; height: 30px; line-height: 30px; } .contact-us .contact-form textarea { width: 362px; height: 170px; padding: 5px; } .contact-us .contact-form .submit { background-color: #f7f3f4; border: 1px solid #e4e4e4; height: 30px; padding: 0 16px; text-transform: uppercase; color: #000; font-size: 13px; line-height: 30px; margin-top: 6px; border-radius: 0; box-shadow: none; text-shadow: none; } /* Eurovision Voting Banner and Page */ .eurovision-vote { height: 86px; /* clicking on banner image will change height to 250px */ background: #000 url('../images/eurovision/evv-head-bg.jpg') no-repeat top center; overflow: hidden;margin-bottom: 20px; } .eurovision-vote .wrap { overflow: hidden; } .evv-header img { margin-top: 3px; } .evv-songs { position: relative; overflow: hidden; margin-top: 11px; } .evv-song { width: 20%; float: left; display: inline-block; font-size: 18px; color: #fff; text-align: center; text-decoration: none; padding: 4px 0; } .evv-song:hover { color: #fff; } .evv-participants, .evv-details { width: 1097px; height: 250px; overflow: hidden; } .evv-details form { width: 350px; margin: 5px 0 0 725px; } .evv-details .field { position:relative; display: inline; } .evv-details span.field { float: left; } .evv-details form label.error { position: absolute; font-size: 11px; color: #fff; right: -2px; top: 35px; text-align: right; padding: 5px; } .evv-details form .email-wrap label.error { top: 26px; } .evv-details form input { border: 0; border-radius: 3px; padding: 10px; background: #fff; width: 305px; margin-bottom: 20px; } .evv-details form input.evv-name, .evv-details form input.evv-mobile { width: 137px; } .evv-details form input.evv-mobile { margin-left: 10px; } .evv-details .evv-btn-vote, .evv-details .evv-btn-cancel { background: #c4161c; text-transform: uppercase; color: #fff; font-size: 20px; width: 110px; box-shadow: none; font-weight: 300; text-shadow: none; padding: 9px 0; } .evv-details .evv-btn-vote:hover, .evv-details .evv-btn-cancel:hover { box-shadow: none; } .evv-details .evv-btn-vote:hover { background: #ab1419; } .evv-details .evv-btn-cancel:hover { background: #3b3b3b; } .evv-details .evv-btn-cancel { background: #5a5a5a; } .evv-thanks { padding: 40px; text-align: center; font-size: 37px; font-weight: 700; color: #028ec8; margin-bottom: 15px; text-transform: uppercase; line-height: 45px; background: url('../images/eurovision/bg-title.png'); } .evv-participant { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e1e0e2; } .evv-thumb { width: 125px; height: 89px; border: 1px solid #e9e7e9; float: left; } .evv-prize { position: absolute; top: 32px; left: 20px; } .evv-vote-song { width: 580px; float: right; position: relative; } .evv-vote-bar { position: relative; margin: 45px 0 5px; border-radius: 4px; border: 1px solid #e7e7e7; overflow: hidden; height: 45px; } .evv-vote-bar .evv-count { width: 0%; background: #028ec8; position: absolute; top: 0; left: 0; bottom: 0; font-size: 14px; color: #fff; line-height: 45px; text-indent: 15px } .evv-vote-artist { padding: 3px 10px; background: #e3e3e5; font-size: 18px; } .evv-count-marker { position: absolute; top: 2px; width: auto; padding: 2px 10px; border-radius: 4px; background: #c20000; color: #fff; text-align: center; font-size: 21px; font-weight: 700; margin-left: -25px; } .evv-count-marker .evv-arrow { position: relative; } .evv-count-marker .evv-arrow img { position: absolute; bottom: -11px; left: 50%; margin-left: -8px; } /* Eurovision Gallery */ .page-id-97732 .gallery-images { margin: 0; padding: 0; overflow: hidden; } .page-id-97732 .gallery-images li { margin: 15px; list-style: none; float: left; } .page-id-104187 h1.entry-title, .page-id-104205 h1.entry-title { font-size: 30px; line-height: 40px; margin-bottom: 20px; } .page-id-104205 article h3 { margin: 10px 0; } /* Eurovision */ /** GLOBAL EUROVISION STYLESHEET **/ /* General Eurovision Layout Styles */ .eurovision { background: #000 url('../images/eurovision/bg-eurovision.jpg?1254') no-repeat top center; padding-top: 20px; } .jeurovision { background: #000 url('../images/je/bg.jpg') no-repeat top center; padding-top: 20px;background-size: cover; } .eurovision .category_label { background: #97476e; } /* Eurovision News */ .ev-page-title { background: url('../images/eurovision/bg-title.png'); padding: 20px 15px; margin-bottom: 10px; } .ev-page-title h1 { font-size: 36px; line-height: 38px; text-transform: uppercase; color: #fff; margin-top: 10px;margin-bottom:24px; } .ev-page-title .ev-menu ul { margin: 9px 0 0; } .ev-page-title .ev-menu li { display: inline; border-right: 1px solid #fff; } .ev-page-title .ev-menu li:last-child { border: none; } .ev-page-title .ev-menu li a { font-size: 15px; color: #fff; padding: 0 10px; text-decoration: none; } .ev-page-title .ev-menu li:first-child a { padding-left: 0; } .ev-page-title .ev-menu li a:hover { color: #77dfde; } .ev-page-title a.floating-link { right: 263px;color: #fff;top: 67px;text-decoration: none;position: absolute; font-size: 19px; } .ev-page-title a.floating-link:hover { color: #77dfde; } .ev-page-title a.external { position: absolute;top: 17px; right: 17px;display: block;width:229px;height: 80px;text-align: center;color: #fff;text-decoration: none; } .ev-page-title a.external.live { right: 260px; } .ev-page-title a.external img { padding-top: 4px; } .jeurovision .ev-page-title h1 { clear: none; float: left;margin-top: 0;margin-bottom: 0; } .jeurovision .ev-page-title .menu { float: right; } .jeurovision .ev-page-title .ev-menu li a { font-size: 16px; } .jeurovision .ev-page-title .ev-menu li a:hover, .jeurovision .ev-page-title .ev-menu li.current-menu-item a { color: #fff200; } .ev-content { background: url('../images/eurovision/bg-content.png'); padding: 15px; font-size: 13px; line-height: normal; } .ev-content h2, .ev-content h3, .ev-content h2 a, .ev-content h3 a { color: #97476e; font-size: 24px; line-height: 28px; font-weight: 700; text-decoration: none; } .ev-content h2 a:hover, .ev-content h3 a:hover { text-decoration: underline; } .ev-content h3 { font-size: 14px; line-height: 26px; } .ev-content a { text-decoration: none; } .ev-content a:hover { text-decoration: underline; } .jeurovision .ev-content h2, .jeurovision .ev-content h2 a { color: #ff0100; } .jeurovision .ev-content h3, .jeurovision .ev-content h3 a { color: #ff0034; } .jeurovision .archive_link a { color: #ff0034; } .eurovision .sec-1, .eurovision .sec-2 { margin-bottom: 15px; } .eurovision .sec-1 .fl, .sec-1 .fr { width: 355px; } .eurovision .sec-1 .fl { margin-right: 15px; } .eurovision .sec-1 h2 { height: 85px; overflow: hidden; } .eurovision .sec-1 .ev-image { width: 355px; height: 175px; overflow: hidden; margin: 8px 0;} .eurovision .sec-2 { width: 725px; overflow: hidden; } .eurovision .sec-2 ul { margin: 0; padding: 0; width: 1500px } .eurovision .sec-2 li { width: 177px; height: 110px; float: left; margin-right: 5px; overflow: hidden; display: block; } .eurovision .sec-2 li.item-5 { margin: 0; } .eurovision .sec-2 li .box { width: 362px; height: 110px; position: relative; } .eurovision .sec-2 li .ev-image { width: 177px; height: 110px; display: block; } .eurovision .sec-2 li .box .info { width: 175px; height: 100px; background: #97476e; color: #fff; position: absolute; top: 0; right: 0; padding: 5px; line-height: 17px; } .eurovision .sec-2 li .box .title { position: absolute; bottom: 0; left: 0; width: 167px; padding: 5px; background: url('../images/eurovision/bg-title.png'); color: #fff; } .eurovision .sec-2 li .box .info .title { font-weight: bold; position: relative; bottom: auto; left: auto; width: auto; padding: 0; background: none; } .eurovision .sec-2 li .box .info a { color: #fff; text-decoration: underline; } .eurovision .sec-3 { margin-bottom: 15px; font-size: 12px; } .eurovision .sec-3 .item { display: block; width: 360px; overflow: hidden; margin-bottom: 15px; } .eurovision .sec-3 .row { overflow: hidden; } .eurovision .sec-3 h3 { line-height: 18px; } .eurovision .sec-3 a:hover { text-decoration: underline; } .eurovision .sec-3 .item.col-0 { float: left; } .eurovision .sec-3 .item.col-1 { float: right; } .eurovision .sec-3 .ev-image { float: left; width: 110px; height: 70px; } .eurovision .sec-3 .ev-excerpt { float: right; width: 230px; } .eurovision .sec-3 a .ev-excerpt { color: #000; } .eurovision .sec-3 a:hover .ev-excerpt { text-decoration: underline; } .eurovision .archive_link { text-align: center; } .eurovision .archive_link a { font-weight: 600; } /* Contentest List */ .contestant {margin-bottom: 7px; text-decoration: none; } .contestant {width: 246px; float: left;overflow: hidden; } .contestant:hover { background: #fff; } .contestant.col-1 { margin: 0 7px 7px; } .contestant .title { background: url('../images/eurovision/bg-title.png'); color: #77DFDE; font-size: 15px; padding: 0; height: 83px; line-height: 25px; margin-bottom: 2px; padding: 8px 20px 1px; } .contestant .p-image { width: 265px; height: 148px; background: #000 url('../images/jesc-noimage.jpg') center center; overflow: hidden; } .contestant .p-image img { display: block; } .contestant .song_title { background: url('../images/eurovision/bg-title.png'); padding: 8px 20px; height: 95px; color: #fff; font-size: 15px; } .contestant .song_title span { font-size: 20px; display: block; padding-top: 10px; line-height: 22px; } .contestant .contestant-img-wrap { height: 246px; background: url('../images/eurovision/bg-title.png'); } .jeurovision .contestant .title { color: #fff200; font-size: 20px; } .jeurovision .contestant .song_title { color: #bbbbbb; } .jeurovision .contestant .song_title span { color: #fff; } /* Sidebar */ .eurovision #secondary .textwidget { margin: 20px 0; text-align: center; width: 300px; } .eurovision .countdown { width: 300px; background: #2e262c; border: 1px solid #fff; color: #fff; margin: 30px 0; overflow: hidden; } .eurovision .countdown .title { text-align: center; font-size: 30px; width: 95%; margin: 0 auto; border-bottom: 1px solid #fff; } .eurovision .countdown .time { background: url('../images/eurovision/img-clock.png') no-repeat 30px 27px; overflow: hidden; padding: 20px 0; } .eurovision .countdown .days { margin-left: 90px; } .eurovision .countdown .days, .eurovision .countdown .hours { float: left; width: 120px; text-align: center; font-size: 30px; line-height: 32px; } .eurovision .countdown .hours { width: 80px; border-left: 1px solid #fff; } .eurovision .countdown .days span, .eurovision .countdown .hours span { font-size: 48px; display: block; line-height: 48px; } .eurovision .ev-feed { width: 300px; } .eurovision .ev-feed h3 { color: #fff; font-size: 28px; text-transform: uppercase; line-height: 39px; } .eurovision .ev-feed .feed { margin: 20px 0; } .eurovision .ev-feed .feed-title a { font-size: 19px; color: #77dfde; font-weight: bold; text-decoration: none; line-height: 24px; } .eurovision .ev-feed .feed-image img { width: 300px; margin: 15px 0; } .eurovision .ev-feed .feed-excerpt { color: #fff; } .eurovision .site-content .ad728x90 { margin: 20px auto; } .jeurovision .ev-feed .feed-title a { color: #ff0034; } .jeurovision .ev-feed .feed-excerpt { font-size: 16px; } /* Timeline */ .euro-grid-login { background: url('../images/eurovision/bg-title.png'); padding: 10px; color: #fff; margin-bottom: 10px; } .euro-grid-login a { color: #fff200; text-decoration: none; } .ver-timeline { overflow: hidden; } .ver-timeline .left-timeline, .ver-timeline .right-timeline { float: left; width: 348px; } .ver-timeline .left-timeline { margin-left: 10px; } .ver-timeline .right-timeline { margin-right: 10px; margin-left: 38px; } .ver-timeline .left-timeline .line-item, .ver-timeline .right-timeline .line-item { position: relative; } .ver-timeline .left-timeline .marker { position: absolute; top: 0; left: 100%; background: url('../images/je/timeline-left.png') no-repeat left bottom; height: 67px; width: 38px; } .ver-timeline .right-timeline .marker { position: absolute; top: 67px; right: 100%; background: url('../images/je/timeline-right.png') no-repeat left bottom; height: 129px; width: 38px; } .ver-timeline .right-timeline .path, .ver-timeline .left-timeline .path { position: absolute; top: 196px; left: -38px; background: url('../images/je/timeline-path.png') repeat-y left bottom; width: 38px; bottom: 0; } .ver-timeline .left-timeline .path { top:67px; right: -38px; left: auto; } .ver-timeline .line-item a { display: block; text-decoration: none; } .ver-timeline .line-item h3 { height: 56px; background: rgba(0,0,0,0.4); line-height: 26px; font-size: 24px; color: #ffffff; font-weight: 600; margin: 0; padding: 15px 13px 9px; } .ver-timeline .line-item .image { background: #000; display: table; width: 100%; } .ver-timeline .line-item .image .vertically-align { display: table-cell; height: 291px; vertical-align: middle; } .ver-timeline .line-item .image .vertically-align img { display: block; margin: 0 auto; max-height: 291px; width: 100%; } .ver-timeline .line-item .excerpt { background: rgba(0,0,0,0.4); font-size: 13px; line-height: 16px; color: #ffffff; padding: 9px 26px; max-height: 70px; margin-bottom: 2px; } .ver-timeline .line-item .post_date { background: rgba(0,0,0,0.4); height: 21px; line-height: 21px; color: #b57ea4; font-size: 12px; padding: 0 19px; font-style: italic; } .ver-timeline .line-item .block { height: 40px; } /* Eurovision Press Download */ .press-download { overflow: hidden; } .press-download .download { width: 50px; /*border-left: 1px solid #676565;*/ height: 34px; background: url('../images/download.png') no-repeat center center; float: left; } .press-download .options { font-size: 13px; font-style: italic; line-height: 17px; float: left; } .press-download .options a { color: #605f5f; } /* Eurovision Photos & Videos */ .grid-item { width : 247px; background: rgba(255,255,255,0.7); border-radius: 5px; margin-bottom: 5px; display: block; text-decoration: none; } .grid-item h3 { font-size: 18px; color: #484848; padding: 10px 28px 6px; } .grid-item .image { padding: 0 13px; } .grid-item .image img { max-width: 100%; } .grid-item .excerpt { padding: 13px 28px; font-size: 12px; color: #000000; } /* Single */ .single.single-eurovision_posts article .entry-content, .single.single-jeurovision_posts article .entry-content { width: auto; } .single.single-eurovision_posts .ev-content, .single.single-jeurovision_posts .ev-content { padding: 25px; } .single.single-eurovision_posts .ev-content .entry-title, .single.single-jeurovision_posts .ev-content .entry-title { margin-bottom: 20px; line-height: 31px; color: #97476e; text-transform: none; } .single.single-eurovision_posts .ev-content .entry-content a, .single.single-jeurovision_posts .ev-content .entry-content a { color: #97476e; } .page-id-107712 .entry-title { font-size: 30px; font-weight: 700; } .page-id-107712 article .entry-content { width: auto; } .page-id-107712 .ev-content { padding: 25px; } .page-id-107712 .ev-content .entry-title { margin-bottom: 20px; line-height: 31px; color: #97476e; text-transform: none; } .page-id-107712 .ev-content .entry-content a { color: #97476e; } .page-id-114294 .junior-euro-header { overflow: hidden; } .page-id-114294 .entry-title { font-size: 30px; font-weight: 700; } .page-id-114294 .junior-euro-logo-small { float: right; } .page-id-114294 article .entry-content { width: auto; } .page-id-114294 .ev-content { padding: 25px; } .page-id-114294 .ev-content .entry-title { margin-bottom: 20px; line-height: 31px; color: #97476e; text-transform: none;width: 560px;float: left; } .page-id-114294 .ev-content .entry-content a { color: #97476e; } /* Footer */ .eurovision .site-footer { background: #2f2e2d; margin-bottom: 0; } .eurovision .site-footer a, .eurovision .site-footer .terms li a, .site-footer #menu-footer-menu a { color: #8d8d8d; } .eurovision .site-footer .site-info, .eurovision .site-footer .site-info .social, .site-footer .terms li a { border-color: #000; } .jeurovision .site-footer { background-color: rgba(255,255,255,0.3); } .jeurovision .site-footer .site-info { border: 0; } .jeurovision .site-footer a { color: #c50aab !important; } .jeurovision .footerv2 #menu-footer-menu a { border-right: 1px solid #c50aab; } .jeurovision .footerv2 .menu-footer-menu-container { border-right: 0; } .jeurovision .site-footer .terms li a { border-color: #c50aab; } /* Single Profile Styles */ .profile-top { margin-bottom: 30px; } .profile-left { width: 255px; } .profile-left h1.entry-title { font-size: 28px; font-weight: 300; color: #000; line-height: 34px; margin-bottom: 15px; } .profile-left h2.entry-desc { font-size: 21px; font-weight: 300; color: #535552; line-height: 26px; } .profile-right { width: 440px; position: relative; } .profile-right .profile-images { height: 325px; overflow: hidden; margin-bottom: 15px; } .profile-right .profile-images-pager { position: absolute; top: 300px; left:0; right: 0; z-index: 99; text-align: center; font-size: 0; line-height: 0; } .profile-right .profile-images-pager a { display: inline-block; width: 10px; height: 10px; border-radius: 50px; border: 1px solid #fff; margin: 0 2px; } .profile-right .profile-images-pager a.activeSlide { background: #fff; } .profile-right .song-title { font-style: italic; padding-top: 15px; border-top: 1px solid #676566; margin-bottom: 5px; } .profile-right .audiojs { width: 440px; background: #8e8e8e; font-family: inherit; } .audiojs .scrubber { width: 275px; background: #545454; } .audiojs .loaded { background: #323232; } .audiojs .time { width: 80px; text-align: center; } .audiojs .progress { background: #fff; } .single-eurovision_profiles .ev-content h3 { font-size: 21px; color: #000; font-weight: 300; margin-bottom: 15px; } /* Cookie Control */ #icc_message { z-index: 100; background-color: #071d48 !important; color: #fff; font-family: 'Arial'; font-size: 12px; } #icc_message a { color: #fff; } /* Custom Content Areas */ .cstm-below-article-title { padding: 10px 0 20px; } /* Live Blog */ .liveblog { height: 245px; overflow: auto; margin-top: 20px; font-size: 13px !important; } .liveblog #PupdateStat b { color: #000; padding-left: 10px; } .liveblog p { margin-bottom: 0; } .liveblog .blogdiv { border-bottom: 1px solid #ed6065; background: none !important; } .liveblog .blogdiv p { line-height: 16px !important; } .liveblog .blogdiv a { color: #fff; } /* PBS Portfolio */ .post-type-archive-pbs_portfolio .site-main { width : auto; } .pbs-portfolio { background: #000 url('../images/pbs-portfolio-bg.jpg') no-repeat top center; padding-top: 20px;background-size: cover; } .pp-page-title { background: url('../images/eurovision/bg-title.png'); padding: 20px 15px; margin-bottom: 10px; } .pp-page-title h1 { font-size: 36px; line-height: 38px; text-transform: uppercase; color: #fff; margin-top: 10px;margin-bottom:24px; } .pp-page-title .pp-menu ul { margin: 9px 0 0; } .pp-page-title .pp-menu li { display: inline; border-right: 1px solid #fff; } .pp-page-title .pp-menu li:last-child { border: none; } .pp-page-title .pp-menu li a { font-size: 15px; color: #fff; padding: 0 10px; text-decoration: none; } .pp-page-title .pp-menu li:first-child a { padding-left: 0; } .pp-page-title .pp-menu li a:hover { color: #77dfde; } .pp-content { background: url('../images/eurovision/bg-content.png'); padding: 15px; font-size: 13px; line-height: normal; } .pp-content h2, .pp-content h3, .pp-content h2 a, .pp-content h3 a { color: #97476e; font-size: 24px; line-height: 28px; font-weight: 700; text-decoration: none; } .pp-content h2 a:hover, .pp-content h3 a:hover { text-decoration: underline; } .pp-content h3 { font-size: 14px; line-height: 26px; } .pp-content a { text-decoration: none; } .pp-content a:hover { text-decoration: underline; } .pbs-portfolio .sec-1, .pbs-portfolio .sec-2 { margin-bottom: 15px; } .pbs-portfolio .sec-1 .fl, .sec-1 .fr { width: 355px; } .pbs-portfolio .sec-1 .fl { margin-right: 15px; } .pbs-portfolio .sec-1 h2 { height: 85px; overflow: hidden; } .pbs-portfolio .sec-1 .pp-image { width: 355px; height: 175px; overflow: hidden; margin: 8px 0;} .pbs-portfolio .sec-2 { width: 725px; overflow: hidden; } .pbs-portfolio .sec-2 ul { margin: 0; padding: 0; width: 1500px } .pbs-portfolio .sec-2 li { width: 177px; height: 110px; float: left; margin-right: 5px; overflow: hidden; display: block; } .pbs-portfolio .sec-2 li.item-5 { margin: 0; } .pbs-portfolio .sec-2 li .box { width: 362px; height: 110px; position: relative; } .pbs-portfolio .sec-2 li .pp-image { width: 177px; height: 110px; display: block; } .pbs-portfolio .sec-2 li .box .info { width: 175px; height: 100px; background: #97476e; color: #fff; position: absolute; top: 0; right: 0; padding: 5px; line-height: 17px; } .pbs-portfolio .sec-2 li .box .title { position: absolute; bottom: 0; left: 0; width: 167px; padding: 5px; background: url('../images/eurovision/bg-title.png'); color: #fff; } .pbs-portfolio .sec-2 li .box .info .title { font-weight: bold; position: relative; bottom: auto; left: auto; width: auto; padding: 0; background: none; } .pbs-portfolio .sec-2 li .box .info a { color: #fff; text-decoration: underline; } .pbs-portfolio .sec-3 { margin-bottom: 15px; font-size: 12px; } .pbs-portfolio .sec-3 .item { display: block; width: 360px; overflow: hidden; margin-bottom: 15px; } .pbs-portfolio .sec-3 .row { overflow: hidden; } .pbs-portfolio .sec-3 h3, .pbs-portfolio .sec-3 h3 a { line-height: 18px;font-size: 14px; } .pbs-portfolio .sec-3 a:hover { text-decoration: underline; } .pbs-portfolio .sec-3 .item.col-0 { float: left; } .pbs-portfolio .sec-3 .item.col-1 { float: right; } .pbs-portfolio .sec-3 .pp-image { float: left; width: 110px; height: 70px; } .pbs-portfolio .sec-3 .pp-excerpt { float: right; width: 230px; } .pbs-portfolio .sec-3 a .pp-excerpt { color: #000; } .pbs-portfolio .sec-3 a:hover .pp-excerpt { text-decoration: underline; } .pbs-portfolio .sec-3 a { position: relative;display: block; } .pbs-portfolio .sec-3 a .play-icon { position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: url('../images/icon-watch-shad.png') no-repeat center center;} .pbs-portfolio .archive_link { text-align: center; } .pbs-portfolio .archive_link a { font-weight: 600; } .pbs-portfolio #secondary .news h3 { color: #fff; } .pbs-portfolio .site-footer { background: #2f2e2d; margin-bottom: 0; } .pbs-portfolio .site-footer a, .pbs-portfolio .site-footer .terms li a, .site-footer #menu-footer-menu a { color: #8d8d8d; } .pbs-portfolio .site-footer .site-info, .pbs-portfolio .site-footer .site-info .social, .site-footer .terms li a { border-color: #000; } .single-pbs_portfolio .pbs-portfolio article .entry-content { width: auto; } .single-pbs_portfolio .pbs-portfolio .pp-content { padding: 25px; } .single-pbs_portfolio .pbs-portfolio .pp-content .entry-title { margin-bottom: 20px; line-height: 31px; color: #97476e; text-transform: none; } .single-pbs_portfolio .pbs-portfolio .pp-content .entry-content a { color: #97476e; }