From 5d03dea44dd47a5691139c72d89a210bfb73f943 Mon Sep 17 00:00:00 2001 From: infeeeee Date: Wed, 4 Sep 2019 23:42:06 +0200 Subject: [PATCH] updates on 09.04 --- KÉZIKÖNYV.md | 15 +- _teendők.md | 8 +- category-esemeny.php | 5 +- css/base.css | 1235 +++++++++++++++++++++++++++++++--------- js/scripts.js | 261 ++++++--- sass/_font-mixins.scss | 39 +- sass/base.scss | 344 +++++++---- 7 files changed, 1428 insertions(+), 479 deletions(-) diff --git a/KÉZIKÖNYV.md b/KÉZIKÖNYV.md index 4b72536..c6e142c 100644 --- a/KÉZIKÖNYV.md +++ b/KÉZIKÖNYV.md @@ -20,7 +20,7 @@ dis-alcim: dis-bevezeto: -- Csak az első két nagy cikknél jelenik meg +- Asztalin csak az első két nagy cikknél jelenik meg, mobilon az midegyiknél kivéve az első kettő #### Dokumentum beállítások @@ -48,7 +48,7 @@ Cikkíró: #### Blokkok és egyéb megjegyzések -Bevezető: Az első bekezdés-t állítsd félkövérre (Ctrl+B), hogy megfelelő legyen a kiemelés +Bevezető: Az első bekezdés-t állítsd Kiemelés4 (H4), hogy megfelelő legyen a kiemelés. Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus. @@ -101,13 +101,22 @@ Megjelenés > Testreszabás > Designisso 2019 Itt kell beállítani hogy hány cikk jelenjen meg a kezdőlapon illetve az archívumokban -Alapértelmezett értékek: +Alapértelmezett értékek, ha nem írsz be semmit akkor érvényesek! Ha utólag kitörlöd az értékeket, nem fognak működni a dolgok! - Kezdőlapon megjelenő posztok száma: 20 - Címke archívumban megjelenő posztok száma: 10 - Archívumban és keresési találatokban megjelenő posztok száma: 11 - Hasonló cikkek száma: 3 +## Téma frissítése + +Automatikus frissítés nincs. + +- Ellenőrizd, hogy a 'Update Theme and Plugins from Zip File' bővítmény be van-e kapcsolva +- (Opcionális) Kapcsold be a biztonsági mentését a régi verziónak: Beállítások -> Update Theme and Plugins from Zip File +- Töltsd le a téma legfrissebb verzióját innen: https://git.gyetpet.dynu.net/infeeeee/dis-2019/releases Válaszd a 'Source Code (ZIP)' gombot +- Wordpressen témáknál telepítsd mint egy új témát. Ha a fent említett bővítmény be van kapcsolva, akkor felül fogja írni a jelenlegi verziót. + ## Developement verzió telepítése Szükséges: python2, gulp global, max node 11 diff --git a/_teendők.md b/_teendők.md index efae1bd..6a1d200 100644 --- a/_teendők.md +++ b/_teendők.md @@ -24,4 +24,10 @@ onresize js! ### Iphone only??? ~ nem mindig működik a home DIS gomb -> Mikor nem működik, nem találok ilyet, elvileg mindenhol mennie kell, vsz ugyanaz a hiba okozta mint az eltűnő dolgokat, szerintem ezt is megoldottam, de ellenőrizd -~ menü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent \ No newline at end of file +~ menü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent + + + +- iphone gombok kattintássa, meg minden kattintása !!!!! +- Adrinak írni, hogy küldjön tökéletesen négyzet logót +- MEgnézni, hogy gördülésre fekete logó legyen! \ No newline at end of file diff --git a/category-esemeny.php b/category-esemeny.php index 89fb949..ce39926 100644 --- a/category-esemeny.php +++ b/category-esemeny.php @@ -16,7 +16,7 @@ - + @@ -45,7 +45,8 @@

- + +

diff --git a/css/base.css b/css/base.css index 2ee54ec..51295dc 100644 --- a/css/base.css +++ b/css/base.css @@ -199,6 +199,7 @@ html *::selection { position: relative; width: 100vw; height: 100vh; + z-index: 1; /* -------------------------------------------------------------------------- */ /* header */ /* -------------------------------------------------------------------------- */ @@ -291,6 +292,20 @@ html *::selection { @media (min-width: 1024px) { .wrapper .header object { height: 3rem; } } + .wrapper .header .logo a, + .wrapper .header .logo button, + .wrapper .header .logo *, + .wrapper .header .social-link a, + .wrapper .header .social-link button, + .wrapper .header .social-link *, + .wrapper .header .menubutton a, + .wrapper .header .menubutton button, + .wrapper .header .menubutton *, + .wrapper .header .events-link a, + .wrapper .header .events-link button, + .wrapper .header .events-link * { + z-index: 3501; + cursor: pointer; } .wrapper .header .logo .white, .wrapper .header .social-link .white, .wrapper .header .menubutton .white, @@ -919,7 +934,7 @@ html *::selection { .wrapper .header #tag-nav ul li a span.pause { animation-play-state: paused; } .wrapper main { - z-index: 1; } + z-index: 2; } .wrapper main section { /* -------------------------------- load more ------------------------------- */ } .wrapper main section article { @@ -1241,7 +1256,7 @@ html *::selection { .search-results main section article .metadata, .search-no-results main section article .metadata, .error404 main section article .metadata { - top: calc(50vw - 5rem); + top: calc(50vw - 5rem + 1px); height: 5rem; display: flex; width: -moz-max-content; @@ -1251,7 +1266,59 @@ html *::selection { justify-content: space-around; flex-wrap: nowrap; align-items: center; - padding: 0; } + padding: 0; + z-index: 15; } + .archive main section article .metadata::after, + .home main section article .metadata::after, + .search-results main section article .metadata::after, + .search-no-results main section article .metadata::after, + .error404 main section article .metadata::after { + display: none; } + @media (max-width: 768px) { + .archive main section article .metadata::after, + .home main section article .metadata::after, + .search-results main section article .metadata::after, + .search-no-results main section article .metadata::after, + .error404 main section article .metadata::after { + position: absolute; + content: ""; + display: block; + top: 0; + border: none; + width: calc(100% - 5rem + (5rem + 1px)); + border-top: #000 1px solid; + background-color: white; + left: calc(5rem); + margin-left: calc((5rem + 1px) * -1); + z-index: 90; } + .archive main section article .metadata::before, + .home main section article .metadata::before, + .search-results main section article .metadata::before, + .search-no-results main section article .metadata::before, + .error404 main section article .metadata::before { + display: block; + content: ""; + position: absolute; + width: calc(5rem); + height: calc(5rem); + top: 0; + background-color: white; + z-index: 9; + left: calc((5rem + 1px) * -1); + border-left: #000 solid 1px; + -moz-transform: skewX(-45deg); + -o-transform: skewX(-45deg); + -ms-transform: skewX(-45deg); + -webkit-transform: skewX(-45deg); + transform: skewX(-45deg); + transform-origin: left bottom; + border-top: #000 solid 1px; } } + .archive main section article .metadata > *, + .home main section article .metadata > *, + .search-results main section article .metadata > *, + .search-no-results main section article .metadata > *, + .error404 main section article .metadata > * { + z-index: 15; } .archive main section article .metadata .vr, .home main section article .metadata .vr, .search-results main section article .metadata .vr, @@ -1280,14 +1347,67 @@ html *::selection { .error404 main section article .metadata .alcimWrapper, .error404 main section article .metadata .curvyArrow { display: none; } + .archive main section article h2, + .home main section article h2, + .search-results main section article h2, + .search-no-results main section article h2, + .error404 main section article h2 { + position: relative; + border-top: #000 1px solid; + z-index: 8; } .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, .search-results main section article > .bevezetoWrapper, .search-no-results main section article > .bevezetoWrapper, .error404 main section article > .bevezetoWrapper { - padding: 0 2rem 1.5rem; - font: 300 1rem "Westeinde Caption"; + padding: 0 2rem 3rem; + font: bold 1.5rem "Westeinde Caption"; + color: #000; + font-weight: 300; color: #000; } + @media (min-width: 360px) { + .archive main section article > .bevezetoWrapper, + .home main section article > .bevezetoWrapper, + .search-results main section article > .bevezetoWrapper, + .search-no-results main section article > .bevezetoWrapper, + .error404 main section article > .bevezetoWrapper { + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .archive main section article > .bevezetoWrapper, + .home main section article > .bevezetoWrapper, + .search-results main section article > .bevezetoWrapper, + .search-no-results main section article > .bevezetoWrapper, + .error404 main section article > .bevezetoWrapper { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .archive main section article > .bevezetoWrapper, + .home main section article > .bevezetoWrapper, + .search-results main section article > .bevezetoWrapper, + .search-no-results main section article > .bevezetoWrapper, + .error404 main section article > .bevezetoWrapper { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 1024px) { + .archive main section article > .bevezetoWrapper, + .home main section article > .bevezetoWrapper, + .search-results main section article > .bevezetoWrapper, + .search-no-results main section article > .bevezetoWrapper, + .error404 main section article > .bevezetoWrapper { + font-size: 1.5rem; } } + @media (min-width: 1279px) { + .archive main section article > .bevezetoWrapper, + .home main section article > .bevezetoWrapper, + .search-results main section article > .bevezetoWrapper, + .search-no-results main section article > .bevezetoWrapper, + .error404 main section article > .bevezetoWrapper { + font-size: 2rem; } } + @media (min-width: 1919px) { + .archive main section article > .bevezetoWrapper, + .home main section article > .bevezetoWrapper, + .search-results main section article > .bevezetoWrapper, + .search-no-results main section article > .bevezetoWrapper, + .error404 main section article > .bevezetoWrapper { + font-size: 3rem; } } @media (min-width: 769px) { .archive main section article > .bevezetoWrapper, .home main section article > .bevezetoWrapper, @@ -1325,7 +1445,7 @@ html *::selection { .search-no-results main section article.post_nr_2, .error404 main section article.post_nr_1, .error404 main section article.post_nr_2 { - height: 100vh; } + min-height: 100vh; } .archive main section article.post_nr_1 .thumbnailwrapper img, .archive main section article.post_nr_2 .thumbnailwrapper img, .home main section article.post_nr_1 .thumbnailwrapper img, .home main section article.post_nr_2 .thumbnailwrapper img, @@ -1345,7 +1465,7 @@ html *::selection { .search-no-results main section article.post_nr_2 .metadata, .error404 main section article.post_nr_1 .metadata, .error404 main section article.post_nr_2 .metadata { - top: calc(50vh - 5rem); } + top: calc(50vh - 5rem + 1px); } .archive main section article.post_nr_1 h2, .archive main section article.post_nr_2 h2, .home main section article.post_nr_1 h2, .home main section article.post_nr_2 h2, @@ -1355,7 +1475,6 @@ html *::selection { .search-no-results main section article.post_nr_2 h2, .error404 main section article.post_nr_1 h2, .error404 main section article.post_nr_2 h2 { - height: 50vh; padding-top: 3rem; } .archive main section article.post_nr_1 h2 a, .archive main section article.post_nr_2 h2 a, .home main section article.post_nr_1 h2 a, @@ -1434,71 +1553,26 @@ html *::selection { .error404 main section article.post_nr_1 h2 a, .error404 main section article.post_nr_2 h2 a { line-height: 1.5; } } - .archive main section article.post_nr_1 .metadata, - .home main section article.post_nr_1 .metadata, - .search-results main section article.post_nr_1 .metadata, - .search-no-results main section article.post_nr_1 .metadata, - .error404 main section article.post_nr_1 .metadata { - z-index: 15; } - .archive main section article.post_nr_1 .metadata::after, - .home main section article.post_nr_1 .metadata::after, - .search-results main section article.post_nr_1 .metadata::after, - .search-no-results main section article.post_nr_1 .metadata::after, - .error404 main section article.post_nr_1 .metadata::after { - display: none; } - .archive main section article.post_nr_1 .metadata::after, - .home main section article.post_nr_1 .metadata::after, - .search-results main section article.post_nr_1 .metadata::after, - .search-no-results main section article.post_nr_1 .metadata::after, - .error404 main section article.post_nr_1 .metadata::after { - position: absolute; - content: ""; - display: block; - top: 0; - border: none; - width: calc(100% - 5rem + (5rem + 1px)); - border-top: #000 1px solid; - background-color: white; - left: calc(5rem); - margin-left: calc((5rem + 1px) * -1); } - .archive main section article.post_nr_1 .metadata::before, - .home main section article.post_nr_1 .metadata::before, - .search-results main section article.post_nr_1 .metadata::before, - .search-no-results main section article.post_nr_1 .metadata::before, - .error404 main section article.post_nr_1 .metadata::before { - display: block; - content: ""; - position: absolute; - width: calc(5rem); - height: calc(5rem); - top: 0; - background-color: white; - z-index: 9; - left: calc((5rem + 1px) * -1); - border-left: #000 solid 1px; - -moz-transform: skewX(-45deg); - -o-transform: skewX(-45deg); - -ms-transform: skewX(-45deg); - -webkit-transform: skewX(-45deg); - transform: skewX(-45deg); - transform-origin: left bottom; - border-top: #000 solid 1px; } - .archive main section article.post_nr_1 .metadata > *, - .home main section article.post_nr_1 .metadata > *, - .search-results main section article.post_nr_1 .metadata > *, - .search-no-results main section article.post_nr_1 .metadata > *, - .error404 main section article.post_nr_1 .metadata > * { - z-index: 15; } - .archive main section article.post_nr_1 h2, - .home main section article.post_nr_1 h2, - .search-results main section article.post_nr_1 h2, - .search-no-results main section article.post_nr_1 h2, - .error404 main section article.post_nr_1 h2 { - height: calc(50vh + 1px); - top: -1px; - position: relative; - border-top: #000 1px solid; - z-index: 8; } + .archive main section article.post_nr_1 .bevezetoWrapper::before, .archive main section article.post_nr_2 .bevezetoWrapper::before, + .home main section article.post_nr_1 .bevezetoWrapper::before, + .home main section article.post_nr_2 .bevezetoWrapper::before, + .search-results main section article.post_nr_1 .bevezetoWrapper::before, + .search-results main section article.post_nr_2 .bevezetoWrapper::before, + .search-no-results main section article.post_nr_1 .bevezetoWrapper::before, + .search-no-results main section article.post_nr_2 .bevezetoWrapper::before, + .error404 main section article.post_nr_1 .bevezetoWrapper::before, + .error404 main section article.post_nr_2 .bevezetoWrapper::before { + margin-bottom: 0; } + .archive main section article.post_nr_1 .bevezetoWrapper .bevezeto, .archive main section article.post_nr_2 .bevezetoWrapper .bevezeto, + .home main section article.post_nr_1 .bevezetoWrapper .bevezeto, + .home main section article.post_nr_2 .bevezetoWrapper .bevezeto, + .search-results main section article.post_nr_1 .bevezetoWrapper .bevezeto, + .search-results main section article.post_nr_2 .bevezetoWrapper .bevezeto, + .search-no-results main section article.post_nr_1 .bevezetoWrapper .bevezeto, + .search-no-results main section article.post_nr_2 .bevezetoWrapper .bevezeto, + .error404 main section article.post_nr_1 .bevezetoWrapper .bevezeto, + .error404 main section article.post_nr_2 .bevezetoWrapper .bevezeto { + padding-top: 1rem; } @media (min-width: 769px) { .archive main section .home_wrapper-big, .home main section .home_wrapper-big, @@ -1562,6 +1636,7 @@ html *::selection { top: 0; padding: 2rem; padding-left: 4rem; + border: none; width: calc(100vw - 18.75rem); } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-big article h2, @@ -1783,8 +1858,53 @@ html *::selection { .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { margin: 0; overflow: hidden; - font: 300 1rem "Westeinde Caption"; + font: bold 1.5rem "Westeinde Caption"; + color: #000; + font-weight: 300; color: #000; } } + @media (min-width: 769px) and (min-width: 360px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + font-size: 1.8rem; } } + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + font-size: 2.5rem; } } + @media (min-width: 769px) and (min-width: 769px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 769px) and (min-width: 1024px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + font-size: 1.5rem; } } + @media (min-width: 769px) and (min-width: 1279px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + font-size: 2rem; } } + @media (min-width: 769px) and (min-width: 1919px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { + font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, @@ -1807,9 +1927,54 @@ html *::selection { .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { - font: 300 1rem "Westeinde Caption"; + font: bold 1.5rem "Westeinde Caption"; + color: #000; + font-weight: 300; color: #000; text-align: left; } } + @media (min-width: 769px) and (min-width: 360px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font-size: 1.8rem; } } + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font-size: 2.5rem; } } + @media (min-width: 769px) and (min-width: 769px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 769px) and (min-width: 1024px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font-size: 1.5rem; } } + @media (min-width: 769px) and (min-width: 1279px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font-size: 2rem; } } + @media (min-width: 769px) and (min-width: 1919px) { + .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, + .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { + font-size: 3rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, @@ -1847,7 +2012,8 @@ html *::selection { border-top: #000 1px solid; background-color: transparent; left: calc(4rem); - margin-left: calc((1px) * -1); } + margin-left: calc((1px) * -1); + z-index: 90; } .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .home main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before, @@ -1902,7 +2068,8 @@ html *::selection { border-top: #000 1px solid; background-color: transparent; right: calc(4rem); - margin-right: calc((1px) * -1); } + margin-right: calc((1px) * -1); + z-index: 90; } .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .home main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before, @@ -2282,7 +2449,8 @@ html *::selection { border-top: #000 1px solid; background-color: transparent; left: calc(2.5rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } .archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before, @@ -2370,7 +2538,8 @@ html *::selection { border-top: #000 1px solid; background-color: transparent; left: calc(5rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } .archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before, @@ -2489,7 +2658,8 @@ html *::selection { border-top: #000 1px solid; background-color: transparent; left: calc(10rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } .archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before, @@ -3491,7 +3661,8 @@ html *::selection { top: 0; background-color: #fff; height: 100%; - padding: 0; } + padding: 0; + border: none; } .archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivedescription h2 a, @@ -3685,7 +3856,8 @@ html *::selection { border-top: #000 1px solid; background-color: transparent; left: calc(5rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } .archive main section .home_wrapper-small .archivetitle::before, .archive main section #post-404 .archivetitle::before, .home main section .home_wrapper-small .archivetitle::before, @@ -4397,7 +4569,7 @@ body.category.category-esemeny { flex-direction: column; justify-content: space-between; align-content: stretch; - padding: 1.5rem; + padding: 1rem; height: 35vw; max-height: 180px; } @media (min-width: 360px) { @@ -4409,7 +4581,7 @@ body.category.category-esemeny { flex-direction: row; justify-content: space-between; height: 50%; - flex: 0 0 auto; } + flex: 1 1 auto; } body.category.category-esemeny main article .event-metadata .top-row { align-items: center; } body.category.category-esemeny main article .event-metadata .top-row .ev-date { @@ -4421,16 +4593,16 @@ body.category.category-esemeny { font-size: 1.8rem; } } @media (min-width: 769px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 2.2rem; } } + font-size: 2rem; } } @media (min-width: 1024px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 3rem; } } + font-size: 2.5rem; } } @media (min-width: 1279px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 3.2rem; } } + font-size: 3rem; } } @media (min-width: 1919px) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { - font-size: 4.5rem; } } + font-size: 4rem; } } body.category.category-esemeny main article .event-metadata .top-row a { -moz-transform: rotate(225deg); -o-transform: rotate(225deg); @@ -4457,23 +4629,26 @@ body.category.category-esemeny { flex: 1 0.9 auto; height: unset; padding: 0; - font: 800 1.6rem "Butler"; - color: #000; } - @media (min-width: 360px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 { - font-size: 1.8rem; } } - @media (min-width: 769px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 { - font-size: 2.2rem; } } - @media (min-width: 1024px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 { - font-size: 3rem; } } - @media (min-width: 1279px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 { - font-size: 3.2rem; } } - @media (min-width: 1919px) { - body.category.category-esemeny main article .event-metadata .bottom-row h2 { - font-size: 4.5rem; } } + border: none; + padding-right: 2rem; } + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font: 800 1.6rem "Butler"; + color: #000; } + @media (min-width: 360px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 1.8rem; } } + @media (min-width: 769px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 2rem; } } + @media (min-width: 1024px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 2.5rem; } } + @media (min-width: 1279px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 3rem; } } + @media (min-width: 1919px) { + body.category.category-esemeny main article .event-metadata .bottom-row h2 a { + font-size: 4rem; } } body.category.category-esemeny main article .event-metadata .bottom-row .vr { flex: 0 0 auto; width: 1px; @@ -4482,10 +4657,10 @@ body.category.category-esemeny { box-shadow: 0 0 1px transparent; } body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { flex: 1 1 auto; + padding-left: 1rem; font: 500 1.3rem "Westeinde Caption"; -webkit-text-stroke: #00f 1px; - color: transparent; - text-align: right; } + color: transparent; } @media (min-width: 360px) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { font-size: 1.4rem; } } @@ -4513,21 +4688,21 @@ body.category.category-esemeny { body.category.category-esemeny main { padding-top: 0; } body.category.category-esemeny main section { - height: 100%; - padding-left: 10rem; + margin: 4rem 10rem; + border-top: #000 1px solid; + height: calc(100vh - 8rem); display: flex; - flex-direction: row; } + flex-direction: row; + align-content: center; } body.category.category-esemeny main section article { width: calc(50vw - 10rem); - height: calc(50vw - 10rem); max-width: calc(100vh - 5rem); - max-height: calc(100vh - 5rem); - min-width: 80vh; - min-height: 80vh; - margin: auto 10rem auto 0; + height: unset; + min-height: unset; + margin: 0 10rem 0 0; display: flex; flex-direction: column; - justify-content: space-between; } + justify-content: center; } body.category.category-esemeny main section article .thumbnailwrapper { height: unset; flex: 0 0 auto; } @@ -4540,12 +4715,23 @@ body.category.category-esemeny { body.category.category-esemeny main section article .event-metadata { max-height: 35rem; } } @media (min-width: 769px) { - body.category.category-esemeny main section article .event-metadata .bottom-row h2 { - padding-bottom: 2rem; } - body.category.category-esemeny main section article .event-metadata .bottom-row .vr { - margin: 0 2rem; } - body.category.category-esemeny main section article .event-metadata .bottom-row .text-link { - padding-bottom: 2rem; } } + body.category.category-esemeny main section article .event-metadata .top-row { + flex: 1 1 auto; + padding-right: 2rem; } + body.category.category-esemeny main section article .event-metadata .top-row .ev-date { + padding-left: 2rem; } + body.category.category-esemeny main section article .event-metadata .bottom-row { + flex: 1 1 auto; } + body.category.category-esemeny main section article .event-metadata .bottom-row h2 { + padding-left: 2rem; + padding-bottom: 2rem; + padding-right: 0; } + body.category.category-esemeny main section article .event-metadata .bottom-row .vr { + margin: 0 1rem; } + body.category.category-esemeny main section article .event-metadata .bottom-row .text-link { + padding-right: 2rem; + padding-bottom: 2rem; + padding-left: 0; } } /* -------------------------------------------------------------------------- */ /* single */ @@ -4614,6 +4800,7 @@ body.category.category-esemeny { display: flex; flex-direction: column; justify-content: center; + padding-left: 0; font: bold 1.4rem "Westeinde Caption"; } @media (min-width: 769px) { .single article .titlewrapper .metadata, @@ -4629,10 +4816,18 @@ body.category.category-esemeny { .page article .titlewrapper .metadata .metaWrapper { display: flex; flex-direction: row; - justify-content: space-between; } + justify-content: flex-start; } .single article .titlewrapper .metadata .metaWrapper .time-cat, .page article .titlewrapper .metadata .metaWrapper .time-cat { z-index: 10; } + .single article .titlewrapper .metadata .metaWrapper .time-cat::after, + .page article .titlewrapper .metadata .metaWrapper .time-cat::after { + content: " "; + display: inline-block; } + .single article .titlewrapper .metadata .metaWrapper .format::before, + .page article .titlewrapper .metadata .metaWrapper .format::before { + content: "|"; + display: inline-block; } .single article .titlewrapper h1.single-title, .page article .titlewrapper h1.single-title { margin: 0; @@ -4666,7 +4861,7 @@ body.category.category-esemeny { margin-left: 5rem; background-color: #fff; border-left: #000 solid 1px; - padding-left: 5rem; + padding-left: 10rem; /* ---------------------- title and metadata on desktop --------------------- */ } .single article .thumbnailwrapper, .page article .thumbnailwrapper { @@ -4691,7 +4886,7 @@ body.category.category-esemeny { .single article .titlewrapper .metadata, .page article .titlewrapper .metadata { top: -5rem; - width: 100%; + width: calc(100% + 5rem); padding-left: 0; padding-right: 0; } .single article .titlewrapper .metadata::after, @@ -4705,7 +4900,8 @@ body.category.category-esemeny { border-top: #000 1px solid; background-color: white; left: calc(5rem); - margin-left: calc((5rem + 1px) * -1); } + margin-left: calc((5rem + 1px) * -1); + z-index: 90; } .single article .titlewrapper .metadata::before, .page article .titlewrapper .metadata::before { display: block; @@ -4729,16 +4925,8 @@ body.category.category-esemeny { .page article .titlewrapper .metadata .metaWrapper { padding-right: 20rem; padding-left: 0; - max-width: calc(1024px + 20rem); - justify-content: flex-start; } - .single article .titlewrapper .metadata .metaWrapper .time-cat::after, - .page article .titlewrapper .metadata .metaWrapper .time-cat::after { - content: " "; - display: inline-block; } - .single article .titlewrapper .metadata .metaWrapper .format::before, - .page article .titlewrapper .metadata .metaWrapper .format::before { - content: "|"; - display: inline-block; } + max-width: calc(768px + 20rem); + padding-left: 5rem; } .single article .titlewrapper h1.single-title, .page article .titlewrapper h1.single-title { background-color: transparent; @@ -4747,7 +4935,7 @@ body.category.category-esemeny { position: relative; padding-right: 20rem; padding-left: 0; - max-width: calc(1024px + 20rem); } } + max-width: calc(768px + 20rem); } } .single article hr, .page article hr { height: 1px; @@ -4775,6 +4963,9 @@ body.category.category-esemeny { .page article hr.content-end { margin-top: 2rem; margin-bottom: 2rem; } } + .single article hr.wp-block-separator:nth-of-type(2), + .page article hr.wp-block-separator:nth-of-type(2) { + margin-bottom: 4rem; } .single article.has-post-thumbnail hr.content-begin, .page article.has-post-thumbnail hr.content-begin { margin-top: calc(25vh + 2rem); } @@ -4789,7 +4980,7 @@ body.category.category-esemeny { top: -5rem; padding-right: 20rem; padding-left: 0; - max-width: calc(1024px + 20rem); } } + max-width: calc(768px + 20rem); } } .single article .single-content p, .page article .single-content p { line-height: 1.3; } @@ -4808,7 +4999,9 @@ body.category.category-esemeny { box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } .single article .single-content h4, .page article .single-content h4 { - font-weight: 500; } + font-weight: 300; + font-size: 2.4rem; + line-height: 1.3; } .single article .single-content a:hover, .page article .single-content a:hover { text-decoration: underline; } @@ -4824,7 +5017,7 @@ body.category.category-esemeny { .page article .single-content blockquote p { background: #ff5f5f; display: inline; - padding: 3px 0; + padding: 5px 0 3px; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } @@ -4837,7 +5030,30 @@ body.category.category-esemeny { left: 2rem; } .single article .single-content .wp-block-pullquote, .page article .single-content .wp-block-pullquote { - text-align: unset; } + padding: 4rem; } + .single article .single-content .wp-block-pullquote blockquote, + .page article .single-content .wp-block-pullquote blockquote { + display: inline; + position: relative; } + .single article .single-content .wp-block-pullquote blockquote p, + .page article .single-content .wp-block-pullquote blockquote p { + font: 800 2.1rem "Butler"; + color: #000; + padding-top: 8px; } + @media (min-width: 769px) { + .single article .single-content .wp-block-pullquote blockquote p, + .page article .single-content .wp-block-pullquote blockquote p { + font-size: 2.8rem; + padding-top: 5px; } } + .single article .single-content .wp-block-pullquote blockquote cite, + .page article .single-content .wp-block-pullquote blockquote cite { + position: absolute; + font-size: 80%; + bottom: -3rem; + right: 0; + top: unset; + left: unset; + display: inline-block; } .single article .single-content .wp-block-image, .page article .single-content .wp-block-image { margin: 2rem 0; @@ -4881,7 +5097,7 @@ body.category.category-esemeny { @media (min-width: 769px) { .single article .single-content .wp-block-gallery li, .page article .single-content .wp-block-gallery li { - margin-bottom: 4rem; } } + margin: 0; } } @media (min-width: 769px) { .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption, .page article .single-content .wp-block-gallery li:nth-child(odd) figcaption { @@ -5175,7 +5391,7 @@ body.category.category-esemeny { right: 4rem; } } .single #colorbox #cboxContent button#cboxClose, .page #colorbox #cboxContent button#cboxClose { - background-image: url(../img/dis-plus.svg); + background-image: url(../img/dis-plus-white.svg); width: 2rem; height: 2rem; -moz-transform: rotate(45deg); @@ -5238,7 +5454,7 @@ body.category.category-esemeny { margin: 0; padding-right: 20rem; padding-left: 0; - max-width: calc(1024px + 20rem); } + max-width: calc(768px + 20rem); } .toHome a { margin-bottom: 4rem; display: block; } } @@ -5299,7 +5515,7 @@ body.category.category-esemeny { padding-top: 4rem; padding-right: 20rem; padding-left: 0; - max-width: calc(1024px + 20rem); } + max-width: calc(768px + 20rem); } #related_posts > h3 { display: block; } #related_posts ul { @@ -5348,7 +5564,8 @@ body.category.category-esemeny { border-top: #000 1px solid; background-color: transparent; left: calc(5rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } #related_posts ul li .metadata::before { display: block; content: ""; @@ -5380,7 +5597,8 @@ body.category.category-esemeny { border-top: #000 1px solid; background-color: transparent; left: calc(2.5rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } #related_posts ul li .metadata::before { display: block; content: ""; @@ -5412,7 +5630,8 @@ body.category.category-esemeny { border-top: #000 1px solid; background-color: transparent; left: calc(5rem); - margin-left: 0; } + margin-left: 0; + z-index: 90; } #related_posts ul li .metadata::before { display: block; content: ""; @@ -5564,61 +5783,173 @@ body.category.category-esemeny { /* TAG COLORS */ /* -------------------------------------------------------------------------- */ @media (max-width: 768px) { - .tag-be .metadata { + .archive.tag-be .metadata, + .archive .tag-be .metadata, + .home.tag-be .metadata, + .home .tag-be .metadata, + .search-results.tag-be .metadata, + .search-results .tag-be .metadata { color: #fdff00 !important; } - .tag-be .metadata .vr { + .archive.tag-be .metadata .vr, + .archive .tag-be .metadata .vr, + .home.tag-be .metadata .vr, + .home .tag-be .metadata .vr, + .search-results.tag-be .metadata .vr, + .search-results .tag-be .metadata .vr { background-color: #fdff00 !important; } } -.tag-be .metadata a { +.archive.tag-be .metadata a, +.archive .tag-be .metadata a, +.home.tag-be .metadata a, +.home .tag-be .metadata a, +.search-results.tag-be .metadata a, +.search-results .tag-be .metadata a { color: #fdff00 !important; } -.tag-be.post_nr_1:not(.home-big) .metadata::before, .tag-be.post_nr_1:not(.home-big) .metadata::after { - border-color: #fdff00 !important; } +@media (max-width: 768px) { + .archive.tag-be .metadata::before, .archive.tag-be .metadata::after, + .archive .tag-be .metadata::before, + .archive .tag-be .metadata::after, + .home.tag-be .metadata::before, + .home.tag-be .metadata::after, + .home .tag-be .metadata::before, + .home .tag-be .metadata::after, + .search-results.tag-be .metadata::before, + .search-results.tag-be .metadata::after, + .search-results .tag-be .metadata::before, + .search-results .tag-be .metadata::after { + border-color: #fdff00 !important; } } -.tag-be.post_nr_1:not(.home-big) h2 { - border-top-color: #fdff00 !important; } +@media (max-width: 768px) { + .archive.tag-be h2, + .archive .tag-be h2, + .home.tag-be h2, + .home .tag-be h2, + .search-results.tag-be h2, + .search-results .tag-be h2 { + border-top-color: #fdff00 !important; } } -.tag-be > .bevezetoWrapper::before { +.archive.tag-be > .bevezetoWrapper::before, +.archive .tag-be > .bevezetoWrapper::before, +.home.tag-be > .bevezetoWrapper::before, +.home .tag-be > .bevezetoWrapper::before, +.search-results.tag-be > .bevezetoWrapper::before, +.search-results .tag-be > .bevezetoWrapper::before { background-color: #fdff00 !important; } -.tag-be hr { +.archive.tag-be hr, +.archive .tag-be hr, +.home.tag-be hr, +.home .tag-be hr, +.search-results.tag-be hr, +.search-results .tag-be hr { background-color: #fdff00 !important; } -.tag-be figcaption { +.archive.tag-be figcaption, +.archive .tag-be figcaption, +.home.tag-be figcaption, +.home .tag-be figcaption, +.search-results.tag-be figcaption, +.search-results .tag-be figcaption { color: #fdff00 !important; } @media (min-width: 769px) { - .tag-be.home-big h2 a { + .archive.tag-be.home-big h2 a, + .archive .tag-be.home-big h2 a, + .home.tag-be.home-big h2 a, + .home .tag-be.home-big h2 a, + .search-results.tag-be.home-big h2 a, + .search-results .tag-be.home-big h2 a { color: #fdff00; } - .tag-be.home-big.hovered { + .archive.tag-be.home-big.hovered, + .archive .tag-be.home-big.hovered, + .home.tag-be.home-big.hovered, + .home .tag-be.home-big.hovered, + .search-results.tag-be.home-big.hovered, + .search-results .tag-be.home-big.hovered { background-color: #fdff00 !important; } - .tag-be.home-small .metadata, - .tag-be.home-small .metadata a { + .archive.tag-be.home-small .metadata, + .archive.tag-be.home-small .metadata a, + .archive .tag-be.home-small .metadata, + .archive .tag-be.home-small .metadata a, + .home.tag-be.home-small .metadata, + .home.tag-be.home-small .metadata a, + .home .tag-be.home-small .metadata, + .home .tag-be.home-small .metadata a, + .search-results.tag-be.home-small .metadata, + .search-results.tag-be.home-small .metadata a, + .search-results .tag-be.home-small .metadata, + .search-results .tag-be.home-small .metadata a { color: #000 !important; } } -.tag-be.bedo-sub-wrapper > a { +.archive.tag-be.bedo-sub-wrapper > a, +.archive .tag-be.bedo-sub-wrapper > a, +.home.tag-be.bedo-sub-wrapper > a, +.home .tag-be.bedo-sub-wrapper > a, +.search-results.tag-be.bedo-sub-wrapper > a, +.search-results .tag-be.bedo-sub-wrapper > a { -webkit-text-stroke: #fdff00 1px !important; } -.tag-be.bedo-sub-wrapper span { +.archive.tag-be.bedo-sub-wrapper span, +.archive .tag-be.bedo-sub-wrapper span, +.home.tag-be.bedo-sub-wrapper span, +.home .tag-be.bedo-sub-wrapper span, +.search-results.tag-be.bedo-sub-wrapper span, +.search-results .tag-be.bedo-sub-wrapper span { color: #fdff00 !important; } -.tag-be.bedo-sub-wrapper .circle { +.archive.tag-be.bedo-sub-wrapper .circle, +.archive .tag-be.bedo-sub-wrapper .circle, +.home.tag-be.bedo-sub-wrapper .circle, +.home .tag-be.bedo-sub-wrapper .circle, +.search-results.tag-be.bedo-sub-wrapper .circle, +.search-results .tag-be.bedo-sub-wrapper .circle { background-color: #fdff00 !important; } -.tag-be.archive.tag { +.archive.tag-be.archive.tag, +.archive .tag-be.archive.tag, +.home.tag-be.archive.tag, +.home .tag-be.archive.tag, +.search-results.tag-be.archive.tag, +.search-results .tag-be.archive.tag { background-color: #fdff00 !important; } - .tag-be.archive.tag .header-1, - .tag-be.archive.tag .header-2 { + .archive.tag-be.archive.tag .header-1, + .archive.tag-be.archive.tag .header-2, + .archive .tag-be.archive.tag .header-1, + .archive .tag-be.archive.tag .header-2, + .home.tag-be.archive.tag .header-1, + .home.tag-be.archive.tag .header-2, + .home .tag-be.archive.tag .header-1, + .home .tag-be.archive.tag .header-2, + .search-results.tag-be.archive.tag .header-1, + .search-results.tag-be.archive.tag .header-2, + .search-results .tag-be.archive.tag .header-1, + .search-results .tag-be.archive.tag .header-2 { background-color: #fdff00 !important; } - .tag-be.archive.tag article *:not(.vr) { + .archive.tag-be.archive.tag article *:not(.vr), + .archive .tag-be.archive.tag article *:not(.vr), + .home.tag-be.archive.tag article *:not(.vr), + .home .tag-be.archive.tag article *:not(.vr), + .search-results.tag-be.archive.tag article *:not(.vr), + .search-results .tag-be.archive.tag article *:not(.vr) { background-color: #fdff00 !important; } -.tag-be ::selection { +.archive.tag-be ::selection, +.archive .tag-be ::selection, +.home.tag-be ::selection, +.home .tag-be ::selection, +.search-results.tag-be ::selection, +.search-results .tag-be ::selection { color: #000; background-color: #3c00ff; } @media (min-width: 769px) { - .tag-be.random .thumbnailwrapper > img { + .archive.tag-be.random .thumbnailwrapper > img, + .archive .tag-be.random .thumbnailwrapper > img, + .home.tag-be.random .thumbnailwrapper > img, + .home .tag-be.random .thumbnailwrapper > img, + .search-results.tag-be.random .thumbnailwrapper > img, + .search-results .tag-be.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/be_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; @@ -5627,61 +5958,173 @@ body.category.category-esemeny { mask-size: 100%; } } @media (max-width: 768px) { - .tag-do .metadata { + .archive.tag-do .metadata, + .archive .tag-do .metadata, + .home.tag-do .metadata, + .home .tag-do .metadata, + .search-results.tag-do .metadata, + .search-results .tag-do .metadata { color: #3c00ff !important; } - .tag-do .metadata .vr { + .archive.tag-do .metadata .vr, + .archive .tag-do .metadata .vr, + .home.tag-do .metadata .vr, + .home .tag-do .metadata .vr, + .search-results.tag-do .metadata .vr, + .search-results .tag-do .metadata .vr { background-color: #3c00ff !important; } } -.tag-do .metadata a { +.archive.tag-do .metadata a, +.archive .tag-do .metadata a, +.home.tag-do .metadata a, +.home .tag-do .metadata a, +.search-results.tag-do .metadata a, +.search-results .tag-do .metadata a { color: #3c00ff !important; } -.tag-do.post_nr_1:not(.home-big) .metadata::before, .tag-do.post_nr_1:not(.home-big) .metadata::after { - border-color: #3c00ff !important; } +@media (max-width: 768px) { + .archive.tag-do .metadata::before, .archive.tag-do .metadata::after, + .archive .tag-do .metadata::before, + .archive .tag-do .metadata::after, + .home.tag-do .metadata::before, + .home.tag-do .metadata::after, + .home .tag-do .metadata::before, + .home .tag-do .metadata::after, + .search-results.tag-do .metadata::before, + .search-results.tag-do .metadata::after, + .search-results .tag-do .metadata::before, + .search-results .tag-do .metadata::after { + border-color: #3c00ff !important; } } -.tag-do.post_nr_1:not(.home-big) h2 { - border-top-color: #3c00ff !important; } +@media (max-width: 768px) { + .archive.tag-do h2, + .archive .tag-do h2, + .home.tag-do h2, + .home .tag-do h2, + .search-results.tag-do h2, + .search-results .tag-do h2 { + border-top-color: #3c00ff !important; } } -.tag-do > .bevezetoWrapper::before { +.archive.tag-do > .bevezetoWrapper::before, +.archive .tag-do > .bevezetoWrapper::before, +.home.tag-do > .bevezetoWrapper::before, +.home .tag-do > .bevezetoWrapper::before, +.search-results.tag-do > .bevezetoWrapper::before, +.search-results .tag-do > .bevezetoWrapper::before { background-color: #3c00ff !important; } -.tag-do hr { +.archive.tag-do hr, +.archive .tag-do hr, +.home.tag-do hr, +.home .tag-do hr, +.search-results.tag-do hr, +.search-results .tag-do hr { background-color: #3c00ff !important; } -.tag-do figcaption { +.archive.tag-do figcaption, +.archive .tag-do figcaption, +.home.tag-do figcaption, +.home .tag-do figcaption, +.search-results.tag-do figcaption, +.search-results .tag-do figcaption { color: #3c00ff !important; } @media (min-width: 769px) { - .tag-do.home-big h2 a { + .archive.tag-do.home-big h2 a, + .archive .tag-do.home-big h2 a, + .home.tag-do.home-big h2 a, + .home .tag-do.home-big h2 a, + .search-results.tag-do.home-big h2 a, + .search-results .tag-do.home-big h2 a { color: #3c00ff; } - .tag-do.home-big.hovered { + .archive.tag-do.home-big.hovered, + .archive .tag-do.home-big.hovered, + .home.tag-do.home-big.hovered, + .home .tag-do.home-big.hovered, + .search-results.tag-do.home-big.hovered, + .search-results .tag-do.home-big.hovered { background-color: #3c00ff !important; } - .tag-do.home-small .metadata, - .tag-do.home-small .metadata a { + .archive.tag-do.home-small .metadata, + .archive.tag-do.home-small .metadata a, + .archive .tag-do.home-small .metadata, + .archive .tag-do.home-small .metadata a, + .home.tag-do.home-small .metadata, + .home.tag-do.home-small .metadata a, + .home .tag-do.home-small .metadata, + .home .tag-do.home-small .metadata a, + .search-results.tag-do.home-small .metadata, + .search-results.tag-do.home-small .metadata a, + .search-results .tag-do.home-small .metadata, + .search-results .tag-do.home-small .metadata a { color: #000 !important; } } -.tag-do.bedo-sub-wrapper > a { +.archive.tag-do.bedo-sub-wrapper > a, +.archive .tag-do.bedo-sub-wrapper > a, +.home.tag-do.bedo-sub-wrapper > a, +.home .tag-do.bedo-sub-wrapper > a, +.search-results.tag-do.bedo-sub-wrapper > a, +.search-results .tag-do.bedo-sub-wrapper > a { -webkit-text-stroke: #3c00ff 1px !important; } -.tag-do.bedo-sub-wrapper span { +.archive.tag-do.bedo-sub-wrapper span, +.archive .tag-do.bedo-sub-wrapper span, +.home.tag-do.bedo-sub-wrapper span, +.home .tag-do.bedo-sub-wrapper span, +.search-results.tag-do.bedo-sub-wrapper span, +.search-results .tag-do.bedo-sub-wrapper span { color: #3c00ff !important; } -.tag-do.bedo-sub-wrapper .circle { +.archive.tag-do.bedo-sub-wrapper .circle, +.archive .tag-do.bedo-sub-wrapper .circle, +.home.tag-do.bedo-sub-wrapper .circle, +.home .tag-do.bedo-sub-wrapper .circle, +.search-results.tag-do.bedo-sub-wrapper .circle, +.search-results .tag-do.bedo-sub-wrapper .circle { background-color: #3c00ff !important; } -.tag-do.archive.tag { +.archive.tag-do.archive.tag, +.archive .tag-do.archive.tag, +.home.tag-do.archive.tag, +.home .tag-do.archive.tag, +.search-results.tag-do.archive.tag, +.search-results .tag-do.archive.tag { background-color: #3c00ff !important; } - .tag-do.archive.tag .header-1, - .tag-do.archive.tag .header-2 { + .archive.tag-do.archive.tag .header-1, + .archive.tag-do.archive.tag .header-2, + .archive .tag-do.archive.tag .header-1, + .archive .tag-do.archive.tag .header-2, + .home.tag-do.archive.tag .header-1, + .home.tag-do.archive.tag .header-2, + .home .tag-do.archive.tag .header-1, + .home .tag-do.archive.tag .header-2, + .search-results.tag-do.archive.tag .header-1, + .search-results.tag-do.archive.tag .header-2, + .search-results .tag-do.archive.tag .header-1, + .search-results .tag-do.archive.tag .header-2 { background-color: #3c00ff !important; } - .tag-do.archive.tag article *:not(.vr) { + .archive.tag-do.archive.tag article *:not(.vr), + .archive .tag-do.archive.tag article *:not(.vr), + .home.tag-do.archive.tag article *:not(.vr), + .home .tag-do.archive.tag article *:not(.vr), + .search-results.tag-do.archive.tag article *:not(.vr), + .search-results .tag-do.archive.tag article *:not(.vr) { background-color: #3c00ff !important; } -.tag-do ::selection { +.archive.tag-do ::selection, +.archive .tag-do ::selection, +.home.tag-do ::selection, +.home .tag-do ::selection, +.search-results.tag-do ::selection, +.search-results .tag-do ::selection { color: #000; background-color: #fdff00; } @media (min-width: 769px) { - .tag-do.random .thumbnailwrapper > img { + .archive.tag-do.random .thumbnailwrapper > img, + .archive .tag-do.random .thumbnailwrapper > img, + .home.tag-do.random .thumbnailwrapper > img, + .home .tag-do.random .thumbnailwrapper > img, + .search-results.tag-do.random .thumbnailwrapper > img, + .search-results .tag-do.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/do_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; @@ -5690,61 +6133,173 @@ body.category.category-esemeny { mask-size: 100%; } } @media (max-width: 768px) { - .tag-think .metadata { + .archive.tag-think .metadata, + .archive .tag-think .metadata, + .home.tag-think .metadata, + .home .tag-think .metadata, + .search-results.tag-think .metadata, + .search-results .tag-think .metadata { color: #00ffb8 !important; } - .tag-think .metadata .vr { + .archive.tag-think .metadata .vr, + .archive .tag-think .metadata .vr, + .home.tag-think .metadata .vr, + .home .tag-think .metadata .vr, + .search-results.tag-think .metadata .vr, + .search-results .tag-think .metadata .vr { background-color: #00ffb8 !important; } } -.tag-think .metadata a { +.archive.tag-think .metadata a, +.archive .tag-think .metadata a, +.home.tag-think .metadata a, +.home .tag-think .metadata a, +.search-results.tag-think .metadata a, +.search-results .tag-think .metadata a { color: #00ffb8 !important; } -.tag-think.post_nr_1:not(.home-big) .metadata::before, .tag-think.post_nr_1:not(.home-big) .metadata::after { - border-color: #00ffb8 !important; } +@media (max-width: 768px) { + .archive.tag-think .metadata::before, .archive.tag-think .metadata::after, + .archive .tag-think .metadata::before, + .archive .tag-think .metadata::after, + .home.tag-think .metadata::before, + .home.tag-think .metadata::after, + .home .tag-think .metadata::before, + .home .tag-think .metadata::after, + .search-results.tag-think .metadata::before, + .search-results.tag-think .metadata::after, + .search-results .tag-think .metadata::before, + .search-results .tag-think .metadata::after { + border-color: #00ffb8 !important; } } -.tag-think.post_nr_1:not(.home-big) h2 { - border-top-color: #00ffb8 !important; } +@media (max-width: 768px) { + .archive.tag-think h2, + .archive .tag-think h2, + .home.tag-think h2, + .home .tag-think h2, + .search-results.tag-think h2, + .search-results .tag-think h2 { + border-top-color: #00ffb8 !important; } } -.tag-think > .bevezetoWrapper::before { +.archive.tag-think > .bevezetoWrapper::before, +.archive .tag-think > .bevezetoWrapper::before, +.home.tag-think > .bevezetoWrapper::before, +.home .tag-think > .bevezetoWrapper::before, +.search-results.tag-think > .bevezetoWrapper::before, +.search-results .tag-think > .bevezetoWrapper::before { background-color: #00ffb8 !important; } -.tag-think hr { +.archive.tag-think hr, +.archive .tag-think hr, +.home.tag-think hr, +.home .tag-think hr, +.search-results.tag-think hr, +.search-results .tag-think hr { background-color: #00ffb8 !important; } -.tag-think figcaption { +.archive.tag-think figcaption, +.archive .tag-think figcaption, +.home.tag-think figcaption, +.home .tag-think figcaption, +.search-results.tag-think figcaption, +.search-results .tag-think figcaption { color: #00ffb8 !important; } @media (min-width: 769px) { - .tag-think.home-big h2 a { + .archive.tag-think.home-big h2 a, + .archive .tag-think.home-big h2 a, + .home.tag-think.home-big h2 a, + .home .tag-think.home-big h2 a, + .search-results.tag-think.home-big h2 a, + .search-results .tag-think.home-big h2 a { color: #00ffb8; } - .tag-think.home-big.hovered { + .archive.tag-think.home-big.hovered, + .archive .tag-think.home-big.hovered, + .home.tag-think.home-big.hovered, + .home .tag-think.home-big.hovered, + .search-results.tag-think.home-big.hovered, + .search-results .tag-think.home-big.hovered { background-color: #00ffb8 !important; } - .tag-think.home-small .metadata, - .tag-think.home-small .metadata a { + .archive.tag-think.home-small .metadata, + .archive.tag-think.home-small .metadata a, + .archive .tag-think.home-small .metadata, + .archive .tag-think.home-small .metadata a, + .home.tag-think.home-small .metadata, + .home.tag-think.home-small .metadata a, + .home .tag-think.home-small .metadata, + .home .tag-think.home-small .metadata a, + .search-results.tag-think.home-small .metadata, + .search-results.tag-think.home-small .metadata a, + .search-results .tag-think.home-small .metadata, + .search-results .tag-think.home-small .metadata a { color: #000 !important; } } -.tag-think.bedo-sub-wrapper > a { +.archive.tag-think.bedo-sub-wrapper > a, +.archive .tag-think.bedo-sub-wrapper > a, +.home.tag-think.bedo-sub-wrapper > a, +.home .tag-think.bedo-sub-wrapper > a, +.search-results.tag-think.bedo-sub-wrapper > a, +.search-results .tag-think.bedo-sub-wrapper > a { -webkit-text-stroke: #00ffb8 1px !important; } -.tag-think.bedo-sub-wrapper span { +.archive.tag-think.bedo-sub-wrapper span, +.archive .tag-think.bedo-sub-wrapper span, +.home.tag-think.bedo-sub-wrapper span, +.home .tag-think.bedo-sub-wrapper span, +.search-results.tag-think.bedo-sub-wrapper span, +.search-results .tag-think.bedo-sub-wrapper span { color: #00ffb8 !important; } -.tag-think.bedo-sub-wrapper .circle { +.archive.tag-think.bedo-sub-wrapper .circle, +.archive .tag-think.bedo-sub-wrapper .circle, +.home.tag-think.bedo-sub-wrapper .circle, +.home .tag-think.bedo-sub-wrapper .circle, +.search-results.tag-think.bedo-sub-wrapper .circle, +.search-results .tag-think.bedo-sub-wrapper .circle { background-color: #00ffb8 !important; } -.tag-think.archive.tag { +.archive.tag-think.archive.tag, +.archive .tag-think.archive.tag, +.home.tag-think.archive.tag, +.home .tag-think.archive.tag, +.search-results.tag-think.archive.tag, +.search-results .tag-think.archive.tag { background-color: #00ffb8 !important; } - .tag-think.archive.tag .header-1, - .tag-think.archive.tag .header-2 { + .archive.tag-think.archive.tag .header-1, + .archive.tag-think.archive.tag .header-2, + .archive .tag-think.archive.tag .header-1, + .archive .tag-think.archive.tag .header-2, + .home.tag-think.archive.tag .header-1, + .home.tag-think.archive.tag .header-2, + .home .tag-think.archive.tag .header-1, + .home .tag-think.archive.tag .header-2, + .search-results.tag-think.archive.tag .header-1, + .search-results.tag-think.archive.tag .header-2, + .search-results .tag-think.archive.tag .header-1, + .search-results .tag-think.archive.tag .header-2 { background-color: #00ffb8 !important; } - .tag-think.archive.tag article *:not(.vr) { + .archive.tag-think.archive.tag article *:not(.vr), + .archive .tag-think.archive.tag article *:not(.vr), + .home.tag-think.archive.tag article *:not(.vr), + .home .tag-think.archive.tag article *:not(.vr), + .search-results.tag-think.archive.tag article *:not(.vr), + .search-results .tag-think.archive.tag article *:not(.vr) { background-color: #00ffb8 !important; } -.tag-think ::selection { +.archive.tag-think ::selection, +.archive .tag-think ::selection, +.home.tag-think ::selection, +.home .tag-think ::selection, +.search-results.tag-think ::selection, +.search-results .tag-think ::selection { color: #000; background-color: #ff5f5f; } @media (min-width: 769px) { - .tag-think.random .thumbnailwrapper > img { + .archive.tag-think.random .thumbnailwrapper > img, + .archive .tag-think.random .thumbnailwrapper > img, + .home.tag-think.random .thumbnailwrapper > img, + .home .tag-think.random .thumbnailwrapper > img, + .search-results.tag-think.random .thumbnailwrapper > img, + .search-results .tag-think.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/think_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; @@ -5753,61 +6308,173 @@ body.category.category-esemeny { mask-size: 100%; } } @media (max-width: 768px) { - .tag-love .metadata { + .archive.tag-love .metadata, + .archive .tag-love .metadata, + .home.tag-love .metadata, + .home .tag-love .metadata, + .search-results.tag-love .metadata, + .search-results .tag-love .metadata { color: #ff5f5f !important; } - .tag-love .metadata .vr { + .archive.tag-love .metadata .vr, + .archive .tag-love .metadata .vr, + .home.tag-love .metadata .vr, + .home .tag-love .metadata .vr, + .search-results.tag-love .metadata .vr, + .search-results .tag-love .metadata .vr { background-color: #ff5f5f !important; } } -.tag-love .metadata a { +.archive.tag-love .metadata a, +.archive .tag-love .metadata a, +.home.tag-love .metadata a, +.home .tag-love .metadata a, +.search-results.tag-love .metadata a, +.search-results .tag-love .metadata a { color: #ff5f5f !important; } -.tag-love.post_nr_1:not(.home-big) .metadata::before, .tag-love.post_nr_1:not(.home-big) .metadata::after { - border-color: #ff5f5f !important; } +@media (max-width: 768px) { + .archive.tag-love .metadata::before, .archive.tag-love .metadata::after, + .archive .tag-love .metadata::before, + .archive .tag-love .metadata::after, + .home.tag-love .metadata::before, + .home.tag-love .metadata::after, + .home .tag-love .metadata::before, + .home .tag-love .metadata::after, + .search-results.tag-love .metadata::before, + .search-results.tag-love .metadata::after, + .search-results .tag-love .metadata::before, + .search-results .tag-love .metadata::after { + border-color: #ff5f5f !important; } } -.tag-love.post_nr_1:not(.home-big) h2 { - border-top-color: #ff5f5f !important; } +@media (max-width: 768px) { + .archive.tag-love h2, + .archive .tag-love h2, + .home.tag-love h2, + .home .tag-love h2, + .search-results.tag-love h2, + .search-results .tag-love h2 { + border-top-color: #ff5f5f !important; } } -.tag-love > .bevezetoWrapper::before { +.archive.tag-love > .bevezetoWrapper::before, +.archive .tag-love > .bevezetoWrapper::before, +.home.tag-love > .bevezetoWrapper::before, +.home .tag-love > .bevezetoWrapper::before, +.search-results.tag-love > .bevezetoWrapper::before, +.search-results .tag-love > .bevezetoWrapper::before { background-color: #ff5f5f !important; } -.tag-love hr { +.archive.tag-love hr, +.archive .tag-love hr, +.home.tag-love hr, +.home .tag-love hr, +.search-results.tag-love hr, +.search-results .tag-love hr { background-color: #ff5f5f !important; } -.tag-love figcaption { +.archive.tag-love figcaption, +.archive .tag-love figcaption, +.home.tag-love figcaption, +.home .tag-love figcaption, +.search-results.tag-love figcaption, +.search-results .tag-love figcaption { color: #ff5f5f !important; } @media (min-width: 769px) { - .tag-love.home-big h2 a { + .archive.tag-love.home-big h2 a, + .archive .tag-love.home-big h2 a, + .home.tag-love.home-big h2 a, + .home .tag-love.home-big h2 a, + .search-results.tag-love.home-big h2 a, + .search-results .tag-love.home-big h2 a { color: #ff5f5f; } - .tag-love.home-big.hovered { + .archive.tag-love.home-big.hovered, + .archive .tag-love.home-big.hovered, + .home.tag-love.home-big.hovered, + .home .tag-love.home-big.hovered, + .search-results.tag-love.home-big.hovered, + .search-results .tag-love.home-big.hovered { background-color: #ff5f5f !important; } - .tag-love.home-small .metadata, - .tag-love.home-small .metadata a { + .archive.tag-love.home-small .metadata, + .archive.tag-love.home-small .metadata a, + .archive .tag-love.home-small .metadata, + .archive .tag-love.home-small .metadata a, + .home.tag-love.home-small .metadata, + .home.tag-love.home-small .metadata a, + .home .tag-love.home-small .metadata, + .home .tag-love.home-small .metadata a, + .search-results.tag-love.home-small .metadata, + .search-results.tag-love.home-small .metadata a, + .search-results .tag-love.home-small .metadata, + .search-results .tag-love.home-small .metadata a { color: #000 !important; } } -.tag-love.bedo-sub-wrapper > a { +.archive.tag-love.bedo-sub-wrapper > a, +.archive .tag-love.bedo-sub-wrapper > a, +.home.tag-love.bedo-sub-wrapper > a, +.home .tag-love.bedo-sub-wrapper > a, +.search-results.tag-love.bedo-sub-wrapper > a, +.search-results .tag-love.bedo-sub-wrapper > a { -webkit-text-stroke: #ff5f5f 1px !important; } -.tag-love.bedo-sub-wrapper span { +.archive.tag-love.bedo-sub-wrapper span, +.archive .tag-love.bedo-sub-wrapper span, +.home.tag-love.bedo-sub-wrapper span, +.home .tag-love.bedo-sub-wrapper span, +.search-results.tag-love.bedo-sub-wrapper span, +.search-results .tag-love.bedo-sub-wrapper span { color: #ff5f5f !important; } -.tag-love.bedo-sub-wrapper .circle { +.archive.tag-love.bedo-sub-wrapper .circle, +.archive .tag-love.bedo-sub-wrapper .circle, +.home.tag-love.bedo-sub-wrapper .circle, +.home .tag-love.bedo-sub-wrapper .circle, +.search-results.tag-love.bedo-sub-wrapper .circle, +.search-results .tag-love.bedo-sub-wrapper .circle { background-color: #ff5f5f !important; } -.tag-love.archive.tag { +.archive.tag-love.archive.tag, +.archive .tag-love.archive.tag, +.home.tag-love.archive.tag, +.home .tag-love.archive.tag, +.search-results.tag-love.archive.tag, +.search-results .tag-love.archive.tag { background-color: #ff5f5f !important; } - .tag-love.archive.tag .header-1, - .tag-love.archive.tag .header-2 { + .archive.tag-love.archive.tag .header-1, + .archive.tag-love.archive.tag .header-2, + .archive .tag-love.archive.tag .header-1, + .archive .tag-love.archive.tag .header-2, + .home.tag-love.archive.tag .header-1, + .home.tag-love.archive.tag .header-2, + .home .tag-love.archive.tag .header-1, + .home .tag-love.archive.tag .header-2, + .search-results.tag-love.archive.tag .header-1, + .search-results.tag-love.archive.tag .header-2, + .search-results .tag-love.archive.tag .header-1, + .search-results .tag-love.archive.tag .header-2 { background-color: #ff5f5f !important; } - .tag-love.archive.tag article *:not(.vr) { + .archive.tag-love.archive.tag article *:not(.vr), + .archive .tag-love.archive.tag article *:not(.vr), + .home.tag-love.archive.tag article *:not(.vr), + .home .tag-love.archive.tag article *:not(.vr), + .search-results.tag-love.archive.tag article *:not(.vr), + .search-results .tag-love.archive.tag article *:not(.vr) { background-color: #ff5f5f !important; } -.tag-love ::selection { +.archive.tag-love ::selection, +.archive .tag-love ::selection, +.home.tag-love ::selection, +.home .tag-love ::selection, +.search-results.tag-love ::selection, +.search-results .tag-love ::selection { color: #000; background-color: #00ffb8; } @media (min-width: 769px) { - .tag-love.random .thumbnailwrapper > img { + .archive.tag-love.random .thumbnailwrapper > img, + .archive .tag-love.random .thumbnailwrapper > img, + .home.tag-love.random .thumbnailwrapper > img, + .home .tag-love.random .thumbnailwrapper > img, + .search-results.tag-love.random .thumbnailwrapper > img, + .search-results .tag-love.random .thumbnailwrapper > img { -webkit-mask: url(../img/clip/love_desktop.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; @@ -5815,16 +6482,20 @@ body.category.category-esemeny { mask-repeat: no-repeat; mask-size: 100%; } } -@media (min-width: 769px) { - .single .tag-be .titlewrapper .metadata { - -webkit-text-stroke: #fdff00 1px !important; } } - -@media (min-width: 769px) { +.single .tag-be .titlewrapper .metadata { + color: #fdff00 !important; } + @media (min-width: 769px) { + .single .tag-be .titlewrapper .metadata { + color: #fff !important; + -webkit-text-stroke: #fdff00 1px !important; } } .single .tag-be .titlewrapper .metadata a { - color: #fff !important; - -webkit-text-stroke: #fdff00 1px !important; } - .single .tag-be .titlewrapper .metadata a:hover { - color: #fdff00 !important; } } + color: #fdff00 !important; } + @media (min-width: 769px) { + .single .tag-be .titlewrapper .metadata a { + color: #fff !important; + -webkit-text-stroke: #fdff00 1px !important; } + .single .tag-be .titlewrapper .metadata a:hover { + color: #fdff00 !important; } } .single .tag-be .single-content blockquote p, .single .tag-be .single-content h3 { @@ -5845,16 +6516,20 @@ body.category.category-esemeny { color: #fdff00 !important; text-decoration: none; } -@media (min-width: 769px) { - .single .tag-do .titlewrapper .metadata { - -webkit-text-stroke: #3c00ff 1px !important; } } - -@media (min-width: 769px) { +.single .tag-do .titlewrapper .metadata { + color: #3c00ff !important; } + @media (min-width: 769px) { + .single .tag-do .titlewrapper .metadata { + color: #fff !important; + -webkit-text-stroke: #3c00ff 1px !important; } } .single .tag-do .titlewrapper .metadata a { - color: #fff !important; - -webkit-text-stroke: #3c00ff 1px !important; } - .single .tag-do .titlewrapper .metadata a:hover { - color: #3c00ff !important; } } + color: #3c00ff !important; } + @media (min-width: 769px) { + .single .tag-do .titlewrapper .metadata a { + color: #fff !important; + -webkit-text-stroke: #3c00ff 1px !important; } + .single .tag-do .titlewrapper .metadata a:hover { + color: #3c00ff !important; } } .single .tag-do .single-content blockquote p, .single .tag-do .single-content h3 { @@ -5875,16 +6550,20 @@ body.category.category-esemeny { color: #3c00ff !important; text-decoration: none; } -@media (min-width: 769px) { - .single .tag-think .titlewrapper .metadata { - -webkit-text-stroke: #00ffb8 1px !important; } } - -@media (min-width: 769px) { +.single .tag-think .titlewrapper .metadata { + color: #00ffb8 !important; } + @media (min-width: 769px) { + .single .tag-think .titlewrapper .metadata { + color: #fff !important; + -webkit-text-stroke: #00ffb8 1px !important; } } .single .tag-think .titlewrapper .metadata a { - color: #fff !important; - -webkit-text-stroke: #00ffb8 1px !important; } - .single .tag-think .titlewrapper .metadata a:hover { - color: #00ffb8 !important; } } + color: #00ffb8 !important; } + @media (min-width: 769px) { + .single .tag-think .titlewrapper .metadata a { + color: #fff !important; + -webkit-text-stroke: #00ffb8 1px !important; } + .single .tag-think .titlewrapper .metadata a:hover { + color: #00ffb8 !important; } } .single .tag-think .single-content blockquote p, .single .tag-think .single-content h3 { @@ -5905,16 +6584,20 @@ body.category.category-esemeny { color: #00ffb8 !important; text-decoration: none; } -@media (min-width: 769px) { - .single .tag-love .titlewrapper .metadata { - -webkit-text-stroke: #ff5f5f 1px !important; } } - -@media (min-width: 769px) { +.single .tag-love .titlewrapper .metadata { + color: #ff5f5f !important; } + @media (min-width: 769px) { + .single .tag-love .titlewrapper .metadata { + color: #fff !important; + -webkit-text-stroke: #ff5f5f 1px !important; } } .single .tag-love .titlewrapper .metadata a { - color: #fff !important; - -webkit-text-stroke: #ff5f5f 1px !important; } - .single .tag-love .titlewrapper .metadata a:hover { - color: #ff5f5f !important; } } + color: #ff5f5f !important; } + @media (min-width: 769px) { + .single .tag-love .titlewrapper .metadata a { + color: #fff !important; + -webkit-text-stroke: #ff5f5f 1px !important; } + .single .tag-love .titlewrapper .metadata a:hover { + color: #ff5f5f !important; } } .single .tag-love .single-content blockquote p, .single .tag-love .single-content h3 { diff --git a/js/scripts.js b/js/scripts.js index 68059f1..c7ce164 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -17,12 +17,14 @@ // const wiw = window.innerWidth // const bw = $('body').width() - // const woh = window.outerHeight + // // const woh = window.outerHeight // const wih = window.innerHeight // const vh = $(window).height() // const boh = document.body.offsetHeight // const dch = document.documentElement.clientHeight + // console.log('pixelratio:', window.devicePixelRatio) + const bottomScrollHeight = 0 // height of scrollbar at bottom @@ -41,11 +43,11 @@ // w_wow: wow, // w_wiw: wiw, // w_bw: bw, - // desktophomemargin: desktophomemargin, + // // desktophomemargin: desktophomemargin, // h_wih: wih, // h_vh: vh, - // bottomScrollHeight: bottomScrollHeight, - // h_woh: woh, + // // bottomScrollHeight: bottomScrollHeight, + // // h_woh: woh, // h_boh: boh, // h_dch: dch // } @@ -151,22 +153,7 @@ } } - /* --------------------- generic page load for onresize --------------------- */ - function loadPage() { - if (isMobile) { - // hide social buttons - $('.social-link, .events-link').addClass('hidden') - // move search to menu - $(".search-box>.search-bar").prependTo("#sidebar-wrapper") - } else { - $('.social-link, .events-link').removeClass('hidden') - // move search to back - $("#sidebar-wrapper>.search-bar").appendTo(".search-box") - } - } - - loadPage() /* ========================================================================== */ /* SEARCH */ @@ -262,6 +249,54 @@ }); + /* --------------------- generic page load for onresize --------------------- */ + + var articleWrapCounter = 0 + + function loadPage() { + if (isMobile) { + // hide social buttons + $('.social-link, .events-link').addClass('hidden') + + // move search to menu + $(".search-box>.search-bar").prependTo("#sidebar-wrapper") + + // set up no results + $('article.no-result').show() + $('body.no-result .archivetitle>h2').appendTo('article.no-result') + } else { + // not mobile + + //show social links + $('.social-link, .events-link').removeClass('hidden') + + // move search to back + $("#sidebar-wrapper>.search-bar").appendTo(".search-box") + + // set up no results + $('article.no-result h2').appendTo('.archivetitle') + $('article.no-result').hide() + } + + if (isMasonryPage) { + if (isMobile) { + //no overflowY + $('html').css({ overflowY: "unset" }) + + unWrapArts() + } else { + //no overflowY + $('html').css({ overflowY: "hidden" }) + + wrapArts() + + $("body:not(.no-result) .archivetitle h1").fitText(0.7) + } + } + } + + loadPage() + /* -------------------------------------------------------------------------- */ /* HOME & ARCHIVES */ /* -------------------------------------------------------------------------- */ @@ -272,80 +307,142 @@ if (isMasonryPage && $("article").hasClass('no-result')) { $('body').addClass("no-result") - if (!isMobile) { - $('article.no-result h2').appendTo('.archivetitle') - $('article.no-result').hide() - } + // if (!isMobile) { + // $('article.no-result h2').appendTo('.archivetitle') + // $('article.no-result').hide() + // } } - /* ----------------------------- css on desktop ----------------------------- */ - /* ------------------------------ wrap articles ----------------------------- */ + + + function wrapArts() { + //calculate wrappable elements + if ($(".hbox").length) { + return + } + $('#content>*:not(.misha_loadmore)').addClass("hbox") + var wrapArticles = $(".hbox").length + + if (isHome) { + $('.hbox:first-child').wrap('
').addClass("home-big") + $('.hbox:nth-child(2)').wrap('
').addClass("home-big") + wrapArticles = $(".hbox").length - 2 + } + + //add classes to articles and elements + + for (let i = 0; i < wrapArticles; i++) { + var j = i + 1 + + if (isHome) { + j = i + 3 + } + + if (i % 6 == 0) { + articleWrapCounter++ + } + //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j) + $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter) + //change order if there is a description + if ($("body").is('.archive, .tag') && articleWrapCounter == 1) { + if (j == 3 || j == 4) { + $('.hbox:nth-child(' + j + ')').css({ order: j - 1 }) + } else if (j == 5 || j == 6) { + $('.hbox:nth-child(' + j + ')').css({ order: j }) + } + + } + } + //wrap classes + for (let i = 0; i < articleWrapCounter; i++) { + var j = i + 1 + if (isHome) { + j = i + 3 + } + var k = i + 1 + $(".home-thumbnail-small-" + k).wrapAll('
') + if (i == 0) { + $(".home_wrapper-" + j).addClass("home_wrapper-s1") + } + } + } + + function unWrapArts() { + $('.home_wrapper-big .hbox').unwrap('.home_wrapper-big') + + var wrapArticles = $(".hbox").length + for (let i = 0; i < wrapArticles.length + 1; i++) { + $('article').removeClass('.home-thumbnail-small-' + i) + + } + $('.hbox').removeClass('home-small').removeClass('hbox').unwrap('.home_wrapper-small') + } + if (!isMobile) { if (isMasonryPage) { - //no overflowY - $('html').css({ overflowY: "hidden" }) - //calculate wrappable elements - $('#content>*:not(.misha_loadmore)').addClass("hbox") - var wrapArticles = $(".hbox").length - //wrapping for big-small difference - if (isHome) { - $('.hbox:first-child').wrap('
').addClass("home-big") - $('.hbox:nth-child(2)').wrap('
').addClass("home-big") - wrapArticles = $(".hbox").length - 2 - } + // //calculate wrappable elements + // $('#content>*:not(.misha_loadmore)').addClass("hbox") + // var wrapArticles = $(".hbox").length - //add classes to articles and elements - var articleWrapCounter = 0 - for (let i = 0; i < wrapArticles; i++) { - var j = i + 1 + // //wrapping for big-small difference + // if (isHome) { + // $('.hbox:first-child').wrap('
').addClass("home-big") + // $('.hbox:nth-child(2)').wrap('
').addClass("home-big") + // wrapArticles = $(".hbox").length - 2 + // } - if (isHome) { - j = i + 3 - } + // //add classes to articles and elements + // var articleWrapCounter = 0 + // for (let i = 0; i < wrapArticles; i++) { + // var j = i + 1 - if (i % 6 == 0) { - articleWrapCounter++ - } - //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j) - $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter) - //change order if there is a description - if ($("body").is('.archive, .tag') && articleWrapCounter == 1) { - if (j == 3 || j == 4) { - $('.hbox:nth-child(' + j + ')').css({ order: j - 1 }) - } else if (j == 5 || j == 6) { - $('.hbox:nth-child(' + j + ')').css({ order: j }) - } + // if (isHome) { + // j = i + 3 + // } - } - } - //wrap classes - for (let i = 0; i < articleWrapCounter; i++) { - var j = i + 1 - if (isHome) { - j = i + 3 - } - var k = i + 1 - $(".home-thumbnail-small-" + k).wrapAll('
') - if (i == 0) { - $(".home_wrapper-" + j).addClass("home_wrapper-s1") - } - } + // if (i % 6 == 0) { + // articleWrapCounter++ + // } + // //console.log($('.hbox:nth-child(' + j + ')').attr("id"), i, j) + // $('.hbox:nth-child(' + j + ')').addClass("home-small home-thumbnail-small-" + articleWrapCounter) + // //change order if there is a description + // if ($("body").is('.archive, .tag') && articleWrapCounter == 1) { + // if (j == 3 || j == 4) { + // $('.hbox:nth-child(' + j + ')').css({ order: j - 1 }) + // } else if (j == 5 || j == 6) { + // $('.hbox:nth-child(' + j + ')').css({ order: j }) + // } + + // } + // } + // //wrap classes + // for (let i = 0; i < articleWrapCounter; i++) { + // var j = i + 1 + // if (isHome) { + // j = i + 3 + // } + // var k = i + 1 + // $(".home-thumbnail-small-" + k).wrapAll('
') + // if (i == 0) { + // $(".home_wrapper-" + j).addClass("home_wrapper-s1") + // } + // } /* -------------------------------- other css ------------------------------- */ //add bottom scrollbar to div on bottom: - if (bottomScrollHeight > 0) { - $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight }) - } + // if (bottomScrollHeight > 0) { + // $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight }) + // } //fit title - $("body:not(.no-result) .archivetitle h1").fitText(0.7) - + // $("body:not(.no-result) .archivetitle h1").fitText(0.7) + }//isMasonryPage end }// !isMobile end @@ -597,7 +694,7 @@ return } else { if (!isMobile) { - if (isMasonryPage) { + if (isMasonryPage || isEsemeny) { if (!$('.search-bar *').is(':focus')) { // console.log("keydown!") kd = true @@ -629,7 +726,7 @@ //check for keyup for disabling counter $('html *:not(input)').keyup(function (event) { if (!isMobile) { - if (isMasonryPage) { + if (isMasonryPage || isEsemeny) { if (!$('.search-bar *').is(':focus')) { kd = false } @@ -1077,6 +1174,12 @@ swipeRight: function () { $.colorbox.prev() }, + swipeUp: function () { + return false + }, + swipeDown: function () { + return false + }, }) // lightbox for galleries @@ -1133,6 +1236,12 @@ }//if single end + /* ------------------------------- IOS fix try ------------------------------ */ + // $(".logo a").click(function(e){ + // e.preventDefault() + // alert('hello') + // }) + /* -------------------------------------------------------------------------- */ /* window resize event */ diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss index 6214997..b1b572a 100644 --- a/sass/_font-mixins.scss +++ b/sass/_font-mixins.scss @@ -43,9 +43,13 @@ @media #{$smalldesktop} { font-size: 5rem; } + @media #{$bigdesktop} { font-size: 6.8rem; } + @media #{$bigdesktop-hidpi} { + // font-size: 5.5rem !important; + } @media #{$verybigdesktop} { font-size: 11rem; } @@ -84,6 +88,9 @@ @media #{$bigdesktop} { font-size: 2rem; } + @media #{$bigdesktop-hidpi} { + // font-size: 1.5rem !important; + } @media #{$verybigdesktop} { font-size: 3rem; } @@ -115,6 +122,10 @@ } @mixin home-metadata-big { + // font-size: 1.4rem; + // @media #{$bigmobile} { + // font-size: 1.5rem; + // } @media #{$tablet} { font-size: 1.2rem; } @@ -127,7 +138,9 @@ } @mixin home-metadata-bevezeto { - font: 300 1rem "Westeinde Caption"; + @include home-title-small(); + font-weight: 300; + // font: 300 1rem "Westeinde Caption"; color: #000; @media #{$tablet} { font: bold 1rem "Butler"; @@ -196,9 +209,9 @@ } @mixin single-h4 { - font-weight: 500; - // font-size: 2.4rem; - // line-height: 1.6; + font-weight: 300; + font-size: 2.4rem; + line-height: 1.3; } @mixin captiontext { @@ -213,6 +226,16 @@ color: #000; } +@mixin single-quote-big{ + font: 800 2.1rem "Butler"; + color: #000; + padding-top: 8px; + @media #{$tablet} { + font-size: 2.8rem; + padding-top: 5px; + } +} + @mixin related-title { font: 500 2rem "Westeinde Caption"; line-height: 1.3; @@ -227,16 +250,16 @@ font-size: 1.8rem; } @media #{$tablet} { - font-size: 2.2rem; + font-size: 2rem; } @media #{$smalldesktop} { - font-size: 3rem; + font-size: 2.5rem; } @media #{$bigdesktop} { - font-size: 3.2rem; + font-size: 3rem; } @media #{$verybigdesktop} { - font-size: 4.5rem; + font-size: 4rem; } } diff --git a/sass/base.scss b/sass/base.scss index 98fc875..2233612 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -125,6 +125,12 @@ $bigdesktop: only screen and min-width: 1279px ); +$bigdesktop-hidpi: only screen and + ( + min-width: 1279px + ) + and (-webkit-min-device-pixel-ratio: 1.4); + $verybigdesktop: only screen and ( min-width: 1919px @@ -280,6 +286,7 @@ $v-unit-6: 24rem; right: calc(#{$radius}); margin-right: $minusOffset; } + z-index: 90; } &::before { //filleted corner @@ -381,6 +388,7 @@ $v-unit-6: 24rem; position: relative; width: 100vw; height: 100vh; + z-index: 1; /* -------------------------------------------------------------------------- */ /* header */ @@ -482,11 +490,14 @@ $v-unit-6: 24rem; //icons in menu: object { height: 3rem; + // width: 3rem; @media #{$tablet} { height: 2.5rem; + // width: 2.5rem; } @media #{$smalldesktop} { height: 3rem; + // width: 3rem; } } @@ -499,6 +510,12 @@ $v-unit-6: 24rem; .social-link, .menubutton, .events-link { + a, + button, + * { + z-index: 3501; + cursor: pointer; + } .white { display: block; } @@ -533,11 +550,14 @@ $v-unit-6: 24rem; .logo { object { height: $h-unit-1; + // width: $h-unit-1; @media #{$tablet} { height: 4rem; + // width: 4rem; } @media #{$smalldesktop} { height: $h-unit-1; + // width: $h-unit-1; } } } @@ -803,7 +823,7 @@ $v-unit-6: 24rem; /* STRUCTURE ALL PAGE */ /* -------------------------------------------------------------------------- */ main { - z-index: 1; + z-index: 2; section { article { position: relative; @@ -1001,7 +1021,7 @@ $v-unit-6: 24rem; .metadata { // bottom: 37.5vw; - top: calc(50vw - #{$h-unit-1}); + top: calc(50vw - #{$h-unit-1} + 1px); height: $h-unit-1; display: flex; @include fit-content(width); @@ -1010,6 +1030,18 @@ $v-unit-6: 24rem; align-items: center; padding: 0; + &::after { + display: none; + } + @media #{$only-mobile} { + @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left); + } + + z-index: 15; + & > * { + z-index: 15; + } + .vr { height: 100%; width: 1px; @@ -1027,8 +1059,15 @@ $v-unit-6: 24rem; } } + h2 { + // top: -1px; + position: relative; + border-top: #000 1px solid; + z-index: 8; + } + & > .bevezetoWrapper { - padding: 0 2rem 1.5rem; + padding: 0 2rem 3rem; @include home-metadata-bevezeto(); &::before { display: block; @@ -1055,18 +1094,18 @@ $v-unit-6: 24rem; /* ----------------------- home article mobile first 2 ----------------------- */ &.post_nr_1, &.post_nr_2 { - height: 100vh; + min-height: 100vh; .thumbnailwrapper { img { height: 50vh; } } .metadata { - top: calc(50vh - 5rem); + top: calc(50vh - 5rem + 1px); } h2 { - height: 50vh; - + // height: 50vh; + // height: calc(50vh + 1px); padding-top: 3rem; a { @include home-title(); @@ -1075,28 +1114,38 @@ $v-unit-6: 24rem; } } } + .bevezetoWrapper { + &::before { + // margin-top: 1rem; + margin-bottom: 0; + } + .bevezeto { + // @include home-metadata-big(); + padding-top: 1rem; + } + } } //border on first elements &.post_nr_1 { - .metadata { - &::after { - display: none; - } + // .metadata { + // &::after { + // display: none; + // } - @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left); - z-index: 15; - & > * { - z-index: 15; - } - } - h2 { - height: calc(50vh + 1px); - top: -1px; - position: relative; - border-top: #000 1px solid; - z-index: 8; - } + // @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1} + 1px, white, #000, left); + // z-index: 15; + // & > * { + // z-index: 15; + // } + // } + // h2 { + // height: calc(50vh + 1px); + // top: -1px; + // position: relative; + // border-top: #000 1px solid; + // z-index: 8; + // } } } //article end @@ -1148,6 +1197,7 @@ $v-unit-6: 24rem; padding: 2rem; padding-left: $v-unit-1; + border: none; width: calc(100vw - #{$h-unit-1-5 * 2.5}); @media #{$smalldesktop} { width: calc(100vw - #{$h-unit-5}); @@ -1322,6 +1372,7 @@ $v-unit-6: 24rem; .metadata { justify-content: flex-end; + @include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, right); .filler { order: -1; @@ -1480,6 +1531,7 @@ $v-unit-6: 24rem; background-color: #fff; height: 100%; padding: 0; + border: none; a { margin-top: $h-unit-0-5 / 2; @@ -1712,7 +1764,7 @@ body.category.category-esemeny { flex-direction: column; justify-content: space-between; align-content: stretch; - padding: 1.5rem; + padding: 1rem; @media #{$bigmobile} { padding: 2rem; } @@ -1725,7 +1777,7 @@ body.category.category-esemeny { flex-direction: row; justify-content: space-between; height: 50%; - flex: 0 0 auto; + flex: 1 1 auto; } .top-row { @@ -1746,7 +1798,12 @@ body.category.category-esemeny { flex: 1 0.9 auto; height: unset; padding: 0; - @include event-title; + border: none; + padding-right: 2rem; + a{ + @include event-title; + } + } .vr { flex: 0 0 auto; @@ -1757,8 +1814,9 @@ body.category.category-esemeny { } a.text-link { flex: 1 1 auto; + padding-left: 1rem; @include event-link; - text-align: right; + // text-align: right; &:hover { -webkit-text-stroke: transparent; color: #00f; @@ -1781,26 +1839,31 @@ body.category.category-esemeny { main { padding-top: 0; section { - height: 100%; + margin: $v-unit-1 $h-unit-2; + border-top: #000 1px solid; + height: calc(100vh - #{$v-unit-2}); // padding-top: - padding-left: $h-unit-2; + // margin-left: $h-unit-2; display: flex; flex-direction: row; + align-content: center; article { width: calc(50vw - #{$h-unit-2}); - height: calc(50vw - #{$h-unit-2}); + // height: calc(50vw - #{$h-unit-2}); max-width: calc(100vh - #{$h-unit-1}); - max-height: calc(100vh - #{$h-unit-1}); + height: unset; + min-height: unset; + // max-height: calc(100vh - #{$h-unit-1}); - min-width: 80vh; - min-height: 80vh; + // min-width: 80vh; + // min-height: 80vh; // margin: auto; - margin: auto $h-unit-2 auto 0; + margin: 0 $h-unit-2 0 0; display: flex; flex-direction: column; - justify-content: space-between; + justify-content: center; .thumbnailwrapper { height: unset; @@ -1814,25 +1877,28 @@ body.category.category-esemeny { } flex: 1 1 auto; padding: 0; - // .top-row{ - // .ev-date{ - // padding-left: 2rem; - // } + .top-row { + flex: 1 1 auto; + .ev-date { + padding-left: 2rem; + } - // padding-right: 2rem; - - // } + padding-right: 2rem; + } .bottom-row { + flex: 1 1 auto; h2 { - // padding-left: 2rem; + padding-left: 2rem; padding-bottom: 2rem; + padding-right: 0; } .vr { - margin: 0 2rem; + margin: 0 1rem; } .text-link { - // padding-right: 2rem; + padding-right: 2rem; padding-bottom: 2rem; + padding-left: 0; } } } @@ -1849,7 +1915,8 @@ body.category.category-esemeny { @mixin singleDesktopLayout() { padding-right: $h-unit-4; padding-left: 0; - max-width: calc(1024px + #{$h-unit-4}); + // max-width: calc(1024px + #{$h-unit-4}); + max-width: calc(768px + #{$h-unit-4}); } $padd: 2rem; @@ -1913,17 +1980,26 @@ $padd: 2rem; display: flex; flex-direction: column; justify-content: center; + padding-left: 0; @include single-metadata(); .metaWrapper { display: flex; flex-direction: row; - justify-content: space-between; + justify-content: flex-start; .time-cat { z-index: 10; } + .time-cat::after { + content: " "; + display: inline-block; + } + .format::before { + content: "|"; + display: inline-block; + } } } h1.single-title { @@ -1957,7 +2033,7 @@ $padd: 2rem; margin-left: $h-unit-1; background-color: #fff; border-left: #000 solid 1px; - padding-left: $h-unit-1; + padding-left: $h-unit-2; // & > * { // padding: $padd $h-unit-1; @@ -1993,7 +2069,8 @@ $padd: 2rem; .metadata { top: -#{$h-unit-1}; - width: 100%; + // left: -#{$h-unit-1}; + width: calc(100% + #{$h-unit-1}); padding-left: 0; padding-right: 0; @@ -2001,15 +2078,7 @@ $padd: 2rem; .metaWrapper { @include singleDesktopLayout(); - justify-content: flex-start; - .time-cat::after { - content: " "; - display: inline-block; - } - .format::before { - content: "|"; - display: inline-block; - } + padding-left: $h-unit-1; } // .time-cat { @@ -2032,6 +2101,7 @@ $padd: 2rem; background-color: #ff5f5f; padding: 0; margin: 0 auto; + border: none; width: 20%; &.content-wrap { @@ -2051,6 +2121,9 @@ $padd: 2rem; margin-bottom: $padd; } } + &.wp-block-separator:nth-of-type(2) { + margin-bottom: 4rem; + } } //override if thumbnail @@ -2104,7 +2177,7 @@ $padd: 2rem; p { background: #ff5f5f; display: inline; - padding: 3px 0; + padding: 5px 0 3px; @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); } @@ -2117,8 +2190,28 @@ $padd: 2rem; } } + //nagyon nagy kiemelt .wp-block-pullquote { - text-align: unset; + // text-align: unset; + padding: 4rem; + blockquote { + display: inline; + position: relative; + p{ + @include single-quote-big(); + } + + cite { + // display: inline !important; + position: absolute; + font-size: 80%; + bottom: -3rem; + right: 0; + top: unset; + left: unset; + display: inline-block; + } + } } /* ---------------------------- images on single ---------------------------- */ @@ -2147,10 +2240,16 @@ $padd: 2rem; .wp-block-gallery { padding: 0; margin: $padd 0; + // @media #{$tablet} { + // align-content: space-between; + // } + li { margin-right: 0; @media #{$tablet} { - margin-bottom: $v-unit-1; + // margin-bottom: $v-unit-1 /2; + // margin-top: $v-unit-1 /2; + margin: 0; } &:nth-child(odd) figcaption { @media #{$tablet} { @@ -2342,7 +2441,7 @@ $padd: 2rem; } } &#cboxClose { - background-image: url(../img/dis-plus.svg); + background-image: url(../img/dis-plus-white.svg); width: 2rem; height: 2rem; @include transform(rotate(45deg)); @@ -2650,6 +2749,7 @@ body.page { @mixin tagcolors($color) { //metadata on mobile + .metadata { @media #{$only-mobile} { color: $color !important; @@ -2661,19 +2761,28 @@ body.page { a { color: $color !important; } - } - //mobile desktop firat post - &.post_nr_1:not(.home-big) { - .metadata { + + @media #{$only-mobile} { &::before, &::after { border-color: $color !important; } } - h2 { + } + //mobile desktop firat post + // &.post_nr_1:not(.home-big) { + // .metadata { + // &::before, + // &::after { + // border-color: $color !important; + // } + // } + h2 { + @media #{$only-mobile} { border-top-color: $color !important; } } + // } & > .bevezetoWrapper::before { background-color: $color !important; @@ -2755,11 +2864,13 @@ body.page { @mixin tagcolors-single($color, $darkcolor) { .titlewrapper { .metadata { + color: $color !important; @media #{$tablet} { - // color: #fff !important; + color: #fff !important; -webkit-text-stroke: $color 1px !important; } a { + color: $color !important; @media #{$tablet} { color: #fff !important; -webkit-text-stroke: $color 1px !important; @@ -2804,59 +2915,66 @@ $color-think-dark: #007f5c; $color-love-dark: #7f2f2f; //colors on articles - -.tag-be { - @include tagcolors($color-be); - ::selection { - color: #000; - background-color: $color-do; - } - // &.cut-even, - &.random { - .thumbnailwrapper > img { - @include tagclip(be); +.archive, +.home, +.search-results { + &.tag-be, + .tag-be { + @include tagcolors($color-be); + ::selection { + color: #000; + background-color: $color-do; + } + // &.cut-even, + &.random { + .thumbnailwrapper > img { + @include tagclip(be); + } } } -} -.tag-do { - @include tagcolors($color-do); - ::selection { - color: #000; - background-color: $color-be; - } - // &.cut-even, - &.random { - .thumbnailwrapper > img { - @include tagclip(do); + &.tag-do, + .tag-do { + @include tagcolors($color-do); + ::selection { + color: #000; + background-color: $color-be; + } + // &.cut-even, + &.random { + .thumbnailwrapper > img { + @include tagclip(do); + } } } -} -.tag-think { - @include tagcolors($color-think); - ::selection { - color: #000; - background-color: $color-love; - } - // &.cut-even, - &.random { - .thumbnailwrapper > img { - @include tagclip(think); + &.tag-think, + .tag-think { + @include tagcolors($color-think); + ::selection { + color: #000; + background-color: $color-love; + } + // &.cut-even, + &.random { + .thumbnailwrapper > img { + @include tagclip(think); + } } } -} -.tag-love { - @include tagcolors($color-love); - ::selection { - color: #000; - background-color: $color-think; - } - // &.cut-even, - &.random { - .thumbnailwrapper > img { - @include tagclip(love); + &.tag-love, + .tag-love { + @include tagcolors($color-love); + ::selection { + color: #000; + background-color: $color-think; + } + // &.cut-even, + &.random { + .thumbnailwrapper > img { + @include tagclip(love); + } } } }