/* Import Base Colors */ @import url(basecolors_ondark.css); @media screen, projection { /* Signature Color: #005fd2; -> 005fd2 Signature Color Lighter: #bf1f1f; -> 2a76d2 Signature Color Darker: #5d1717; Signatrue Color Passive: #894c4c; */ .footer_column ul li { border-left: 2px solid #005fd2; } .subcl { padding: 0 10px 0 0; } .subc { padding: 0 8px 0 0; } .subcr { padding: 0 0 0 10px; } .c33r .subcr { padding: 0 0px 0 0; } /*--- Links ----------------------------------------------------------------------------------------- */ a { color:#2a76d2; text-decoration:none; font-weight: normal; } a:visited { color:#2a76d2; } a:focus { } a:active { } a:hover { color: #2a76d2; text-decoration:underline; } #footer_content a:hover { color: #ccc; } .footer_contact { float:right; } .footer_contact li { list-style: none; margin: 0; padding: 0 0 0 20px; border: none; background-image: url(/images/icons/misc/email.png); background-repeat: no-repeat; background-position: left; } h5 { border-bottom: 0px solid #333; margin-bottom: 0px; margin-top: -0px; height: 20px; font-family: 'mako', sans-serif; background-color: #005fd2; width: 300px; padding: 5px; color: #fff; } #header_bg_wide { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_bg.png); } #border-top { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/border_top.png); } #border-bottom { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/border_bottom.png); } #edge-tl { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/corner_tl.gif); } #edge-tr { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/corner_tr.gif); } #edge-bl { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/corner_bl.png); } #edge-br { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/corner_br.png); } #edge-bl_extend { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/corner_bl_extend.png); } #edge-br_extend { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/corner_br_extend.png); } hr { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/hr_bg.png); } #header_menu ul li { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_button_bg.png); } #header_menu ul li:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_button_bg_hover.png); } #header_menu .active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_button_bg_active.png); } #header_menu .active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_button_bg_active_hover.png); } #header_menu ul li.highlight { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_button_bg_highlight.png); } #header_menu ul li.highlight:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_button_bg_highlight_hover.png); } #header_menu_right { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_buttons_right.png); } #header_menu li a { color: #eee; text-shadow: -1px -1px 0px #333; } /*#header_brandlogo { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_brandlogo.png); }*/ #header_brandlogo { background-image: url(/fileadmin/templates/emsone_v1/images/iem9/menu_brandlogo.png); } #header_networklogo { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/network_logo.png); } #header_sub { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/menu_shadow.png); } #header_sub { height: 62px; height: 50px; left: 2px; top: 90px; background-image: none; font-size: 9px; } #header_sub_content a { color: #777; } #header_sub_content a:hover { color: #fff; } #spotlight_one_upcoming_right { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/spotlight_one_right_bg.png); } #toc .item { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/toc_item_bg.png); } #toc .active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/toc_item_bg_active.png); } #toc_home { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/toc_home.png); } #toc_home:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/toc_home_hover.png); } .tocsmallbg { #background-image: url(/fileadmin/templates/emsone_v1/images/iem8/tocsmall_bg.png); background-position: right; } .toc_container_small { margin-left: -187px !important; font-size: 10pt !important; } .toc_item_small { padding-right: 5px !important; background-position: 25px !important; } .toc_active_small { background-position: 25px !important; } #wallpaper_1 { } #wallpaper_2 { display: none; } #footer_bg_wide { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/footer_bg_wide.jpg); } #footer { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/footer_bg.png); } body { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/main_bg.jpg); background-repeat: repeat; } #stage_big_bg { background-image: url(/fileadmin/templates/emsone_v1/images/iem9/stagebg2.jpg); } .contentbox_top { height: 0; } .contentbox_container h2 { } .contentbox_center { overflow: hidden; } /* NICHT visible wegen bracketbox */ .contentbox_center_right { } .contentbox_center_ad { } .contentbox_inner.ad { } .contentbox_center_ad_right { } .contentbox_bottom { } .connector_small { } .connector_big { } .timeline_start { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_start.png); } .timeline_end { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_end.png); } .timeline_active_vertical_left { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_active_vertical_left.png); } .timeline_active_vertical_right { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_active_vertical_right.png); } .timeline_upcoming { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming.png); } .timeline_upcoming:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_hover.png); } .timeline_upcoming_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_active.png); } .timeline_upcoming_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_active.png); } .timeline_upcoming_finals { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_finals.png); } .timeline_upcoming_finals:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_finals_hover.png); } .timeline_upcoming_finals_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_finals.png); } .timeline_upcoming_finals_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_upcoming_finals_hover.png); } .timeline_past { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_past.png); } .timeline_past:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_past_hover.png); } .timeline_past_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_past_active.png); } .timeline_past_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_past_active.png); } .timeline_current { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_current.png); } .timeline_current:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_current_hover.png); } .timeline_current_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_current_active.png); } .timeline_current_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline_current_active.png); } .timeline2_start { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_start.png); } .timeline2_end { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_end.png); } .timeline2_active_vertical_left { background-image: none; } .timeline2_active_vertical_right { background-image: none; } .timeline2_upcoming { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming.png); } .timeline2_upcoming:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_hover.png); } .timeline2_upcoming_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming.png); } .timeline2_upcoming_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_hover.png); } .timeline2_upcoming.even { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_down.png); } .timeline2_upcoming.even:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_down_hover.png); } .timeline2_upcoming_active.even { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming.png); } .timeline2_upcoming_active.even:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_hover.png); } .timeline2_upcoming_finals { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_finals.png); } .timeline2_upcoming_finals:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_finals_hover.png); } .timeline2_upcoming_finals_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_finals.png); } .timeline2_upcoming_finals_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_finals_hover.png); } .timeline2_past { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_past.png); } .timeline2_past:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_past_hover.png); } .timeline2_past_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_past.png); } .timeline2_past_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_past.png); } .timeline2_current { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_current.png); } .timeline2_current:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_current_hover.png); } .timeline2_current_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_current.png); } .timeline2_current_active:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/timeline2_upcoming_hover.png); } .topstory-item { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/topstory_back.png); } .topstory-overlay { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/topstory_front.png); } .topstory-overlay:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/topstory_hover.png); } .topstory-container { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/topstory_right.png); } .teams_players_layout1_photo { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/playerphoto_missing.png); } .matches_layout1_container { width: calc( 100% + 20px ) } .matches_layout1_container li { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/match_overlay.png); } .matches_layout1_item.team1win { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/match_overlay_team1win.png); } .matches_layout1_item.team2win { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/match_overlay_team2win.png); } .matches_layout1_item_vote a:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/match_vote_hover.png); } .matches_layout1_team:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/match_team_hover.png); } .event_calendar_month_container { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/eventcalendar_bg.jpg); } .event_calendar_day.passed { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/calender_day_passed.png); } .event_calendar_overlay.event { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/calender_day_event.png); } .event_calendar_overlay.event_finals { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/calender_day_event_finals.png); } .slider_prev { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/slider_prev.png); } .slider_next { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/slider_next.png); } .pagination li a { background-image:url(/fileadmin/templates/emsone_v1/images/iem8/slider_pagination.png); } .spotlight_countdown_over { background-image:url(/fileadmin/templates/emsone_v1/images/iem8/slot_medium_countdown_live_bg.png); } .spotlight_random_team_layout1_player { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/playerphoto_missing.png); } .podium_layout1_container { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/season_podium.png); } .competition_season_rankings .trendicon_up { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/rankings_up.png); } .competition_season_rankings .trendicon_down { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/rankings_down.png); } .competition_season_rankings .trendicon_nochange { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/rankings_nochange.png); } /* IEM Specific Changes */ .hasCountdown { height: auto; padding: 0px; } /* #event_countdown_VeryBig1 span { display: block; float: left; width: 65px; height: 76px; background: url(../../images/iem8_landing/countdown.png) no-repeat 0px 0px; } #event_countdown_VeryBig1 span.image0 { background-position: -0px 0px; } #event_countdown_VeryBig1 span.image1 { background-position: -65px 0px; } #event_countdown_VeryBig1 span.image2 { background-position: -130px 0px; } #event_countdown_VeryBig1 span.image3 { background-position: -195px 0px; } #event_countdown_VeryBig1 span.image4 { background-position: -260px 0px; } #event_countdown_VeryBig1 span.image5 { background-position: -325px 0px; } #event_countdown_VeryBig1 span.image6 { background-position: -390px 0px; } #event_countdown_VeryBig1 span.image7 { background-position: -455px 0px; } #event_countdown_VeryBig1 span.image8 { background-position: -520px 0px; } #event_countdown_VeryBig1 span.image9 { background-position: -585px 0px; } #event_countdown_VeryBig1 span.imageDay { background-position: -650px 0px; } #event_countdown_VeryBig1 span.imageSep { background-position: -715px 0px; } #event_countdown_VeryBig1 span.imageSpace { background-position: -780px 0px; } */ #defaultCountdownBig1 { #position: absolute; #margin-left: 266px; #bottom: 300px; margin: 0 auto; padding-top: 230px; width: 780px; } #defaultCountdownBig1 span { display: block; float: left; width: 65px; height: 76px; background: url(../../images/iem8_landing/countdown.png) no-repeat 0px 0px; } #defaultCountdownBig1 span.image0 { background-position: -0px 0px; } #defaultCountdownBig1 span.image1 { background-position: -65px 0px; } #defaultCountdownBig1 span.image2 { background-position: -130px 0px; } #defaultCountdownBig1 span.image3 { background-position: -195px 0px; } #defaultCountdownBig1 span.image4 { background-position: -260px 0px; } #defaultCountdownBig1 span.image5 { background-position: -325px 0px; } #defaultCountdownBig1 span.image6 { background-position: -390px 0px; } #defaultCountdownBig1 span.image7 { background-position: -455px 0px; } #defaultCountdownBig1 span.image8 { background-position: -520px 0px; } #defaultCountdownBig1 span.image9 { background-position: -585px 0px; } #defaultCountdownBig1 span.imageDay { background-position: -650px 0px; } #defaultCountdownBig1 span.imageSep { background-position: -715px 0px; } #defaultCountdownBig1 span.imageSpace { background-position: -780px 0px; } .event_countdown_container { width: 100%; height: 400px; } .event_countdown_title { position: absolute; #top: 145px; left: 0px; right: 0px; width: 921px; width: 1115px; width: 100%; width: 921px; top: 163px; top: 169px; margin: 0 auto; text-align:center; font-family: 'mako', sans-serif; text-decoration: none; font-size: 45pt; color: #fdfefe; #text-shadow: -2px -2px 2px #1d2c33; #text-shadow: -1px -1px 5px #666; background: url(/fileadmin/templates/emsone_v1/images/iem8/title_bg.png) repeat-y 0px 0px; background-position: top left; height: 100px; padding-top: 10px; } .event_countdown_title a { width: 100%; height: 100%; display: block; color: #fdfefe; } .event_countdown_title a:hover { text-decoration: none; color: #ccc; } .event_countdown_countdown { position: absolute; top: 246px; right: 209px; margin: 0 0 0 0; padding: 0; } .countdown_amount { /*color: #fff; font-size: 14px; */ } #show_and_finals_countdown_countdown .countdown_amount { color: #fff; font-size: 25px; } .finals_countdown_container { font-family: 'ubuntu-condensed', times; line-height: 20px; clear: both; font-size: 40px; color: #fff; margin: 20px 0; } .finals_countdown_container .link { color: #fff; } .finals_countdown_container.daysleft { color: #005fd3; font-size: 300%; } .legacy_stats_container { font-family: 'ubuntu-condensed', times; line-height: 20px; clear: both; font-size: 40px; text-align: center; color: #fff; margin: 50px 0 80px 0; } .legacy_stats_container.number { color: #005fd3; font-size: 250%; } #stage_big { background: url(/fileadmin/templates/emsone_v1/images/iem8/stage_bg_shadow.png); background-repeat: no-repeat; background-position: bottom center; } #stage_medium { background: url(/fileadmin/templates/emsone_v1/images/iem8/stage_bg_shadow.png); background-repeat: no-repeat; background-position: center -503px; height: 464px; } #backgrounds { height: 0px; } #stage_bg_container { position: relative; width: 100%; height: 610px; overflow:hidden; } #stage_big_bg { position: absolute; top: 0px; # top: -25px; left: 0px; #left: -25px; width: 100%; overflow: hidden; #background-position: center; background-position: center -300px; } #stage_big_bg_bottom { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/stage_bg_bottom.jpg); z-index: 0; display: none; width: 100%; height: 57px; background-position: bottom; position: absolute; top: 422px; left: 0px; background-repeat: repeat-x; } .stage_partner_container { position: absolute; top: 0; left: 0; right: 0; text-align: center; } .stage_partner_container .partner_link { position: absolute; z-index: 900; } .stage_partner_container .partner_link a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 10; } .stage_partner_container #intel { top: 18px; right: 496px; width: 150px; height: 110px; } .stage_partner_container #benq { top: 79px; right: 307px; width: 160px; height: 52px; } .stage_partner_container #hyperx { top: 7px; right: 303px; width: 160px; height: 65px; } .stage_partner_container #gigabyte { top: 12px; right: 107px; width: 160px; height: 60px; } .stage_partner_container #roccat { top: 80px; right: 111px; width: 170px; height: 50px; } #header { #z-index: 5; } #menu_languages { z-index: 100; } #header_sub_content { # display: none; } .stage_winner_container { position: absolute; top: auto; left: 0; right: 0; text-align: center; } .mainpage_teaser_container { position: absolute; #bottom: -150px; bottom: -17px; left: -moz-calc(100% / 2 - 462px); left: -webkit-calc(100% / 2 - 462px); left: calc(100% / 2 - 462px); width: 572px; height: 138px; } .mainpage_teaser_container a { display: block; width: 100%; height: 100%; } .mainpage_teaser_image img { width: 100%; height: auto; } .mainpage_teaser_image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; } .mainpage_teaser_gradient { position: absolute; background-image: url(/fileadmin/templates/emsone_v1/images/iem8/mainpage_teaser_gradient.png); width: 100%; height: 100%; top: 0px; left: 0px; } .mainpage_teaser_title { position: absolute; bottom: 4px; left: 10px; font-family: 'mako', sans-serif; text-decoration: none; font-size: 29px; line-height: 26px; color: #fff; } #sub_partner1 { width: 153px; height: 62px; background-image: url(/fileadmin/templates/emsone_v1/images/iem8/partner_raidcall.png); } #sub_partner1:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/partner_raidcall_hover.png); } #sub_partner2 { width: 172px; height: 62px; background-image: url(/fileadmin/templates/emsone_v1/images/iem8/partner_cmstorm.png); } #sub_partner2:hover { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/partner_cmstorm_hover.png); } #header_menu li a { font-size: 11pt; } #header_menu li a { color: #fff; text-shadow: -1px -1px 0px #0c3d6e; } .header_menu_prefixline { color: #777; text-shadow: 0 0 0 #000; } .menu_secondary_rolldown { background-color: #122737; border-left-color: #2e4d61; border-right-color: #2e4d61; border-bottom-color: #2e4d61; } .menu_secondary_rolldown a:hover { background-color: #234f73; color: #fff; text-decoration: none; } #header_menu li a { padding: 20px 35px 0px 35px; } .contentbox_inner { padding: 0; } .contentbox_center { padding: 0; } .contentbox_inner.text { padding: 0 40px 0 0; #background-color: #111; margin-right: 20px; font-size: 13px; border-right: 1px solid #333; } .contentbox_inner.text p { line-height: 24px; color: #aaa; } .contentbox_inner.textwall { width: 75%; max-width: 950px; min-width: 750px; margin: 0 auto; padding: 0 40px 0 0; font-size: 13px; } .contentbox_inner.textwall p { line-height: 24px; color: #aaa; } .csc-header h2 { font-family: 'ubuntu-condensed', sans-serif; font-weight: normal; text-decoration: none; font-size: 60px; line-height: 50px; position: relative; top: -25px; left: -60px; margin: 0 10px 0 0px; padding: 25px 0 5px 57px; height: 40px; width: 120%; text-transform: none; color: #ddd; } h2 { font-family: 'ubuntu-condensed', sans-serif; font-weight: normal; text-decoration: none; font-size: 60px; line-height: 50px; position: relative; top: -25px; left: -60px; margin: 0 10px 0 0px; padding: 25px 0 5px 57px; height: 40px; width: 120%; text-transform: none; color: #ddd; } .contentbox_container h2 { font-family: 'ubuntu-condensed', sans-serif; font-weight: normal; text-decoration: none; font-size: 60px; line-height: 50px; position: relative; top: -25px; left: -58px; margin: 0 10px 0 0px; padding: 25px 0 5px 57px; height: auto; width: 90%; text-transform: none; color: #ddd; } .timeline2_container { height: 260px; margin-top: 168px; } .contentbox_widebg { position: absolute; z-index: -10; height: 450px; background-color: #0a0a0a; top: 67px; left: 0; right: 0; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; } .contentbox_wideleftbg { position: absolute; z-index: -10; height: 840px; background-color: #0a0a0a; top: 140px; left: 0; right: 0; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; } .wideleft_contentbox_left { margin-top: 70px; float: left; width: -moz-calc(85% - 1px); width: -webkit-calc(85% - 1px); width: calc(85% - 1px); height: 840px; background-color: #0a0a0a; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; border-right: 1px solid #2d2d2d; } .wideleft_contentbox_lefttop { margin-top: 0px; float: left; width: 80%; height: 70px; background-color: transparent; border: 0px ; } .wideleft_contentbox_lefttop h2 { margin-top: 0px; } .wideleft_contentbox_right { width: 15%; float: left; margin-top: -50px; } .wideleft_contentbox_right h3 { border: 0px; margin: 115px 0 8px 0; padding: 0px 0 0px 0px; } .wideleft_contentbox_right .contentbox_inner { margin: 0px 10px 0px 30px; font-size: 11px; } .wideleft_contentbox_right .contentbox_inner p { line-height: 20px; } #toc_container { width: 230px; margin-left: -240px !important; margin-top: -12px; margin-top: 46px; position: absolute; z-index: 100; text-align: right; font-size: 10pt !important; font-family: 'Mako', sans-serif; font-weight: normal; text-transform: none; } .toc_bottom_inner { margin-top: 0; padding-top: 0; height: 20px; width: 230px; border-top: 0px solid #222; background-image: url(/fileadmin/templates/emsone_v1/images/iem8/toc_item_bg.png); position: absolute; bottom: -30px; right: 25px; } .toc_bottom_inner_small { right: 0px; display: none; } #toc { } /* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */ #toc ul, #toc li { list-style: none; margin: 0; padding: 0; border: none; } #toc .active { } #toc .item { padding-right: 35px; height: 24px; overflow: hidden; } #toc_home { width: 230px; height: 24px; } #toc_home a { width: 230px; height: 24px; display: block; } .toc_home_small { background-position: 25px; } #toc a { font-weight: normal; } #toc a:hover { text-decoration: none; } .timeline2_teaser.odd { left: 0px; } .timeline2_teaser.even { left: -105px; top: 84px; } .show_and_finals_countdown_container { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/mainpage_show_countdown_bg.png); width: 342px; height: 138px; position: absolute; bottom: -17px; right: -moz-calc(100% / 2 - 462px); right: -webkit-calc(100% / 2 - 462px); right: calc(100% / 2 - 462px); font-family: 'mako', sans-serif; text-decoration: none; } #show_and_finals_countdown_countdown { # position: absolute; # top: 10px; # right: 12px; margin: 0 auto; width: 170px; color: #ccc; text-align: center; } .show_and_finals_countdown_show_title { margin: 21px auto; font-size: 14px; color: #999; text-align: center; } .show_and_finals_countdown_finals { position: absolute; left: 0; bottom: 0; margin: 15px 5px 5px 20px; font-size: 14px; } .show_and_finals_countdown_finals .days { font-size: 29px; color: #fff; } .show_and_finals_countdown_show_details { margin: 10px auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 300px; font-size: 14px; text-align: center; } .show_and_finals_countdown_over { margin: 0px 0 5px 25px; font-size: 30px; } .show_and_finals_countdown_show_details a { color: #999; } .show_and_finals_countdown_show_details a:hover { color: #fff; text-decoration: underline; } .mainpage_topstory_top { width: 100%; height: 390px; background-color: #fff; position: relative; } .mainpage_topstory_top:hover { } .mainpage_topstory_top a:hover { text-decoration: none; } .mainpage_topstories_item_container { width: -moz-calc(33% - 10px); width: -webkit-calc(33% - 10px); width: calc(33% - 10px); #width: 330px; float: left; padding: 0 10px 40px 0; } .topstories_nextBtn { position: absolute; bottom: 0px; right: 0px; background-color: #222; padding: 5px; width: 150px; text-align: center; border: 1px solid #444; color: #ccc; } .topstories_nextBtn:hover { background-color: #333; text-decoration: none; color: #fff; } .topstories_nextBtn_left { left: 0px; } .mainpage_topstories_category { font-family: 'mako', sans-serif; background-color: #005fd2; width: 155px; padding: 5px; color: #fff; } .mainpage_topstory_top a { display: block; width: 100%; height: 100%; } .mainpage_topstory_top_image img { width: 100%; height: auto; } .mainpage_topstory_top_title { color: #000; padding: 20px 20px 0px 20px; font-family: 'mako', sans-serif; text-decoration: none; font-size: 27px; line-height: 26px; } .mainpage_topstory_top_subtitle { color: #000; padding: 10px 20px 10px 20px; font-size: 12px; line-height: 20px; } .mainpage_topstory_top_subtitle p { line-height: 20px; } .mainpage_topstory_top_subtitle a:hover { text-decoration: none; } .mainpage_topstory_top_date { position: absolute; bottom: 10px; left: 20px; color: #aaa; font-size: 12px; } .mainpage_topstory_more a { display: block; width: 100%; height: 100%; } .mainpage_topstory_more a:hover { text-decoration: none; color: #005fd2; } .mainpage_topstory_more { width: 100%; height: 100px; color: #fff; background-color: #1f2120; margin: 5px 0 0 0; position: relative; } .mainpage_topstory_more:hover { background-color: #272a29; } .mainpage_topstory_more_category { color: #555; font-size: 12px; position: absolute; top: 5px; left: 20px; } .mainpage_topstory_more_title { color: #fff; padding: 20px 20px 0px 20px; font-family: 'mako', sans-serif; text-decoration: none; font-size: 18px; line-height: 22px; } .mainpage_topstory_more_date { color: #555; font-size: 12px; position: absolute; bottom: 10px; left: 20px; } .news-single-item { width: 70%; min-width: 850px; } .news-single-item h2 { font-family: 'mako', sans-serif; font-weight: normal; text-decoration: none; font-size: 40px; line-height: 40px; position: relative; top: 0px; left: 0px; margin: 0 0px 0 0px; padding: 10px 10px 10px 43px; height: 85px; width: -moz-calc(100% - 46px); width: -webkit-calc(100% - 46px); width: calc(100% - 46px); text-transform: none; background-color: #fff; color: #000; border-left: 6px solid #005fd2; background: url(/fileadmin/templates/emsone_v1/images/iem8/title_bg.png) repeat-y 0px 0px; background-position: top left; color: #fff; top: 27px; } .news-single-rightbox { font-size: 15px; height: 44px; } .news-single-img { width: 100%; height: auto; position: absolute; top: 70px; left: 0px; padding: 0; z-index: -10; } .news-single-img img { width: 100%; height: auto; } .news-single-subheader { font-weight: bold; line-height: 25px; } .news-single-content { margin-top: 470px; background-color: #fff; color: #333; padding: 50px; line-height: 25px; } .news-single-content p { line-height: 25px; } .news-single-content h4 { color: #444; font-size: 150%; margin: 0 0 15px 0; font-size: 28px; font-weight: bold; } .notice-single-item { width: 70%; min-width: 850px; margin: 0px auto; } .notice-single-item h2 { font-family: 'mako', sans-serif; font-weight: normal; text-decoration: none; font-size: 40px; line-height: 40px; position: relative; top: 0px; left: 0px; margin: 0 0px 0 0px; padding: 10px 10px 10px 43px; height: 85px; width: -moz-calc(100% - 46px); width: -webkit-calc(100% - 46px); width: calc(100% - 57px); text-transform: none; background-color: #fff; color: #000; border-left: 6px solid #005fd2; background: url(/fileadmin/templates/emsone_v1/images/iem8/title_bg.png) repeat-y 0px 0px; background-position: top left; color: #fff; top: 27px; } .notice-single-rightbox { font-size: 15px; height: 44px; float: right; width: 160px; text-align: right; clear: both; } .notice-single-img { width: 100%; height: auto; position: absolute; top: 70px; left: 0px; padding: 0; z-index: -10; } .notice-single-img img { width: 100%; height: auto; } .notice-single-subheader { font-weight: bold; line-height: 25px; } .notice-single-content { margin-top: 50px; background-color: #fff; color: #333; padding: 50px; line-height: 25px; } .notice-single-content p { line-height: 25px; } .notice-single-content h4 { color: #444; font-size: 150%; margin: 0 0 15px 0; font-size: 28px; font-weight: bold; } .event_notice_container { border: 1px solid #a34f21; padding: 10px; background-color: #111; overflow: hidden; width: 1080px; margin: -37px auto 20px; } .event_notice_category { float: left; margin-right: 20px; color: #a34f21; } .event_notice_topitem { } .event_notice_image { } .event_notice_title { float: left; margin-right: 20px; color: #ccc; font-weight: bold; } .event_notice_title:hover { text-decoration: underline; } .event_notice_subtitle { } .event_notice_age { float: left; color: #555; } .sharethis_container { margin: 20px auto; padding: 5px; width: 70%; text-align: center; border: 0px solid #CCCCCC; -moz-border-radius: 0px; -khtml-border-radius: 0px; } #disqus_thread { padding: 30px; background-color: #111; } .teaser4x2_container { width: 100%; } .teaser4x2_container #col1, .teaser4x2_container #col2, .teaser4x2_container #col3 { width: -moz-calc( ( 100% - 300px - ( 3 * 6px ) - 10px ) / 3 ); width: -webkit-calc( ( 100% - 300px - ( 3 * 6px ) - 10px ) / 3 ); width: calc( ( 100% - 300px - ( 3 * 6px ) - 10px ) / 3 ); height: 250px; margin: 0 6px 0 0; padding: 0; float: left; display: block; } .teaser4x2_container #col4 { width: 300px; height: 250px; float: left; display: block; margin-left: 10px; } .teaser4x2_container #slot1, .teaser4x2_container #slot2, .teaser4x2_container #slot3 { #padding-right: 3px; margin-bottom: 6px; } .teaser4x2_container #slot4, .teaser4x2_container #slot5, .teaser4x2_container #slot6 { #padding-right: 3px; } .teaser4x2slot { position: relative; width: 100%; height: 122px; float: left; background-color: #111; } .teaser4x2slotad { width: 100%; height: 100%; } .teaser4x2slot h3 { position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; border: 0px; font-size: 28px; color: #eee; text-shadow: -1px -1px 2px #000; } .teaser4x2_inner { width: 100%; height: 100%; overflow: hidden; background: url(/fileadmin/templates/emsone_v1/images/iem8/4x2_teaser_gradient.png); } .teaser4x2_overlay { position: absolute; top: 0; left: 0; width: -moz-calc( 100% - 2px ); width: -webkit-calc( 100% - 2px ); width: calc( 100% - 2px ); height: -moz-calc( 100% - 2px ); height: -webkit-calc( 100% - 2px ); height: calc( 100% - 2px ); background: url(/fileadmin/templates/emsone_v1/images/iem8/4x2_teaser_gradient.png); border: 1px solid #333; } .teaser4x2_overlay:hover { border: 1px solid #aaa; } .esltv_twitter_buzz_list { margin-left: 0px; margin-top: 20px; width: 100%; height: 260px; overflow: hidden; } .esltv_twitter_buzz_keywords { margin: 0px 0 15px 0; font-weight: bold; } .esltv_twitter_buzz_item { width: 201px; height: 114px; float: left; margin-right: 3px; margin-bottom: 3px; background-color: #111; padding: 8px; } .esltv_twitter_feed_text { color: #aaa; } #footer_bg_wide { top: 0px; height: 790px; } #footer { background: none; } .footer_column_container { margin-bottom: 30px; height: 80px; width: 1100px; margin: 120px auto; } .footer_partner_container { margin: 0 auto; height: 130px; width: 476px; margin-top: 180px; } .footer_partner { float:left; margin: 0 30px 0 30px; } .season_history_overview_container { position: relative; margin-bottom: 0px; height: 480px; margin-top: -13px; } .season_history_overview_container .title { font-family: 'mako', sans-serif; background-color: #005fd2; width: 300px; padding: 5px; color: #fff; } .season_history_overview { width: 100%; #background-color: #fff; overflow:hidden; } .season_history_overview .description { color: #ccc; #font-size: 12px; #line-height: 25px; line-height: 180%; padding: 20px 0px 10px 0px; margin-right: 500px; } .season_history_overview .history_games { margin: 0 auto; width: 100%; overflow: hidden; text-align: center; margin-right: 500px; } .season_history_overview .history_game { float: left; overflow:hidden; text-align: center; width: 200px; } .season_history_overview .history_game img { width: 100%; } .season_history_overview_container .prizemoney { position: relative; font-family: 'mako', sans-serif; text-align: center; font-size: 60px; color: #005fd3; padding: 10px 0px 10px 0px; margin-right: 500px; } .season_history_overview_container .prizemoneytext { color: #ccc; font-size: 50%; } .season_history_overview_container .teaser { position: absolute; width: 450px; height: 450px; top: 1px; right: 0px; } .season_history_overview_container .teaser img { width: 100%; height: 100%; } .season_history_overview h3 { color: #333; font-weight: bold; width: 100%; top: auto; left: auto; padding: 0px; margin: 0px; border: 0px; } .season_history_event_container { margin-bottom: 30px; margin-left: 0px; } .season_history_event_container .title { font-family: 'mako', sans-serif; background-color: #005fd2; width: 200px; padding: 5px; color: #fff; } .season_history_event_container .eventdetails { float: right; width: 500px; text-align: right; padding: 5px; } .season_history_event { width: 100%; height: 200px; background-color: #eee; } .teaser { float: left; width: 309px; height: 200px; } .teaser img { width: 100%; height: 100%; } .games_container { position: relative; height: 190px; color: #000; } .season_history_event_container .prizemoney { position: absolute; right: 16px; bottom: -4px; font-family: 'just-me-again-down-here', sans-serif; # font-weight: bold; color: #333; font-size: 29px; } .history_game_results { float: left; margin: 0px 60px 10px 10px; font-size: 12px; } .history_game_results .name { color: #000; padding: 15px 20px 10px 10px; font-family: 'mako', sans-serif; text-decoration: none; font-size: 27px; line-height: 26px; border-bottom: 1px solid #ccc; } .history_game_results .contestant_rank { width: 90px; text-align: right; color: #666; font-size: 9px; } .history_game_results .contestant_name { width: 145px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; } .history_game_results .contestant_name img { height: 16px; width: 16px; margin-top: 0px; margin-bottom: -3px; #border: 1px solid #ddd ; } .history_game_results.numgames_3 .contestant_rank { width: 50px; } .history_game_results.numgames_3 .contestant_name { width: 90px; } .history_game_results.numgames_3 { margin: 0px 10px 10px 10px; } .history_game_results .contestant_prize { width: 55px; text-align: right; } .season_history_event .links { position: absolute; top: 170px; left: 322px; border-left: 1px solid #ccc; } .season_history_event .links .link { padding: 0px 10px 0px 10px; border-right: 1px solid #ccc; } .season_history_event .fng_container { padding-top: 20px; } .season_history_event .fng_item { font-size: 12px; } .season_history_event .fng_item table td { padding: 3px 10px; border-bottom: 1px solid #ccc; } .qualifier_links .event_container { overflow: hidden; } .qualifier_links .event { clear: both; } .qualifier_links .col_teaser { float: left; width: 25%; } .qualifier_links .col_details { float: left; width: 75%; min-height: 300px; } .qualifier_links .teaser { width: 100%; height: auto; } .qualifier_links h2 { #background-color: #000; #padding: 5px; width: 100%; #border-bottom: 1px solid #333; margin: 0px 0px 0px 0px; } .qualifier_links .game { float: left; width: -moz-calc( 100% - 20px ); width: -webkit-calc( 100% - 20px ); width: calc(100% - 20px); margin-left: 20px; } .qualifier_links .game_name { font-family: 'mako', sans-serif; background-color: #005fd2; width: 300px; padding: 5px; color: #fff; } .qualifier_links .game_name img { margin-top: 2px; margin-bottom: -2px; } .qualifier_links .game_container { width: 100%; } .qualifier_links .group_container { background-color: #eee; width: -moz-calc( 100% - 40px ); width: -webkit-calc( 100% - 40px ); width: calc(100% - 40px); color: #333; font-size: 11px; padding: 20px 0px 20px 20px; margin: 0 0 20px 0; overflow: hidden; } .qualifier_links .group { width: -moz-calc(50% - 30px); width: -webkit-calc(50% - 30px); width: calc(50% - 30px); margin-right: 30px; float: left; } .qualifier_links .group_name { width: -moz-calc(100% - 6px); width: -webkit-calc(100% - 6px); width: calc(100% - 6px); background-color: #eee; border-bottom: 1px dashed #333; padding: 15px 3px 3px 3px; font-size: 12px; font-weight: bold; color: #000; } .qualifier_links .group_container table { width: 100%; } .group_qualifiers th { color: #999; font-weight: normal; font-size: 10px; padding: 1px 0px; height: 15px; } .group_qualifiers td { padding: 1px 0px; } .group_qualifiers .item_date { width: 29%; vertical-align: top; } .group_qualifiers .item_name { width: 57%; color: #666; vertical-align: top; } .group_qualifiers .item_name a { color: #333; font-weight: bold; } .group_qualifiers .item_slots { width: 5%; text-align: center; vertical-align: top; } .group_qualifiers .item_bracket { width: 10%; text-align: right; vertical-align: top; } .group_qualifiers .item_bracket a { color: #333; font-weight: bold; } .qualifier_links .contestants_container { display: inline-block; #overflow: hidden; float: left; margin-bottom: 50px; margin-left: 20px; width: 100%; /* width: -moz-calc(100% - 325px); width: -webkit-calc(100% - 325px); width: calc(100% - 325px); */ } .qualifier_links .contestant { width: -moz-calc(25% - 22px); width: -webkit-calc(25% - 22px); width: calc(25% - 22px); height: 20px; display: block; float: left; background-color: #fff; padding: 6px 4px 0px 4px; margin: 2px; font-size: 11px; font-weight: bold; color: #000; } .qualifier_links .contestant_qualified_by { float: right; font-weight: normal; } .qualifier_links .contestant_fav1 { float: left; margin-right: 5px; } .qualifier_links .fav1_p { background-image:url(/images/icons/races/20px_p.png); width: 14px; height: 14px; display: inline-block; } .qualifier_links .fav1_z { background-image:url(/images/icons/races/20px_z.png); width: 14px; height: 14px; display: inline-block; } .qualifier_links .fav1_t { background-image:url(/images/icons/races/20px_t.png); width: 14px; height: 14px; display: inline-block; } .qualifier_links .contestant_flag { float: left; margin-right: 5px; } .qualifier_links .contestant_flag img { width: 14px; height: 14px; } .qualifier_links .contestant_name { float: left; } .spotlight_2slots_container { position: absolute; left: 0px; right: 0px; margin: 0 auto; bottom: 50px; width: 1100px; height: 304px; } .spotlight_2slots_left { float: left; width: 50%; width: 550px; height: 304px; } .spotlight_2slots_right { float: left; width: 550px; height: 304px; } .spotlight_2slots_left_inner { position: relative; width: 540px; height: 304px; margin-right: 10px; } .spotlight_2slots_right_inner { position: relative; width: 540px; height: 304px; margin-left: 10px; } .spotlightslot.iem_event_big.titlecontainer { background: url(/fileadmin/templates/emsone_v1/images/iem8/slot_title_bg.png); width: 465px; height: 55px; padding-left: 25px; padding-top: 10px; left: 0px; bottom: 20px; } .videotitle_medium { background-color: transparent; text-transform: none; font-size: 19px; font-family: 'mako', sans-serif; text-decoration: none; color: #fff; padding: 0 0 0 0; margin: 0 0 0 0; } .videotitle_medium.title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 375px; height: 22px; } .videotitle_medium.channel { color: #aaa; } .spotlight_slot_clickarea { width: 540px; height: 304px; z-index: 100; position: absolute; top: 0; left: 0; } .spotlight_slot_clickarea a { width: 100%; height: 100%; display: block; } .spotlight_slot_clickarea a:hover { width: 100%; height: 100%; display: block; background: url(/fileadmin/templates/emsone_v1/images/iem8/slothover.png); } #scroll-pane,.scroll-pane{position:relative} .scroll-content {position:absolute;top:0;left:0} .slider-wrap{position:absolute;right:0;top:0;background-color:#999;width:20px;border-left:0px solid lightgray;} .slider-vertical{position:relative;height:100%} .ui-slider-handle{width:19px;height:10px;margin:0 auto;background-color:#555;display:block;position:absolute} .ui-slider-handle img{border:none} .scrollbar-top{position:absolute;top:0;} .scrollbar-bottom{position:absolute;bottom:0;} .scrollbar-grip{position:absolute;top:50%;margin-top:-6px;} .ui-slider-range{position:absolute;width:100%;background-color:#999;} .list-event { } .list-event_scroll { height: 800px; } #scroll-pane,.scroll-pane { width: 100%; height: 300px; height: 187px; border-top: 0px dashed #999; border-bottom: 0px dashed #999; } .event_list_column { width: 500px; } .schedule_list_event_column_time { margin: 0 0px 0 0px; font-size: 100%; float: left; width: 43%; } .schedule_list_event_column_title_container { margin: 0 0 4px 0px; float: left; overflow: hidden; width: 57%; text-overflow: ellipsis; height: 16px; } .schedule_list_event_column_item { overflow: hidden; width: 100%; margin: 3px 0 0px 0; padding: 0px 0px 0px 0px; font-weight: normal; border-bottom: 1px solid #ddd; } .schedule_list_column_teaser { width: 100%; height: 70px; } .schedule_list_column_teaser.lol { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/schedule_box_gameart_lol.png); } .schedule_list_column_teaser.sc2hots { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/schedule_box_gameart_sc2hots.png); } .schedule_game_select_container { border-bottom: 0px solid #333; margin-bottom: 0px; margin-top: -0px; height: 20px; font-family: 'mako', sans-serif; background-color: #005fd2; width: 300px; padding: 5px; color: #fff; } .schedule_game_select { cursor: pointer; margin: 0px 3px 0px 0px; display: block; float: left; height: 20px; } .schedule_game_select img { width: 16px; height: 16px; margin-bottom: -2px; } .schedule_game_select a { margin-right: 0px; margin-left: 0px; padding: 0; border: 0px solid #333; font-family: 'mako', sans-serif; font-size: 15px; width: 300px; color: #fff; } .schedule_list_column_items_container { background-color: #fff; padding: 0px; width: 100%; position: relative; color: #333; overflow: hidden; margin-bottom: 60px; } .schedule_list_column_items_container_inner { margin: 0px 0px 10px 10px; } .schedule_list_column_headerinfo { margin-bottom: 10px; } .schedule_game_select.selected { border: 0px; } .schedule_game_select.selected a { background-color: transparent; border: 0px solid #333; } .schedule_game_select a:hover { text-decoration: none; color: #fff; background-color: transparent; } .schedule_game_select_hint { color: #666; font-size: 90%; margin-top: 10px; margin-bottom: 5px; width: 100%; text-align: center; clear: both; top: 5px; } .schedule_detail_utc_info { font-weight: normal; color: #666; font-size: 60%; } .vod_listing_wide.videoslot { position: relative; width: 212px; float: left; height: 212px; margin: 0 23px 10px 0; padding: 0px 0 10px 0; } .vod_listing_wide.views { border: 0px; color: #666; } .vod_listing_wide a:hover { background-color: #222; color: #aaa; } #brackets_multibox1_game_selector { overflow: hidden; position: relative; margin-top: 1px; float: left; } #brackets_multibox1_game_selector .gameselect{ width: 136px; height: 70px; float: left; margin-right: 5px; cursor: pointer; } #selectgamehint { font-size: 10px; color: #666; float: left; margin-top: 30px; } #brackets_multibox1_game_selector .gameselect.lol { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/bracket_select_lol.png); } #brackets_multibox1_game_selector .gameselect.lol_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/bracket_select_lol_active.png); } #brackets_multibox1_game_selector .gameselect.sc2hots { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/bracket_select_sc2hots.png); } #brackets_multibox1_game_selector .gameselect.sc2hots_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/bracket_select_sc2hots_active.png); } #brackets_multibox1_game_selector .gameselect.hearthstone { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/bracket_select_hearthstone.png); } #brackets_multibox1_game_selector .gameselect.hearthstone_active { background-image: url(/fileadmin/templates/emsone_v1/images/iem8/bracket_select_hearthstone_active.png); } .selectbracketbox .bracketselect { width: 120px; height: 20px; float: left; padding: 8px; text-align: center; background-color: #161616; color: #fff; margin-right: 5px; cursor: pointer; font-family: 'mako', sans-serif; text-decoration: none; font-size: 14px; margin-top: 20px; } .selectbracketbox .bracketselect.active { background-color: #2f2f2f; } .selectbracketbox .bracketselect:hover { background-color: #4a4a4a; } .brackets_container .brackets { overflow: hidden; clear: both; } .brackets_container .bracketbox { margin-top: 30px; margin-right: 20px; display: none; font-size: 12px; color: #aaa; } .brackets_container .bracketbox.active { margin-top: 30px; display: block; } .bracketbox h3 { margin-left: 0px; padding-left: 0px; } .competition_container { width: 100%; } .competition_group.player { width: 120px } .competition_groupmatch.player1 { width: 110px; } .competition_groupmatch.player2 { width: 110px; } .competition_container h3 { border: 0px; margin-left: 0px; padding-left: 0px; } .competition_bracket_container { margin-top: 30px; } .videoarchive_links_container { overflow: hidden; color: #666; margin-bottom: 30px; } .videoarchive_links_container .videoarchive_link { padding: 0px; height: auto; width: 250px; float: left; margin-right: 10px; text-align: center; } .videoarchive_links_container .videoarchive_link a { display: block; padding: 5px; width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); border: 1px solid #333; height: 100%; color: #fff; background-color: #111; } .videoarchive_links_container .videoarchive_link a:hover { background-color: #333; text-decoration: none; border: 1px solid #555; } #esltv_schedule { background-color: transparent; } .esltv_widget_entry { padding: 3px; margin: 0px; color: #ccc; } .esltv_widget li { margin: 0px; padding: 0px; border-bottom: 1px solid #333 !important; } .esltv_widget a:hover { color: #fff !important; background-color: #333 !important; } .esltv_twitter_buzz_item.boxes { width: 18%; margin-right: 16px; } .twitter_profile_boxes { top: 47px; right: 20px; } .footer_socialbutton { float: left; margin: 0 10px; } .footer_socialbuttons_container { margin: 0 auto; width: 255px; height: 65px; } .channellisting_compact.container { margin: 0px 0 0 0px; width: 101%; } .channellisting_big_total_live_viewers { position: absolute; top: 0px; right: 0px; width: 100%; text-align: right; margin-bottom: 0px; font-size: 80%; font-weight: normal; } .channel_language { right: 13px; left: auto; top: 61px; } .esltv_twitter_feed_livefeed_datetime { height: 16px; padding-top: 2px; border-right: 2px solid #005fd2; } .esltv_twitter_feed_livefeed_list li { list-style-type: none; line-height: 100%; padding: 0 0 0px 0; margin-left: 0px; } .esltv_twitter_feed_livefeed_list { margin-bottom: 30px; } .esltv_twitter_feed_more_button { cursor: pointer; width: 290px; background: #111; border: 1px solid #333; padding: 1px; text-align: center; margin-left: 109px; color: #666; } .esltv_twitter_feed_more_button:hover { color: #eee; border: 1px solid #666; } #esltv_twitter_feed_more { display: none; border-top: 1px solid #333; padding-top: 6px; } .channel_status { margin-bottom: 0px; font-weight: normal; font-size: 100%; position: absolute; left: 1px; top: 53px; } .channel_description_short { clear: both; line-height: 20px; padding: 20px; margin-top: 10px; margin-right: 10px; background-color: #111; -moz-border-radius: 5px; -khtml-border-radius: 5px; } #chat_docked { right: 10px; margin-left: 0px; position: absolute; z-index: 100000; height: 421px; width: 410px; top: 250px; padding: 4px 4px 2px 4px; background-color: #222; border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; } .esltv_twitter_feed_livefeed_game { display: inline; margin-top: -17px; } .competition_group_container { height: 268px; } .cta_button { text-align: center; color: #fff; font-size: 14px; } .cta_button a { background-color: #005fd2; border: 2px solid #fff; width: 50%; height: 30px; display: block; color: #fff; padding: 10px 0 0 0; } .cta_button a:hover { background-color: #2a76d2; border: 2px solid #fff; text-decoration: none; } /* Make the Facebook Like box responsive (fluid width) https://developers.facebook.com/docs/reference/plugins/like-box/ */ /* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */ #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } .about_person { #font-size: 20px; font-weight: bold; } .about_mission { line-height: 180%; } .about_mission img { width: 220px; height: 240px; float: right; margin-top: 24px; margin-left: 30px; margin-right: 0px; margin-bottom: 10px; } .about_mission_apo { font-family: times; font-size: 70px; font-weight: bold; margin-right: 10px; } .esltv_twitter_feed_list { margin-top: 74px; } .esltv_twitter_feed_list li { list-style-type: none; line-height: 160%; padding: 0 0 10px 0; margin-left: 0px; display: block; float: left; width: -moz-calc(33% - 24px); width: -webkit-calc(33% - 24px); width: calc(33% - 24px); background-color: #111; height: 99px; font-size: 11px; line-height: 13px; margin-right: 2px; margin-bottom: 2px; padding: 10px; } .esltv_twitter_feed_datetime a { color: #333; } .players_list2_container { overflow: hidden; #float: left; margin: 0px 0px 5px 0px; width: 100%; /* width: -moz-calc(100% - 325px); width: -webkit-calc(100% - 325px); width: calc(100% - 325px); */ } .players_list2_container .contestant { width: -moz-calc(33% - 17px); width: -webkit-calc(33% - 17px); width: calc(33% - 17px); height: 24px; display: block-inline; float: left; background-color: #222; border: 1px solid #333; padding: 6px 4px 0px 4px; margin: 2px 4px 2px 0px; font-family: 'ubuntu-condensed', sans-serif; font-size: 16px; #font-weight: bold; color: #eee; overflow: hidden; #border: 1px solid #000; } .players_list2_container .contestant.outofcompetition { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } .players_list2_container .contestant_qualified_by { float: right; font-weight: normal; font-size: 11px; line-height: 10px; text-align: right; color: #aaa; } .players_list2_container .contestant_qualified_by_title { color: #666; } .players_list2_container .contestant_fav1 { float: left; margin-right: 5px; } .players_list2_container .fav1_p { background-image:url(/images/icons/races/20px_p.png); width: 20px; height: 20px; display: inline-block; } .players_list2_container .fav1_z { background-image:url(/images/icons/races/20px_z.png); width: 20px; height: 20px; display: inline-block; } .players_list2_container .fav1_t { background-image:url(/images/icons/races/20px_t.png); width: 20px; height: 20px; display: inline-block; } .players_list2_container .contestant_flag { float: left; margin-right: 5px; } .players_list2_container .contestant_flag img { width: 20px; height: 20px; } .players_list2_container .contestant_name { float: left; } .schedule_day_select { text-align: center; margin: 25px; } .schedule_day_select li { border: 0px; display: inline; position: relative; bottom: 0; font-family: 'mako', sans-serif; font-size: 28px; line-height: 39px; list-style-type: none; margin: 0 10px 0 10px; padding: auto; width: 114px; height: 39px; } .schedule_day_select li a { text-decoration: none; } .schedule_day_select li strong a { color: #fff; font-size: 28px; } .schedule_hourslots_legend { text-align: center; margin-bottom: 5px; } .schedule_hourslots_legend .schedule_list_utc_info { color: #666 !important; } .schedule_hourslots_container { width: 100%; position: relative; overflow: hidden; height: 1900px; margin-left: 5px; background-color: rgba(0, 0, 0, 0.1); } .schedule_hourslots_item_container { width: 100%; position: absolute; left: 0; top: 0; margin: 0px; padding: 0px; } .schedule_hourslots_item { height: -moz-calc(100% - 5px); height: -webkit-calc(100% - 5px); height: calc(100% - 5px); width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); margin: 0px 5px 5px 5px; background-color: #222; margin: 0px; padding: 0px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; background-image: url(/fileadmin/templates/emsone_v1/images/iem8/schedule_item_bg.png); background-position: bottom; border: 1px solid #000; } .schedule_hourslots_item.islive { border: 1px solid #ddd; } .schedule_hourslots_item:hover { background-color: #444; #background-image: url(/fileadmin/templates/emsone_v1/images/iem8/schedule_item_bg_hover.png); border: 1px solid #528698; } .schedule_hourslots_item_inner { margin: 10px; } .schedule_hourslots_item_time { float: left; font-weight: normal; margin-right: 10px; } .schedule_hourslots_item_game img { width: 14px; height: 14px; vertical-align: middle; margin-top: -4px; } .schedule_hourslots_item_game { margin-top: 5px; color: #ccc; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .schedule_hourslots_item_language { position: absolute; top: 10px; right: 6px; width: 30px; } .schedule_hourslots_item_title { margin-top: 5px; font-size: 12px; color: #6ab5dc; line-height: 16px; width: 80%; } .schedule_hourslots_item a { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; } .schedule_hourslots_item_now_marker { position: absolute; left: 0; /* background-color: #d15820; */ width: 100%; height: 2px; opacity:0.2; filter:alpha(opacity=20); /* For IE8 and earlier */ pointer-events:none; } .schedule_hourslots_item.small .schedule_hourslots_item_title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; height: 30px; display: none; } .schedule_hourslots_item.tiny .schedule_hourslots_item_title { display: none; } .schedule_tz_info { float: right; margin-top: -20px; margin-right: 10px; } .back2event { position: absolute; top: 0px; right: 0px; background-color: #222; text-align: center; border: 1px solid #444; color: #ccc; width: 150px; height: 30px; } .back2event:hover { background-color: #333; text-decoration: none; color: #fff; } .back2event a { color: #ccc; width: 100%; height: 100%; display: block; padding: 8px; } .back2event a:hover { text-decoration: none; color: #fff; } #skyscraper { position: absolute; top: 505px; top: 450px; top: 250px; right: -125px; right: -165px; } .teams_list1_container li:hover { background: none; } .teams_list1_container li .item_inner_container { width: calc(100% - 15px); height: calc(100% - 10px); margin-right: 5px; border: 1px solid #333; background-color: #222; padding: 5px; } .teams_list1_container li .item_inner_container:hover { border: 1px solid #444; background-color: #292929; } .teams_list1_name { line-height: 10px; } #header_networklogo { width: 186px; height: 76px; top: -5px; } .event_viewers_total { position: absolute; top: -30px; right: 60px; } h4 { font-family: 'ubuntu-condensed', times; font-weight: normal; text-decoration: none; font-size: 17pt; line-height: 20pt; position: relative; margin: 15px 0 0px 0; padding: 0px 0 0px 0px; } .competition_bracket.bracket_8se .doubleslot { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_8se .doubleslot:after { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_8se .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_8se .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_8de .doubleslot { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_8de .doubleslot:after { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_8de .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_8de .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_4se .doubleslot { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_4se .doubleslot:after { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_4se .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_4se .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_4de .doubleslot { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_4de .doubleslot:after { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_4de .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_4de .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_16se .doubleslot { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_16se .doubleslot:after { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_bg.png); } .competition_bracket.bracket_16se .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .competition_bracket.bracket_16se .contestants { background-image: url(/fileadmin/templates/propage2/iem_v1/images/bracket_doubleslot_contestants_bg.png); } .contentbox_inner.ad { padding: 0px 35px 0px 0px; width: calc(100% - 350px); } .contentbox_center_ad_right_inner { height: 250px; width: 350px; } .youtube_videos_list li { padding: 3px 0 0px 31px; background-repeat: no-repeat; background-position: 0px 2px; background-size: 21px 24px; background-image: url(/images/icons/link_icons_youtube.png); list-style-type: none; } .youtube_videos_list li a, .youtube_videos_list li a:hover { border: 0; } .pressreleasefullbody { width: 950px; margin: 0 auto; } .pressreleasefullbody h2 { height: 150px; font-size: 57px; font-family: open-sans-condensed; font-weight: 600; line-height: 60px; left: 0; top: 0; margin: 0; padding: 0; width: 100%; } .pressreleasefullbody h3 { padding: 0px 0 5px 0px; font-size: 31px; line-height: 33px; font-family: open-sans; } .pressreleasefullbody p { font-size: 19px; line-height: 30px; font-weight: 200; font-family: open-sans; margin-top: 30px; } .pressreleasefullbody .pressteaser { margin: 10px 0px 30px 50px; float: right; border: 1px solid rgba(255, 255, 255, 0.15); } .event_countdown_title { position: absolute; background-color: rgba(0, 0, 0, 0.1); left: 0px; right: auto; width: 921px; width: 1115px; width: 100%; width: 590px; top: auto; bottom: 40px; margin: 0 auto; text-align: left; font-family: 'mako', sans-serif; text-decoration: none; font-size: 30pt; color: #fdfefe; height: 50px; padding: 10px 10px 10px 40px; } .countdown_amount { color: rgba(204, 204, 204, 0.35); } .event_countdown_countdown { bottom: 42px; left: 40px; font-size: 5px; top: auto } } .cta-button { position: relative; vertical-align: top; width: 300px; margin: 0 auto; height: 60px; padding: 0; font-size: 22px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #3498db; border: 0; border-bottom: 2px solid #2a8bcc; cursor: pointer; -webkit-box-shadow: inset 0 -2px #2a8bcc; box-shadow: inset 0 -2px #2a8bcc; } .logout { text-align: right; } .polls_container { position: relative; } .polls_container .sharebutton { float: left; margin-right: 10px; margin-bottom: 10px; margin-top: 20px; display: block; } .polls_container .title { font-size: 14px; margin-top: 20px; background-color: #005fd2; padding: 5px; color: #fff; max-width: 300px; } .polls_container .question img { height: 50px; margin-top: -7px; vertical-align: middle; } .polls_container .userintro { margin-top: 20px; background-color: rgba(77, 77, 77, 0.28); padding: 20px; overflow: hidden; } .polls_container .userintro.voted { background-color: rgba(91, 179, 102, 0.41); padding: 30px; } .polls_container .userintro.voted span { font-size: 30px; font-weight: bold; } .polls_container .userintro.voted p { font-size: 13px; font-weight: normal; margin-bottom: 10px; } .polls_container .question { font-size: 34px; margin-bottom: 50px; font-weight: 300; } .polls_container .body { background-color: rgba(0, 0, 0, 0.2); padding: 10px 10px 10px 10px; } .polls_container ul { overflow: hidden; margin-left: 30px; } .polls_container ul li { list-style: none; margin: 0; padding: 0; border: none; float: left; width: 14.2%; width: 16.5%; text-align: center; } .polls_container .answer_item_inner { margin: 0 30px 30px 0; cursor: pointer; } .polls_container .answer_item_inner img { -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */ transition: 0.5s; } .polls_container .answer_item_inner:hover { background-color: rgba(255, 255, 255, 0.05); } .polls_container .answer_item_inner.voted { cursor: inherit; } .polls_container .answer_item_inner.voted:hover { background-color: transparent; } .polls_container .answer_item_inner.passive img { opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */ } .polls_container .answer_item_inner.passive .answer { opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */ } .answerimg { width: 100%; margin: 0 auto; } .polls_container .answer_item_inner.passive .answerimg { } .polls_container .countdown { width: 50%; margin: 0 auto; } .polls_container .countdown .number { font-size: 60px; font-family: open-sans-condensed; font-weight: bold; line-height: 48px; } .polls_container .countdown .legend { font-size: 12px; font-family: open-sans-condensed; font-weight: normal; color: rgba(255, 255, 255, 0.22); } .polls_container .countdown .date { text-align: center; color: rgba(255, 255, 255, 0.22); } .countdown .circleTimerCircles { color: #005fd2; background-color: #222; } .polls_container .result ul li { list-style: none; margin: 0; padding: 0; border: none; width: 100%; text-align: left; line-height: 50px; } .result .answerimg { width: 50px; margin: 0px 15px 0px 0px; float: left; margin-top: 1px; } .polls_container .result .answer_item_inner { margin: 0 0px 0px 0; } .polls_container .result .question { margin-bottom: 10px; } .polls_container .result .percentagebar { background-color: #005fd2; height: 30px; display: inline-block; width: 1px; margin: 10px 10px 0px 0px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s; } .polls_container .result .winner .percentagebar { background-color: #38A435; } .polls_container .result .answertext { top: -9px; position: relative; } .polls_container .result .winner .answertext { top: -5px; font-weight: bold; font-size: 28px; } .polls_container .result .answerpercentage { top: -5px; position: relative; font-size: 29px; font-family: Open-Sans-Condensed; font-weight: 600; width: 70px; display: inline-block; } .polls_container .result .totalvotes { margin: 5px 0px 5px 93px; color: rgba(255, 255, 255, 0.23); } .ui-tooltip { background: black; font-size:12px; height:10px; padding:10px; color:#fff; z-index: 99; bottom: 10px; border: 0 !important; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; } .ticketdescription { position: relative; background-color: rgba(0, 0, 0, 0.13); padding: 0px 0px 20px 0px; min-height: 0px; line-height: 22px; #margin-bottom: 10px; border-right: 5px solid transparent; overflow: hidden; } .ticketdescription.details { min-height: 0; background-color: transparent; } .ticketdescription.premium { background-color: rgba(0, 0, 0, 0.8); background: url(/fileadmin/templates/emsone_v1/images/iem9/events/iem9_sanjose/premium_bg.jpg); background-size: 100%; } .ticketdescription h2 { font-size: 25px; background-color: #005fd2; padding: 8px; top: 0; left: 0; line-height: 100%; margin: 0; padding: 5px 0px 5px 10px; width: calc(100% - 10px); height: auto; } .ticketdescription h3 { margin: 0px 0px 20px 0px; } .ticketdescription p { line-height: 20px; margin: 0 0 0 0; font-size: 13px; padding: 0px 0px 0px 10px; font-family: open-sans; } .ticketdescription:hover { #background-color: rgba(255,255,255,0.05); border-right: 5px solid rgba(255,255,255,1); #font-weight: bold; } .ticketdescription .plus { color: #FFE700; font-weight: bold; } .channel_tickets_cta { position: absolute; top: -730px; left: calc(50% - 560px);; } .ticketdescription .buy { position: relative; float: right; margin-left: 10px; } .ticketdescription .premiummore { background-color: rgba(0, 0, 0, 0.34); padding: 3px 6px; font-weight: bold; } .ticketdescription .buy2 { position: absolute; bottom: 70px; left: 20px; } .ticketdescription .more { margin-left: 10px; font-size: 22px; margin-top: 5px; font-family: 'open-sans', times; font-weight: 300; } .ticketdescription .buy a, .channel_tickets_cta .buy a { background-color: #CB7104; width: 210px; height: 30px; display: block; padding: 6px 5px 5px 5px; text-align: center; color: #fff; font-weight: 600; text-shadow: 1px -1px 0px #845700; font-size: 22px; font-family: Open-Sans-Condensed; border: 0; line-height: 27px; } .ticketdescription.details .buy, .channel_tickets_cta .buy { position: relative; bottom: auto; left: calc(50% - 100px); text-align: center; } .ticketdescription .buy a:hover { background-color: #FF9601; } .ticketdescription.day .buy a, .ticketdescription .buy a { #background-color: #FF9601; background-color: transparent; text-shadow: 0px 0px 10px #000; } .ticketdescription.day .buy a:hover, .ticketdescription .buy a:hover, .channel_tickets_cta .buy a:hover { #background-color: #FF8224; background-color: transparent; text-decoration: none; } .ticketdescription .buy span { color: #FFF; } .seating_plan { text-align: center; width: 100%; margin-top: 0px; } .seating_plan img { width: 100%; display: none; } .seatingmap_legend { margin-top: 20px; font-size: 10px; color: #666; } #sc2_tickets, #lol_tickets { margin-top: 10px; } .ticketdescription.buybuttons { text-align: center; } .ticketdescription.buybuttons .buy { float: none; display: inline-block; margin-top: 50px; } .ticketdescription.buybuttons .buy a { background-color: #FF9601; } .ticketdescription.buybuttons .buy a:hover { background-color: #FF8224; } .ticketdescription.buybuttons .buy.secondary a:hover { background-color: #1E5F94; } .ticketdescription.buybuttons .buy.secondary a { background-color: #2777B8; } .ticketdescription.buybuttons .buy a { padding: 15px 25px; } .ticketdescription.buybuttons .details .buy { padding: 15px 25px; width: 210px; text-align: center; margin-top: 0px; } .ticketdescription.buybuttons:hover { border-right: 5px solid transparent; } /* Event Teaser BEGIN */ .eventfeature { font-family: 'open-sans', times; font-weight: 300; font-style: none; font-size: 16px; line-height: 20px; width: 80%; margin: 20px auto 70px; clear: both; overflow: hidden; #background-image: url(/fileadmin/templates/emsone_v1/images/esl-one-frankfurt14/hr_bg.png); #background-position: right bottom; #background-repeat: no-repeat; } .eventfeature.odd { background-position: left bottom; } .eventfeature p { background-color: transparent; padding: 10px 10px 10px 360px; text-align: left; } .eventfeature.compendium p { max-width: 700px; margin: 0 auto; } .eventfeature h2 { height: auto; font-size: 28px !important; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; position: relative; top: 0; left: 0; } @media (min-width: 1750px) { .eventfeature p { padding: 10px 10px 10px 360px; text-align: left; } .eventfeature { font-size: 20px; line-height: 30px; } .eventfeature h2 { height: auto; font-size: 55px !important; margin: 10px 0px 20px 0px; } } .eventfeature .more { font-style: italic; } .eventfeature .teaser { float: left; margin-right: 50px; } .eventfeature.odd .teaser { float: right; margin-left: 50px; margin-right: 0px; } .compendium_topteasers { text-align: center; } .compendium_topteasers img { width: 29%; margin: 40px 40px 20px 0px; float: left; } /* EVent Teaser END */ .stage_event_menu { position: absolute; bottom: 59px; left: 0px; } .stage_event_menu li { border: 0px; display: inline; position: relative; bottom: 0; font-family: 'mako', sans-serif; font-size: 20px; font-weight: 300; line-height: 39px; list-style-type: none; margin: 0 10px 0 0px; padding: 6px 15px; width: 114px; background-color: rgba(0, 95, 210, 0.92); background-color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.29); } .stage_event_menu li:hover { background-color: rgba(0, 0, 0, 0.7); } .stage_event_menu li.cta { background-color: #CB7104; } .stage_event_menu li.cta:hover { background-color: #F38907; } .stage_event_menu li a { text-decoration: none; color: #ddd; text-shadow: -1px -1px 0px rgba(51, 51, 51, 0.33); } .stage_event_menu li a:hover { text-decoration: none; color: #fff; } #c25378 h5, #c25377 h5 { width: auto; margin-top: 20px; margin-bottom: 5px; } .teams_list2_name { font-size: 10px; color: rgba(255, 255, 255, 0.22); } .schedule_hourslots_item_language .flagicon { height: 7px; background-size: 15px 8px; display: inline-block; margin: 1px 1px 1px 1px; } .schedule_hourslots_item_language { position: absolute; bottom: 3px; right: 13px; top: 5px; left: auto; } .schedule_hourslots_container .datetoshow { padding: 10px; } #toc_container { position: fixed !important; top: 240px !important; } .ticketpage { font-family: 'open-sans', times; position: relative; } .ticketpage h3 { font-family: 'open-sans', times; font-weight: 300; text-transform: none; text-decoration: none; font-size: 30px; line-height: 100%; position: relative; top: 0px; left: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; height: auto; width: auto; max-width: none; text-align: left; } .ticketpage p { line-height: 140%; font-size: 22px; font-weight: 400; max-width: 1000px; text-align: left; margin: 0 auto; color: #FFF; } .ticketpage.intro { height: auto; display: block; margin-bottom: 50px; } .ticketpage p.passive { color: #7f8c8d; } .ticketpage .features.intro { margin-left: 10px; } .ticketpage .features.intro { margin-top: 30px; } .ticketpage .features.intro p { margin: 0px 0px 0px 0px; margin-top: 30px; width: 65%; } .ticketpage .features p { margin-bottom: 40px; margin-right: 10%; } .ticketpage .features { margin-left: 490px; margin-top: 80px; } .ticketpage .features_img { position: absolute; top: 110px; left: -70px; z-index: 900; } .ticketpage .countdown { position: absolute; top: 0px; right: 0px; font-size: 21px; } .ticketpage .countdown .countdown_title { font-size: 19px; } .ticketpage .countdown .countdown_title i { text-decoration: none; font-style: normal; color: #7f8c8d; } .ticketpage strong { color: #0171C5; } .ticketpage .extpagebutton { width: 301px; height: 53px; display: block; margin: 0px auto; padding: 50px; text-align: center; } .ticketpage .extpagebutton a { width: 100%; height: 100%; display: block; padding: 0px; border: 0; background: url(/fileadmin/templates/emsone_v1/images/iem8/events/iem8_katowice/buytickets_ticketpro.png); } .ticketpage .extpagebutton a:hover { padding: 0px; border: 0; background: url(/fileadmin/templates/emsone_v1/images/iem8/events/iem8_katowice/buytickets_ticketpro_hover.png); } .ticketpage .extpagebutton.bottom { padding: 100px 50px 50px 50px; } .ticketpage hr { width: 50%; margin: 50px auto -110px; } .ticketpage .extpagebutton_below { position: absolute; bottom: 20px; right: 53px; font-weight: 300; color: #7f8c8d; } .ticketpage .extpagebutton_below.bottom { position: absolute; bottom: 20px; right: 0; left: 0; font-weight: 300; color: #7f8c8d; text-align: center; font-size: 21px; } .tickettype_col .currently_outofstock { position: absolute; top: -1px; right: -1px; background: url(/fileadmin/templates/emsone_v1/images/iem9/currently_out-of-stock.png); width: 185px; height: 185px; } .tickettype_col .outofstock { position: absolute; top: -1px; right: -1px; background: url(/fileadmin/templates/emsone_v1/images/iem9/out-of-stock.png); width: 185px; height: 185px; } .tickettype_col { position: relative; background-color: #1b1e23; height: 640px; font-family: 'open-sans', times; } .tickettype_col.weekend { height: 310px; margin-top: 10px; } .tickettype_col.day { /* height: 210px; margin-top: 10px; background-color: #0c0d0f; color: #6e6e6e; */ height: 320px; } .tickettype_col.day ul { margin-top: 30px; } .tickettype_col h3 { font-family: 'open-sans', times; text-transform: none; text-decoration: none; height: auto; width: auto; max-width: none; text-align: center; position: relative; color: #fff; top: 0px; left: 0px; line-height: 65px; font-weight: 600; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 22px; background: url(/fileadmin/templates/propage2/eslone_v1/dota2/images/frankfurt-2015/ticketcol_bg2.png); } .tickettype_col.weekend h3 { background: url(/fileadmin/templates/propage2/eslone_v1/dota2/images/frankfurt-2015/ticketcol_bg1.png); } .tickettype_col.day h3 { /* background: url(/fileadmin/templates/propage2/eslone_v1/dota2/images/frankfurt-2015/ticketcol_bg3.png); color: #6e6e6e; line-height: 45px; height: 45px; */ } .tickettype_col.aegis { box-shadow: 0px 0px 40px rgba(148, 234, 237, 0.1); margin-right: 20px; margin-bottom: 20px; } .tickettype_col.aegis h3 { background: none; background-color: #000; color: #0171C5; line-height: 54px; padding-bottom: 11px; } .tickettype_col h4 { color: #0171C5; font-size: 18px; font-weight: 500; line-height: 22px; border: 0; margin: 30px 20px 30px 20px; padding: 0px 0px 0px 0px; text-align: left; } .tickettype_col.weekend h4 { color: #fff; } .tickettype_col ul { list-style-type: none; font-size: 18px; font-weight: 500; } .tickettype_col ul li { margin: 10px 20px 0px 30px; padding-left: 10px; line-height: 20px; } .tickettype_col ul li:before { content: '+'; position: absolute; left: 20px; } .tickettype_col .bottom { position: absolute; bottom: 0px; left: 0px; height: 36px; width: 100%; line-height: 36px; text-align: center; background-color: #393b3f; color: #ff9900; } .tickettype_col.aegis .bottom { background-color: #000; height: 5px; } .tickettype_col.aegis .limited { position: absolute; top: 45px; right: 0px; color: #ff9900; text-shadow: 1px 1px 2px #090B0D; font-size: 12px; font-weight: 600; left: 0px; width: 100%; text-align: center; } .tickettype_col .price.main { position: absolute; bottom: 50px; right: 30px; color: #0171C5; text-shadow: 1px 1px 2px #090B0D; font-size: 32px; font-weight: 700; } .tickettype_col.day .price.main { bottom: 10px; } .tickettype_col .price.rabatt { position: absolute; bottom: 55px; right: 170px; color: #0171C5; font-size: 15px; } .tickettype_col.day .price.rabatt { bottom: 15px; right: 170px; } .tickettype_col .price.stroke { position: absolute; bottom: 86px; right: 30px; color: #7f8c8d; text-decoration: line-through; text-shadow: 1px 1px 2px rgba(9, 11, 13, 0.3); font-size: 22px; font-weight: normal; } .tickettype_col.aegis .price.main { bottom: 20px; } .tickettype_col.aegis .price.rabatt { bottom: 30px; right: 130px; width: 50%; line-height: 14px; } .ticketfaq { width: 50%; margin: 0 auto; } .ticketfaq p { font-family: 'open-sans', times; line-height: 140%; font-size: 22px; font-weight: 400; max-width: 1000px; text-align: left; margin: 0; color: #FFF; width: 100%; } .ticketfaq h6 { font-family: 'open-sans', times; font-weight: normal; text-transform: none; text-decoration: none; font-size: 30px; line-height: 100%; position: relative; top: 0px; left: 0px; margin: 40px 0px 0px 0px; padding: 0px 0px 5px 1px; height: auto; width: auto; text-align: left; border-bottom: 0; color: #0171C5; font-size: 22px; width: 95%; } .superbanner_left { display: inline-block; text-align: left; width: calc( 37% - 1px ); font-size: 11px; vertical-align: top; border-right: 1px solid rgba(255, 255, 255, 0.13); color: #585858 !important; } .superbanner_left a { color: #585858 !important; } .superbanner_right { display: inline-block; width: calc( 63% - 20px ); padding-left: 10px; } .app_badge_banner { position: absolute; top: -97px; right: 0px; z-index: 1000; } .spotlightslot.big.empty { position: absolute; top: 0px; text-align: center; font-weight: bold; color: #333; height: 304px; width: 540px; } .showstartinfo { font-family: 'Open-Sans'; font-size: 46px; font-weight: 800; position: absolute; bottom: 125px; left: 0px; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.73); color: #FFFFFF; line-height: 40px; } .spotlight_2slots_container #defaultCountdownBig1 { margin: 0 auto; padding-top: 100px; width: 780px; } .schedule_hourslots_item_language .flagicon { height: 6px; background-size: 12px 7px; display: inline-block; margin: 1px 1px 1px 1px; } .youtube_videos_list { } .youtube_videos_list img { display: inline-block; height: 40px; vertical-align: middle; } .youtube_videos_list li { list-style: none; display: inline-block; background-position: 5px 11px; width: 100%; padding: 3px 0 0px 31px; background-repeat: no-repeat; background-size: 21px 24px; background-image: url(/images/icons/link_icons_youtube.png); list-style-type: none; } .youtube_videos_list .title { display: inline-block; width: 80%; height: 30px; top: 0px; position: relative; } .youtube_videos_list li a, .youtube_videos_list li a:hover { color: #fff; border: 0; height: 100%; display: block; padding-bottom: 0px; } .youtube_videos_list li a:hover { background-color: rgba(255, 255, 255, 0.1); }