@font-face {
font-family: 'FontAwesome';
src: url('https://beszamolok.com/fonts/fontawesome-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--primary-color: #9f001b;
--primary-color-t: #d9d9d990;
--secondery-color: #d60f31;
--content-color: #fbfbfb;
--button-color: #fef9d6;
--text-color: #000000;
--warning-color:#FF0000;
--border-color:#d9d9d9;
--overlay-color:#d9d9d990;
--success-color:#1a9c00;
/* hirdeto-rang-szinek */
}
body {
font: normal 14px Roboto, arial, sans-serif;
margin: 0;
padding: 0;
font-size:14px;
line-height: 1.7;
height:100%;
background-color: var(--content-color);
}
.footer, aside, article,nav{
margin: 0;
box-sizing: border-box;
}
br.tavtarto{
line-height:350%;
}
button {
padding: 7px 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin: 5px;
color: var(--text-color);
border-color: var(--border-color);
background-color: var(--active-color);
}
a{
cursor: pointer;
color: var(--text-color);
text-decoration: none;
}
.headerfejlec p{
margin:0px;
line-height: 100%;
}
a.primary,input[type="submit"],input[type="button"] {
background-color: var(--button-color);
color: var(--text-color);
cursor: pointer;
margin-right:15px;
}
/* Gombszerű linkek stílusa, kisebb magassággal és jobb kontraszttal */
.default, a.btn, a.red, a.green, a.blue, a.yellow , a.primary{
padding: 1px 5px 1px 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
border-radius: 5px;
text-decoration: none;
color: var(--text-color);
margin: 0px;
display:inline-block;
transition: background-color 0.3s;
background-color: var(--overlay-color) !important;
border:1px solid;
border-color:var(--border-color) !important;
text-align:center;
}
/*
a.default, a.btn, a.red, a.green, a.blue, a.yellow , a.primary {
background-color: var(--button-color);
}*/
.userbox_micro_uj:hover,.avatarlink:hover,.fejlec-avatar:hover,.default:hover,a.btn:hover, a.red:hover, a.green:hover, a.blue:hover, a.yellow:hover, a.primary:hover,.menu-button_2:hover,input[type="submit"] :hover,input[type="button"] :hover{
background-color: var(--primary-color) !important;
color:var(--content-color);
}
.commentsystem_reply_btn{
margin-right:15px;
}
a.alap{
padding: 3px 5px 3px 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
border-radius: 5px;
text-decoration: none;
font-size: 14px; /* Kisebb, de jól olvasható szövegméret */
color: var(--text-color);
margin: 5px;
display:inline-block;
transition: background-color 0.3s;
border:1px solid;
border-color:var(--border-color);
text-align:center;
background-color: var(--button-color);
}
a.red {
background-color: #D9534F !important; /* Piros háttér */
color: #FFFFFF !important;; /* Fehér szöveg a jobb kontraszthoz */
}
a.green {
background-color: #b9ffbb !important; /* Zöld háttér */
color: #000000 ; /* Fehér szöveg */
}
.egymas-alatt{
display:flow-root;
padding:0px;
margin:10px 5px 13px 5px;
text-align: left;
}
li.egymas-alatt a{
padding:5px;
}
.egymas-alatt a img{
border-radius:4px;float:left;width:120px;height:120px;margin:0px 15px 0px 0px;
}.egymas-alatt a strong{
font-size:16px;
}
.besorolas_class{
float:left;width:140px; height:18px; border-top-left-radius: 10px;
overflow: hidden;
border-top-right-radius: 10px; line-height:18px; padding-top:0px; text-align:center; font-size:12px; overflow:visible;
}
a.blue {
background-color: #dde4ff !important; /* Kék háttér */
color: #000000 !important; /* Fehér szöveg */
}
a.yellow {
background-color: #fff4b9 !important; /* Sárga háttér */
color: #000000 !important; /* Fekete szöveg */
}
input, select, textarea {
background-color: var(--content-color);
border-color: var(--border-color);
padding: 5px;
margin: 5px 0;
border-radius: 5px;
border: 1px solid #ccc;
box-sizing: border-box;
vertical-align: middle;
}
textarea{
width:90%;
}
input[type="radio"], input[type="checkbox"] {
width: 16px;
height: 16px;
appearance: none;
background-color: var(--content-color);;
border: 2px solid var(--primary-color);
border-radius: 4px;
cursor: pointer;
margin-right:5px;
vertical-align: middle;
transition: background-color 0.3s ease;
}
input[type="radio"]:checked, input[type="checkbox"]:checked {
background-color: var(--primary-color);
}
.beszi_kat{padding: 5px 10px 5px 10px; height:16px; border-radius:5px; text-align:center;}
h1,h2,h3,h4 {
display: block;
/* width: fit-content;*/
font-size: 18px ;
padding-left:5px;
margin-block-start: 10px;
margin-block-end: 5px;
color: var(--text-color) !important;
font-weight: BOLD;
unicode-bidi: isolate;
}
article h1{
font-size:20px;
}
h2,h3 {
font-size: 16px;
}
h4,h5,h6
{
font-size: 14px;
}
img{
border-radius:10px;
}
.headerfejlec {
background-color: var(--primary-color);
color: var(--text-color);
display: flex;
grid-column: 1 / span 4;
position: sticky; /* Fix pozíció */
position: -webkit-sticky;
top: 0px; /* Az oldal tetején rögzítve */
left: 0;
width: 100%; /* Teljes szélesség */
z-index: 1000; /* Magasabb réteg a többi elem felett */
margin:0px;
overflow: hidden;
justify-content: space-between;
align-items: initial;
}
header h1, h3,h4{
color: var(--primary-color) !important;
}
header h1.full,header h1.domain{
color: var(--content-color) !important;
}
.main, .customarticle {
grid-column: 1 / span 3;
height:fit-content;
padding: 10px 10px 10px 10px;
flex-grow: 1;
display: grid;
gap: 0px 20px;
}
.customarticle
{ padding:10px 0px 10px 0px;
grid-column: 1 / span 3;
grid-template-columns: repeat(6, 1fr);
align-text:center;}
section{
margin-bottom:10px;
}
section.content {
background-color: var(--content-color);
padding:0px 10px 0px 10px;
flex-basis: 100%;
display: block;
}
.full-width , .col-xs-12{
grid-column: 1 / span 6;
width:100%;
text-align:center;
}
.fel-width {
grid-column: span 3;
}
.harmad-width {
grid-column: span 2;
}
.ketharmad-width {
grid-column: span 4;
}
.kiskockakep{
height:90px;
width:90px;
border: 2px solid var(--primary-color);
}
.footer {
background-color: var(--primary-color);
color: var(--content-color);
text-align: center;
padding: 5px;
grid-column: 1 / span 6;
}
article footer{
background-color: var(--content-color);
}
article {
text-align: left;
margin: 20px 0px 10px 0px;
}
main article{
margin: 0px 0px 20px 0px;
}
.row {
margin-right: 0px;
margin-left: 0px;
dosplay:block;
}
section article{
margin: 20px 0px 10px 0px;
}
.close-button {
FONT-WEIGHT: 400;
background-color: var(--warning-color);
color: var(--active-color);
float: right;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
border-radius: 50%;
border:1px solid var(--active-color);
}
.close-button-adatlap {
FONT-WEIGHT: 400;
background-color: var(--button-color);
color: var(--text-color);
float: right;
right: 20px;
cursor: pointer;
border-radius: 50%;
border:1px solid var(--text-color);
}
.close-button-overlay {
FONT-WEIGHT: 400;
background-color: var(--warning-color);
color: var(--active-color);
float: right;
margin-right: -17px;
margin-top: -17px;
cursor: pointer;
border-radius: 50%;
}
.oldalkiemelt-kiir{
padding: 1px 5px 0px 5px;
position: relative;
top: 12px;
width: 80px;
background-color: #ffe400;
color: #000000;
text-align: center;
opacity: 1;
border-radius: 5px;
left: 10px;
}
aside.search.active,nav.menu.active {
display: inline-flex;
position: absolute;
/* Gördíthetővé tesszük */
width: 100%; /* Teljes szélesség */
left: 0;
}
.notify{
padding: 10px;
font-size:25px;
display: inline-block;
border-radius: 5px;
text-decoration: none;
color: var(--text-color);
margin: 5px 10px 5px 10px;
transition: background-color 0.3s;
border: 1px solid;
border-color: var(--border-color);
background-color: var(--button-color);
}
/*
.headerfejlec.active,.content.active, .kiemelt-tarto.active{
display: none;
}*/
.search-section{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap:2px;
align-text:left;
margin:0px 10px 0px 10px;
}
.hatoszlop{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap:20px;
align-text:left;
}
.hatoszlop_2{
display: grid !important;
grid-template-columns: repeat(6, 1fr);
gap:20px;
align-text:left;
}
input[type="checkbox"]:disabled, input[type="text"]:disabled, input[type="submit"]:disabled {
opacity: 0.5; /* Átlátszóbbá teszi, hogy látszódjon a disabled állapot */
cursor: not-allowed; /* Mutatja, hogy nem lehet kattintani */
}
.menu-button{
display: inline-block;
padding: 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
border-radius: 5px;
text-decoration: none;
color: var(--text-color);
margin: 5px 10px 5px 10px;
transition: background-color 0.3s;
border:1px solid;
border-color:var(--border-color);
background-color: var(--button-color);
}
.menu-button_2{
display: inline-block;
padding: 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
border-radius: 5px;
text-decoration: none;
color: var(--text-color);
margin: 5px 10px 5px 10px;
transition: background-color 0.3s;
display:none;
border:1px solid;
border-color:var(--border-color);
background-color: var(--button-color);
}
.search-button{
float:right;
}
.footer{
width:100%;
}
.hatos{
grid-column: span 6;
}
.harmas{
grid-column: span 3;
}
.kettes
{
grid-column: span 2;
}
.hirdetesek-lista {
display: flex; /* Flexbox használata a rugalmas elrendezéshez */
flex-wrap: wrap; /* Az elemek átváltanak egy új sorba, ha nincs elég hely */
justify-content: center;
list-style: none; /* Eltávolítjuk a lista pontokat */
padding: 0; /* Eltávolítjuk az alapértelmezett paddingot */
margin: 0; /* Eltávolítjuk az alapértelmezett margót */
}
/* Stílus a listában található elemekhez */
.kereso-lista {
display:inline-block ; /* Az elemek 33.33%-át foglalják el, mínusz a margin */
box-sizing: border-box; /* A padding és border a méretezés része lesz */
margin: 4px; /* 5px margó az elemek körül */
border: 0; /* Példa: vékony szegély a listáknál */
padding: 0px; /* Belülre egy kis padding a tartalom köré */
background: #f9f9f9; /* Világos háttérszín */
overflow: hidden;
text-align: center !important;
}
/* Link stílusok */
.kereso-lista a {
text-decoration: none; /* Linkek alapértelmezett aláhúzásának eltávolítása */
/* Sötét szövegszín */
display: block; /* Linkek kitöltik az egész lista elemet */
}
/* Kép stílusok a lista elemekben */
.kereso-lista img {
max-width: 100%; /* A kép nem nyúlhat túl a szülőelemen */
height: auto; /* Magasság arányos marad */
}
/* Szöveg stílusok */
.kereso-lista h2 {
/* Kicsit nagyobb címek */
margin: 5px 0; /* Elválasztás a képtől */
}
.kereso-lista p {
font-size: 14px; /* Kisebb szövegméret a leíráshoz */
margin: 0; /* Nincs extra margó */
}
.kereso-article {
padding:0px;
margin: 0px;
white-space: nowrap;/* Nincs extra margó */
background-color: var(--content-color);
}
.hirdeto_keskeny{
margin:0px 3px 3px 3px;
width:175px;
display:inline-block;
border-radius:10px;
}
.kiemelt-cimke{
max-width:120px;
margin:0px 0px 0px 5px;
border-radius:5px;
line-height:12px;
display:flow-root;
position: relative;
top:3px;
background-color:#ffe400;
color:#000000;
text-align:center;
font-size:12px;
}
.kiemelt-cimke-kereso{
max-width:120px;
margin:0px 5px 0px 5px;
border-radius:5px;
line-height:12px;
display:flow-root;
position: relative;
top:6px;
background-color:#ffe400;
color:#000000;
text-align:center;
font-size:12px;
}
.exclusive{
max-width:120px;
margin:-12px 0px 0px 5px;
border-radius:5px;
line-height:12px;
display:flow-root;
position: relative;
top:30px;
text-align:center;
font-size:12px;
font-weight: bold;
background-color: transparent;
color:GOLD;
text-shadow: 0px 0px 4px BLACK;
}
.betuk{
min-width:25px;
cursor:pointer;
}
.betuk_jo{
background-color:GREEN !important;
color:white !important;
cursor: none !important;
}
.betuk_rossz{
background-color:RED !important;
color:white !important;
cursor: none !important;
}
.nagygomb{
margin:10px !important;
font-size:16px !important;
padding:5px !important;
font-weight:bold;
border:2px solid;
}
.box_gray{
display:inline-block; margin:10px;
}
.megerositette_2{
width:100%;
top:-19px;
border-radius: 10px;
margin:0px 0px -16px 0px;
color:#ffffff;
line-height:12px;
display:flow-root;
position: relative;
text-align:center;
font-size:12px;
}
.kiemeltkep{
margin:-4px 0px 0px 0px;
width:175px !important;
height:175px !important;
}
.megerositette_keskeny {
width: 100%;
font-size: 10px;
position: relative;
margin:-20px 0px 3px 0px;
bottom: 0px;
opacity: 1;
text-align: center;
color: #FFF;
background-color: green;
}
.blink-me {
animation: villogas 1s infinite; /* 1 másodperces villogás */
}
@keyframes villogas {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.fejlecbengomb{
display: inline-block;
border-radius: 5px;
text-decoration: none;
color: var(--text-color);
margin: 5px 10px 5px 10px;
transition: background-color 0.3s;
border-color:var(--border-color);
background-color: var(--button-color);
}
.fejlec-avatar{
margin:0px;
height:34px;
width:34px;
border-radius:0px;
}
.avatarlink{
overflow: hidden;
margin:5px 10px 5px 10px;
border-radius:5px;
border:1px solid var(--border-color);
width:34px;
height:34px;
}
.domain{
color: var(--content-color);
font-size:24px;
font-weight:bold;
line-height:44px;
}
.alapfejlecgomb{
display: inline-block;
padding: 5px; /* Kisebb padding a vertikális méret csökkentéséhez */
border-radius: 5px;
text-decoration: none;
color: var(--text-color);
margin: 5px 10px 5px 10px;
transition: background-color 0.3s;
border:1px solid;
border-color:var(--border-color);
background-color: var(--button-color);
}
.logocsaj-kicsi{
width:23px; height:34px; margin-top:5px;margin-left:5px;
}
.elsotetedes {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); /* Átlátszó fekete */
z-index: 1000; /* Magasabb réteg a meglévő elemek felett */
display: none; /* Alapértelmezés szerint el van rejtve */
justify-content: center;
align-items: center;
}
.homalyositas {
position: fixed;
display:flex;
width: 100%;
height:100%;
backdrop-filter: blur(8px); /* Homályosító effekt */
z-index: 10001;
/*display: none; Alapértelmezés szerint elrejtve */
justify-content: center;
align-items: center;
background-color: var(--overlay-color);/* Enyhe áttetsző fehér réteg */
}
/* Tartalom, amit meg akarsz jeleníteni az overlayen */
.tartalom {
max-width:90% !important;
max-height: 80% !important;
background-color: var(--content-color);
padding: 20px;
border-radius: 15px;
overflow-scrolling: auto;
overflow-y: auto;
border:1px solid var(--border-color);
z-index: 1001;
}
.overlay-title{
margin: 0px 10px 10px 10px;
padding:0px 5px 10px 5px;
border-bottom:1px solid;
border-color: var(--border-color);
}
.clearfix{
margin-top:5px; line-height:15px;
}
.clearfix2::after {
content: "";
display: table;
clear: both;
}
.gyorskereso-res {
position: fixed;
display:none;
display:none;
width:100%;
overlay:hidden;
left: 0px;
margin:60px 10px 0px 10px;
border: 2px solid var(--border-color);
background-color: var(--button-color);
color: var(--text-color);
border-radius:10px;
z-index: 9999;
}
.gyorskereso_img{
text-indent:-9999px;
border-radius:50%;
background-size: 60px 60px;width:60px;height:60px;margin:0px !important;
}
.gyorskereso_link{
text-align:center;font-size:12px;display:unset !important; float:left; margin:3px; width:60px;height:60px !important;padding:0px !important;
}
.gyorskereso_li{
overflow:scroll;height:105px !important; text-align:left;white-space: nowrap;display: flex;
}
.gyorskereso_li::-webkit-scrollbar {
display: none; /* Webkit alapú böngészők (Chrome, Safari) */
}
.gyorskereso_a{
width:100px;height:20px;float:left;cursor:pointer;text-align:center;margin:22px 3px 0px 3px !important;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
display:flex;
}
.nav li a {
position: relative;
display: block;
padding: 5px 10px;
}
.nav-tabs li a {
height:26px;
margin-right: 0px;
border-radius: 0;
font-size: 14px;
font-weight: bold;
color: #000;
border: 1px solid var(--border-color);
border-right: none;
}
.nav-tabs li {
float: left;
margin-bottom: -1px;
}
.tab-content{
display: block;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.25s linear;
-o-transition: opacity 0.25s linear;
transition: opacity 0.25s linear;
}
.fade.in {
opacity: 1;
}
.tab-content .active {
display: block;
visibility: visible;
}
.well {
min-height: 20px;
padding: 6px;
}
.tab-content .tab-pane {
display: none;
visibility: hidden;
}
.tab-content .active {
display: block;
visibility: visible;
}
.container_120 {
display: flex;
flex-wrap: wrap;
gap: 5px; /* Távolság az elemek között */
}
/* Az tag formázása */
.container_120 a {
display: block;
overflow:hidden;
width: 130px; /* Szélesség meghatározása az tageknek */
text-align: center;
text-decoration: none;
border: none;
padding: 5px;
box-sizing: border-box;
transition: transform 0.3s ease;
}
/* Kép formázása az tageken belül */
.container_120 a img {
max-width: 100%; /* A kép nem lehet szélesebb az a tagnál */
height: 120px;
}
/* Szöveg formázása az tageken belül */
.container_120 a .text {
margin-top: 10px;
}
/* Hover effekt az taghez */
.container_120 a:hover {
transform: scale(1.1);
border: none;
}
.beszq_cimke2 {
display: inline-block;
font-size: 10px;
background-color: #fff7c5;
border: 1px solid #ffdd97;
border-radius: 5px;
padding: 0px 2px 0px 2px;
margin: 2px;
}
.kep40{
margin-left:5px;cursor:pointer;border-radius:10px;margin-right:10px; width:40px;height:40px;vertical-align:top;
}
.hsz_datum{
line-height:200%;
font-style: italic;
white-space: nowrap;
}
h2{
background-color: var(--primary-color);
color: var(--content-color) !important;
font-size: 16px;
padding:0px 0px 0px 5px;
border:1px solid var(--border-color);
border-radius:5px;
margin: 0px;
}
article h2,section h2, .main h2{
margin-bottom:20px;
background-color: var(--overlay-color);
color: var(--text-color) !important;
}
.kismobilkep{
float:left;margin:0px; width:60px; height:60px; border-radius:5px; margin-right:10px;
}
hr {
border: none;
height: 1px;
background: linear-gradient(to right, var(--primary-color), var(--active-color)); /* Színátmenet */
opacity:20% ;
margin: 10px 10% 10px 10%;
}
.aktiv {
background-color: var(--active-color) !important;
font-weight: bold;
}
.szazaskor{
width:100px;height:100px;border-radius:10px;float:left; margin-right:20px;
}
a.hirdetogomb{
padding:0px 5px 0px 5px;
width:44px;
text-align:center;
font-size:20px;
}
.cimkiir{
font-weight:bold; padding:0px;font-size:24px
}
.rangtarto{
border-radius:5px;font-weight:bold;color:#ffffff; padding:4px; margin:5px 0px 5px 0px; font-size:16px;
}
.warning{
color: var(--warning-color);
/* animation: flash-warning 1s infinite alternate;*/
}
.success{
color: var(--success-color);
/* animation: flash-success 1s infinite alternate;*/
}
a.warning{
background-color:var(--warning-color) !important;
color:var(--content-color) !important;
animation: flash-warning 2s infinite alternate; /* Animáció beállítása */
}
a.success,button.success{
background-color:var(--success-color) !important;
color:var(--text-color) !important;
border-color: var(--border-color);
border:1px solid;
animation: flash-success 2s infinite alternate;
}
.warning-alap{
background-color:var(--warning-color);
color:var(--content-color);
animation: flash-warning-alap 3s infinite alternate; /* Animáció beállítása */
}
.success-alap{
background-color:var(--success-color);
color:var(--content-color);
animation: flash-success-alap 3s infinite alternate;
}
.flashing-border {
border: 3px solid var(--success-color); /* Alapértelmezett sötétzöld border */
height: auto;
animation: flash-border 1s infinite alternate; /* Animáció beállítása */
}
/* Villogó border animáció */
@keyframes flash-border {
0% {
border-color: var(--success-color);
}
50% {
border-color: transparent; /* Eltűnik a border */
}
100% {
border-color: var(--success-color); /* Visszajön a border */
}
}
.flashing-red {
/* Alapértelmezett sötétzöld border */
animation: flash-warning 1s infinite alternate; /* Animáció beállítása */
}
/* Villogó border animáció */
@keyframes flash-warning {
20% {
color: var(--warning-color);
}
70% {
color: transparent;
}
100% {
color: var(--warning-color);
}
}
@keyframes flash-warning-alap {
20% {
background-color: var(--warning-color);
}
70% {
background-color: transparent;
}
100% {
background-color: var(--warning-color);
}
}
@keyframes flash-success {
0% {
color: var(--success-color);
}
50% {
color: transparent;
}
100% {
color: var(--success-color);
}
}@keyframes flash-success-alap {
0% {
background-color: var(--success-color);
}
50% {
background-color: transparent;
}
100% {
background-color: var(--success-color);
}
}
span.success{
color: var(--success-color);font-weight:bold;
}
span.warning{
color: var(--warning-color);font-weight:bold;
}
.ujkep{
position: absolute;
border-radius: 0px 0px 4px 4px;
top: 2px;
left: 10px;
z-index: 10;
font-size: 12px;
padding: 2px 3px 0px 3px;
background-color: var(--content-color);
}
.full-center{
text-align: center;justify-self:normal; display:inline-block; margin:0px -5px 0px -5px; padding:0px; line-height:1.3
}
.full-left {
text-align: left !important;
justify-self: normal;
display: flow-root;
line-height: 1.8
}
.spinner-container {
display: flex;
justify-content: center;
align-items: center;
height: 300px;
background-color: var(--content-color);
}
/* Spinner elem stílusa */
.spinner {
width: 50px;
height: 50px;
border: 6px solid var(--button-color); /* Külső kör */
border-top: 6px solid var(--primary-color); /* Felső rész színe */
border-radius: 50%;
animation: spin 1s linear infinite; /* Végtelenített forgás */
}
/* Spin animáció definiálása */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.slider-values {
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.slider-values span {
font-weight: bold;
}
h2 a{
color: var(--primary-color);
width: fit-content;
margin: 0px 10px 0px 10px;
}
@media (max-width: 600px) {
aside.search.active {
display: block;
position: absolute;
width: 100%;
left: 0;
}
.jobboldal-kereso{
min-width:325px;
}
.main, .customarticle {
display: flow-root !important; /* Teljes reset - átvált block-ra */
grid-template-columns: none !important;
text-align:left;
}
.full-width, .col-xs-12, .fel-width, .harmad-width,.ketharmad-width{
display: flow-root !important; /* Teljes reset - átvált block-ra */
grid-template-columns: none !important;
}
.kiemelt-tarto{
zoom: 80%;
}
}
@media(min-width: 750px) {
a.userbox_micro_uj img{
display:block !important;
}
.userbox_micro_uj{
width:120px;
}
aside.searc.active {
display: flex;
flex-direction: row;
}
nav.menu.active{
display: flex;
}
.jobboldal-kereso{
min-width:360px;"
}
}
@media (max-width: 1439px) and (min-width: 601px) {
body {
grid-template-columns: 1fr ; /* Bal hasáb 200px, középső hasáb kitölti a maradékot, jobb hasáb 300px */
display: grid;
/* Három egyenlő szélességű oszlop, amire szükség lesz a második sorban */
grid-template-rows: auto auto; /* Három sor a szerkezethez */
gap: 0px;
}
.main, .customarticle{
display:grid;
grid-template-columns: repeat(6, 1fr);
}
.full-width, .col-xs-12{
width: 100%;
grid-column: 1 / span 6;
text-align:center;
}
.fel-width{
width: 100%;
grid-column:span 3;
}
.harmad-width{
width: 100%;
grid-column:span 3;
}
.ketharmad-width{
grid-column:span 3;
}
.kiemelt-tarto{
grid-column: span 6;
}
}
@media (min-width: 1400px) {
aside.menu,nav.menu {
width:200px;
}
.menu-button_2{
margin-right:160px;
}
/* body {
display: grid;
grid-template-rows: auto auto;
gap: 0px;
grid-template-areas: "sidebar-left main";
}*/
.jobboldal_alap
{
margin-left:0px;
}
.jobboldal-kereso{
min-width:200px;
}
.main, .customarticle{
display:grid;
grid-column: span 1;
grid-template-columns: repeat(6, 1fr);
}
nav{
height: auto ;
}
aside.menu,nav.menu{
display:block;
color:var(--content-color);
}
aside.search{
display:block;
background-color: var(--content-color);
border-left:1px solid var(--border-color);
}
.full-width, .col-xs-12{
grid-column: 1 / span 6;
text-align:center;
}
.fel-width{
grid-column:span 3;
}
.harmad-width{
grid-column:span 2;;
}
.ketharmad-width{
grid-column:span 4;
}
.kiemelt-tarto{
grid-column: span 6;
}
.close-button {
display: none;
}
.menu-button {
display: none !important;
}
.menu-button_2 {
display: inline-block !important;
}
}
.rangkiiras_tarto2{
padding:5px;
white-space: nowrap;
border-radius:4px;
}
.datumtarto{
white-space: nowrap;
border-radius:4px;
display: inline-block;
padding: 7px 5px 10px 5px;
}
p{
margin:15px 4px 6px 4px;
}
p::after {
content: "";
display: table;
clear: both;
}
#hirdeto_menu { text-align:center; /*border:1px solid var(--border-color); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#fff;*/ }
#hirdeto_menu img {
/*display:inline-block; width:32px; height:32px; padding:7px;*/
cursor:pointer;
border-radius:10px;
}
#hirdeto_menu img:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, var(--button-color)), color-stop(1, var(--active-color)));
background:-moz-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
background:-webkit-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
background:-o-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
background:-ms-linear-gradient(top, var(--button-color) 5%, var(--active-color) 100%);
background:linear-gradient(to bottom, var(--button-color) 5%, var(--active-color) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--button-color)', endColorstr='var(--active-color)',GradientType=0);
background-color:var(--button-color);
}
#hirdeto_menu img.first { border-top-left-radius:3px; border-bottom-left-radius:3px; }
#hirdeto_menu img.last { border-top-right-radius:3px; border-bottom-right-radius:3px; border-right:1px solid var(--border-color); }
ul {
list-style: none;
margin-block-start: 0px;
padding-inline-start: 0px;
}
.lapozo{
min-width:30px;
}
nav.menu{
margin-right:0px;
padding-right:0px;
}
.beszi-lead-besorolas{
display:block; height:16px; border-top-right-radius:10px;border-top-left-radius:20px;line-height:19px; padding-top:0px; color:#fff; text-align:center; font-size:12px;
}
img.beszi-lead-kep{
float:left;margin: 0px 5px 5px 0px; border-top-right-radius:0; border-color:#FFF; width:120px;height:auto; border:1px solid
}
.minimum{
min-width:140px;
}
.icon_calendar_32 {
background-image: url(/images/design/style/icon_clock2_khaki_32.png);
background-repeat: no-repeat;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 4px;
padding: 2px 4px 2px 4px;
background-color: transparent;
font-size:20px;
}
.fa-fejlec-gombok{
display: inline-block;
font: normal normal normal 30px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 5px;
padding: 0px;
background-color: transparent;
font-size:24px;
margin:0px;
}
.fa-sign-in:before {
content: "\f090";
}
.fa-ban:before {
content: "\f05e";
}
.fa-minus:before {
content: "\f068";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-comment:before {
content: "\f075";
}
.fa-trash:before {
content: "\f014";
}
.fa-times:before {
content: "\f00d";
}
.fa-times-circle:before {
content: "\f057";
font-size:12px;
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-cog:before {
content: "\f013";
}
.fa-search:before {
content: "\f002";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-phone:before {
content: "\f095";
}
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-pencil:before {
content: "\f040";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
font-size:40px !important;
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-clock-o:before{
content: "\f017";
}
.fa-user:before{
content: "\f007";
color: var(--success-color);
}
.fa-user-o:before{
content: "\f007";
color: var(--border-color);
}
.fa-user-times:before{
content: "\f235";
color: var(--border-color);
}
.fa-check-circle:before{
content: "\f05d";
color: var(--success-color);
}
.fa-navicon:before{
content: "\f0c9";
}
.fa-forward:before{
content: "\f18e";
color: var(--primary-color);
vertical-align: middle;
border: 0px solid var(--border-color);
font-size:25px;
vertical-align: central;
padding:5px;
}
.hsz_cont::after {
content: "";
display: table;
clear: both;
}
/*----terkep2----*/
.cluster{
z-index:100;
}
.cluster .wrap{
text-align:center;
color:#FFF;
border:1px solid #FFF;
-webkit-box-shadow: 1px 3px 30px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 3px 30px -6px rgba(0,0,0,0.75);
box-shadow: 1px 3px 30px -6px rgba(0,0,0,0.75);
background: rgba(14,98,49,1);
/* Chrome,Safari4+ */background: -webkit-radial-gradient(center, ellipse cover, rgba(14,98,49,1) 0%, rgba(12,84,42,1) 40%, rgba(9,63,32,1) 100%);
/* Chrome10+,Safari5.1+ */background: -o-radial-gradient(center, ellipse cover, rgba(14,98,49,1) 0%, rgba(12,84,42,1) 40%, rgba(9,63,32,1) 100%);
/* Opera 11.10+ */background: -ms-radial-gradient(center, ellipse cover, rgba(14,98,49,1) 0%, rgba(12,84,42,1) 40%, rgba(9,63,32,1) 100%);
/* IE 10+ */background: radial-gradient(ellipse at center, rgba(14,98,49,1) 0%, rgba(12,84,42,1) 40%, rgba(9,63,32,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F8909', endColorstr='#093F20', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}
.cluster .wrap{background:#9f001b!important;color:#FFF;width:50px;height:50px;border-radius:33px;
-webkit-user-select:none;text-align:center;padding:10px;line-height:2em;cursor:pointer!important;
position:relative;}
.cluster-1 .wrap{width:30px;height:30px;border-radius:19px;padding:7px;line-height:1.1em;}
.cluster-2 .wrap{width:40px;height:40px;border-radius:33px;padding:5px;}
.box_kedvenc_cseveges {
float: left;
width: 90px;
line-height: 130%;
margin: 15px 4px 0px;
text-align: center;
overflow: hidden;
height:106px;
}
.hirdeto_box_kereso_w245 .profilkep {
width: 245px;
height: 245px;
}
.csevilista .hsz_cont, .forumlista .hsz_cont, .elveszettlista .hsz_cont {
clear: both;
min-height: 50px;
padding: 10px 0;
word-break: break-word;
}
.csevilista .hsz_avatar, .forumlista .hsz_avatar, .elveszettlista .hsz_avatar {
float: right;
margin-left: 10px;
}
.userbox_micro_uj {
font-size: 12px;
line-height: 170%;
width:90px;
border: 1px solid var(--border-color);
background-color: var(--content-color);
color: #000;
overflow: hidden;
margin:8px -5px 4px 4px;
display:inline-block;
text-align:left;padding:4px;border-radius:5px;white-space:nowrap;
}
.pull-right {
float: right !important;
}
.infobox_la {
vertical-align: top;
line-height: 1.8;
padding: 1px 5px 0px 5px;
font-size: 14px;
cursor: pointer;
}
.beszibes{
text-align:center; margin: 0px 5px 5px 5px;display:inline-block; height:16px; border-radius:5px;line-height:19px; padding:5px 10px 5px 10px;
}
.dropdown-menu {
z-index: 9999999;
}
.dropdown-menu {
position: absolute;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 14px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.175);
}
.pontozas-pontozott{
float: right; /* A span jobbra kerül */
clear: both;
float: right;
margin: 0px 0px 10px 10px;
border: 1px solid var(--border-color);
border-radius: 10px;
white-space: nowrap;
padding: 5px;
font-size:12px;
}
.mentesgomb{background-color: var(--success-color) !important;color:var(--content-color) !important;font-size:14px;padding:5px 10px 5px 10px;}
.megsegomb{background-color: var(--warning-color) !important;color:var(--content-color) !important;font-size:14px;padding:5px 10px 5px 10px;}
.mutasd,.hidden{
display: none !important;
}
.commentsystem_addmsg_form{
width:95%;
}
#chaticon {
position: fixed;
bottom: 15px;
right: 15px;
font-size: 1.6rem;
line-height: 55.5px;
background: #5CB85C;
color: white;
z-index: 199;
border-radius: 100px;
width: 55.5px;
height: 55.5px;
text-align: center;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
cursor: pointer;
transition: all .3s ease-out;
}
i.fa.fa-comments-o {
font-size: 30px;
margin-top: 5px;
}
.ui-datepicker{
background-color: #ffffff !important;
}
.modal-dialog {
position: relative;
top: -301px;
left: 100px;
background-color: var(--warning-color);
color: var(--content-color);
width: fit-content;
padding: 20px;
border: 2px solid var(--text-color);
border-radius: 10px;
}
.fig-alairas{
font-size: 12px; color: #666; margin-top: 5px;line-height:110%
}