/* Author : Gál Tamás, Guti Patrik */ .kozepre {text-align:center;} .divCikkTartalom .felfele::before { content: " " url("../img/ikonok/fel_22_z.png") " "; } .divCikkTartalom .felfelej::after { content: " " url("../img/ikonok/fel_22_z.png") " "; } .divCikkTartalom .felfelej::before { content: ""; } /* Általános beállítások*/ a {text-decoration:none;} .Error {border: 1px solid #d00; } .AktLink {font-weight:bold;} .FontosStr {font-weight:bold; font-size: 1.2em;} .Jobbra {float:right;} .ErrorStr {font-weight:bold; font-size: 1.2em;} .felkover, legend {font-weight:bold;} .pTorolMP, .pTorolKiegT {color:#d00;} #Tartalom iframe {float:left; margin:5px;} #fb-likeKulso {background-color:#eee; padding:5px; heigt:75px;} /***************************************** Szerkezet kialakítása ********************************************/ * { box-sizing: border-box;} body, html {margin:0; padding:0; width:100%; overflow-x: hidden;} #Keret {width:100%; min-height:100%;} #FoHeder {background-color:#CC9966; width:100%; width:100%; height:100px;} #FoNav {width:100%; line-height:30px;} #BelsoKeret {width:100%; padding:0 300px; min-height: 100%;} #Tartalom {width:100%; min-height:100%; float:left; margin-right:-100%;margin-bottom:40px; padding:10px;} #HelyiNav {background-color:#888; width:300px; float:left; margin: 0 0 0 -300px; } #KiegeszitoInfo {background-color:#08f; width:300px; /*margin-right:-300px;*/ float:right; padding-top: 5px; margin-top:1px;} footer {background-color:#999999; width:100%;clear:both; border-bottom:1px solid #999999; margin-top:10px; padding-top: 10px; display: block;} /********************************************* Fejléc *******************************************************/ #logoImgLink img {width:90px;margin:2px 5px;} #logoLink {line-height:40px; font-size:1.9em; vertical-align:sub;} #logoLink span {vertical-align:sub;} #logoLink span:last-of-type {vertical-align:super;} a#logoLink {color:#fff;} a#logoLink:hover {color:#fff;} a#logoLink:active {color:#fff;} a#logoLink:link {color:#fff;} /********************************************* Menüsor *******************************************************/ #FoNav #MenuIkon1 {display: none;} #FoNav #MenuIkon2 {display: block;} #chmenu:checked ~ #FoNav #MenuIkon1 {display: block;} #chmenu:checked ~ #FoNav #MenuIkon2 {display: none;} @media only screen and (min-width : 1190px) { body#body #chmenu ~ #BelsoKeret #HelyiNav { display: block; margin-left: 0px; } body#body #chmenu ~ #BelsoKeret { padding: 0px; } body#body #Tartalom { width: calc(100% - 620px); } #FoNavBal { display: none; } } #FoNav div.MobilIkon {display: none;float:right; margin:0; padding:0; height:20px;} #FoNav div.MobilIkon img { width:40px;height:40px;} #divCikkekKulso .divCikkKulso { max-width: 100%; } #KiegeszitoInfo .divKiegTKulso { width: 300px; } @media only screen and (max-width : 600px) { #HelyiNav { width: 100vw; } } /* ======================= Checkbox akadálymentesítés =========================== */ #chmenu:focus ~ #FoNav #MENUGombDiv {outline-style:dotted; outline-width:1px;} #chmenu {position: fixed; left:-100px; top:-1000px;} #FoNavBal {float:left; width:100px;} #FoNavJobb {width:100%;margin:0 100px; text-align:center;} #divFelhasznaloUdv:before{content:url('../img/ikonok/user1.png');} /***************************************** Helyi menü ********************************************/ #FoLinkHMenu {display:none;} #HelyiNav h2 {margin-bottom:3px; font-size:1.1em;} #HelyiNav {margin-bottom:40px; } #HelyiNav ul { list-style-type: none; padding-left:0px; margin:5px 0; } #HelyiNav .Ul1 {margin:0 0 0 5px;} #HelyiNav .Ul2 {margin:0; padding:0 0 0 5px;} #HelyiNav .Ul3 {margin:0;} #HelyiNav .Ul4 {margin:0;} #HelyiNav .AktLink {font-weight:bold;} #HelyiNav li a::before{content: " » ";} #HelyiNav li a { display: inline-block; padding:8px 5px 0px 5px; width:100%; height: 40px; } #HelyiNav a:link, #HelyiNav a:visited {text-decoration:none; } /* A link állapotainak megkülönböztetése */ #HelyiNav li a:hover { text-decoration:none;} #HelyiNav li a:active {border-bottom:2px; border-top:2px; padding-top:7px; } /*---- Második szint --*/ #HelyiNav li li a {padding-left:15px;} /*---- Harmadik szint --*/ #HelyiNav li li li a { padding-left:25px;} /*---- Negyedik szint --*/ #HelyiNav li li li li a {padding-left:35px;} /* Menü ki-be*/ #chmenu:checked ~ #BelsoKeret #HelyiNav {display: none;} #chmenu:checked ~ #BelsoKeret {padding-left:0;} #divFelhasznaloUdv {margin:10px 0 0 10px;;} #Tartalom section img {margin:10px;} #Tartalom article {margin:6px;} #HelyiNav .Ul1 div {margin:10px 5px 5px 5px;} #HelyiNav .divMenuInfo1 {margin:10px 5px 5px 10px;} /************************************** Morzsa navigáció ********************************************/ .Morzsa a:after{content: " « ";} .Morzsa a {color:#fff;} .Morzsa a:link {color:#fff;} .Morzsa a:active {color:#fff;} .Morzsa a:hover {color:#ddd;} /***************************************** Lábléc menü ********************************************/ #FoFooter { text-align: center; } #FoFooter ul { list-style-type: none; padding-left:0px; } #FoFooter li { display: inline-block; padding-left:10px; } /***************************************** Oldalelőzetesek ********************************************/ .imgOE {max-width:100px; max-height: 100px; width:100px; height: 100px; margin:0;} /** Javítani **/ .divOElozetesKep {float: left; width:110px; height: 120px; margin:10px; padding:0 10px 0 0; border-right: 2px solid rgba(0, 0, 0, 0.9); } .divOElozetesKulso {border-bottom:1px solid rgba(0, 0, 0, 0.01); display: block; min-height: 110px; width: 100%; } .divOElozetesKulso a.OElink {margin-top:10px; display: block; font-style:italic; float:right;} .divOElozetesKulso a.OElink::before{content: " » ";} .divOElozetesKulso h3 {margin: 10px;} .divOElozetesTartalom {width:460px; height: 130px; margin: 2px 2px 5px 120px;} .divOElozetesLeir {height: 70px;} .divOLapozas {width:100%; text-align: center; clear: both; padding: 5px;} .divOLapozas li {display: inline-block; margin-left:9px; margin-right:9px; list-style-type:none; font-size: 20px;} .divOLapozas a.AktLink {text-decoration:underline;} /***************************************** Cikkek ********************************************/ .divCikkKep {max-width:100px; max-height: 100px; display: inline-block; margin:2px; vertical-align:middle; } .divCikkKep img {max-width:100px; max-height: 100px; display: inline-block; } .divCikkKulso { border: 2px solid rgba(0, 0, 0, 0.5); max-width:800px; padding:10px; background-color:#eee; color:#222; margin: 10px 10px 5px 10px; border-right: 2px solid rgba(0, 0, 0, 0.9); vertical-align:top; text-align: left;} /************ .OStilus Kezelése ****************/ .OStilus1 .divCikkKulso, .OStilus2 .divCikkKulso, .OStilus3 .divCikkKulso, .OStilus4 .divCikkKulso, .OStilus5 .divCikkKulso, .OStilus6 .divCikkKulso, .OStilus7 .divCikkKulso, .OStilus8 .divCikkKulso, .OStilus11 .divCikkKulso, .OStilus12 .divCikkKulso, .OStilus13 .divCikkKulso, .OStilus14 .divCikkKulso, .OStilus15 .divCikkKulso, .OStilus16 .divCikkKulso, .OStilus17 .divCikkKulso, .OStilus18 .divCikkKulso, .OStilus21 .divCikkKulso, .OStilus22 .divCikkKulso, .OStilus23 .divCikkKulso, .OStilus24 .divCikkKulso, .OStilus25 .divCikkKulso, .OStilus26 .divCikkKulso, .OStilus27 .divCikkKulso, .OStilus28 .divCikkKulso {display: inline-block;} .OStilus2 #divCikkekKulso, .OStilus4 #divCikkekKulso, .OStilus6 #divCikkekKulso, .OStilus8 #divCikkekKulso, .OStilus12 #divCikkekKulso, .OStilus14 #divCikkekKulso, .OStilus16 #divCikkekKulso, .OStilus18 #divCikkekKulso, .OStilus22 #divCikkekKulso, .OStilus24 #divCikkekKulso, .OStilus26 #divCikkekKulso, .OStilus28 #divCikkekKulso {text-align: center; } .OStilus10 .divCikkKulso, .OStilus11 .divCikkKulso, .OStilus12 .divCikkKulso, .OStilus13 .divCikkKulso, .OStilus14 .divCikkKulso, .OStilus15 .divCikkKulso, .OStilus16 .divCikkKulso, .OStilus17 .divCikkKulso, .OStilus18 .divCikkKulso, .OStilus19 .divCikkKulso {text-align: center; } .OStilus20 .divCikkKulso, .OStilus21 .divCikkKulso, .OStilus22 .divCikkKulso, .OStilus23 .divCikkKulso, .OStilus24 .divCikkKulso, .OStilus25 .divCikkKulso, .OStilus26 .divCikkKulso, .OStilus27 .divCikkKulso, .OStilus28 .divCikkKulso, .OStilus29 .divCikkKulso {text-align: justify; } .OStilus20 .divCikkKulso h2, .OStilus21 .divCikkKulso h2, .OStilus22 .divCikkKulso h2, .OStilus23 .divCikkKulso h2, .OStilus24 .divCikkKulso h2, .OStilus25 .divCikkKulso h2, .OStilus26 .divCikkKulso h2, .OStilus27 .divCikkKulso h2, .OStilus28 .divCikkKulso h2, .OStilus29 .divCikkKulso h2, .OStilus20 .divCikkKulso h3, .OStilus21 .divCikkKulso h3, .OStilus22 .divCikkKulso h3, .OStilus23 .divCikkKulso h3, .OStilus24 .divCikkKulso h3, .OStilus25 .divCikkKulso h3, .OStilus26 .divCikkKulso h3, .OStilus27 .divCikkKulso h3, .OStilus28 .divCikkKulso h3, .OStilus29 .divCikkKulso h3 {text-align: left; } .OStilus3 .divCikkKulso, .OStilus4 .divCikkKulso, .OStilus13 .divCikkKulso, .OStilus14 .divCikkKulso, .OStilus23 .divCikkKulso, .OStilus24 .divCikkKulso {width: 400px;} .OStilus5 .divCikkKulso, .OStilus6 .divCikkKulso, .OStilus15 .divCikkKulso, .OStilus16 .divCikkKulso, .OStilus25 .divCikkKulso, .OStilus26 .divCikkKulso {width: 600px;} /* .OStilus7 .divCikkKulso, .OStilus8 .divCikkKulso, .OStilus17 .divCikkKulso, .OStilus18 .divCikkKulso, .OStilus27 .divCikkKulso, .OStilus28 .divCikkKulso {width: 760px;} */ /* !!!!!!!!!!!!!!!! TESZT20180119 */ .OStilus9 .divCikkKulso, .OStilus19 .divCikkKulso, .OStilus29 .divCikkKulso {width: 95%; max-width: 95%;} .divCikkTartalom .CKNevKi {text-align: center;} .divCikkTartalom .KepStyle10 {width:auto; text-align: center;} .divCikkTartalom .KepStyle10 > div {text-align: center; display: inline-block; border: 1px solid rgba(128, 64, 0, 0.1); font-weight: bold;} .divCikkTartalom .KepStyle11 {width:auto; text-align: center;} .divCikkTartalom .KepStyle11 > div {text-align: center; display: block; float:left; border: 1px solid rgba(128, 64, 0, 0.1); font-weight: bold; margin:7px;} .divCikkTartalom .KepStyle12 {width:auto; text-align: center;} .divCikkTartalom .KepStyle12 > div {text-align: center; display: block; float:right; border: 1px solid rgba(128, 64, 0, 0.1); font-weight: bold; margin:7px;} #divCikkekKulso {width: 100%; display: block; float: left; border-right: 1px solid rgba(0, 0, 0, 0.01);} #divOElozetesekKulso {width: 600px; display: block; float: left; border: 1px solid rgba(0, 0, 0, 0.01); } .divCikkKepek {display: block; float: none; width: 100%; clear: both;} div.KepStyle0 { display: block; width: 100%; margin:10px; text-align: center; } img.KepStyle0 {display: inline-block; } div.KepStyle1 { display: block; float: left; margin:10px;} div.KepStyle2 { display: block; float: right; margin:10px;} .divCszerzoNev {width: 35%; height: 44px; float:left;} .pCszerzoNev {margin-top: 22px; font-size:0.7em; line-height: 70%;} .pCModTime {margin-top:8px; font-size:0.7em; line-height: 70%;} .CikkelozetesLink {float: right;} .divCikkLink {float: right; width: 62%; height: 44px; margin:0 5px 0 0 ; padding:4px; font-size:0.9em; text-align:right;} .divClear {clear: both;} .divOElozetesKulso, .divCikkElozetesKulso {width: 600px; border-bottom: 1px solid rgba(0, 0, 0, 0.6); margin-bottom: 5px;} .divCikkElozetesKulso {height: 210px; float:left; margin-right: 3px; padding:5px; border: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.5);} .divOElozetesTartalom h3 {margin:10px 4px 10px 4px; margin-bottom:10px;} .divOElozetesTartalom {line-height:120%;} .divCikkElozetesKulso a::before{content: " » ";} .divCElozetesKulso a, .divCikkElozetesKulso a {color: #338833; display: block; font-style:italic;} .divOElozetesKulso p, .divCikkElozetesKulso p {max-width: 300px; margin-bottom: 5px;} div.divCikkKepN, div.divCikkKepN img, body #Keret fieldset { max-width: 95% !important; } body #Keret input, body #Keret textarea { max-width: 90% !important; } .divCikkTartalom a::before{content: " »";} .divCikkTartalom a, .divCikkTartalom a:link, .divCikkTartalom a:active, .divCikkTartalom a:hover {font-weight:bold; font-style: italic;} .divCikkTartalom a::before {content: " " url("../img/file_icon/link_18s.png") " ";} .divCikkTartalom a[href$='.pdf']:before {content: " " url("../img/file_icon/pdf_24s.png") " ";} .divCikkTartalom a[href$='.doc']:before {content: " " url("../img/file_icon/word_24s.png") " ";} .divCikkTartalom a[href$='.docx']:before {content: " " url("../img/file_icon/word_24s.png") " ";} .divCikkTartalom a[href$='.xls']:before {content: " " url("../img/file_icon/Excel_24s.png") " ";} .divCikkTartalom a[href$='.xlsx']:before {content: " " url("../img/file_icon/Excel_24s.png") " ";} .divCikkTartalom a[href$='.ppt']:before {content: " " url("../img/file_icon/ppt_24s.png") " ";} .divCikkTartalom a[href$='.pps']:before {content: " " url("../img/file_icon/ppt_24s.png") " ";} .divCikkTartalom a[href$='.pptx']:before {content: " " url("../img/file_icon/ppt_24s.png") " ";} .divCikkTartalom a[href$='.ppsx']:before {content: " " url("../img/file_icon/ppt_24s.png") " ";} .divCikkTartalom a[href$='.txt']:before {content: " " url("../img/file_icon/Txt_24s.png") " ";} .divCikkTartalom a[href$='.odt']:before {content: " " url("../img/file_icon/Writer_24s.png") " ";} .divCikkTartalom a[href$='.ods']:before {content: " " url("../img/file_icon/Calc_24s.png") " ";} .divCikkTartalom a[href$='.odg']:before {content: " " url("../img/file_icon/Impress_24s.png") " ";} /********************************************* Kiegészítő tartalom *******************************************************/ .divKiegTKulso h2 {margin-bottom: 3px; font-style: italic; } /* Author : Gál Tamás, Guti Patrik, Tóth-Kovács Gellért */ /* Oldalak szerkesztése*/ #divFormkod {display: none;} #chFormkod:checked ~ #divFormkod {display: block;} #divUjOldalForm, #divOldalForm, #divOldalTorolForm, #divOldalKepForm, #divOldalModeratorForm, #divOLathatosagCsoportValaszt {display: none; border: 1px solid #000; background-color:#eee;padding:12px; margin-top:10px;} #divOTartalom #divFormkod, #divOTartalom #labelUjOldalForm, #divOTartalom #labelOldalForm, #divOTartalom #labelOldalTorolForm, #divOTartalom #labelOldalKepForm, #divOTartalom #labelOldalModeratorForm, #divOTartalom #labelchFormkod, #divOTartalom #labelUjCikkForm, #divOTartalom #labelCikkForm, #divOTartalom #labelCikkTorolForm, #divOTartalom #labelCikkKepForm, #divOTartalom #labelUjCikkForm, #divOTartalom #labelchFormkodCikk, #divOTartalom #divFormkodCikk {background-color:#DCCBBB;} #divFormkod, #divFormkodCikk {margin-bottom: 5px; padding:0 5px 10px 5px;} #chFormkod, #chUjOldalForm, #chOldalForm, #chOldalTorolForm, #chOldalKepForm, #chOldalModeratorForm {display:none;} #chUjOldalForm:checked ~ #labelUjOldalForm {font-weight:bold;} #chOldalForm:checked ~ #labelOldalForm {font-weight:bold;} #chOldalTorolForm:checked ~ #labelOldalTorolForm {font-weight:bold;} #chOldalKepForm:checked ~ #labelOldalKepForm {font-weight:bold;} #chOldalModeratorForm:checked ~ #labelOldalModeratorForm {font-weight:bold;} #chUjOldalForm:checked ~ #labelUjOldalForm:before{content:url('../img/ikonok/newpage2pushed28.png');position:relative;top:7px;} #chOldalForm:checked ~ #labelOldalForm:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #chOldalTorolForm:checked ~ #labelOldalTorolForm:before{content:url('../img/ikonok/delete2pushed28.png');position:relative;top:7px;} #chOldalKepForm:checked ~ #labelOldalKepForm:before{content:url('../img/ikonok/photoedit2pushed28.png');position:relative;top:7px;} #chOldalModeratorForm:checked ~ #labelOldalModeratorForm:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #chUjOldalForm:checked ~ #divUjOldalForm {display: block;} #chOldalForm:checked ~ #divOldalForm {display: block;} #chOldalTorolForm:checked ~ #divOldalTorolForm {display: block;} #chOldalKepForm:checked ~ #divOldalKepForm {display: block;} #chOldalModeratorForm:checked ~ #divOldalModeratorForm {display: block;} #chOldalLathatosagForm:checked ~ #divOLathatosagCsoportValaszt {display: block;} #divOldalKepForm .Kepszerk img {display:block; float:left; height:100px; margin:5px;} #divOldalKepForm .Kepszerk {display:block; clear:left; margin:5px;} #divOldalKepForm .Kepszerk p {display:block; float:left; margin:5px;} #divOldalKepForm .Kepszerk p.pKSzelesseg {clear:left;} #divOldalKepForm .Kepszerk input[type="number"] {width:45px;} #divOModeratorCsoportValaszt, #divOModeratorValasztForm, #KepekFeltoltForm, #KisKepFelForm, #CikkKepTolForm, #formCsoportValaszt, #formCsoportValaszt2, #formFelhasznaloValaszt {border-bottom:1px solid #fff; width: 100%;} .pKTorol {color:#f00;} #labelchFormkod {display:block; margin-bottom: 5px; padding:0 5px 10px 5px;} #labelchFormkod:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelchFormkod:hover:before{content:url('../img/ikonok/modifypushed28.png');} #chFormkod:checked ~ #labelchFormkod {font-weight:bold;} #chFormkod:checked ~ #labelchFormkod:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #labelUjOldalForm:before{content:url('../img/ikonok/newpage28.png');position:relative;top:7px;} #labelUjOldalForm:hover:before{content:url('../img/ikonok/newpagepushed28.png');} #labelOldalForm:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelOldalForm:hover:before{content:url('../img/ikonok/modifypushed28.png');} #labelOldalTorolForm:before{content:url('../img/ikonok/delete28.png');position:relative;top:7px;} #labelOldalTorolForm:hover:before{content:url('../img/ikonok/deletepushed28.png');} #labelOldalKepForm:before{content:url('../img/ikonok/photoedit28.png');position:relative;top:7px;} #labelOldalKepForm:hover:before{content:url('../img/ikonok/photoedit2pushed28.png');} #labelOldalModeratorForm:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelOldalModeratorForm:hover:before{content:url('../img/ikonok/modifypushed28.png');} /* Cikkek szerkesztése*/ #formCikkValaszt h2 {margin-bottom: 5px;} #selectCikkValaszt {float:left;} #labelCikkValaszt {font-weight:bold; float:left;} #divFormkodCikk {display: none;} #chFormkodCikk:checked ~ #divFormkodCikk {display: block;} #divCikkValaszt {margin-bottom: 6px;} #divUjCikkForm, #divCikkForm, #divCikkTorolForm, #divCikkKepForm, #divCikkDokForm {display: none; border: 1px solid #000; background-color:#eee;padding-left:12px; margin-top:10px;} #chFormkodCikk, #chUjCikkForm, #chCikkForm, #chCikkTorolForm, #chCikkKepForm, #chCikkDokForm {display:none;} #chUjCikkForm:checked ~ #labelUjCikkForm {font-weight:bold;} #chCikkForm:checked ~ #labelCikkForm {font-weight:bold;} #chCikkTorolForm:checked ~ #labelCikkTorolForm {font-weight:bold;} #chCikkKepForm:checked ~ #labelCikkKepForm {font-weight:bold;} #chUjCikkForm:checked ~ #labelUjCikkForm:before{content:url('../img/ikonok/newpage2pushed28.png');position:relative;top:7px;} #chCikkForm:checked ~ #labelCikkForm:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #chCikkTorolForm:checked ~ #labelCikkTorolForm:before{content:url('../img/ikonok/delete2pushed28.png');position:relative;top:7px;} #chCikkKepForm:checked ~ #labelCikkKepForm:before{content:url('../img/ikonok/photoedit2pushed28.png');position:relative;top:7px;} #chCikkDokForm:checked ~ #labelCikkDokForm:before{content:url('../img/ikonok/photoedit2pushed28.png');position:relative;top:7px;} #chUjCikkForm:checked ~ #divUjCikkForm {display: block;} #chCikkForm:checked ~ #divCikkForm {display: block;} #chCikkTorolForm:checked ~ #divCikkTorolForm {display: block;} #chCikkKepForm:checked ~ #divCikkKepForm {display: block;} #chCikkDokForm:checked ~ #divCikkDokForm {display: block;} #divCikkValaszt {display: none;} #chFormkodCikk:checked ~ #divCikkValaszt {display: block;} #formCikkKepForm1 {width:700px;} #CikkKepekFeltoltForm, #KisKepFelForm {background-color:#fff;padding-left:5px; } #divCikkKepForm .Kepszerk img {display:block; float:left; max-height:100px; max-width: 100px; margin:4px 5px 4px 1px;} #divCikkKepForm .Kepszerk {display:block; margin:2px; } #divCikkKepForm .Kepszerk p {display:block; float:left; margin:1px;} #divCikkKepForm .Kepszerk p.pKSzelesseg {clear:left;} #divCikkKepForm .Kepszerk input[type="number"] {width:65px;} #divCikkKepForm .Kepszerk input[type="text"] {width:300px;} #divCikkKepForm .Kepszerk_ p.pKSorszam{display:none;} .Kepszerk img {display:block; float:left;} .Kepszerk div {display:block; float:left; width:545px;} .Kepszerk h3 {display:block; } .pKTorol {color:#f00;} .Kepszerk fieldset {padding: 5px; font-size: 0.9em;} /********************* Extra form ******************/ #labelchExtraFormkod {display:block; margin-bottom: 5px; padding:0 5px 10px 5px;} #labelchExtraFormkod:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelchExtraFormkod:hover:before{content:url('../img/ikonok/modifypushed28.png');} #chExtraFormkod:checked ~ #labelchExtraFormkod {font-weight:bold;} #chExtraFormkod:checked ~ #labelchExtraFormkod:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #labelchExtraFormkod {background-color: #CC6600;} #divExtraFormkod { background-color: #CC6600; border: 2px solid #4262A9; padding: 0 5px 10px 5px; border-radius: 5px 5px 5px 5px; } #chExtraFormkod, #divExtraFormkod {display: none;} #chExtraFormkod:checked ~ #divExtraFormkod {display: block;} #divExtraFormkod .chLabel:before{content:url('../img/ikonok/newpage28.png');position:relative;top:7px;} #divExtraFormkod .chLabel:hover:before{content:url('../img/ikonok/newpagepushed28.png');} .divExtraForm { display: none; background-color: #eee; color: #000; padding: 10px; margin:5px 5px 15px 5px; } #chRSSForm:checked ~ #divRSSForm {display: block;} /********************* Extra form vége ******************/ #labelchFormkodCikk {display:block; margin-bottom: 5px; padding:0 5px 10px 5px;} #labelchFormkodCikk:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelchFormkodCikk:hover:before{content:url('../img/ikonok/modifypushed28.png');} #chFormkodCikk:checked ~ #labelchFormkodCikk {font-weight:bold;} #chFormkodCikk:checked ~ #labelchFormkodCikk:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #labelUjCikkForm:before{content:url('../img/ikonok/newpage28.png');position:relative;top:7px;} #labelUjCikkForm:hover:before{content:url('../img/ikonok/newpagepushed28.png');} #labelCikkForm:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelCikkForm:hover:before{content:url('../img/ikonok/modifypushed28.png');} #labelCikkTorolForm:before{content:url('../img/ikonok/delete28.png');position:relative;top:7px;} #labelCikkTorolForm:hover:before{content:url('../img/ikonok/deletepushed28.png');} #labelCikkKepForm:before{content:url('../img/ikonok/photoedit28.png');position:relative;top:7px;} #labelCikkKepForm:hover:before{content:url('../img/ikonok/photoedit2pushed28.png');} #labelCikkDokForm:before{content:url('../img/ikonok/photoedit28.png');position:relative;top:7px;} #labelCikkDokForm:hover:before{content:url('../img/ikonok/photoedit2pushed28.png');} /************************* Kiegészítő tartalom form ******************************/ .pKiegTid {font-weight:bold;} .divKiegTElem {width:450px; display:block; float:left; padding:5px; margin:5px; } #submitKiegTartalom {clear:both;float:none;} .divKiegTElem textarea {width:440px;} /************************* Főmenüform ******************************/ .pFoMenuid {font-weight:bold;} .divFoMenuElem {width:450px; display:block; float:left; padding:5px; margin:5px;} #submitFoMenu{clear:both;float:none;} .divFoMenuElem textarea {width:440px;} /************************* Felhasználó módosítása form ******************************/ #chFelhasznaloForm, #chFelhasznaloTorolForm {display: none; border: 1px solid #000;} #chFelhasznaloForm:checked ~ #labelFelhasznaloForm {font-weight:bold;} #chFelhasznaloTorolForm:checked ~ #labelFelhasznaloTorolForm {font-weight:bold;} #labelFelhasznaloForm:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelFelhasznaloForm:hover:before{content:url('../img/ikonok/modifypushed28.png');} #labelFelhasznaloTorolForm:before{content:url('../img/ikonok/delete28.png');position:relative;top:7px;} #labelFelhasznaloTorolForm:hover:before{content:url('../img/ikonok/deletepushed28.png');} #chFelhasznaloForm:checked ~ #labelFelhasznaloForm:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #chFelhasznaloTorolForm:checked ~ #labelFelhasznaloTorolForm:before{content:url('../img/ikonok/delete2pushed28.png');position:relative;top:7px;} #divFelhasznaloForm, #divFelhasznaloTorol {display: none; border: 1px solid #000;} #chFelhasznaloForm:checked ~ #divFelhasznaloForm {display: block;} #chFelhasznaloTorolForm:checked ~ #divFelhasznaloTorol {display: block;} /************************* Felhasználó csoport módosítása form ******************************/ #chUjFCsoportForm, #chFCsoportForm, #chFCsoportTorolForm {display: none; border: 1px solid #000;} #chUjFCsoportForm:checked ~ #labelUjFCsoportForm {font-weight:bold;} #chFCsoportForm:checked ~ #labelFCsoportForm {font-weight:bold;} #chFCsoportTorolForm:checked ~ #labelFCsoportTorolForm {font-weight:bold;} #labelUjFCsoportForm:before{content:url('../img/ikonok/newpage28.png');position:relative;top:7px;} #labelUjFCsoportForm:hover:before{content:url('../img/ikonok/newpagepushed28.png');} #labelFCsoportForm:before{content:url('../img/ikonok/modify28.png');position:relative;top:7px;} #labelFCsoportForm:hover:before{content:url('../img/ikonok/modifypushed28.png');} #labelFCsoportTorolForm:before{content:url('../img/ikonok/delete28.png');position:relative;top:7px;} #labelFCsoportTorolForm:hover:before{content:url('../img/ikonok/deletepushed28.png');} #chUjFCsoportForm:checked ~ #labelUjFCsoportForm:before{content:url('../img/ikonok/newpage2pushed28.png');position:relative;top:7px;} #chFCsoportForm:checked ~ #labelFCsoportForm:before{content:url('../img/ikonok/modify2pushed28.png');position:relative;top:7px;} #chFCsoportTorolForm:checked ~ #labelFCsoportTorolForm:before{content:url('../img/ikonok/delete2pushed28.png');position:relative;top:7px;} #divUjFCsoportForm, #divFCsoportForm, #divFCsoportTorol {display: none; border: 1px solid #000;} #chUjFCsoportForm:checked ~ #divUjFCsoportForm {display: block;} #chFCsoportForm:checked ~ #divFCsoportForm {display: block;} #chFCsoportTorolForm:checked ~ #divFCsoportTorol {display: block;} form h2, form p {margin-top: 5px; margin-bottom: 5px;} #divOTartalom #formUjCikkForm, #divOTartalom #divCikkForm, #divOTartalom #divCikkTorolForm, #divOTartalom #divCikkKepForm, #divOTartalom #divCikkKepForm, #divOTartalom #formUjOldalForm, #divOTartalom #divOldalForm, #divOTartalom #formOldalTorolForm, #divOTartalom #divOldalKepForm, #divOTartalom #divOldalModeratorForm, #divOTartalom #divUjFelhasznaloForm, #divOTartalom #divCsoportValaszt2, #divOTartalom #divFelhasznaloValaszt, #divOTartalom #divFelhasznaloForm, #divOTartalom #divCsoportValaszt, #divOTartalom #divFCsoportForm, #divOTartalom #formFCsoportTorol, #divOTartalom #divUjFCsoportForm, #divOTartalom #divModKiegTForm, #divOTartalom #divModFoMenuForm, #divOTartalom #divModMenuPlForm, #divOTartalom #divAlapbeallitasForm, #divOTartalom #divFelhasznaloTorol, #divUjCikkForm, #divCikkDokForm {background-color:#eee; color:#000; padding:10px;} /* Author : Gál Tamás, Guti Patrik */ @media only screen and (min-width : 318px) and (max-width : 322px) { #HelyiNav {width: 320px; } #KiegeszitoInfo, #Tartalom {display: none;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo { display: block;} #chmenu:checked ~ #BelsoKeret #Tartalom { display: block;} } @media only screen and (min-width : 328px) and (max-width : 332px) { #HelyiNav {width: 330px; } #KiegeszitoInfo, #Tartalom {display: none;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo { display: block;} #chmenu:checked ~ #BelsoKeret #Tartalom { display: block;} } @media only screen and (min-width : 338px) and (max-width : 342px) { #HelyiNav {width: 340px; } #KiegeszitoInfo, #Tartalom {display: none;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo { display: block;} #chmenu:checked ~ #BelsoKeret #Tartalom { display: block;} } @media only screen and (min-width : 348px) and (max-width : 352px) { #HelyiNav {width: 350px; } #KiegeszitoInfo, #Tartalom {display: none;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo { display: block;} #chmenu:checked ~ #BelsoKeret #Tartalom { display: block;} } @media only screen and (min-width : 358px) and (max-width : 362px) { #HelyiNav {width: 360px; } #KiegeszitoInfo, #Tartalom {display: none;} #chmenu:checked ~ #BelsoKeret #KiegeszitoInfo { display: block;} #chmenu:checked ~ #BelsoKeret #Tartalom { display: block;} } /* 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%;} .divKiegTKulso {width:300px;float:left; margin:5px;} } @media only screen and (max-width : 690px) { #FoHeder {display: none;} #Keret #FoNav {display:block; position:fixed; left:0px; top:0px; text-align: left; } #FoNavJobb {display: none;} #FoLinkHMenu {display:block;} #FoNav div.MobilIkon {display: block;} #FoNavBal {height:40px; width:100%; display:block;padding-top: 5px;} #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;} #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:100%; } #KiegeszitoInfo {width:90%;} } @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;} */ /* !!!!!!!!!!!!!!!! TESZT20180120!!! */ /* #chmenu:checked ~ #BelsoKeret #divCikkekKulso, */ /* !!!!!!!!!!!!!!!! TESZT20180120!!! */ #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 800px;} } @media only screen and (min-width : 1180px) and (max-width : 1300px) { /* #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 500px;} */ /* !!!!!!!!!!!!!!!! TESZT20180119!!! */ /* #chmenu:checked ~ #BelsoKeret #divCikkekKulso, */ /* !!!!!!!!!!!!!!!! TESZT20180120!!! */ #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 800px;} } @media only screen and (min-width : 940px) and (max-width : 1180px) { /* #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 600px;} */ /* !!!!!!!!!!!!!!!! TESZT20180120!!! */ /* #chmenu:checked ~ #BelsoKeret #divCikkekKulso, */ /* !!!!!!!!!!!!!!!! TESZT20180120!!! */ #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 800px;} } @media only screen and (min-width : 800px) and (max-width : 940px) { /* #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 470px;} */ /* !!!!!!!!!!!!!!!! TESZT20180119!!! */ /* #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;}*/ /* !!!!!!!!!!!!!!!! TESZT20180119!!! */ /* #chmenu:checked ~ #BelsoKeret #divCikkekKulso, */ /* !!!!!!!!!!!!!!!! TESZT20180119!!! */ #chmenu:checked ~ #BelsoKeret .divCikkKulso {width: 600px;} } @media only screen and (max-width : 700px) { /* #divCikkekKulso, #divCikkekKulso .divCikkKulso {width: 320px;} */ /* !!!!!!!!!!!!!!!! TESZT20180119!!! */ } @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: 350px; 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:0.6em; line-height:150%;} #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;} .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;} } @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;} } @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;} } @media only screen and (max-width : 510px) { /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 270px; font-size:0.7em; margin-left:70px;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 400px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 400px;} .imgOE {max-width: 60px; max-height: 60px; margin: 0;} .divOElozetesKep {width: 70px; height: 120px; margin: 5px; padding: 0 10px 0 0; border-right: 2px solid rgba(0, 0, 0, 0.9);} } @media only screen and (max-width : 410px) { /* Menü elrejtve*/ #chmenu:checked ~ #BelsoKeret .divOElozetesTartalom {width: 240px; font-size:0.6em; margin-left:50px;} #chmenu:checked ~ #BelsoKeret #divOElozetesekKulso {width: 300px;} #chmenu:checked ~ #BelsoKeret .divOElozetesKulso {width: 300px;} .imgOE {max-width: 40px; max-height: 60px; margin: 0;} .divOElozetesKep {width: 42px; height: 120px; margin: 1px; padding: 0; border-right: 2px solid rgba(0, 0, 0, 0.9);} #chmenu:checked ~ #BelsoKeret .divOElozetesLeir {width: 240px; line-height:150%;} #chmenu:checked ~ #BelsoKeret .divCikkElozetesKulso {width: 300px;} #chmenu:checked ~ #BelsoKeret .divCElozetesKulso {width: 300px;} #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;} }