/** 03/MODULES =====================================================================**/ /** MODULES **/ .mod { position: relative; } /* msg boxes */ .error, .success, .info { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; } /* NOTE: boxići se stavljaju u container s g_x klasom */ .error { background: red; } .success { background: green; } .info { background: yellow; } .error *, .success *, .info * { color: #fff !important; margin-top: 0 !important; margin-bottom: 0 !important; } .info * { color: #000 !important; } /** 04/BORDERS, BACKGROUNDS =====================================================================**/ /** BORDERS **/ .brd_t_dark { border-top: 1px solid #a1a1a1; } .brd_b_dark { border-bottom: 1px solid #a1a1a1; } .brd_t_light { border-top: 1px solid #d6d6d6; } .brd_b_light { border-bottom: 1px solid #d6d6d6; } .brd_l_light { border-left: 1px solid #d6d6d6; } .brd_double_v_light { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .brd_double_v_dark { border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; } .brd_double_bg { background: url(cssimg/border_double_dark.png) repeat-x; } .brd_round_light { border: 1px solid #d6d6d6; } .brd_round_light_bg_18 { background: url(cssimg/border_18.png) repeat-y; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .brd_round_light_bg_12 { background: url(cssimg/border_12.png) repeat-y; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .brd_round_light_bg_6 { background: url(cssimg/border_6.png) repeat-y; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .brd_round { border: 1px solid #000; } .brd_0 { border: none !important; } .brd_banner { border: #e3e3e3 10px solid; } .brd_radius { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .brd_t_radius { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .brd_b_radius { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /** BACKGROUNDS **/ .bg_w { background-color: #fff; } .bg_s { background-color: #ecf4f7; } .bg_b { background-color: #000; } .bg_cloud { background-color: #f0f0f0; } .bg_invert { background-color: #006699; } /** GRADIENTS **/ .gradient_white_grey { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); background: -moz-linear-gradient(top, #ffffff, #f6f6f6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6'); } /* -------- MODULES ---------- */ #devinator { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); font-family: Consolas,Monaco,Menlo,sans-serif; left: 0; padding: 0.5em 0; position: fixed; bottom: 0; width: 150px; z-index: 500; } #devinator ul { padding: 0; margin: 0; } #devinator a { color: white; display: block; padding: 0.25em 1em; text-shadow: 0 0 2px #000000; font-size: 12px; } #devinator a:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); font-weight: bold; text-decoration: none; } .listing { margin: 0; } .listing .meta { font-size: 10px; color: #909090; font-style: italic; } .listing .meta a { color: #909090; } .listing li { float: none !important; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin-bottom: 10px; } .ie7 .listing li, .ie6 .listing li { display: inline; zoom: 1; } .listing .title { display: block; } .subtitle { display: block; padding: 0 4px; color: #000; text-transform: uppercase; } .plain_listing {} .mod_repository_media .plain_listing a { color: #fff; text-decoration: underline; } .listing .image { display: block; position: relative; } .content_type { position: absolute; bottom: -7px; left: 0; display: block; background: url(cssimg/icons/content_type.png) no-repeat; } .has_vingd { position: absolute; bottom: 2px; right: 2px; display: block; background: rgba(0,0,0,0.8) url(cssimg/icons/vingd_icon.png) 2px 2px no-repeat; padding: 4px 4px 4px 23px; color: #fff; font-size: 11px; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .related .has_vingd, .small .has_vingd, .small_nosubtitles .has_vingd, .combo_small .has_vingd, .grid_archive .has_vingd, .archive .has_vingd, .gallery .has_vingd { display: none; } .wall_banner_container .vingd_icon { background: url(cssimg/icons/vingd_icon.png) 2px 2px no-repeat; padding-left: 22px !important; } .wall_banner_container .vingd_icon .what_is_vingd { display: inline; padding-top: 0; } .vingd_icon .what_is_vingd { display: block; padding-top: 10px; } .vingd_icon { background: url(cssimg/icons/vingd_icon.png) 2px 2px no-repeat; padding-left: 0 !important; } .play_icon { position: absolute; top: 50%; margin-top: -55.5px; left: 50%; margin-left: -55.5px; display: block; background: url(cssimg/icons/content_type.png) -210px 0 no-repeat; width: 111px; height: 111px; cursor: pointer; z-index: 10; } .premiere { position: absolute; top: 0; right: 0; display: block; background: url(cssimg/icons/premiere.png) no-repeat; width: 77px; height: 78px; cursor: pointer; z-index: 10; } .grid_archive .premiere, .archive .premiere { background: url(cssimg/icons/premiere_small.png) no-repeat; width: 47px; height: 46px; } .related .premiere, .small .premiere, .small_nosubtitles .premiere, .combo_small .premiere, .gallery .premiere { display: none; } body span.has_video { width: 62px; height: 29px; background-position: 0 0; } .has_stream { width: 62px; height: 29px; background-position: -148px 0; } .small span.has_video, .small_nosubtitles span.has_video, .combo_small span.has_video, .grid_archive span.has_video, .archive span.has_video, .gallery span.has_video { bottom: -4px; width: 45px; height: 18px; background-position: 0 -29px; } .small span.play_icon, .small_nosubtitles span.play_icon, .combo_small span.play_icon, .grid_archive span.play_icon, .archive span.play_icon, .gallery span.play_icon { top: 50%; margin-top: -27.5px; left: 50%; margin-left: -27.5px; width: 55px; height: 55px; background-position: -238px -111px; } .related .play_icon { display: none; } .small span.has_stream, .small_nosubtitles span.has_stream, .combo_small span.has_stream, .grid_archive span.has_stream, .archive span.has_stream, .gallery span.has_stream { bottom: -4px; width: 45px; height: 18px; background-position: -148px -29px; } .related span.has_video { bottom: -3px; left: 1px; width: 45px; height: 18px; background-position: 0 -29px; } .related .has_stream { bottom: -3px; left: 1px; width: 45px; height: 18px; background-position: -148px -29px; } .has_gallery { width: 62px; height: 29px; background-position: -74px 0; } .small span.has_gallery, .small_nosubtitles span.has_gallery, .combo_small span.has_gallery, .grid_archive span.has_gallery, .archive span.has_gallery, .gallery span.has_gallery { bottom: -4px; width: 45px; height: 18px; background-position: -74px -29px; } .related span.has_gallery { bottom: -3px; left: 1px; width: 45px; height: 18px; background-position: -74px -29px; } .slider { position: relative; } .slider .prev, .slider .next { display: block; position: absolute; top: 0; height: 100%; padding: 0; width: 45px; z-index: 10; cursor: pointer; } .slider .prev { left: 6px; background: url(cssimg/ui/slide_prev.png) right center no-repeat; } .slider .next { right: 6px; background: url(cssimg/ui/slide_next.png) right center no-repeat; } .slider .disabled { background-position: left center; } .no-js .slider .prev, .no-js .slider .next { display: none; } /*.slider .items { width: 20000em; position: relative; }*/ .slider .items ul { width: 885px; } .slider .inner { position: relative; padding: 10px 0; left: 50px; overflow: hidden; zoom: 1; } .title { font-size: 16px; line-height: 18px; font-weight: bold; padding: 0 4px; display: block; } .title_alt { font-size: 12px; line-height: 16px; font-weight: bold; padding: 0 4px; display: block; } .image { display: block; margin-bottom: 10px; position: relative; } .image img { display: block; } .lead { padding: 0 4px; display: block; } .meta { position: relative; top: 0; left: 0; margin-top: 3px; padding: 0 4px; font-style: italic; color: #909090; } .small .inner, .small_nosubtitles .inner { width: 880px; } .small .title, .small_nosubtitles .title { font-size: 11px; line-height: 12px !important; font-weight: bold; display: block; } .small .image, .small_nosubtitles .image { margin-bottom: 5px; } .combo_small .inner { width: 545px; } .combo_small .title { font-size: 11px; line-height: 12px !important; font-weight: bold; display: block; } .combo_small .image { margin-bottom: 5px; } .combo_small .items ul { width: 550px; } .combo_big .inner { width: 545px; } .combo_big .title { font-size: 16px; line-height: 18px !important; font-weight: bold; display: block; } .combo_big .image { margin-bottom: 5px; } .combo_big .items ul { width: 550px; } .big .inner { width: 880px; } .big .meta { position: relative; top: 0; left: 0; padding-left: 4px; margin-top: 3px; color: #999; font-style: italic; } .big .lead { padding: 0 4px; display: block; } .big_slideshow_slider .inner { width: 880px; } .big_slideshow_slider .meta { position: relative; top: 0; left: 0; padding-left: 4px; margin-top: 3px; color: #999; font-style: italic; } .big_slideshow_slider .lead { padding: 0 4px; display: block; } .xl .inner { width: 880px; } .external_content .title { font-size: 11px; font-weight: normal; line-height: 14px; } .list_gallery li { min-height: 170px; height: auto !important; height: 170px; } .list_gallery_xl .inner { height: 360px; } .list_gallery_xl li { min-height: 170px; height: auto !important; height: 170px; } .slider.shows .inner { height: 450px; } .slider.shows a { min-height: 215px; height: auto !important; height: 215px; } .archive {} .archive li { margin-bottom: 20px; } .archive .has_image .inner { position: relative; padding-left: 165px; min-height: 118px; height: auto !important; height: 118px; } .archive .has_image .inner .image { position: absolute; left: 0; top: 0; } .archive .lead { font-size: 14px; line-height: 18px; margin-top: 5px; } .archive .title { font-size: 20px; line-height: 20px; font-weight: bold; } .current_on_tv .rtl, .current_on_tv .rtl2, .current_on_tv .rtl_plus, .current_on_tv .rtl_kockica, .current_on_tv .rtl_crime, .current_on_tv .rtl_passion, .current_on_tv .rtl_living { position: relative; padding-top: 15px; padding-bottom: 15px; } .current_on_tv .rtl, .current_on_tv .rtl2, .current_on_tv .rtl_plus, .current_on_tv .rtl_kockica, .current_on_tv .rtl_crime, .current_on_tv .rtl_passion, .current_on_tv .rtl_living { margin-top: -1px; } .current_on_tv ul { margin: 0; } .current_on_tv p { font-size: 12px; margin: 0; } .current_on_tv .g_right { margin-right: 10px; } .current_on_tv .schedule_link.phark { position: absolute; left: auto; top: 50%; right: 10px; margin-top: -12px !important; width: 114px !important; height: 24px !important; background: url(cssimg/ui/schedule_link.png) no-repeat !important; } .shows { position: relative; padding: 0; height: 210px; } .shows .prev { left: 0; background: url(cssimg/ui/show_prev.png) right center no-repeat; width: 30px; } .shows a.disabled { background-position: left center; } .shows .next { right: 0; background: url(cssimg/ui/show_next.png) right center no-repeat; width: 29px; } .shows .left { display: block !important; width: 260px; text-align: center; height: 100%; } .shows .inner { position: relative; left: 29px; overflow: hidden; width: 260px; height: 210px; padding: 0; } .show_list .main { display: block; font-size: 14px; font-weight: bold; } .show_list a:hover { text-decoration: none; } .show_list a img { display: block; margin-bottom: 5px; } .show_list p { font-size: 10px; margin: 0; } .show_list .title { font-size: 12px; font-weight: bold; line-height: 14px; margin-top: 5px; } .show_list .lead { line-height: 12px; margin-bottom: 5px; } .tabs { position: relative; margin-top: 25px; zoom: 1; } .content_shadow .tabs a { color: #006699; } .tabs li { margin-bottom: 20px; float: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; padding-right: 0; } .ie7 .tabs li, .ie6 .tabs li { display: inline; zoom: 1; } .ie7 .tabs .g_right { zoom: 1; } .ie7 .tabs .time_span { zoom: 1; } .ie7 .tabs .g_18 { zoom: 1; } .ie7 iframe { zoom: 1; } .tabs .meta { font-size: 10px; color: #909090; } .tabs .title { font-size: 14px; line-height: 14px; } .tabs .category { text-transform: uppercase; font-style: normal; font-weight: bold; } .tabs .time_span { width: 80px; } .tabs .time_span li { display: block; margin-bottom: 10px; } .container .tabs .time_span li a { display: block; text-transform: uppercase; font-size: 10px; padding: 3px 10px; color: #828282; font-weight: bold; } .tabs .time_span .active a { background: #e5e5e5; } .tabs_navigation { position: absolute; top: -35px; left: 5px; padding-left: 1px; } .tabs_navigation li { padding: 0 !important; margin: 0 0 0 -1px !important; } .tabs_navigation li a { display: block; padding: 5px 10px; border: #d6d6d6 1px solid; color: #000; font-size: 10px; font-weight: bold; background: #e4e4e4; } .tabs_navigation .active a { border-bottom: none; background: #fff; padding-bottom: 6px; } .related { background: #fff; padding: 14px 18px; clear: both; } .related_shows { padding: 14px 29px; } .no_bg_image .related { background: #ecf4f7; } .main_content .related h2 { margin: 0 0 10px 0; padding: 0; font-size: 14px; text-transform: uppercase; color: #5e5e5e; font-weight: normal; } .related li { display: block !important; position: relative; padding: 0 0 0 110px; margin-bottom: 10px; min-height: 56px; height: auto !important; height: 56px; width: 180px; } .related_inside_article li { display: inline-block !important; padding: 91px 0 0 0; width: 145px; float: left; margin-right: 10px; } .related_inside_article .image { width: 147px !important; } .related_inside_article .last-child { margin-right: 0; } .related_shows li { padding: 0; width: 260px; margin-bottom: 20px; } .related li:last-child, .related li.last-child { margin-bottom: 0; } .related li a:hover { color: #006699; } .related .main { display: block; font-size: 11px; font-weight: bold; color: #006699; } .related .main img { border: #d0d0d0 1px solid; display: block; } .related .image { position: absolute; top: 0; left: 0; width: 102px; margin: 0; } .related_shows .image { position: relative; width: 262px; } .main_content .related .lead { font-size: 12px; line-height: 16px; padding-left: 0; font-weight: normal; letter-spacing: 0; } .main_content .related .meta { position: relative; top: 0; left: 0; width: 180px; } .main_content .related .subtitle { font-size: 10px; margin: 0; padding: 0; line-height: 10px; color: #000; } .related .meta { padding: 0; } .news .featured_comments .content { background: #006599; } .featured_comments .content { padding: 14px 18px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .main_content .featured_comments h2 { margin: 0 0 10px 0; padding: 0; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: normal; } .main_content .featured_comments p { color: #fff; text-shadow: none; font-size: 12px; margin-bottom: 0; } .main_content .featured_comments .author { width: 235px; float: right; padding: 17px 15px 20px; background: url(cssimg/bg/featured_comments_bg.png) no-repeat; margin-bottom: 10px; } .main_content .featured_comments .author p { color: #444; font-size: 11px; } .main_content .featured_comments .author .avatar_small { padding-top: 0; } .main_content .featured_comments .meta { position: relative; top: 0; left: 0; font-size: 10px; color: #909090; } .fc_count a { display: block; width: 43px; height: 23px; padding: 7px 1px 1px 1px; color: #006699; background: url(cssimg/bg/featured_comments_count_bg.png) no-repeat; text-align: center; display: block; font-size: 10px; font-weight: bold; } .pull_vertical { margin-top: -75px; } .social .external { background: #fff; padding: 5px; height: 60px; } .catchup { background: #071931; padding: 10px; margin-left: -10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .catchup p, .catchup a { color: #fff !important; } .buttons_l a { display: block; background: #e3e3e3; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e3e3e3)); background: -moz-linear-gradient(top, #f1f1f1, #e3e3e3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e3e3e3'); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 10px 15px; } .buttons_l a:hover, .buttons_l .active a { text-decoration: none; color: #fff; background: #006699; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#006699'); -moz-box-shadow: inset 0 3px 3px #154168; -webkit-box-shadow: inset 0 3px 3px #154168; box-shadow: inset 0 3px 3px #154168; } /* Forecast */ .forecast_intro { position: absolute; z-index: 20; } .weather_info { position: relative; zoom:1; } .weather_info h1 { font-size: 45px; font-weight: bold; } .weather_info .time { font-size: 31px; color: #006699; } .weather_info .description { width: 300px; height: 200px; position: absolute; left: 490px; top: 330px; *top: 480px; z-index: 10; } .forecast_map { height: 700px; position: relative; z-index: 9; background: url(/css/site/cssimg/forecast/map_hr_small.png) 13px 88px no-repeat; } .forecast_map_europe { height: 685px; background: url(/css/site/cssimg/forecast/map_europe_small.png) 0 150px no-repeat; } .forecast_map li { position: absolute; vertical-align: middle; padding: 4px 5px; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #e80a0a; border: 2px solid #d0d0d0; background: white; } .forecast_map .temp { font-size: 14px; } .forecast_map img { position: absolute; left: 50%; top: -35px; margin-left: -25px; } .forecast_map .img_top img { top: 12px; } .forecast { } .forecast th, .forecast td { padding: 5px; border: none; } .forecast th { font-size: 18px; font-weight: bold; color: #006699; vertical-align: middle; } .forecast tbody th { font-size: 14px; background: transparent url(/css/site/cssimg/forecast/bg_th.png) no-repeat center top; } .forecast tbody th.current { color: white; background-image: url(/css/site/cssimg/forecast/bg_th_current.png); } .forecast td { font-size: 12px; color: black; text-align: center; vertical-align: top; background: transparent url(/css/site/cssimg/forecast/bg_td.png) no-repeat center top; } .forecast .inner { padding: 10px 15px 5px; } .forecast sup { font-size: 11px; font-weight: normal; } .forecast .city { color: #e80a0a; } .forecast .temp { color: #e80a0a; font-weight: bold; font-size: 18px; } .forecast .wind, .forecast .inner img { vertical-align: middle; } .bioforecast_map { height: 540px; position: relative; z-index: 9; background: url(/css/site/cssimg/forecast/map_hr_s.png) 0 0 no-repeat; } .bioforecast_map li { position: absolute; } .forecast_bio_description b { display: block; padding-top: 10px; } /* Sidebar teasers */ .s_teasers {} .s_teasers li { float: left; width: 155px; margin: 0 9px 9px 0; } .s_teasers li.last-in-row { margin-right: 0; } .s_teasers a { font-size: 17px; font-weight: bold; display: block; border: #cbd9de 1px solid; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); background: -moz-linear-gradient(top, #ffffff, #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9'); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; *zoom: 1; color: #006699 !important; } .s_teasers a:hover { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#005782)); background: -moz-linear-gradient(top, #006699, #005782); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#005782'); color: #fff !important; text-shadow: 1px 1px 1px #000; text-decoration: none !important; } .s_teasers a span { display: block; padding: 73px 20px 10px 20px; background: url(/static/images/sidebar_teasers_new.png) no-repeat; text-align: center; } .s_teasers .st_izborna_zona span { background-position: 0 0; } .s_teasers .st_tv_raspored span { background-position: right -578px; } .s_teasers .st_sport span { background-position: right -116px; } .s_teasers .st_zvijezde span { background-position: right -1156px; } .s_teasers .st_pregled_dana span { background-position: right -925px; } .s_teasers .st_vijesti span { background-position: right -346px; } .s_teasers .st_zabava span { background-position: right -1040px; } .s_teasers .st_vrijeme span { background-position: right -694px; } .s_teasers .st_scena span { background-position: right -810px; } .s_teasers .st_foto span { background-position: right -810px; } .s_teasers .st_rtl_sada span { background-position: right -231px; } .s_teasers .st_video span { background-position: right -462px; } /* Polls */ .poll .question { background: #006699; color: #fff; } .cc_sport .poll .question { background: #008000; color: #fff; } .cc_entertainment .poll .question { background: #630059; color: #fff; } .cc_black .poll .question { background: #000; color: #fff; } .cc_orange .poll .question { background: #ff7e00; color: #fff; } .cc_red .poll .question { background: #6f0404; color: #fff; } .cc_gold .poll .question { background: #a59a1b; color: #fff; } .cc_catchup .poll .question { background: #071931; color: #fff; } .cc_survivor .poll .question { background: #181818; color: #fff; } .cc_chef .poll .question { background: #FF0000; color: #fff; } .cc_indizajn .poll .question { background: #8372a6; color: #fff; } .poll .results .answer { padding: 5px; border: #e3e3e3 1px solid; font-size: 14px; } .poll .results .percent { background: #d3d3d3; position: absolute; top: 0; left: 0; height: 100%; z-index: 9; } .poll .results .pct { position: absolute; z-index: 10; top: 5px; right: 5px; } .poll .results .answer_title { position: relative; z-index: 10; width: 200px; display: block; } .poll .results .short_answer_holder { float: left; width: 230px; } .widget_poll .results .short_answer_holder { width: 280px; } .poll .results .poll_has_image .short_answer_holder { float: left; width: 170px; } .article_poll_full .poll .results .short_answer_holder { float: left; width: 500px; } .article_poll_full .poll .results .poll_has_image .short_answer_holder { float: left; width: 400px; } .widget_poll .results .poll_has_image .answer_title { width: 210px; } .results .poll_has_image .answer_title { width: 155px; } .results .poll_has_image .answer { float: left; } .article_poll_full .results .answer_title { width: 400px; } .poll label { display: block; position: relative; padding-left: 20px; } .poll input { position: absolute; top: 3px; left: 0; } .poll img { margin-right: 7px; display: inline-block; vertical-align: top; } .poll label span span { width: 210px; font-size: 11px; line-height: 11px; padding-top: 5px; } .widget_poll label span span { width: 260px; } .widget_poll .poll_has_image label span span { width: 200px !important; } .poll .poll_has_image label span span { width: 150px; } .article_poll_full .poll .poll_has_image label span span { width: 380px; } .article_poll_full .poll label span span { width: 480px; } .article_poll ul { margin: 0; } .article_poll ul li { list-style-type: none !important; margin: 0 !important; } .article_poll .question { text-shadow: none; } .article_content .article_poll ul { margin: 0; } .article_poll_full { margin: 14px 0; } .article_poll_right { width: 270px; float: right; margin: 0 0 20px 20px; } .article_poll_left { width: 270px; float: left; margin: 0 20px 20px 0; } .article_poll form li strong { position: relative; top: 5px; } .article_poll .question { font-size: 18px; line-height: 18px; } .article_poll { } /* Vingd form, questions */ .vingd_questions { margin: 30px 0; } .vingd_form label { font-size: 18px; border-bottom: #d6d6d6 1px solid; padding: 20px 10px 20px 20px; color: #006699; cursor: text; } .vingd_form label a { text-decoration: underline; } .vingd_form ul label { font-size: 14px; line-height: 22px; background: none; padding: 0 5px 0 25px; border: none; position: relative; color: #444; cursor: pointer; } .vingd_form ul label input { position: absolute; top: 5px; left: 0; } .vingd_form .fm_field { margin: 0; padding-bottom: 20px; border-bottom: #d6d6d6 1px solid; clear: both; } .vingd_form .fm_field ul { padding: 0 15px 0 25px; zoom: 1; margin-top: 20px; } .vingd_form .fm_field ul:before, .vingd_form .fm_field ul:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .vingd_form .fm_field ul:after { clear: both; } .vingd_form .fm_field ul li { width: 50%; float: left; } .vingd_form button { margin: 20px; } .vingd_questions .vingd_form .fm_field .fm_error_msg, .vingd_questions .fm_error_msg { color: #fff; background: red; padding: 15px; font-size: 13px; font-weight: bold; } .vingd_questions .fm_error_msg { margin: 0; } /* euro livegame widget */ .livegame { padding: 20px; } .livegame h1 { margin: 0 auto; display: inline-block; max-height: 360px; overflow-y: auto; width: 609px; } .livegame h1 span { display: inline-block; *display: inline; *zoom: 1; } .livegame h1 span span { display: block; font-size: 14px; line-height: 20px; font-weight: normal; padding-top: 2px; } .livegame .teamscore { font-size: 46px; padding: 0 10px; position: relative; top: -4px; } .livegame .team { font-size: 36px; } .livegame .team_a { padding-left: 37px; background-position: left 5px !important; } .livegame .team_b { padding-right: 37px; background-position: right 5px !important; } .livegame .poljska { background: url(/static/sales/euro/teams/poland.jpg) no-repeat; } .livegame .grcka { background: url(/static/sales/euro/teams/greece.jpg) no-repeat; } .livegame .rusija { background: url(/static/sales/euro/teams/russia.jpg) no-repeat; } .livegame .ceska { background: url(/static/sales/euro/teams/czech.jpg) no-repeat; } .livegame .nizozemska { background: url(/static/sales/euro/teams/netherlands.jpg) no-repeat; } .livegame .danska { background: url(/static/sales/euro/teams/denmark.jpg) no-repeat; } .livegame .njemacka { background: url(/static/sales/euro/teams/germany.jpg) no-repeat; } .livegame .portugal { background: url(/static/sales/euro/teams/portugal.jpg) no-repeat; } .livegame .spanjolska { background: url(/static/sales/euro/teams/spain.jpg) no-repeat; } .livegame .italija { background: url(/static/sales/euro/teams/italy.jpg) no-repeat; } .livegame .irska { background: url(/static/sales/euro/teams/ireland.jpg) no-repeat; } .livegame .hrvatska { background: url(/static/sales/euro/teams/croatia.jpg) no-repeat; } .livegame .srbija { background: url(/images/srbija.jpg) no-repeat; } .livegame .wales { background: url(/images/wales.jpg) no-repeat; } .livegame .skotska { background: url(/images/skotska.jpg) no-repeat; } .livegame .barcelona { background: url(/images/barcelona.gif) no-repeat; } .livegame .bayern { background: url(/images/bayern.gif) no-repeat; } .livegame .borussia { background: url(/images/borussia.gif) no-repeat; } .livegame .real { background: url(/images/real.gif) no-repeat; } .livegame .ukrajina { background: url(/static/sales/euro/teams/ukraine.jpg) no-repeat; } .livegame .svedska { background: url(/static/sales/euro/teams/sweden.jpg) no-repeat; } .livegame .francuska { background: url(/static/sales/euro/teams/france.jpg) no-repeat; } .livegame .engleska { background: url(/static/sales/euro/teams/england.jpg) no-repeat; } .livegame .yc { display: inline-block !important; padding-top: 0 !important; width: 15px; height: 17px; background: url(cssimg/icons/yellow_card.png) 0 2px no-repeat; margin-right: 2px; position: relative; top: 2px; } .livegame .rc { display: inline-block !important; padding-top: 0 !important; width: 15px; height: 17px; background: url(cssimg/icons/red_card.png) 0 2px no-repeat; margin-right: 2px; position: relative; top: 2px; } .livegame .m11 { display: inline-block !important; padding-top: 0 !important; width: 30px; height: 17px; background: url(cssimg/icons/11m.png) 0 2px no-repeat; margin-right: 2px; position: relative; top: 2px; } .livegame .sub { display: inline-block !important; padding-top: 0 !important; width: 15px; height: 17px; background: url(cssimg/icons/izmjena.png) 0 2px no-repeat; margin-right: 2px; position: relative; top: 2px; } .livegame .goal { display: inline-block !important; padding-top: 0 !important; width: 15px; height: 17px; background: url(cssimg/icons/gol.png) 0 2px no-repeat; margin-right: 2px; position: relative; top: 2px; } .livegame .euro2012_schedule .slot { width: 340px; } .livegame .euro2012_schedule a { font-size: 25px; background-position: 0 5px; } .livegame .euro2012_schedule .team_b { background-position: 100% 5px; } /* Pagination */ .pagination { min-height: 35px; height: auto !important; padding-bottom: 25px; padding-top: 15px; } .pagination .pages { margin-top: 13px; } .pagination .pages a { padding: 5px 7px; font-size: 12px; color: #7d7d7d !important; display: inline-block; } .pagination strong { font-size: 12px; color: #fe0000; border: 1px solid #e7e7e7; padding: 5px 7px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background: -moz-linear-gradient(top, #ffffff, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea'); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; zoom: 1; } .pagination .next a, .pagination .prev a, a.archives { padding: 8px 0; border: 1px solid #e7e7e7; font-size: 11px; text-transform: uppercase; color: #7d7d7d !important; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); background: -moz-linear-gradient(top, #ffffff, #eaeaea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea'); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: block; } .pagination .next a:hover, .pagination .prev a:hover, a.archives:hover { text-decoration: none !important; } .pagination .next span, .pagination .prev span, .archives span { background: url(cssimg/icons/icons.png) no-repeat; } .pagination .next span { background-position: right -378px; padding: 0 25px 0 15px; } .pagination .prev span { background-position: left -436px; padding: 0 10px 0 25px; } .archives span { background-position: right -378px; padding: 0 25px 0 10px; } .archives { display: inline-block; } /* Vruće teme / tags */ .tags { background: #efefef url(cssimg/bg/hot_topic_bg.png) repeat-x; padding: 5px 0; border-bottom: #d6d6d6 1px solid; margin-bottom: 10px; } .tags .container { margin-bottom: 0 !important; } .tags h2 { float: left; color: #333333; margin: 7px 10px 3px 10px; text-transform: uppercase; } .tags ul { margin: 5px 0 3px 10px; overflow: visible; } .tags ul li { margin: 3px 0 0 0; padding: 0 10px; color: #fff; font-size: 14px; font-weight: bold; border-right: #cfcfcf 1px solid; } .tags ul .last-item { border-right: 0; } .tags ul li a { color: #e90003; font-weight: bold; font-size: 14px; } .tag_description { font-size: 14px; line-height: 18px; font-style: italic; color: #525252; } /* Day overview */ #day_overview { background: #0e0e0c; } #day_overview .date_picker { background: #0e0e0c url(cssimg/bg/day_overview_bg.png) repeat-x; color: #fff; padding: 5px 0; } #day_overview .date_picker h1 { font-size: 36px; padding-top: 4px; font-weight: normal; } #day_overview .date_picker ul { float: right; margin: 0; } #day_overview .date_picker ul li { float: left; margin: 0; padding: 0; position: relative; } #day_overview .date_picker ul .days { width: 140px; } #day_overview .date_picker ul .days ul { width: 140px; } #day_overview .date_picker ul .months { width: 140px; } #day_overview .date_picker ul .months ul { width: 140px; } #day_overview .date_picker ul .years { width: 140px; } #day_overview .date_picker ul .years ul { width: 140px; } #day_overview .date_picker ul li a { color: #fff; text-transform: uppercase; font-size: 12px; display: block; background: url(cssimg/ui/day_arrows.png) center 0 no-repeat; padding: 15px; text-align: center; outline: 0; } #day_overview .date_picker ul li a:hover, #day_overview .date_picker ul .active, #day_overview .date_picker ul li.active a { text-decoration: none; background-position: center -68px; color: #f7bd0e; } #day_overview .date_picker ul ul { clear: both; float: none; position: absolute; top: 48px; left: -9999px; background: #000; z-index: 999; } #day_overview .date_picker ul ul.shown { left: 10px; } #day_overview .date_picker ul ul li { float: none !important; padding: 0; } #day_overview .date_picker ul ul li a { font-size: 12px; background: none; padding: 5px 15px 5px 5px; text-align: left; } /* Coverflow */ .no-js #cf_arrow_nav, .no-js #arrow_nav { display: none; } .coverflow_holder { background: #000 url(cssimg/bg/coverflow_bg.png) repeat-x; overflow: hidden; min-height: 410px; } .coverflow_holder .container { position: relative; min-height: 410px; } #coverflow { width: 990px; overflow: hidden; position: relative; } #coverflow .title, #coverflow a:hover .title { color: #fff; margin-top: 10px; text-align: center; } #coverflow ul { padding: 0; margin: 30px 0; } #coverflow li { margin-right: 35px; } #coverflow .last_item { margin-right: 0; } #coverflow img { padding: 5px; } #coverflow .premiere { position: absolute; top: 5px; right: 9px; display: block; background: url(cssimg/icons/premiere_coverflow.png) no-repeat; width: 78px; height: 83px; cursor: pointer; z-index: 10; } /* Elections widget */ .elections { background: #000 url(cssimg/bg/elections_bg_new.jpg) 50% 0 no-repeat; overflow: hidden; position: relative; } .elections .container { /*height: 501px; */position: relative; margin-bottom: 0 !important; } .elections #arrow_nav { margin: 0; } #election_slider li { padding: 0; } /* HNL widget */ .hnl_table { margin: 0 5px; width: 980px; border: 1px solid #79acc5; border-top: none; } .hnl_table h2 { background: url(cssimg/hd/hnl-header.jpg) left top no-repeat; height: 42px; padding-top: 21px; position: relative; text-align: center; color: #ffffff; left: 1px; } .hnl_logo { background: url(cssimg/hd/hnl-logo.png) left top no-repeat; width: 256px; height: 217px; position: absolute; left: -110px; top: -55px; z-index: 5; } .hnl_table .default_table { margin: 0; } .hnl_table .default_table tbody tr { background: #f9f9f9; } .hnl_table .default_table tbody tr:nth-child(even) { background: #efefef; } .hnl_table .default_table tbody tr:hover { background: #3166a8; } .hnl_table .default_table th { background: #5bc368; font-size: 16px; line-height: 36px; padding: 4px 10px; text-align: center; } .hnl_table .default_table td { font-size: 14px; line-height: 36px; padding: 8px 10px; text-align: center; } .hnl_table .default_table tbody tr:hover td.clr_blue { color: #5bc368; } .hnl_table .default_table .scored_goal { width: 12px; height: 12px; background: #1456b3; margin: 0 4px; } .hnl_table .default_table tbody tr:hover .scored_goal { background: #5bc368; } .hnl_table .default_table .status { background-image: url(cssimg/icons/status-sprite.png); background-repeat: no-repeat; width: 7px; height: 15px; display: inline-block; vertical-align: middle; } .status.status_up { background-position: center -3px; } .status.status_down { background-position: center -24px; } .score { background-color: #71d57e; background-image: -moz-linear-gradient(top, #71d57e 0%, #52b65f 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71d57e), color-stop(100%,#52b65f)); background-image: -webkit-linear-gradient(top, #71d57e 0%,#52b65f 100%); background-image: -o-linear-gradient(top, #71d57e 0%,#52b65f 100%); background-image: -ms-linear-gradient(top, #71d57e 0%,#52b65f 100%); background-image: linear-gradient(to bottom, #71d57e 0%,#52b65f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71d57e', endColorstr='#52b65f',GradientType=0 ); } .score_alt { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #e8e8e8 0%, #d0d0d0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#d0d0d0)); background-image: -webkit-linear-gradient(top, #e8e8e8 0%,#d0d0d0 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%,#d0d0d0 100%); background-image: -ms-linear-gradient(top, #e8e8e8 0%,#d0d0d0 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%,#d0d0d0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d0d0d0',GradientType=0 ); } /* colored blocks that indicate the outcome for that team */ .tendencyBlock { display: inline-block; width: 25px; height: 19px; padding-top: 6px; color: #ffffff; line-height: 1; margin: 0 2px; } .tendencyWin { background-color: #2ab93d; } .tendencyLose { background-color: #e90000; } .tendencyDraw { background-color: #fcd000; } /* team comparison */ .team_comparison { padding: 25px; } .team_comparison .team { float: left; width: 235px; } .team_comparison .team > p { position: relative; z-index: 6; } .team_comparison .latest_games { width: 440px; padding: 0 10px; float: left; } .team_comparison .chosen-container { display: block; margin: 0 auto; } .team_comparison .chosen-container-single .chosen-single { border-radius: 0; border: 1px solid #b0b0b0; background: #fefefe; color: #1b1e3a; box-shadow: none; font-size: 16px; line-height: 30px; height: 30px; z-index: 6; } .team_comparison .chosen-container-single .chosen-single:hover { color: #e90000; text-decoration: none; } .team_comparison .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #b0b0b0; background: #fefefe; } .team_comparison .chosen-container-single .chosen-single span { margin-right: 31px; } .team_comparison .chosen-container-single .chosen-single div { width: 30px; border-left: 1px solid #cbcbcb; } .team_comparison .chosen-container-active.chosen-with-drop .chosen-single div { border-left: 1px solid #cbcbcb; } .team_comparison .chosen-container-single .chosen-single div b { background: url(cssimg/icons/chosen-dropdown.png) no-repeat center top; } .team_comparison .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: center bottom; } .team_comparison .chosen-container-single .chosen-search { padding: 0 4px 3px; } .team_comparison .chosen-container-single .chosen-search input[type="text"] { margin: 0 0 1px; } .select_squad { position: relative; z-index: 6; } .team_colors { width: 235px; height: 147px; padding: 20px 0; } .club_badge { background-repeat: no-repeat; background-position: left top; display: inline-block; vertical-align: middle; } .club_badge.club_badge_s { width: 20px; height: 20px; /*margin-left: 50px;*/ } .club_badge.club_badge_m { width: 50px; height: 50px; } .team_comparison .club_badge { margin-top: 65px; } .club_jersey { width: 130px; height: 147px; margin: 10px; background-repeat: no-repeat; background-position: -10px top; } /* graph with goals from latest games */ .latest_games ul { margin-top: 40px; } .latest_games li { height: 25px; margin-bottom: 2px; } .latest_games .score { width: 100px; height: 100%; vertical-align: middle; font-size: 16px; line-height: 25px; } .latest_games .score_bar { width: 170px; vertical-align: middle; height: 100%; } .score_bar .score_alt { min-width: 5.88235294117647%; height: 100%; } /* squares with latest 7 games and their outcomes */ .team_efficiency { width: 49.9%; float: left; margin-top: 20px; padding: 5px 0; } .team_efficiency:first-child { border-right: 1px solid #aeaeae; } .efficiency_label { width: 72px; padding: 7px; } .efficiency { width: 180px; } .team1_efficiency .efficiency_label { padding-right: 10px; } .team2_efficiency .efficiency_label { padding-left: 10px; } .efficiency_percentage { vertical-align: middle; margin: 0 70px; } /* menu with club link for iframe widget */ .club_menu { width: 960px; margin: 20px auto; } .club_menu li { /*width: 230px;*/ min-width: 189px; display: inline-block; } .club_menu a { color: #555555 !important; padding: 5px; display: block; } .club_menu a:hover { color: #006699 !important; text-decoration: none !important; } /* Latest featured */ .latest_featured { background: #fff; } /* External content */ .external_content .g_4 { min-height: 200px; } .jutarnji { background: url(cssimg/logos/logos.png) 0 -266px no-repeat; width: 103px; height: 22px; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -51px; } /* Livescore */ .livescore iframe { margin-left: 1px; } /* Colorbox login / register */ #colorbox #content { background: none; padding-top: 0 !important; } #colorbox #content .container { background: none; padding: 0 !important; } #colorbox.login_register #cboxMiddleLeft, #colorbox.login_register #cboxMiddleRight, #colorbox.login_register #cboxBottomLeft, #colorbox.login_register #cboxBottomCenter, #colorbox.login_register #cboxBottomRight, #colorbox.login_register #cboxTopLeft, #colorbox.login_register #cboxTopCenter, #colorbox.login_register #cboxTopRight, #colorbox.login_register #cboxClose { display: none; } #colorbox.login_register #cboxContent { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #colorbox.login_register h1 { text-indent: -9999px; background: url(cssimg/logos/logos.png) 130px 0 no-repeat; width: 415px; height: 45px; margin: 0; padding: 0; position: relative; top: 20px; } #colorbox.login_register .content_shadow { background: none; padding: 0; } #colorbox.login_register .g_6 { width: 415px; padding: 0 !important; } #colorbox.login_register .g_6 .pt_m { text-align: center; padding-top: 20px !important; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #d9d9d9 1px solid; } #colorbox.login_register .g_6 form { padding: 0 20px 10px 20px; position: relative; } #colorbox.login_register .terms { margin: 0; padding: 0; } #colorbox.login_register .terms a { display: block; background: #006699; color: #fff; text-transform: uppercase; padding: 15px 15px; } #colorbox.login_register .fm_field { width: 200px; } #colorbox.login_register .register .fm_field { width: 400px; } #colorbox.login_register .actions { clear: both; width: 200px; } #colorbox.login_register button { background: #006699; border: none; color: #fff; text-transform: uppercase; font-size: 11px; padding: 5px 10px; position: absolute; bottom: 20px; left: 133px; -moz-box-shadow: inset 0 0 10px #154168; -webkit-box-shadow: inset 0 0 10px #154168; box-shadow: inset 0 0 10px #154168; } #colorbox.login_register .register button { left: 286px; } #colorbox.login_register #password_reset_request button { bottom: auto; top: 25px; left: 250px; } #colorbox.login_register .fb_connect { display: block; height: 100%; left: 230px; position: absolute; top: -21px; width: 170px; border-left: #d9d9d9 1px solid; font-size: 11px; text-transform: uppercase; background: url(cssimg/bg/fb_login_bg.png) center center no-repeat; text-indent: -9999px; } #colorbox.welcome .welcome_heading { width: 54px; height: 108px; background: url(cssimg/bg/welcome.png) no-repeat; position: absolute; left: -54px; top: 20px; } #colorbox.welcome h2 { color: #474747; } #colorbox.welcome p { color: #474747; font-size: 15px; line-height: 22px; } #colorbox.welcome .continue { background: url(cssimg/icons/icons.png) right -375px no-repeat; padding-right: 25px; } #colorbox.welcome, #colorbox.welcome #cboxWrapper, #colorbox.welcome #cboxLoadedContent, #colorbox.welcome #cboxContent { overflow: visible !important; } /* Misc */ .ax_loading { background: #fff url(/images/loader.gif) center center no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; z-index: 99999; } /* Ads */ .banner img, .banner object, .banner ins { display: block; } /* FB recommend */ .fb_recommend { position: absolute; left: -86px; top: 0; } .fb_recommend iframe { position: fixed; } /* Embed statistics */ .EmbedStatistic table img { margin-left: 5px; margin-right: 5px; } /** Live Stream styles =====================================================================**/ .live { color:#e2174f !important; position: relative; float: left; font-size: 55px !important; } .live:before { content: ''; display: block; width: 50px; height: 20px; background:url('cssimg/live.png') no-repeat scroll center center; position: absolute; left: 101%; top: 9px; } .StreamSupport { color:#fff !important; font-size: 12px !important; line-height: 1.4em !important; } .StreamContainer { border: 10px solid #fff; color: #3e62a2; background-color: #202f4c; -moz-box-sizing: border-box; box-sizing:border-box; } .StreamSteps { background-color: #fff; counter-reset:li; margin-left:0; padding-left:0; font-size: 14px; line-height: 1.4em; } .StreamSteps > li { position:relative; list-style:none; border-top:1px solid #e5e6ea; } .StreamSteps > li:before { content:counter(li); counter-increment:li; position: absolute; top: 50%; margin-top: -0.9em; left:-0.9em; width:1.8em; height: 1.8em; margin-right:-2em; line-height: 1.7em; border:2px solid #3d63a4; color:#3d63a4; background:#fff; border-radius: 50%; font-weight:bold; text-align:center; font-size: 1.5em; z-index: 3; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .StreamSteps > li:first-child { border-top: none; padding } .StreamSteps > li > div { display: block; padding: 2em; -moz-box-sizing: border-box; box-sizing:border-box; vertical-align: middle; } .StreamSteps ul li { width:33.33333333333%; text-align: center; line-height: 1.4em; } #paywall_code { background-color: #de2843; box-shadow: inset 2px 3px 4px rgba(0,0,0,0.4); border:none; padding: 12px 15px; border-radius: 5px; color: #fff;} .paywall { display: inline-block; width:605px; } .paywall label { font-weight: bold; font-size: 18px; padding-top:15px; } .paywall input[type=text] { text-align: center; letter-spacing: 5px; font-size:18px;} .paywall .fm_error_msg > li { width: 100%; text-align: left; } .c_red { color: #de2843 !important; } .c_black { color: #000000 !important; } .c_blue { color: #3D63A4 !important; } .c_meta { color: #7c7c7c !important; } .fs_14 { font-size: 13px; } .BlueArrow { display:block; color: #fff; position: relative; min-height: 96px; background: url("cssimg/bg/fb_og_watch_teaser_bg.png") no-repeat scroll top right; background-size: cover; } .Button--blue { font-size: 24px; font-weight: bold; color: #fff !important; padding:9px 30px 9px 30px; background-color: #2b4170;border: 1px solid #2b4170; text-shadow: 0 -1px -1px #1f2f52; background: -webkit-linear-gradient(top, #3b5998, #2b4170); background: -moz-linear-gradient(top, #3b5998, #2b4170); background: -ms-linear-gradient(top, #3b5998, #2b4170); } .StreamTabs { margin-top:0; } .StreamTabs > li { display: inline-block; width: 143px; height: 68px; border-radius: 0 0 5px 5px; border-top:1px solid #fff; margin-top:-1px; background-color: #fff; zoom: 1; filter: alpha(opacity=30); opacity: 0.3; } .StreamTabs > li > a { width:100%; height:100%; } .StreamTabs.id43106 > .rtl { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .StreamTabs.id43553 > .rtl2 { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .StreamTabs.id43554 > .rtl-plus { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .StreamTabs.id43554 > .rtl-kockica { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .StreamTabs .rtl { background: url("cssimg/stream/rtl.jpg?v=1") no-repeat scroll center center #fff; } .StreamTabs .rtl2 { background: url("cssimg/stream/rtl2.jpg?v=1") no-repeat scroll center center #fff; } .StreamTabs .rtl-plus { background: url("cssimg/stream/rtlplus.jpg?v=1") no-repeat scroll center center #fff; } .StreamTabs .rtl-kockica { background: url("cssimg/stream/rtl_kockica.jpg?v=1") no-repeat scroll center center #fff; } .TechInfo { margin: 0 auto; } .TechInfo > p { color:#fff !important; margin:0 !important; font-size: 12px !important; } .fb_name { font-size: 14px !important; line-height:1.2em; text-shadow:none !important; color: #3d61a1 !important; } .fb_avatar--stream { border: 2px solid #3d61a1; vertical-align: middle; margin-right: 10px; } #stream_container { height: 545px;} #stream_container object { vertical-align: top; } .StreamError { background-color: #fff; border: 3px solid #de2843; color: #de2843; font-size: 20px; font-weight: bold; text-align: center; -moz-box-sizing: border-box; box-sizing:border-box; } .main_content .StreamContainer p, .TechInfo > p, .StreamSupport { -webkit-text-shadow: none !important; -moz-text-shadow: none !important; text-shadow: none !important; } /* Default VIDEO TAKEOVER layout */ .TakeoverVideo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: #fff; } .TakeoverVideo a { color: #006699; text-decoration: none; } .TakeoverVideo .Wrapper { max-width: 990px; width:100%; position: relative; margin: 0 auto; } .TakeoverVideo .Container { width:100%; height:100%; position: relative; overflow:hidden; padding-top:60px; -moz-box-sizing: border-box; box-sizing: border-box; } .TakeoverVideo .Content { position: relative; width: 100%; height: 100%; } .TakeoverVideo .Header { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: #fff; border-bottom: 10px solid #000; } .TakeoverVideo .Header #logo { background-position: left -2728px !important; height: 30px; position: relative; width: 106px; } .TakeoverVideo #logo { background: url("cssimg/logos/logos.png?v=2013071101") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 45px; position: absolute; width: 156px; top: 0; } .TakeoverVideo #Takeover { width:80%; max-width:640px; position: absolute; top:50%; left: 0; right:0; margin: -150px auto 0; border: 3px solid rgba(0, 0, 0, 0.5); z-index: 1; } .TakeoverVideo #aspect16_9 { padding-bottom: 55%; } /* global layout */ .TakeoverVideo .left { float: left; } .TakeoverVideo .right { float: right; } .TakeoverVideo .phark { background-color: rgba(0, 0, 0, 0); background-position: left top; background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -9999px; } .TakeoverVideo .m_s { margin: 10px; } .TakeoverVideo .OpenXOverlay { position:absolute; top:0; left:0; bottom:0; right:0; } .TakeoverVideo .FlowPlayer, .TakeoverVideo object { position: absolute; width: 100%; height: 100%; } .TakeoverVideo .buttons_l a.SkipCommercial.isDisabled:hover { color: #bbb; cursor: default; background: #e3e3e3; background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e3e3e3)); background: -moz-linear-gradient(top, #f1f1f1, #e3e3e3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e3e3e3'); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .TakeoverVideo .buttons_l a.SkipCommercial.isDisabled { color:#bbb; } /* Flow player hidden controls */ .TakeoverVideo .fp-controls, .TakeoverVideo .fp-fullscreen, .TakeoverVideo .fp-embed { display:none !important;} .TakeoverVideo img { width:100%; height:auto; } .TakeoverVideo .FlowPlay { height: 100%; width: 100%; display: block; position: absolute; z-index: 100; } /* View video --> user submited video author */ .main_content .author_fullname { color: #999; margin: 0; position: absolute; right: 10px; text-shadow: none; top: 20px; font-size: 12px; } .main_content .author_fullname > span { color: #fff; font-weight: bold; } @media screen and (max-width: 480px) { .TakeoverVideo .left, .TakeoverVideo .right { float: none; } .TakeoverVideo .Container { padding-top:100px; } .TakeoverVideo #Takeover { top:20px; margin:0 auto; } .TakeoverVideo .Header #logo { margin: 10px auto; } } @media screen and (orientation:portrait) { .TakeoverVideo .Content > img { height:100% !important; width: auto !important; } } @media screen and (orientation:landscape) { .TakeoverVideo .Content > img { height:auto !important; width: 100% !important; } }