::-webkit-input-placeholder { color: #888; font-size: 14px; } :-moz-placeholder { color: #888; font-size: 14px; } ::-moz-placeholder { color: #888; font-size: 14px; } :-ms-input-placeholder { color: #888; font-size: 14px; } body{ overflow-x: hidden; } body.large #headline{ width: calc(17vw - 15px); height: 100%; z-index: 2; } @media( min-width: 1600px ){ body.large #headline{ width: 13vw; } } @media( min-width: 2000px ){ body.large #headline{ width: 11vw; } } #logo{ width: 184px; height: 40px; margin: 14px 0px 0px 78px; } @media( max-width: 420px ){ #logo { width: 138px; height: 30px; margin: 19px 0px 0px 70px; } } body.large #logo{ width: 14.37vw; height: auto; margin: 1vw 0 0.7vw 0.75vw; } @media( min-width: 1600px ){ body.large #logo { width: 11.35vw; } } @media( min-width: 2000px ){ body.large #logo { width: 9.35vw; } } @media( min-width: 1024px ){ #wrapper { max-width: 83vw; float: right; min-height: 100%; position: relative; } body{ padding-top: 0px; } } @media( min-width: 1600px ){ #wrapper { max-width: 86vw; } } @media( min-width: 2000px ){ #wrapper { max-width: 88vw; } } #startsite_teaser_area{ padding-bottom: 10px; display: inline-block; width: 100%; } .player_side{ position: relative; overflow: hidden; } @media( min-width: 1024px ){ .player_side { display: block; top: 0px; width: 21vw; float: right; overflow: hidden; } .player_side:before{ content: ""; display: block; padding-top: 34.89vw; } .player_side > div{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:100%; height: 100%; } } @media( min-width: 1600px ){ .player_side { width: 24vw; } } @media( min-width: 2000px ){ .player_side { width: 26vw; } } .player_side div.metacontent{ padding: 12px 10px 0 10px; visibility: hidden; } .player_side div.side_navi{ padding: 0px; height: 35px; } .player_side div.tab{ display: inline; } .player_side div.tab[data-item="playlist"]{ overflow: auto; height: calc(100% - 25px); } .player_side .listitem{ padding: 10px 38px 10px 30px; font-size: 13px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .player_side .listitem:hover{ background: #080808; } .player_side .listitem span{ position: absolute; top: 10px; left: 4px; width: 24px; height: 17px; padding-right: 3px; text-align: center; font-size: 13px; } .player_side .listitem .playbutton{ top: 8px; right: 8px; width: 20px; height: 20px; } .player_side div.title{ font-size: 19px; line-height: 23px; text-transform: uppercase; } .player_side img.image{ display: none; } .player_side div.description{ margin-top: 8px; font-size: 14px; } @media( max-width: 1300px ){ .player_side div.description{ max-height: 56%; overflow: auto; } } @media( max-width: 1200px ){ .player_side div.description{ max-height: 44%; overflow: auto; } } @media( max-width: 1170px ){ .player_side div.description{ max-height: 38%; overflow: auto; } } .player_side div.tags{ margin: 14px -1px 0px -1px; padding-bottom: 4px; } .rrssb-buttons li{ width: 42px !important; } .player_side div.share{ max-width: 240px; margin-left: -2px; } body.large .player_side div.share{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 4px 9px; max-width: none; margin-left: auto; background: #181818; background: -moz-linear-gradient(top, rgba(24,24,24,0) 0%, rgba(24,24,24,1) 10%, rgba(24,24,24,1) 100%); background: -webkit-linear-gradient(top, rgba(24,24,24,0) 0%,rgba(24,24,24,1) 10%,rgba(24,24,24,1) 100%); background: linear-gradient(to bottom, rgba(24,24,24,0) 0%,rgba(24,24,24,1) 10%,rgba(24,24,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00181818', endColorstr='#181818',GradientType=0 ); } @media( min-width: 1146px ){ body.large .player_side div.share{ padding-bottom: 12px; } } .rrssb-buttons li a{ width: 36px; border-radius: 18px; } .player_side div.views{ font-size: 11px; color: #8f8f8f; } body.large .player_side div.views{ position: absolute; bottom: 39px; } @media( min-width: 1146px ){ body.large .player_side div.views{ bottom: 49px; } } @media( min-width: 1200px ){ .player_side div.metacontent{ padding: 17px 17px 0 17px; } .player_side div.title{ font-size: 20px; line-height: 24px; } .player_side div.description{ margin-top: 13px; font-size: 14px; line-height: 18px; overflow: auto; max-height: 42%; } .player_side div.tags{ margin-top: 18px; } body.large .player_side div.share{ padding-right: 14px; padding-left: 14px; } } @media( min-width: 1500px ){ .player_side div.metacontent{ padding: 15px 24px; } .player_side div.title{ font-size: 22px; line-height: 26px; } .player_side div.description{ margin-top: 17px; font-size: 16px; line-height: 21px; overflow: auto; max-height: 51%; } .player_side div.tags span{ padding: 2px 6px; font-size: 12px; line-height: 27px; } body.large .player_side div.views{ bottom: 53px; font-size: 13px; } body.large .player_side div.share{ padding-right: 23px; padding-left: 23px; } } @media( min-width: 1700px ){ .player_side div.description{ overflow: auto; max-height: 37%; } } @media( min-width: 1900px ){ .player_side div.metacontent{ padding: 24px; } .player_side div.description{ font-size: 18px; line-height: 21px; } .player_side img.image{ max-width: 100%; margin-top: 14px; display: block; } } @media( min-width: 1024px ){ #videoplayer_space, #videoplayer_box{ width: 62vw; top: 0px; float: left; } body.cinema #videoplayer_box{ width: 99%; float: none; } body.cinema #videoplayer_side{ display: none !important; } } @media( min-width: 1024px ){ .griditem { height: calc(9.5vw + 117px); width: 24.5%; margin: 0.25%;} } @media( min-width: 1300px ){ .griditem { height: calc(9.5vw + 98px); } } @media( min-width: 1600px ){ .griditem { height: calc(6.5vw + 117px); width: 19.5%;} } @media( min-width: 2200px ){ .griditem { height: calc(6.5vw + 87px); width: 16.25%; margin: 0.2%;} } #search { background: #181818; border: 1px solid #888; color: #fff; } body.large #search { position: static; width: 14.35vw; margin-left: 0.75vw; } @media( min-width: 1600px ){ body.large #search { width: 11.35vw; } } @media( min-width: 2000px ){ body.large #search { width: 9.35vw; } } #menu div.item, .slider_title, .listheader, .flexslider .title{ font-family: 'Oswald'; font-weight: 300; text-transform: uppercase; } #hint_popup_title, .player_side div.title, .listitemtitle, .player_side div.listitem span, .xfont{ font-family: 'Oswald'; text-transform: uppercase; } @media( min-width: 1024px ){ #menu{ position: fixed; top: 5vw; left: 0px; right: auto; width: calc(17vw - 15px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); -moz-transition: none; -webkit-transition: none; transition: none; z-index: 1000002; max-height: calc(100% - 8vw); } #search{ right: 16px; } #menubtn{ display: none; } #menu div.item{ padding: 10px 8px; font-size: 14px; } } @media( min-width: 1200px ){ #menu{ top: 5vw; font-size: 17px; } #menu div.item{ padding: 15px; font-size: 16px; } } @media( min-width: 1600px ){ #menu{ top: 4vw; width: 13vw; font-size: 19px; } } @media( min-width: 2000px ){ #menu{ top: 3.5vw; width: 11vw; } } div.slider_container[data-id=livestream-shows] .slider{ height: 432px; } div.slider_container[data-id=livestream-shows], div.slider_container[data-id=livestream-shows] .slider > div{ height: 414px; } div.slider_container[data-id=livestream-shows] .slider .slider_cell div.image{ height: 300px; } body.large div.slider_container[data-id=livestream-shows] .slider{ height: 539px; } body.large div.slider_container[data-id=livestream-shows], body.large div.slider_container[data-id=livestream-shows] .slider > div{ height: 524px; } body.large div.slider_container[data-id=livestream-shows] .slider .slider_cell div.image{ height: 433px; } .slider .slider_cell.tv_program div.time{ top: auto; bottom: 8px; left: 7px; } .slider .slider_cell.tv_program div.title{ line-height: 16px; padding-top: 3px; font-size: 13px; } body.large .slider .slider_cell.tv_program div.title{ line-height: 19px; padding-top: 5px; font-size: 14px; } .slider .slider_cell.tv_program div.title span{ max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.showheader{ color: #fff; background-size: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center; clear: both; } div.showheader div.meta{ width: 580px; max-width: 80%; padding: 20px 10% 20px 20px; background: -moz-linear-gradient(left, rgba(0,0,0,0.9) 60%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.9) 60%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.9) 60%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); } div.showheader div.meta img.showlogo{ max-width: 60%; width: 200px; margin-bottom: 15px; } .icon{ display: inline-block; background-position: left center; background-repeat: no-repeat; background-size: 100%; width: 16px; height: 16px; margin: -2px 5px -2px 0px; } .icon.replay{ margin: 0px 3px -3px 0px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 24 24"><path fill="#fff" d="M16.5 8h-2.086l1.293-1.293c0.391-0.391 0.391-1.023 0-1.414s-1.023-0.391-1.414 0l-3.707 3.707 3.707 3.707c0.195 0.195 0.451 0.293 0.707 0.293s0.512-0.098 0.707-0.293c0.391-0.391 0.391-1.023 0-1.414l-1.293-1.293h2.086c1.379 0 2.5 1.346 2.5 3s-1.346 3-3 3h-8c-1.654 0-3-1.346-3-3s1.346-3 3-3v0c0.553 0 1-0.448 1-1s-0.447-1-1-1v0c-2.757 0-5 2.243-5 5s2.243 5 5 5h8c2.757 0 5-2.243 5-5s-2.019-5-4.5-5z"></path></svg>'); } .icon.episodes{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 32 32"><path fill="#fff" d="M32 10l-16-8-16 8 16 8 16-8zM16 4.656l10.689 5.345-10.689 5.345-10.689-5.345 10.689-5.345zM28.795 14.398l3.205 1.602-16 8-16-8 3.205-1.602 12.795 6.398zM28.795 20.398l3.205 1.602-16 8-16-8 3.205-1.602 12.795 6.398z"></path></svg>'); } .icon.facebook{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 29"><path fill="#fff" d="M26.4 0H2.6C1.714 0 0 1.715 0 2.6v23.8c0 .884 1.715 2.6 2.6 2.6h12.393V17.988h-3.996v-3.98h3.997v-3.062c0-3.746 2.835-5.97 6.177-5.97 1.6 0 2.444.173 2.845.226v3.792H21.18c-1.817 0-2.156.9-2.156 2.168v2.847h5.045l-.66 3.978h-4.386V29H26.4c.884 0 2.6-1.716 2.6-2.6V2.6c0-.885-1.716-2.6-2.6-2.6z"/></svg>'); } .icon.twitter{ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path fill="#fff" d="M24.253 8.756C24.69 17.08 18.297 24.182 9.97 24.62a15.093 15.093 0 0 1-8.86-2.32c2.702.18 5.375-.648 7.507-2.32a5.417 5.417 0 0 1-4.49-3.64c.802.13 1.62.077 2.4-.154a5.416 5.416 0 0 1-4.412-5.11 5.43 5.43 0 0 0 2.168.387A5.416 5.416 0 0 1 2.89 4.498a15.09 15.09 0 0 0 10.913 5.573 5.185 5.185 0 0 1 3.434-6.48 5.18 5.18 0 0 1 5.546 1.682 9.076 9.076 0 0 0 3.33-1.317 5.038 5.038 0 0 1-2.4 2.942 9.068 9.068 0 0 0 3.02-.85 5.05 5.05 0 0 1-2.48 2.71z"/></svg>'); } .icon.info{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 32 32"><path fill="#fff" d="M14 9.5c0-0.825 0.675-1.5 1.5-1.5h1c0.825 0 1.5 0.675 1.5 1.5v1c0 0.825-0.675 1.5-1.5 1.5h-1c-0.825 0-1.5-0.675-1.5-1.5v-1z"></path><path fill="#fff" d="M20 24h-8v-2h2v-6h-2v-2h6v8h2z"></path><path fill="#fff" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"></path></svg>'); } #embed_popup{ display: none; position: absolute; bottom: 2%; left: 5%; width: 90%; background: #181818; box-shadow: 0px 0px 20px -5px #000; padding: 4px; z-index: 1; } #embed_popup_title{ padding: 2px 0px 7px 0px; } #embed_popup_close{ position: absolute; top: 5px; right: 3px; padding: 0px; width: 22px; height: 22px; font-size: 13px; } #embed_popup_content{ width: 100%; height: 100%; } #embed_popup_content textarea{ font-family: monospace; width: 100%; height: 145px; padding: 4px 8px; font-size: 13px; } .sponsor{ text-align: center; margin: 20px 0 30px 0; } .footer_links{ display: inline-block; } .footer_links a{ text-decoration: none; color: #fff; } .footer_links a:hover{ text-decoration: underline; } .footer_links a.off{ color: #999; } .footer_links a.off:hover{ color: #fff; } .footer_links .footer_sep{ display: inline-block; border-left: 1px solid #737373; width: 1px; height: 18px; vertical-align: bottom; margin: 0px 10px; cursor: default; } #footer_icons{ display: inline-block; margin-left: 13px; } #footer_icons a{ padding: 9px 10px; margin: 0 7px; border: 2px solid #fff; border-radius: 50%; background: #000; display: inline-block; text-decoration: none; cursor: pointer; } #footer_icons svg{ height: 17px; width: 17px; margin-bottom: -4px; } #footer_icons svg path, #footer_icons svg rect{ fill: #fff; } #footer_icons a:hover svg path{ fill: #AB2A04; } #footer_icons a.facebook:hover svg path{ fill: #306199; } #footer_icons a.twitter:hover svg path{ fill: #26c4f1; } #footer_icons a.ios:hover svg path{ fill: #b3b3b3; } #footer_icons a.android:hover svg path, #footer_icons a.android:hover svg rect{ fill: #a4c639; } .footer_sep{ margin-top: 37px; padding-top: 19px; border-top: 3px solid #323232; } #footer .xfont{ font-size: 26px; line-height: 60px; } #footer .devices > div{ display: inline-block; width: 30%; vertical-align: top; } #footer .devices img{ max-width: 200px; width: 80%; background: #ddd; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #logowall img{ height: 64px; margin: 20px 15px 0px 15px; background: #ddd; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } @media( min-width: 1024px ){ #footer{ font-size: 14px; padding: 8px 0px 18px 0px; } } #highlightslider, #editorspick{ overflow: hidden; } .slider_container[data-id=livestream-shows] div.title{ min-height: 114px; } body.large .slider_container[data-id=livestream-shows] div.title{ min-height: 91px; } .slider_container[data-id=livestream-shows] div.title div.tags{ position: absolute; bottom: 0px; left: 7px; } .slider .slider_cell div.title span.episodes, .slider .slider_cell div.title span.episodes span{ vertical-align: initial; } .slider .slider_cell div.title .icon.episodes{ width: 14px; height: 14px; font-size: 12px; vertical-align: middle; } .icon.episodes{ vertical-align: middle; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; line-height: 11px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: none; } .icon.episodes:before{ content: "\f008"; } #showslider{ position: relative; width: 100%; overflow: hidden; } .flexslider{ background: transparent; border: none; margin: 0 0 4px; } .flex-direction-nav a{ font-size: 0; line-height: 1; background-repeat: no-repeat; background-position: center center; background-color: rgba(0,0,0,0.6); top: 0px; bottom: 0px; height: 100%; width: 40px; margin: 0 0 0 -10px; } body.large .flex-direction-nav a{ width: 60px; } .flex-direction-nav a.flex-prev{ background-image: url('../img/prev.png'); } .flex-direction-nav a.flex-next{ background-image: url('../img/next.png'); margin: 0 -10px 0 0; } .flex-direction-nav a:before{ content: '' !important; } body.touch .flex-direction-nav{ display: none; } .flex-control-paging li a{ background: #323232; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 6px; width: 26px; } .flex-control-paging li a.flex-active, .flex-control-paging li a:hover{ background: #777; } .flex-control-nav{ bottom: -4px; z-index: 2; } @media( max-width: 600px ){ .flex-control-nav{ bottom: -12px; } .flex-control-paging li a{ height: 4px; width: 12px; } .flex-control-nav li{ margin: 0 2px; } } .flexslider .slides > li{ position: relative; } .flexslider .image{ background-repeat: no-repeat; background-position: center center; background-size: 100%; background-size: cover; width: 100%; height: 45vh; } .flexslider .meta{ position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; padding: 20px 10% 20px 20px; background: -moz-linear-gradient(27deg, rgba(0,0,0,0.7) 16%, rgba(0,0,0,0) 60%); background: -webkit-linear-gradient(27deg, rgba(0,0,0,0.7) 16%,rgba(0,0,0,0) 60%); background: linear-gradient(27deg, rgba(0,0,0,0.7) 16%,rgba(0,0,0,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); } .flexslider .meta > div{ position: absolute; bottom: 10%; width: 100%; } .flexslider img.logo { width: auto; max-height: 50px; margin-bottom: 3%; margin-left: 20px; } .flexslider .datetime{ margin-left: 20px; background: #AB2A04; padding: 1px 5px; display: inline-block; font-size: 11px; } .flexslider .title{ font-size: 17px; line-height: 20px; margin: 5px 0px 1px 20px; text-transform: uppercase; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 0 2px #000, 0 0 10px #000; } .flexslider .guests{ font-size: 13px; line-height:15px; margin: 0px 0px 0px 20px; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .flexslider .btn{ margin-top: 3px; margin-left: 20px; font-size: 11px; padding: 0px 4px; } @media( min-width: 600px ){ .flexslider img.logo { max-width: 30%; width: 100%; max-height: none; margin-left: 30px; margin-bottom: 2.5%; } .flexslider .datetime{ margin-left: 30px; font-size: 13px; } .flexslider .title{ font-size: 32px; line-height: 41px; margin: 5px 0px 3px 30px; width: 75%; } .flexslider .guests{ font-size: 16px; line-height: 18px; margin: 0px 0px 2px 30px; width: 75%; } .flexslider .btn{ margin-top: 10px; margin-left: 30px; font-size: 13px; padding: 4px 9px; } } @media( min-width: 800px ){ .flexslider .title, .flexslider .guests{ white-space: normal; } } .add-to-calendar{ position: relative; cursor: pointer; } .add-to-calendar:hover{ background: rgba(255,255,255,0.2); } label.add-to-calendar-checkbox{ cursor: pointer; } div.add-to-calendar-overlay{ display: none; position: absolute; bottom: 127%; left: 0px; z-index: 1; background: #fff; background: rgba(255,255,255,0.95); padding: 2px 8px; min-width: 100%; outline: 1px solid rgba(255,255,255,0.95); } .add-to-calendar-checkbox:checked ~ div.add-to-calendar-overlay { display: block; } input[type=checkbox].add-to-calendar-checkbox { position: absolute; top: -9999px; left: -9999px; display: none; } .add-to-calendar a{ text-transform: none; text-decoration: none; color: #121212; white-space: nowrap; display: block; margin: 6px 0px; font-size: 12px; } .add-to-calendar a:before { width: 16px; height: 16px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAQCAYAAACIoli7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzJCRDU2NUE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzJCRDU2NkE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMkJENTYzQTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMkJENTY0QTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Gcb3QAACh1JREFUeNrEWAtw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); margin-right: .5em; margin-bottom: -3px; content: ' '; } .icon-ical:before { background-position: -68px 0; } .icon-outlook:before { } .icon-yahoo:before { background-position: -36px +4px; } .icon-google:before { background-position: -52px 0; } body.touch .icon-ical, body.touch .icon-outlook{ display: none; } #cookiehint{ position: fixed; bottom: 0px; right: 0px; width: 100%; font-size: 14px; background: #d0d0d0; color: #181818; padding: 15px 50px 15px 18px; z-index: 1000002; cursor: pointer; display: none; } #cookiehint_close{ position: absolute; right: 15px; top: 12px; color: #181818; cursor: pointer; } #apphint { color: #373737; background-color: #f2f2f2; padding: 10px; position: relative; height: 80px; line-height: 19px; font-size: 14px; z-index: 1000004; } #apphint .close { float: left; cursor: pointer; } #apphint.android .close { font-size: 18px; margin: 22px 0; width: 22px; height: 22px; text-align: center; background: #b3b3b3; color: #fff; line-height: 22px; border-radius: 11px; box-sizing: border-box; } #apphint.ios .close { font-size: 24px; color: #373737; position: relative; top: 0; padding: 5px; line-height: 49px; margin: 0 1px; } #apphint .br-logo { width: 60px; height: 60px; background-image: url("../img/360player_icon.png"); float: left; margin: 0 10px; background-size: 100%; background-repeat: no-repeat; } #apphint.ios .br-logo { border-radius: 10px; } #apphint .description { margin-top: -5px; float: left; } #apphint h1 { font-size: 1em; font-weight: normal; margin-top: 3px; } #apphint h2 { font-size: .75em; color: #707070; text-transform: uppercase; margin: -2px 0; font-weight: normal; } #apphint h3 { font-size: .75em; margin-top: 13px; color: #a7a6a6; font-weight: normal; } #apphint .star-component { position: relative; float: left; } #apphint .stars { height: 10px; position: absolute; background-size: 14px 22px; } #apphint .stars { background-image: url('../img/appstars_ios.png'); } #apphint.android .stars { background-image: url('../img/appstars_android.png'); } #apphint .stars-light { width: 67px; background-position: 0 10px; } #apphint .stars-dark { width: 61px; } #apphint .install { position: absolute; right: 10px; } #apphint.android .install { color: #fff; background-color: #b2cb39; font-size: .9em; text-transform: uppercase; padding: 1px 20px; bottom: 10px; } #apphint.ios .install { font-size: 18px; color: #007af3; top: 0; line-height: 82px; } #hint_popup > div{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-width: 100%; width: 100px; height: 100%; padding: 8% 5% 0 10%; overflow: hidden; } #hint_popup_title{ font-size: 23px; line-height: 27px; } #hint_popup_title img.logo{ height: 80px; } #hint_popup_content span.tag.prio{ font-size: 16px; margin: 0px 3px; } #hint_popup_content #countdowncalendar{ margin-top: 25px; display: inline-block; line-height: normal; } @media( max-width: 1023px ){ #hint_popup{ font-size: 14px; line-height: 14px; } #hint_popup > div { padding: 4% 2% 0 5%; } #hint_popup_content span.tag.prio{ font-size: 14px; margin: 0px 2px; padding: 0px 4px } #hint_popup_content #countdowncalendar{ margin-top: 15px; } } .epg_rowtitle{ position: absolute; padding-top: 25px; z-index: 100000; } .epg_rowtitle > div{ width: 45px; height: 49px; text-align: center; background: #0E0E0E; border-bottom: 1px solid #323232; } .epg_rowtitle > div.sender_separator{ background: #0c0c0c; } .epg_rowtitle img{ margin-top: 10px; width: 26px; } .epg_scroller{ padding-top: 25px; padding-left: 30px; overflow-y: hidden; overflow-x: scroll; position: relative; } .epg_scroller_bg{; position: absolute; top: 5px; bottom: 0px; left: 30px; margin-top: -5px; overflow: hidden; } .epg_scroller_bg div{ position: absolute; top 0px; height: 100%; border-left: 1px solid #444; padding-left: 2px; font-size: 12px; color: #555; } .epg_scroller_bg div span{ position: absolute; padding: 3px 3px 0px 3px; background: #181818; background: rgba(24,24,24,0.95); z-index: 100; width: 100%; border-left: 1px solid #444; box-sizing: content-box; margin-left: -3px; } .epg_scroller_bg div.now{ border-color: #d41414; color: #d41414; z-index: 101; } .epg_scroller_bg div.now span{ background: #181818; background: rgba(30,30,30,.7); position: relative; z-index: 1; } .epg_scroller_prev, .epg_scroller_next { position: absolute; top: 66px; bottom: 0px; width: 40px; background: rgba(0,0,0,0.6); background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 100; opacity: 0; -moz-transition: opacity .3s cubic-bezier(0.4,0.0,1,1), -moz-transform 0.5s ease-in; -webkit-transition: opacity .3s cubic-bezier(0.4,0.0,1,1), -webkit-transform 0.5s ease-in; transition: opacity .3s cubic-bezier(0.4,0.0,1,1), transform 0.5s ease-in; } .epg_scroller_prev{ left: 5px; background-image: url('../img/prev.png'); } .epg_scroller_next{ right: -40px; background-image: url('../img/next.png'); } body.touch .epg_scroller_prev, body.touch .epg_scroller_next{ display: none; } .slider_container:hover .epg_scroller_prev, .slider_container:hover .epg_scroller_next { opacity: 1; } body:not(.touch) .content_area:hover .epg_scroller_prev.active{ opacity: 0.8; -moz-transform: translateX(40px); -webkit-transform: translateX(40px); transform: translateX(40px); } body:not(.touch) .content_area:hover .epg_scroller_next.active{ opacity: 0.8; -moz-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px); } .epg_row{ white-space: nowrap; height: 49px; position: relative; border-bottom: 1px solid #323232; } .epg_rowtitle .sender_separator div{ white-space: nowrap; text-transform: uppercase; color: #aaa; padding: 14px 8px; } .epg_row.sender_separator{ background-color: #0E0E0E; background: -moz-linear-gradient(left, rgba(14,14,14,1) 0px, rgba(14,14,14,1) 40px, rgba(8,8,8,0.95) 25%, rgba(8,8,8,0) 100%); background: -webkit-linear-gradient(left, rgba(14,14,14,1) 0px, rgba(14,14,14,1) 40px, rgba(8,8,8,0.95) 25%,rgba(8,8,8,0) 100%); background: linear-gradient(to right, rgba(14,14,14,1) 0px, rgba(14,14,14,1) 40px, rgba(8,8,8,0.95) 25%,rgba(8,8,8,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6080808', endColorstr='#00080808',GradientType=1 ); background-attachment: fixed; z-index: 99999; color: #aaa; border-top: 1px solid #323232; height: 50px; margin-top: -1px; } .epgitem{ position: absolute; top: 0px; height: 48px; border-top: 1px solid #181818; border-right: 1px solid #181818; background: #323232; background: rgba(50,50,50,0.9); display: inline-block; overflow: hidden; padding: 0px 7px; cursor: pointer; transition: width 2s linear; } .epgitem.small{ background: -moz-linear-gradient(left, rgba(50,50,50,0.9) 50%, rgba(50,50,50,0) 100%); background: -webkit-linear-gradient(left, rgba(50,50,50,0.9) 50%,rgba(50,50,50,0) 100%); background: linear-gradient(to right, rgba(50,50,50,0.9) 50%,rgba(50,50,50,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6323232', endColorstr='#00323232',GradientType=1 ); } .epgitem.active{ background: #888; background: rgba(150,150,150,0.9); } .epgitem.active.small{ background: -moz-linear-gradient(left, rgba(150,150,150,0.9) 50%, rgba(150,150,150,0) 100%); background: -webkit-linear-gradient(left, rgba(150,150,150,0.9) 50%,rgba(150,150,150,0) 100%); background: linear-gradient(to right, rgba(150,150,150,0.9) 50%,rgba(150,150,150,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6969696', endColorstr='#00969696',GradientType=1 ); } .epgitem.live.plus{ background: #d41414; background: rgba(212,20,20,0.9); } .epgitem:hover{ width: auto !important; } .epgitem .title{ font-size: 16px; line-height: 21px; font-weight: 300; padding-top: 5px; margin-bottom: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-height: 33px; } .epgitem .time{ font-size: 11px; line-height: 14px; color: #c3c3c3; } .epgitem.live.plus .time{ color: #fff; } .epgitem .live{ position: relative; display: inline-block; padding: 0px 2px; background-color: #d41414; font-size: 11px; line-height: 14px; margin-left: 6px; margin-top: -3px; vertical-align: middle; } .epgitem .live.plus{ margin-right: 7px; padding-right: 3px; } .epgitem .live.plus span{ position: absolute; top: -3px; right: -8px; text-align: center; width: 12px; height: 12px; border-radius: 6px; line-height: 12px; background-color: #d41414; font-weight: bold; } .epgitem.live.plus .live.plus, .epgitem.live.plus .live.plus span{ background-color: #fff; color: #d41414; } .gameinfo_page{ display: none; } .gameinfo_navi_box{ height: 44px; overflow: hidden; } .gameinfo_navi{ height: auto; } .SkiAlpin .gameinfo_navi{ margin: 6px auto; } .gameinfo_navi div.active{ padding-bottom: 1px; } .gameinfo_navi div.listcategory_sep{ height: 14px; margin: 0px 7px; } .senderswitch_btn{ position: absolute; top: 5px; right: 5px; cursor: pointer; padding: 6px; line-height: 10px; border-color: #ddd; } .senderswitch_btn img{ width: 14px; height: 14px; } .senderswitch_box{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 12px 22px; background: #101010; background: rgba(24,24,24,0.85); z-index: 3; display: none; } .senderswitch_box.active{ display: block; } .senderswitch_box div{ background: rgba(24,24,24,0.85); padding: 8px; cursor: pointer; width: 100%; margin-top: 5px; } .gameinfo_content{ text-align: center; padding-bottom: 54px; overflow-y: scroll; height: 100%; } @media( min-width: 1024px ){ .gameinfo_content{ width: calc(100% + 40px); padding-right: 45px; } } .gameinfo_content .fading{ position: absolute; bottom: 0px; width: 100%; height: 50px; background: -moz-linear-gradient(top, rgba(24,24,24,0) 0%, rgba(24,24,24,1) 100%); background: -webkit-linear-gradient(top, rgba(24,24,24,0) 0%,rgba(24,24,24,1) 100%); background: linear-gradient(to bottom, rgba(24,24,24,0) 0%,rgba(24,24,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00181818', endColorstr='#181818',GradientType=0 ); z-index: 1; } .gameinfo_content .currentstatus{ display: inline-block; margin-bottom: 9px; font-size: 11px; background-color: #d41414; color: #fff; padding: 0px 5px 0px 5px; } .gameinfo_content table.scoreboard{ margin: 0px auto 20px auto; } .gameinfo_content .score{ font-size: 25px; } .gameinfo_content .score.left{ padding-left: 14px; } .gameinfo_content .score.right{ padding-right: 14px; } .player_side .gameinfo_content .title{ font-size: 17px; line-height: 21px; } .player_side .gameinfo_content .subtitle{ font-size: 13px; line-height: 18px; background: #d41414; display: inline-block; padding: 0px 5px; margin: 3px auto; } .roundicon{ height: 34px; width: 34px; padding: 7px; background: #323232; color: #fff; border-radius: 50%; display: inline-block; text-align: center; line-height: 21px; } div.teamname{ text-align: left; font-size: 20px; line-height: 33px; } div.playerrow{ padding-top: 12px; line-height: 18px; font-size: 14px; text-align: left; } div.playerrow.sub{ padding-left: 12px; } div.playerrow img.down{ width: 16px; height: 8px; margin-right: 8px; } div.playerrow div.shirtno{ display: inline-block; width: 22px; height: 22px; padding-top: 2px; background-color: #f3f3f3; color: #111; text-align: center; font-weight: bold; font-size: 13px; border-radius: 50%; margin-right: 7px; } div.playerrow div.playername{ display: inline-block; margin-right: 5px; } div.playerrow div.playername span.firstchar{ display: inline-block; } div.playerrow div.playername span.firstname{ display: none; } div.playerrow div.sub{ margin-right: 5px; position: relative; } div.playerrow div.sub div.minute{ position: absolute; bottom: -2px; right: -2px; font-size: 8px; } div.playerrow div.sub, div.playerrow div.icons{ display: inline-block; vertical-align: middle; } div.playerrow div.sub img, div.playerrow div.icons img{ height: 22px; width: 22px; padding: 3px; } #players0, #players1{ margin: 0px auto 15px auto; width: 90%; max-width: 320px; } div.player_widget{ background-color: #2E2E2E; background-image: linear-gradient(top, #1A1A1A 0%, #2E2E2E 100%); background-image: -o-linear-gradient(top, #1A1A1A 0%, #2E2E2E 100%); background-image: -moz-linear-gradient(top, #1A1A1A 0%, #2E2E2E 100%); background-image: -webkit-linear-gradient(top, #1A1A1A 0%, #2E2E2E 100%); background-image: -ms-linear-gradient(top, #1A1A1A 0%, #2E2E2E 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1A1A1A), color-stop(1, #2E2E2E)); } div.player_widget table.tabs{ width: 323px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; margin: -5px -5px 5px -5px; } div.player_widget table.tabs td{ text-align: center; background-color: #2e2e2e; padding: 5px; font-size: 80%; cursor: pointer; } div.player_widget table.tabs td:first-child{ -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } div.player_widget table.tabs td:last-child{ -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } div.player_widget table.tabs td.active{ background-color: #1a1a1a; } div.tabcontent_box > div{ display: none; } div.tabcontent_box > div.active{ display: block; } div.tabcontent_box > div[data-item="commentary"] > div{ text-align: left; padding: 3px 0px; line-height: 18px; position: relative; } div.tabcontent_box > div[data-item="commentary"] div.set{ font-size: 13px; color: #555; margin-bottom: 4px; display: inline-block; background: #181818; padding-right: 7px; position: relative; z-index: 1; } div.tabcontent_box > div[data-item="commentary"] div.sep{ } div.tabcontent_box > div[data-item="commentary"] div.sep.noset{ top: -1px; } div.tabcontent_box > div[data-item="commentary"] img{ position: absolute; top: 26px; left: 0px; z-index: 2; } .gameinfo_content.Tennis div.tabcontent_box > div[data-item="commentary"] img{ padding: 10px; } div.tabcontent_box > div[data-item="commentary"] div.text{ font-size: 14px; padding: 6px 0px 12px 23px; border-left: 5px solid #323232; margin-left: 14px; } div.tabcontent_box > div[data-item="commentary"] > div:last-child div.text{ padding-bottom: 4px; } div.tabcontent_box td.minute{ width: 40px; } div.tabcontent_box td.teamicon{ width: 40px; } div.tabcontent_box td.icon{ width: 40px; line-height: 42px; position: relative; } div.tabcontent_box td.icon span{ position: absolute; top: 9px; left: 0px; width: 100%; z-index: 1; font-size: 9px; } div.tabcontent_box td.teamicon img{ width: 24px; height: 24px; margin-top: 6px; } div.tabcontent_box div.tabcontent{ margin: 4px 7px 0px 7px; } div.tabcontent_box div.selector{ text-align: center; margin: 8px 0px; } #player_widget_bottom div.tabcontent_box div.tabcontent{ height: auto; } div.tabcontent_box table.tabcontent{ width: 99%; max-width: 320px; margin: auto; } #tactics0, #tactics1{ background-image: url("../img/gameinfo/fb_tactics_field.png"); background-position: center; background-repeat: no-repeat; width: 100%; max-width: 320px; height: 320px; margin: 0px auto 30px auto; } #taktik0, #taktik1{ position: relative; background-image: url("../img/gameinfo/h_tactics_field.png"); background-position: center; background-repeat: no-repeat; width: 100%; max-width: 320px; height: 314px; margin: 16px auto 30px auto; } #tactics0 table, #tactics1 table, #taktik0 table, #taktik1 table{ max-width: 320px; margin: auto; } #tactics_number_0, #tactics_number_1{ position: absolute; top: 50px; left: 10px; width: 19px; height: 90px; } #tactics_number_0 div, #tactics_number_1 div{ position: relative; background-image: url("../img/gameinfo/h_tactics_number.png"); background-position: center; background-repeat: no-repeat; width: 19px; height: 19px; margin-bottom: 7px; text-align: center; padding-top: 1px; cursor: pointer; } td.tactics_content{ width: 100%; vertical-align: top !important; } td.tactics_content > div{ display: block; text-align: center; } td.tactics_content td{ -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: pointer; position: relative; width: 50px; height: 70px; } @media( max-width: 1024px ){ td.tactics_content td{ pointer-events: none; cursor: none; } } #statistic_events table tbody tr td:nth-child(1){ padding-right: 0px; } .h_list { padding: 10px 0; } .h_list img.teamicon{ height: 27px; } .h_title { font-size: 12px; background: #323232; width:66px; height:31px; text-align:center; padding-top: 7px; margin-bottom: 7px; margin-top: 12px; } td.tactics_content #pos0_forward td, td.tactics_content #pos1_forward td{ padding-bottom: 0px; } div.tabcontent_box div.shirt{ position: relative; width: 39px; height: 28px; padding-top: 2px; text-align: center; color: #111; font-size: 11px; font-weight: bold; z-index: 3; } #tactics0 div.shirt{ background-image: url("../img/gameinfo/fb_tactics_shirt.png"); background-position: center; background-repeat: no-repeat; color: #000; } #tactics1 div.shirt{ background-image: url("../img/gameinfo/fb_tactics_shirt2.png"); background-position: center; background-repeat: no-repeat; color: #fff; } div.tabcontent_box div.h_shirt{ position: relative; width: 59px; height: 65px; padding-top: 16px; margin: auto; margin-top: 20px; margin-bottom: -65px; text-align: center; font-size: 17px; font-weight: bold; z-index: 3; } #taktik0 div.h_shirt{ background-image: url("../img/gameinfo/h_tactics_shirt.png"); background-position: center; background-repeat: no-repeat; color: #fff; } #taktik1 div.h_shirt{ background-image: url("../img/gameinfo/h_tactics_shirt2.png"); background-position: center; background-repeat: no-repeat; color: #000; } .tactics_box_0, .tactics_box_1 { margin-bottom: -4px; display: block; } .tactics_box_0 table, .tactics_box_1 table { width: 80%; margin: auto; } td.tactics_content div.tactics_goal{ width: 26px; height: 27px; position: absolute; bottom: 11px; left: -6px; z-index: 4; } td.tactics_content div.tactics_sub{ width: 27px; height: 17px; position: absolute; bottom: 15px; right: 4px; z-index: 4; } td.tactics_content div.tactics_card{ width: 26px; height: 26px; position: absolute; top: 11px; right: -1px; z-index: 1; } #players0 > table, #players1 > table{ border-spacing: 4px; } #players0 tr:first-child td, #players1 tr:first-child td{ padding: 0px !important; } div.tabcontent_box table.tabcontent >tbody > tr > td{ vertical-align: middle; text-align: center; font-size: 14px; } div.tabcontent_box table.tabcontent >tbody > tr > td.mark{ color: #E1B002; } div.tabcontent_box table.tabcontent th{ text-align: left; font-size: 12px; padding: 3px 0px; } div.tabcontent_box table.tabcontent th.center{ text-align: center; } div.tabcontent_box table.tabcontent.statistic td{ text-align: left; } div.tabcontent_box table.tabcontent td.teamname{ text-align: left; font-size: 19px; line-height: 24px; padding-bottom: 5px; } div.tabcontent_box table.tabcontent td.text{ text-align: left; padding: 8px 7px; } div.tabcontent_box table.tabcontent td.name{ text-align: left; padding: 0px 7px; } div.tabcontent_box table.tabcontent td.time{ text-align: left; } div.tabcontent_box table.tabcontent td.time_icon{ padding: 10px 0px 7px 0px !important; } div.tabcontent_box table.tabcontent td.shirtno{ width: 22px; text-align: center; } div.tabcontent_box table.tabcontent td.shirtno div{ width: 22px; height: 22px; padding-top: 2px; background-color: #f3f3f3; color: #111; text-align: center; font-weight: bold; font-size: 13px; border-radius: 50%; } div.tabcontent_box table.tabcontent td.name{ overflow: hidden; white-space: nowrap; max-width: 86px; text-overflow: ellipsis; } div.tabcontent_box table.tabcontent td.sub_icon{ padding: 3px 0px !important; } div.tabcontent_box table.tabcontent td div.sep{ clear: both; border-top: 1px solid #444; margin-top: 6px; } table.tabcontent tr.load_playerprofile{ cursor: pointer; } #team_nav{ margin: 0 -5px; position: relative; z-index: 3; } #player_widget_top div.fade{ position: relative; background-image: url("../img/gameinfo/widget_fade_bottom.png"); background-position: bottom; background-repeat: repeat-x; width: 303px; height: 30px; margin-top: -30px; opacity: 0.66; filter: alpha(opacity=66); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; z-index: 1; } #show_team0, #show_team1{ cursor: pointer; font-size: 80%; height: 12px; line-height: 5px; padding-top: 12px; text-align: center; width: 50%; opacity: 0.75; filter: alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; } #show_team0{ -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } #show_team1{ -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } #show_team0 img, #show_team1 img{ margin: -8px 26px 0; width: 20px; } #show_team0 img{ margin-right: 10px; } #show_team1 img{ margin-left: 10px; } #show_team0.active img, #show_team1.active img{ line-height: 3px; margin-top: -17px; width: 33px; } #show_team0, #show_team0 img{ float: left; text-align: left; } #show_team1, #show_team1 img{ float: right; text-align: right; } #show_team0.active{ line-height: 1px; background-color: #1A1A1A; background-image: none; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #show_team1.active{ line-height: 1px; background-color: #1A1A1A; background-image: none; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } *[data-playerprofile]{ cursor: pointer; } @media( max-width: 1024px ){ #statistic_events tr[data-playerprofile]{ pointer-events: none; cursor: none; } } div.playerprofile{ margin-top: 2%; padding-top: 2%; margin-bottom: 2%; padding-bottom: 5%; background: #323232; display: none; } #playerprofile{ position: absolute; top: 0px; left: 0px; bottom 0px; margin: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.88); z-index: 10; overflow: auto; } div.playerprofile.active{ display: block; } div.playerprofile > table:first-child{ width: 100%; } div.playerprofile > table table:last-child td{ text-align: center; font-size: 120%; } div.playerprofile table.statistic{ width: 100%; margin-top: 10%; } div.playerprofile table.statistic table td{ padding: 3px 7px; } div.playerprofile td.profileimage{ position: relative; line-height: 100%; padding-top: 10px; vertical-align: top; } div.playerprofile td.profileimage > div{ position: relative; } div.playerprofile td.profileimage img.teamlogo{ position: absolute; top: -3px; left: 4px; width: 24%; z-index: 1; } div.playerprofile td.profileimage img.teamlogo.f1{ top: 4px; left: 4px; width: 18px; } div.playerprofile td.profileimage .photo{ width: 100px; height: 100px; border: 3px solid #f9f9f9; background-color: #1A1A1A; line-height: 100%; border-radius: 50%; background-position: center top; background-size: 100%; } div.playerprofile td.profileimage div.shirtno{ font-size: 27px; position: absolute; bottom: 8px; right: 8px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; text-align: right; text-shadow: 0px 0px 10px #000; color: #fff; background: transparent; } div.playerprofile div.profiledata{ margin: 0px 2px; padding: 7px; font-size: 90%; } div.playerprofile div.profiledata div{ font-size: 160%; line-height: 117%; } div.playerprofile div.profiledata a{ color: #fff; } table.playerstatistics{ margin: auto; } table.playerstatistics th{ text-align: left; } table.playerstatistics td{ text-align: center; } #playerprofile_close{ position: absolute; top: 10px; right: 10px; font-size: 17px; cursor: pointer; } #playerprofile_close div{ background-color: #1a1a1a; width: 19px; height: 19px; font-weight: bold; text-align: center; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; cursor: pointer; color: #f9f9f9; box-shadow: 0 0 6px #ccc; text-shadow: none; margin-left: 6px; float: right; font-size: 140%; line-height: 140%; } #football_conference{ max-height: 465px; overflow-y: auto; } #football_conference div{ font-size: 155%; font-weight: bold; margin: 5px 0px 7px 4px; } #football_conference table{ margin: auto; } #football_conference th, #football_conference td{ padding: 5px 0px; border-top: 1px solid #555; vertical-align: middle; } #football_conference tr:first-child th, #football_conference tr:first-child td{ border-top: none; } #football_conference th{ width: 35%; } #football_conference td{ width: 10%; font-size: 120%; } #football_conference td.vs{ font-size: 100%; text-align: center; } .gameinfo_content.Tennis .currentstatus{ margin-left: -110px; margin-bottom: -5px; } .gameinfo_content.Tennis table.scoreboard th{ font-size: 9px; } .gameinfo_content.Tennis table.scoreboard td{ color: #E1B002; padding: 1px; } .gameinfo_content.Tennis table.scoreboard .playername{ text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; } .gameinfo_content.Tennis table.scoreboard .serve{ padding-right: 6px; } .gameinfo_content.Tennis table.scoreboard .points{ color: #fff; padding-right: 10px; } div.tennisplayer{ text-align: left; display: inline-block; margin: 0px 2%; } div.tennisplayer td{ vertical-align: top; padding-left: 1px } div.tennisplayer th{ vertical-align: top; font-weight: normal; padding-right: 5px; font-size: 12px; color: #ccc; } div.tennisplayer div.name{ font-size: 0.9em; padding: 20px 1px 10px 1px; } div.tennisplayer div.playerimage{ position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; border: 3px solid white; overflow: hidden; } div.tennisplayer div.playerimage img{ margin-right: 5px; width: 100px; margin-top: -20px; } div.tennisplayer div.playerimage-rating { font-size: 25px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: relative; top: -25px; text-align: right; width: 65px; text-shadow: 0 0 10px #000000; } .f1profile, .profiledata.part-two, .f1profile .profiledata .xfont, #playerprofile_content .show-part-two { display: none; } .f1profile .profiledata { width: 55%; float: left; font-size: 80%; } .f1profile.active { display: table-row; } .f1profile-content { background: #323232; font-size: 90%; } .f1profile-container { position: relative; width: 45%; float: left; } .f1profile .f1profile-image { border-radius: 50%; width: 100px; height: 100px; overflow: hidden; border: 3px solid white; } .f1profile-container .teamlogo { position: absolute; left: 2px; top: 5px; } .f1profile-image .photo { width: 100px; margin-top: -20px; } .profiledata.part-two { width: 100%; } #playerprofile_content .part-two { display: block; } #playerprofile_content .f1profile-image .photo { margin-top: 0; } .gameinfo_content.SkiAlpin div.tabcontent_box table.tabcontent >tbody > tr > td, .gameinfo_content.Formel1 div.tabcontent_box table.tabcontent >tbody > tr > td{ padding: 5px 3px; } .gameinfo_content.Formel1 div.tabcontent_box table.tabcontent td.flag{ padding-right: 5px; } .gameinfo_content.Formel1 div.tabcontent_box table.tabcontent td.name div.team, .gameinfo_content.Formel1 div.tabcontent_box table.tabcontent td.time div.stops{ color: #6a6a6a; font-size: 90%; } .gameinfo_content.SkiAlpin div.tabcontent_box table.tabcontent td.time, .gameinfo_content.Formel1 div.tabcontent_box table.tabcontent td.time{ white-space: nowrap; } #f1_start_box { } #f1_start_box .left, #f1_start_box .right { position: relative; margin-left: 15%; width: 40%; margin-bottom: -35px; } #f1_start_box .right { margin-left: 45%; } #f1_start_box .position { position: absolute; top: -22px; left: 50%; margin-left: -15px; font-size: 17px; padding-top: 7px; width: 30px; height: 30px; text-align: center; color: #181818; background: #FF9B08; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0px 0px 2px 3px #181818; } #f1_start_box .name { font-size: 13px; line-height: 16px; margin-top: 44px; text-align: center; padding: 12px 2px 9px 2px; background: #333; background: -moz-linear-gradient(top, #444444 0%, #292929 100%); background: -webkit-linear-gradient(top, #444444 0%,#292929 100%); background: linear-gradient(to bottom, #444444 0%,#292929 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#292929',GradientType=0 ); } #f1_start_box .team { color: #6a6a6a; } @media( max-width: 300px ),( min-width: 1024px ) and ( max-width: 1120px ){ .gameinfo_content.Tennis table.scoreboard{ font-size: 13px; } .gameinfo_content.Tennis table.scoreboard td{ padding: 0px; } .gameinfo_content.Tennis table.scoreboard .playername{ max-width: 90px; } } @media( min-width: 400px ) and ( max-width: 1023px ),( min-width: 1600px ){ .player_side .gameinfo_content .title{ font-size: 22px; line-height: 26px; } .player_side .gameinfo_content .subtitle{ font-size: 14px; line-height: 22px; } .scoreboard img.team{ width: 90px; } .scoreboard{ font-size: 1.25em; } .gameinfo_content .score{ font-size: 40px; } .gameinfo_content.Tennis table.scoreboard td{ font-size: 1.25em; line-height: 1.25em; } .gameinfo_content.Tennis table.scoreboard .playername{ max-width: 160px; } .gameinfo_navi.listheader{ font-size: 1.2em; } div.tabcontent_box > div[data-item="commentary"] > div{ width: 90%; margin: auto; } div.tabcontent_box table.tabcontent{ max-width: none; width: 90%; } div.tabcontent_box table.tabcontent >tbody > tr > td{ font-size: 17px; } div.tabcontent_box table.tabcontent td.shirtno2 div{ width: 26px; height: 26px; padding-top: 4px; font-size: 16px; } div.tabcontent_box table.tabcontent td.name{ max-width: none; } div.tennisplayer div.name{ font-size: 28px; padding: 20px 1px; } div.tennisplayer th, div.tennisplayer td{ font-size: 17px; padding: 0px 13px 7px 5px; } div.tennisplayer div.playerimage{ width: 150px; height: 150px; } div.tennisplayer div.playerimage img{ width: 150px; margin-top: -20px; } div.tennisplayer div.playerimage-rating{ font-size: 56px; top: -35px; width: 145px; } div.playerrow{ font-size: 16px; } div.playerrow div.playername span.firstchar{ display: none; } div.playerrow div.playername span.firstname{ display: inline-block; } div.tabcontent_box > div[data-item="commentary"] div.text{ font-size: 1.1em; line-height: 1.28em; } div.tabcontent_box table.tabcontent td.name div.team, div.tabcontent_box table.tabcontent td.time div.stops{ display: inline-block; } div.tabcontent_box table.tabcontent th{ font-size: 16px; padding: 10px 5px; } .gameinfo_content.SkiAlpin div.tabcontent_box table.tabcontent >tbody > tr > td, .gameinfo_content.Formel1 div.tabcontent_box table.tabcontent >tbody > tr > td{ padding: 5px; } #f1_start_box .position { top: -34px; margin-left: -20px; font-size: 24px; padding-top: 11px; width: 40px; height: 40px; } #f1_start_box .name { font-size: 16px; line-height: 19px; } #playerprofile_content{ font-size: 20px; line-height: 24px; } div.playerprofile td.profileimage .photo{ width: 150px; height: 150px; } div.playerprofile div.profiledata{ padding-left: 10%; } } @media( min-width: 692px ) and ( max-width: 1023px ){ #players0, #players1, #tactics0, #tactics1, #taktik0, #taktik1{ display: inline-block; vertical-align: top; width: 320px; margin: 0 1%; } #tactics0, #tactics1, #taktik0, #taktik1{ margin: 60px 1%; } .gameinfo_content.Fussball div.tabcontent_box table.tabcontent{ width: 99%; max-width: 320px; } .gameinfo_content.Fussball div.tabcontent_box table.tabcontent >tbody > tr > td{ font-size: 16px; } .gameinfo_content.Fussball div.tabcontent_box table.tabcontent td.shirtno2 div{ width: 22px; height: 22px; padding-top: 2px; font-size: 13px; } div.tennisplayer div.playerimage{ float: left; } } @media( min-width: 2000px ){ div.tennisplayer div.playerimage{ float: left; } } #stageplayer_box{ margin-top: 30px; } #stageplayer{ display: block; width: 100%; height: 600px; margin: auto; } @media( min-width: 780px ){ #stageplayer_box{ position: relative; width: 100%; top: 0px; } #stageplayer_box:before{ content: ""; display: block; padding-top: 37%; } #stageplayer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-width: 100%; width: 100px; height: 100%; } }