/* Author : Gál Tamás, Guti Patrik */ /* Responsive átalakítás 1200px a */ @media only screen and (min-width : 1300px) { #Tartalom section { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; } } @media only screen and (min-width : 690px) and (max-width : 1200px) { #Keret #BelsoKeret {padding-right:0;} #BelsoKeret #KiegeszitoInfo {margin-right:0px; width:100%; } #Tartalom {margin-right:10px;} #KiegeszitoInfo {width:90%;} #BelsoKeret .divKiegTKulso {width:300px;float:left; margin:5px; border-bottom: 0px solid #fff;} } #tananyag #ebbe div.memlap_tartalom p {font-size: 18px !important;} @media only screen and (max-width : 1600px) { #tananyag #ebbe div.memlap_tartalom p {font-size: 12px !important;} } @media only screen and (max-width : 1280px) { #tananyag #ebbe div.memlap_tartalom p {font-size: 9px !important;} } @media only screen and (max-width : 1300px) { #tananyag .cetli_300x200Z_kakukk, #tananyag #cetli_320x200SZ_kakukk, #tananyag #cetli_300x200S_kakukk {margin:0px; padding:5px;width:420px; float:none;max-width:95%;font-size: 12px;} #tananyag #cetli_300x200S_kakukk .tbl_kakukk {width:410px; font-size: 14px;} #tananyag #cetli_300x200S_kakukk .tbl_kakukk .segitseg_str_kakukk {font-size: 14px;} #tananyag .segitseg_str_kakukk {width:auto;} #tananyag .cetli_300x200K {width:auto;} } @media only screen and (max-width : 1000px) { #tananyag .cetli_300x200Z_kakukk, #tananyag #cetli_320x200SZ_kakukk, #tananyag #cetli_300x200S_kakukk {margin:0px; padding:5px;width:370px; float:none;max-width:95%;font-size: 12px;} #tananyag #cetli_300x200S_kakukk .tbl_kakukk {width:360px; font-size: 12px;} #tananyag #cetli_300x200S_kakukk .tbl_kakukk .segitseg_str_kakukk {font-size: 12px;} } @media only screen and (max-width : 800px) { #tananyag .cetli_300x200Z_kakukk, #tananyag #cetli_320x200SZ_kakukk, #tananyag #cetli_300x200S_kakukk {margin:0px; padding:5px;width:350px; float:none;max-width:95%;font-size: 12px;} #tananyag #cetli_300x200S_kakukk .tbl_kakukk {width:340px; font-size: 10px;} #tananyag #cetli_300x200S_kakukk .tbl_kakukk .segitseg_str_kakukk {font-size: 10px;} #Tartalom .divOElozetesTartalom .divOElozetesLeir {font-size: 10px;} #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom .divOElozetesLeir {font-size: 12px;} #Tartalom, #Tartalom #tananyag, #Tartalom .segitseg_str_szazad, #Tartalom .segitseg_str_kakukk, #Tartalom #segitseg_1, #Tartalom #tananyag .Tst_table{font-size: 13px;} } .imgFRight {float:right;} #divOTartalom .divCikkElozetesKulso {float:none; display:inline-block;} @media only screen and (max-width : 690px) { .imgFRight { max-height:100px; max-width:120px; margin:3px;} #FoHeder {display: none;} #Keret #FoNav {display:block; position:fixed; left:0px; top:0px; text-align: left; } #FoNavJobb {display: none;} #FoLinkHMenu {display:block;} #FoNavBal {height:40px; width:100%; display:block; padding:5px;} #FoNav div.MobilIkon {display: block;} #KiegeszitoInfo1 {display: none;} #BelsoKeret {margin:40px 0 0 0; } #chmenu:checked ~ #BelsoKeret {margin:40px 0 0 0; padding:0;} #Keret #Tartalom {margin-right:0px; width:340px; opacity: 0.2; left:0px; top:30px; z-index: 10; float:none;} #chmenu:checked ~ #BelsoKeret #Tartalom {padding:10px 2px; width:100%; opacity: 1;} #Tartalom { -webkit-transition: opacity 2s; /* Safari */ transition: opacity 2s; } #BelsoKeret #KiegeszitoInfo {margin-right:0px; width:310px; float:none; opacity: 0.2;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo {opacity: 1;} #KiegeszitoInfo { -webkit-transition: opacity 2s; /* Safari */ transition: opacity 2s; } /* #KiegeszitoInfo {width:90%;} */ #Tartalom .divOElozetesTartalom .divOElozetesLeir {font-size: 9px;} #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom .divOElozetesLeir {font-size: 11px;} #BelsoKeret #KiegeszitoInfo {margin-left: 20px;} #divOElozetesekKulso, #divOElozetesekKulso .divOElozetesKulso, #divOElozetesekKulso .Bmenu_bal, .divOElozetesKulso {float:none; } #Tartalom, #Tartalom #tananyag, #Tartalom .segitseg_str_szazad, #Tartalom .segitseg_str_kakukk, #Tartalom #segitseg_1, #Tartalom #tananyag .Tst_table{font-size: 12px;} #Tartalom table {font-size: 10px;} #Tartalom .szin_1 {display:inline-block;} #Tartalom .szin_d, #Tartalom .szin_1, #Tartalom .dv_2, #Tartalom #divCikkekKulso, #Tartalom .kod, #Tartalom .demo, #Tartalom #tag_refi_1, #tananyag .cetli_320x200SZ_MASTERMIND, #tananyag .bal_cetlik_MASTERMIND, #tananyag .cetli_300x200K_MASTERMIND, #tananyag .cetli_320x200SZ, #tananyag .cetli_300x200K_LF, #tananyag .bal_cetlik_kakukk, #tananyag .cetli_300x200Z_szazad, #tananyag .cetli_300x200S_szazad, #tananyag .cetli_320x200SZ_szazad, #tananyag .bal_cetlik_szazad, #tananyag .cetli_300x200K, #tananyag .bal_cetlik, #tananyag #Erednmeny_cetli, #tananyag .cetli_300x200P, #tananyag .cetli_300x200P, #tananyag .clear, #tananyag #feladat_szoveges {float:none; } #Tartalom .divClear, #divOTartalom .divOLapozas, #divOTartalom .clear, #tananyag .clear {clear:none;} #divOTartalom .clear, #tananyag .clear {width:100%;height:1px;} #chmenu:checked ~ .ClearLeft, #chmenu:checked ~ #divOTartalom h2, #chmenu:checked ~ #tananyag h2 {clear:left;} /* .ClearLeft, #divOTartalom h2, #tananyag h2 {clear:left;} */ #tananyag .dv_1 {float:none; display:inline-block;} #divOTartalom .divCikkElozetesKulso {float:none; display:inline-block;} #tananyag .bal_cetlik_kakukk{float:none; clear:none;} #tananyag .cetli_300x200K_LF, #tananyag .bal_cetlik_kakukk, #tananyag .bal_cetlik_szazad, #tananyag .bal_cetlik, #tananyag .bal_cetlik_MASTERMIND {margin:3px;} #tananyag .cetli_300x200Z {margin-left:3px;} #tananyag .cetli_300x200S_LF, #tananyag .cetli_300x200K, #tananyag .cetli_300x200P, #tananyag .cetli_300x200S_MASTERMIND, #tananyag .cetli_300x200K_MASTERMIND, #tananyag .cetli_adatok {margin-left:3px;} #tananyag .cetli_320x200SZ_MASTERMIND, #tananyag .cetli_300x200K, #tananyag .cetli_320x200SZ, #tananyag .cetli_300x200Z, #tananyag .cetli_300x200P, #tananyag .cetli_300x200K_LF, #tananyag .tbl_kakukk, #tananyag .cetli_300x200Z_kakukk, #tananyag .cetli_300x200S_kakukk, #tananyag .cetli_320x200SZ_kakukk, #tananyag .bal_cetlik_kakukk, #tananyag .cetli_300x200Z_szazad, #tananyag .cetli_300x200S_szazad, #tananyag .cetli_320x200SZ_szazad, #tananyag .bal_cetlik_szazad {width:310px;height:auto;} #tananyag .segitseg_str_szazad {width:auto;} #tananyag .segitseg_str_kakukk {width:auto;} #tananyag .magyaraz_kakukk {width:auto;} #tananyag .cetli_300x200S_kakukk {margin:0px; padding:5px;} #tananyag .cetli_adatok {width:310px; margin:5px;} #tananyag .cetli_300x200S_szazad {width:310px; margin:5px;} #tananyag .cetli_300x200S_MASTERMIND {width:300px;} #tananyag #cetli_300x200S_kakukk .tbl_kakuk, #tananyag #cetli_300x200S_kakukk .tbl_kakukk {width:290px;height:auto;} #tananyag .rossz_megoldasok{height: 60px; font-size: 12px;} #tananyag #ebbe div.memlap_tartalom p {font-size: 9px !important;} #Tartalom .divOElozetesKulso {float:none; display:inline-block; width:315px;} #BelsoKeret .divOElozetesTartalom {margin-left: 68px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width:315px;} #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {margin-left: 68px;} #BelsoKeret .divOElozetesTartalom div {width:200px;} } @media only screen and (max-width : 400px) { #BelsoKeret #KiegeszitoInfo {margin-left: 10px;} #chmenu:checked ~ #BelsoKeret #Tartalom .divOElozetesTartalom {margin-left: 78px;} } @media only screen and (max-width : 330px) { #BelsoKeret #KiegeszitoInfo {margin-left: 0px;} } @media only screen and (min-height: 400px) { #BelsoKeret {min-height:400px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-height: 500px) { #BelsoKeret {min-height:500px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-height: 600px) { #BelsoKeret {min-height:600px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-height: 800px) { #BelsoKeret {min-height:800px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-height: 900px) { #BelsoKeret {min-height:900px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-height: 1000px) { #BelsoKeret {min-height:960px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-height: 1100px) { #BelsoKeret {min-height:1060px; border-bottom:1px solid rgba(0, 0, 0, 0.01);} } @media only screen and (min-width : 1300px) and (max-width : 1400px) { #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 640px;} #chmenu:checked ~ #BelsoKeret #divCikkekKulso, #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 800px;} } @media only screen and (min-width : 1180px) and (max-width : 1300px) { #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 500px;} #chmenu:checked ~ #BelsoKeret #divCikkekKulso, #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 800px;} } @media only screen and (min-width : 940px) and (max-width : 1180px) { #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret #divCikkekKulso, #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 800px;} } @media only screen and (min-width : 800px) and (max-width : 940px) { #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 470px;} #chmenu:checked ~ #BelsoKeret #divCikkekKulso, #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 700px;} } @media only screen and (min-width : 700px) and (max-width : 800px) { #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 320px;} #chmenu:checked ~ #BelsoKeret #divCikkekKulso, #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 600px;} } @media only screen and (max-width : 700px) { #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 320px;} } @media only screen and (max-width : 1400px) { div.divCikkKepN, div.divCikkKepN img {max-width: 90% !important;} } @media only screen and (max-width : 800px) { div.divCikkKepN, div.divCikkKepN img {max-width: 90% !important;} } /* ELŐZETESEK MEGJELENÍTÉSE*/ @media only screen and (max-width : 920px) { /* Menü látszik*/ .divOElozetesTartalom {width: 330px; font-size:0.8em;} .divCikkKulso {margin:5px 0px; padding:3px;} #divCikkekKulso {margin-left: -2px;} h1 {font-size: 1.4em;} h2 {font-size: 1.2em;} h3 {font-size: 1.1em;} #divOElozetesekKulso {width: 470px; margin:0; border: 0px solid black;} .divOElozetesKulso {width: 470px;} /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 470px; font-size:1em;} #chmenu:checked ~ #BelsoKeret h1 {font-size: 1.3em;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 600px;} .divCElozetesKulso {width: 470px; margin:0; border: 0px solid black;} .divCikkElozetesKulso {width: 470px;} .divCikkLink a {font-size: 0.9em;} .divCszerzoNev {font-size: 0.9em;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret .divCikkLink a {font-size: 1.1em;} #chmenu:checked ~ #BelsoKeret .divCszerzoNev {font-size: 1em;} } @media only screen and (max-width : 800px) { /* Menü látszik*/ .divOElozetesTartalom {width: 245px; font-size:14px; line-height:150%; height:100px;} #chmenu:checked ~ #BelsoKeret .OStilus1000 .divCikkElozetesKulso .divOElozetesTartalom {height: 130px;} #divOElozetesekKulso {width: 370px;} .divOElozetesKulso {width: 370px;} #BelsoKeret #Tartalom {border: 0px solid black; margin-top:5px;} #HelyiNav {padding-top:5px;} /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 470px; font-size:1em; line-height:120%; } #chmenu:checked ~ #BelsoKeret h1 {font-size: 1.3em;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 600px; } #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso .divOElozetesTartalom {height:76px; } .divCElozetesKulso {width: 370px;} .divCikkElozetesKulso {width: 370px;} .divCikkLink a {font-size: 0.8em;} .divCszerzoNev {font-size: 0.8em;} .divOElozetesLeir {width: 240px; line-height:150%;} #chmenu:checked ~ #BelsoKeret .divOElozetesLeir {width: 470px; line-height:120%;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso {width: 600px;} #chmenu:checked ~ #BelsoKeret .divCikkLink a {font-size: 1.1em;} #chmenu:checked ~ #BelsoKeret .divCszerzoNev {font-size: 1em;} #megold {display:block;} #tananyag .player {display:inline-block; float:none !important;} } @media only screen and (max-width : 620px) { /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 370px; font-size:0.8em;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 500px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 500px;} #chmenu:checked ~ #BelsoKeret .divOElozetesLeir {width: 370px;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {width: 500px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso {width: 500px;} #chmenu:checked ~ #BelsoKeret .divCikkLink a {font-size: 1em;} #chmenu:checked ~ #BelsoKeret .divCszerzoNev {font-size: 0.9em;} #BelsoKeret .divOElozetesKulso h3 {font-size: 12px;} } @media only screen and (max-width : 520px) { /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 270px; font-size:0.7em;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 400px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 400px;} #chmenu:checked ~ #BelsoKeret .divOElozetesLeir {width: 270px;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {width: 400px; padding-bottom: 2px; height: 190px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso {width: 400px;} #chmenu:checked ~ #BelsoKeret .divCikkLink a {font-size: 0.9em;} #chmenu:checked ~ #BelsoKeret .divCszerzoNev {font-size: 0.8em;} #divOTartalom .divCikkElozetesKulso .divOElozetesTartalom {height:95px;} } @media only screen and (max-width : 510px) { #divOTartalom .divOElozetesTartalom {font-size: 12px; } #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {font-size: 11px;} #chmenu:checked ~ #BelsoKeret .divOElozetesLeir {height: 63px;} #chmenu:checked ~ #BelsoKeret .divOElozetesLeir, #chmenu:checked ~ #BelsoKeret h3 { line-height: 130%; } } @media only screen and (max-width : 510px) { /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 270px; font-size:11px; margin-left:70px;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 400px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 400px;} .imgOE {max-width: 70px; max-height: 70px; margin: 0;} .divOElozetesKep {width: 90px; height: 90px; margin: 5px; padding: 0 10px 0 0; border-right: 2px solid rgba(0, 0, 0, 0.9);} } @media only screen and (max-width : 410px) { .imgOE {max-width: 80px; max-height: 60px; margin: 0;} .divCikkElozetesKulso .divOElozetesKep {width: 80px; height: 75px; margin: 1px; padding: 0; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right:3px; text-align: center;} .divCikkElozetesKulso .divOElozetesTartalom {height: 100px;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {height: 160px;} #divOElozetesekKulso .divOElozetesKep {width: 80px; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right:3px; } #divOElozetesekKulso .divOElozetesKulso a.OElink {margin-top: 9px; float: none;} #BelsoKeret .divOElozetesKulso div {max-width:220px;} #chmenu:checked ~ #BelsoKeret .OStilus1000 .divCikkElozetesKulso .divOElozetesTartalom {height: 110px;} #Keret #BelsoKeret #KiegeszitoInfo {width:310px;margin:5px 0px;padding-top:8px;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo {width:100%;} } @media only screen and (max-width : 410px) { /* Menü elrejtve*/ #BelsoKeret #divOElozetesekKulso .divOElozetesKulso {width: 300px;} #divOTartalom .divOElozetesTartalom {font-size: 11px; } #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 240px; font-size:9px; margin-left:50px;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 310px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 310px;} .imgOE {max-width: 70px; max-height: 70px; margin: 0;} .divOElozetesKep { height: 75px; margin: 1px; padding: 0; border-right: 2px solid rgba(0, 0, 0, 0.9);} #BelsoKeret .divOElozetesKulso .divOElozetesLeir, #chmenu:checked ~ #BelsoKeret .divOElozetesLeir {width: 210px; line-height:140%; height:70px; font-size: 9px;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso .divOElozetesLeir {height:72px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso .divOElozetesLeir {width: 210px; line-height:150%; height:70px; font-size: 9px;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {width: 315px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso {width: 315px;} #chmenu:checked ~ #BelsoKeret .divCikkLink a {font-size: 0.7em;} #chmenu:checked ~ #BelsoKeret .divCszerzoNev {font-size: 0.6em;} .divCikkTartalom {font-size: 0.7em; padding:3px; } #FoFooter {padding:5px; font-size: 0.7em;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso, #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {text-align: center; width: 100%;} #chmenu:checked ~ #BelsoKeret .leir001, #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso, #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {text-align: left; } }