.cim-grid { width:96%; display:grid; grid-template-columns:10px auto 4fr; grid-column-gap:.2rem; } .chart{ display: grid; grid-template-columns:repeat(12,1fr); grid-template-rows:repeat(100,1fr); grid-column-gap:5px; height: 100px; width:96%; padding:5px 10px; } [class*="bar"] { border-radius: 5px 5px 0 0; transition: all 0.6s ease; background-color: green; grid-row-start:1; grid-row-end:101; } var $totalRows:101; @mixin charValue($data) { $result: $totalRows - $data; grid-row-start : $result; } @for $i from 1 through $totalRows { .bar-#{$i} { @include charValue($i); } } .effect6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .effect6:before, .effect6:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .effect6:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } a { text-decoration: none;} a, a:focus, a:active {outline: none;} a { color: #d6414f;text-decoration: none;transition: color 0.1s ease-in 0s;-moz-transition: color 0.1s ease-in 0s;-webkit-transition: color 0.1s ease-in 0s;-o-transition: color 0.1s ease-in 0s;} /*Ajax image uploader*/ .preview{width:200px;border:solid 1px #dedede;padding:10px;} #preview{color:#cc0000;font-size:12px} /* Profilmenü */ #profilmenu { background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #FFFFFF);background-image: linear-gradient(#ededed, #ededed 38%, #FFFFFF);margin:70px 0px 0px -50px; padding:10px 10px 10px 10px;display: none;position:relative;top:35px;left:0px;z-index:99999;width:180px;height:0px;border:1px solid #B1B1B1; border-radius:5px;cursor:pointer;vertical-align:top;-moz-box-shadow:5px 5px 10px #B2B2B2;-webkit-box-shadow:5px 5px 10px #B2B2B2;box-shadow:5px 5px 10px #B2B2B2;} #profilmenu li { letter-spacing:1px; list-style-type:circle;margin:0px 0px 0px -10px;padding:0px 0px 0px 0px;font-family: 'Din';font-size: 16px;font-weight:600;color:#D70000;} #profilmenu li:hover { text-decoration:underline; list-style-image:url(../img/listimage.png);} #profilmenu div { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; border:0px;font-family: 'Din';font-size: 14px;font-weight:300;color: #787878;line-height:28px;} #profilmenu a { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; border:0px;font-family: 'Din';font-size: 16px;font-weight:600;color: #787878;line-height:28px;} #profilmenu a:hover { color:#FF0000;} /* Keresomezo */ .searchdiv1 { z-index:0;height:85px;border-bottom:1px solid gray;background-color:#E2E2E2;} .search_table { margin: 27px 0px 0px 20px; height:32px;} .search_input { width:560px; height:32px;font-size:22px;color:#999999; border-radius:0px;} .search_btn { width:100px; height:32px;line-height:32px;font-size:22px;color:#999999; cursor:pointer;border-radius:0px; border:1px solid #999999; background-color:#FFFFFF; line-height:32px;padding:0px 15px 0px 15px} .search_cnt { width:50px; height:32px;line-height:32px;font-size:22px;color:#999999; cursor:pointer;border-radius:0px; border:1px solid #999999; background-color:#FFFFaa; line-height:32px;padding:0px 0px 0px 0px} .search_btn:hover { background-color:#CCCCCC; color:#FFFFFF;} .search_btn:active { background-color:#FFCC00; color:#FFFFFF;} .nav_line {width:96%;border:1px solid #808080; padding:0px 10px 0px 10px; border-radius:5px; background-color:#FFFFFF; height: 23px;} .nav_span {float:left;line-height:25px;font-family: 'Din';font-size: 14px;color: #787878; } .nav_arrow {float:left; background-image:url(../img/nav_arrow.png); background-repeat:no-repeat; width:30px; height:23px; } .kedvencbubble { width:350px; height:100px; border:1px solid green;background-color:#FFFFFF; padding:3px 10px 3px 10px; border-radius:5px; } .irszambe { text-decoration:none; font-family:"Times New Roman", Times, serif; width:500px; height:200px; border:1px solid green;background-color:#FFFFFF; padding:3px 10px 3px 10px; border-radius:5px; } .jelolo { width:25px; height:25px; } .viewsort { background-image:url('../img/sort/allsort.png') ; background-repeat:no-repeat; } .vsort1 { width:18px; height:18px; overflow:hidden; background-position: 0px 0px;} .vsort2 { width:18px; height:18px; overflow:hidden; background-position: 0px -18px;} .vsort3 { width:18px; height:18px; overflow:hidden; background-position: -18px 0px;} .vsort4 { width:18px; height:18px; overflow:hidden; background-position: -18px -18px;} .vsort5 { width:18px; height:18px; overflow:hidden; background-position: -36px 0px;} .vsort6 { width:18px; height:18px; overflow:hidden; background-position: -36px -18px;} .udsort { background-image:url('../img/sort/allupdown.png') ; background-repeat:no-repeat;} .udsort1 { width:12px; height:10px; overflow:hidden; background-position: 0px 0px;} .udsort2 { width:12px; height:10px; overflow:hidden; background-position: 0px -10px;} .udsort3 { width:12px; height:9px; overflow:hidden; background-position: 0px -20px;} .udsort4 { width:12px; height:9px; overflow:hidden; background-position: 0px -30px;} .myloc { z-index:2; position:absolute; top:-39px; cursor:pointer;} /* hirdetések listázása */ .ct { background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #FFFFFF); background-image: linear-gradient(#ededed, #ededed 38%, #FFFFFF); height:auto; margin:5px 5px 5px 5px; font-family:'Din';font-size:16px; color:#999999; padding-left:5px; padding-top:5px; padding-bottom:5px; margin-bottom:0px; box-shadow: 0 1px 4px rgba(41,51,57,.5); cursor:pointer; } .ct-kiemelt{ background-repeat: repeat; background-size: 100% 100%; height:auto; margin:5px 5px 5px 5px; font-family:'Din'; font-size:16px; color:#999999; padding-left:5px; padding-top:5px; padding-bottom:5px; margin-bottom:0px; box-shadow: 0 1px 4px rgba(41,51,57,.5); cursor:pointer; } .ct-hird-datum { color:#666666; font-weight:700;} .ct-figyel { background-image:url(../img/kedvenc1.png);background-repeat:no-repeat; width:25px; height:25px; cursor:pointer} .ct-figyel:hover { background-image:url(../img/kedvenc2.png);} .ct-figyel:active { background-image:url(../img/kedvenc3.png);} .ct-hird-img-border { border:5px solid #E6E6E6; border-radius:8px; background-color:#EBEBEB;} .ct-hird-img { border:0px solid #E6E6E6; border-radius:8px; padding:5px;cursor:pointer;} .ct-figyel-mini { background-image:url(../img/kedvencmini1.png);opacity:0.7; border:5px solid white; border-radius:8px; background-repeat:no-repeat; position:absolute; z-index:2; margin:-30px 0px 0px -50px; width:30px; height:30px; cursor:pointer;} .ct-figyel-mini:hover { background-image:url(../img/kedvencmini2.png);opacity:1.0;} .ct-figyel-mini:active { background-image:url(../img/kedvencmini3.png);opacity:1.0;} .ct-figyel-normal { background-image:url(../img/kedvencnormal1.png);opacity:0.5; border:6px solid white; border-radius:10px;background-repeat:no-repeat; position:absolute; z-index:2; margin:-220px 0px 0px 10px; width:40px; height:40px; cursor:pointer;} .ct-figyel-normal:hover { background-image:url(../img/kedvencnormal2.png);opacity:1.0;} .ct-figyel-normal:active { background-image:url(../img/kedvencnormal3.png);opacity:1.0;} .ct-figyel-maxi { background-image:url(../img/kedvencmaxi1.png); opacity:0.5; border:7px solid white; border-radius:12px; background-repeat:no-repeat; position:absolute; z-index:2;margin:-460px 0px 0px 20px; width:54px; height:54px; cursor:pointer;} .ct-figyel-maxi:hover { background-image:url(../img/kedvencmaxi2.png);opacity:1.0;} .ct-figyel-maxi:active { background-image:url(../img/kedvencmaxi3.png);opacity:1.0;} .ct-figyel-maxi-2 { background-image:url(../img/kedvencmini1.png);opacity:0.7; border:5px solid white; border-radius:8px; background-repeat:no-repeat; position:absolute; z-index:2; margin:-101px 0px 0px 5px; width:30px; height:30px; cursor:pointer;} .ct-figyel-maxi-2:hover { background-image:url(../img/kedvencmini2.png);opacity:1.0;} .ct-figyel-maxi-2:active { background-image:url(../img/kedvencmini3.png);opacity:1.0;} .ct-hird-kepszam { border:0px solid gray; background: #ffa84c; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color:white;text-shadow:1px 1px 5px black;font-weight:600;width:auto;position:absolute;z-index:2;top:4px;left:2px;border-right:1px solid black;border-bottom:1px solid black;border-bottom-right-radius:5px;padding:1%;} .ct-hird-jelolo { width:32px; height:32px; float:left; margin-top:-5px; } .ct-hird-img-border { border:1px solid #E6E6E6; border-radius:8px; } .ct-hird-box-12 { width: 96%; height: 100%; margin: 0px 5px auto 10px; padding: 2px 2px 2px 4px; border: 1px solid gray; border-left: 4px solid gray; border-radius: 5px; letter-spacing: 1px; min-height: 30px; font-size: 0.6em; color:gray; background-color: transparent; } .ct-hird-box-12-kiemelt { width: 96%; height: 100%; margin: 0px 5px auto 10px; padding: 2px 2px 2px 4px; border: 1px solid orange; border-left: 4px solid orange; border-radius: 5px; letter-spacing: 1px; min-height: 30px; font-size: 0.6em; color: gray; background-color: white; } .ct-hird-cim { color:#666666;text-shadow: 1px 1px 2px #bbbbbb; letter-spacing: -1px; cursor:pointer;float:left; } .ct-hird-varos { color:orange; padding:0.4em 1em 0.2em 0.5em; float:left; font-weight: 700; border:1px solid gray; border-radius:3px; background-color: white; } .ct-hird-km { color:#999999;padding:0.4em 1em 0.2em 0.3em; float:left; font-weight: 700;} /* .ct { width:auto;height:auto; background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #FFFFFF);background-image: linear-gradient(#ededed, #ededed 38%, #FFFFFF);font-family:'Din'; color:#999999; box-shadow: 0 1px 4px rgba(41,51,57,.5); cursor: pointer; } .ct-kiemelt { margin:10px 0px 10px 0px;border-top:10px solid orange; width:auto;height:auto; background-image: -webkit-linear-gradient(#FDF7AA,#FDF7AA 38%, #FFFFFF);background-image: linear-gradient(#FDF7AA, #FDF7AA 38%, #FFFFFF);font-family:'Din'; color:#999999; box-shadow: 0 1px 4px rgba(41,51,57,.5);cursor: pointer; } */ @media all and (min-width:240px) { .ct { width:94.0%;} .ct-kiemelt { width:94.0%; } .ct-hird-box-12 { font-size: 2.8vw; } .ct-hird-box-12-kiemelt { font-size: 2.8vw; } .ct-hird-box-icon { width:3.7vw;height:3.7vw;} .ct-hird-cim { font-size: 3.8vw;padding-left:0px;} .ct-hird-mikor { font-size: 3.8vw;padding-left:0px;} .ct-hird-kat { font-size: 3.8vw;padding-left:0px;} .ct-hird-hol { font-size: 3.8vw;padding-left:0px; padding-top:2px;color:#999999; cursor:pointer;} .ct-hird-ar { font-size: 3.8vw;font-family:'Din';font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 3.8vw; } .ct-hird-km { font-size: 3.8vw; } .ct-hird-mikor { font-size: 3.0vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 3.5vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { display: none;} .selarrow1 { position:relative;width:5px;height:40px;-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);background-color:orange;border-top:1px solid gray;border-right:1px solid black;} .selarrow2 { position:relative;width:5px;height:40px;top:-5px;-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);background-color:orange;border-bottom:1px solid gray;border-right:1px solid black;} .resp_div_1 { display: block;width:100%;} .resp_div_2 { display: none;} } @media all and (min-width:320px) { .ct { width:95.5%; } .ct-kiemelt { width:95.5%; } .ct-hird-box-12 { font-size: 2.8vw; } .ct-hird-box-12-kiemelt { font-size: 2.8vw; } .ct-hird-box-icon { width:3.5vw;height:3.5vw;} .ct-hird-cim { font-size: 3.6vw;padding-left:0px;} .ct-hird-kat { font-size: 3.8vw;padding-left:0px;} .ct-hird-hol { font-size: 3.8vw;padding-top:2px;color:#999999; cursor:pointer;} .ct-hird-ar { font-size: 3.8vw;font-family:'Din';font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 2.5vw; } .ct-hird-km { font-size: 2.5vw; } .ct-hird-betekinto { font-size: 2.0vw; color:#0099FF;} .ct-hird-mikor { font-size: 3.0vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 3.0vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { display: none;} .selarrow1 { position:relative;width:5px;height:45px;-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);background-color:orange;border-top:1px solid gray;border-right:1px solid black;} .selarrow2 { position:relative;width:5px;height:45px;top:-5px;-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);background-color:orange;border-bottom:1px solid gray;border-right:1px solid black;} .resp_div_1 { display: block;width:100%;} .resp_div_2 { display: none;} } @media all and (min-width:375px) { .ct { width:95.5%; } .ct-kiemelt { width:95.5%;} .ct-hird-box-12 { font-size: 2.8vw; } .ct-hird-box-12-kiemelt { font-size: 2.8vw; } .ct-hird-box-icon { width:3.5vw;height:3.5vw;} .ct-hird-cim { font-size: 3.6vw;padding-left:0px;} .ct-hird-kat { font-size: 3.8vw;padding-left:0px; font-size:12px;} .ct-hird-hol { font-size: 3.8vw;padding-top:2px;color:#999999; cursor:pointer;} .ct-hird-ar { font-size: 3.8vw;font-family:'Din';font-size: 14px;font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 3.8vw; } .ct-hird-km { font-size: 3.8vw; } .ct-hird-betekinto { font-size: 2.0vw; color:#0099FF;} .ct-hird-mikor { font-size: 3.0vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 3.5vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { font-size: 3.8vw;display: block; color:green; } .selarrow1 { position:relative;width:5px;height:45px;-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);background-color:orange;border-top:1px solid gray;border-right:1px solid black;} .selarrow2 { position:relative;width:5px;height:45px;top:-7px;-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);background-color:orange;border-bottom:1px solid gray;border-right:1px solid black;} .resp_div_1 { display: block;width:100%;} .resp_div_2 { display: none;} } @media all and (min-width:425px) { .ct { width:96.3%; } .ct-kiemelt { width:96.3%; } .ct-hird-box-12 { font-size: 2.8vw; } .ct-hird-box-12-kiemelt { font-size: 2.8vw; } .ct-hird-box-icon { width:3.4vw;height:3.4vw;} .ct-hird-cim { font-size: 3.5vw;padding-left:0px;} .ct-hird-kat { font-size: 4.8vw;padding-left:0px;} .ct-hird-hol { font-size: 3.8vw;padding-top:5px;color:#999999; cursor:pointer;} .ct-hird-ar { font-size: 4.8vw;font-family:'Din';font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 3.0vw; } .ct-hird-km { font-size: 3.0vw; } .ct-hird-betekinto { font-size: 2.0vw; color:#0099FF;} .ct-hird-mikor { font-size: 3.0vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 3.5vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { font-size: 1.4vw;display: block; color:green; } .selarrow1 { position:relative;width:7px;height:55px;-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);background-color:orange;border-top:1px solid gray;border-right:1px solid black;} .selarrow2 { position:relative;width:7px;height:55px;top:-9px;-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);background-color:orange;border-bottom:1px solid gray;border-right:1px solid black;} .resp_div_1 { display: block;width:100%; } .resp_div_2 { display: none;} } @media all and (min-width:720px) { .ct { float:left; width:47.6%; } .ct-kiemelt { float:left; width:47.6%; } .ct-hird-box-12 { font-size: 1.4vw; } .ct-hird-box-12-kiemelt { font-size: 1.4vw; } .ct-hird-box-icon { width:13px;height:13px;} .ct-hird-cim { font-size: 1.8vw;padding-left:0px;} .ct-hird-kat { font-size: 2.4vw;padding-left:0px;overflow-x: hidden;} .ct-hird-hol { font-size: 1.7vw;color:#999999; cursor:pointer;} .ct-hird-ar { font-size: 2.0vw;font-family:'Din';font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 1.3vw; } .ct-hird-km { font-size: 1.1vw; } .ct-hird-betekinto { font-size: 1.0vw; color:#0099FF;} .ct-hird-mikor { font-size: 1.4vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 1.5vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { font-size: 1.4vw;display:block;color:green; } .selarrow1 { display: none;} .selarrow2 { display: none;} .resp_div_1 { display: block;width: 49%;} .resp_div_2 { display: block;width: 49%;border-left:2px solid gray; } } @media all and (min-width:768px) { .ct { float:left; width:47.7%; } .ct-kiemelt { float:left; width:47.7%; } .ct-hird-box-12 { font-size: 1.2vw; } .ct-hird-box-12-kiemelt { font-size: 1.2vw; } .ct-hird-box-icon { width:13px;height:13px;} .ct-hird-cim { font-size: 1.8vw;padding-left:0px;} .ct-hird-kat { font-size: 1.7vw;padding-left:0px;overflow-x: hidden;} .ct-hird-hol { font-size: 1.6vw;color:#999999; cursor:pointer;} .ct-hird-ar { font-size: 1.6vw;font-family:'Din';font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 1.4vw; } .ct-hird-km { font-size: 1.4vw; } .ct-hird-betekinto { font-size: 1.0vw;color:#0099FF;} .ct-hird-mikor { font-size: 1.3vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 1.5vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { font-size: 1.4vw;display:block;color:green; } .selarrow1 { display: none;} .selarrow2 { display: none;} .resp_div_1 { display: block;width: 49%;} .resp_div_2 { display: block;width: 49%;border-left:2px solid gray; } } @media all and (min-width:1024px) { .ct { float:left; width:31.5%; } .ct-kiemelt { float:left; width:31.5%;} .ct-hird-box-12 { font-size: 0.85vw; } .ct-hird-box-12-kiemelt { font-size: 0.85vw; } .ct-hird-box-icon { width:13px;height:13px;} .ct-hird-cim { font-size: 1.2vw;padding-left:0px;} .ct-hird-kat { font-size: 1.0vw;overflow-x: hidden;} .ct-hird-hol { font-size: 1.0vw;color:#999999;} .ct-hird-ar { font-size: 1.2vw;font-family:'Din';font-weight: bold;color: #57700F;border-bottom:1px dotted gray;} .ct-hird-varos { font-size: 0.8vw; } .ct-hird-km { font-size: 0.8vw; } .ct-hird-betekinto { font-size: 0.7vw;color:#0099FF;} .ct-hird-mikor { font-size: 1.0vw;padding-left: 0px;} .ct-hird-kiemelt_stat { font-size: 1.1vw; } .kiemelt_sav_div { width: 10%;} .kiemelt_sav_ar { font-size: 1.0vw;display:block; color:green; } .selarrow1 { display: none; } .selarrow2 { display: none; } .resp_div_1 { display: block;width: 49%;} .resp_div_2 { display: block;width: 49%; border-left:2px solid gray; } } /*google_map_hird_style*/ .gm-hird-table { max-width:230px; overflow:hidden;} .gm-hird-cim { padding-left:10px; cursor: pointer;overflow:hidden;text-shadow: 2px 3px 3px #bbbbbb; font-family: 'DinMedium';font-size: 18px;letter-spacing: -1px; color:#666666; cursor:pointer;} .gm-hird-ar { padding-left:10px;font-size:12px;overflow:hidden;v} .gm-hird-datum { padding-left:10px;font-size:12px;overflow:hidden;} .sortico { background-color:#eeeeee; margin:5px 5px 5px 5px; background-image:url(img/sort/sort1.png);background-repeat:no-repeat; background-position: 0px 0px; width:27px ; height:27px;border:1px solid gray;border-radius:3px;} .sort1 { background-image:url(../img/sort/sort1.png);} .sort1ia { background-image:url(../img/sort/sort1ia.png);} .sort2 { background-image:url(../img/sort/sort2.png);} .sort2ia { background-image:url(../img/sort/sort2ia.png);} .sort3 { background-image:url(../img/sort/sort3.png);} .sort3ia { background-image:url(../img/sort/sort3ia.png);} .m10a { background-image:url(../img/sort/m10.png);} .m10ia { background-image:url(../img/sort/m10ia.png);} .m20a { background-image:url(../img/sort/m20.png);} .m20ia { background-image:url(../img/sort/m20ia.png);} .m30a { background-image:url(../img/sort/m30.png);} .m30ia { background-image:url(../img/sort/m30ia.png);} .r1a { background-image:url(../img/sort/r1a.png);} .r1ia { background-image:url(../img/sort/r1ia.png);} .r2a { background-image:url(../img/sort/r2a.png);} .r2ia { background-image:url(../img/sort/r2ia.png);} .r3a { background-image:url(../img/sort/r3a.png);} .r3ia { background-image:url(../img/sort/r3ia.png);} .kiemeles_mini { position:absolute; width:65px; height:71px; left:-14px;bottom:-3px; z-index:3; overflow: hidden;background-image:url(../img/kiemelt.png); background-repeat:no-repeat; background-position: -0px 0px; top:-57px; } .kiemeles_normal { position:absolute; width:82px; height:87px; left:-3px; bottom:-3px; z-index:3; overflow: hidden;background-image:url(../img/kiemelt.png); background-repeat:no-repeat; background-position: -68px 0px; } .kiemeles_maxi { position:absolute; width:97px; height:102px;left:-3px; bottom:-3px; z-index:3; overflow: hidden;background-image:url(../img/kiemelt.png); background-repeat:no-repeat; background-position: -0px -72px; } .kiemeles_maxi-2 { position:absolute; width:65px; height:71px; left:-3px; bottom:-3px; z-index:3; overflow: hidden;background-image:url(../img/kiemelt.png); background-repeat:no-repeat; background-position: -0px 0px;} .lapozo { list-style:none;margin:0px;padding-left:10px; padding-top:5px;} .lapozobtn { text-align: center;text-shadow:0 1px 0 #FFF;box-shadow: 0 1px 0 #E1E1E1; margin:0px 3px 0px 3px; padding-top:2px;padding-right:4px;padding-bottom:2px;padding-left:4px;display: inline-block;width:28px;line-height:20px;font-family:'Din';font-size:14px;font-weight:bold;border:1px solid gray;border-radius:3px;cursor:pointer; background: #FBFBFB;background: -moz-linear-gradient(top, #FBFBFB 0%, #EDEDED 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#EDEDED));background: -webkit-linear-gradient(top, #FBFBFB 0%,#EDEDED 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#ededed 100%);background: -ms-linear-gradient(top, #fbfbfb 0%,#ededed 100%);background: linear-gradient(top, #fbfbfb 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ededed',GradientType=0 ); } .lapozobtn:hover { background: #FBFBFB;background: -moz-linear-gradient(top, #d6e1f2 0%, #c1d2eb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D6E1F2), color-stop(100%,#C1D2EB));background: -webkit-linear-gradient(top, #D6E1F2 0%,#C1D2EB 100%);background: -o-linear-gradient(top, #d6e1f2 0%,#c1d2eb 100%);background: -ms-linear-gradient(top, #d6e1f2 0%,#c1d2eb 100%);background: linear-gradient(top, #d6e1f2 0%,#c1d2eb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1f2', endColorstr='#c1d2eb',GradientType=0 );border: 1px solid #9BBDEF;} .lapozo_aktiv { background: #D7D7D7;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset;filter: none;} .shadow_black {-moz-box-shadow:5px 5px 5px 0px #9F9F9F;-webkit-box-shadow:5px 5px 5px 0px #9F9F9F;box-shadow:5px 5px 5px 0px #9F9F9F;} .shadow_mini {-moz-box-shadow:3px 3px 3px 0px #9F9F9F;-webkit-box-shadow:3px 3px 3px 0px #9F9F9F;box-shadow:3px 3px 3px 0px #9F9F9F; border:1px solid black; } .lineargrandient { background: #f6f3eb;background: -moz-linear-gradient(top, #f6f3eb 0%, #c6bfb5 75%, #c6bfb5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f3eb), color-stop(75%,#c6bfb5), color-stop(100%,#c6bfb5));background: -webkit-linear-gradient(top, #f6f3eb 0%,#c6bfb5 75%,#c6bfb5 100%);background: -o-linear-gradient(top, #f6f3eb 0%,#c6bfb5 75%,#c6bfb5 100%);background: -ms-linear-gradient(top, #f6f3eb 0%,#c6bfb5 75%,#c6bfb5 100%);background: linear-gradient(to bottom, #f6f3eb 0%,#c6bfb5 75%,#c6bfb5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f3eb', endColorstr='#c6bfb5',GradientType=0 );} /*oldalgombok-lebegök*/ #visszajelzes { position: fixed;top: 50%;right: -18px;color: white;z-index: 500;cursor: pointer;margin-top: -68px; } #visszajelzes:hover{right:0px;} #segitseg { position: fixed;top: 50%;right: -18px;z-index: 500;cursor: pointer;margin-top: 78px;width: 36px;height: 36px;color: white;background: #C30;font-size: 26px;padding-left: 5px;box-sizing: border-box;} #segitseg:hover{right:0px;} .leftarrow { background-image: url(../img/leftarrow.png); background-size: 20px 20px; background-position: 5px 45%; background-repeat: no-repeat; } .greenbtn_nohover, .greenbtn_nohover:link, .greenbtn_nohover:visited {font-family:Arial, Helvetica, sans-serif;display: inline-block; background-color: #8AC007; color: #FFF; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight: bold; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 3px; padding-bottom: 4px;text-decoration: none;margin-left: 5px;margin-top: 0px; margin-bottom: 5px;border: 1px solid #AAA;border-radius: 5px;white-space: nowrap;cursor:pointer; text-shadow:1px 1px 2px gray; } .graybtn_nohover, .graybtn_nohover:link, .graybtn_nohover:visited {font-family:Arial, Helvetica, sans-serif;display: inline-block; background-color: white; color: gray; font-weight: bold;font-size: 12px; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 3px; padding-bottom: 4px;text-decoration: none;margin-left: 5px;margin-top: 0px; margin-bottom: 5px;border: 1px solid #AAA;border-radius: 5px;white-space: nowrap;cursor:default; } .greenbtn, .greenbtn:link, .greenbtn:visited {font-family:Arial, Helvetica, sans-serif;display: inline-block; background-color: #8AC007; color: #FFF; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight: bold; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 3px; padding-bottom: 4px;text-decoration: none;margin-left: 5px;margin-top: 0px; margin-bottom: 5px;border: 1px solid #AAA;border-radius: 5px;white-space: nowrap;cursor:pointer; text-shadow:1px 1px 2px gray; } .greenbtn:hover {color: #8AC007;background-color: #FFF; text-shadow:0px 0px 0px white; border-left: 3px solid #AAA;} .redbtn, .redbtn:link, .redbtn:visited {font-family:Arial, Helvetica, sans-serif;display: inline-block; background-color: red; color: #FFF; font-weight: bold;font-size: 12px; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 3px; padding-bottom: 4px;text-decoration: none;margin-left: 5px;margin-top: 0px; margin-bottom: 5px;border: 1px solid #AAA;border-radius: 5px;white-space: nowrap;cursor:pointer; text-shadow:1px 1px 2px gray; } .redbtn:hover {color:red;background-color: #FFF; text-shadow:0px 0px 0px white; border-left: 3px solid #AAA;} .orangebtn, .orangebtn:link, .orangebtn:visited {font-family:Arial, Helvetica, sans-serif;display: inline-block; background-color: orange; color: #FFF; font-weight: bold;font-size: 12px; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 3px; padding-bottom: 4px;text-decoration: none;margin-left: 5px;margin-top: 0px; margin-bottom: 5px;border: 1px solid #AAA;border-radius: 5px;white-space: nowrap;cursor:pointer; text-shadow:1px 1px 2px gray; } .orangebtn:hover {color: orange;background-color: #FFF; text-shadow:0px 0px 0px white; border-left: 3px solid #AAA;} .graybtn, .graybtn:link, .graybtn:visited {font-family:Arial, Helvetica, sans-serif;display: inline-block; background-color: white; color: gray; font-weight: bold;font-size: 12px; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 3px; padding-bottom: 4px;text-decoration: none;margin-left: 5px;margin-top: 0px; margin-bottom: 5px;border: 1px solid #AAA;border-radius: 5px;white-space: nowrap;cursor:pointer; } .graybtn:hover {color: black;background-color: white; text-shadow:0px 0px 0px white; border-left: 3px solid #AAA;} .button { z-index:1; position:relative; top:78px; margin-right:10px; padding-top:3px; float:left;cursor: pointer;font-family: 'DinMedium';font-size: 14px;letter-spacing: 0px;vertical-align:middle; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2px;color: #444; background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); background-image: linear-gradient(#ededed, #ededed 38%, #dedede); text-shadow: 0 1px 0 rgb(240, 240, 240); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);-webkit-user-select: none;cursor:pointer;} .button_gray { margin-right:10px; padding-top:3px;font-family:'Din';font-size: 14px;letter-spacing: 0px;vertical-align:middle;border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 2px;color: #444;background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);text-shadow: 0 1px 0 rgb(240, 240, 240);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);-webkit-user-select: none;cursor:pointer;} .button-1 { background: url('../img/sprite_buttons.png') 0 0 repeat-x;border: 1px solid #7e6c55; height: 25px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;padding: 6px 10px 5px;height: 14px;line-height: 14px;display: inline-block;} .button-1:hover { background: url('../img/sprite_buttons.png') 0 -25px repeat-x;color: #333 !important;} a.button-1 { color: #333 !important;font-weight: bold;text-shadow: 0 1px 1px #FFFFFF;box-shadow: 0 1px 3px #BBBBBB;font-size: 11px;font-family: Arial; cursor:pointer;} .fonttype_JustTheWayYouAre { font-family: 'JustTheWayYouAre';font-weight: bold; } .kat_sel{ border:2px dotted #FCFCFC;border-radius:10px; width:100px; height:100px; cursor:pointer; color: #2965be;} .kat_sel:hover{ border:2px dotted #5C89CD; background-color:#FCFDFA; border-radius:10px; width:100px; height:100px;} .oldalnev{ font-family:'Din'; font-size:18px;text-shadow: 0 1px 0 #FFF,1px 2px 2px #AAA;padding: 5px 10px;color: #345;} .felkeres{ font-family:'Din'; font-size:18px;} .green_grandient{ background: -moz-radial-gradient(center, ellipse cover, #00ff00 0%, #383838 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #00ff00), color-stop(100%, #383838)); /* safari4+,chrome */ background: -webkit-radial-gradient(center, ellipse cover, #00ff00 0%, #383838 100%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, #00ff00 0%, #383838 100%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, #00ff00 0%, #383838 100%); /* ie10+ */ background: radial-gradient(ellipse at center, #00ff00 0%, #383838 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff00', endColorstr='#383838',GradientType=1 ); /* ie6-9 */ } .blue_grandient{ background: -moz-radial-gradient(center, ellipse cover, #0000ff 0%, #262626 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #0000ff), color-stop(100%, #262626)); /* safari4+,chrome */ background: -webkit-radial-gradient(center, ellipse cover, #0000ff 0%, #262626 100%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, #0000ff 0%, #262626 100%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, #0000ff 0%, #262626 100%); /* ie10+ */ background: radial-gradient(ellipse at center, #0000ff 0%, #262626 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#262626',GradientType=1 ); /* ie6-9 */ } .red_grandient{ background: -moz-radial-gradient(center, ellipse cover, #ff0000 0%, #262626 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ff0000), color-stop(100%, #262626)); /* safari4+,chrome */ background: -webkit-radial-gradient(center, ellipse cover, #ff0000 0%, #262626 100%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, #ff0000 0%, #262626 100%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, #ff0000 0%, #262626 100%); /* ie10+ */ background: radial-gradient(ellipse at center, #ff0000 0%, #262626 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#262626',GradientType=1 ); /* ie6-9 */ } .yellow_grandient{ background: -moz-radial-gradient(center, ellipse cover, #FFCD19 0%, #312F2A 97%, #2B2B2B 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #FFCD19), color-stop(97%, #312F2A), color-stop(100%, #2B2B2B)); /* safari4+,chrome */ background: -webkit-radial-gradient(center, ellipse cover, #FFCD19 0%, #312F2A 97%, #2B2B2B 100%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, #FFCD19 0%, #312F2A 97%, #2B2B2B 100%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, #FFCD19 0%, #312F2A 97%, #2B2B2B 100%); /* ie10+ */ background: radial-gradient(ellipse at center, #FFCD19 0%, #312F2A 97%, #2B2B2B 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCD19', endColorstr='#2B2B2B',GradientType=1 ); /* ie6-9 */ } .username { color:orange;font-weight:700;font-style: oblique;} .userallhird { background-color: white; border:1px solid lightgray;border-radius:3px; font-size: 13pt;line-height: 15pt;color: gray;} .kedvencbtn { width: 90%;height: 28pt; line-height: 38pt;font-weight: 700;} .yes_no_icon { width: 1.2em;height: 1.2em; border:0px;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;} .c1 { width:100%;margin:5px 5px 4px 5px; cursor: pointer; overflow: hidden;} .c1-iranyar { font-size:25px; color: green; } .c1-cim { font-family:'Din'; font-size:1.3em; color:#2D2D2D; border-bottom:1px solid lightgray; overflow: hidden; } .c1-data { font-family:'Din'; font-size:0.9em; color:gray; padding-right: 10px;} .c1-hird { width:90%;font-family:'Din',serif; font-size:0.7em; color:black; padding:1em 1em 1em 1em;background-color: white; border:1px solid lightgray;border-radius:3px; } .c1-table { width:98%;font-family:'Din'; font-size:0.7em; color:black; background-color:white; border:1px solid lightgray;border-radius:3px;} .c1-table td { border-bottom: 1px solid lightgray;} .c1-img { width:98%; height:auto;background-position:1px 1px; background-repeat:no-repeat;} .c1-event-box { maX-width:480px;padding-top: 5px;} .c1-event-ico { width: 60%} .c1-th-div { margin-top:-15px; padding:0px 10px 5px 10px; border-bottom: 1px solid lightgray;} .c1-th-pic { width:16%; opacity:0.7; margin-left:7px;margin-top:4px; border:1px solid black;-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.59);box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.59);} .c1-th-pic:hover, .c1-th-pic:active { opacity:1.0; -webkit-transform:scale(1.2,1.2);} .c1-ki-kat { height:80px; width:100%;font-family:'Din'; font-size:20px; color:#66CC66;} .hird_box{font-size: 12px;} .hird_box_nagyito {display: block;} .hirdbox { font-size: 12px;} #showhirdmenu{ display: none; } @media all and (min-width:320px) { .hird_box{font-size: 10px;} } @media all and (min-width:425px) { .hird_box{font-size: 12px;} } @media all and (min-width:768px) { .c1-table {font-size:1em; color:#313131;} .hird_box_nagyito { display: none;} .hird_box { font-size: 20px;} .c1_div_1 { width: 53% ; float: left; align-content: center; margin-top: 15px;} .c1_div_2 { width: 45% ; float: right; align-content: center; margin-top: 15px; border-left: 1px solid gray;padding-left: 1%;} .c1-event-box { maX-width:768px;padding-top: 5px;} .c1-event-ico { width: 55%} .c1-th-div { margin-top:-15px; padding:0px 10px 5px 0px; border-bottom: 1px solid lightgray;} .c1-th-pic { width:9%; opacity:0.7; margin-left:7px;margin-top:4px; border:1px solid black;-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.59);box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.59);} .c1-th-pic:hover, .c1-th-pic:active { opacity:1.0; -webkit-transform:scale(1.2,1.2);} .c1-ki-kat { height:80px; width:100%;font-family:'Din'; font-size:20px; color:#66CC66;} }