/* Theme Name: PeepSo Theme: Gecko Child Theme URI: https://GeckoTheme.com Template: peepso-theme-gecko Author: PeepSo, Inc. Author URI: https://PeepSo.com Description: Thank you for choosing Gecko as your theme. We're very passionate about creating the best possible experience for you and your community. Community that can be built with PeepSo - The Next Generation User Profile And Social Networking Plugins for WordPress. For more information about PeepSo go to: PeepSo.com. Tags: blog,e-commerce,education,three-columns,left-sidebar,right-sidebar Version: 9.1.0.0 Updated: 2026-10-23 */ /* Menüben lévő keresés ikon elrejtése (csak az ikon!!!) */ #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__menu > div > a { display: none; } /* PeepSo kereső színe */ #search { color: #eeeeee !important; -webkit-text-fill-color: #eeeeee !important; } #body > nav { --right: 0vw !important; } .tp-language-switcher .language-name { display: inline !important; } /* 2025.12.20 - Felkérések/Üzenetek/Értesítések felugró ablakok háttere átlátszósság megszüntetése */ #gc-sidenav .pso-notification__inner, #gc-sidenav .pso-notifbox__actions, #gc-sidenav .pso-notifications, #gc-sidenav .pso-notifbox__inner { background-color: #ffffffff !important; } /* Regisztrációs űrlapon a checkbox-ok kiemelése 2025.10.18. */ #profile-edit > div > div:nth-child(9) > div > div.ps-checkbox > label, #profile-edit > div > div:nth-child(10) > div > div.ps-checkbox > label { border: 2px solid red; padding: 5px 0px 5px 10px; margin: 0px 10px 0px 0px; } /* bejelentkezésnél a password ikon helyreigazítása */ #ps-form-login-me > div.ps-form__row.ps-form__row--password.ps-js-password-field > div > i { top: 20px !important; } #szem-ikon { margin-top: 10px; display: inline-block; } /* 2024.09.30. */ /* Scroll to top gomb igazítása */ .gc-scroll__to-top { right: 15px !important; /* bottom: 80px; */ } /* sötétmód igazítás (social gombok miatt szükséges) */ .dracula-toggle-wrap.floating.position-right { right: 15px !important; /* vagy 5... */ bottom: 140px !important; } @media all and (max-width: 1980px) { /* nyelv választó zászlókat kicsit összébb kell hozni hogy egy sorban maradjanak */ #menu-item-223 a, #menu-item-224 a, #menu-item-225 a, #menu-item-226 a { padding: 5px !important; } } /* Sötét módban Emlékezz rám jelölőkockát láthatóvá tesszük */ #ps-form-login-me > div.ps-form__row.ps-form__row--remember.ps-js-password-field > div > div > label::before { background-color: rgb(97, 97, 97); } /* Tetszik Megosztás két szót külön választani, mert össze vannak csúszva saját profilban és mások profiljában is */ span.ps-focus__like, #ps-profile > div.ps-focus > div.ps-focus__footer > div.ps-focus__info > div.ps-focus__details.ps-js-focus-interactions > a.ps-focus__like, #peepso-wrap > div.peepso > div > div > div.ps-focus.ps-js-focus.ps-js-focus--profile.ps-js-focus--327 > div.ps-focus__footer > div.ps-focus__info > div.ps-focus__details.ps-js-focus-interactions > a.ps-focus__like { margin-right: 60px !important; } @media all and (max-width: 1925px) { /* social ikonokat kicsit beljebb kell hozni mert a sötétmód kapcsoló kitakarja */ .gc-footer__menu { margin-right: 5% !important; } } @media all and (max-width: 1024px) { /* nyelvek + social ikonok egymás mellé rendezése */ .gc-footer__menu { display: flex; align-items: flex-end; justify-content: space-evenly; flex-wrap: wrap; row-gap: 10px; } .gc-footer__menu > li { width: 25%; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { /*#peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.psw-userbar__user-profile */ #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.psw-userbar__user > div { margin-right: 25px; } #peepsowidgetuserbar-2 > div > div.psw-userbar__inner { gap: 0; } } /* Blog létrehozás kicsúszik a form balra a navmenü alá */ @media only screen and (min-width: 960px) and (max-width: 1390px) { #user-submitted-posts { /* margin-left: 20px; width: 90%; */ } #peepso-wrap > div > div > div { margin-left: 20px; } } /* 2025.10.07. PeepSoo frissítés után kilógnak az értesítési ikonokon a felugró ablakok balra is és lefele is, főleg kis felbontáson - Pozíciók rendben lettek (gondolom egy frissítés után) - viszont szélesíteni kell hogy a gombok rendesen elférjenek */ #gc-sidenav > div > div.gc-sidenav__notifs > div > div > div.psw-userbar__inner > div.pso-notifs > div.pso-notif.pso-notif--friends > div { /* Baráti felkérések left: 80px; top: -40px; */ width: 500px; } #gc-sidenav > div > div.gc-sidenav__notifs > div > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications > div.pso-notif.pso-notif--messages.ps-js-messages-notification.psnotification-toggle > div { /* Üzenetek left: 80px; top: -55px; */ width: 500px; } #gc-sidenav > div > div.gc-sidenav__notifs > div > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications > div.pso-notif.pso-notif--general.ps-js-notifications > div { /* Értesítések left: 90px; top: -55px; */ width: 500px; } /* #peepsowidgetuserbar-2 > div > div > div > div > div { */ .pso-notifbox { /* Értesítések - Felső sávban */ width: 500px; } /* iPhone 4-5 */ @media only screen and (max-width: 372px) { /* ISMERŐSÖK -logó kissebbre vétele */ #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__logo > div > a img { width: 125px !important; height: 75% !important; } #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications > * { margin-right: -5px; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__logo.gc-header__logo--mobile { margin-right: 0px; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__logo { margin-right: 0px; margin-left: -10px; } /* Profile lenyíló igazítása */ #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__addons { margin-right: -10px; /* 35px; */ } #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.psw-userbar__user > div > div.psw-userbar__menu.ps-dropdown.ps-dropdown--menu.ps-dropdown--left > a { /* padding-right: 20px; */ margin-right: 15px; } /* ikonok közelebb */ #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications { gap: 0; margin-right: -5px !important; } /* Fejléc menüből kivesszük az elválasztást hogy több hely legyen */ #peepsowidgetuserbar-2 > div > div.psw-userbar__inner { gap: 0; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__addons { margin-left: 0px; margin-right: 0px; padding-right: 0px; } #peepsowidgetuserbar-2 { padding: 0px; } #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.psw-userbar__user > div { margin-left: 5px; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > a { padding-right: 0px; padding-left: 0px; margin-right: -10px; } /* hozzászólásokba illeszthető média linkek (Fénykép / Hang / Videó / Háttér) egy sorba rakása * görgetéssel mert mobilon megtörik */ #peepso-wrap > div > div > div > div:nth-child(1) > div.pso-postbox.dracula-style-all.dracula-processed > div.pso-postbox__types.pso-postbox__types--show.dracula-style-txt-border.dracula-processed, #peepso-wrap > div > div > div > div:nth-child(1) > div.pso-postbox > div.pso-postbox__types.pso-postbox__types--show, #peepso-wrap > div > div > div > div > div:nth-child(1) > div.pso-postbox > div.pso-postbox__types.pso-postbox__types--show, #ps-profile > div.ps-profile__layout > div > div > div:nth-child(1) > div.pso-postbox > div.pso-postbox__types.pso-postbox__types--show { flex-wrap: nowrap; overflow: scroll; scrollbar-color: #00000000 #00000000; } } @media only screen and (min-width: 373px) and (max-width: 768px) { #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications > * { margin-right: 0px; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__logo.gc-header__logo--mobile { margin-right: 0px; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > a { margin-right: -20px; } /* ISMERŐSÖK -logó kissebbre vétele */ #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__logo > div > a img { width: 135px !important; height: 85% !important; } #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__logo { margin-right: 0px; margin-left: -10px; } /* Profile lenyíló igazítása */ #body > div.gc-header__wrapper.gc-js-header-wrapper > div.gc-header.gc-js-header > div > div.gc-header__addons { margin-left: 0px; margin-right: 0px; margin-right: -10px; /* 35px; */ } #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.psw-userbar__user > div > div.psw-userbar__menu.ps-dropdown.ps-dropdown--menu.ps-dropdown--left > a { /* padding-right: 20px; */ margin-right: 15px; } /* ikonok közelebb */ #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications { gap: 0; margin-right: -5px !important; } #peepsowidgetuserbar-2 > div > div.psw-userbar__inner > div.psw-userbar__user > div { margin-left: 5px; } /* Fejléc menüből kivesszük az elválasztást hogy több hely legyen */ #peepsowidgetuserbar-2 > div > div.psw-userbar__inner { gap: 0; } #peepsowidgetuserbar-2 { padding: 0px; } /* hozzászólásokba illeszthető média linkek (Fénykép / Hang / Videó / Háttér) egy sorba rakása * görgetéssel mert mobilon megtörik */ #peepso-wrap > div > div > div > div:nth-child(1) > div.pso-postbox.dracula-style-all.dracula-processed > div.pso-postbox__types.pso-postbox__types--show.dracula-style-txt-border.dracula-processed, #peepso-wrap > div > div > div > div:nth-child(1) > div.pso-postbox > div.pso-postbox__types.pso-postbox__types--show, #peepso-wrap > div > div > div > div > div:nth-child(1) > div.pso-postbox > div.pso-postbox__types.pso-postbox__types--show { flex-wrap: nowrap; overflow: scroll; scrollbar-color: #00000000 #00000000; } /* mobilmenü és profil lenyíló ikonok igazítása mert a szélesebb kép miatt összecsúsznak - VÉGE */ } /* SIDENAV ÁLLANDÓ FELIRATOK - START */ /* Baráti felkérések, Üzenetek, Értesítések, Kilépés -ikonok fehérre állítása (2025.09.15.) */ #gc-sidenav > div > div > div > div > div > div > div > a, #gc-sidenav > a { color: var(--c-gc-sidenav-menu-icon) !important; /* 2025-10-07 frissítés után kellett beállítani...??? */ display: flex; flex-direction: column; } /* 2025-10-07 frissítés után szétcsúsztak a navigációs sávban lévő értesítési ikonok...... */ #gc-sidenav > div > div.gc-sidenav__notifs > div > div > div.psw-userbar__inner > div { display: flex; flex-direction: column; align-items: center; } /* Header és Footer jobbra tolása a szélesebb sidenav miatt */ @media (min-width: 61.25em) { .gc-body--sidenav.logged-in .gc-header__wrapper { left: 100px !important; } .gc-body--sidenav.logged-in .gc-footer { margin-left: 20px; } } /* Szélesítés a feliratok miatt kell */ #gc-sidenav { min-width: 112px !important; } /* hover-re megjelenő háttér effekt */ .gc-sidenav__menu a:before { transform: translateY(-70%) !important; width: 90% !important; height: 60px !important; } /* Menü és értesítési ikonokat + kilépés kicsit összébb kell hozni */ .gc-sidenav__menu a, .gc-sidenav__notifs .ps-notif__toggle, .gc-sidenav__logout, #gc-sidenav > div > div.gc-sidenav__notifs > div > div > div.psw-userbar__inner > div.pso-notifs.psw-notifs--userbar.ps-js-widget-userbar-notifications > div.pso-notif > a { padding: 0 !important; } /* sidenav állandó cimkék */ .sidenav-fix-label { margin-top: 5px !important; font-size: 0.8rem !important; } /* SIDENAV ÁLLANDÓ FELIRATOK - END */