/* CSS Document */
/* overrides */
html {
padding:0px 0px 0px 0px;
margin:0px;
width:100%;
height:auto;
overflow-x:hidden;
overflow-y:visible;
overflow:visible;
-ms-touch-action: none;
background-color:#F7F4EF;
background-image:url(/vidipedia/images/core/background-recycled_paper-1920x1080.gif);
background-repeat:repeat;
background-position:top center;
background-attachment:scroll;
background-size:60%;
}
body {
width:100%;
height:100%;
max-width:1600px;
margin:0 auto;
padding:0;
text-align:center;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:15px;
color:black;
overflow:visible;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* block styles */
.foreground-wrapper {
position:relative;
width:calc(100% - 275px);
margin:25px 25px 25px 250px;
padding:0px;
}
.mirror {
padding:0px 25px 0px 25px;
}
/* filters */
.filters-wrapper {
display:block;
min-height:87px;
padding-top:15px;
padding-bottom:15px;
}
.filters-wrapper.f-league {
min-height:0px;
padding-bottom:0px;
}
#Tabellak .filters-wrapper.f-league .filter-wrapper {
margin-bottom:5px;
}
.filters-wrapper-placeholder {
}
/* collapse buttons */
.BlockTitle .collapse-button {
float:right;
position:relative;
width:100%;
height:24px;
margin:0px 0px -24px 0px;
text-decoration:none;
display:block;
background-image:url(/vidipedia/images/icon/arrow-down.blue.png);
background-repeat:no-repeat;
background-position:calc(100% - 5px) center;
background-size:contain;
outline:0px solid red;
transform:scaleY(-1);
opacity:0.33;
transition:opacity 0.3s ease 1s, transform 0.3s ease;
}
.BlockTitle .collapse-button:hover {
opacity:1;
transition:opacity 0.3s ease 0s, transform 0.3s ease;
}
.Block.is-collapsed .BlockTitle .collapse-button {
transform:scaleY(1);
}
.Block.is-expanded .BlockContent {
overflow:visible;
transition:max-height 0.3s ease, padding 0.3s ease, overflow 0s linear 0s;
}
.Block .BlockContent {
overflow:hidden;
padding:10px 0px 10px 0px;
max-height:20000px;
height:auto;
position:relative;
transition:max-height 0.3s ease, padding 0.3s ease, overflow 0s linear 0.5s;
}
.Block.is-collapsed .BlockContent {
max-height:0;
padding:0 0 0 0;
transition:max-height 0.3s ease, padding 0.3s ease, overflow 0s linear 0.5s;
}
/* shared styles */
/* cross links */
.cross-link {
position:relative;
color:inherit;
text-decoration:none;
font-weight:bold;
}
.cross-link:hover {
text-decoration:underline;
}
body.dev-is-mobile input.anim { display:none; }
/* share button */
.info-block-wrapper {
clear:both;
float:none;
display:block;
width:100%;
padding:15px 0px 15px 0px;
margin:15px 0px 15px 0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:20px;
line-height:25px;
text-align:center;
}
.info-block-wrapper .ib-blue { color:#0D4986; }
.info-block-wrapper .ib-red { color:#D32238; }
.info-block-wrapper
.ib-label {
}
.info-block-wrapper
.ib-label
.ib-mail-link {
display:inline-block;
position: relative;
z-index: 3000;
text-decoration: none;
padding: 5px 15px 5px 15px;
margin:0px 0px 0px 10px;
border: 1px solid gray;
border-radius: 8px;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #0D4986;
background-color: rgba(255,255,255,0.0);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor:pointer;
transition:background-color 0.3s ease;
}
.info-block-wrapper
.ib-label
.ib-mail-link:hover {
background-color: rgba(255,255,255,0.5);
}
.info-block-wrapper
.ib-label
.ib-mail-link .icon {
display:block;
top:-2px;
position:relative;
background-image:url(/vidipedia/images/icon/mail.blue.png);
background-repeat:no-repeat;
background-size:contain;
width:24px;
height:24px;
margin:0px -24px -24px 0px;
}
.info-block-wrapper
.ib-label
.ib-mail-link .text {
display:inline-block;
padding:0px 0px 0px 32px;
}
/* typography */
h2.title {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:28px;
line-height:32px;
text-align:left;
text-align:center;
text-shadow:0px 1px 1px white, 0px 5px 5px rgba(0,0,0,0.1);
color:#0D4986;
letter-spacing:1px;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
h2.title {
display:block;
background-position:top center;
background-repeat:no-repeat;
background-size:contain;
width:100%;
height:auto;
overflow:hidden;
text-indent:-10000em;
}
h2.title img {
width:100%;
height:auto;
max-height:150px;
opacity:0;
}
.page#Nyitooldal h2.title {
position:relative;
left:0px;
margin:-25px 0px 0px -25px;
width:calc(100% + 50px);
}
/* menu */
/* SMOOTH ANIMATIONS */
.foreground-wrapper {
/*transition:width 0.3s ease, margin 0.3s ease;*/
}
@media screen and (min-width: 1600px) {
/* XXL */
h2.title { margin-top:0px; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
.menu-wrapper .desktop-only { display:block; }
.menu-wrapper .mobile-only { display:none; }
h2.title { margin-top:0px; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
.foreground-wrapper { width:calc(100% - 175px); margin:20px 20px 20px 180px; }
h2.title { margin-top:0px; }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
.foreground-wrapper { width:calc(100% - 150px); margin:20px 20px 20px 150px; }
h2.title { margin-top:0px; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
.foreground-wrapper { width:calc(100% - 20px); margin:10px 10px 10px 10px; }
.mirror { padding:10px; }
h2.title { margin-top:55px; }
.page#Nyitooldal h2.title { display:none; }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
.foreground-wrapper { width:calc(100% - 0px); margin:10px 0px 10px 0px; }
.mirror { padding:10px; }
h2.title { margin-top:55px; }
.page#Nyitooldal h2.title { display:none; }
}
@media screen and (max-width: 399px) {
/* XXS */
body { overflow-x:hidden; }
.foreground-wrapper { width:100%; margin:0;}
.mirror { padding:20px; }
h2.title { margin-top:55px; }
.page#Nyitooldal h2.title { display:none; }
}
/* CSS Document */
.header-wrapper
.mobile-only {
position:fixed;
top:0px;
left:0px;
width:calc(100% + 0px);
height:50px;
background-color:transparent;
outline:0px solid red;
z-index:30000;
transition:transform 0.3s ease;
transform:translateX(0);
}
.header-wrapper.dimmed
.mobile-only {
transform:translateX(-60%);
transform:translateX(0%);
}
.header-wrapper.cover
.mobile-only {
}
.header-wrapper
.mobile-only
.header {
display:block;
position:relative;
width:100%;
height:100px;
margin:0px -100% -100px 0px;
padding:0px;
background-color:transparent;
list-style:none;
white-space:nowrap;
background-size:contain;
background-repeat:no-repeat;
pointer-events:none;
}
.header-wrapper
.mobile-only
.header-buttons {
position:relative;
display:block;
text-align:right;
right:0px;
top:-4px;
z-index:2;
}
.header-wrapper
.mobile-only
.header-buttons
.icon-button {
display:inline-block;
text-decoration:none;
position:relative;
overflow:hidden;
text-align:left;
text-indent:-10000px;
width:24px;
height:24px;
margin-left:5px;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
z-index:1;
}
.header-wrapper
.mobile-only
.header-buttons
.navigation-button {
display:block;
position:relative;
overflow:hidden;
text-align:left;
text-indent:-10000px;
width:24px;
height:24px;
margin:0px -24px -24px 0px;
}
.header-wrapper
.mobile-only
.header-buttons
.icon-button.ib-search {
background-image:url(/vidipedia/images/icon/search-trigger.png);
top:10px;
right:15px;
transition:left 0.3s ease;
}
.header-wrapper.dimmed
.mobile-only
.header-buttons
.icon-button.ib-search {
left:20px;
}
.header-wrapper
.mobile-only
.header-buttons
.icon-button.ib-menu {
background-image:url(/vidipedia/images/icon/menu-trigger.png);
top:15px;
right:15px;
}
.header-wrapper.dimmed
.mobile-only
.header-buttons
.icon-button.ib-menu {
opacity:0;
}
.header-wrapper
.mobile-only
.header-buttons
.navigation-button.nb-home {
width:50px;
height:50px;
margin-right:-50px;
margin-bottom:-50px;
border-radius:50px;
left:calc(50% - 25px);
top:5px;
background-color:rgba(0,255,0,0);
}
.footer-wrapper {
display:block;
margin:25px 0px 25px 0px;
}
.footer-wrapper
.footer
.sponsors-wrapper {
text-align:left;
}
.footer-wrapper
.footer
.sponsors-wrapper
.sponsors {
list-style:none;
display:block;
margin:0px;
padding:0px;
}
.footer-wrapper
.footer
.sponsors-wrapper
.sponsors-title {
float:left;
text-align:left;
font-size:16px;
line-height:20px;
font-weight:bold;
margin:20px 0px 10px 0px;
padding:0px;
color: #0D4986;
}
.footer-wrapper
.footer
.sponsors-wrapper
.sponsors
.sponsor-item {
display:inline-block;
}
.footer-wrapper
.footer
.sponsors-wrapper
.sponsors
.sponsor-item
.spi-link {
text-decoration:none;
color:inherit;
}
.footer-wrapper
.footer
.sponsors-wrapper
.sponsors
.sponsor-item
.spi-link
.logo {
display:block;
width:128px;
height:128px;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
margin-bottom:10px;
}
.footer-wrapper
.footer
.sponsors-wrapper
.sponsors
.sponsor-item
.spi-link
.text {
display:block;
text-align:center;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
line-height:15px;
display:none;
}
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mol"] .spi-link .logo { background-image:url(/vidipedia/images/sponsors/positive/MOL.png); width:158px; height:60px; margin-top:0px; margin-left:0px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="str"] .spi-link .logo { background-image:url(/vidipedia/images/sponsors/positive/Strabag.png); width:150px; height:40px; margin-top:-60px; margin-left:0px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="esm"] .spi-link .logo { background-image:url(/vidipedia/images/sponsors/positive/ESMA.png); width:150px; height:40px; margin-top:-60px; margin-left:0px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mal"] .spi-link .logo { background-image:url(/vidipedia/images/sponsors/positive/Maltai.png); width:150px; height:55px; margin-top:0px; margin-left:0px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mkt"] .spi-link .logo { background-image:url( /vidipedia/images/sponsors/positive/Market.png); width:128px; height:64px; margin-top:0px; margin-left:0px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="epkar"] .spi-link .logo {background-image:url(/vidipedia/images/sponsors/positive/epkar.png); width:128px; height:64px; margin-top:0px; margin-left:0px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="smp"] .spi-link .logo {background-image:url(/vidipedia/images/sponsors/positive/smp.png); width:128px; height:64px; margin-top:0px; margin-left:0px; }
.copyright {
position:relative;
width:100%;
left:50%;
transform:translateX(-50%);
color:rgba(0,0,0,0.5);
padding:5px 0px 5px 0px;
font-size:0.9em;
font-weight:bold;
text-align:right;
}
/* RESPONSIVE EXCEPTIONS */
/* XXS - M */
@media screen and (max-width: 999px) {
.footer-wrapper .footer .sponsors-wrapper .sponsors-title { float:none; text-align:center; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item { display:inline-block; margin:0; width:calc(50% - 10px); text-align:center; position:relative; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item .spi-link { display:inline-block; position:relative; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mol"] .spi-link { top:0px; margin:0; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="str"] .spi-link { top:-10px; margin:0; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="esm"] .spi-link { margin:0px 0 0 0; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mal"] .spi-link { margin:10px 0 0 0; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mkt"] .spi-link .logo,
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mol"] .spi-link .logo,
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="str"] .spi-link .logo,
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="esm"] .spi-link .logo,
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mal"] .spi-link .logo,
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mkt"] .spi-link .logo { margin:0; }
}
@media screen and (min-width: 1600px) {
/* XXL */
.header-wrapper .desktop-only { display:block; }
.header-wrapper .mobile-only { display:none; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
.header-wrapper .desktop-only { display:block; }
.header-wrapper .mobile-only { display:none; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
.header-wrapper .desktop-only { display:block; }
.header-wrapper .mobile-only { display:none; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item { display:inline-block; margin:0; width:calc(20% - 30px); text-align:center; position:relative; }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
.header-wrapper .desktop-only { display:block; }
.header-wrapper .mobile-only { display:none; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item { display:inline-block; margin:0; width:calc(20% - 10px); text-align:center; position:relative; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
.header-wrapper .desktop-only { display:none; }
.header-wrapper .mobile-only { display:block; }
.header-wrapper .mobile-only .header { background-image:url(/vidipedia/images/core/header-S.png); }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item { display:inline-block; margin:0; width:calc(20% - 10px); margin-right:3px; text-align:center; position:relative; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="esm"] { width:calc(24% - 10px); top:-10px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mal"] { width:calc(16% - 10px); }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="esm"] .spi-link .logo { width:170px; }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mal"] .spi-link .logo { width:100px; }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
.header-wrapper .desktop-only { display:none; }
.header-wrapper .mobile-only { display:block; }
.header-wrapper .mobile-only .header { background-image:url(/vidipedia/images/core/header-XS.png); }
.footer-wrapper .footer .sponsors-wrapper .sponsors { width:80%; margin-left:50%; transform:translateX(-50%); }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mkt"] { width:100%; }
.copyright { left:0%; transform:translateX(0%); text-align:center;}
}
@media screen and (max-width: 399px) {
/* XXS */
.header-wrapper .desktop-only { display:none; }
.header-wrapper .mobile-only { display:block; }
.header-wrapper .mobile-only .header { background-image:url(/vidipedia/images/core/header-XXS.png); }
.footer-wrapper .footer .sponsors-wrapper .sponsors .sponsor-item[data-label="mkt"] { width:100% }
}
/* CSS Document */
/* */
/* D E S K T O P */
/* */
/* SHARED SETTINGS */
.menu-wrapper .desktop-only,
.menu-wrapper .desktop-only .logo-at-top-wrapper,
.menu-wrapper .desktop-only .logo-at-bottom-wrapper {
position:fixed;
display:block;
}
/* POSITIONS AND SIZES */
.menu-wrapper .desktop-only { left:50px; top:0; z-index:1; width:200px; height:100%; }
/* GRAPHICS */
.menu-wrapper .desktop-only { background-image:url(/vidipedia/images/core/M/menu-background.desktop-background.jpg); background-position:left top; background-repeat:repeat-y; background-size:auto; }
.menu-wrapper .desktop-only .logo-at-top { background-image:url(/vidipedia/images/core/M/menu-background.desktop-top.jpg); background-position:center top; background-repeat:no-repeat; background-size:contain; }
.menu-wrapper .desktop-only .logo-at-bottom { background-image:url(/vidipedia/images/core/M/menu-background.desktop-bottom.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover; }
/* CUSTOM SETTINGS */
.menu-wrapper
.desktop-only {
box-shadow:0 10px 25px 0 rgba(0,0,0,0.1);
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
line-height:14px;
text-align:left;
overflow:hidden;
}
.menu-wrapper
.desktop-only
.logo-at-top {
display:block;
width:inherit;
height:210px;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
direction:ltr;
text-indent:-10000em;
}
.menu-wrapper
.desktop-only
.site-version {
position:relative;
display:block;
left:50%;
transform:translateX(-50%) rotate(-10deg);
width:50px;
height:45px;
margin:0;
padding:5px 0 0 0;
overflow:hidden;
border-radius:50px;
background-color:#0D4986;
border:dashed 2px #D42238;
color:white;
font-family:Roboto;
font-size:12px;
line-height:13px;
text-align:center;
}
.menu-wrapper
.desktop-only
.site-version:before {
content:"Béta verzió";
}
.menu-wrapper
.desktop-only
.menus {
list-style:none;
display:block;
width:inherit;
min-height:calc(100% - 510px); /* 180 + 100 */
margin:0;
padding:25px 0 25px 0;
font-family:inherit;
font-weight:inherit;
}
.menu-wrapper
.desktop-only
.logo-at-bottom {
display:block;
width:200px;
height:300px;
text-decoration:none;
white-space:nowrap;
overflow:hidden;
direction:ltr;
color:white;
text-transform:uppercase;
}
.menu-wrapper
.desktop-only
.logo-at-bottom
.link-text-wrapper {
display:table;
vertical-align:bottom;
width:100%;
height:100px;
margin-top:170px;
outline:0px solid black;
}
.menu-wrapper
.desktop-only
.logo-at-bottom
.link-text-wrapper
.link-text {
display:table-cell;
vertical-align:middle;
text-align:center;
color:white;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:2px;
font-size:0.9em;
line-height:32px;
text-shadow:0 0 2px rgba(255,255,255,0), 0 0 6px rgba(255,255,255,0), 0 0 10px rgba(255,255,255,0);
transition:text-shadow .5s ease;
}
.menu-wrapper
.desktop-only
.logo-at-bottom
.link-text-wrapper
.link-text:hover {
text-shadow:0 0 2px rgba(255,255,255,0.8), 0 0 6px rgba(255,255,255,0.6), 0 0 30px rgba(255,255,255,0.9);
}
.menu-wrapper
.desktop-only
.menus
.m-item {
display:block;
list-style:none;
margin:0;
padding:0;
width:100%;
font-family:inherit;
font-weight:inherit;
transition:all 0.3s ease;
}
.menu-wrapper
.desktop-only
.menus
.m-item:hover {
margin-left:-20px;
}
.menu-wrapper
.desktop-only
.menus
.m-item
.mi-link {
text-decoration:none;
display:block;
color:white;
text-transform:uppercase;
text-shadow:0 0 2px rgba(0,0,0,0.5);
}
.menu-wrapper
.desktop-only
.menus
.m-item
.mi-link
.icon {
display:block;
position:relative;
z-index:11;
width:24px;
height:24px;
margin:0 -24px -24px 0;
left:35px;
top:2px;
background-position:0 0;
background-repeat:no-repeat;
background-size:24px 24px;
pointer-events:none;
}
.menu-wrapper
.desktop-only
.menus
.m-item
.mi-link
.text {
display:block;
position:relative;
z-index:10;
width:calc(100% - 50px);
left:70px;
text-align:left;
font-weight:bold;
font-size:13px;
line-height:26px;
letter-spacing:0;
text-transform:uppercase;
color:rgba(255,255,255,0.8);
white-space:nowrap;
text-shadow:0 3px 3px rgba(0,0,0,0.3);
}
/* */
/* M O B I L E */
/* */
.menu-wrapper
.mobile-only
.menus-pagecover {
position:fixed;
display:block;
z-index:40100;
left:0;
top:0;
width:0;
height:0;
overflow:hidden;
background-color:rgba(255,255,255,0);
background-color:rgba(247,244,239,0);
background-color:rgba(29,35,55,0);
transition:background 0.5s ease, width 0s linear 0.5s, height 0s linear 0.5s;
}
.menu-wrapper
.mobile-only
.menus-pagecover.visible {
width:100%;
height:100%;
background-color:transparent;
}
.menu-wrapper
.mobile-only
.menus-wrapper {
position:fixed;
top:0;
left:100%;
width:calc(100% - 150px);
height:100%;
box-shadow:0 0 0 0 rgba(0,0,0,0.5);
z-index:20000;
z-index:100000;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
transition:left 0.3s ease, box-shadow 0.3s ease;
}
.menu-wrapper
.mobile-only
.menus-wrapper.level-1 {
transition:left 0.3s ease, box-shadow 0.3s ease;
left:150px;
box-shadow:0 -5px 35px 0 rgba(0,0,0,0.75);
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus {
list-style:none;
margin:0;
padding:70px 0 0 0;
display:block;
width:100%;
height:calc(100% + 70px);
font-family:inherit;
font-weight:inherit;
background-color:#D32238;
background-image:url(/vidipedia/images/core/menu-background.jpg);
background-position:left top;
background-repeat:no-repeat;
background-size:cover;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus
.m-item {
display:block;
list-style:none;
margin:0;
padding:0;
width:100%;
height:36px;
font-family:inherit;
font-weight:inherit;
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus
.m-item.tap {
background-color:#0D4986;
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus
.m-item
.mi-link {
display:block;
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
font-family:inherit;
font-weight:inherit;
text-shadow:0 0 1px rgba(0,0,0,0.5);
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus
.m-item
.mi-link
.icon {
display:block;
position:relative;
width:28px;
height:28px;
margin:0 -28px -28px 0;
left:15px;
top:2px;
background-position:0 0;
background-repeat:no-repeat;
background-size:28px 28px;
pointer-events:none;
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus
.m-item
.mi-link
.text {
display:block;
position:relative;
z-index:10;
left:50px;
text-align:left;
font-family:Roboto;
font-weight:bold;
font-size:13px;
line-height:36px;
letter-spacing:0.3px;
text-transform:uppercase;
color:rgba(255,255,255,0.8);
white-space:nowrap;
text-shadow:0 0 1px 0 rgba(0,0,0,0.3);
pointer-events:none;
}
.menu-wrapper
.mobile-only
.menus-wrapper
.menus
.m-item
.mi-link {
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head {
display:block;
text-decoration:none;
position:relative;
text-align:left;
width:auto;
height:24px;
margin:0 0 -24px 0;
overflow:hidden;
top:15px;
left:0;
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head .menu-title {
position:relative;
left:20px;
text-decoration:none;
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head .menu-title .icon {
display:block;
position:relative;
text-align:left;
width:24px;
height:24px;
margin:0 -24px -24px 0;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
background-image:url(/vidipedia/images/icon/menu-trigger.png);
z-index:1;
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head .menu-title .text {
display:block;
position:relative;
text-align:left;
width:auto;
height:24px;
margin:0 0 -24px 0;
left:30px;
top:0px;
z-index:1;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
line-height:24px;
color:rgba(255,255,255,1);
text-transform:uppercase;
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head .menu-close {
display:block;
position:relative;
text-decoration:none;
z-index:999;
float:right;
width:24px;
height:24px;
margin:0 0 -24px 0;
right:20px;
top:0;
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head .menu-close .icon {
display:block;
width:24px;
height:24px;
margin:0 0 0 0;
top:-2px;
left:0;
background-image:url(/vidipedia/images/icon/menu-close.white.png);
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}
.menu-wrapper
.mobile-only
.menus-wrapper .menus-head .menu-close .text {
display:none;
}
/* */
/* D E S K T O P */
/* and */
/* M O B I L E */
/* */
.menu-wrapper .menus .m-item[data-role="menu-button seasons"] .mi-link .icon { background-image:url(/vidipedia/images/icon/seasons.png); }
.menu-wrapper .menus .m-item[data-role="menu-button persons"] .mi-link .icon { background-image:url(/vidipedia/images/icon/football-players.png); }
.menu-wrapper .menus .m-item[data-role="menu-button opponents"] .mi-link .icon { background-image:url(/vidipedia/images/icon/opponent.png); }
.menu-wrapper .menus .m-item[data-role="menu-button history"] .mi-link .icon { background-image:url(/vidipedia/images/icon/club-history.png); }
.menu-wrapper .menus .m-item[data-role="menu-button interes"] .mi-link .icon { background-image:url(/vidipedia/images/icon/interests.png); }
.menu-wrapper .menus .m-item[data-role="menu-button digitco"] .mi-link .icon { background-image:url(/vidipedia/images/icon/digital-collection.png); }
.menu-wrapper .menus .m-item[data-role="menu-button allstar"] .mi-link .icon { background-image:url(/vidipedia/images/icon/all-star.png); }
.menu-wrapper .menus .m-item[data-role="menu-button settngs"] .mi-link .icon { background-image:url(/vidipedia/images/icon/settings.png); }
.menu-wrapper .menus .m-item[data-role="menu-button tabelle"] .mi-link .icon { background-image:url(/vidipedia/images/icon/tabelle.png); }
.menu-wrapper .menus .m-item[data-role="menu-button opening"] .mi-link .icon { background-image:url(/vidipedia/images/icon/opening.png); }
.menu-wrapper .menus .m-item[data-role="menu-button calendar"] .mi-link .icon { background-image:url(/vidipedia/images/icon/calendar2.png); }
/* HEADER */
.header-wrapper {
position:fixed;
top:0;
left:0;
width:100%;
height:50px;
background-color:transparent;
outline:0 solid red;
z-index:30000;
transition:transform 0.3s ease;
transform:translateX(0);
}
.header-wrapper.dimmed {
transform:translateX(-60%);
transform:translateX(0%);
}
.header-wrapper.cover {}
.header-wrapper
.header {
display:block;
position:relative;
width:100%;
height:100px;
margin:0 -100% -100px 0;
padding:0;
background-color:transparent;
list-style:none;
white-space:nowrap;
background-image:url(/vidipedia/images/core/header-375x667.png);
background-size:contain;
background-repeat:no-repeat;
pointer-events:none;
}
.header-wrapper
.header-buttons {
position:relative;
display:block;
text-align:right;
right:0;
top:-4px;
z-index:2;
}
.header-wrapper
.header-buttons
.icon-button {
display:inline-block;
text-decoration:none;
position:relative;
overflow:hidden;
text-align:left;
direction:ltr;
text-indent:-10000px;
width:24px;
height:24px;
margin-left:5px;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
z-index:1;
}
.header-wrapper
.header-buttons
.navigation-button {
display:block;
position:relative;
overflow:hidden;
text-align:left;
text-indent:-10000px;
width:24px;
height:24px;
margin:0 -24px -24px 0;
}
.header-wrapper
.header-buttons
.icon-button.ib-search {
background-image:url(/vidipedia/images/icon/search-trigger.png);
top:10px;
right:15px;
transition:left 0.3s ease;
}
.header-wrapper.dimmed
.header-buttons
.icon-button.ib-search {
left:20px;
}
.header-wrapper
.header-buttons
.icon-button.ib-menu {
background-image:url(/vidipedia/images/icon/menu-trigger.png);
top:10px;
right:15px;
}
.header-wrapper.dimmed
.header-buttons
.icon-button.ib-menu {
opacity:0;
}
.header-wrapper
.header-buttons
.navigation-button.nb-home {
width:50px;
height:50px;
margin-right:-50px;
margin-bottom:-50px;
border-radius:50px;
left:calc(50% - 25px);
top:5px;
background-color:rgba(0,255,0,0);
}
/* SMOOTH ANIMATIONS */
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) {
/* XXL */
.menu-wrapper .desktop-only { left:50%; transform:translateX(-775px); }
.menu-wrapper .desktop-only { display:block; }
.menu-wrapper .mobile-only { display:none; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
.menu-wrapper .desktop-only { display:block; }
.menu-wrapper .mobile-only { display:none; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
.menu-wrapper .desktop-only { left:5px; top:0; z-index:1; width:180px; height:100%; }
.menu-wrapper .desktop-only .menus .m-item .mi-link .icon { width:20px; height:20px; margin:0 -20px -20px 0; left:20px; top:2px; background-size:20px 20px; }
.menu-wrapper .desktop-only .logo-at-bottom { width:180px; height:300px; }
.menu-wrapper .desktop-only .menus .m-item .mi-link .text { left:50px; width:calc(100% - 50px); font-size:13px; line-height:26px; }
.menu-wrapper .desktop-only { display:block; }
.menu-wrapper .mobile-only { display:none; }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
.menu-wrapper .desktop-only { left:0; top:0; z-index:1; width:160px; height:100%; }
.menu-wrapper .desktop-only .logo-at-bottom { width:160px; height:300px; }
.menu-wrapper .desktop-only .menus .m-item .mi-link .icon { width:18px; height:18px; margin:0 -18px -18px 0; left:14px; top:2px; background-size:18px 18px; }
.menu-wrapper .desktop-only .menus .m-item .mi-link .text { left:40px; width:calc(100% - 40px); font-size:12px; line-height:24px; }
.menu-wrapper .desktop-only .menus .m-item:hover { margin-left:0; }
.menu-wrapper .desktop-only { display:block; }
.menu-wrapper .mobile-only { display:none; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
.menu-wrapper .desktop-only { display:none; }
.menu-wrapper .mobile-only { display:block; }
.menu-wrapper .mobile-only .menus-wrapper.level-1 { left:calc(100% - 200px); }
.menu-wrapper .mobile-only .menus-wrapper .menus-head .menu-close { margin:0; float:none; left:160px; z-index:9999; }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
.menu-wrapper .desktop-only { display:none; }
.menu-wrapper .mobile-only { display:block; }
.menu-wrapper .mobile-only .menus-wrapper.level-1 { left:calc(100% - 200px); }
.menu-wrapper .mobile-only .menus-wrapper .menus-head .menu-close { margin:0; float:none; left:160px; z-index:9999; }
}
@media screen and (max-width: 399px) {
/* XXS */
.menu-wrapper .desktop-only { display:none; }
.menu-wrapper .mobile-only { display:block; }
.menu-wrapper .mobile-only .menus-wrapper.level-1 { left:calc(100% - 170px); }
.menu-wrapper .mobile-only .menus-wrapper .menus-head .menu-close { margin:0; float:none; left:130px; z-index:9999; }
}
@media screen and (min-height: 750px) {
.menu-wrapper .desktop-only .logo-at-bottom { position:fixed; bottom:-20px; }
}
@media screen and (max-height: 749px) {
.menu-wrapper .desktop-only .logo-at-bottom { position:fixed; bottom:-20px; }
}
@media screen and (max-height: 599px) {
.menu-wrapper .desktop-only .logo-at-bottom { position:fixed; bottom: 0px; }
}
@media screen and (max-height: 609px) {
.menu-wrapper .desktop-only .logo-at-bottom { display:none }
}
@font-face {
font-family: 'ReneBieder';
src: url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-book-webfont.eot');
src: url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-book-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-book-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-book-webfont.woff') format('woff'),
url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ReneBieder';
src: url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-bold-webfont.eot');
src: url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-bold-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-bold-webfont.woff') format('woff'),
url('/vidipedia/fonts/ReneBieder/rene_bieder_-_rbno2.1a-bold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 16, 2016 */
@font-face {
font-family: 'Roboto';
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-regular-webfont.eot');
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-regular-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-regular-webfont.woff') format('woff'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-bold-webfont.eot');
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-bold-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-bold-webfont.woff') format('woff'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-bold-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto_Black';
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-black-webfont.eot');
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-black-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-black-webfont.woff') format('woff'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-black-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto_Light';
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-light-webfont.eot');
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-light-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-light-webfont.woff') format('woff'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-light-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto_Medium';
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-medium-webfont.eot');
src: url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-medium-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-medium-webfont.woff') format('woff'),
url('/vidipedia/fonts/Roboto/webfont/Roboto/roboto-medium-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Display';
src: url('/vidipedia/fonts/DSPoint/webfont/ds-point-webfont.eot');
src: url('/vidipedia/fonts/DSPoint/webfont/ds-point-webfont.eot?#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/DSPoint/webfont/ds-point-webfont.woff2') format('woff2'),
url('/vidipedia/fonts/DSPoint/webfont/ds-point-webfont.woff') format('woff'),
url('/vidipedia/fonts/DSPoint/webfont/ds-point-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* CSS Document */
/* ICONS */
@font-face {
font-family:'icomoon';
src:url('/vidipedia/fonts/Icons/icomoon-2/icomoon.eot?ovivme');
src:url('/vidipedia/fonts/Icons/icomoon-2/icomoon.eot?ovivme#iefix') format('embedded-opentype'),
url('/vidipedia/fonts/Icons/icomoon-2/icomoon.ttf?ovivme') format('truetype'),
url('/vidipedia/fonts/Icons/icomoon-2/icomoon.woff?ovivme') format('woff'),
url('/vidipedia/fonts/Icons/icomoon-2/icomoon.svg?ovivme#icomoon') format('svg');
font-weight:normal;
font-style:normal;
}
[class^="icon-"],
[class*=" icon-"],
.icon
{
font-family: 'icomoon' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
@charset "UTF-8";
/* CSS Document */
@charset "UTF-8";
/* CSS Document */
.footer-status {
position:fixed;
z-index:9999999;
left:0px;
bottom:0px;
width:auto;
height:20px;
text-align:right;
margin:0px;
padding:5px 0px 0px 0px;
background-color:rgba(0,0,0,0.3);
color:#FFFFFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
text-align:center;
white-space:nowrap;
}
.footer-status .icon {
position:fixed;
width:36px;
height:36px;
border-radius:36px;
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
right:5px;
bottom:5px;
font-family:Arial, Helvetica, sans-serif !important;
font-size:14px;
line-height:36px;
text-align:center;
color:#FFFFFF;
}
.footer-status .icon:before {
font-family:inherit;
}
.footer-status #screen_size {
color:white;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px 0px 0px 20px;
}
.footer-status:after {
position:fixed;
right:0px;
bottom:0px;
color:black;
}
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) { /* XXL */
.footer-status .icon:before { content:"XXL"; }
.footer-status .icon { background-color:lime; color:black; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: for Desktop screens wider than 1600 pixel"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) { /* XL */
.footer-status .icon:before { content:"XL"; }
.footer-status .icon { background-color:green; color:white; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: for Desktop screens 1200-1599 pixel"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) { /* L */
.footer-status .icon:before { content:"L"; }
.footer-status .icon { background-color:gold; color:black; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: Desktop screens 1000-1199 pixel width"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@media screen and (min-width: 800px) and (max-width: 999px) { /* M */
.footer-status .icon:before { content:"M"; }
.footer-status .icon { background-color:orange; color:white; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: Desktop screens 800-999 pixel width"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@media screen and (min-width: 600px) and (max-width: 799px) { /* S */
.footer-status .icon:before { content:"S"; }
.footer-status .icon { background-color:red; color:white; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: for Desktop screens 600-799 pixel"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@media screen and (min-width: 400px) and (max-width: 599px) { /* XS */
.footer-status .icon:before { content:"XS"; }
.footer-status .icon { background-color:brown; color:white; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: for screens 400-599 pixel"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@media screen and (max-width: 399px) { /* XXS */
.footer-status .icon:before { content:"XXS"; }
.footer-status .icon { background-color:black; color:white; padding:1px 0px 1px 0px; }
.footer-status:before { content: "Responsive theme applied: for screens not wider than 399 pixel"; }
body.dev-is-mobile .footer-status:after { content: "M"; }
body.dev-is-not-mobile .footer-status:after { content: "D"; }
}
@charset "UTF-8";
/* CSS Document */
#Erdekessegek .stats-wrapper {
display:inline-block;
width:100%;
position:relative;
margin:0px 0px 20px 0px;
vertical-align:top;
}
#Erdekessegek .stats-wrapper .stat-wrapper {
break-inside:avoid;
column-break-inside:avoid; -webkit-column-break-inside:avoid;
vertical-align:top;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
#Erdekessegek .stats-wrapper .stat-wrapper.border .stats {
border:1px solid rgba(29,35,55,0.45);
border-radius:4px;
background-color:rgba(255,255,255,0.3);
}
#Erdekessegek .stats-wrapper .stat-wrapper.no-border {
}
#Erdekessegek .stats-wrapper .stat-wrapper.border .group-title {
text-align:left;
font-size:16px;
line-height:20px;
margin:0px 0px 10px 0px;
padding:0px;
color:#0D4986;
}
#Erdekessegek .stats-wrapper .stat-wrapper.no-border .group-title {
text-align:left;
font-size:16px;
line-height:20px;
margin:0px 0px 0px 0px;
padding:0px;
color:#0D4986;
}
#Erdekessegek .group-title .label {}
#Erdekessegek .group-title .value { float:right; text-align:right; margin-right:15px; }
#Erdekessegek .stats-wrapper .stat-wrapper.no-border .stats {
display:table;
width:100%;
list-style:none;
margin:0px 0px 5px 0px;
padding:3px 0px 3px 0px;
}
#Erdekessegek .stats-wrapper .stat-wrapper.border .stats {
display:table;
width:100%;
list-style:none;
margin:0px 0px 30px 0px;
padding:3px 10px 3px 10px;
outline:0px dashed orange;
}
#Erdekessegek .stats .stat {
display:table-row;
list-style:none;
margin:0px;
padding:0px;
text-align:left;
width:inherit;
}
#Erdekessegek .stats .stat { display:table-row; width:100%; }
#Erdekessegek .stats .stat .col { display:table-cell; border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0px 5px 0px; font-size:14px; line-height:18px; }
#Erdekessegek .stats .stat:last-child .col { border-bottom:none !important; }
#Erdekessegek .stats .stat .label { }
#Erdekessegek .stats .stat .value { text-align:right; font-weight:bold; font-size:14px; line-height:16px; padding:5px 0px 5px 0px; min-width:75px; color:#D32238; letter-spacing:1px; }
#Erdekessegek .stats .stat.is-player .number { }
#Erdekessegek .stats .stat.is-player .name { font-weight:bold; }
#Erdekessegek .stats .stat.is-player .result { display:table-cell; border-bottom:1px solid rgba(0,0,0,0.2); text-align:right; color:#D32238; letter-spacing:1px; }
#Erdekessegek .stats .stat.is-player .date { display:table-cell; border-bottom:1px solid rgba(0,0,0,0.2); text-align:right; font-weight:normal; font-size:14px; line-height:16px; }
#Erdekessegek .stats .stat.is-fact {
display:block;
margin-bottom:10px;
color:#333333;
font-size:1em;
line-height:1.4em;
}
#Erdekessegek .footnotes-wrapper { display:block; text-align:left; }
#Erdekessegek .footnotes-wrapper .footnotes { display:block;
list-style:none;
margin:0px;
padding:5px 0px 15px 0px;
border-top:1px solid rgba(0,0,0,0.25);
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:11px;
line-height:15px;
color:rgba(0,0,0,0.4);
}
#Erdekessegek .footnotes-wrapper .footnotes .footnote { }
#Erdekessegek .footnotes-wrapper .footnotes .footnote.shared { }
/* */
/* ÉRDEKESSÉGEK */
/* */
#Erdekessegek .highlights-wrapper {
display:inline-block;
width:100%;
position:relative;
margin:0px 0px 20px 0px;
vertical-align:top;
}
#Erdekessegek .highlights-wrapper .highlight-wrapper {
break-inside:avoid;
column-break-inside:avoid; -webkit-column-break-inside:avoid;
vertical-align:top;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
#Erdekessegek .highlights-wrapper .highlight-wrapper h2 {
}
#Erdekessegek .highlights-wrapper .highlight-wrapper p {
text-align:justify;
}
#Erdekessegek #Stadiontortenet {
padding:0px 0px 15px 0px;
-webkit-column-break-inside:avoid;
vertical-align:top;
}
#Erdekessegek #Stadiontortenet p {
text-align:justify;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-column-break-inside:avoid;
color:#333333;
font-size:1em;
line-height:1.4em;
}
#Erdekessegek #Stadiontortenet p.copy + p.copy {
margin-bottom:10px;
}
#Erdekessegek #Stadiontortenet div.keep-together {
-webkit-column-break-inside:avoid;
}
#Erdekessegek #Stadiontortenet .image-holder.full-column-width {
width:100%;
height:auto;
}
#Erdekessegek #Stadiontortenet .image-holder.span-to-right {
}
#Erdekessegek #Stadiontortenet .image-holder.full-column-width img {
width:100%;
height:auto;
}
#Erdekessegek #Stadiontortenet .image-holder .image-caption {
font-weight:0.9em;
font-style:italic;
margin-bottom:15px;
}
#Erdekessegek h3.blocktitle {
display: block;
width: 100%;
margin: 0px 0px 15px 0px;
padding: 5px 0 5px 0;
position: relative;
font-family: ReneBieder, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 28px;
letter-spacing: 2px;
color: #0D4986;
text-align: center;
text-transform: uppercase;
background-color: rgba(13,73,134,0.2);
border-top: 1px solid #0D4986;
border-bottom: 1px solid #0D4986;
-webkit-column-break-before:always;
}
#Erdekessegek h4.first { margin-top:0px; }
#Erdekessegek h4 {
text-align: left;
font-size: 16px;
line-height: 20px;
margin: 15px 0px 10px 0px;
padding: 0px;
color: #0D4986;
}
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) {
/* XXL */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:4; -webkit-columns:4;
column-gap:20px; -webkit-column-gap:20px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper,
#Stadiontortenet .histories-wrapper .history-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:3; -webkit-columns:3;
column-gap:15px; -webkit-column-gap:15px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:2; -webkit-columns:2;
column-gap:25px; -webkit-column-gap:25px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:1; -webkit-columns:1;
column-gap:0px; -webkit-column-gap:0px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:1; -webkit-columns:1;
column-gap:0px; -webkit-column-gap:0px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:1; -webkit-columns:1;
column-gap:0px; -webkit-column-gap:0px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@media screen and (max-width: 399px) {
/* XXS */
#Erdekessegek .stats-wrapper,
#Erdekessegek .highlights-wrapper,
#Stadiontortenet .histories-wrapper {
columns:1; -webkit-columns:1;
column-gap:0px; -webkit-column-gap:0px;
}
#Erdekessegek .stats-wrapper .stat-wrapper,
#Erdekessegek .highlights-wrapper .highlight-wrapper {
column-break-inside:avoid; -webkit-column-break-inside:avoid;
}
}
@charset "UTF-8";
/* CSS Document */
#Klubtortenet .history-items {
list-style:none;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
#Klubtortenet .history-items .h-item {
display:block;
clear:both;
margin:20px 0px 20px 0px;
padding:10px 0px 10px 0px;
break-inside:avoid;
column-break-inside:avoid; -webkit-column-break-inside:avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
#Klubtortenet .history-items .h-item:after {
display:block;
content:" ";
width:100%;
height:40px;
}
#Klubtortenet .year {
text-align:left;
font-weight:bold;
font-size:18px;
line-height:24px;
color:#D32238;
color:white;
position:relative;
width:55px;
height:40px;
margin:0px -55px -40px 0px;
padding:3px 15px 0px 5px;
top:0px;
background-image:url(/vidipedia/images/form/arrow-red-right.png);
background-repeat:no-repeat;
background-position:right top;
background-size:80px 30px;
}
#Klubtortenet .picture {
display:block;
width:calc(100% - 60px);
height:auto;
margin:0px 0px 5px 60px;
background-repeat:no-repeat;
background-position:left top;
background-size:contain;
}
#Klubtortenet .picture img {
width:100%;
height:auto;
opacity:0;
}
#Klubtortenet .content {
position:relative;
margin:0px 0px 0px 60px;
font-size:12px;
line-height:16px;
color:#2E3142;
text-align:left;
}
#Klubtortenet .button-wrapper {
width:auto;
height:25px;
display:block;
}
#Klubtortenet .button-wrapper .button {
text-decoration:none;
display:block;
width:auto;
overflow:hidden;
white-space:nowrap;
margin:5px 0px 0px 60px;
padding:3px 15px 3px 15px;
/*
border-radius:12px;
background-color:#0D4986;
background-color:rgba(0,0,0,0.1);
box-shadow:inset 1px 1px 10px 0px rgba(0,0,0,0.2);
color:#E4DDD5;
text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:12px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
*/
transition:background-color 0.3s ease;
display:block;
position:relative;
z-index:3000;
text-decoration: none;
padding:5px 15px 5px 15px;
border:1px solid #0D4986;
border-radius:8px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
line-height:18px;
color: #0D4986;
background-color: rgba(255,255,255,0.0);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor: default;
}
#Klubtortenet .button-wrapper .button:hover {
background-color:rgba(255,255,255,0.3);
}
#Klubtortenet .button-wrapper .button:before {
content:"Tovább a szezonra";
}
#Klubtortenet .button-wrapper .button:hover:before {
}
#Klubtortenet .embedded-video-frame {
display:inline-block;
position:relative;
width:100%;
height:0;
margin:0;
margin:0;
padding:30px 0 56.25%;
padding:0 0 82.25%;
overflow:hidden;
}
#Klubtortenet .embedded-video-frame .vintage-television {
background-image:url(/vidipedia/images/video/tv-mask.png);
background-repeat:no-repeat;
background-position:top center;
background-size:contain;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:9;
pointer-events:none;
}
#Klubtortenet .embedded-video-frame .yt-video {
position:absolute;
/*
left:0;
top:0;
width:100%;
height:100%;
border-radius:6px;
*/
z-index:8;
opacity:1;
left:9.5%;
top:11.5%;
width:68%;
height:65%;
transform:scale(1,1.3);
filter:grayscale(50%) contrast(80%); -webkit-filter:grayscale(50%) contrast(80%); -moz-filter:grayscale(50%) contrast(80%); -o-filter:grayscale(50%) contrast(80%); -ms-filter:grayscale(50%) contrast(80%);
overflow:hidden;
transition:filter 0.1s ease, transform 0.1s ease;
}
#Klubtortenet .embedded-video-frame .yt-video:hover {
transition:filter 0.5s ease, transform 0.5s ease;
z-index:10;
filter:none;
-webkit-filter:none;
-moz-filter:none;
-o-filter:none;
-ms-filter:none;
transform:scale(1.3,1.3);
}
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) {
/* XXL */
#Klubtortenet .history-items { -webkit-columns:4; -webkit-column-gap:20px; }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
#Klubtortenet .history-items { -webkit-columns:3; -webkit-column-gap:15px; }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
#Klubtortenet .history-items { -webkit-columns:2; -webkit-column-gap:25px; }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
#Klubtortenet .history-items { -webkit-columns:1; -webkit-column-gap:0px; }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
#Klubtortenet .history-items { -webkit-columns:1; -webkit-column-gap:0px; }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
#Klubtortenet .history-items { -webkit-columns:1; -webkit-column-gap:0px; width:calc(100% - 60px); }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@media screen and (max-width: 399px) {
/* XXS */
#Klubtortenet .history-items { -webkit-columns:1; -webkit-column-gap:0px; width:calc(100% - 60px); }
#Klubtortenet .history-items .h-item { -webkit-column-break-inside:avoid; }
}
@charset "UTF-8";
/* CSS Document */
#Nyitooldal {
}
#Nyitooldal .decades-wrapper {
}
#Nyitooldal .decades-wrapper:after {
display:block;
content:" ";
width:100%;
height:700px;
}
#Nyitooldal .decades-wrapper ul.decades {
list-style:none;
display:block;
margin:0px;
padding:0px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade {
list-style:none;
display:block;
margin:20px 0px 40px 0px;
padding:0px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade a {
text-decoration:none;
position:absolute;
display:block;
z-index:1;
color:inherit;
width:inherit;
height:inherit;
}
#Nyitooldal .decades-wrapper ul.decades li.decade a:hover {
box-shadow:0px 0px 0px 5px rgba(255,255,255,1), 0px 0px 25px 0px rgba(0,0,0,0.3);
}
#Nyitooldal .decades-wrapper ul.decades li.decade h3 {
display:block;
position:relative;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
line-height:40px;
letter-spacing:2px;
color:#0D4986;
margin:0px 0px 0px 0px;
padding:0px;
text-align:left;
text-transform:uppercase;
float:left;
vertical-align:top;
}
#Nyitooldal .decades-wrapper ul.decades li.decade h3:after {
font-family:Roboto, Arial, Helvetica, sans-serif;
content:"•";
content:"|";
color:#D32238;
display:inline-block;
margin:-3px 10px 0px 10px;
vertical-align:top;
}
#Nyitooldal .decades-wrapper ul.decades li.decade h4 .separator:after {
display:inline-block;
position:relative;
width:20px;
height:40px;
margin:0px 5px -40px 10px;
padding:0px;
top:-17px;
overflow:hidden;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
line-height:auto;
content:"•";
color:#D32238;
}
#Nyitooldal .decades-wrapper ul.decades li.decade h4 {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:18px;
line-height:20px;
color:#96905F;
display:table-cell;
vertical-align:middle;
margin:0px;
padding:0px;
text-align:left;
width:auto;
height:40px;
position:relative;
margin-bottom:-60px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade h4 .caption {
white-space:nowrap;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper {
display:block;
position:relative;
margin:0px 0px 15px 0px;
top:-40px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles {
list-style:none;
display:inline-block;
float:none;
clear:both;
margin:0px;
padding:0px;
width:100%;
/*height:400px;*/
background-color:#2E3142;
background-color:transparent;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile {
list-style:none;
display:block;
margin:0px 2px 2px 0px;
padding:0px;
width:calc(20% - 2px);
height:200px;
float:left;
text-align:left;
background-color:#2E3142;
cursor:pointer;
overflow:hidden;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder {
visibility:hidden;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year-image {
display:block;
position:relative;
width:100%;
height:100%;
margin:0px 0px -200px 0px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
pointer-events:none;
opacity:0.8;
transition:opacity 0.5s ease 0s;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.loaded {
opacity:1;
transition:opacity 0.5s ease 0s;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.not-loaded {
opacity:0;
transition:opacity 0.5s ease 0s;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year-image .yi-placeholder {
position:relative;
width:0px;
height:0px;
visibility:hidden;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.is-text .year-image {
opacity:0.2;
transition:opacity 0.5s ease 0s;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.y-1941 {
background-color:#D32238;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year {
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:20px;
line-height:30px;
letter-spacing:2px;
text-align:left;
background-color:#D32238;
color:white;
position:relative;
margin:0px 0px 0px 0px;
padding:5px 10px 0px 10px;
display:inline-block;
width:auto;
height:40px;
pointer-events:none;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.is-image .description {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
line-height:17px;
color:white;
text-shadow:0px 0px 2px rgba(0,0,0,0.5);
text-align:left;
width:100%;
margin:0px 0px 0px 100%;
padding:10px 15px 0px 20px;
pointer-events:none;
transition:margin 0.5s ease 0s;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.is-text .description {
margin:0px;
transition:margin 0.5s ease;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d {
display:block;
position:relative;
width:100%;
height:auto;
overflow:hidden;
margin:0px 0px 2px 0px;
background-repeat:no-repeat;
background-position:left 0px;
background-size:cover;
/*outline:1px solid orange;*/
-webkit-perspective:2000px;
perspective:2000px;
-webkit-perspective-origin:50% 50%;
perspective-origin:50% 50%;
background-position:left 10000px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d:before {
display:block;
position:relative;
content:" ";
width:24px;
height:24px;
margin:0px -24px -24px 0px;
left:50%;
top:300px;
background-image:url(/vidipedia/images/progress/animated_progress-48px.gif);
background-repeat:no-repeat;
background-size:contain;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d .bbox-fix {
position:relative;
width:100%;
height:auto;
margin-bottom:-1em;
opacity:1;
pointer-events:none;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d .i3d {
opacity:0;
transition:opacity 0.5s ease;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d.loaded.has3d .i3d {
transition:opacity 0.5s ease 2s;
opacity:1;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d .i3d {
/*display:none;*/
position:relative;
background-position:left top;
background-size:100% 100%;
background-repeat:no-repeat;
background-attachment:local;
transform-origin:bottom center;
top:-15px;
transition:opacity 1s ease;
-webkit-transform-style:flat;
transform-style:flat;
backface-visibility:hidden;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d.has3d .i3d {
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d .i3d.front {
left:0px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d .i3d middle {
left:0px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d .i3d.back {
left:0px;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .anim.hidden {
opacity:0;
transition:opacity 0.5s ease;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .anim {
position:relative;
width:40%;
top:-30px;
opacity:1;
z-index:1;
transition:opacity 0.5s ease 0.5s;
}
#Nyitooldal .navigator-wrapper {
position:fixed;
right:0px;
top:0%;
width:160px;
height:100%;
margin:0px 0px 0px 0px;
outline:0px solid red;
}
#Nyitooldal .navigator-wrapper .navigator {
list-style:none;
display:block;
position:relative;
margin:0px;
padding:0px;
top:50%;
transform:translateY(-50%);
}
#Nyitooldal .navigator-wrapper .navigator .n-item {
list-style:none;
display:block;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 10px;
width:16px;
height:16px;
transition:all 0.3 ease;
}
#Nyitooldal .navigator-wrapper .navigator .n-item .ni-link {
display:block;
text-decoration:none;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
color:rgba(0,0,0,0.3);
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
font-weight:normal;
transition:all 0.3s ease;
}
#Nyitooldal .navigator-wrapper .navigator .n-item .ni-link .button {
display:block;
position:relative;
width:16px;
height:16px;
margin:0px -16px -16px 0px;
top:4px;
border-radius:16px;
background-color:rgba(0,0,0,0.1);
box-shadow:0px 0px 1px 1px rgba(255,255,255,0.5), inset 1px 1px 5px 0px rgba(0,0,0,0.2);
}
#Nyitooldal .navigator-wrapper .navigator .n-item.current .ni-link .button {
background-color:#D32238;
}
#Nyitooldal .navigator-wrapper .navigator .n-item .ni-link .text {
display:block;
margin:0px;
padding:0px 0px 0px 25px;
white-space:nowrap;
color:inherit;
transition:all 0.3s ease;
}
#Nyitooldal .navigator-wrapper .navigator .n-item.current .ni-link .text {
color:#0D4986;
}
#Nyitooldal .navigator-wrapper .navigator .n-item .ni-link:hover {
color:#0D4986;
}
#Nyitooldal .decade#d1 {
}
#Nyitooldal .decades-wrapper ul.decades li.decade#d1 .tiles-wrapper ul.tiles li.tile {
list-style:none;
display:block;
margin:0px 2px 2px 0px;
padding:0px;
width:calc(33.3% - 2px);
height:200px;
float:left;
background-color:#2E3142;
cursor:pointer;
overflow:hidden;
}
.decade-intro {
width:calc(100% - 3px);
height:60px;
overflow:hidden;
padding:0px 0px 0px 0px;
margin:0px 0px 2px 0px;
background-color:#0D4986;
background-image:url(/vidipedia/images/page/nyitooldal/hatter.jpg);
background-repeat:no-repeat;
background-size:cover;
color:white;
}
.decade-intro .year {
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-size:30px;
line-height:60px;
font-weight:bold;
float:left;
background-color:#D32238;
display:block;
width:100px;
height:100%;
}
.decade-intro .copy {
display:block;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:nonmal;
font-size:16px;
line-height:60px;
text-transform:uppercase;
padding:0px;
}
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) { /* XXL */
#Nyitooldal .decades-wrapper ul.decades { width:calc(100% - 125px); }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) { /* XL */
#Nyitooldal .decades-wrapper ul.decades { width:calc(100% - 125px); }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) { /* L */
#Nyitooldal .decades-wrapper ul.decades { width:calc(100% - 125px); }
#Nyitooldal .navigator-wrapper { right:0px; width:140px; margin:0px 0px 0px 0px; }
}
@media screen and (min-width: 800px) and (max-width: 999px) { /* M */
#Nyitooldal .decades-wrapper ul.decades { width:calc(100% - 125px); }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles { height:800px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile { width:calc(50% - 2px); height:160px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year-image { margin: 0px 0px -160px 0px; }
#Nyitooldal .navigator-wrapper { right:0px; width:150px; margin:0px 0px 0px 0px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_0 { display:block; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_1,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_2,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_3 { display:none; }
}
@media screen and (min-width: 600px) and (max-width: 799px) { /* S */
#Nyitooldal .decades-wrapper ul.decades { width:100%; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles { height:800px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile { width:calc(50% - 2px); height:160px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year-image { margin:0; }
#Nyitooldal .navigator-wrapper { display:none; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_0 { display:block; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_1,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_2,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_3 { display:none; }
}
@media screen and (min-width: 400px) and (max-width: 599px) { /* XS */
#Nyitooldal .decades-wrapper ul.decades { width:100%; }
.page#Nyitooldal h2.title { margin:-10px 0px 0px -25px; width: calc(100% + 50px); }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles { height:800px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile { width:calc(50% - 2px); height:160px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year-image { margin: 0px 0px -160px 0px; }
#Nyitooldal .navigator-wrapper { display:none; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_0 { display:block; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_1,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_2,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_3 { display:none; }
}
@media screen and (max-width: 399px) { /* XXS */
#Nyitooldal .decades-wrapper ul.decades { width:100%; }
#Nyitooldal .navigator-wrapper { display:none; }
.page#Nyitooldal h2.title { display:none; }
#Nyitooldal .decades-wrapper { margin-top:80px; }
#Nyitooldal .decades-wrapper ul.decades li.decade h3 { float:none; text-align:center; }
#Nyitooldal .decades-wrapper ul.decades li.decade h3:after { content:" "; display:block; margin:0; }
#Nyitooldal .decades-wrapper ul.decades li.decade h4 { display:block; text-align:center; width:100%; height:auto; padding-top:10px; margin-bottom:40px; }
#Nyitooldal .decades-wrapper ul.decades li.decade h4 .caption { display:block; margin-bottom:5px;}
#Nyitooldal .decades-wrapper ul.decades li.decade h4 .separator:after { display:none; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles { width:calc(100% - 2px); margin-left:2px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile { width:calc(50% - 2px); height:200px; }
#Nyitooldal .decades-wrapper ul.decades li.decade#d1 .tiles-wrapper ul.tiles li.tile{ width:calc(50% - 2px); height:200px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper { width:100%; margin-left:0px; }
#Nyitooldal .decades-wrapper ul.decades li.decade a:hover { box-shadow:none; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .image3d { width:100%; margin:0px 0px 2px 0px; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper .anim { display:none; }
#Nyitooldal .decades-wrapper ul.decades .decade-intro { height:auto; }
#Nyitooldal .decades-wrapper ul.decades .decade-intro .year { font-size:45px; line-height:60px; float:none; display:block; width:100%; height:auto; }
#Nyitooldal .decades-wrapper ul.decades .decade-intro .copy { height:auto; font-size:16px; line-height:60px; padding:10px 50px 10px 50px; line-height:1.4em; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year {}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.is-image .description { margin:0px; padding:10px 15px 10px 15px; position:relative; z-index:1; background-color:rgba(46,49,66,0.6); }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile .year-image { opacity:1.0; transition:none; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_0 { display:block; }
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_1,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_2,
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles li.tile.placeholder#inx_3 { display:none; }
}
@charset "UTF-8";
/* CSS Document */
#imageGalleryListContainer {
width:100%;
white-space-collapse:collapse;
}
#imageGalleryListContainer .gallery-link {
display:inline-block;
box-sizing:initial;
position:relative;
white-space-collapse:collapse;
width:calc(25% - 45px);
height:auto;
margin:0px 20px 25px 0px;
padding:10px 10px 40px 10px;
text-decoration:none;
color:black;
border-radius:4px;
background-color:white;
background-image:url(/vidipedia/images/core/polaroid-pattern.jpg);
background-repeat:repeat;
background-attachment:fixed;
box-shadow:0px 5px 5px 0px rgba(0,0,0,0.13);
transform:scale(1.0,1.0);
transition:all 0.3s ease;
}
#imageGalleryListContainer .gallery-link .imageGallery .image.size-medium {
display:block;
opacity:0;
max-height:0px;
}
#imageGalleryListContainer .gallery-link .imageGallery .image.size-small {
display:block;
image-rendering: -webkit-optimize-contrast;
filter:url(//vidipedia.hu/cache/css/#Sharpen_more);
-webkit-filter:url(//vidipedia.hu/cache/css/#Sharpen_more);
}
#imageGalleryListContainer .gallery-link .imageGallery .image {
display:block;
overflow:hidden;
height:150px;
}
#imageGalleryListContainer .gallery-link .imageGallery .image img {
border:none;
position:relative;
margin:0px 0px -2px 0px;
padding:0px;
width:100%;
height:auto;
/*border:1px solid rgba(0,0,0,0.3);*/
}
#imageGalleryListContainer .gallery-link .imageGallery .image:before {
display:block;
position:relative;
z-index:1;
width:32px;
height:32px;
margin:0px -32px -32px 0px;
top:0px;
left:0px;
border-bottom-right-radius:4px;
background-color:rgba(255,255,255,1);
content:" ";
background-image:url(/vidipedia/images/icon/media-picture.black.png);
background-repeat:no-repeat;
background-position:left top;
background-size:24px 24px;
}
#imageGalleryListContainer .gallery-link .imageGallery .details {
display:block;
width:calc(100% - 20px);
height:50px;
position:relative;
overflow:hidden;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
margin:10px 0px 0px 0px;
padding:0px 10px 0px 10px;
text-align:center;
}
#imageGalleryListContainer .gallery-link .imageGallery .details .title {
display:block;
color:#2E3142;
}
#imageGalleryListContainer .gallery-link .imageGallery .details .date {
display:block;
color:gray;
}
#imageGalleryListContainer .gallery-link:hover {
transform:scale(1.1,1.1);
box-shadow:0px 7px 15px 0px rgba(0,0,0,0.23);
}
#Mediatar #pagerTop {
display:none;
}
#Mediatar #pagerBottom {
display:block;
width:100%;
white-space:nowrap;
margin:0px;
padding:0px;
text-align:center;
}
#Mediatar #pagerBottom .pager {
display:inline-block;
}
#Mediatar .pagerBar {
display:block;
white-space:nowrap;
margin:0px;
padding:0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
line-height:24px;
}
#Mediatar .pagerBar .prevArrow img,
#Mediatar .pagerBar .nextArrow img { display:none; }
#Mediatar .pagerBar .prevArrow {
display:block;
text-decoration:none;
color:white;
background-image:url(/vidipedia/images/form/arrow-blue-left.png);
background-repeat:no-repeat;
background-position:right top;
background-size:84px 24px;
width:84px;
height:24px;
font-family:inherit;
font-size:inherit;
}
#Mediatar .pagerBar .prevArrow:before {
content:"Előző";
text-transform:uppercase;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:12px;
}
#Mediatar .pagerBar .nextArrow {
display:block;
text-decoration:none;
color:white;
background-image:url(/vidipedia/images/form/arrow-blue-right.png);
background-repeat:no-repeat;
background-position:left top;
background-size:84px 24px;
width:84px;
height:24px;
font-family:inherit;
font-size:inherit;
}
#Mediatar .pagerBar .nextArrow:before {
content:"Következő";
text-transform:uppercase;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:12px;
}
#Mediatar .pagerBar .currentPage {}
#Mediatar .pagerBar .currentPage input[type=textfield] {
border:none;
background-color:white;
border-radius:12px;
outline:none;
width:24px;
height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
text-align:center;
}
#Mediatar .pagerBar a {
display:inline-block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
text-align:center;
width:auto;
height:24px;
padding:0px 0px 0px 0px;
}
#Mediatar .pagerBar a .notCurrentPage {
display:block;
background-color:#0D4986;
color:white;
width:24px;
border-radius:12px;
}
#Mediatar .pagerBar .firstPage { display:none; }
#Mediatar .pagerBar .lastPage { display:none; }
#Mediatar .mirror { text-align:left; }
#Mediatar .gallery-wrapper {
width:100%;
}
/* GALLERY FOLDERS */
/* role: galleries */
#Mediatar .gallery-wrapper .galleries {
list-style:none;
display:block;
margin:0;
padding:0;
}
#Mediatar .gallery-wrapper .galleries .g-item {
width:calc(25% - 25px);
height:300px;
display:block;
float:left;
margin:0 25px 0 0;
padding:0;
}
#Mediatar .gallery-wrapper .galleries .g-item .gi-link {
display:block;
text-decoration:none;
color:black;
}
#Mediatar .gallery-wrapper .galleries .g-item .gi-link .gi-preview {
display:block;
width:100%;
height:200px;
margin:0px 0px 10px 0px;
border:4px solid white;
border-radius:4px;
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.2);
transform:scale(1.0,1.0);
transition:all 0.3s ease;
}
#Mediatar .gallery-wrapper .galleries .g-item .gi-link:hover .gi-preview {
box-shadow:0px 15px 25px 0px rgba(0,0,0,0.3);
transform:scale(1.05,1.05);
}
#Mediatar .gallery-wrapper.role-galleries .galleries {
width:100%;
}
#Mediatar .gallery-wrapper.role-galleries .galleries .g-item {
/*
width:calc(16.6667% - 25px);
height:100px;
*/
}
#Mediatar .gallery-wrapper.role-galleries .galleries .g-item .gi-link .gi-preview {
width:100%;
height:200px;
margin:0px 0px 10px 0px;
border:4px solid white;
border-radius:0px;
}
/* GALLERY FOLDER ITEMS */
.gallery-wrapper .galleries .g-item .gi-link .gi-icon {
display:block;
position:relative;
width:32px;
height:32px;
margin:0px -32px -32px 0px;
background-repeat:no-repeat;
background-size:contain;
}
.gallery-wrapper .galleries .g-item .gi-link .gi-icon.gi-type-1 { background-image:url(//vidipedia.hu/cache/css/../../images/icon/media-picture.black.png); }
.gallery-wrapper .galleries .g-item .gi-link .gi-icon.gi-type-2 { background-image:url(//vidipedia.hu/cache/css/../../images/icon/media-video.black.png); }
.gallery-wrapper .galleries .g-item .gi-link .gi-icon .gi-images-counter {
display:block;
position:relative;
width:18px;
height:18px;
margin:0px -18px -18px 0px;
left:-8px;
border-radius:18px;
background-color:#D32238;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:18px;
text-align:center;
}
.gallery-wrapper .galleries .g-item .gi-link .gi-text {
display:block;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:17px;
text-align:left;
padding:0px 0px 0px 42px;
margin:0;
}
.gallery-wrapper .galleries .g-item .gi-link .gi-date {
display:block;
font-size:11px;
line-height:16px;
opacity:0.5;
margin:5px 0px 0px 0px;
}
#Mediatar .gallery-date {
float:right;
position:relative;
height:24px;
margin:0px 25px -24px 0px;
top:0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:15px;
line-height:24px;
color:rgba(0,0,0,0.5);
}
#Mediatar .gallery-title {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
line-height:24px;
text-align:left;
text-transform:uppercase;
color:black;
}
#Mediatar .gallery-title .gt-descr {
color:#0D4986;
}
#Mediatar .gallery-title .gt-backlink {
color:#D32238;
text-decoration:none;
}
.gallery-wrapper.fullscreen {
position:fixed;
z-index:10;
left:0px;
top:0px;
width:100%;
height:100%;
}
.gallery-wrapper .pagecover,
.gallery-wrapper .g-buttons {
display:none;
}
.gallery-wrapper.fullscreen .pagecover {
display:block;
position:fixed;
z-index:11;
left:0px;
top:0px;
width:100%;
height:100%;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow:visible;
-ms-touch-action: none;
background-color: #F7F4EF;
background-image: url(/vidipedia/images/core/background-recycled_paper-1920x1080.gif);
background-repeat: repeat;
background-position: center center;
background-attachment: scroll;
background-size: 60%;
opacity:0.85;
}
.gallery-wrapper.fullscreen .g-buttons {
position:fixed;
z-index:13;
}
.gallery-wrapper.fullscreen .galleries {
position:fixed;
display:block;
z-index:12;
margin:0px;
padding:0px;
left:0px;
top:0px;
width:100%;
height:100%;
}
.gallery-wrapper.fullscreen .galleries .g-item {
position:absolute;
display:block;
width:100%;
height:100%;
float:none;
transform:scale(1.0,1.0);
transition:none;
}
.gallery-wrapper.fullscreen .galleries .g-item .gi-link {
width:100%;
height:100%;
pointer-events:none;
}
.gallery-wrapper.fullscreen .galleries .g-item .gi-link .gi-preview {
display:block;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
border:none;
border-radius:0px;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
box-shadow:none;
}
/* roles */
.imageGalleryContainer {
text-align:center;
display:block;
width:100%;
height:100%;
}
.imageGalleryContainer .scrumbs {
display:inline-block;
text-align:center;
display:none;
}
.imageGalleryContainer .scrumbs .scrumbsInactive {
display:inline-block;
text-align:center;
color:white;
background-image:url(/vidipedia/images/form/arrow-blue-left.png);
background-repeat:no-repeat;
background-size:128px 32px;
width:128px;
height:32px;
}
.imageGalleryContainer .scrumbs .scrumbsInactive a {
color:inherit;
text-decoration:none;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:32px;
}
.imageGalleryContainer .scrumbsSeparator {
display:inline-block;
overflow:hidden;
color:rgba(0,0,0,0);
}
.imageGalleryContainer .scrumbsSeparator:after {
display:inline-block;
position:relative;
top:10px;
padding:0px 5px 0px 5px;
content:"•";
color:#D32238;
font-size:32px;
line-height:32px;
text-indent:0px;
}
.imageGalleryContainer .scrumbs .scrumbsActive {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:32px;
color:#0D4986;
}
.imageGalleryContainer .scrumbs .scrumbsActive a {
font-family:inherit;
font-size:inherit;
color:inherit;
text-decoration:none;
}
.imageGalleryDate {
position:relative;
font-size:14px;
line-height:16px;
top:20px;
left:15px;
opacity:0.5;
}
.imageGalleryName {
clear:both;
display:block;
margin:25px 0px 0px 0px;
text-align:center;
}
.imageGalleryName span:nth-child(1) {
display:none;
}
.imageGalleryName span:nth-child(2) {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:32px;
color:#0D4986;
}
.imageGalleryDetails {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
color:#2E3142;
}
#galleria {
position:relative;
z-index:2;
width:calc(100% - 0px);
left:0px;
font-size:0px;
line-height:0px;
margin:15px 0px 0px 0px;
display:none;
display:block;
}
#galleria.visible {
display:block;
}
#galleria .gallery-item {
display:inline-block;
position:relative;
margin:0px -5px -5px 0px;
padding:0px;
width:100px;
height:100px;
border:5px solid white;
overflow:hidden;
transform:scale(1,1);
box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
transition:all 0.1s ease;
}
#galleria .gallery-item:hover {
z-index:1;
transform:scale(1.2,1.2) rotate(-3deg);
box-shadow:0px 5px 20px 0px rgba(0,0,0,0.7);
transition:all 0.3s ease;
}
#galleria .gallery-item img {
width:200%;
margin-left:-50%;
height:auto;
pointer-events:none;
}
.imageGalleryPlayer{
display:block;
width:100%;
height:100%;
}
.imageGalleryPlayer.is_preview {
min-height:50px;
}
.imageGalleryPlayer.is_preview #galleria {
width:calc(100% - 130px);
left:77px;
margin:0px 0px 0px 0px;
padding:15px 0px 5px 0px;
background-color:transparent;
height:90px;
white-space:nowrap;
overflow:hidden;
outline:0px solid red;
}
.imageGalleryPlayer.is_preview .progress-marker {
display:block;
position:absolute;
width:68px;
height:68px;
border-radius:68px;
background-color:rgba(0,0,0,0.5);
box-shadow:0px 0px 50px 10px rgba(255,255,255,1),0px 0px 75px 10px rgba(255,255,255,1),0px 0px 100px 10px rgba(255,255,255,1);
box-shadow:0px 0px 50px 10px rgba(0,0,0,.3),0px 0px 75px 10px rgba(0,0,0,.2),0px 0px 100px 10px rgba(0,0,0,.1);
z-index:9;
background-image:url(/vidipedia/images/progress/animated_progress-negative-48px.gif);
background-repeat:no-repeat;
background-position:center center;
background-size:48px 48px;
opacity:0;
}
.imageGalleryPlayer.is_preview .gallery-full-size-image {
display:block;
width:calc(100% - 0px);
margin:0px 0px 0px 10px;
height:auto;
background-color:white;
box-shadow:0px 2px 10px 0px rgba(0,0,0,0.3);
border:10px solid white;
border-bottom:50px solid white;
}
.imageGalleryPlayer.is_preview .gallery-full-size-image .gim-0,
.imageGalleryPlayer.is_preview .gallery-full-size-image .gim-1,
.imageGalleryPlayer.is_preview .gallery-full-size-image .gim-2 {
position:relative;
width:100%;
height:1000px;
margin:0px 0 -1000px 0px;
}
.imageGalleryPlayer.is_preview .gallery-full-size-image .gim-0 img,
.imageGalleryPlayer.is_preview .gallery-full-size-image .gim-1 img,
.imageGalleryPlayer.is_preview .gallery-full-size-image .gim-2 img {
width:100%;
height:auto;
}
.imageGalleryPlayer.is_preview #galleria {
}
.imageGalleryPlayer.is_preview #galleria .gallery-item {
display:inline-block;
position:relative;
margin:5px -2px 50px -2px;
padding:0px;
width:55px;
height:50px;
border:4px solid white;
border-radius:1px;
overflow:hidden;
transform:scale(1,1) rotate(0deg);
box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
top:0px;
transition:box-shadow 0.1s ease, transform 0.1s ease, top 0.1s ease;
}
.imageGalleryPlayer.is_preview #galleria .gallery-item:hover {
border-color:#0D4986;
z-index:2;
transition:box-shadow 0.3s ease, transform 0.3s ease, top 0.3s ease;
transform:scale(1.0,1.0) rotate(0deg);
transform-origin:center center;
box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
top:0px;
}
.imageGalleryPlayer.is_preview #galleria .gallery-item.current {
border:8px solid white;
z-index:1;
}
.imageGalleryPlayer.is_preview #galleria .gallery-item img {
}
.imageGalleryPlayer.is_preview .buttons-wrapper {
display:block;
position:relative;
width:calc(100% - 26px);
height:0px;
margin:0px 0px -10px 0px;
top:25px;
outline:0px solid red;
}
.imageGalleryPlayer.is_preview .leftButton {
float:left;
top:-4px;
background-image:url(/vidipedia/images/form/arrow-red-left.png);
background-position:left center;
}
.imageGalleryPlayer.is_preview .rightButton {
float:right;
left:0px;
top:-4px;
background-image:url(/vidipedia/images/form/arrow-red-right.png);
background-position:right center;
}
.imageGalleryPlayer.is_preview .leftButton,
.imageGalleryPlayer.is_preview .rightButton {
display:block;
position:relative;
text-decoration:none;
z-index:3;
cursor:pointer;
width:78px;
height:48px;
margin:0px -78px -48px 0px;
background-size:420px 60px;
transition:left 0.3s ease, opacity 0.5s ease, filter 1.0s ease;
-webkit-transition:left 0.3s ease, opacity 1s ease, -webkit-filter 0.5s ease;
}
.imageGalleryPlayer.is_preview .leftButton { left:-15px; }
.imageGalleryPlayer.is_preview .leftButton:hover { left:-20px; }
.imageGalleryPlayer.is_preview .rightButton { left:-10px; }
.imageGalleryPlayer.is_preview .rightButton:hover { left: -5px; }
.imageGalleryPlayer.is_preview .leftButton.dim,
.imageGalleryPlayer.is_preview .rightButton.dim {
-webkit-transition:left 0.3s ease, opacity 0.5s ease, -webkit-filter 1.0s ease;
pointer-events:none;
opacity:0.2;
-webkit-filter:brightness(-1);
}
.imageGalleryPlayer.is_preview .fullscreenButton {
}
.imageGalleryPlayer.is_preview .closeButton {
}
/* VIDEOS */
#videoListContainer {
width:100%;
}
#videoListContainer .video-link {
display: inline-block;
box-sizing: initial;
position: relative;
white-space-collapse: collapse;
width: calc(25% - 45px);
height: auto;
margin: 0px 20px 25px 0px;
padding: 10px 10px 40px 10px;
text-decoration: none;
color: black;
border-radius: 4px;
background-color: white;
background-image: url(/vidipedia/images/core/polaroid-pattern.jpg);
background-repeat: repeat;
background-attachment: fixed;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.13);
transform: scale(1.0,1.0);
transition: all 0.3s ease;
}
#videoListContainer .video-link .image:before {
display: block;
position: relative;
z-index: 1;
width: 32px;
height: 32px;
margin: 0px -32px -32px 0px;
top: 0px;
left: 0px;
border-bottom-right-radius: 4px;
background-color: rgba(255,255,255,1);
content: " ";
background-image: url(/vidipedia/images/icon/media-video.black.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 24px 24px;
}
#videoListContainer .video-link .image img {
border: none;
position: relative;
margin: 0px 0px -2px 0px;
padding: 0px;
width: 100%;
height: auto;
/* border: 1px solid rgba(0,0,0,0.3); */
}
#videoListContainer .video-link .details {
display: block;
width: calc(100% - 20px);
height: 50px;
position: relative;
overflow: hidden;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
margin: 10px 0px 0px 0px;
padding: 0px 10px 0px 10px;
text-align: center;
}
#videoListContainer .video-link .details .title {
display: block;
color: #2E3142;
}
#videoListContainer .video-link .details .date {
display: block;
color: gray;
}
.search-wrapper {
display:block;
width:100%;
height:0px;
text-align:right;
}
.search-wrapper .search-field {
display:inline-block;
position:relative;
text-decoration: none;
width:400px;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 40px;
border: 1px solid gray;
border-radius:8px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:40px;
text-transform:uppercase;
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
color: #0D4986;
background-color: rgba(0,0,0,0.0);
background-image:url(/vidipedia/images/icon/magnifier.blue.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:10px center;
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor:text;
outline:none;
overflow:hidden;
}
#typ-chooser-wrapper {
display:block;
width:100%;
text-align:center;
}
#typ-chooser-wrapper .typ-chooser {
list-style:none;
display:inline-block;
position:relative;
text-decoration: none;
margin:0px 0px 25px 0px;
padding:0px 0px 0px 0px;
border: 1px solid gray;
border-radius: 8px;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:0px;
color: #0D4986;
background-color: rgba(0,0,0,0.0);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor: default;
overflow:hidden;
}
#typ-chooser-wrapper .typ-chooser li.tc-item {
display:inline-block;
margin:0px;
padding:0px 0px 0px 0px;
text-transform:uppercase;
font-size:16px;
line-height:40px;
font-weight:bold;
letter-spacing:0.5px;
color:rgba(0,0,0,0.3);
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
transition:box-shadow 0.3s ease;
box-shadow:none;
}
#typ-chooser-wrapper .typ-chooser li.tc-item:not(.active):hover {
box-shadow:inset 0px 0px 100px 0px rgba(13,73,134,0.1);
}
#typ-chooser-wrapper .typ-chooser li.tc-item .tci-link:before {
content:" ";
display:inline-block;
position:relative;
width:30px;
height:30px;
left:-4px;
top:8px;
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
opacity:0.3;
-webkit-filter:brightness(0);
}
#typ-chooser-wrapper .typ-chooser li.tc-item.active .tci-link:before {
opacity:1;
-webkit-filter:brightness(1);
}
#typ-chooser-wrapper .typ-chooser li.tc-item.pic {
border-right:1px solid #0D4986;
}
#typ-chooser-wrapper .typ-chooser li.tc-item.pic .tci-link:before {
background-image:url(/vidipedia/images/icon/media-picture.blue.png);
}
#typ-chooser-wrapper .typ-chooser li.tc-item.vid {
}
#typ-chooser-wrapper .typ-chooser li.tc-item.vid .tci-link:before {
background-image:url(/vidipedia/images/icon/media-video.blue.png);
}
#typ-chooser-wrapper .typ-chooser li.tc-item.pic {}
#typ-chooser-wrapper .typ-chooser li.tc-item.vid {}
#typ-chooser-wrapper .typ-chooser li.tc-item.active {
color:#0D4986;
background-color:rgba(255,255,255,0.5);
}
#typ-chooser-wrapper .typ-chooser li.tc-item .tci-link {
display:block;
width:100%;
height:100%;
margin:0px;
padding:0px 25px 2px 25px;
color:inherit;
text-decoration:none;
}
#typ-chooser-wrapper .typ-chooser li.tc-item .tci-link .icon {}
#typ-chooser-wrapper .typ-chooser li.tc-item.pic .tci-link .icon {}
#typ-chooser-wrapper .typ-chooser li.tc-item.vid .tci-link .icon {}
#typ-chooser-wrapper .typ-chooser li.tc-item .tci-link .text {}
#Mediatar .video-wrapper {
position:fixed;
z-index:40000;
left:0px;
top:0px;
width:100%;
height:100%;
}
#Mediatar .video-wrapper
.video-page-cover {
display:block;
width:inheirt;
height:inherit;
background-color:rgba(0,0,0,0.85);
}
#Mediatar .video-wrapper
.video-page-cover
.close-button {
display:block;
z-index:41000;
text-decoration:none;
text-indent:-10000px;
width:32px;
height:32px;
border-radius:35px;
background-color:black;
background-image:url(/vidipedia/images/icon/close.white.png);
background-position:center center;
background-size:30px 30px;
background-repeat:no-repeat;
}
#Mediatar .video-wrapper
.video-page-cover
.close-button.relative-to-video.top-right {
position:absolute;
left:50%;
top:50%;
margin:-173px 0px 0px 310px;
}
#Mediatar .video-wrapper
.video-page-cover
.close-button.relative-to-screen.top-right {
position:fixed;
right:10px;
top:10px;
}
#Mediatar .video-wrapper
.video-player-holder {
position:absolute;
z-index:40500;
left:50%;
top:50%;
width:695px;
height:401px;
margin:-190px 0px 0px -337px;
border:10px solid white;
border-radius:10px;
box-shadow:0px 5px 55px 0px rgba(0,0,0,0.8);
overflow:hidden;
}
#Mediatar .video-wrapper
.video-player-holder
.video-player {
width:675px;
height:381px;
}
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) { /* XXL */
#Mediatar .gallery-wrapper.role-galleries .galleries .g-item { width:calc(16.6667% - 25px); height:100px; }
#Mediatar .search-wrapper { width:calc(100% - 30px); }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) { /* XL */
#Mediatar .gallery-wrapper.role-galleries .galleries .g-item { width:calc(16.6667% - 25px); height:90px; }
#Mediatar .search-wrapper { width:calc(100% - 40px); }
#imageGalleryListContainer .gallery-link { width: calc(33% - 45px); height:auto; margin: 0px 20px 25px 0px; padding: 10px 10px 40px 10px; transform: scale(1.0,1.0); }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) { /* L */
#Mediatar .gallery-wrapper.role-galleries .galleries .g-item { width:calc(100% - 5px); height:70px; }
#Mediatar .search-wrapper { width:calc(100% - 10px); }
#imageGalleryListContainer .gallery-link { width: calc(33% - 30px); height:auto; margin: 0px 10px 15px 0px; padding: 10px 10px 30px 10px; transform: scale(1.0,1.0); }
}
@media screen and (min-width: 800px) and (max-width: 999px) { /* M */
#Mediatar .gallery-wrapper.role-galleries .galleries .g-item { width:calc(100% - 5px); height:70px; }
#Mediatar .search-wrapper { width:calc(100% - 10px); }
#imageGalleryListContainer .gallery-link { width: calc(33% - 30px); height:auto; margin: 0px 10px 15px 0px; padding: 10px 10px 20px 10px; transform: scale(1.0,1.0); }
#imageGalleryListContainer .gallery-link .imageGallery .image { height:100px; }
#imageGalleryListContainer .gallery-link .imageGallery .details { width: calc(100% - 0px); height: 60px; font-size:12px; line-height:15px; margin:10px 0px 0px 0px; padding: 0px 10px 0px 10px; }
}
@media screen and (min-width: 600px) and (max-width: 799px) { /* S */
#imageGalleryListContainer { width: calc(100% + 10px); margin-left:25px; outline:0px solid red; }
#imageGalleryListContainer .gallery-link { width: calc(31% - 30px); height:auto; margin: 0px 10px 10px 0px; padding: 10px 10px 20px 10px; transform: scale(1.0,1.0); }
#imageGalleryListContainer .gallery-link .imageGallery .image { height:80px; }
#imageGalleryListContainer .gallery-link .imageGallery .details { width: calc(100% - 0px); height:40px; font-size:11px; line-height:13px; margin:3px 0px 0px 0px; padding:0px 10px 0px 10px; }
#typ-chooser-wrapper { text-align:center; }
#videoListContainer { width:calc(100% + 40px); }
}
@media screen and (min-width: 400px) and (max-width: 599px) { /* XS */
#imageGalleryListContainer { width: calc(100% + 10px); margin-left:25px; outline:0px solid red; }
#imageGalleryListContainer .gallery-link { width: calc(50% - 55px); height:auto; margin: 0px 10px 10px 0px; padding: 10px 10px 20px 10px; transform: scale(1.0,1.0); }
#imageGalleryListContainer .gallery-link .imageGallery .image { height:60px; }
#imageGalleryListContainer .gallery-link .imageGallery .details { width: calc(100% - 0px); height: 50px; font-size:11px; line-height:13px; margin: 5px 0px 0px 0px; padding: 0px 10px 0px 10px; }
.pagerBar .prevArrow { width: 24px; height: 24px; background-position:left center; border-radius:4px;}
.pagerBar .prevArrow:before { content: "«"; }
.pagerBar .nextArrow { width: 24px; height: 24px; background-position:right center; border-radius:4px; }
.pagerBar .nextArrow:before { content: "»"; }
}
@media screen and (max-width: 399px) { /* XXS */
#imageGalleryListContainer { width: calc(100% + 15px); margin-left:0px; outline:0px solid red; }
#imageGalleryListContainer .gallery-link { width: calc(50% - 25px); height:auto; margin: 0px 10px 10px 0px; padding: 10px 5px 20px 5px;}
#imageGalleryListContainer .gallery-link .imageGallery .image { height:80px; }
#imageGalleryListContainer .gallery-link .imageGallery .details { width: calc(100% - 0px); height: 50px; font-size:11px; line-height:13px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#typ-chooser-wrapper { text-align:center; }
#videoListContainer { width:calc(100% + 20px); }
#videoListContainer .video-link { width: calc(50% - 15px); height:auto; margin:0px 10px 10px 0px; padding:10px 0px 10px 0px; }
#videoListContainer .video-link .details { width:calc(100% - 0px); height:40px; }
#videoListContainer .video-link .details .title { font-size:11px; line-height:1.1em; }
#videoListContainer .video-link .details .date { font-size:11px; line-height:1.1em; }
}
@charset "UTF-8";
/* CSS Document */
.blocks-starter {
display:block;
width:100%;
clear:both;
padding-top:15px;
}
.season-overview-wrapper {
}
.season-overview-wrapper
.season-overview {
}
.season-overview-wrapper
.season-overview
.so-title {
display:block;
width:100%;
margin:15px 0px 15px 0px;
padding:5px 0 5px 0;
position:relative;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
line-height:28px;
letter-spacing:2px;
color:#0D4986;
text-align:center;
text-transform:uppercase;
border-top:1px solid #0D4986;
border-bottom:1px solid #0D4986;
}
.season-overview-wrapper
.season-overview
.newsLead {
}
#Szezonok #Tabellak,
#Szezonok #Keret-es-stab,
#Szezonok #Menetrend {
clear:both;
}
#Szezonok .BlockTitle {
display:block;
width:100%;
margin:0px 0px -1px 0px;
padding:5px 0 5px 0;
position:relative;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
line-height:28px;
letter-spacing:2px;
color:#0D4986;
text-align:center;
text-transform:uppercase;
background-color:rgba(13,73,134,0.2);
border-top:1px solid #0D4986;
border-bottom:1px solid #0D4986;
}
#Szezonok .BlockTitle:last-child {
padding-bottom:1px;
margin-bottom:1px;
}
#Szezonok .newsLabel {
display:none;
}
#Szezonok .newsTitle {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
font-size:18px;
line-height:22px;
margin:0px 0px 10px 0px;
padding:0px;
color: #0D4986;
}
#Szezonok .newsImage {
display:block;
float:left;
width:300px;
height:auto;
margin:0px 20px 5px 0px;
}
#Szezonok .newsImage:empty { display:none; }
#Szezonok .newsImage img {
width:100%;
height:auto;
border:1px solid gray;
}
#Szezonok .newsLead,
#Szezonok .newsLead p,
#Szezonok .newsBody,
#Szezonok .newsBody p {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #2E3142;
font-size:14px;
line-height:18px;
margin:0px 0px 5px 0px;
padding:0px;
text-align:justify;
}
#Szezonok .newsLead,
#Szezonok .newsLead p {
font-weight:bold;
font-size:18px;
line-height:22px;
margin-bottom:10px;
}
#Szezonok .newsBody p {
display:block;
}
#Szezonok .newsBody img.is-odd {
float:left;
margin:0px 20px 5px 0px;
width:300px;
height:auto;
border:1px solid gray;
}
#Szezonok .newsBody img.is-even {
float:right;
margin:0px 0px 5px 20px;
width:300px;
height:auto;
border:1px solid gray;
}
#Szezonok .newsBody .block-break {
display:block;
width:100%;
height:10px;
}
#Szezonok #Tabellak .standings-table .teamTabellePage {
margin:0px;
}
#Szezonok #Tabellak .standings-table .teamTabellePage .tabelleContainer {
padding:0px 0px 0px 0px;
}
#Szezonok #Tabellak .seasonMatches {
width:100%;
margin:0px 0px 15px 0px;
}
/* NEM KELL MÉGSEM */
#Szezonok #Tabellak .seasonMatches {
display:none;
}
/* KELL MÉGIS */
#Szezonok #Tabellak .seasonMatches {
display:block;
}
#Szezonok #Tabellak .standings-table .teamTabellePage .goals {
display:block;
margin:0px 0px 15px 0px;
padding:0px;
vertical-align:top;
width:calc(100% + 5px);
font-size:0px;
}
#Szezonok #Tabellak .standings-table .teamTabellePage .goals .allScores {
display:inline-block;
margin:0px 15px 0px 0px;
padding:0px;
vertical-align:top;
width:calc(50% - 10px);
}
#Szezonok #Tabellak .standings-table .teamTabellePage .goals .homeScores {
display:inline-block;
margin:0px;
padding:0px;
vertical-align:top;
width:calc(50% - 10px);
}
#Szezonok #Tabellak .standings-table .teamTabellePage .goals.full .allScores,
#Szezonok #Tabellak .standings-table .teamTabellePage .goals.full .homeScores {
width:calc(100% - 5px);
}
#Szezonok .video-wrapper {
display:block;
width:100%;
height:401px;
margin:10px 0px 15px 0px;
padding:10px 0px 10px 0px;
border-radius:8px;
background-color:black;
clear:both;
text-align:center;
}
#Szezonok iframe {
width:675px;
height:381px;
clear:both;
float:none;
display:inline-block;
text-align:center;
}
#Szezonok .team-members-wrapper,
#Szezonok .teamMembers-block {
display:table;
width:calc(100% + 10px);
}
#Szezonok .teamMembers-block.no-person-image {
width:calc(100% + 0px);
}
#Szezonok .team-members-wrapper
.teamPlayers-columns {
display:table-row;
width:100%;
}
#Szezonok .teamMembers-image-holder {
text-align:left;
}
#Szezonok .teamMembers-image-holder img {
width:calc(100% - 10px);
}
.timetable-wrapper {
margin:0px;
padding:0px;
display:block;
width:100%;
/*overflow:hidden;*/
}
.timetable-wrapper .teamMatches {
margin:0px;
padding:0px;
}
.timetable-wrapper .teamMatches .timetableRow {
display:block;
margin:0px;
padding:0px;
}
.timetable-wrapper .teamMatches .timetableRow .month {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:15px;
color:rgba(0,0,0,1);
padding:0px 0px 0px 0px;
margin:0px;
}
.timetable-wrapper .teamMatches .timetableRow .month .darkBlueTitle,
.timetable-wrapper .teamMatches .timetableRow .month .redTitle {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:34px;
text-transform:uppercase;
color:rgba(255,255,255,0.9);
text-shadow:1px 1px 1px black;
width:200px;
height:34px;
padding:0px 10px 0px 20px;
background-image:url(/vidipedia/images/form/arrow-blue-right.png);
background-repeat:no-repeat;
background-size:contain;
margin:15px 0px 5px 0px;
}
.timetable-wrapper .teamMatches .timetableRow .month .darkBlueTitle {
background-image:url(/vidipedia/images/form/arrow-blue-right.png);
}
.timetable-wrapper .teamMatches .timetableRow .month .redTitle {
background-image:url(/vidipedia/images/form/arrow-red-right.png);
}
.timetable-wrapper .teamMatches .timetableRow .month .darkBlueTitle.aggregatedDate,
.timetable-wrapper .teamMatches .timetableRow .month .redTitle.aggregatedDate {
display:none;
}
.timetableRow .teamMatchRow-wrapper {
background-color:rgba(255,255,255,0.3);
}
.timetableRow {
border-bottom:1px solid rgba(0,0,0,0.2);
}
.timetableRow .teamMatchRow {
display:table;
margin:0px 0px 0px 0px;
padding:0px;
border-spacing:0px;
border-top:1px solid rgba(0,0,0,0.2);
overflow:hidden;
width:100%;
}
.timetableRow .teamMatchRow.teamMatchRowFirstNotPlayed {
background-color:white;
color:#D32238;
}
.timetableRow .teamMatchRow a {
display:table-row;
text-decoration:none;
color:inherit;
}
.timetableRow .teamMatchRow a.ticket { display:none; }
.timetableRow .teamMatchRow .toggleMatches {
float:left;
z-index:1;
display:block;
position:relative;
cursor:pointer;
width:20px;
height:20px;
margin:0px -22px -22px 0px;
top:-25px;
left:3px;
background-color:rgba(255,255,255,0.0);
border:1px solid #0D4986;
border-radius:20px;
box-shadow:0px 5px 2px 0px rgba(0,0,0,0.1);
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:19px;
color:#0D4986;
text-shadow:1px 1px 1px white;
text-align:center;
transform:scale(1.0,1.0);
transition:all 0.3s ease;
}
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper .tt-table .tt-row .tt-col.buttons .tb-toggle { visibility:hidden; }
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper.has-foreign-events .tt-table .tt-row .tt-col.buttons .tb-toggle { visibility:visible; }
#Szezonok .timetableRow .teamMatchRow .toggleMatches:hover {
background-color:rgba(255,255,255,0.5);
transform:scale(1.1,1.1);
}
#Szezonok .timetableRow .teamMatchRow-wrapper .toggleMatches:before,
#Szezonok .timetableRow .teamMatchRow-wrapper.collapsed .toggleMatches:before {
display:block;
content:"+";
}
#Szezonok .timetableRow .teamMatchRow-wrapper.expanded .toggleMatches:before {
display:block;
margin-top:-2px;
content:"–";
}
#Szezonok .teamMatchRow .date {
display:table-cell;
padding:0px 0px 0px 30px;
vertical-align:middle;
min-width:180px;
height:30px;
overflow:hidden;
white-space:nowrap;
}
#Szezonok .teamMatchRow .competitionName {
display:table-cell;
border-spacing:0px;
margin:0px;
padding:0px 0px 0px 0px;
vertical-align:top;
white-space:nowrap;
width:210px;
height:100%;
}
#Szezonok .teamMatchRow .competitionName .cn-wrapper {
display:block;
position:relative;
margin:0px -40px 0px 0px;
padding:0px;
width:250px;
height:100%;
text-align:left;
overflow:hidden;
text-overflow:ellipsis;
}
#Szezonok .teamMatchRow .competitionName .cn-wrapper .league-icon {
display:inline-block;
position:relative;
top:5px;
width:20px;
height:20px;
overflow:hidden;
}
#Szezonok .teamMatchRow .competitionName .cn-wrapper .league-icon img {
width:inherit;
height:inherit;
}
#Szezonok .teamMatchRow .competitionName .cn-wrapper .league-name {
display:inline-block;
width:calc(100% - 40px);
margin:0px;
padding:0px 0px 0px 5px;
line-height:20px;
}
#Szezonok .teamMatchRow .results-wrapper {
display:table-cell;
padding:0px 0px 0px 0px;
vertical-align:middle;
}
#Szezonok .teamMatchRow .results-wrapper .bbox {
display:block;
width:570px;
overflow:hidden;
}
#Szezonok .teamMatchRow .results-wrapper .results {
display:table-row;
}
#Szezonok .teamMatchRow .results-wrapper .results .team.team-A {
display:table-cell;
vertical-align:middle;
padding:0px 7px 0px 0px;
width:200px;
text-align:right;
font-size:15px;
line-height:16px;
}
#Szezonok .teamMatchRow .results-wrapper .results .goals {
display:table-cell;
vertical-align:top;
padding:0px 0px 0px 0px;
width:50px;
text-align:center;
position:relative;
z-index:10;
width:inherit;
max-width:120px;
margin:0px 0px 0px 0px;
padding:4px 5px 0px 5px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:22px;
line-height:24px;
text-align:center;
padding:3px 15px 3px 15px;
color:white;
letter-spacing:2px;
text-align:center;
white-space:nowrap;
}
#Szezonok .teamMatchRow .results-wrapper .results .goals { background-color:#3C4650; opacity:0.1; width:90px; }
#Szezonok .teamMatchRow .results-wrapper .results .goals.goalsLoser { background-color:rgba(46,49,66,0.5); opacity:1; }
#Szezonok .teamMatchRow .results-wrapper .results .goals.goalsWinner { background-color:rgba(46,49,66,1.0); opacity:1; }
#Szezonok .teamMatchRow .results-wrapper .results .goals.goalsDraw { background-color:rgba(46,49,66,0.7); opacity:1; }
#Szezonok .teamMatchRow .results-wrapper .results .team.team-B {
display:table-cell;
vertical-align:middle;
padding:0px 0px 0px 7px;
text-align:left;
width:200px;
font-size:15px;
line-height:16px;
}
#Szezonok .teamMatchRow .tvLogo {
display:none;
}
#Szezonok .furtherMatches {
display:block;
overflow:hidden;
padding:5px 40px 5px 30px;
margin:0px;
height:auto;
max-height:500px;
background-color:rgba(201,195,188,0.0);
background-color:rgba(255,255,255,0.15);
box-shadow:inset 0px 5px 25px 0px rgba(0,0,0,0.15);
border-top:1px solid rgba(0,0,0,0.2);
pointer-events:none;
transition:max-height 0.3s ease, padding 0.3s ease, border 0.3s ease;
}
#Szezonok .furtherMatches.collapsed {
border-top:0px solid rgba(0,0,0,0.0);
padding:0px 40px 0px 30px;
max-height:0px;
}
#Szezonok .furtherMatchesTitle {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#0D4986;
margin:5px 0px 10px 0px;
}
#Szezonok .furtherMatchesTitle .greyTitle {
}
#Szezonok .furtherMatchesItem {
display:block;
border-top:1px solid rgba(0,0,0,0.2);
}
#Szezonok .furtherMatchesItem .date {
display:inline-block;
width:200px;
padding:5px 0px 0px 0px;
}
#Szezonok .furtherMatchesItem .teams {
display:inline-block;
width:480px;
height:25px;
padding:5px 0px 0px 0px;
white-space:nowrap;
vertical-align:top;
}
#Szezonok .furtherMatchesItem .teams .team-A {
display:inline-block;
vertical-align:top;
width:220px;
text-align:right;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#Szezonok .furtherMatchesItem .teams .goals {
display:inline-block;
vertical-align:top;
width:40px;
text-align:center;
font-weight:bold;
white-space:nowrap;
}
#Szezonok .furtherMatchesItem .teams .team-B {
display:inline-block;
vertical-align:top;
width:220px;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#Szezonok .timetableRow .teamMatchRow .{
width:auto;
border-top:1px solid rgba(0,0,0,0.2);
border-spacing:0px;
margin:0px;
padding:0px;
}
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper:last-child .tt-table {
border-bottom:1px solid rgba(0,0,0,0.2);
}
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper .tt-table .tt-row {
}
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper .tt-table .tt-row.has-collapsible {
}
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper.collapsed .tt-table .tt-row.has-collapsible {
}
#Szezonok .timetable-wrapper .timetables .timetable .tt-table-wrapper .tt-table .tt-row .tt-col {
margin:0px;
padding:0px;
vertical-align:top;
outline:0px solid green;
}
#Szezonok .filter-wrapper {
display:block;
width:calc(100% - 0px);
margin:0px 0px 15px 0px;
outline:0px solid black;
text-align:left;
}
#Szezonok .filters-wrapper.f-season .filter-wrapper {
min-height:30px;
}
#Szezonok .filter-wrapper .sel-wrapper {
display:inline-block;
margin:0px 0px 0px 150px;
}
#Szezonok .filter-wrapper .sel-wrapper.readonly { pointer-events:none; }
#Szezonok .filter-wrapper .sel-wrapper .sel-label {
display:block;
margin:0px 0px 5px 0px;
display:block;
position:relative;
top:7px;
width:150px;
height:20px;
overflow:hidden;
left:-150px;
text-align:right;
margin:0px -150px -20px 0px;
padding:0px 10px 0px 0px;
float:left;
pointer-events:none;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-element {
display:block;
position:relative;
z-index:200;
width:inherit;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-element.has-expanded-options {
z-index:3000;
}
#Szezonok .filter-wrapper .sel-wrapper.is-league { text-align:left; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { float:right; }
#Szezonok .filter-wrapper .sel-wrapper .sel-current {
display:block;
position:relative;
z-index:3000;
text-decoration:none;
padding:5px 15px 5px 15px;
border:1px solid gray;
border-radius:8px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:20px;
color:#0D4986;
background-color:rgba(0,0,0,0.0);
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor:default;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-current .icon {
float:right;
position:relative;
width:20px;
height:20px;
top:0px;
left:-14px;
margin:0px -20px -20px 0px;
background-image:url(/vidipedia/images/icon/arrow-down.blue.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:0px 0px;
outline:0px dotted black;
opacity:0.0;
transition:all 0.3s ease;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-element.has-expanded-options .sel-current .icon {
transform:scaleY(-1);
}
#Szezonok .filter-wrapper .sel-wrapper .sel-current:hover .icon {
opacity:1;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-current .text {
padding:0px 30px 0px 0px;
user-select:none;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown {
box-sizing:content-box;
z-index:999;
display:block;
position:absolute;
width:700px;
height:500px;
overflow:hidden;
transition:all 0.5s ease;
outline:0px solid red;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown.is-collapsed {
max-height:0px;
margin:-3px -600px -500px -40px;
padding:0px 40px 0px 40px;
background-color:rgba(201,195,188,0.0);
background-position:0px 2px;
pointer-events:none;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded {
margin:-3px -600px -500px -40px;
padding:0px 40px 0px 40px;
max-height:550px;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-pagecover {
z-index:10;
position:fixed;
visibility:hidden;
left:0px;
top:0px;
width:100%;
height:0px;
background-color:rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.0);
transition:visibility 0s linear;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded .sel-pagecover {
visibility:visible;
height:100%;
transition:visibility 0s linear 0.5s;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper {
position:relative;
z-index:30;
top:0px;
padding:0px 50px 50px 50px;
margin:-20px -70px -50px -70px;
background-color:rgba(153,204,51,0.0);
border:20px solid rgba(153,204,51,0.0);
cursor:pointer;
outline:0px dotted green;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown.is-collapsed .sel-dd-items-wrapper {
opacity:0;
top:-300px;
max-height:0px;
transition:all 0.3s ease;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded .sel-dd-items-wrapper {
opacity:1;
top:0px;
max-height:450px;
transition:all 0.3s ease;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items {
list-style:none;
display:block;
width:100%;
height:100%;
max-height:370px;
margin:0 0 0 0;
padding:10px 0 0 0;
border:1px solid gray;
border-top:3px solid rgba(0,0,0,0);
border-bottom:10px solid rgba(0,0,0,0);
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
background-color:#C9C3BC;
background-image:url(/vidipedia/images/core/background-recycled_paper-1920x1080.gif);
background-size:800px 800px;
background-position:0px 0px;
box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2), inset 50px 10px 155px 0px rgba(255,255,255,0.5);
background-repeat:no-repeat;
overflow-y:auto;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi {
list-style:none;
margin:0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
letter-spacing:0.5px;
text-align:left;
border-bottom:1px solid rgba(0,0,0,0.1);
cursor:pointer;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi .sel-ddi-link {
display:block;
padding:5px 10px 5px 30px;
text-decoration:none;
color:inherit;
user-select:none;
transition:all 0.1s ease;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi.is-selected {
background-image:url(/vidipedia/images/icon/selected-item.blue.png);
background-repeat:no-repeat;
background-size:16px 16px;
background-position:8px center;
color:#0D4986;
font-weight:bold;
pointer-events:none;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi:hover {
background-color:#0D4986;
color:white;
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi.is-selected:hover {
background-image:url(/vidipedia/images/icon/selected-item.white.png);
}
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper {
position:relative;
}
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown {
width:290px;
}
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown {
width:190px;
}
.teamMatches .pf-title {
display:block;
text-align: left;
font-size: 16px;
line-height: 20px;
margin: 15px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px solid #0D4986;
color: #0D4986;
}
.teamMatches
.competitionSelector {
display:block;
text-align:center;
margin:0;
padding:0;
font-size:0;
}
.teamMatches
.competitionSelector
.competitionSelectorRow {
display:inline-block;
text-decoration:none;
color:inherit;
width:auto;
height:40px;
text-align:left;
padding:0;
margin:0 5px 0 0;
background-color:rgba(0,0,0,0.0);
border:1px solid gray;
border-radius:5px;
font-size:16px;
line-height:40px;
overflow:hidden;
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items {
display:table;
padding:0 25px 0 0;
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items
span.item-0 {
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items
span.item-1 {
position:relative;
display:block;
float:left;
width:300px;
height:40px;
margin:0 -300px -40px 0px;
background-color:rgba(247,244,239,1);
background-image:url(/vidipedia/images/core/background-recycled_paper-1920x1080.gif);
background-repeat:no-repeat;
opacity:0.7;
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items
span.item-1.checked {
opacity:0;
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items
span.item-2 {
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items
span.item-3 {
}
.teamMatches
.competitionSelector
.competitionSelectorRow
.items
span.item-4 {
float:left;
margin:7px 7px 0 7px;
}
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) {
/* XXL */
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 565px); }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 565px); }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 465px); }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:150px; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:150px; }
#Szezonok .teamMatchRow .competitionName { width: 150px; }
#Szezonok .cn-wrapper { margin: 0px -40px 0px 0px; width: 190px; }
#Szezonok .cn-wrapper .league-name { width: calc(100% - 40px); margin: 0px; padding: 0px 0px 0px 5px; line-height: 20px; }
#Szezonok .teamMatchRow .results-wrapper .bbox { width: 500px; }
#Szezonok .teamMatchRow .results-wrapper .results .team.team-A,
#Szezonok .teamMatchRow .results-wrapper .results .team.team-B { width: 190px; font-size: 12px; line-height: 15px; }
#Szezonok .teamMatchRow .results-wrapper .results .goals { width: 40px; max-width: 120px; font-size: 20px; padding: 3px 10px 3px 10px; letter-spacing: 2px; }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
#Szezonok .filter-wrapper { margin:0 0 10px 0; width:100%; display:inline-block; }
#Szezonok .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 0px 0px; }
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-label { display:block; clear:both; float:none; left:0px; margin:0px 0px 5px 0px; width:100%; text-align:left; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element.has-expanded-options { z-index:99999; }
#Szezonok .teamMatchRow .date { padding: 0px 0px 0px 28px; min-width: 0px; width:93px; display:block; text-overflow:none; line-height:32px; }
#Szezonok .teamMatchRow .competitionName { width: 80px; }
#Szezonok .cn-wrapper { margin: 0px -40px 0px 0px; width: 120px; }
#Szezonok .cn-wrapper .league-name { width: calc(100% - 0px); margin: 0px; padding: 0px 0px 0px 5px; line-height: 20px; }
#Szezonok .teamMatchRow .results-wrapper .bbox { width: 340px; }
#Szezonok .teamMatchRow .results-wrapper .results .team.team-A,
#Szezonok .teamMatchRow .results-wrapper .results .team.team-B { width: 120px; font-size: 12px; line-height: 15px; }
#Szezonok .teamMatchRow .results-wrapper .results .goals { width: 40px; max-width: 120px; font-size: 20px; padding: 3px 10px 3px 10px; letter-spacing: 2px; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
#Szezonok .filter-wrapper { margin:0 0 20px 0; width:100%; display:inline-block; }
#Szezonok .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 0px 0px; }
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-label { display:block; clear:both; float:none; left:0px; margin:5px 0px 10px 0px; width:100%; text-align:left; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element.has-expanded-options { z-index:99999; }
#Szezonok .teamMatchRow .date { padding: 0px 0px 0px 28px; min-width: 0px; width:93px; display:block; text-overflow:none; line-height:32px; }
#Szezonok .teamMatchRow .competitionName { width: 80px; }
#Szezonok .cn-wrapper { margin: 0px -40px 0px 0px; width: 120px; }
#Szezonok .cn-wrapper .league-name { width: calc(100% - 0px); margin: 0px; padding: 0px 0px 0px 5px; line-height: 20px; }
#Szezonok .teamMatchRow .results-wrapper .bbox { width: 340px; }
#Szezonok .teamMatchRow .results-wrapper .results .team.team-A,
#Szezonok .teamMatchRow .results-wrapper .results .team.team-B { width: 120px; font-size: 12px; line-height: 15px; }
#Szezonok .teamMatchRow .results-wrapper .results .goals { width: 40px; max-width: 120px; font-size: 20px; padding: 3px 10px 3px 10px; letter-spacing: 2px; }
#Szezonok .teamMembers-image-holder { width:calc(100% - 5px); text-align:left; }
#Szezonok .teamMembers-image-holder img { width:100%; height:auto; margin:0px; }
#Szezonok .video-wrapper { display:none;}
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
#Szezonok .filter-wrapper { margin:0 0 20px 0; width:100%; display:inline-block; }
#Szezonok .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 0px 0px; }
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-label { display:block; clear:both; float:none; left:0px; margin:5px 0px 10px 0px; width:100%; text-align:left; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element.has-expanded-options { z-index:99999; }
#Szezonok .teamMembers-image-holder { width:calc(100% - 5px); text-align:left; }
#Szezonok .teamMembers-image-holder img { width:100%; height:auto; margin:0px; }
#Szezonok .video-wrapper { display:none;}
}
@media screen and (max-width: 399px) {
/* XXS */
#Szezonok .teamMembers-image-holder { width:calc(100% - 5px); text-align:left; }
#Szezonok .teamMembers-image-holder img { width:100%; height:auto; margin:0px; }
#Szezonok .team-members-wrapper .teamPlayers-columns { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns .teamPlayers { display:block; width:calc(100% - 1px); }
#Szezonok .newsBody img.is-odd,
#Szezonok .newsBody img.is-even { width:100%; padding:0; margin:0px 0px 5px 0; float:none; }
.timetableRow .teamMatchRow { display:block; }
.timetableRow .teamMatchRow a { display:block; }
#Szezonok .teamMatchRow .date { width:calc(30% - 10px); min-width:0; display:inline-block; white-space:normal; text-align:left; padding:5px 0px 0px 20px; height:auto; }
#Szezonok .teamMatchRow .competitionName { width:calc(70% - 10px); min-width:0; display:inline-block; white-space:normal; text-align:right; padding:5px 0px 0px 10px; }
#Szezonok .teamMatchRow .competitionName .cn-wrapper { width:100%; white-space:normal; vertical-align:top; }
#Szezonok .teamMatchRow .competitionName .cn-wrapper .league-icon { top:0px; vertical-align:top; }
#Szezonok .teamMatchRow .competitionName .cn-wrapper .league-name { line-height:1.1em; }
#Szezonok .teamMatchRow .results-wrapper { display:block; }
#Szezonok .teamMatchRow .results-wrapper .bbox { width:100%; }
#Szezonok .teamMatchRow .results-wrapper .results .team.team-A { font-size:12px; font-weight:bold; }
#Szezonok .teamMatchRow .results-wrapper .results .team.team-B { font-size:12px; font-weight:bold; }
.timetableRow .teamMatchRow .toggleMatches { top:-55px; }
#Szezonok .furtherMatchesItem .teams { width:100%; }
#Szezonok .furtherMatchesItem .teams .team-A { width:calc(50% - 10px); font-weight:bold; }
#Szezonok .furtherMatchesItem .teams .team-B { width:calc(50% - 10px); font-weight:bold; }
#Szezonok .video-wrapper iframe { transform:scale(0.9,0.9); }
#Szezonok .video-wrapper { display:none;}
#Szezonok .filter-wrapper { margin:0 0 20px 0; width:100%; display:inline-block; }
#Szezonok .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 0px 0px; }
#Szezonok .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Szezonok .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Szezonok .filter-wrapper .sel-wrapper .sel-label { display:block; clear:both; float:none; left:0px; margin:5px 0px 10px 0px; width:100%; text-align:left; }
#Szezonok .filter-wrapper .sel-wrapper .sel-element.has-expanded-options { z-index:99999; }
#Szezonok #Tabellak .standings-table .teamTabellePage .goals .allScores { display:block; width:calc(100% - 5px); margin-bottom:10px; }
#Szezonok #Tabellak .standings-table .teamTabellePage .goals .homeScores { display:block; width:calc(100% - 5px); }
}
/* PAGE RELATED EXCEPTIONS */
.sea-49 #Szezonok .teamMembers-image-holder img,
.sea-50 #Szezonok .teamMembers-image-holder img,
.sea-51 #Szezonok .teamMembers-image-holder img,
.sea-52 #Szezonok .teamMembers-image-holder img,
.sea-53 #Szezonok .teamMembers-image-holder img,
.sea-54 #Szezonok .teamMembers-image-holder img,
.sea-55 #Szezonok .teamMembers-image-holder img,
.sea-56 #Szezonok .teamMembers-image-holder img,
.sea-59 #Szezonok .teamMembers-image-holder img,
.sea-60 #Szezonok .teamMembers-image-holder img,
.sea-61 #Szezonok .teamMembers-image-holder img,
.sea-62 #Szezonok .teamMembers-image-holder img,
.sea-64 #Szezonok .teamMembers-image-holder img,
.sea-66 #Szezonok .teamMembers-image-holder img,
.sea-67 #Szezonok .teamMembers-image-holder img,
.sea-68 #Szezonok .teamMembers-image-holder img,
.sea-69 #Szezonok .teamMembers-image-holder img,
.sea-70 #Szezonok .teamMembers-image-holder img,
.sea-71 #Szezonok .teamMembers-image-holder img,
.sea-72 #Szezonok .teamMembers-image-holder img,
.sea-73 #Szezonok .teamMembers-image-holder img,
.sea-74 #Szezonok .teamMembers-image-holder img,
.sea-17 #Szezonok .teamMembers-image-holder img,
.sea-75 #Szezonok .teamMembers-image-holder img,
.sea-47 #Szezonok .teamMembers-image-holder img,
.sea-18 #Szezonok .teamMembers-image-holder img,
.sea-19 #Szezonok .teamMembers-image-holder img,
.sea-20 #Szezonok .teamMembers-image-holder img,
.sea-21 #Szezonok .teamMembers-image-holder img,
.sea-22 #Szezonok .teamMembers-image-holder img,
.sea-28 #Szezonok .teamMembers-image-holder img,
.sea-29 #Szezonok .teamMembers-image-holder img,
.sea-30 #Szezonok .teamMembers-image-holder img,
.sea-31 #Szezonok .teamMembers-image-holder img
{ width:144%; margin-left:-21.5%; }
.sea-57 #Szezonok .teamMembers-image-holder img
{ width:142%; margin-left:-21.0%; }
@charset "UTF-8";
/* CSS Document */
.scrumbs {
/*
padding-top: 30px !important;
margin: 0 30px;
border-bottom: 1px solid #cdcccc;
*/
}
#matchCenterBox {
display:none;
margin:0px;
text-align:center;
width:100%;
}
#matchCenterBox.visible {
display:block;
}
#matchCenterBox .head {
display:block;
width:100%;
font-size:0px;
text-align:center;
}
.statistics .left,
#matchCenterBox .head .home_team {
display:inline-block;
vertical-align:top;
width:calc(50% - 215px);
padding:10px 15px 0px 0px;
font-weight:normal;
font-size:14px;
line-height:17px;
text-align:right;
outline:0px solid red;
}
.statistics .center,
#matchCenterBox .head .center {
display:inline-block;
width:400px;
min-width:400px;
padding:0px;
margin:0px 0px 0px 0px;
outline:0px solid blue;
}
.statistics .right,
#matchCenterBox .head .away_team {
display:inline-block;
vertical-align:top;
width:calc(50% - 215px);
padding:10px 0px 0px 15px;
outline:0px solid green;
}
#matchCenterBox .head .home_team:before,
#matchCenterBox .head .center:before,
#matchCenterBox .head .away_team:before { display:block; width:100%; height:0px; content:" "; outline:0px solid black; }
#matchCenterBox .head .home_team {
vertical-align:top;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
text-align:right;
color:#2E3142;
/*white-space:nowrap;*/
overflow:hidden;
white-space:normal;
overflow:visible;
}
#matchCenterBox .head .home_team img {
display:inline-block;
vertical-align:top;
float:right;
}
#matchCenterBox .head .home_team span {
display:inline-block;
vertical-align:top;
}
#matchCenterBox .head .center {
position:relative;
height:auto;
background-color:rgba(0,0,0,0.7);
box-shadow:0px 5px 5px 0px rgba(0,0,0,0.2);
border-radius:5px;
color:#FFFFFF;
text-align: center;
}
#matchCenterBox .head .center #matchTimeCounter {
display:block;
width:100%;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:2px;
font-size:30px;
line-height:34px;
text-align:center;
text-transform:uppercase;
margin:10px 0px 0px 7px;
padding:0px;
text-shadow:0px 0px 1px rgba(255,255,255,0.5), 0px 0px 3px rgba(255,255,255,0.5), 0px 0px 5px rgba(255,255,255,0.5);
}
#matchTimeCounter:after { content:":"; }
#matchCenterBox .head .center #goalState {
display:block;
position:relative;
width:100%;
font-family:Display;
font-weight:normal;
font-size:110px;
line-height:124px;
text-align:center;
margin:0px;
padding:0px;
top:-8px;
left:2%;
letter-spacing:10px;
text-shadow:0px 0px 1px rgba(255,255,255,0.5), 0px 0px 3px rgba(255,255,255,0.5), 0px 0px 5px rgba(255,255,255,0.5), 0px 0px 15px rgba(255,255,255,0.9), 0px 0px 35px rgba(255,255,255,0.9);
}
#matchCenterBox .head .away_team {
vertical-align:top;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
text-align:left;
color:#2E3142;
white-space:nowrap;
overflow:hidden;
white-space:normal;
overflow:visible;
}
#matchCenterBox .head .away_team img {
display:inline-block;
vertical-align:top;
float:left;
}
#matchCenterBox .head .away_team span {
display:inline-block;
vertical-align:middle;
}
#matchCenterBox .box {
}
.qualifingInfo {
display:none;
}
#diagrams {
border:1px solid rgba(29,35,55,0.45);
border-radius:4px;
margin:10px 0px 0px 0px;
padding:0px;
white-space:nowrap;
border-spacing:0px;
width:100%;
font-size:0px;
}
#diagrams .logo:nth-child(1) {
display:inline-block;
margin:0px 0px 0px 0px;
padding:10px 70px 0px 0px;
width:50%;
background-color:rgba(13,73,134,0.1);
border-bottom:1px solid rgba(29,35,55,0.145);
}
#diagrams .logo:nth-child(2) {
display:inline-block;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 70px;
width:50%;
background-color:rgba(13,73,134,0.1);
border-bottom:1px solid rgba(29,35,55,0.145);
}
#diagrams .logo img {
height:40px;
width:auto;
}
#diagrams .stat {
width:100%;
padding:7px 0px 2px 0px;
background-color:rgba(255,255,255,0.25);
border-bottom:1px solid rgba(29,35,55,0.145);
}
#diagrams .stat .statValue.col-left {
display:inline-block;
width:30px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
line-height:22px;
text-align:center;
color:#2E3142;
}
#diagrams .stat .statName {
position:relative;
display:inline-block;
top:-2px;
width:240px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
line-height:22px;
text-align:center;
color:#2E3142;
text-transform:uppercase;
}
#diagrams .stat .statValue.col-right {
display:inline-block;
width:30px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
line-height:22px;
text-align:center;
color:#2E3142;
}
.statistics {
display:block;
width:100%;
font-size:0px;
text-align:center;
}
.statistics .left {
vertical-align:top;
font-weight:normal;
font-size:14px;
line-height:17px;
text-align:right;
outline:0px solid red;
}
.statistics .center {
outline:0px solid blue;
}
.statistics .right {
vertical-align:top;
font-weight:normal;
font-size:14px;
line-height:17px;
text-align:left;
outline:0px solid green;
}
.statistics .left div {
display:block;
width:100%;
}
.statistics .center div {
display:block;
width:100%;
}
.statistics .right div {
display:block;
width:100%;
}
.statistics .left div:after { content:" "; }
.statistics .right div { content:" "; }
.statistics .left div:nth-child(1) {
font-weight:bold;
font-size:16px;
margin:0px 0px 5px 0px;
}
.statistics .left div:nth-child(2) {
margin:0px 0px 5px 0px;
}
.statistics .left div:nth-child(3) {
margin:0px 0px 5px 0px;
}
.statistics .right img { display:none; }
.statistics .right .row {
display:block;
}
.statistics .right .row .label {
font-weight:normal;
display:block;
}
.statistics .right .row .value {
font-weight:bold;
display:block;
margin:0px 0px 5px 0px;
}
#matchCenterBox .head > span {
display: inline-block;
vertical-align: top;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size: 32px;
line-height:1.2em;
}
#goalState {
display:block;
margin:10px 0px 0px 0px;
}
#matchCenterBox .head>.qualifingInfo {
position: relative;
margin: 0 auto;
width: 900px;
height: 45px;
font-family: Arial;
font-weight: bold;
font-size: 15px;
text-align: center;
color: #232323;
line-height: 45px;
}
#matchCenterBox .head>.qualifingInfo>* {
display: inline-block;
vertical-align: middle;
}
#matchCenterBox .head>.qualifingInfo>span:first-child {
width: 0;
height: 45px;
font-size: 0;
}
#matchCenterBox .head .home_team span#home_goals,
#matchCenterBox .head .away_team span#away_goals {
display:block;
padding-top:10px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:20px;
}
#matchCenterBox .head .home_team span#home_goals .goals,
#matchCenterBox .head .away_team span#away_goals .goals {
display:inline-block;
font-size:0px;
min-height:20px;
margin-top:10px;
margin-bottom:10px;
}
#matchCenterBox .head .home_team span#home_goals .goals:after,
#matchCenterBox .head .away_team span#away_goals .goals:after {
content:" ";
display:block;
width:100%;
height:15px;
}
#matchCenterBox .head .home_team span#home_goals .goals .goal,
#matchCenterBox .head .away_team span#away_goals .goals .goal {
font-size:12px;
line-height:20px;
display:inline;
margin:0px;
padding:0px;
white-space:normal;
}
#matchCenterBox .head .home_team span#home_goals .goals .goal .picto,
#matchCenterBox .head .away_team span#away_goals .goals .goal .picto {
display:inline-block;
background-image:url(https://www.vidi.hu/images/design/online_match_icons/ball.png);
background-repeat:no-repeat;
width:15px;
height:15px;
}
#matchCenterBox .head .home_team span#home_goals .goals .goal.is-own .picto,
#matchCenterBox .head .away_team span#away_goals .goals .goal.is-own .picto {
background-image:url(https://www.vidi.hu/images/design/online_match_icons/ball_red.png);
}
#matchCenterBox .head .home_team span#home_goals .goals .goal .player,
#matchCenterBox .head .away_team span#away_goals .goals .goal .player {
display:inline;
margin:0px;
padding:0px;
font-weight:bold;
}
#matchCenterBox .head .home_team span#home_goals .goals .goal .goal_min,
#matchCenterBox .head .away_team span#away_goals .goals .goal .goal_min {
display:inline;
margin:0px;
padding:0px;
font-weight:normal;
}
#matchCenterBox .box>div {
display: inline-block;
vertical-align: top;
}
#matchCenterBox .box>div.boxMenu {
width: 150px;
padding: 20px;
display:none;
}
#matchCenterBox .box>div.boxMenu div {
position: relative;
padding: 15px 0 11px 15px;
border-bottom: 1px solid #343c56;
background: #1d2337;
text-transform: uppercase;
font-family: PtSansBold;
font-size: 13px;
color: #dfdfe1;
cursor: pointer;
}
#matchCenterBox .box>div.boxMenu div:hover {
background: #262d44;
}
#matchCenterBox .box>div.boxMenu div.active {
background: #343c56;
color: #FFFFFF;
}
#matchCenterBox .box>div.boxMenu div .triangle {
display: none;
}
#matchCenterBox .box>div.boxMenu div.active .triangle {
display: block;
position: absolute;
top: 17px;
left: -5px;
}
#matchCenterBox .box>div.boxContent {
display:block;
width:100%;
}
#matchCenterBox .box>div.boxContent div.active {
display: block;
width:100%;
padding:0px;
margin:0px;
border-spacing:0px;
text-align:center;
}
/* Location */
#matchCenterBox .box>div.boxContent div .location {
font-family: Arial;
font-weight: bold;
font-size: 13px;
color: #FFFFFF;
}
#matchCenterBox .box>div.boxContent div .location>div {
display: inline-block;
vertical-align: top;
}
#matchCenterBox .box>div.boxContent div .location .left {
padding: 15px;
padding-left: 25px;
width: 320px;
}
#matchCenterBox .box>div.boxContent div .location .right {
width: 345px;
height: 400px;
padding-top: 20px;
}
#matchCenterBox .box>div.boxContent div .location .right .mCustomScrollBox {
height: 400px !important;
}
#matchCenterBox .box>div.boxContent div .location .left div {
border-bottom: 1px solid #414141;
padding: 10px 0;
line-height: 20px;
}
#matchCenterBox .box>div.boxContent div .location .right .stadion {
position: relative;
width: 320px;
height: 180px;
margin-bottom: 10px;
text-align: left;
overflow: hidden;
}
#matchCenterBox .box>div.boxContent div .location .right .stadion span {
display: block;
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
background: rgba(0,0,0,0.8);
font-family: PtSansBold;
font-size: 18px;
z-index: 1;
}
#matchCenterBox .box>div.boxContent div .location .right .stadion img {
position: absolute;
top: -30px;
z-index: 0;
}
#stadionFlashDiv {
margin-bottom: 10px;
}
/* Statements */
.mCustomScrollBox {
height: 330px !important;
}
#matchCenterBox .box>div.boxContent div .statements {
width: 710px;
height: 440px;
overflow: hidden;
}
#matchCenterBox .box>div.boxContent div .statements .left,
#matchCenterBox .box>div.boxContent div .statements .right {
display: inline-block;
vertical-align: top;
}
#matchCenterBox .box>div.boxContent div .statements .left {
text-align: center;
width: 255px;
height: 400px;
padding-top: 20px;
overflow: hidden;
}
#matchCenterBox .box>div.boxContent div .statements .left>span:first-child {
display: inline-block;
height: 400px;
vertical-align: bottom;
width: 0;
font-size: 0;
}
#matchCenterBox .box>div.boxContent div .statements .right {
width: 455px;
}
#matchCenterBox .box>div.boxContent div .statements .right .bubble {
height: 100px;
text-align: center;
}
#matchCenterBox .box>div.boxContent div .statements .right .bubble span:first-child {
display: inline-block;
height: 100%;
vertical-align: middle;
}
#matchCenterBox .box>div.boxContent div .statements .right .bubble span.button {
display: inline-block;
vertical-align: middle;
position: relative;
padding: 10px;
font-family: PtSansBold;
font-size: 13px;
background: #1d2337;
color: #dfdfe1;
text-align: center;
cursor: pointer;
}
#matchCenterBox .box>div.boxContent div .statements .right .bubble span.button.active {
color: #FFFFFF;
background: #343c56;
}
#matchCenterBox .box>div.boxContent div .statements .right .bubble span img {
position: absolute;
top: 36px;
left: 48%;
}
#matchCenterBox .box>div.boxContent div .statements .right .drag .mCustomScrollBox {
height: 320px !important;
}
#matchCenterBox .box>div.boxContent div .statements .right .statement {
width: 425px;
}
#matchCenterBox .box>div.boxContent div .statements .right .statement {
font-family: Arial;
font-size: 13px;
color: #ededed;
}
#matchCenterBox .box>div.boxContent div .statements .right .statement div {
font-family: PtSansBold;
font-size: 26px;
color: #ffffff;
}
/* ImageGallery */
#galleria {
/*
width: 620px;
height: 410px;
margin: 20px auto;
*/
}
#galleria .galleria-container {
background: transparent;
}
#galleria .galleria-container.fullscreen {
background: #000000;
}
/* Commentary */
.commentary {
padding: 20px;
}
.commentary .comment {
padding: 10px 0;
border-top: 1px solid #464844;
}
.commentary .comment:last-child {
border-bottom: 1px solid #464844;
}
.commentary .comment>span {
display: inline-block;
vertical-align: top;
font-family: Arial;
font-size: 13px;
color: #FFFFFF;
}
.commentary .comment>span:first-child {
width: 45px;
text-align: left;
}
.commentary .comment>span:first-child>span {
display: inline-block;
padding: 2px 0;
width: 40px;
text-align: center;
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #000000;
border-radius: 3px;
background: #eaeaea;
background: -moz-linear-gradient(top, #eaeaea 0%, #cbcccf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#cbcccf));
background: -webkit-linear-gradient(top, #eaeaea 0%,#cbcccf 100%);
background: -o-linear-gradient(top, #eaeaea 0%,#cbcccf 100%);
background: -ms-linear-gradient(top, #eaeaea 0%,#cbcccf 100%);
background: linear-gradient(to bottom, #eaeaea 0%,#cbcccf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cbcccf',GradientType=0 );
}
.commentary .comment>span:first-child>span>span {
font-size: 10px;
vertical-align: top;
display: inline-block;
padding-top: 1px;
}
.commentary .comment>span:last-child {
width: 595px;
}
.commentary .comment>span:last-child * {
vertical-align: top;
}
.commentary .comment>span:last-child a {
color: #798EC4;
}
.commentary .comment>span:last-child a.image {
display: inline-block;
}
.commentary .comment>span:last-child a.image img {
height: 40px;
margin-bottom: 5px;
}
.commentary .mCustomScrollBox {
height: 360px !important;
}
/*
.timeline {
position: relative;
width: 670px;
height: 15px;
margin: 20px;
border-radius: 8px;
border-right: 1px solid #404140;
border-left: 1px solid #404140;
background: url('//vidipedia.hu/cache/css/../../images/design/match_timeline_background.png') repeat-x;
display:none !important;
}
.timeline.extraTime {
width: 858px;
}
.timeline ::selection,
.timeline ::-moz-selection {
background: transparent;
}
.timeline,
.timeline * {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.timeline .image {
position: absolute;
top: -9px;
z-index: 1000;
}
.timeline .image.away {
top: 9px;
z-index: 1000;
}
.timeline .image .hover {
display: none;
position: absolute;
top: 26px;
left: -83px;
z-index: 1000;
text-align: center;
}
.timeline .image .hover>span:first-child {
display: inline-block;
position: absolute;
left: 0;
top: -10px;
width: 100%;
height: 11px;
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_icons/bubble_top.png') no-repeat top center;
}
.timeline .image .hover>span:last-child {
display: block;
width: 170px;
background: url('//vidipedia.hu/cache/css/../../images/design/strip_background_trp.png') repeat;
background-color: #ececec;
transition: background 0.5s;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
font-family: Arial;
font-size: 10px;
color: #858585;
line-height: 10px;
text-align: left;
padding: 5px;
border: 1px solid #000000;
border-radius: 5px;
}
.timeline .image:hover .hover {
display: inline-block;
}
.timeline .image .hover>span:last-child span {
display: block;
font-family: PtSansBold;
font-size: 11px;
color: #3c4650;
margin-top: 5px;
}
.timeline .image .hover>span:last-child span img {
vertical-align: middle;
margin-right: 3px;
}
*/
/*
.tooltipster-content hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
padding: 0;
margin: 0;
margin-top: 3px;
margin-bottom: 1px;
}
.timeline .image.trolley {
cursor: pointer;
width: 20px;
height: 35px;
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_icons/trolley.png') no-repeat;
}
.timeline .image.trolley:hover {
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_icons/trolley_hover.png') no-repeat;
}
.timeline .image.trolley:active {
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_icons/trolley_active.png') no-repeat;
}
.timeline>div {
display: inline-block;
height: 15px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
background: url('//vidipedia.hu/cache/css/../../images/design/match_timeline_background_2.png') no-repeat top left;
}
.timeline>div>.trolleyLeftSide {
display: inline-block;
height: 15px;
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
background: #434343;
background: -moz-linear-gradient(top, #434343 0%, #343c56 0%, #2a3045 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(0%,#343c56), color-stop(100%,#2a3045));
background: -webkit-linear-gradient(top, #434343 0%,#343c56 0%,#2a3045 100%);
background: -o-linear-gradient(top, #434343 0%,#343c56 0%,#2a3045 100%);
background: -ms-linear-gradient(top, #434343 0%,#343c56 0%,#2a3045 100%);
background: linear-gradient(to bottom, #434343 0%,#343c56 0%,#2a3045 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#2a3045',GradientType=0 );
}
.timeline>.time {
display: inline-block;
position: absolute;
top: 15px;
font-family: Arial;
font-size: 11px;
color: #858585;
}
.timeline>.time>span:first-child {
display: block;
margin: 0 auto 3px auto;
width: 1px;
height: 3px;
background: rgba(255, 255, 255, 0.25);
}
*/
/* Összeállítások */
.lineups {
margin:15px 0 0 0;
padding:0px;
overflow:hidden;
font-size:0px;
}
.lineups .options li {
position: relative;
display: inline-block;
vertical-align: top;
padding: 12px 13px 10px 13px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #DFDFE1;
text-align: center;
text-transform: uppercase;
}
.lineups .options li > span {
display: none;
position: absolute;
bottom: -5px;
left: 50%;
left: calc(50% - 2px);
width: 0;
height: 0;
}
.lineups .options li.active>span {
display: inline-block;
}
.lineups .column {
display: inline-block;
vertical-align: top;
width:calc(50% - 12px);
margin:0px 0px 0px 0px;
}
.lineups .column.col-no-1 {
margin-right:10px;
}
.lineups .column .team {
display: block;
height: 35px;
margin-bottom: 5px;
}
.lineups .column .team img,
.lineups .column .team select {
float: left;
}
.lineups .column .team img {
max-height: 35px;
max-width: 35px;
margin-right: 10px;
}
.lineups .column .playersBox {
}
.lineups .column .playersBox > span {
display:block;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:17px;
color:#2E3142;
text-transform:lowercase;
text-align:left;
background-color:rgba(13,73,134,0.1);
border-bottom:1px solid rgba(29,35,55,0.145);
padding:2px 0px 2px 35px;
}
.lineups .column .home_page.home_page_2 .playersBox > span {
background-color:rgba(13,73,134,0.0);
}
.lineups .column .playersBox .player {
position:relative;
display:block;
height:24px;
font-size:0px;
background-color:rgba(255,255,255,0.25);
border-bottom:1px solid rgba(29,35,55,0.145);
outline:0px solid red;
}
.lineups .column .playersBox .player.light {}
.lineups .column .playersBox .player{}
.lineups .column .playersBox .player:hover {}
.lineups .column .playersBox .player.light:hover * {}
.lineups .column .playersBox .player span {
display:inline-block;
vertical-align:top;
font-family:Roboto, Arial, Helvetica, sans-serif;
color:#2E3142;
font-size:14px;
line-height:24px;
}
.lineups .column .playersBox .player span.col-1 {
display:inline-block;
text-align:center;
width:35px;
height:100%;
padding:2px 5px 2px 5px;
font-size:14px;
line-height:17px;
}
.lineups .column .playersBox .player span.col-2 {
display:inline-block;
width:10px;
height:100%;
text-align:left;
padding:0px;
margin:0px;
}
.lineups .column .playersBox .player span.col-2 { background: #858585; }
.lineups .column .playersBox .player span.col-2.yellow { background: #b3b653;}
.lineups .column .playersBox .player span.col-2.green { background: #66ac87;}
.lineups .column .playersBox .player span.col-2.blue { background: #6793ad;}
.lineups .column .playersBox .player span.col-2.red { background: #ac6672;}
.lineups .column .playersBox .player span.col-3 {
display:inline-block;
width:calc(100% - 45px);
padding:2px 0px 2px 5px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
text-align:left;
}
.lineups .column .playersBox .player span.col-4 {
display:block;
float:right;
position:relative;
width:250px;
height:33px;
margin:0px -250px -33px 0px;
left:-290px;
top:-4px;
text-transform: uppercase;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:33px;
text-align:right;
color:#5F6577;
}
.lineups .column .playersBox .player span.col-4 img {
width:auto;
height:33px;
margin-top:0px;
margin-left:3px;
position:absolute;
vertical-align:middle;
}
.lineups .home_page,
.lineups .away_page {
border:1px solid rgba(29,35,55,0.45);
border-radius:4px;
margin:0px 0px 10px 0px;
}
.block-title {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
color:#0D4986;
}
/*
.lineups .options li {
position: relative;
display: inline-block;
vertical-align: top;
padding: 12px 13px 10px 13px;
font-family: 'PtSansBold';
font-size: 14px;
color: #DFDFE1;
text-align: center;
text-transform: uppercase;
background-color: #1D2337;
cursor: pointer;
}
.lineups .options li.active {
color: #FFF;
background-color: #343C56;
}
.lineups .options li>span {
display: none;
position: absolute;
bottom: -5px;
left: 50%;
left: calc(50% - 2px);
width: 0;
height: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #343C56;
}
.lineups .options li.active>span {
display: inline-block;
}
.lineups .column {
display: inline-block;
vertical-align: top;
width:calc(50% - 20px);
}
.lineups .column:last-child {
}
.lineups .column .team {
display: block;
height: 35px;
margin-bottom: 5px;
}
.lineups .column .team img,
.lineups .column .team select {
float: left;
}
.lineups .column .team img {
max-height: 35px;
max-width: 35px;
margin-right: 10px;
}
.lineups .column .team .dk_container.dk_theme_default {
margin: 5px 0 0 0;
}
.lineups .column .playersBox {
margin-top: 15px;
}
.lineups .column .playersBox > span {
display:block;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#2E3142;
text-transform:lowercase;
text-align:left;
}
.lineups .column .playersBox .player {
position: relative;
display: block;
height: 24px;
background: #171c2f;
border-top: 1px solid #343c56;
}
.lineups .column .playersBox .player.light {
background: #3c4650;
border-top: 1px solid #5b6570;
cursor: default;
}
.lineups .column .playersBox .player:last-child {
border-bottom: 1px solid #343c56;
}
.lineups .column .playersBox .player.light:last-child {
border-bottom: 1px solid #5b6570;
}
.lineups .column .playersBox .player:hover {
background: #343c56;
}
.lineups .column .playersBox .player.light:hover {
background: #3c4650;
}
.lineups .column .playersBox .player.light:hover * {
cursor: default;
}
.lineups .column .playersBox .player span {
display: inline-block;
vertical-align: top;
font-family: PtSansBold;
font-size: 14px;
color: #dfdfe1;
line-height: 24px;
}
.lineups .column .playersBox .player:hover>span {
color: #FFFFFF;
}
.lineups .column .playersBox a:hover,
.lineups .column .playersBox a:hover * {
text-decoration: none;
}
.lineups .column .playersBox .player.light:hover>span {
color: #DFDFE1;
}
.lineups .column .playersBox .player>span:first-child {
text-align: right;
width: 35px;
padding-right: 10px;
}
.lineups .column .playersBox .player span:nth-child(3) {
text-align: left;
padding-left: 10px;
}
.lineups .column .playersBox .player span:nth-child(3) .image {
vertical-align: middle;
position: relative;
padding-bottom: 2px;
}
.lineups .column .playersBox .player span:nth-child(3) .image .hover {
display: none;
position: absolute;
top: 26px;
left: -88px;
z-index: 1;
text-align: center;
}
.lineups .column .playersBox .player span:nth-child(3) .image .hover>span:first-child {
display: inline-block;
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 11px;
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_icons/bubble_top.png') no-repeat top center;
}
.lineups .column .playersBox .player span:nth-child(3) .image .hover>span:last-child {
display: block;
width: 170px;
background: url('//vidipedia.hu/cache/css/../../images/design/strip_background_trp.png') repeat;
background-color: #ececec;
transition: background 0.5s;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
font-family: Arial;
font-size: 10px;
color: #858585;
line-height: 15px;
text-align: left;
padding: 10px;
border: 1px solid #000000;
border-radius: 5px;
}
.lineups .column .playersBox .player span:nth-child(3) .image:hover .hover {
display: inline-block;
}
.lineups .column .playersBox .player span:nth-child(3) .image .hover>span:last-child span {
display: block;
font-family: PtSansBold;
font-size: 11px;
color: #3c4650;
}
.lineups .column .playersBox .player span:nth-child(3) .image .hover>span:last-child span img {
vertical-align: middle;
margin-right: 3px;
}
.lineups .column .playersBox .player span.logo {
position: absolute;
right: 10px;
bottom: -4px;
height: 33px;
line-height: 33px;
text-transform: uppercase;
font-family: Arial;
font-size: 10px;
color: #5F6577;
}
.lineups .column .playersBox .player.light span.logo {
color: #858585;
}
.lineups .column .playersBox .player span.logo>img {
height: 33px;
margin-left: 5px;
vertical-align: middle;
}
.lineups .column .playersBox .player span.color {
width: 5px;
height: 24px;
background: #858585;
}
.lineups .column .playersBox .player span.color.yellow {
background: #b3b653;
}
.lineups .column .playersBox .player span.color.green {
background: #66ac87;
}
.lineups .column .playersBox .player span.color.blue {
background: #6793ad;
}
.lineups .column .playersBox .player span.color.red {
background: #ac6672;
}
*/
/* Statistics */
#matchCenterBox .box>div.boxContent div .statistics {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #2E3142;
}
.statistics .left div img {
/* tv logó nem jelenik meg */
display:none;
}
/* center */
#matchCenterBox .box>div.boxContent div .statistics .center .stat .line {
position: absolute;
display: block;
width: 1px;
height: 3px;
background: rgba(255,255,255,0.25);
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine {
display: block;
width: 260px;
height: 9px;
font-size: 0;
border-radius: 8px;
background: #383838; /* Old browsers */
background: -moz-linear-gradient(top, #383838 0%, #4a4a4a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #383838 0%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #383838 0%,#4a4a4a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #383838 0%,#4a4a4a 100%); /* IE10+ */
background: linear-gradient(to bottom, #383838 0%,#4a4a4a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span {
display: inline-block;
vertical-align: top;
width: 130px;
height: 9px;
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span>span {
display: inline-block;
vertical-align: top;
width: 0;
height: 9px;
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span>span.vidi {
background: #c4272e; /* Old browsers */
background: -moz-linear-gradient(top, #c4272e 0%, #a02026 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4272e), color-stop(100%,#a02026)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c4272e 0%,#a02026 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c4272e 0%,#a02026 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c4272e 0%,#a02026 100%); /* IE10+ */
background: linear-gradient(to bottom, #c4272e 0%,#a02026 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4272e', endColorstr='#a02026',GradientType=0 ); /* IE6-9 */
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span>span.opponent {
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top, #dbdbdb 0%, #b3b3b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#b3b3b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbdbdb 0%,#b3b3b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbdbdb 0%,#b3b3b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbdbdb 0%,#b3b3b3 100%); /* IE10+ */
background: linear-gradient(to bottom, #dbdbdb 0%,#b3b3b3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-9 */
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span:first-child {
text-align: right;
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span:first-child>span {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
#matchCenterBox .box>div.boxContent div .statistics .center .statisticsLine>span:last-child>span {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.formations .logo {
position: absolute;
height: 35px;
right: 420px;
top: 12px;
}
.formations .dk_container {
margin-left: 300px;
margin-top: 17px;
}
.formations .formation {
position: relative;
width: 710px;
height: 350px;
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_field.png') no-repeat top center;
}
.formations .formationName {
position: absolute;
bottom: 10px;
right: 35px;
font-family: Arial;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
}
.formations .playerBox {
position: absolute;
display: block;
width: 120px;
height: 40px;
background: rgba(0,0,0,0.8);
}
.formations .playerBox .image {
display: inline-block;
width: 30px;
height: 40px;
overflow: hidden;
background-size: 30px 40px;
}
.formations .playerBox .image img {
height: 40px;
}
.formations .playerBox .image.keeper {
background: url('//vidipedia.hu/cache/css/../../images/design/team_players_portrait_background_keepers.jpg');
}
.formations .playerBox .image.defender {
background: url('//vidipedia.hu/cache/css/../../images/design/team_players_portrait_background_defenders.jpg');
}
.formations .playerBox .image.midfielder {
background: url('//vidipedia.hu/cache/css/../../images/design/team_players_portrait_background_midfielders.jpg');
}
.formations .playerBox .image.striker {
background: url('//vidipedia.hu/cache/css/../../images/design/team_players_portrait_background_strikers.jpg');
}
.formations .playerBox .text {
display: inline-block;
width: 80px;
padding: 5px;
vertical-align: top;
font-family: PtSansBold;
font-size: 12px;
color: #FFFFFF;
}
.formations .playerBox .text span {
vertical-align: top;
}
.formations .playerBox .text .icon {
vertical-align: middle;
position: relative;
}
.formations .playerBox .text .icon .hover {
display: none;
position: absolute;
top: 26px;
left: -88px;
z-index: 1;
text-align: center;
}
.formations .playerBox .text .icon .hover>span:first-child {
display: inline-block;
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 11px;
background: url('//vidipedia.hu/cache/css/../../images/design/online_match_icons/bubble_top.png') no-repeat top center;
}
.formations .playerBox .text .icon .hover>span:last-child {
display: block;
width: 170px;
background: url('//vidipedia.hu/cache/css/../../images/design/strip_background_trp.png') repeat;
background-color: #ececec;
transition: background 0.5s;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
font-family: Arial;
font-size: 10px;
color: #858585;
line-height: 15px;
text-align: left;
padding: 10px;
border: 1px solid #000000;
border-radius: 5px;
}
.formations .playerBox .text .icon:hover .hover {
display: inline-block;
}
.formations .playerBox .text .icon .hover>span:last-child span {
display: block;
font-family: PtSansBold;
font-size: 11px;
color: #3c4650;
margin-top: 5px;
}
.formations .playerBox .text .icon .hover>span:last-child span img {
vertical-align: middle;
margin-right: 3px;
}
.formations .timeline {
margin-top: 0;
}
/*
.tabMenu {
width: 960px;
margin-left: 30px;
}
.tabContent {
position: relative;
margin-left: 30px;
}
.tabContent>.left {
float: left;
position: relative;
width: 675px;
margin-top: 25px;
vertical-align: top;
}
.tabContent>.right {
float: right;
width: 300px;
height: 100%;
vertical-align: top;
}
.tabContent .newsBlock {
margin-top: 20px !important;
padding: 20px !important;
background: url('//vidipedia.hu/cache/css/../../images/design/strip_background_trp.png') repeat;
background-color: #ececec;
transition: background 0.5s;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
}
.tabContent .darkBlueTitle {
top: 0;
left: -10px;
position: absolute;
z-index: 1;
}
.tabContent .newsBlock .smallItem .details {
width: 500px;
}
.tabContent .galleriesBox {
margin-right: 0;
}
.tabContent .galleriesBox .gallery {
margin-right: 10px;
}
.tabContent #similiarMatches {
padding-top: 40px;
}
.tabContent #similiarMatches a:last-child>.matchItem {
border-bottom: 1px solid #cccccc;
}
.tabContent #similiarMatches a>.matchItem {
height: 82px;
background: url('//vidipedia.hu/cache/css/../../images/design/strip_background_trp.png') repeat;
background-color: #ececec;
transition: background 0.5s;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
display: block;
border-top: 1px solid #cccccc;
position: relative;
}
.tabContent #similiarMatches a>.matchItem .results {
display: block;
text-align: center;
position: absolute;
bottom: 10px;
width: 100%;
}
.tabContent #similiarMatches a>.matchItem .results span {
display: inline-block;
vertical-align: middle;
}
.tabContent #similiarMatches a>.matchItem .results .team {
font-family: PtSansBold;
color: #3c4650;
font-size: 17px;
width: 220px;
}
.tabContent #similiarMatches a>.matchItem .results .team:first-child {
text-align: right;
}
.tabContent #similiarMatches a>.matchItem .results .team:last-child {
text-align: left;
}
.tabContent #similiarMatches a>.matchItem .results span.goals>span {
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
}
.tabContent #similiarMatches a>.matchItem .results span.goals {
padding: 6px 5px 5px 5px;
width: 48px;
text-align: center;
display: inline-block;
vertical-align: middle;
background-color: #3C4650;
opacity: 0.1;
margin-left: 11px;
margin-right: 11px;
}
.tabContent #similiarMatches a>.matchItem .results span.goalsWinner {
background-color: #3c4650;
opacity: 1;
}
.tabContent #similiarMatches a>.matchItem .results span.goalsLoser {
background-color: #b8c0c9;
opacity: 1;
}
.tabContent #similiarMatches a>.matchItem .results span.goalsDraw {
background-color: #82909e;
opacity: 1;
}
.tabContent #similiarMatches a>.matchItem span.competition {
position: absolute;
left: 10px;
top: 10px;
}
.tabContent #similiarMatches a>.matchItem span.competition>span {
display: inline-block;
vertical-align: middle;
}
.tabContent #similiarMatches a>.matchItem span.competition>span:last-child {
padding-left: 6px;
font-size: 11px;
font-family: Arial;
color: rgb(133, 133, 133);
}
.tabContent #similiarMatches a>.matchItem span.date {
color: rgb(133, 133, 133);
font-family: Arial;
font-size: 11px;
position: absolute;
text-align: right;
right: 10px;
top: 14px;
}
.tabContent #similiarMatches a:hover>.matchItem {
background: #fff;
}
#matchSummary .newsBody {
padding-bottom: 30px;
}
*/
/*
Ticket information
*/
.ticketInformation .mCustomScrollBox {
height: 370px !important;
}
.ticketInformation .mCSB_container {
margin-right: 20px;
}
.ticketInformation {
font-family: Arial;
font-size: 13px;
color: #ededed;
padding: 15px;
padding-right: 0;
}
.ticketInformation>div:first-child {
font-family: PtSansBold, Arial;
font-size: 24px;
color: #FFFFFF;
margin-bottom: 10px;
}
.ticketInformation table {
border: none;
border-spacing: 0;
font-family: Arial;
font-weight: bold;
}
.ticketInformation table td {
height: 42px;
border: none;
border-bottom: 1px solid #454545;
}
.ticketInformation table tr:first-child td {
background-color: rgba(128, 128, 128, 0.25);
color: #b3b3b3;
}
.ticketInformation table td:first-child {
padding-left: 10px;
}
.ticketInformation table td:last-child {
padding-right: 10px;
}
/* Forduló meccsei */
#matchCenterBox .box>div.boxContent div .roundMatches {
font-family: Arial;
font-size: 13px;
color: #FFFFFF;
}
#matchCenterBox .box>div.boxContent div .roundMatches>div {
display: inline-block;
vertical-align: top;
}
#matchCenterBox .box>div.boxContent div .roundMatches .left {
padding: 15px;
width: 195px;
}
#matchCenterBox .box>div.boxContent div .roundMatches .left div {
border-bottom: 1px solid #414141;
padding: 10px 0;
line-height: 20px;
font-weight: bold;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right {
width: 480px;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a {
display: block;
color: #FFFFFF;
min-height: 33px;
line-height: 33px;
border-top: 1px solid rgba(255,255,255,0.25);
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a>* {
vertical-align: middle;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a:hover {
background: rgba(255,255,255,0.2);
text-decoration: none;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a:hover + a {
border-top: 1px solid rgba(255,255,255,0.4);
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a.inactive:hover + a {
border-top: 1px solid rgba(255,255,255,0.25);
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a.inactive:hover,
#matchCenterBox .box>div.boxContent div .roundMatches .right a.inactive:hover * {
background: transparent;
cursor: default;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a:last-child {
border-bottom: 1px solid rgba(255,255,255,0.25);
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a .time {
display: inline-block;
width: 165px;
font-size: 11px;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a .teams {
display: inline-block;
width: 310px;
text-align: center;
font-size: 0;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a .teams>* {
vertical-align: middle;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a .teams .name {
display: inline-block;
width: 100px;
text-align: right;
font-size: 13.5px;
font-family: PtSansBold;
line-height: 15px;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a .teams .name:last-child {
text-align: left;
}
#matchCenterBox .box>div.boxContent div .roundMatches .right a .teams .goal {
display: inline-block;
width: 20px;
font-size: 13.5px;
font-family: PtSansBold;
}
#matchCenterBox .box>div.boxContent div .livestream {
margin-left: 15px;
margin-top: 20px;
}
/* Overwrite */
.newsBlock a:nth-last-child(2) .image, .newsBlock a:nth-last-child(2) .details {
border-bottom: none !important;
}
#fancybox-wrap {
left: calc(50% - 452px) !important;
top: 300px !important;
}
#fancybox-content {
cursor: pointer;
}
.statisticsLine {
display:none !important;
}
.tabContent {
display:block;
width:100%;
}
.tabContent > .left {
display:inline-block;
}
.tabContent > .left {
display:inline-block;
}
#Merkozes .darkBlueTitle {
display:block;
width:100%;
margin:15px 0px 15px 0px;
padding:5px 0 5px 0;
position:relative;
font-family:ReneBieder, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
line-height:28px;
letter-spacing:2px;
color:#0D4986;
text-align:center;
text-transform:uppercase;
border-top:1px solid #0D4986;
border-bottom:1px solid #0D4986;
background-color:rgba(13,73,134,0.2);
}
#matchSummary {
display:block;
margin:15px 0px 0px 0px;
text-align:left;
}
#matchSummary > link { display:none; }
#matchSummary > #sendPopup { display:none; }
#matchSummary > #successPopup { display:none; }
#matchCenterContent_3 {}
#matchCenterContent_3 .lineups .options { display:none; }
.away_page.away_page_3:empty { display:none; }
#Merkozes .newsLabel {
display:none;
}
#Merkozes .newsTitle {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
font-size:18px;
line-height:22px;
margin:0px 0px 10px 0px;
padding:0px;
color: #0D4986;
}
#Merkozes .newsImage {
display:block;
float:left;
width:300px;
height:auto;
margin:0px 20px 5px 0px;
}
#Merkozes .newsImage img {
width:100%;
height:auto;
border:1px solid gray;
}
#Merkozes .newsLead {
float:right;
width:300px;
display:block;
margin:0px 0px 10px 20px;
padding:15px 20px 10px 20px;
border:1px solid #0D4986;
}
#Merkozes .newsLead .newsLead-items {
display:table;
vertical-align:middle;
min-height:100px;
}
#Merkozes .newsLead .newsLead-items p {
display:block;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #2E3142;
font-size:14px;
line-height:22px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px;
text-align:center;
widows:3;
orphans:3;
}
#Merkozes .newsBody,
#Merkozes .newsBody p {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #2E3142;
font-size:14px;
line-height:18px;
margin:0px 0px 5px 0px;
padding:0px;
text-align:justify;
}
#Merkozes .newsBody p {
display:block;
}
#Merkozes .newsBody img.is-odd {
float:left;
margin:20px 20px 5px 0px;
width:300px;
height:auto;
border:1px solid gray;
}
#Merkozes .newsBody img.is-even {
float:right;
margin:20px 0px 5px 20px;
width:300px;
height:auto;
border:1px solid gray;
}
#Merkozes .newsBody p img:before {
display:block;
float:none;
clear:both;
width:100px;
height:100px;
outline:0px solid red;
content:" ";
}
#matchNews {
display:none;
}
#matchImageGalleries {
display:none;
}
/*
.home_page.home_page_1 { display:none; }
.home_page.home_page_2 { display:none; }
.away_page.away_page_1 { display:none; }
.away_page.away_page_2 { display:none; }
*/
#matchCenterContent_1 {
}
#matchCenterBox .box > div.boxContent div .location { font-family:Roboto, Arial, Helvetica, sans-serif; font-weight:normal; color:black; }
#matchCenterBox .box > div.boxContent div .location .left { width:100%;}
#matchCenterBox .box > div.boxContent div .location .left div { border-bottom:none; font-size:14px; line-height:18px; }
#matchCenterBox .box > div.boxContent div .location .left div:first-child { font-size:24px; }
#matchCenterBox .box > div.boxContent div .location .right { width:100%; height:auto; }
#matchCenterBox .box > div.boxContent div .location .right .mCustomScrollBox { height:auto !important; }
#matchCenterBox .box > div.boxContent div .location .right .stadion { width:100%; height:auto; }
#matchCenterBox .box > div.boxContent div .location .right .stadion span {
background-color:transparent;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
color:black;
padding:0px;
margin:0px 0px 10px 0px;
position:relative;
}
#matchCenterBox .box > div.boxContent div .location .right .stadion img { position:relative; width:100%; height:auto; border:1px solid gray; top:0px; }
#matchCenterBox .box > div.boxContent div .location .right .address {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
text-align:left;
}
#matchCenterBox .box > div.boxContent div .location .right #stadion .gm-style { display:none; }
@media screen and (min-width: 1600px) {
/* XXL */
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
/* XL */
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
/* L */
}
@media screen and (min-width: 800px) and (max-width: 999px) {
/* M */
}
@media screen and (min-width: 600px) and (max-width: 799px) {
/* S */
#Merkozes .newsLead { clear:both; float:none; margin:0px; padding:0px; text-align:justify; border:none; width:auto; }
#Merkozes .newsLead .newsLead-items { min-height:auto; display:block; }
#Merkozes .newsLead .newsLead-items p { text-align:justify; }
#Merkozes .newsImage { float:none; width:100%; }
#Merkozes .newsBody img.is-odd,
#Merkozes .newsBody img.is-even { float:none; width:100%; margin:10px 0px 5px 0px; }
.lineups .column .playersBox .player { height:40px; }
.statistics .center, #matchCenterBox .head .center { width:100%; min-width:auto; }
.statistics .left, #matchCenterBox .head .home_team { width:100%; text-align:center; padding:0px 70px 0px 0px; }
.statistics .right, #matchCenterBox .head .away_team { width:100%; text-align:center; padding:0px 0px 0px 70px; }
.statistics .left, #matchCenterBox .head .home_team img { float:left; }
.statistics .left, #matchCenterBox .head .away_team img { float:right; }
.statistics .left, #matchCenterBox .head .home_team > span { position:relative; top:15px; }
.statistics .left, #matchCenterBox .head .away_team > span { position:relative; top:20px; }
#matchCenterBox .box>div.boxContent div .statistics .left { padding:0;top:0; }
}
@media screen and (min-width: 400px) and (max-width: 599px) {
/* XS */
#Merkozes .newsLead { clear:both; float:none; margin:0px; padding:0px; text-align:justify; border:none; width:auto; }
#Merkozes .newsLead .newsLead-items { min-height:auto; display:block; }
#Merkozes .newsLead .newsLead-items p { text-align:justify; }
#Merkozes .newsImage { float:none; width:100%; }
#Merkozes .newsBody img.is-odd,
#Merkozes .newsBody img.is-even { float:none; width:100%; margin:10px 0px 5px 0px; }
.lineups .column .playersBox .player { height:40px; }
.statistics .center, #matchCenterBox .head .center { width:100%; min-width:auto; }
.statistics .left, #matchCenterBox .head .home_team { width:100%; text-align:center; padding:0px 70px 0px 0px; }
.statistics .right, #matchCenterBox .head .away_team { width:100%; text-align:center; padding:0px 0px 0px 70px; }
.statistics .left, #matchCenterBox .head .home_team img { float:left; }
.statistics .left, #matchCenterBox .head .away_team img { float:right; }
.statistics .left, #matchCenterBox .head .home_team > span { position:relative; top:15px; }
.statistics .left, #matchCenterBox .head .away_team > span { position:relative; top:20px; }
#matchCenterBox .box>div.boxContent div .statistics .left { padding:0;top:0; }
}
@media screen and (max-width: 399px) {
/* XXS */
#Merkozes .newsLead { clear:both; float:none; margin:0px; padding:0px; text-align:justify; border:none; width:auto; }
#Merkozes .newsLead .newsLead-items { min-height:auto; display:block; }
#Merkozes .newsLead .newsLead-items p { text-align:justify; }
#Merkozes .newsImage { float:none; width:100%; }
#Merkozes .newsBody img.is-odd,
#Merkozes .newsBody img.is-even { float:none; width:100%; margin:10px 0px 5px 0px; }
.lineups .column .playersBox .player { height:40px; }
.statistics .center, #matchCenterBox .head .center { width:100%; min-width:auto; }
.statistics .left, #matchCenterBox .head .home_team { width:100%; text-align:center; padding:0px 70px 0px 0px; }
.statistics .right, #matchCenterBox .head .away_team { width:100%; text-align:center; padding:0px 0px 0px 70px; }
.statistics .left, #matchCenterBox .head .home_team img { float:left; }
.statistics .left, #matchCenterBox .head .away_team img { float:right; }
.statistics .left, #matchCenterBox .head .home_team > span { position:relative; top:15px; }
.statistics .left, #matchCenterBox .head .away_team > span { position:relative; top:20px; }
#matchCenterBox .box>div.boxContent div .statistics .left { padding:0;top:0; }
}
@charset "UTF-8";
/* CSS Document */
.hidden {
display:none !important;
}
.standings-wrapper {
display:block;
width:calc(100% - 25px);
margin:0px 0px 0px 25px;
width:calc(100% - 0px);
margin:0px 0px 0px 0px;
}
.standings-table {
display:block;
width:calc(100% - 0px);
}
.standings-table .teamTabellePage {
display:block;
clear:both;
text-align:left;
margin:15px 0px 0px 0px;
}
.standings-table .teamTabellePage .tabelleContainer {
display:block;
vertical-align:top;
padding:0px 15px 0px 0px;
margin:0px 0px 15px 0px;
}
.standings-table .teamTabellePage .tabelleContainer .tabelle,
.standings-table .teamTabellePage .goals .allScores,
.standings-table .teamTabellePage .goals .homeScores {
border:1px solid rgba(29,35,55,0.45);
border-radius:4px;
overflow:hidden;
margin:0px;
padding:0px;
border-spacing:0px;
}
.standings-table .teamTabellePage .goals {
display:block;
margin:0px 0px 15px 0px;
padding:0px;
vertical-align:top;
width:calc(100% - 0px);
font-size:0px;
}
.standings-table .teamTabellePage .goals .allScores {
display:inline-block;
margin:0px 15px 0px 0px;
padding:0px;
vertical-align:top;
width:calc(50% - 0px);
}
.standings-table .teamTabellePage .goals .homeScores {
display:inline-block;
margin:0px;
padding:0px;
vertical-align:top;
width:calc(50% - 15px);
}
.standings-table .teamTabellePage .goals.full .allScores,
.standings-table .teamTabellePage .goals.full .homeScores {
width:calc(100% - 10px);
}
.GroupTitle {
display:block;
width:100%;
text-align:left;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0D4986;
font-size:18px;
line-height:24px;
margin:0px;
padding:10px 0px 10px 15px;
}
.standings-table .teamTabellePage .tabelleContainer .lightBlueTitle,
.standings-table .teamTabellePage .goals .allScores .darkBlueTitle,
.standings-table .teamTabellePage .goals .homeScores .darkBlueTitle {
display:block;
width:100%;
background-color:rgba(13,73,134,0.1);
text-align:left;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0D4986;
font-size:15px;
line-height:22px;
text-transform:uppercase;
margin:0px;
padding:10px 0px 10px 15px;
border-bottom:1px solid rgba(29,35,55,0.45);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsys;
}
.subTitle {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px;
padding:0px 0px 0px 10px;
text-transform:none;
}
.standings-table .teamTabellePage .tabelleContainer .lightBlueTitle {
position:relative;
height:45px;
margin-bottom:-45px;
}
.tabelleContainer .tabelle {
width:100%;
border-spacing:0px;
padding:0px;
}
.tabelleContainer .tabelle tr.theader th.tcol {
height:45px;
background-color:transparent;
text-align:center;
}
.tabelle td.tcol {
border-bottom:1px solid rgba(29,35,55,0.145);
color:#2E3142;
}
.tabelle td.tcol.index { width: 40px; text-align:center; font-weight:bold; }
.tabelle td.tcol.name { width: auto; }
.tabelle td.tcol.P { width: 60px; }
.tabelle td.tcol.M { width: 60px; }
.tabelle td.tcol.GY { width: 60px; }
.tabelle td.tcol.D { width: 60px; }
.tabelle td.tcol.V { width: 60px; }
.tabelle td.tcol.RK { width: 80px; }
.tabelle td.tcol.GK { width: 60px; }
.tabelle th.tcol.EK { display:none; }
.tabelle td.tcol.EK { display:none; }
.tabelle td.tcol.index {
vertical-align:top;
font-weight:bold;
text-align:center;
border-bottom:1px solid rgba(29,35,55,0.145);
border-right:1px solid rgba(29,35,55,0.145);
background-color:rgba(13,73,134,0.1);
}
.tabelle td.tcol.index .bbox {
display:block;
padding:2px 0px 2px 0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
line-height:20px;
color:#0D4986;
width:40px;
}
.tabelle td.tcol.name {
text-align:left;
padding:5px 10px 5px 10px;
}
.tabelle td.tcol.name a {
text-decoration:none;
color:inherit;
}
.tabelle td.tcol.P,
.tabelle td.tcol.M,
.tabelle td.tcol.GY,
.tabelle td.tcol.D,
.tabelle td.tcol.V,
.tabelle td.tcol.RK,
.tabelle td.tcol.GK { text-align:right; }
.tabelle tbody tr.theader { background-color:transparent; }
.tabelle tbody tr { background-color:rgba(255,255,255,0.5); }
.tabelle td.tcol .bbox {
display:block;
width:calc(100% - 10px);
padding-right:10px;
}
.goalsScoresTable {
margin:0px;
padding:0px;
border-spacing:0px;
background-color:rgba(255,255,255,0.5);
width:100%;
font-size:12px;
line-height:15px;
}
.goalsScoresTable td:first-child {
width:40px;
vertical-align:top;
font-weight:bold;
text-align:center;
border-bottom:1px solid rgba(29,35,55,0.145);
border-right:1px solid rgba(29,35,55,0.145);
background-color:rgba(13,73,134,0.1);
}
.goalsScoresTable td:first-child .bbox {
display:block;
padding:2px 0px 2px 0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;
line-height:20px;
color:#0D4986;
}
.goalsScoresTable tr.ownGoals td:first-child .bbox {
font-size:12px;
}
.goalsScoresTable td:last-child {
width:calc(100% - 50px);
text-align:left;
border-bottom:1px solid rgba(29,35,55,0.145);
}
.goalsScoresTable tr:last-child td:first-child,
.goalsScoresTable tr:last-child td:last-child {
border-bottom:none;
}
.goalsScoresTable td:last-child .bbox {
display:block;
padding:2px 10px 2px 10px;
}
.goalsScoresTable td:last-child {
color:#2E3142;
}
.goalsScoresTable td:last-child .ownPlayer {
color:#D32238;
color:#0D4986;
}
.goalsScoresTable td:last-child .ownPlayer a {
text-decoration:none;
color:inherit;
}
.goalsScoresTable .ownPlayer a {
}
.tabelleContainer td .col-index { width: 30px; text-align:center; font-weight:bold; }
.tabelleContainer td .col-name { width: 100%; }
.tabelleContainer td .col-P { width: 40px; }
.tabelleContainer td .col-M { width: 40px; }
.tabelleContainer td .col-GY { width: 40px; }
.tabelleContainer td .col-D { width: 40px; }
.tabelleContainer td .col-V { width: 40px; }
.tabelleContainer td .col-RK { width: 70px; }
.tabelleContainer td .col-GK { width: 50px; }
.tabelleContainer td .col-EK { width: 140px; }
.tabelleContainer td .col-P,
.tabelleContainer td .col-M,
.tabelleContainer td .col-GY,
.tabelleContainer td .col-D,
.tabelleContainer td .col-V,
.tabelleContainer td .col-RK,
.tabelleContainer td .col-GK { text-align:center; }
.tabelleContainer tbody tr { background-color:rgba(255,255,255,0.5); }
.tabelleContainer tbody tr.ownTeam {
background-color:rgba(255,255,255,0.75);
}
.tabelleContainer tbody tr.ownTeam * {
color:#D32238;
}
#Tabellak {
}
#Tabellak h2.title {
}
#Tabellak h3.selector {
display:block;
text-align:center;
color:#000000;
margin:0px 5px 10px 5px;
padding:0px;
}
#Tabellak h3.selector .current {
display:block;
margin:0px auto;
position:relative;
width:calc(100% - 145px);
height:25px;
font-family:Roboto;
font-weight:bold;
font-size:14px;
line-height:25px;
text-shadow:0px 0px 1px white;
text-transform:uppercase;
color:white;
top:2px;
border-radius:4px;
}
#Tabellak h3.selector .button {
display:block;
margin:2px 0px 0px 0px;
padding:0px;
width:70px;
height:25px;
border-radius:8px;
overflow:hidden;
text-decoration:none;
color:white;
font-family:Roboto;
font-weight:bold;
font-size:11px;
line-height:25px;
text-shadow:0px 0px 1px black;
text-transform:uppercase;
}
#Tabellak h3.selector .button.prev {
float:left;
text-align:center;
padding-left:2px;
background-position:left top;
background-repeat:no-repeat;
background-size:cover;
border-right:none;
}
#Tabellak h3.selector .button.next {
float:right;
text-align:center;
padding-right:2px;
background-position:right top;
background-repeat:no-repeat;
background-size:cover;
border-left:none;
}
/* SEASON SELECTOR */
#Tabellak h3.selector.is-round {
}
#Tabellak h3.selector.is-season .current { border-color:#D32238; background-color:rgba(211,34,56,0.15); color:#D32238; background-color:transparent; box-shadow:inset 0px 3px 20px 0px rgba(0,0,0,0.1); }
#Tabellak h3.selector.is-season .button {}
#Tabellak h3.selector.is-season .button.prev { background-image:url(/vidipedia/images/form/arrow-red-left.png); }
#Tabellak h3.selector.is-season .button.next { background-image:url(/vidipedia/images/form/arrow-red-right.png); }
#Tabellak h3.selector.alter1 .current { }
#Tabellak h3.selector.alter1 .button.prev { background-image:none !important; box-shadow:inset 0px 0px 1px 1px #D32238; border-top-left-radius:20px; border-bottom-left-radius:20px; color:#D32238; text-shadow:none; }
#Tabellak h3.selector.alter1 .button.next { background-image:none !important; box-shadow:inset 0px 0px 1px 1px #D32238; border-top-right-radius:20px; border-bottom-right-radius:20px; color:#D32238; text-shadow:none; }
#Tabellak h3.selector.alter2 .current { color:#0D4986; }
#Tabellak h3.selector.alter2 .button.prev { background-image:none !important; border:1px solid #0D4986; border-top-left-radius:20px; border-bottom-left-radius:20px; color:#0D4986; text-shadow:none; }
#Tabellak h3.selector.alter2 .button.next { background-image:none !important; border:1px solid #0D4986; border-top-right-radius:20px; border-bottom-right-radius:20px; color:#0D4986; text-shadow:none; }
#Tabellak h3.selector.alter3 .current { color:rgba(0,0,0,0.7); }
#Tabellak h3.selector.alter3 .button.prev { background-image:none !important; box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.2), inset 0px -5px 10px 0px rgba(0,0,0,0.3); background-color:rgba(0,0,0,0.1); border-top-left-radius:20px; border-bottom-left-radius:20px; color:rgba(0,0,0,0.5); text-shadow:none; }
#Tabellak h3.selector.alter3 .button.next { background-image:none !important; box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.2), inset 0px -5px 10px 0px rgba(0,0,0,0.3); background-color:rgba(0,0,0,0.1); border-top-right-radius:20px; border-bottom-right-radius:20px; color:rgba(0,0,0,0.5); text-shadow:none; }
/* ROUND SELECTOR */
#Tabellak h3.selector.is-round {}
#Tabellak h3.selector.is-round .current { border-color:#0D4986; background-color:rgba(13,73,134,0.15); color:#0D4986; background-color:transparent; box-shadow:inset 0px 3px 20px 0px rgba(0,0,0,0.1); }
#Tabellak h3.selector.is-round .button {}
#Tabellak h3.selector.is-round .button.prev { background-image:url(/vidipedia/images/form/arrow-blue-left.png); }
#Tabellak h3.selector.is-round .button.next { background-image:url(/vidipedia/images/form/arrow-blue-right.png); }
#Tabellak .panes {
display:table-row;
}
#Tabellak .panes .pane-1 {
display:table-cell;
vertical-align:top;
width:calc(100% - 84px);
}
#Tabellak .panes .pane-2 {
display:table-cell;
vertical-align:middle;
width:84px;
}
#Tabellak .panes .pane-2 .chooser-wrapper {
display:block;
position:fixed;
z-index:999;
right:0px;
top:0px;
width:104px;
height:auto;
max-height:100%;
margin:0px 0px 0px 0px;
padding:80px 0px 50px 0px;
overflow-x:visible;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
}
#Tabellak .panes .pane-2 .chooser-wrapper .chooser {
list-style:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
font-family:Roboto;
font-weight:normal;
font-size:12px;
line-height:14px;
color:rgba(0,0,0,0.7);
text-shadow:1px 1px 1px rgba(255,255,255,0.7);
}
#Tabellak .panes .pane-2 .chooser-wrapper .chooser .ch-item {
list-style:none;
display:block;
margin:0px 0px 0px 20px;
padding:2px 0px 2px 0px;
white-space:nowrap;
transition:all 0.25s ease;
}
#Tabellak .panes .pane-2 .chooser-wrapper .chooser .ch-item.selected {
position:relative;
margin:-5px 0px -5px 0px;
padding:10px 0px 10px 25px;
background-color:transparent;
color:white;
font-weight:bold;
background-image:url(/vidipedia/images/form/arrow-red-left.png);
background-repeat:no-repeat;
background-position:top left;
background-size:cover;
}
#Tabellak .l-wrapper {
float:right;
width:400px;
border:1px solid rgba(29,35,55,0.45);
border-radius:4px;
overflow:hidden;
margin:0px 0px 0px 15px;
padding:0px;
outline:0px solid red;
}
#Tabellak .l-wrapper .l1 {
margin:0px;
padding:0px;
border-spacing:0px;
background-color:rgba(255,255,255,0.5);
}
#Tabellak .l-wrapper .l1 .row-goals {
}
#Tabellak .l-wrapper .l1 .row-goals td {
border-bottom:1px solid rgba(0,0,0,0.1);
}
#Tabellak .l-wrapper .l1 .col-goals {
width:70px;
vertical-align:middle;
font-weight:bold;
text-align:right;
}
#Tabellak .l-wrapper .l1 .col-goals .copy {
display:block;
width:inherit;
height:inherit;
padding:0px 10px 0px 0px;
}
#Tabellak .l-wrapper .l1 .col-players {
width:100%;
text-align:left;
}
#Tabellak .l-wrapper .l1 .col-players .player {
display:inline-block;
margin:0px 5px 0px 0px;
}
#Tabellak .l-wrapper .l1 .col-players .player:after { content:","; }
#Tabellak .l-wrapper .l1 .col-players .player:last-child:after { content:""; }
#Tabellak .l-wrapper .l1 .col-players .player.is-foreign-player {
color:#2E3142;
}
#Tabellak .l-wrapper .l1 .col-players .player.is-own-player {
color:#D32238;
color:#0D4986;
}
#Tabellak .l-wrapper .l1 .col-players .player.is-own-player .iop-link {
text-decoration:none;
color:inherit;
}
#Tabellak .t-wrapper {
border:1px solid rgba(29,35,55,0.45);
border-radius:4px;
overflow:hidden;
margin:0px 10px 0px 35px;
padding:0px;
}
#Tabellak .t-wrapper .title,
#Tabellak .l-wrapper .title {
background-color:rgba(13,73,134,0.1);
text-align:left;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0D4986;
font-size:18px;
line-height:24px;
margin:0px;
padding:10px 0px 10px 15px;
}
#Tabellak .t-wrapper .t1 {
border:none;
margin:0px;
padding:0px;
border-spacing:0px;
border-collapse:collapse;
}
#Tabellak .t-wrapper .t1 thead {
background-color:rgba(13,73,134,0.1);
}
#Tabellak .t-wrapper .t1 .copy { display:block; width:inherit; height:inherit; overflow:hidden; }
#Tabellak .t-wrapper .t1 td {
text-align:left;
border-bottom:1px solid rgba(0,0,0,0.1);
}
#Tabellak .t-wrapper .t1 tbody tr:last-child td { border-bottom:none; }
#Tabellak .t-wrapper .t1 .class-1 td {
color:#D32238;
text-transform:uppercase;
}
#Tabellak .t-wrapper .t1 td .copy {
padding:5px 10px 5px 10px;
}
#Tabellak .t-wrapper .t1 .col-index { width: 30px; text-align:center; font-weight:bold; }
#Tabellak .t-wrapper .t1 .col-name { width: 100%; }
#Tabellak .t-wrapper .t1 .col-P { width: 40px; }
#Tabellak .t-wrapper .t1 .col-M { width: 40px; }
#Tabellak .t-wrapper .t1 .col-GY { width: 40px; }
#Tabellak .t-wrapper .t1 .col-D { width: 40px; }
#Tabellak .t-wrapper .t1 .col-V { width: 40px; }
#Tabellak .t-wrapper .t1 .col-RK { width: 70px; }
#Tabellak .t-wrapper .t1 .col-GK { width: 50px; }
#Tabellak .t-wrapper .t1 .col-EK { width: 140px; }
#Tabellak .t-wrapper .t1 .col-P,
#Tabellak .t-wrapper .t1 .col-M,
#Tabellak .t-wrapper .t1 .col-GY,
#Tabellak .t-wrapper .t1 .col-D,
#Tabellak .t-wrapper .t1 .col-V,
#Tabellak .t-wrapper .t1 .col-RK,
#Tabellak .t-wrapper .t1 .col-GK { text-align:center; }
#Tabellak .t-wrapper .t1 tbody tr { background-color:rgba(255,255,255,0.5); }
/*
#Tabellak .t-wrapper .t1 .col-index { width: 0px; }
#Tabellak .t-wrapper .t1 .col-name { width:calc(100% - 140px); border-right:1px solid rgba(29,35,55,0.2); }
#Tabellak .t-wrapper .t1 .col-results { width: 70px; border-right:1px solid rgba(29,35,55,0.2); }
#Tabellak .t-wrapper .t1 .col-results .split-cell { display:block; }
#Tabellak .t-wrapper .t1 .col-goals { width: 70px; }
#Tabellak .t-wrapper .t1 .col-index .copy { width:100%; }
#Tabellak .t-wrapper .t1 .col-name .copy { width:100%; }
#Tabellak .t-wrapper .t1 .col-results .copy { width:100%; }
#Tabellak .t-wrapper .t1 .col-goals .copy { width:100%; }
#Tabellak .t-wrapper .t1 thead td .copy { font-size:11px; line-height:14px; }
#Tabellak .t-wrapper .t1 thead .col-name .copy { padding:5px 0px 5px 5px; }
#Tabellak .t-wrapper .t1 thead .col-results .copy { padding:5px 0px 5px 5px; }
#Tabellak .t-wrapper .t1 thead .col-goals .copy { padding:5px 0px 5px 5px; }
#Tabellak .t-wrapper .t1 thead td .copy .color-label { display:block; position:relative; width:8px; height:8px; margin:0px -8px -8px 0px; top:2px; border-radius:8px; }
#Tabellak .t-wrapper .t1 thead td .copy .text { position:relative; left:12px; }
#Tabellak .t-wrapper .t1 thead .col-results .copy .is-victory .color-label { background-color:#A3CFB1; }
#Tabellak .t-wrapper .t1 thead .col-results .copy .is-equal .color-label { background-color:#8CBCD7; }
#Tabellak .t-wrapper .t1 thead .col-results .copy .is-defeat .color-label { background-color:#D8A4AE; }
#Tabellak .t-wrapper .t1 thead .col-goals .copy .is-goals .color-label { background-color:#C9C9A8; background-color:gray; }
#Tabellak .t-wrapper .t1 thead .col-goals .copy .is-gdiff .color-label { background-color:#D32238; }
#Tabellak .t-wrapper .t1 tbody .col-name { background-color:rgba(255,255,255,0.5); }
#Tabellak .t-wrapper .t1 tbody .col-results { background-color:rgba(255,255,255,0.95); }
#Tabellak .t-wrapper .t1 tbody .col-goals { background-color:rgba(255,255,255,0.5); }
#Tabellak .t-wrapper .t1 tbody td { border-top:1px solid rgba(0,0,0,0.1); }
#Tabellak .t-wrapper .t1 tbody .col-name .copy { padding:5px 0px 5px 5px; font-weight:bold; color:rgba(0,0,0,0.5); }
#Tabellak .t-wrapper .t1 tbody .col-name .copy .rank { display:block; float:right; position:relative; text-align:right; width:30px; height:20px; margin:0px -30px -20px 0px; top:1px; left:-30px; font-size:10px; }
#Tabellak .t-wrapper .t1 tbody .col-name .copy .logo { display:block; position:relative; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0px -20px -20px 0px; top:-2px; left:5px; }
#Tabellak .t-wrapper .t1 tbody .col-name .copy .text { display:block; position:relative; left:28px; max-width:calc(100% - 50px); }
#Tabellak .t-wrapper .t1 tbody .col-results .copy { padding:5px 0px 5px 5px; font-weight:bold; font-size:16px; }
#Tabellak .t-wrapper .t1 tbody .col-results .copy .is-victory { color:#A3CFB1; }
#Tabellak .t-wrapper .t1 tbody .col-results .copy .is-equal { color:#8CBCD7; }
#Tabellak .t-wrapper .t1 tbody .col-results .copy .is-defeat { color:#D8A4AE; }
#Tabellak .t-wrapper .t1 tbody .col-goals .copy { padding:5px 0px 5px 5px; }
#Tabellak .t-wrapper .t1 tbody .col-goals .copy .is-goaltype { }
#Tabellak .t-wrapper .t1 tbody .col-goals .copy .is-goaldiff { float:right; padding:0px 5px 0px 0px; font-weight:bold; color:#D32238; }
#Tabellak .t-wrapper .t1 tbody .col-results .split-cell { width:calc(33% - 5px); display:inline-block; }
#Tabellak .t-wrapper .t1 tbody tr.class-1 td { background-color:#0D4986; background-color:rgba(211,34,56,0.2); background-image:url(//vidipedia.hu/cache/css/../../../source/images/core/menu-background.jpg); background-size:cover; }
#Tabellak .t-wrapper .t1 tbody tr.class-1 td .copy,
#Tabellak .t-wrapper .t1 tbody tr.class-1 td .copy span { color:#fff !important; font-weight:bold; }
*/
#Tabellak .filters-wrapper {
padding-bottom:0px;
}
#Tabellak .filters-wrapper.f-league {
text-align:center;}
#Tabellak .filters-wrapper.f-league .filter-wrapper {
display:block;
}
#Tabellak .filter-wrapper {
display:block;
width:calc(100% - 0px);
margin:0px 0px 15px 0px;
outline:0px solid black;
text-align:left;
}
#Tabellak .filter-wrapper .sel-wrapper {
display:inline-block;
margin:0px 0px 0px 150px;
}
#Tabellak .filter-wrapper .sel-wrapper.readonly { pointer-events:none; }
#Tabellak .filter-wrapper .sel-wrapper .sel-label {
display:block;
margin:0px 0px 5px 0px;
display:block;
position:relative;
top:7px;
width:100px;
height:20px;
overflow:hidden;
left:-100px;
text-align:right;
margin:0px -100px -20px 0px;
padding:0px 10px 0px 0px;
float:left;
pointer-events:none;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-element {
display:block;
position:relative;
z-index:200;
width:inherit;
}
#Tabellak .filter-wrapper .sel-wrapper.is-league { text-align:left; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { float:right; }
#Tabellak .filter-wrapper .sel-wrapper.readonly .sel-current {
box-shadow:none;
border:1px solid rgba(0,0,0,0.2);
}
#Tabellak .filter-wrapper .sel-wrapper .sel-current {
display:block;
position:relative;
z-index:3000;
text-decoration:none;
padding:5px 15px 5px 15px;
border:1px solid gray;
border-radius:8px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:20px;
color:#0D4986;
background-color:rgba(0,0,0,0.0);
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor:default;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-current .icon {
float:right;
position:relative;
width:20px;
height:20px;
top:0px;
left:-14px;
margin:0px -20px -20px 0px;
background-image:url(/vidipedia/images/icon/arrow-down.blue.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:0px 0px;
outline:0px dotted black;
opacity:0.0;
transition:all 0.3s ease;
}
#Tabellak .filter-wrapper .sel-wrapper.readonly .sel-current .icon { background-image:none; }
#Tabellak .filter-wrapper .sel-wrapper .sel-element {
}
#Tabellak .filter-wrapper .sel-wrapper .sel-element.has-expanded-options {
z-index:99999;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-element.has-expanded-options .sel-current .icon {
/*transform:rotate(180deg);*/
transform:scaleY(-1);
}
#Tabellak .filter-wrapper .sel-wrapper .sel-current:hover .icon {
opacity:1;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-current .text {
padding:0px 30px 0px 0px;
user-select:none;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown {
box-sizing:content-box;
z-index:999;
display:block;
position:absolute;
height:500px;
overflow:hidden;
transition:all 0.3s ease;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown.is-collapsed {
max-height:0px;
margin:-3px -600px -500px -40px;
padding:0px 40px 0px 40px;
background-color:rgba(201,195,188,0.0);
background-position:0px 2px;
pointer-events:none;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded {
margin:-3px -600px -500px -40px;
padding:0px 40px 0px 40px;
max-height:550px;
z-index:11;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-pagecover {
z-index:10;
position:fixed;
visibility:hidden;
left:0px;
top:0px;
width:100%;
height:0px;
background-color:rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.0);
transition:visibility 0s linear;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded .sel-pagecover {
visibility:visible;
height:100%;
transition:visibility 0s linear 0.5s;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper {
position:relative;
z-index:30;
z-index:99999999;
top:0px;
padding:0px 50px 50px 50px;
margin:-20px -70px -50px -70px;
background-color:rgba(153,204,51,0.0);
border:20px solid rgba(153,204,51,0.0);
cursor:pointer;
outline:0px dotted green;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown.is-collapsed .sel-dd-items-wrapper {
opacity:0;
top:-300px;
max-height:0px;
transition:all 0.1s ease;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded .sel-dd-items-wrapper {
opacity:1;
top:0px;
max-height:450px;
transition:all 0.2s ease;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items * {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items {
list-style:none;
display:block;
width:100%;
height:100%;
max-height:390px;
margin:0 0 0 0;
padding:10px 0 0 0;
border:1px solid gray;
border-top:3px solid rgba(0,0,0,0);
border-bottom:10px solid #EBE6E3;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
background-color:#C9C3BC;
background-image:url(/vidipedia/images/core/background-recycled_paper-1920x1080.jpg);
background-size:800px 800px;
background-position:0px 0px;
background-attachment:local;
box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2), inset 50px 10px 155px 0px rgba(255,255,255,0.5);
background-repeat:repeat;
overflow-y:auto;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi {
list-style:none;
margin:0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
letter-spacing:0.5px;
text-align:left;
border-bottom:1px solid rgba(0,0,0,0.1);
cursor:pointer;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi .sel-ddi-link {
display:block;
padding:5px 10px 5px 30px;
text-decoration:none;
color:inherit;
user-select:none;
transition:all 0.1s ease;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi.is-selected {
background-image:url(/vidipedia/images/icon/selected-item.blue.png);
background-repeat:no-repeat;
background-size:16px 16px;
background-position:8px center;
color:#0D4986;
font-weight:bold;
pointer-events:none;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi:hover {
background-color:#0D4986;
color:white;
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi.is-selected:hover {
background-image:url(/vidipedia/images/icon/selected-item.white.png);
}
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper {
position:relative;
}
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown {}
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown {}
#Tabellak .seasonMatches .grayTitle {
}
#Tabellak .seasonMatches .pagerBar {
}
#Tabellak .standings-wrapper {
}
#Tabellak .standings-wrapper .standings-table {
}
#Tabellak .standings-wrapper .standings-table .teamTabellePage {
}
#Tabellak .standings-wrapper .standings-table .teamTabellePage .darkBlueTitle {
}
#Tabellak .seasonMatches {
display:block;
width:calc(100% - 0px);
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
border: 1px solid rgba(29,35,55,0.45);
border-radius: 4px;
overflow: hidden;
}
#Tabellak .seasonMatches .greyTitle,
#Tabellak .teamTabellePage .darkBlueTitle {
display:block;
width:100%;
background-color:rgba(13,73,134,0.1);
text-align:left;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0D4986;
font-size:15px;
line-height:22px;
text-transform:uppercase;
margin:0px;
padding:10px 0px 10px 15px;
border-bottom:1px solid rgba(29,35,55,0.45);
position:relative;
height:45px;
}
#Tabellak .seasonMatches .pagerBar {
display:none;
}
#Tabellak .seasonMatches .greyTitle { margin-bottom:-45px; margin-bottom:0px; }
#Tabellak .teamTabellePage .darkBlueTitle { margin-bottom:0px; }
#Tabellak .seasonMatches .teamMatchRows {
display:block;
border: 1px solid rgba(29,35,55,0.45);
border-radius: 4px;
overflow: hidden;
margin:0px;
padding:45px 0px 0px 0px;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow {
display:block;
color:#2E3142;
border-bottom:1px solid rgba(29,35,55,0.145);
background-color:rgba(255,255,255,0.5);
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .tmr-link {
display:block;
color:inherit;
text-decoration:none;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .tmr-link.foreign-match { cursor:default; }
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .tmr-link.own-match {
cursor:pointer;
background-color: white;
color: #D32238;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .seasonMatchesItem {
display:table-row;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .seasonMatchesItem .date {
display:table-cell;
vertical-align:middle;
width:200px;
text-align:left;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .seasonMatchesItem .date .bbox {
display:block;
width:100%;
height:100%;
padding:3px 5px 2px 5px;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .seasonMatchesItem .teams {
display:table-cell;
vertical-align:middle;
width:300px;
text-align:left;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .seasonMatchesItem .teams .bbox {
display:block;
width:100%;
height:100%;
padding:3px 5px 2px 5px;
}
#Tabellak .seasonMatches .teamMatchRows .teamMatchRow .seasonMatchesItem .tvChannel { display:none; }
#Tabellak .hidden { display:none; }
#Tabellak #seasonMatches532 { }
#Tabellak #seasonMatches { }
#Tabellak .seasonMatches .seasonMatch-rows {
display:block;
overflow: hidden;
margin:0px;
padding:0px 0px 0px 0px;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row {
display:table;
color:#2E3142;
border-bottom:1px solid rgba(29,35,55,0.145);
background-color:rgba(255,255,255,0.5);
width:100%;
text-align:left;
color:inherit;
text-decoration:none;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row.foreign-match { cursor:default; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row.own-match {
cursor:pointer;
/*
background-color: white;
color: #D32238;
*/
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem {
display:table-row;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .date {
display:table-cell;
vertical-align:middle;
width:200px;
text-align:left;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .date .bbox {
display:block;
width:100%;
height:auto;
padding:5px 15px 5px 15px;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams {
display:table-cell;
vertical-align:middle;
width:auto;
text-align:left;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox {
display:block;
width:100%;
height:25px;
padding:0px 5px 0px 5px;
vertical-align:top;
font-size:12px;
line-height:25px;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 {
display:inline-block;
vertical-align:top;
font-size:12px;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name {
display:inline-block;
width:280px;
line-height:25px;
overflow:hidden;
vertical-align:top;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name { text-align:right; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name { text-align:left; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name.vidi,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name.vidi {
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .goal {
display:inline-block;
width:30px;
height:25px;
margin:0px;
padding:0px;
font-weight:bold;
line-height:25px;
text-align:center;
}
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .tvChannel { display:none; }
#Tabellak .pagerBar {
display:block;
white-space:nowrap;
margin:15px 0px 0px 0px;
padding:0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
line-height:24px;
display:none;
}
#Tabellak .pagerBar .pagerLabel {
display:inline-block;
position:relative;
top:0px;
width:auto;
height:20px;
text-align:right;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: black;
}
#Tabellak .pagerBar .prevArrow img,
#Tabellak .pagerBar .nextArrow img { display:none; }
#Tabellak .pagerBar .prevArrow {
display:block;
text-decoration:none;
color:white;
background-image:url(/vidipedia/images/form/arrow-blue-left.png);
background-repeat:no-repeat;
background-position:right top;
background-size:84px 24px;
width:84px;
height:24px;
font-family:inherit;
font-size:inherit;
}
#Tabellak .pagerBar .prevArrow:before {
content:"Előző";
text-transform:uppercase;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:12px;
}
#Tabellak .pagerBar .nextArrow {
display:block;
text-decoration:none;
color:white;
background-image:url(/vidipedia/images/form/arrow-blue-right.png);
background-repeat:no-repeat;
background-position:left top;
background-size:84px 24px;
width:84px;
height:24px;
font-family:inherit;
font-size:inherit;
}
#Tabellak .pagerBar .nextArrow:before {
content:"Következő";
text-transform:uppercase;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:12px;
}
#Tabellak .pagerBar .currentPage {}
#Tabellak .pagerBar .currentPage input[type=textfield] {
border:none;
background-color:white;
border-radius:12px;
outline:none;
width:24px;
height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
text-align:center;
}
#Tabellak .pagerBar a {
display:inline-block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
text-align:center;
width:auto;
height:24px;
padding:0px 0px 0px 0px;
}
#Tabellak .pagerBar a .notCurrentPage {
display:block;
background-color:#0D4986;
color:white;
width:24px;
border-radius:12px;
}
#Tabellak .pagerBar .firstPage { display:none; }
#Tabellak .pagerBar .lastPage { display:none; }
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) { /* XXL */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 565px); }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
#Szezonok #Tabellak .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 150px); margin-top:0px; margin-bottom:15px; }
#Szezonok #Tabellak .filter-wrapper { margin-bottom:0px; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) { /* XL */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 565px); }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
.standings-table .teamTabellePage .tabelleContainer { padding:0; }
#Szezonok #Tabellak .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 150px); margin-top:0px; margin-bottom:15px; }
#Szezonok #Tabellak .filter-wrapper { margin-bottom:0px; }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) { /* L */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 315px); }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:300px; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:300px; }
#Tabellak .t-wrapper { margin:0px 0px 0px 0px; }
#Tabellak .l-wrapper { width:300px; }
#Tabellak .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 0px 0px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Tabellak .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name { width:200px; }
.standings-table .teamTabellePage .tabelleContainer { padding:0 0 0 0; }
#Szezonok #Tabellak .filter-wrapper .sel-wrapper.is-league { width:calc(100% - 0px); }
}
@media screen and (min-width: 800px) and (max-width: 999px) { /* M */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Tabellak .fit-wrappers { width:100%; display:table; }
#Tabellak .t-wrapper-reorder { width:100%; display:table-header-group; }
#Tabellak .t-wrapper { width:100%; margin:0px 0px 10px 0px; }
#Tabellak .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Tabellak .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Tabellak .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Tabellak .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name { width:100px; }
#Szezonok .team-members-wrapper, #Szezonok .teamMembers-block.no-person-image { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns .teamPlayers { display:block;}
.standings-table .teamTabellePage .tabelleContainer { padding:0 0 0 0; }
}
@media screen and (min-width: 600px) and (max-width: 799px) { /* S */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Tabellak .fit-wrappers { width:100%; display:table; }
#Tabellak .t-wrapper-reorder { width:100%; display:table-header-group; }
#Tabellak .t-wrapper { width:auto; margin:0px 0px 10px 10px; overflow:hidden; }
#Tabellak .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Tabellak .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Tabellak .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Tabellak .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Tabellak .t-wrapper .t1 .col-index { width:25px; }
#Tabellak .t-wrapper .t1 .col-index .copy { padding:0px; }
#Tabellak .t-wrapper .t1 .col-name { width: 100%; }
#Tabellak .t-wrapper .t1 .col-name .copy { padding:5px 0px 5px 0px; }
#Tabellak .t-wrapper .t1 .col-P { width: 25px; }
#Tabellak .t-wrapper .t1 .col-M { width: 25px; }
#Tabellak .t-wrapper .t1 .col-GY { width: 25px; }
#Tabellak .t-wrapper .t1 .col-D { width: 25px; }
#Tabellak .t-wrapper .t1 .col-V { width: 25px; }
#Tabellak .t-wrapper .t1 .col-RK { width: 25px; }
#Tabellak .t-wrapper .t1 .col-GK { width: 40px; }
#Tabellak .t-wrapper .t1 .col-P .copy,
#Tabellak .t-wrapper .t1 .col-M .copy,
#Tabellak .t-wrapper .t1 .col-GY .copy,
#Tabellak .t-wrapper .t1 .col-D .copy,
#Tabellak .t-wrapper .t1 .col-V .copy,
#Tabellak .t-wrapper .t1 .col-RK .copy,
#Tabellak .t-wrapper .t1 .col-GK .copy { padding:5px 0px 5px 0px; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name { width:150px; }
#Szezonok .team-members-wrapper, #Szezonok .teamMembers-block.no-person-image { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns .teamPlayers { display:block; }
.standings-table .teamTabellePage .tabelleContainer { padding:0; }
.standings-table .teamTabellePage .tabelleContainer .lightBlueTitle { height:60px; margin-bottom:-60px; }
.tabelleContainer .tabelle tr.theader th.tcol { height:60px; padding-top:30px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-current .icon { opacity:1;}
.standings-table .teamTabellePage .tabelleContainer { padding:0 0 0 0; }
#Szezonok .team-members-wrapper, #Szezonok .teamMembers-block.no-person-image { width:100%; }
#Tabellak .seasonMatches { width:100%; }
.standings-table .teamTabellePage .goals { width:calc(100% + 0px); }
}
@media screen and (min-width: 400px) and (max-width: 599px) { /* XS */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Tabellak .fit-wrappers { width:calc(100% - 20px); display:table; }
#Tabellak .t-wrapper-reorder { width:100%; display:table-header-group; }
#Tabellak .t-wrapper { width:calc(100% - 10px); margin:0px 0px 10px 10px; }
#Tabellak .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Tabellak .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Tabellak .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Tabellak .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name { width:50px; line-height:1em; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .date { width:100px; }
.standings-table .teamTabellePage .goals .allScores { width:calc(100% - 0px); }
.standings-table .teamTabellePage .goals .homeScores { width:calc(100% - 0px); margin-top:15px; }
#Szezonok .team-members-wrapper, #Szezonok .teamMembers-block.no-person-image { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns { display:block; }
#Szezonok .team-members-wrapper .teamPlayers-columns .teamPlayers { display:block; }
.standings-table .teamTabellePage .tabelleContainer { padding:0; }
.standings-table .teamTabellePage .tabelleContainer .lightBlueTitle { height:60px; margin-bottom:-60px; }
.tabelleContainer .tabelle tr.theader th.tcol { height:60px; padding-top:30px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-current .icon { opacity:1;}
#Szezonok .team-members-wrapper, #Szezonok .teamMembers-block.no-person-image { width:100%; }
#Szezonok .newsImage { width:100%; float:none; }
}
@media screen and (max-width: 399px) { /* XXS */
#Tabellak .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-league .sel-dropdown { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Tabellak .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Tabellak .fit-wrappers { width:100%; display:table; }
#Tabellak .t-wrapper-reorder { width:100%; display:table-header-group; }
#Tabellak .t-wrapper { width:100%; margin:0px 0px 10px 0px; }
#Tabellak .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Tabellak .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Tabellak .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Tabellak .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Tabellak .seasonMatches { width:100%; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-1 .name,
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .teams .bbox .team-2 .name { width:50px; line-height:1em; }
#Tabellak .seasonMatches .seasonMatch-rows .seasonMatch-row .seasonMatchesItem .date { width:80px; }
.standings-table .teamTabellePage .goals .allScores { display:block; margin:0px 0px 15px 0px; width:calc(100% + 10px); }
.standings-table .teamTabellePage .goals .homeScores { display:block; margin:0px 0px 15px 0px; width:calc(100% + 10px); }
.standings-table .teamTabellePage .tabelleContainer { padding:0px 0px 0px 0px; }
.tabelle td.tcol.index .bbox { width:16px; font-size:12px; }
.tabelle td.tcol.name { padding:5px 3px 5px 3px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-current .icon { opacity:1; }
.standings-table .teamTabellePage .tabelleContainer .lightBlueTitle { height:60px; margin-bottom:-60px; }
.tabelleContainer .tabelle tr.theader th.tcol { height:60px; vertical-align:bottom; padding-bottom:10px; }
.standings-table .teamTabellePage .tabelleContainer { padding:0; }
.standings-table .teamTabellePage .tabelleContainer .lightBlueTitle { height:60px; margin-bottom:-60px; }
.tabelleContainer .tabelle tr.theader th.tcol { height:60px; padding-top:30px; }
#Tabellak .filter-wrapper .sel-wrapper .sel-current .icon { opacity:1;}
.standings-table .teamTabellePage .tabelleContainer { padding:0 0 0 0; }
#Szezonok .team-members-wrapper, #Szezonok .teamMembers-block.no-person-image { width:100%; }
.tabelle td.tcol .bbox { width:calc(100% - 3px); padding-right:3px; }
}
@charset "UTF-8";
/* CSS Document */
#Keret-es-stab {
}
.teamMember-wrapper
.highlight {
display:inline-block;
position:relative;
padding-left:5px;
padding-right:5px;
margin-left:-5px;
margin-right:-5px;
background-color:rgba(255,214,0,0);
border-radius:4px;
transition:background-color 1s ease;
}
.teamMember-wrapper
.highlight.active {
background-color:rgba(255,214,0,0.5);
}
.teamMembers-wrapper {
display:block;
width:100%;
}
#teamMembersPage {
display:table;
width:100%;
margin:0px;
padding:0px;
border-spacing:0px;
vertical-align:top;
}
#teamMembersPage .teamMembers-image-holder {
display:block;
width:calc(100% - 10px);
height:auto;
clear:both;
border:10px solid white;
}
#teamMembersPage .teamMembers-image-holder img.teamMembers-image {
display:block;
width:100%;
height:auto;
margin-bottom:-1px;
border:none;
}
#teamMembersPage .teamMembers-block {
display:table;
width:100%;
margin:15px 0px 15px 0px;
}
#teamMembersPage .teamPlayers-columns {
display:table-row;
width:100%;
}
#teamMembersPage .teamPlayers-columns .teamPlayers.teamMembers.post-1 { }
#teamMembersPage .teamPlayers-columns .teamPlayers.teamMembers.post-2 { }
#teamMembersPage .teamPlayers-columns .teamPlayers.teamMembers.post-3 { }
#teamMembersPage .teamPlayers-columns .teamPlayers.teamMembers.post-4 { }
#teamMembersPage .teamPlayers-columns .teamPlayers.teamMembers.post-5 { }
#teamMembersPage .teamPlayers-columns .teamPlayers.teamMembers.teamMembers-other { }
.teamPlayerPost {
display:block;
width:inherit;
background-color:rgba(13,73,134,0.1);
padding:15px 15px 15px 15px;
margin:0px 10px 5px 0px;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.teamPlayerPost .darkBlueTitle {
display:block;
width:100%;
text-align:left;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:normal;
letter-spacing:1px;
font-size:14px;
line-height:20px;
color:#0D4986;
padding-left:32px;
text-transform:uppercase;
}
.teamPlayerPost .darkBlueTitle:before {
position:relative;
display:block;
content:" ";
width:32px;
height:32px;
border-radius:32px;
left:-40px;
top:-6px;
margin:0px -32px -32px 0px;
box-shadow:inset 1px 1px 4px 0px rgba(0,0,0,0.2);
}
.teamPlayerPost .XdarkBlueTitle:before {
position:relative;
display:block;
content:" ";
width:53px;
height:50px;
left:-57px;
top:-15px;
margin:0px -53px -50px 0px;
}
.teamPlayerPost .darkBlueTitle.keeperColor:before { background-color:#c5c5a1; }
.teamPlayerPost .darkBlueTitle.defenderColor:before { background-color:#a3cfb1; }
.teamPlayerPost .darkBlueTitle.midfielderColor:before { background-color:#8cbcd7; }
.teamPlayerPost .darkBlueTitle.strikerColor:before { background-color:#d8a4ae; }
.teamPlayerPost .darkBlueTitle.staffColor:before { background-color:#888888; }
.teamPlayers {
display:table-cell;
vertical-align:top;
width:auto;
}
.teamPlayers.teamMembers {
}
.teamPlayers .teamPlayer-link {
display:block;
width:inherit;
overflow:hidden;
color:black;
text-decoration:none;
background-color:rgba(255,255,255,0.5);
padding:0px;
margin:0px 10px 5px 0px;
}
.teamPlayers .teamPlayer-link .teamMemberItem {
}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap {
display:block;
height:53px;
overflow:hidden;
}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage {
display:block;
position:relative;
width:53px;
height:53px;
margin:0px -53px -53px 0px;
overflow:hidden;
background-color:white;
}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage.keeperTeamMember { background-color:#c5c5a1; }
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage.defenderTeamMember { background-color:#a3cfb1; }
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage.midfielderTeamMember { background-color:#8cbcd7; }
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage.strikerTeamMember { background-color:#d8a4ae; }
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage.staffTeamMember { background-color:#888888; }
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberImage img {
margin-left:5px;
width:auto;
height:53px;
opacity:0.5;
transition:opacity 0.3s ease;
}
.teamPlayers .teamPlayer-link:hover .teamMemberItem .teamMemberWrap .teamMemberImage img {
opacity:1;
}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData {
display:block;
width:calc(100% - 63px);
margin:0px 0px 0px 63px;
padding:5px 0px 0px 5px;
height:53px;
overflow:hidden;
text-align:left;
}
.teamPlayers.teamMembers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .teamMemberPost {
font-size:20px;
}
.teamPlayers.teamMembers-other .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .teamMemberPost {
font-size:11px;
opacity:0.5;
}
/*
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData { vertical-align:top; display:table;}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .title-and-nationality { display:table-footer-group;}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .teamMemberName { display:table-header-group; }
*/
.teamPlayers.teamMembers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .teamMemberNationality {
float:right;
margin:0px 5px 0px 0px;
}
.teamPlayers.teamMembers-other .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .teamMemberNationality {
float:right;
margin:-14px 5px 0px 0px;
}
.teamPlayers .teamPlayer-link .teamMemberItem .teamMemberWrap .teamMemberData .teamMemberName {
display:block;
}
.gradientBorder { display:none; }
/* Stáb */
.teamPlayers {
}
/* Játékosok */
.teamPlayers.teamMembers {
}
.teamMembers-block.no-person-image .teamPlayer-link {
display:block;
width:calc(100% - 10px);
margin:0px 0px 3px 0px;
padding:0px;
border-spacing:0px;
}
.teamMembers-block.no-person-image .teamMemberItem {
display:block;
position:relative;
width:calc(100% - 10px);
min-height:30px;
white-space:nowrap;
text-align:left;
margin:0px;
padding:0px 0px 0px 0px;
}
.teamMembers-block.no-person-image .teamMemberItem .playerNumber {
display:inline-block;
position:relative;
text-align:center;
width:45px;
height:95px;
margin:0px 0px -95px 0px;
padding:0px 0px 0px 0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:30px;
text-shadow:0px 0px 1px white;
vertical-align:top;
}
.teamMembers-block.no-person-image .teamPlayers.teamMembers.post-1 .playerNumber { background-color:#c5c5a1; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers.post-2 .playerNumber { background-color:#a3cfb1; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers.post-3 .playerNumber { background-color:#8cbcd7; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers.post-4 .playerNumber { background-color:#d8a4ae; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers.post-5 .playerNumber { background-color:#888888; }
.teamMembers-block.no-person-image .teamMemberItem .playerName {
display:inline-block;
position:relative;
width:calc(100% - 70px);
min-height:30px;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 10px;
white-space:normal;
text-align:left;
vertical-align:top;
}
.teamMembers-block.no-person-image .teamMemberItem .playerFlag {
display:inline-block;
float:right;
position:relative;
width:30px;
height:30px;
margin:0px -30px -30px 0px;
padding:0px;
top:8px;
left:-20px;
}
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other,
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .teamMemberItem {
white-space:normal;
margin:5px 0px 5px 10px;
}
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerName {
display:table-header-group;
width:auto;
}
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerTitle {
display:table-footer-group;
opacity:0.5;
font-size:12px;
}
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerTitle:before { content:"("; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerTitle:after { content:")"; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerFlag {
float:right;
position:relative;
margin:0px -30px -30px 0px;
top:-15px;
left:-30px;
}
/* 1985-1986-os szezon */
.page[data-sea="31"],
.page[data-sea="32"],
.page[data-sea="33"],
.page[data-sea="34"],
.page[data-sea="35"],
.page[data-sea="36"] {
}
.page[data-sea="31"] #playerdata,
.page[data-sea="32"] #playerdata,
.page[data-sea="33"] #playerdata,
.page[data-sea="34"] #playerdata,
.page[data-sea="35"] #playerdata,
.page[data-sea="36"] #playerdata {
width:100%;
}
.page[data-sea="31"] #playerdata:before,
.page[data-sea="32"] #playerdata:before,
.page[data-sea="33"] #playerdata:before,
.page[data-sea="34"] #playerdata:before,
.page[data-sea="35"] #playerdata:before,
.page[data-sea="36"] #playerdata:before {
display:none;
}
.page[data-sea="31"] .player-image,
.page[data-sea="32"] .player-image,
.page[data-sea="33"] .player-image,
.page[data-sea="34"] .player-image,
.page[data-sea="35"] .player-image,
.page[data-sea="36"] .player-image {
float:none;
left:calc(50% + 50px);
transform:translateX(-50%);
width:500px;
margin-right:-500px;
}
.page[data-sea="31"] .player-copies,
.page[data-sea="32"] .player-copies,
.page[data-sea="33"] .player-copies,
.page[data-sea="34"] .player-copies,
.page[data-sea="35"] .player-copies,
.page[data-sea="36"] .player-copies {
width:100%;
}
.page[data-sea="31"] .player-copies .player-biography,
.page[data-sea="32"] .player-copies .player-biography,
.page[data-sea="33"] .player-copies .player-biography,
.page[data-sea="34"] .player-copies .player-biography,
.page[data-sea="35"] .player-copies .player-biography,
.page[data-sea="36"] .player-copies .player-biography {
text-align:center;
text-align:justify;
}
.page[data-sea="31"] .player-copies .player-favourites,
.page[data-sea="32"] .player-copies .player-favourites,
.page[data-sea="33"] .player-copies .player-favourites,
.page[data-sea="34"] .player-copies .player-favourites,
.page[data-sea="35"] .player-copies .player-favourites,
.page[data-sea="36"] .player-copies .player-favourites {
columns:4; -webkit-columns:4;
}
.page[data-sea="31"] .player-image,
.page[data-sea="32"] .player-image,
.page[data-sea="33"] .player-image,
.page[data-sea="34"] .player-image,
.page[data-sea="35"] .player-image,
.page[data-sea="36"] .player-image {
margin:0px -400px -500px 0px;
margin:0;
border:0px none white;
background-image:none;
background-color:transparent;
box-shadow:none;
}
.page[data-sea="31"] .player-image img,
.page[data-sea="32"] .player-image img,
.page[data-sea="33"] .player-image img,
.page[data-sea="34"] .player-image img,
.page[data-sea="35"] .player-image img,
.page[data-sea="36"] .player-image img {
border-bottom:0px none white;
width:575px;
height:500px;
margin:0px 0px 0px -88px;
}
.page[data-sea="31"] #playerdata:before,
.page[data-sea="32"] #playerdata:before,
.page[data-sea="33"] #playerdata:before,
.page[data-sea="34"] #playerdata:before,
.page[data-sea="35"] #playerdata:before,
.page[data-sea="36"] #playerdata:before {
display:none;
}
.page #playerdata.no-image .player-copies .player-info .leftArrow {
left:15px;
}
.page #playerdata.no-image .player-copies .player-info .rightArrow {
right:10px
}
.page[data-sea="33"] .teamMember-wrapper .player-copies .player-info .leftArrow {
margin-top:20px;
}
.page[data-sea="33"] .teamMember-wrapper .player-copies .player-info .rightArrow {
margin-top:20px;
right:-5px;
}
/* SZÖVEGES KERESÉS */
#Keret-es-stab .search-wrapper {
display:block;
width:240px;
height:30px;
margin:0 -240px -30px 0;
text-align:left;
}
#Keret-es-stab .search-wrapper .search-field {
display:inline-block;
position:relative;
text-decoration: none;
width:238px;
height:42px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 40px;
border: 1px solid gray;
border-radius:8px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:40px;
text-transform:uppercase;
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
color: #0D4986;
background-color: rgba(0,0,0,0.0);
background-image:url(/vidipedia/images/icon/magnifier.blue.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:10px center;
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor:text;
outline:none;
overflow:hidden;
}
#Keret-es-stab .search-wrapper.empty .icon.clear-search-field { opacity:0; pointer-events:none; }
#Keret-es-stab .search-wrapper .icon.clear-search-field {
display:block;
position:relative;
z-index:1;
float:right;
text-decoration:none;
width:20px;
height:20px;
margin:0 -20px -20px 0;
border-radius:10px;
left:-30px;
top:10px;
font-size:14px;
line-height:18px;
background-color:rgba(0,0,0,0.2);
color:rgba(255,255,255,0.5);
text-align:center;
opacity:0.5;
transition:opacity 0.3s ease;
}
#Keret-es-stab .search-wrapper .icon.clear-search-field:hover {
opacity:1;
}
#Keret-es-stab .search-wrapper .icon.clear-search-field:before {
content:"\f00d";
}
/* SZEZON KIVÁLASZTÁSA */
#Keret-es-stab .filters-wrapper .filter-wrapper { display:none; }
#Keret-es-stab .filters-wrapper.f-season .filter-wrapper { display:block; }
#Keret-es-stab .filter-wrapper {
width:calc(100% - 25px);
margin:0px 0px 15px 25px;
outline:0px solid black;
text-align:right;
}
#Keret-es-stab .filter-wrapper .sel-wrapper {
display:inline-block;
margin:0px 10px 0px 150px;
}
#Keret-es-stab .filter-wrapper .sel-wrapper.readonly { pointer-events:none; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-label {
display:block;
margin:0px 0px 5px 0px;
display:block;
position:relative;
top:15px;
width:150px;
height:20px;
overflow:hidden;
left:-150px;
text-align:right;
margin:0px -150px -20px 0px;
padding:0px 10px 0px 0px;
float:left;
pointer-events:none;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element {
display:block;
position:relative;
z-index:200;
width:inherit;
text-align:center;
}
#Keret-es-stab .filter-wrapper .sel-wrapper.is-league { display:none; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { float:none; }
#Keret-es-stab .filter-wrapper .sel-wrapper.readonly .sel-current {
box-shadow:none;
border:1px solid rgba(0,0,0,0.2);
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-current {
display:block;
position:relative;
z-index:3000;
text-decoration:none;
padding:10px 15px 10px 15px;
border:1px solid gray;
border-radius:8px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:20px;
color:#0D4986;
background-color:rgba(0,0,0,0.0);
box-shadow:0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor:default;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-current .icon {
float:right;
position:relative;
width:20px;
height:20px;
top:0px;
left:-14px;
margin:0px -20px -20px 0px;
background-image:url(/vidipedia/images/icon/arrow-down.blue.png);
background-repeat:no-repeat;
background-size:20px 20px;
background-position:0px 0px;
outline:0px dotted black;
opacity:0.5;
transition:all 0.3s ease;
}
#Keret-es-stab .filter-wrapper .sel-wrapper.readonly .sel-current .icon { background-image:none; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element {
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element.has-expanded-options {
z-index:99999;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element.has-expanded-options .sel-current .icon {
transform:scaleY(-1);
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-current:hover .icon {
opacity:1;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-current .text {
padding:0px 30px 0px 0px;
user-select:none;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown {
box-sizing:content-box;
z-index:999;
display:block;
position:absolute;
height:500px;
overflow:hidden;
transition:all 0.3s ease;
outline:0px solid red;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown.is-collapsed {
max-height:0px;
margin:-3px -600px -500px -40px;
padding:0px 40px 0px 40px;
background-color:rgba(201,195,188,0.0);
background-position:0px 2px;
pointer-events:none;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded {
margin:-3px -600px -500px -40px;
padding:0px 40px 0px 40px;
max-height:550px;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-pagecover {
z-index:10;
position:fixed;
visibility:hidden;
left:0px;
top:0px;
width:100%;
height:0px;
background-color:rgba(0,0,0,0.2);
background-color:rgba(0,0,0,0.0);
transition:visibility 0s linear;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded .sel-pagecover {
visibility:visible;
height:100%;
transition:visibility 0s linear 0.5s;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper {
position:relative;
z-index:30;
top:0px;
padding:0px 50px 50px 50px;
margin:-20px -70px -50px -70px;
background-color:rgba(153,204,51,0.0);
border:20px solid rgba(153,204,51,0.0);
cursor:pointer;
outline:0px dotted green;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown.is-collapsed .sel-dd-items-wrapper {
opacity:0;
top:-300px;
max-height:0px;
transition:all 0.1s ease;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown.is-expanded .sel-dd-items-wrapper {
opacity:1;
top:0px;
max-height:450px;
transition:all 0.2s ease;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items * {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items {
list-style:none;
display:block;
width:100%;
height:100%;
max-height:390px;
margin:0 0 0 0;
padding:10px 0 0 0;
border:1px solid gray;
border-top:3px solid rgba(0,0,0,0);
border-bottom:10px solid #EBE6E3;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
background-color:#C9C3BC;
background-image:url(/vidipedia/images/core/background-recycled_paper-1920x1080.jpg);
background-size:800px 800px;
background-position:0px 0px;
background-attachment:local;
box-shadow:0px 10px 20px 0px rgba(0,0,0,0.2), inset 50px 10px 155px 0px rgba(255,255,255,0.5);
background-repeat:repeat;
overflow-y:auto;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi {
list-style:none;
margin:0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
letter-spacing:0.5px;
text-align:left;
border-bottom:1px solid rgba(0,0,0,0.1);
cursor:pointer;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi .sel-ddi-link {
display:block;
padding:5px 10px 5px 30px;
text-decoration:none;
color:inherit;
user-select:none;
transition:all 0.1s ease;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi.is-selected {
background-image:url(/vidipedia/images/icon/selected-item.blue.png);
background-repeat:no-repeat;
background-size:16px 16px;
background-position:8px center;
color:#0D4986;
font-weight:bold;
pointer-events:none;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi:hover {
background-color:#0D4986;
color:white;
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper .sel-dd-items .sel-ddi.is-selected:hover {
background-image:url(/vidipedia/images/icon/selected-item.white.png);
}
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown .sel-dd-items-wrapper {
position:relative;
}
#Keret-es-stab .filter-wrapper .sel-wrapper.is-league .sel-dropdown {}
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown {}
.teamMember-wrapper {
display:block;
min-height:500px;
}
#playerdata:before {
display:block;
z-index:-1;
content:" ";
position:relative;
width:370px;
height:490px;
margin:0px -390px -510px 0px;
float:right;
top:0px;
left:-390px;
border:10px solid white;
background-color:#BFCDD2;
box-shadow:5px 10px 25px 0px rgba(0,0,0,0.2);
transform:rotate(0deg);
}
#playerdata.no-image:before {
display:none;
}
#playerdata.no-image .player-image {
display:none;
}
.teamMember-wrapper .player-image {
display:block;
position:relative;
width:400px;
height:500px;
margin:0px -420px -520px 0px;
float:right;
top:0px;
left:-400px;
background-color:#BFCDD2;
background-image:url(https://www.vidi.hu/jatekosok/images/design/player_background_big.png);
background-repeat:no-repeat;
background-position:bottom right;
overflow:hidden;
border:10px solid white;
box-shadow:5px 10px 25px 0px rgba(0,0,0,0.2);
transform:rotate(4deg);
}
.teamMember-wrapper .player-image img {
width:120%;
height:auto;
position:relative;
margin-left:0px;
border-bottom:150px solid white;
}
.teamMember-wrapper .player-copies {
display:block;
position:relative;
width:calc(100% - 440px);
left:15px;
height:auto;
}
#playerdata.no-image .player-copies {
width:calc(100% - 0px);
}
.teamMember-wrapper .player-copies .player-info {
text-align:left;
text-align:center;
}
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow {
display:block;
position:absolute;
height:64px;
background-repeat:no-repeat;
background-color:transparent;
background-size:200px 50px;
color:#021E49;
text-decoration:none;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
line-height:50px;
text-transform:uppercase;
text-align:center;
}
.teamMember-wrapper .player-copies .player-info .leftArrow {
width:80px;
left:0px;
margin-top:-110px;
background-image:url(/vidipedia/images/form/arrow-blue-left.png);
background-position:70px top;
letter-spacing:1px;
}
.teamMember-wrapper .player-copies .player-info .rightArrow {
width:106px;
right:-350px;
margin-top:-110px;
background-image:url(/vidipedia/images/form/arrow-blue-right.png);
background-position:-190px top;
letter-spacing:0.2px;
}
.teamMember-wrapper .player-copies .player-info .leftArrow:before { content:"Előző"; }
.teamMember-wrapper .player-copies .player-info .rightArrow:before { content:"Következő"; }
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow {
opacity:1;
transition:all 0.2s ease;
/* fix: 2017-04-10 */
display:none;
}
.teamMember-wrapper .player-copies .player-info .leftArrow:hover {
margin-left:0px;
opacity:1;
color:white;
background-position:left top;
}
.teamMember-wrapper .player-copies .player-info .rightArrow:hover {
margin-right:0px;
opacity:1;
color:white;
background-position:right top;
}
.teamMember-wrapper .player-copies .player-info .number {
/*
position:relative;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
line-height:40px;
text-align:center;
padding:10px;
width:90px;
height:60px;
margin:0px -90px -60px 0px;
background-color:#D32238;
background-color:transparent;
color:white;
background-image:url(/vidipedia/images/form/arrow-red-right.png);
background-position:right center;
background-repeat:no-repeat;
background-size:120px 50px;
*/
display:inline-block;
position:relative;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
line-height:20px;
text-align:center;
background-color:#D32238;
background-color:#0D4986;
color:white;
padding:5px 10px 5px 10px;
margin:0 10px 0 0;
border-radius:4px;
top:-3px;
}
.teamMember-wrapper .player-copies .player-info .number:empty {
display:none;
}
.teamMember-wrapper .player-copies .player-info .name {
display:inline-block;
position:relative;
margin:15px 0px 0px 0px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
line-height:35px;
color:#0D4986;
}
.teamMember-wrapper .player-copies .player-info.has-number {
margin:15px 0px 0px 100px;
}
.teamMember-wrapper .player-copies .player-info .name:after {
content:"•";
color:#D32238;
padding:0px 10px 0px 10px;
position:relative;
top:2px;
}
.teamMember-wrapper .player-copies .player-info .position {
display:inline-block;
position:relative;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:22px;
line-height:35px;
text-transform:uppercase;
}
.teamMember-wrapper .player-copies .player-info .details {
display:block;
position:relative;
left:0px;
margin:-5px 0px 15px 2px;
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
}
.teamMember-wrapper .player-copies .player-info.has-number .details {
margin:-5px 0px 15px 100px;
}
.teamMember-wrapper .player-copies .player-info .details .player-flag-image-wrapper {
display:inline-block;
margin:0px 5px 0px 0px;
}
.teamMember-wrapper .player-copies .player-info .details .player-nationality {
}
.teamMember-wrapper .player-copies .player-info .details .player-nationality:after,
.teamMember-wrapper .player-copies .player-info .details .player-height:after,
.teamMember-wrapper .player-copies .player-info .details .player-fullname:after { position:relative; color:#D32238; content:"•"; margin:0px 5px 0px 5px; font-size:30px; line-height:17px; top:5px; }
.teamMember-wrapper .player-copies .player-info .details .player-nationality:empty,
.teamMember-wrapper .player-copies .player-info .details .player-height:empty,
.teamMember-wrapper .player-copies .player-info .details .player-fullname:empty { display:none; }
.teamMember-wrapper .player-copies .player-info .details .player-nationality:empty:after,
.teamMember-wrapper .player-copies .player-info .details .player-height:empty:after,
.teamMember-wrapper .player-copies .player-info .details .player-fullname:empty:after { content:""; }
.teamMember-wrapper .player-copies .player-info .details .player-height {
display:inline-block;
}
.teamMember-wrapper .player-copies .player-info .details .player-fullname {
display:inline-block;
}
.teamMember-wrapper .player-copies .player-info .details .player-born {
display:inline-block;
}
.teamMember-wrapper .player-biography {
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:24px;
color:#2E3142;
text-align:justify;
}
.pf-title:before {
content:" ";
display:table;
width:100%;
clear:both;
}
.teamMember-wrapper .pf-title {
display:block;
clear:both;
text-align: left;
font-size: 16px;
line-height: 20px;
margin: 15px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px solid #0D4986;
color: #0D4986;
}
.teamMember-wrapper .pf-title.hidden { display:none; }
.teamMember-wrapper .player-favourites {
display:block;
margin:15px 0px 0px 0px;
padding:0px;
columns:2; -webkit-columns:2;
column-fill:balance;
/*
padding:10px 10px 10px 25px;
border:1px solid gray;
border-radius:4px;
*/
font-family:Roboto, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
text-align:left;
}
.teamMember-wrapper .player-favourites .playerSmallBoxTitle {
display:block;
font-family:Roboto, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 16px;
line-height: 20px;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #0D4986;
}
.teamMember-wrapper .player-favourites .favourite-row {
display:table-row;
}
.teamMember-wrapper .player-favourites .favourite-row .question {
display:table-cell;
text-align:right;
padding:0px 15px 5px 0px;
font-size:12px;
line-height:15px;
color:#2E3142;
width:30%;
}
.teamMember-wrapper .player-favourites .favourite-row .answer {
display:table-cell;
color:#0D4986;
width:70%;
padding:0px 0px 5px 0px;
font-size:16px;
line-height:20px;
}
.teamMember-wrapper .player-favourites .favourite-row {
display:block;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.teamMember-wrapper .player-favourites .favourite-row .question {
display:block;
text-align:left;
padding:0px 15px 5px 16px;
width:auto;
color:#6D6F86;
}
.teamMember-wrapper .player-favourites .favourite-row .question:before {
display:block;
position:relative;
width:16px;
height:24px;
margin:0px -16px -24px 0px;
left:-16px;
content:"•";
color:#D32238;
font-size:32px;
}
.teamMember-wrapper .player-favourites .favourite-row .answer {
display:block;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 15px 5px 16px;
color:#2E3142;
width:auto;
}
.teamMember-wrapper .player-gallery {
}
.teamMember-wrapper .box .competitions {
display:Xnone;
}
.teamMember-wrapper .box .player_stats {
display:Xnone;
}
#playerdata table.player_stats {}
#playerdata table.player_stats tr {
font-size:16px;
line-height:24px;
color:#2E3142;
}
#playerdata table.player_stats tr td:first-child {
font-size:16px;
line-height:24px;
color:#2E3142;
text-align:left;
padding:2px 10px 2px 10px;
border-right:1px solid gray;
}
#playerdata table.player_stats tr td:not(:first-child) {
font-size:16px;
line-height:24px;
color:#2E3142;
text-align:right;
padding:2px 20px 2px 20px;
border-right:1px solid gray;
}
#playerdata
table.player_stats
tr
th:nth-child(1) {
}
#playerdata
table.player_stats
tr
th:nth-child(2) {
}
#playerdata
table.player_stats
tr
th:nth-child(3) {
}
#playerdata
table.player_stats
tr
td.stats {
display:none;
}
#playerdata
table.player_stats
tr
td.stats.visible {
display:table-cell;
}
#playerdata
.competitions {
/*
display:block;
position:relative;
width:calc(100% + 10px);
outline:0px solid red;
*/
display:block;
float:left;
width:250px;
margin:0 30px 15px 0;
padding:10px 0 0 0;
outline:0px solid red;
}
#playerdata
.competitions
.competitionSelector {
display:none;
}
#playerdata
.competitions
.competitionSelector.visible {
display:block;
}
#playerdata
.competitions
#season,
#playerdata
.competitions
.competitionSelector {
position: relative;
z-index: 3000;
text-decoration: none;
padding: 5px 15px 5px 15px;
margin: 0;
border: 1px solid gray;
border-radius: 8px;
font-family: Roboto, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #0D4986;
background-color: rgba(255,255,255,0.0);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2), inset 0px -2px 20px 0px rgba(255,255,255,0.75);
cursor: pointer;
outline:none;
}
#playerdata
.competitions
#season {
display:block;
width:250px;
margin-top:5px;
}
#playerdata
.competitions
.competitionSelector {
width:250px;
margin-top:5px;
}
#playerdata
.competitions
.label {
display:block;
width:100%;
text-align:left;
font-size:16px;
line-height:24px;
color:#2E3142;
margin:15px 0 0 0;
padding:0;
}
/* */
/* */
/* SEARCH RESULTS */
/* */
/* */
#search_results {
}
#search_results
.no-results {
}
#search_results
.no-results
.important {
font-size:16px;
line-height:20px;
color:#D32238;
text-align:left;
}
#search_results
.no-results
.important .icon {
display:block;
position:relative;
width:32px;
height:32px;
margin:0 -32px -32px 0;
font-size:24px;
line-height:32px;
top:-6px;
}
#search_results .no-results .important .icon:before { content:"\e906"; }
#search_results
.no-results
.important .text {
display:block;
margin:0 0 0 32px;
font-weight:bold;
}
#search_results
.no-results
p {
font-size:16px;
line-height:20px;
text-align:left;
}
#search_results
.count-results {
text-align:left;
margin-top:-20px;
}
#search_results
.rows {
display:block;
margin:25px 0 15px 0;
padding:0;
padding-bottom:5px;
column-gap:5px; -webkit-column-gap:5px; -moz-column-gap:5px; -o-column-gap:5px; -ms-column-gap:5px;
}
#search_results
.rows
.row {
list-style:none;
display:block;
font-size:0;
line-height:0;
min-height:78px;
vertical-align:top;
margin:0;
padding:0;
column-break-inside:avoid; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid;
}
#search_results
.rows
.row
.row-wrapper {
display:block;
position:relative;
vertical-align:top;
text-decoration:none;
cursor:pointer;
color:inherit;
padding:5px 10px 10px 5px;
margin:0 0px 0 0;
-webkit-margin-before:0;
-webkit-margin-after:0;
background-color:rgba(255,255,255,0.25);
border:1px solid rgba(0,0,0,0.13);
border-radius:4px;
font-size:0;
line-height:0;
transition:background-color 0.3s ease;
}
#search_results
.rows
.row:before {
display:block;
content:" ";
width:100%;
height:5px;
}
#search_results
.rows
.row:last-child {
}
#search_results .rows .row:hover .row-wrapper { background-color:rgba(255,255,255,0.5); }
#search_results
.image-wrapper {
display:inline-block;
position:relative;
vertical-align:top;
width:66px;
height:66px;
overflow:hidden;
margin:0;
border:1px solid gray;
background-color:rgba(0,0,0,0.2);
opacity:0.5;
transition:opacity 0.3s ease;
}
#search_results .row.ppid-0 .image-wrapper { background-color:#CCCCCC; }
#search_results .row.ppid-1 .image-wrapper { background-color:#c5c5a1; } /* keeperTeamMember */
#search_results .row.ppid-2 .image-wrapper { background-color:#a3cfb1; } /* defenderTeamMember */
#search_results .row.ppid-3 .image-wrapper { background-color:#8cbcd7; } /* midfielderTeamMember */
#search_results .row.ppid-4 .image-wrapper { background-color:#d8a4ae; } /* strikerTeamMember */
#search_results .row.ppid-5 .image-wrapper { background-color:#CCCCCC; }
#search_results
.image-wrapper
.image {
width:64px;
height:64px;
background-repeat:no-repeat;
background-size:cover;
}
#search_results
.rows
.row:hover
.image-wrapper {
opacity:1;
}
#search_results
.number-wrapper {
display:inline-block;
position:relative;
vertical-align:top;
width:50px;
height:64px;
margin:0;
padding:0;
left:0;
top:0;
outline:0px solid red;
}
#search_results
.number-wrapper
.flag {
display:block;
position:relative;
width:21px;
height:13px;
margin:0 -21px -13px 0;
left:5px;
top:0px;
background-repeat:no-repeat;
background-size:contain;
}
#search_results
.number-wrapper
.number {
font-size:24px;
line-height:64px;
margin:0;
padding:0;
}
#search_results
.number-wrapper
.number:not(:empty):before { content:"#"; font-size:75%; opacity:0.5; }
#search_results
.copies-wrapper {
display:inline-block;
position:relative;
vertical-align:top;
width:calc(100% - 118px);
margin:0;
padding:0;
text-align:left;
outline:0px dotted blue;
}
#search_results .copies-wrapper p { margin:0; padding:0; }
#search_results .copies-wrapper .short-name { font-size:16px; line-height:20px; }
#search_results .copies-wrapper .birth-name { font-size:12px; line-height:20px; opacity:0.5; margin-left:5px; }
#search_results .copies-wrapper .player-post { font-size:12px; line-height:20px; }
#search_results .copies-wrapper .date-of-birth { font-size:12px; line-height:20px; }
#search_results .copies-wrapper .new-line { }
#search_results .copies-wrapper .new-line:before { display:inline-block; width:80px; text-align:right; padding-right:5px; }
#search_results .copies-wrapper .in-line { display:inline-block; }
#search_results .copies-wrapper .short-name:before { content:"név: "; opacity:0.5; font-size:12px; }
#search_results .copies-wrapper .birth-name:before { content:" (születési név: "; }
#search_results .copies-wrapper .birth-name:after { content:")"; }
#search_results .copies-wrapper .player-post:before { content:"pozíció: "; opacity:0.5; font-size:12px; }
#search_results .copies-wrapper .date-of-birth:before { content:"szül. hely, idő: "; opacity:0.5; font-size:12px; }
/* RESPONSIVE EXCEPTIONS */
@media screen and (min-width: 1600px) { /* XXL */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
#search_results .rows { columns:3; -webkit-columns:3; -moz-columns:3; -o-columns:3; -ms-columns:3; }
#search_results .rows .row { }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) { /* XL */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
#search_results .rows { columns:2; -webkit-columns:2; -moz-columns:2; -o-columns:2; -ms-columns:2; }
#search_results .rows .row { }
}
@media screen and (min-width: 1000px) and (max-width: 1199px) { /* L */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
#Keret-es-stab .t-wrapper { margin:0px 0px 0px 0px; }
#Keret-es-stab .l-wrapper { width:300px; }
.teamMember-wrapper { width:calc(100% - 30px);}
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow { display:none; }
}
@media screen and (min-width: 800px) and (max-width: 999px) { /* M */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:700px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:190px; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:190px; }
#Keret-es-stab .fit-wrappers { width:100%; display:table; }
#Keret-es-stab .t-wrapper-reorder { width:100%; display:table-header-group; }
#Keret-es-stab .t-wrapper { width:100%; margin:0px 0px 10px 0px; }
#Keret-es-stab .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Keret-es-stab .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
.teamMember-wrapper { width:calc(100% - 30px);}
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow { display:none; }
.teamMember-wrapper .player-image { margin:0px -420px 15px 0px; left:50%; transform:translateX(-50%) rotate(3deg); float:none; }
#playerdata:before { display:none; }
.teamMember-wrapper .player-copies { width:calc(100% - 0px); }
.teamPlayerPost .darkBlueTitle { font-size:12px; padding-left:20px; }
.teamPlayerPost .darkBlueTitle:before { width:16px; height:16px; border-radius:16px; left:-22px; top:1px; margin:0px -16px -16px 0px; }
.teamMembers-block.no-person-image .teamMemberItem { width:calc(100% - 0px); min-width:120px; min-height:25px; }
.teamMembers-block.no-person-image .teamMemberItem .playerNumber { display:block; width:100%; height:auto; font-size:12px; line-height:18px; margin:0px; }
.teamMembers-block.no-person-image .teamMemberItem .playerName { width:calc(100% - 30px); min-height:auto; margin:0px 0px 0px 0px; padding:3px 5px 0px 5px; }
.teamMembers-block.no-person-image .teamMemberItem .playerFlag { width:16px; height:16px; margin:0px -16px -16px 0px; top:4px; left:-24px; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerFlag { left:-50px; }
}
@media screen and (min-width: 600px) and (max-width: 799px) { /* S */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Keret-es-stab .fit-wrappers { width:100%; display:table; }
#Keret-es-stab .t-wrapper-reorder { width:100%; display:table-header-group; }
#Keret-es-stab .t-wrapper { width:auto; margin:0px 0px 10px 10px; overflow:hidden; }
#Keret-es-stab .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Keret-es-stab .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Keret-es-stab .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Keret-es-stab .filter-wrapper { width:100%; margin:0px 0px 15px 0; }
#Keret-es-stab .search-wrapper { width:100%; margin:0 0 20px 0; }
#Keret-es-stab .search-wrapper .search-field { display:block; width:100%;}
#Keret-es-stab .search-wrapper .search-field::-webkit-input-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field::-moz-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field:-ms-input-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field:-moz-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .t-wrapper .t1 .col-index { width:25px; }
#Keret-es-stab .t-wrapper .t1 .col-index .copy { padding:0px; }
#Keret-es-stab .t-wrapper .t1 .col-name { width: 100%; }
#Keret-es-stab .t-wrapper .t1 .col-name .copy { padding:5px 0px 5px 0px; }
#Keret-es-stab .t-wrapper .t1 .col-P { width: 25px; }
#Keret-es-stab .t-wrapper .t1 .col-M { width: 25px; }
#Keret-es-stab .t-wrapper .t1 .col-GY { width: 25px; }
#Keret-es-stab .t-wrapper .t1 .col-D { width: 25px; }
#Keret-es-stab .t-wrapper .t1 .col-V { width: 25px; }
#Keret-es-stab .t-wrapper .t1 .col-RK { width: 25px; }
#Keret-es-stab .t-wrapper .t1 .col-GK { width: 40px; }
#Keret-es-stab .t-wrapper .t1 .col-P .copy,
#Keret-es-stab .t-wrapper .t1 .col-M .copy,
#Keret-es-stab .t-wrapper .t1 .col-GY .copy,
#Keret-es-stab .t-wrapper .t1 .col-D .copy,
#Keret-es-stab .t-wrapper .t1 .col-V .copy,
#Keret-es-stab .t-wrapper .t1 .col-RK .copy,
#Keret-es-stab .t-wrapper .t1 .col-GK .copy { padding:5px 0px 5px 0px; }
.teamMember-wrapper { width:calc(100% - 40px);}
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow { display:none; }
.teamMember-wrapper .player-image { margin:0px -420px 15px 0px; left:50%; transform:translateX(-50%) rotate(3deg); float:none; }
#playerdata:before { display:none; }
.teamMember-wrapper .player-copies { width:calc(100% - 0px); }
.teamMembers-block.no-person-image .teamMemberItem { width:calc(100% - 0px); min-width:80px; min-height:25px; }
.teamMembers-block.no-person-image .teamMemberItem .playerNumber { display:block; width:100%; height:auto; font-size:12px; line-height:18px; margin:0px; }
.teamPlayerPost { padding:10px; margin:0px 5px 5px 0px; }
.teamPlayerPost .darkBlueTitle { min-width:60px; font-size:12px; padding-left:26px; }
.teamPlayerPost .darkBlueTitle:before { width:24px; height:24px; border-radius:12px; left:-32px; top:-2px; margin:0px -24px -24px 0px; }
.teamMembers-block.no-person-image .teamMemberItem .playerName { width:calc(100% - 40px); min-height:auto; margin:0px 0px 0px 0px; padding:3px 5px 0px 5px; }
.teamMembers-block.no-person-image .teamMemberItem .playerFlag { width:16px; height:16px; margin:0px -16px -16px 0px; top:4px; left:-24px; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerFlag { left:-50px; }
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .playerTitle { font-size:10px; line-height:12px; }
}
@media screen and (min-width: 400px) and (max-width: 599px) { /* XS */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Keret-es-stab .fit-wrappers { width:calc(100% - 20px); display:table; }
#Keret-es-stab .t-wrapper-reorder { width:100%; display:table-header-group; }
#Keret-es-stab .t-wrapper { width:calc(100% - 10px); margin:0px 0px 10px 10px; }
#Keret-es-stab .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Keret-es-stab .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Keret-es-stab .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Keret-es-stab .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Keret-es-stab .search-wrapper { width:100%; margin:0 0 20px 0; }
#Keret-es-stab .search-wrapper .search-field { display:block; width:100%;}
#Keret-es-stab .search-wrapper .search-field::-webkit-input-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field::-moz-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field:-ms-input-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field:-moz-placeholder { text-align:center; padding-right:75px; }
.teamMember-wrapper { width:calc(100% - 40px);}
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow { display:none; }
.teamMember-wrapper .player-image { margin:0px -420px 15px 0px; left:50%; transform:translateX(-50%) rotate(3deg); float:none; }
#playerdata:before { display:none; }
.teamMember-wrapper .player-copies { width:calc(100% - 0px); }
#teamMembersPage { display:block; }
#teamMembersPage .teamPlayers-columns { display:block; width:calc(100% + 10px); }
#teamMembersPage .teamPlayers-columns .teamPlayers { display:block; }
#teamMembersPage .teamMembers-image-holder { width:calc(100% - 0px);}
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other,
.teamMembers-block.no-person-image .teamPlayers.teamMembers-other .teamMemberItem { margin:5px 0px 5px 0px;}
.teamMembers-block.no-person-image .teamMemberItem { padding:0px 0px 0px 10px;}
}
@media screen and (max-width: 399px) { /* XXS */
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-dropdown { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-element { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season { width:100%; }
#Keret-es-stab .filter-wrapper .sel-wrapper.is-season .sel-dropdown { width:100%; }
#Keret-es-stab .fit-wrappers { width:100%; display:table; }
#Keret-es-stab .t-wrapper-reorder { width:100%; display:table-header-group; }
#Keret-es-stab .t-wrapper { width:100%; margin:0px 0px 10px 0px; }
#Keret-es-stab .l-wrapper-reorder { width:100%; display:table-footer-group; }
#Keret-es-stab .l-wrapper { width:100%; margin:0px 0px 0px 0px; }
#Keret-es-stab .filter-wrapper .sel-wrapper { display:block; margin:0px 0px 10px 0px; }
#Keret-es-stab .filter-wrapper .sel-wrapper .sel-label { margin:0px 0px 0px 0px; top:0px; width:auto; left:0px; text-align:left; float:none; }
#Keret-es-stab .filter-wrapper { width:calc(100% - 0px); margin:0px 0px 15px 0px; }
#Keret-es-stab .search-wrapper { width:100%; margin:0 0 20px 0; }
#Keret-es-stab .search-wrapper .search-field { display:block; width:100%;}
#Keret-es-stab .search-wrapper .search-field::-webkit-input-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field::-moz-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field:-ms-input-placeholder { text-align:center; padding-right:75px; }
#Keret-es-stab .search-wrapper .search-field:-moz-placeholder { text-align:center; padding-right:75px; }
.teamMember-wrapper { width:calc(100% - 40px);}
.teamMember-wrapper .player-copies .player-info .leftArrow,
.teamMember-wrapper .player-copies .player-info .rightArrow { display:none; }
.teamMember-wrapper .player-image { margin:0px -420px 15px 0px; left:50%; transform:translateX(-50%) rotate(3deg); float:none; }
#playerdata:before { display:none; }
.teamMember-wrapper .player-copies { width:calc(100% - 0px); }
#teamMembersPage { display:block; }
#teamMembersPage .teamPlayers-columns { display:block; width:calc(100% + 10px); }
#teamMembersPage .teamPlayers-columns .teamPlayers { display:block; }
}
.newsBody p:nth-of-type(odd) img {
float: left;
border: 1px solid gray;
width: 300px !important;
height: 170px !important;
display: inline;
margin: 10px;
}
.newsBody p:nth-of-type(even) img {
float: right;
border: 1px solid gray;
width: 300px !important;
height: 170px !important;
display: inline;
margin: 15px;
}
.newsImage img {
display: none
}
.newsBody a {
color: #0E1122;
text-decoration: none;
}
.newsBody a:hover {
color: #0E1122;
text-decoration: underline;
}
.goals .goal .picto {
display:inline-block;
background-image:url(https://www.vidi.hu/images/design/online_match_icons/ball.png);
background-repeat:no-repeat;
width:15px;
height:15px;
}
.goals .goal.is-own .picto {
display:inline-block;
background-image:url(https://www.vidi.hu/images/design/online_match_icons/ball_red.png);
background-repeat:no-repeat;
width:15px;
height:15px;
}
.player_stats{
width: 50%; float: right; min-width: 250px; margin-bottom: 20px
}
/*-----*/
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper ul.tiles {
height: auto;
}
#Nyitooldal .decades-wrapper ul.decades li.decade .tiles-wrapper {
margin-top: 10px;
top: 0px;
}
#Nyitooldal .decades-wrapper {
margin-top: 60px;
}
@media screen and (max-width: 799px) {
table#resTable span#home-goals {
padding: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
table#resTable span#away-goals {
padding: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
}