From 8284c8a4122e1329b1ef9295142bfb737ec588f6 Mon Sep 17 00:00:00 2001 From: infeeeee Date: Thu, 15 Aug 2019 04:05:59 +0200 Subject: [PATCH] mobile home and friends --- _jegyzet.md | 22 +- _teendők.md | 33 +- css/base.css | 1477 ++++++++++++++++++-------- footer.php | 12 +- functions.php | 8 +- header.php | 36 +- img/clip/be_mobil.svg | 15 + img/clip/do_mobil.svg | 14 + img/clip/love_mobil.svg | 14 + img/clip/think_mobil.svg | 14 + img/icons/android-chrome-192x192.png | Bin 0 -> 4901 bytes img/icons/android-chrome-512x512.png | Bin 0 -> 12267 bytes img/icons/apple-touch-icon.png | Bin 0 -> 3921 bytes img/icons/browserconfig.xml | 9 + img/icons/favicon-16x16.png | Bin 0 -> 693 bytes img/icons/favicon-32x32.png | Bin 0 -> 1194 bytes img/icons/favicon.ico | Bin 5430 -> 15086 bytes img/icons/html_code.html | 8 + img/icons/mstile-150x150.png | Bin 0 -> 3725 bytes img/icons/safari-pinned-tab.svg | 1 + img/icons/site.webmanifest | 20 + img/icons/touch.png | Bin 15472 -> 0 bytes js/lib/ftellipsis.min.js | 1 + js/scripts.js | 161 +-- loop-inner.php | 119 ++- loop.php | 21 +- sass/_font-mixins.scss | 24 +- sass/base.scss | 294 +++-- 28 files changed, 1591 insertions(+), 712 deletions(-) create mode 100644 img/clip/be_mobil.svg create mode 100644 img/clip/do_mobil.svg create mode 100644 img/clip/love_mobil.svg create mode 100644 img/clip/think_mobil.svg create mode 100644 img/icons/android-chrome-192x192.png create mode 100644 img/icons/android-chrome-512x512.png create mode 100644 img/icons/apple-touch-icon.png create mode 100644 img/icons/browserconfig.xml create mode 100644 img/icons/favicon-16x16.png create mode 100644 img/icons/favicon-32x32.png create mode 100644 img/icons/html_code.html create mode 100644 img/icons/mstile-150x150.png create mode 100644 img/icons/safari-pinned-tab.svg create mode 100644 img/icons/site.webmanifest delete mode 100644 img/icons/touch.png create mode 100644 js/lib/ftellipsis.min.js diff --git a/_jegyzet.md b/_jegyzet.md index ef093b8..d702fae 100644 --- a/_jegyzet.md +++ b/_jegyzet.md @@ -2,20 +2,10 @@ # Kérdések -## single -ha hosszú a cím, akkor mi legyen? kevesbb látszon a cikkből? Lásd I O cikk -metadata: van szerző vagy nincs? melyik a jó változat? - ### galéria: Melyik sarokban vannak a képfeliratok, ha 3 elem jelenik meg egymás mellett? vagy mindig erőltetve legyen a max két kép egymás mellett? Lásd: mobil fekvő, mintaposzt -# további kérdések - -## asztali single: -Követtem a mobilos analógiát: fent nincs szerző, csak lent, felül a kategóriák vannak - - ## asztali home nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, elég-e csak a design felirat? @@ -30,8 +20,16 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e Kiscímek .vr: néha nagyobb, élsimítás dolgok -> ezt nem tudom előidézni, szerintem megoldottam, de ha megint látszik, akkor küldjetek printscreent! -Keresési találatok oldal +Keresési találatok oldal ok? Esemény oldalon a "Tovább az eseményre gomb" legyen kiütött? -Hover a linkekre azt eseménynél? Nyílra? \ No newline at end of file +Hover a linkekre azt eseménynél? Nyílra? + +Mobil kezdőlapon tuti kellenek a bevezető szövegek? asztalin ez az adat nem jelenik meg, mint ahogy az első két cikknél sem, tehát pont fordítva van mint asztalin... + +Mobil kezdőlap maszkok: minden második, vagy random? + +Mobil kezdőlap maszkok és categória+dátum kapcsolata(terveken többféleképpen van, mi legyen) + +Mobilon kategóriaoldalakra raktam egy fekete felső sávot, mert címmel indul és nem látni a dis-t és a plusz jelet \ No newline at end of file diff --git a/_teendők.md b/_teendők.md index 221b616..09ddbf6 100644 --- a/_teendők.md +++ b/_teendők.md @@ -6,37 +6,20 @@ Facebook like gomb # Esemény oldal - ✔ -# Kezdőlap +# Kezdőlap - ✔ -felgördülő szövegkivonat -> felülre igazítva -felgördülő alcím -> pozíciója a kép alsó éléhez igazodik +# Kategória oldalak - ✔ -Nyitócikkek felgördülő lead hosszát pontosítani +# Menü - ✔ -semmiképpen ne lógjon a cím elé a felgördölő cucc +# Oldal - ✔ -Max karakterszám alcímnél, hogy hova menjen - - -## mobil nézet - -Kezdőlap: - képek magassága és maszk - - -# Kategória oldalak - - -# menü - -# Oldal - -Menü oldalakat átnézni, mi hiányzik még, miről van adat egyáltalán - -# keresési eredmények +# Keresési eredmények - ✔ # egyéb Cookie értesítés - `@media print{}` \ No newline at end of file + `@media print{}` + + favicon \ No newline at end of file diff --git a/css/base.css b/css/base.css index 6d0529f..acfb84d 100644 --- a/css/base.css +++ b/css/base.css @@ -77,6 +77,113 @@ object { /* -------------------------------------------------------------------------- */ /* other mixins */ /* -------------------------------------------------------------------------- */ +/* -------------------------------------------------------------------------- */ +/* COOKIE NOTIFICATION */ +/* -------------------------------------------------------------------------- */ +.cookie-notice-container { + font: bold 1rem "Westeinde Caption"; + color: #000; + display: flex; + flex-direction: column; + align-content: center; + padding: 2rem; } + @media (min-width: 1024px) { + .cookie-notice-container { + font-size: 1.2rem; } } + @media (min-width: 1279px) { + .cookie-notice-container { + font-size: 1.3rem; } } + @media (min-width: 1919px) { + .cookie-notice-container { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .cookie-notice-container { + flex-direction: row; + max-width: 1024px; + margin: 0 auto; } } + @media (min-width: 1919px) { + .cookie-notice-container { + max-width: 1920px; } } + .cookie-notice-container span { + text-align: left; } + @media (min-width: 769px) { + .cookie-notice-container span { + flex: 1 1 auto; + align-self: center; } } + .cookie-notice-container #cn-accept-cookie { + background-color: #000; + border-radius: 50%; + display: inline-block; + order: 99; + font: bold 1.5rem "Westeinde Caption"; + color: #000; + color: #ff0; + padding: 1rem 2rem; + height: -moz-max-content; + height: max-content; + height: -moz-fit-content; + height: fit-content; + margin-top: 1.5rem; + align-self: center; } + @media (min-width: 360px) { + .cookie-notice-container #cn-accept-cookie { + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .cookie-notice-container #cn-accept-cookie { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .cookie-notice-container #cn-accept-cookie { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 1024px) { + .cookie-notice-container #cn-accept-cookie { + font-size: 1.5rem; } } + @media (min-width: 1279px) { + .cookie-notice-container #cn-accept-cookie { + font-size: 2rem; } } + @media (min-width: 1919px) { + .cookie-notice-container #cn-accept-cookie { + font-size: 3rem; } } + @media (min-width: 769px) { + .cookie-notice-container #cn-accept-cookie { + margin: 0; + color: #ff0; + flex: 0 0 auto; } } + .cookie-notice-container #cn-more-info { + font: bold 1.5rem "Westeinde Caption"; + color: #000; + margin-top: 1rem; + -webkit-text-stroke: #000 1px; + color: transparent; } + @media (min-width: 360px) { + .cookie-notice-container #cn-more-info { + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .cookie-notice-container #cn-more-info { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .cookie-notice-container #cn-more-info { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 1024px) { + .cookie-notice-container #cn-more-info { + font-size: 1.5rem; } } + @media (min-width: 1279px) { + .cookie-notice-container #cn-more-info { + font-size: 2rem; } } + @media (min-width: 1919px) { + .cookie-notice-container #cn-more-info { + font-size: 3rem; } } + @media (min-width: 769px) { + .cookie-notice-container #cn-more-info { + flex: 0 0 auto; + margin: 0 2rem; + line-height: 1; + align-self: center; } } + @media (min-width: 1024px) { + .cookie-notice-container #cn-more-info { + color: transparent; } } + /* -------------------------------------------------------------------------- */ /* STRUCTURE */ /* -------------------------------------------------------------------------- */ @@ -343,13 +450,11 @@ object { justify-content: space-evenly; } } .wrapper .header #sidebar .sidebar-wrapper ul li { display: block; - padding-top: 2rem; } + padding: 2rem; + flex-shrink: 1; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper ul li { - padding: 1rem 0; } } - @media (min-width: 1024px) { - .wrapper .header #sidebar .sidebar-wrapper ul li { - padding: 2rem 0; } } + padding: 0; } } .wrapper .header #sidebar .sidebar-wrapper ul li a { font: 900 4rem "Westeinde Caption"; color: #000; @@ -843,42 +948,45 @@ object { border-bottom: 5rem solid #fff; position: absolute; z-index: -1; } } - @media (min-width: 769px) { - .wrapper main section .misha_loadmore { - min-width: 10rem; - width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem); - margin-right: 10rem; - align-self: stretch; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - height: 100%; } } - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - font: bold 3rem "Westeinde Caption"; - color: transparent; - -webkit-text-stroke: #000 1px; } - @media (-webkit-min-device-pixel-ratio: 2.1) { - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - font-size: 2rem !important; } } - @media (min-width: 1024px) { - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - font-size: 3rem; } } + .wrapper main section .misha_loadmore { + text-align: center; + padding: 2rem 0; } @media (min-width: 769px) { - .wrapper main section .misha_loadmore a, - .wrapper main section .misha_loadmore p { - transform-origin: center; - white-space: nowrap; - width: 100vh; - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - text-align: center; } } + .wrapper main section .misha_loadmore { + min-width: 10rem; + width: calc(100vw - ((100vh - 8rem) / 2 * 3) - 20rem); + margin-right: 10rem; + align-self: stretch; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + height: 100%; } } + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + font: bold 3rem "Westeinde Caption"; + color: transparent; + -webkit-text-stroke: #000 1px; } + @media (min-aspect-ratio: 1 / 1) { + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + font-size: 2rem !important; } } + @media (min-width: 1024px) { + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + font-size: 3rem; } } + @media (min-width: 769px) { + .wrapper main section .misha_loadmore a, + .wrapper main section .misha_loadmore p { + transform-origin: center; + white-space: nowrap; + width: 100vh; + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + text-align: center; } } .touchevents .header-scroll { display: none !important; } @@ -973,6 +1081,24 @@ object { .error404 .wrapper .header .header-scroll button { height: 100vh; width: 10rem; } + .archive.archive .wrapper .header, .archive.search-results .wrapper .header, .archive.search-no-results .wrapper .header, .archive.error404 .wrapper .header, + .home.archive .wrapper .header, + .home.search-results .wrapper .header, + .home.search-no-results .wrapper .header, + .home.error404 .wrapper .header, + .search-results.archive .wrapper .header, + .search-results.search-results .wrapper .header, + .search-results.search-no-results .wrapper .header, + .search-results.error404 .wrapper .header, + .search-no-results.archive .wrapper .header, + .search-no-results.search-results .wrapper .header, + .search-no-results.search-no-results .wrapper .header, + .search-no-results.error404 .wrapper .header, + .error404.archive .wrapper .header, + .error404.search-results .wrapper .header, + .error404.search-no-results .wrapper .header, + .error404.error404 .wrapper .header { + background-color: #000; } @media (min-width: 769px) { .archive main, .home main, @@ -1020,7 +1146,8 @@ object { .search-results main section article, .search-no-results main section article, .error404 main section article { - height: 100vh; } + /* ----------------------- home article mobile cutout ----------------------- */ + /* ----------------------- home article mobile first 2 ----------------------- */ } .archive main section article > a, .home main section article > a, .search-results main section article > a, @@ -1035,7 +1162,7 @@ object { .search-results main section article .thumbnailwrapper img, .search-no-results main section article .thumbnailwrapper img, .error404 main section article .thumbnailwrapper img { - height: 50vh; + height: 50vw; width: 100vw; object-fit: cover; } .archive main section article h2, @@ -1044,51 +1171,67 @@ object { .search-no-results main section article h2, .error404 main section article h2 { width: 100%; - height: 50vh; + height: 37.5vw; padding: 2rem; - padding-top: 3rem; - margin: 0; } + padding-top: 1.5rem; + margin: 0; + line-height: 0.8; } .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { - font: bold 3rem "Westeinde Caption"; + font: bold 1.5rem "Westeinde Caption"; color: #000; } - @media (-webkit-min-device-pixel-ratio: 2.1) { + @media (min-width: 360px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { - font-size: 2.5rem !important; } } + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .archive main section article h2 a, + .home main section article h2 a, + .search-results main section article h2 a, + .search-no-results main section article h2 a, + .error404 main section article h2 a { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .archive main section article h2 a, + .home main section article h2 a, + .search-results main section article h2 a, + .search-no-results main section article h2 a, + .error404 main section article h2 a { + font-size: 1.3rem; + color: #000; } } @media (min-width: 1024px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { - font-size: 6rem; } } + font-size: 1.5rem; } } @media (min-width: 1279px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { - font-size: 7.5rem; } } + font-size: 2rem; } } @media (min-width: 1919px) { .archive main section article h2 a, .home main section article h2 a, .search-results main section article h2 a, .search-no-results main section article h2 a, .error404 main section article h2 a { - font-size: 11rem; } } + font-size: 3rem; } } .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 { - bottom: 50%; + bottom: 37.5vw; height: 5rem; display: flex; width: -moz-max-content; @@ -1111,22 +1254,152 @@ object { flex-shrink: 0 !important; flex-basis: auto !important; box-shadow: 0 0 1px transparent; } - .archive main section article .metadata .bevezeto, + .archive main section article .metadata .bevezetoWrapper, .archive main section article .metadata .alcimWrapper, .archive main section article .metadata .curvyArrow, - .home main section article .metadata .bevezeto, + .home main section article .metadata .bevezetoWrapper, .home main section article .metadata .alcimWrapper, .home main section article .metadata .curvyArrow, - .search-results main section article .metadata .bevezeto, + .search-results main section article .metadata .bevezetoWrapper, .search-results main section article .metadata .alcimWrapper, .search-results main section article .metadata .curvyArrow, - .search-no-results main section article .metadata .bevezeto, + .search-no-results main section article .metadata .bevezetoWrapper, .search-no-results main section article .metadata .alcimWrapper, .search-no-results main section article .metadata .curvyArrow, - .error404 main section article .metadata .bevezeto, + .error404 main section article .metadata .bevezetoWrapper, .error404 main section article .metadata .alcimWrapper, .error404 main section article .metadata .curvyArrow { display: none; } + .archive main section article.cut-even .metadata, + .home main section article.cut-even .metadata, + .search-results main section article.cut-even .metadata, + .search-no-results main section article.cut-even .metadata, + .error404 main section article.cut-even .metadata { + background-color: transparent; } + .archive main section article.cut-even .metadata::after, + .home main section article.cut-even .metadata::after, + .search-results main section article.cut-even .metadata::after, + .search-no-results main section article.cut-even .metadata::after, + .error404 main section article.cut-even .metadata::after { + display: none; } + .archive main section article.post_nr_1, .archive main section article.post_nr_2, + .home main section article.post_nr_1, + .home main section article.post_nr_2, + .search-results main section article.post_nr_1, + .search-results main section article.post_nr_2, + .search-no-results main section article.post_nr_1, + .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; } + .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, + .search-results main section article.post_nr_1 .thumbnailwrapper img, + .search-results main section article.post_nr_2 .thumbnailwrapper img, + .search-no-results main section article.post_nr_1 .thumbnailwrapper img, + .search-no-results main section article.post_nr_2 .thumbnailwrapper img, + .error404 main section article.post_nr_1 .thumbnailwrapper img, + .error404 main section article.post_nr_2 .thumbnailwrapper img { + height: 50vh; } + .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, + .search-results main section article.post_nr_1 h2, + .search-results main section article.post_nr_2 h2, + .search-no-results main section article.post_nr_1 h2, + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .error404 main section article.post_nr_1 h2 a, + .error404 main section article.post_nr_2 h2 a { + font: bold 2.2rem "Westeinde Caption"; + color: #000; } + @media (min-width: 360px) { + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .error404 main section article.post_nr_1 h2 a, + .error404 main section article.post_nr_2 h2 a { + font-size: 2.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .error404 main section article.post_nr_1 h2 a, + .error404 main section article.post_nr_2 h2 a { + font-size: 2.5rem; } } + @media (min-width: 1024px) { + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .error404 main section article.post_nr_1 h2 a, + .error404 main section article.post_nr_2 h2 a { + font-size: 5rem; } } + @media (min-width: 1279px) { + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .error404 main section article.post_nr_1 h2 a, + .error404 main section article.post_nr_2 h2 a { + font-size: 6.8rem; } } + @media (min-width: 1919px) { + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .error404 main section article.post_nr_1 h2 a, + .error404 main section article.post_nr_2 h2 a { + font-size: 11rem; } } + @media (min-width: 360px) { + .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, + .home main section article.post_nr_2 h2 a, + .search-results main section article.post_nr_1 h2 a, + .search-results main section article.post_nr_2 h2 a, + .search-no-results main section article.post_nr_1 h2 a, + .search-no-results main section article.post_nr_2 h2 a, + .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, .archive main section article.post_nr_2 .metadata, + .home main section article.post_nr_1 .metadata, + .home main section article.post_nr_2 .metadata, + .search-results main section article.post_nr_1 .metadata, + .search-results main section article.post_nr_2 .metadata, + .search-no-results main section article.post_nr_1 .metadata, + .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 { + bottom: 50%; } @media (min-width: 769px) { .archive main section .home_wrapper-big, .home main section .home_wrapper-big, @@ -1235,13 +1508,20 @@ object { .error404 main section .home_wrapper-big article .metadata { font-size: 1.2rem; } } @media (min-width: 769px) and (min-width: 1024px) { + .archive main section .home_wrapper-big article .metadata, + .home main section .home_wrapper-big article .metadata, + .search-results main section .home_wrapper-big article .metadata, + .search-no-results main section .home_wrapper-big article .metadata, + .error404 main section .home_wrapper-big article .metadata { + font-size: 1.5rem; } } + @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { font-size: 2rem; } } - @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { .archive main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata, @@ -1249,12 +1529,6 @@ object { .error404 main section .home_wrapper-big article .metadata { height: calc(10rem / 2); } } @media (min-width: 769px) { - .archive main section .home_wrapper-big article .metadata.noBottomScrollbar, - .home main section .home_wrapper-big article .metadata.noBottomScrollbar, - .search-results main section .home_wrapper-big article .metadata.noBottomScrollbar, - .search-no-results main section .home_wrapper-big article .metadata.noBottomScrollbar, - .error404 main section .home_wrapper-big article .metadata.noBottomScrollbar { - height: 11.5rem; } .archive main section .home_wrapper-big article .metadata > div, .home main section .home_wrapper-big article .metadata > div, .search-results main section .home_wrapper-big article .metadata > div, @@ -1274,27 +1548,32 @@ object { .search-no-results main section .home_wrapper-big article .metadata .postedon, .error404 main section .home_wrapper-big article .metadata .postedon { padding: 0; } - .archive main section .home_wrapper-big article .metadata .bevezeto, + .archive main section .home_wrapper-big article .metadata .bevezetoWrapper, .archive main section .home_wrapper-big article .metadata .alcimWrapper, - .home main section .home_wrapper-big article .metadata .bevezeto, + .home main section .home_wrapper-big article .metadata .bevezetoWrapper, .home main section .home_wrapper-big article .metadata .alcimWrapper, - .search-results main section .home_wrapper-big article .metadata .bevezeto, + .search-results main section .home_wrapper-big article .metadata .bevezetoWrapper, .search-results main section .home_wrapper-big article .metadata .alcimWrapper, - .search-no-results main section .home_wrapper-big article .metadata .bevezeto, + .search-no-results main section .home_wrapper-big article .metadata .bevezetoWrapper, .search-no-results main section .home_wrapper-big article .metadata .alcimWrapper, - .error404 main section .home_wrapper-big article .metadata .bevezeto, + .error404 main section .home_wrapper-big article .metadata .bevezetoWrapper, .error404 main section .home_wrapper-big article .metadata .alcimWrapper { display: none; } .archive main section .home_wrapper-big article .metadata .transparent, .archive main section .home_wrapper-big article .metadata .transparent a, + .archive main section .home_wrapper-big article .metadata .transparent div, .home main section .home_wrapper-big article .metadata .transparent, .home main section .home_wrapper-big article .metadata .transparent a, + .home main section .home_wrapper-big article .metadata .transparent div, .search-results main section .home_wrapper-big article .metadata .transparent, .search-results main section .home_wrapper-big article .metadata .transparent a, + .search-results main section .home_wrapper-big article .metadata .transparent div, .search-no-results main section .home_wrapper-big article .metadata .transparent, .search-no-results main section .home_wrapper-big article .metadata .transparent a, + .search-no-results main section .home_wrapper-big article .metadata .transparent div, .error404 main section .home_wrapper-big article .metadata .transparent, - .error404 main section .home_wrapper-big article .metadata .transparent a { + .error404 main section .home_wrapper-big article .metadata .transparent a, + .error404 main section .home_wrapper-big article .metadata .transparent div { color: transparent !important; } .archive main section .home_wrapper-big article .metadata .filler, .home main section .home_wrapper-big article .metadata .filler, @@ -1340,49 +1619,96 @@ object { .error404 main section .home_wrapper-big article .metadata .curvyArrow object { height: 15rem; } } @media (min-width: 769px) { - .archive main section .home_wrapper-big article.hovered .bevezeto, - .archive main section .home_wrapper-big article.hovered .alcim, - .home main section .home_wrapper-big article.hovered .bevezeto, - .home main section .home_wrapper-big article.hovered .alcim, - .search-results main section .home_wrapper-big article.hovered .bevezeto, - .search-results main section .home_wrapper-big article.hovered .alcim, - .search-no-results main section .home_wrapper-big article.hovered .bevezeto, - .search-no-results main section .home_wrapper-big article.hovered .alcim, - .error404 main section .home_wrapper-big article.hovered .bevezeto, - .error404 main section .home_wrapper-big article.hovered .alcim { + .archive main section .home_wrapper-big article .bevezeto, + .archive main section .home_wrapper-big article .alcim, + .home main section .home_wrapper-big article .bevezeto, + .home main section .home_wrapper-big article .alcim, + .search-results main section .home_wrapper-big article .bevezeto, + .search-results main section .home_wrapper-big article .alcim, + .search-no-results main section .home_wrapper-big article .bevezeto, + .search-no-results main section .home_wrapper-big article .alcim, + .error404 main section .home_wrapper-big article .bevezeto, + .error404 main section .home_wrapper-big article .alcim { color: #000 !important; } - .archive main section .home_wrapper-big article.hovered .alcim, - .home main section .home_wrapper-big article.hovered .alcim, - .search-results main section .home_wrapper-big article.hovered .alcim, - .search-no-results main section .home_wrapper-big article.hovered .alcim, - .error404 main section .home_wrapper-big article.hovered .alcim { - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - text-align: right; - writing-mode: vertical-lr; - margin: 2rem; } - .archive main section .home_wrapper-big article.hovered .bevezeto, - .home main section .home_wrapper-big article.hovered .bevezeto, - .search-results main section .home_wrapper-big article.hovered .bevezeto, - .search-no-results main section .home_wrapper-big article.hovered .bevezeto, - .error404 main section .home_wrapper-big article.hovered .bevezeto { - height: 100%; - max-height: 100%; - text-align: left; - margin: 0 2rem; - padding: 2rem 0; + .archive main section .home_wrapper-big article .alcimWrapper, + .home main section .home_wrapper-big article .alcimWrapper, + .search-results main section .home_wrapper-big article .alcimWrapper, + .search-no-results main section .home_wrapper-big article .alcimWrapper, + .error404 main section .home_wrapper-big article .alcimWrapper { align-self: flex-start; - font: bold 1rem "Butler"; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-big article.hovered .bevezeto, - .home main section .home_wrapper-big article.hovered .bevezeto, - .search-results main section .home_wrapper-big article.hovered .bevezeto, - .search-no-results main section .home_wrapper-big article.hovered .bevezeto, - .error404 main section .home_wrapper-big article.hovered .bevezeto { - font-size: 2rem; } } + padding: 2rem 0 5rem; + min-width: 8rem; + margin: 0 auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-content: space-around; + position: relative; } + .archive main section .home_wrapper-big article .alcimWrapper .alcim, + .home main section .home_wrapper-big article .alcimWrapper .alcim, + .search-results main section .home_wrapper-big article .alcimWrapper .alcim, + .search-no-results main section .home_wrapper-big article .alcimWrapper .alcim, + .error404 main section .home_wrapper-big article .alcimWrapper .alcim { + writing-mode: vertical-rl; + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + flex: 0 0 auto; + display: flex; + flex-direction: column; + justify-content: center; + align-content: center; + align-items: flex-end; } + .archive main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, + .home main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, + .search-results main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, + .search-no-results main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner, + .error404 main section .home_wrapper-big article .alcimWrapper .alcim .alcimInner { + text-align: left; } + .archive main section .home_wrapper-big article .bevezetoWrapper, + .home main section .home_wrapper-big article .bevezetoWrapper, + .search-results main section .home_wrapper-big article .bevezetoWrapper, + .search-no-results main section .home_wrapper-big article .bevezetoWrapper, + .error404 main section .home_wrapper-big article .bevezetoWrapper { + line-height: 1; + padding: 2rem; + align-self: flex-start; } + .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 { + margin: 0; + overflow: hidden; + font: bold 1rem "Butler"; + line-height: 1rem; } } + @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: 2rem; + line-height: 2rem; } } + @media (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: bold 1rem "Butler"; + line-height: 1rem; + text-align: left; } } + @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: 2rem; + line-height: 2rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-big article.hovered h2 > a, .home main section .home_wrapper-big article.hovered h2 > a, @@ -2574,255 +2900,442 @@ object { .error404 main section #post-404 .archivetitle .metadata .postedon, .error404 main section #post-404 .archivedescription .metadata .postedon { padding: 0 1rem; } } - @media (min-width: 769px) and (min-width: 769px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { - font-size: 1.3rem; - color: #000; } } - @media (min-width: 769px) and (min-width: 1024px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { - font-size: 1.5rem; } } - @media (min-width: 769px) and (min-width: 1279px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { - font-size: 2rem; } } - @media (min-width: 769px) and (min-width: 1919px) { - .archive main section .home_wrapper-small article h2, - .archive main section .home_wrapper-small article h2 a, - .archive main section .home_wrapper-small .archivetitle h2, - .archive main section .home_wrapper-small .archivetitle h2 a, - .archive main section .home_wrapper-small .archivedescription h2, - .archive main section .home_wrapper-small .archivedescription h2 a, - .archive main section #post-404 article h2, - .archive main section #post-404 article h2 a, - .archive main section #post-404 .archivetitle h2, - .archive main section #post-404 .archivetitle h2 a, - .archive main section #post-404 .archivedescription h2, - .archive main section #post-404 .archivedescription h2 a, - .home main section .home_wrapper-small article h2, - .home main section .home_wrapper-small article h2 a, - .home main section .home_wrapper-small .archivetitle h2, - .home main section .home_wrapper-small .archivetitle h2 a, - .home main section .home_wrapper-small .archivedescription h2, - .home main section .home_wrapper-small .archivedescription h2 a, - .home main section #post-404 article h2, - .home main section #post-404 article h2 a, - .home main section #post-404 .archivetitle h2, - .home main section #post-404 .archivetitle h2 a, - .home main section #post-404 .archivedescription h2, - .home main section #post-404 .archivedescription h2 a, - .search-results main section .home_wrapper-small article h2, - .search-results main section .home_wrapper-small article h2 a, - .search-results main section .home_wrapper-small .archivetitle h2, - .search-results main section .home_wrapper-small .archivetitle h2 a, - .search-results main section .home_wrapper-small .archivedescription h2, - .search-results main section .home_wrapper-small .archivedescription h2 a, - .search-results main section #post-404 article h2, - .search-results main section #post-404 article h2 a, - .search-results main section #post-404 .archivetitle h2, - .search-results main section #post-404 .archivetitle h2 a, - .search-results main section #post-404 .archivedescription h2, - .search-results main section #post-404 .archivedescription h2 a, - .search-no-results main section .home_wrapper-small article h2, - .search-no-results main section .home_wrapper-small article h2 a, - .search-no-results main section .home_wrapper-small .archivetitle h2, - .search-no-results main section .home_wrapper-small .archivetitle h2 a, - .search-no-results main section .home_wrapper-small .archivedescription h2, - .search-no-results main section .home_wrapper-small .archivedescription h2 a, - .search-no-results main section #post-404 article h2, - .search-no-results main section #post-404 article h2 a, - .search-no-results main section #post-404 .archivetitle h2, - .search-no-results main section #post-404 .archivetitle h2 a, - .search-no-results main section #post-404 .archivedescription h2, - .search-no-results main section #post-404 .archivedescription h2 a, - .error404 main section .home_wrapper-small article h2, - .error404 main section .home_wrapper-small article h2 a, - .error404 main section .home_wrapper-small .archivetitle h2, - .error404 main section .home_wrapper-small .archivetitle h2 a, - .error404 main section .home_wrapper-small .archivedescription h2, - .error404 main section .home_wrapper-small .archivedescription h2 a, - .error404 main section #post-404 article h2, - .error404 main section #post-404 article h2 a, - .error404 main section #post-404 .archivetitle h2, - .error404 main section #post-404 .archivetitle h2 a, - .error404 main section #post-404 .archivedescription h2, - .error404 main section #post-404 .archivedescription h2 a { - font-size: 3rem; } } + @media (min-width: 769px) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font: bold 1.5rem "Westeinde Caption"; + color: #000; } } + @media (min-width: 769px) and (min-width: 360px) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font-size: 1.8rem; } } + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font-size: 2.5rem; } } + @media (min-width: 769px) and (min-width: 769px) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 769px) and (min-width: 1024px) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font-size: 1.5rem; } } + @media (min-width: 769px) and (min-width: 1279px) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font-size: 2rem; } } + @media (min-width: 769px) and (min-width: 1919px) { + .archive main section .home_wrapper-small article h2, + .archive main section .home_wrapper-small article h2 a, + .archive main section .home_wrapper-small .archivetitle h2, + .archive main section .home_wrapper-small .archivetitle h2 a, + .archive main section .home_wrapper-small .archivedescription h2, + .archive main section .home_wrapper-small .archivedescription h2 a, + .archive main section #post-404 article h2, + .archive main section #post-404 article h2 a, + .archive main section #post-404 .archivetitle h2, + .archive main section #post-404 .archivetitle h2 a, + .archive main section #post-404 .archivedescription h2, + .archive main section #post-404 .archivedescription h2 a, + .home main section .home_wrapper-small article h2, + .home main section .home_wrapper-small article h2 a, + .home main section .home_wrapper-small .archivetitle h2, + .home main section .home_wrapper-small .archivetitle h2 a, + .home main section .home_wrapper-small .archivedescription h2, + .home main section .home_wrapper-small .archivedescription h2 a, + .home main section #post-404 article h2, + .home main section #post-404 article h2 a, + .home main section #post-404 .archivetitle h2, + .home main section #post-404 .archivetitle h2 a, + .home main section #post-404 .archivedescription h2, + .home main section #post-404 .archivedescription h2 a, + .search-results main section .home_wrapper-small article h2, + .search-results main section .home_wrapper-small article h2 a, + .search-results main section .home_wrapper-small .archivetitle h2, + .search-results main section .home_wrapper-small .archivetitle h2 a, + .search-results main section .home_wrapper-small .archivedescription h2, + .search-results main section .home_wrapper-small .archivedescription h2 a, + .search-results main section #post-404 article h2, + .search-results main section #post-404 article h2 a, + .search-results main section #post-404 .archivetitle h2, + .search-results main section #post-404 .archivetitle h2 a, + .search-results main section #post-404 .archivedescription h2, + .search-results main section #post-404 .archivedescription h2 a, + .search-no-results main section .home_wrapper-small article h2, + .search-no-results main section .home_wrapper-small article h2 a, + .search-no-results main section .home_wrapper-small .archivetitle h2, + .search-no-results main section .home_wrapper-small .archivetitle h2 a, + .search-no-results main section .home_wrapper-small .archivedescription h2, + .search-no-results main section .home_wrapper-small .archivedescription h2 a, + .search-no-results main section #post-404 article h2, + .search-no-results main section #post-404 article h2 a, + .search-no-results main section #post-404 .archivetitle h2, + .search-no-results main section #post-404 .archivetitle h2 a, + .search-no-results main section #post-404 .archivedescription h2, + .search-no-results main section #post-404 .archivedescription h2 a, + .error404 main section .home_wrapper-small article h2, + .error404 main section .home_wrapper-small article h2 a, + .error404 main section .home_wrapper-small .archivetitle h2, + .error404 main section .home_wrapper-small .archivetitle h2 a, + .error404 main section .home_wrapper-small .archivedescription h2, + .error404 main section .home_wrapper-small .archivedescription h2 a, + .error404 main section #post-404 article h2, + .error404 main section #post-404 article h2 a, + .error404 main section #post-404 .archivetitle h2, + .error404 main section #post-404 .archivetitle h2 a, + .error404 main section #post-404 .archivedescription h2, + .error404 main section #post-404 .archivedescription h2 a { + font-size: 3rem; } } @media (min-width: 769px) { .archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small .archivetitle h2, @@ -3091,13 +3604,13 @@ object { .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { - font: bold 3rem "Westeinde Caption"; + font: bold 2.2rem "Westeinde Caption"; color: #000; margin: 0; display: block; width: 100%; text-align: left; } } - @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { + @media (min-width: 769px) and (min-width: 360px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, .home main section .home_wrapper-small .archivetitle h1, @@ -3108,7 +3621,19 @@ object { .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { - font-size: 2.5rem !important; } } + font-size: 2.8rem; } } + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { + .archive main section .home_wrapper-small .archivetitle h1, + .archive main section #post-404 .archivetitle h1, + .home main section .home_wrapper-small .archivetitle h1, + .home main section #post-404 .archivetitle h1, + .search-results main section .home_wrapper-small .archivetitle h1, + .search-results main section #post-404 .archivetitle h1, + .search-no-results main section .home_wrapper-small .archivetitle h1, + .search-no-results main section #post-404 .archivetitle h1, + .error404 main section .home_wrapper-small .archivetitle h1, + .error404 main section #post-404 .archivetitle h1 { + font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, @@ -3120,7 +3645,7 @@ object { .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { - font-size: 6rem; } } + font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, @@ -3132,7 +3657,7 @@ object { .search-no-results main section #post-404 .archivetitle h1, .error404 main section .home_wrapper-small .archivetitle h1, .error404 main section #post-404 .archivetitle h1 { - font-size: 7.5rem; } } + font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive main section .home_wrapper-small .archivetitle h1, .archive main section #post-404 .archivetitle h1, @@ -3271,20 +3796,6 @@ object { .error404.error404 .wrapper, .error404.search-no-results .wrapper { height: unset; } - .archive.no-result .wrapper header, .archive.error404 .wrapper header, .archive.search-no-results .wrapper header, - .home.no-result .wrapper header, - .home.error404 .wrapper header, - .home.search-no-results .wrapper header, - .search-results.no-result .wrapper header, - .search-results.error404 .wrapper header, - .search-results.search-no-results .wrapper header, - .search-no-results.no-result .wrapper header, - .search-no-results.error404 .wrapper header, - .search-no-results.search-no-results .wrapper header, - .error404.no-result .wrapper header, - .error404.error404 .wrapper header, - .error404.search-no-results .wrapper header { - background-color: #000; } .archive.no-result .wrapper section .archivetitle, .archive.error404 .wrapper section .archivetitle, .archive.search-no-results .wrapper section .archivetitle, .home.no-result .wrapper section .archivetitle, .home.error404 .wrapper section .archivetitle, @@ -3518,14 +4029,14 @@ object { .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { - font: bold 3rem "Westeinde Caption"; + font: bold 2.2rem "Westeinde Caption"; color: #000; display: inline-block; height: unset; top: unset; position: relative; margin: 0; } } - @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { + @media (min-width: 769px) and (min-width: 360px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, @@ -3554,7 +4065,37 @@ object { .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { - font-size: 2.5rem !important; } } + font-size: 2.8rem; } } + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { + .archive.no-result main section .home_wrapper-1 .archivetitle h2, + .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, + .archive.error404 main section article#post-404 .archivetitle h2, .archive.search-no-results main section .home_wrapper-1 .archivetitle h2, + .archive.search-no-results main section article#post-404 .archivetitle h2, + .home.no-result main section .home_wrapper-1 .archivetitle h2, + .home.no-result main section article#post-404 .archivetitle h2, + .home.error404 main section .home_wrapper-1 .archivetitle h2, + .home.error404 main section article#post-404 .archivetitle h2, + .home.search-no-results main section .home_wrapper-1 .archivetitle h2, + .home.search-no-results main section article#post-404 .archivetitle h2, + .search-results.no-result main section .home_wrapper-1 .archivetitle h2, + .search-results.no-result main section article#post-404 .archivetitle h2, + .search-results.error404 main section .home_wrapper-1 .archivetitle h2, + .search-results.error404 main section article#post-404 .archivetitle h2, + .search-results.search-no-results main section .home_wrapper-1 .archivetitle h2, + .search-results.search-no-results main section article#post-404 .archivetitle h2, + .search-no-results.no-result main section .home_wrapper-1 .archivetitle h2, + .search-no-results.no-result main section article#post-404 .archivetitle h2, + .search-no-results.error404 main section .home_wrapper-1 .archivetitle h2, + .search-no-results.error404 main section article#post-404 .archivetitle h2, + .search-no-results.search-no-results main section .home_wrapper-1 .archivetitle h2, + .search-no-results.search-no-results main section article#post-404 .archivetitle h2, + .error404.no-result main section .home_wrapper-1 .archivetitle h2, + .error404.no-result main section article#post-404 .archivetitle h2, + .error404.error404 main section .home_wrapper-1 .archivetitle h2, + .error404.error404 main section article#post-404 .archivetitle h2, + .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, + .error404.search-no-results main section article#post-404 .archivetitle h2 { + font-size: 2.5rem; } } @media (min-width: 769px) and (min-width: 1024px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, @@ -3584,7 +4125,7 @@ object { .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { - font-size: 6rem; } } + font-size: 5rem; } } @media (min-width: 769px) and (min-width: 1279px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, @@ -3614,7 +4155,7 @@ object { .error404.error404 main section article#post-404 .archivetitle h2, .error404.search-no-results main section .home_wrapper-1 .archivetitle h2, .error404.search-no-results main section article#post-404 .archivetitle h2 { - font-size: 7.5rem; } } + font-size: 6.8rem; } } @media (min-width: 769px) and (min-width: 1919px) { .archive.no-result main section .home_wrapper-1 .archivetitle h2, .archive.no-result main section article#post-404 .archivetitle h2, .archive.error404 main section .home_wrapper-1 .archivetitle h2, @@ -3681,24 +4222,31 @@ object { /* -------------------------------------------------------------------------- */ .search-results #content .archivetitle { word-wrap: break-word; } - @media (min-width: 769px) { - .search-results #content .archivetitle h1 { - font-size: 1.3rem; - color: #000; } } - @media (min-width: 1024px) { - .search-results #content .archivetitle h1 { - font-size: 1.5rem; } } - @media (min-width: 1279px) { - .search-results #content .archivetitle h1 { - font-size: 2rem; } } - @media (min-width: 1919px) { - .search-results #content .archivetitle h1 { - font-size: 3rem; } } + .search-results #content .archivetitle h1 { + font: bold 1.5rem "Westeinde Caption"; + color: #000; } + @media (min-width: 360px) { + .search-results #content .archivetitle h1 { + font-size: 1.8rem; } } + @media (min-aspect-ratio: 1 / 1) { + .search-results #content .archivetitle h1 { + font-size: 2.5rem; } } + @media (min-width: 769px) { + .search-results #content .archivetitle h1 { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 1024px) { + .search-results #content .archivetitle h1 { + font-size: 1.5rem; } } + @media (min-width: 1279px) { + .search-results #content .archivetitle h1 { + font-size: 2rem; } } + @media (min-width: 1919px) { + .search-results #content .archivetitle h1 { + font-size: 3rem; } } .search-no-results .wrapper { height: unset; } - .search-no-results .wrapper header { - background-color: #000; } .search-no-results .wrapper main section .archivetitle { padding: 8rem 2rem 0; } .search-no-results .wrapper main section .archivetitle h1 { @@ -4526,6 +5074,9 @@ body.category.category-esemeny { #related_posts > h3 a:hover { color: #000; -webkit-text-stroke-color: transparent; } + .toHome hr, + #related_posts > h3 hr { + margin-top: 2rem !important; } @media (min-width: 769px) { .toHome { @@ -4765,24 +5316,36 @@ body.category.category-esemeny { @media (min-width: 769px) { #related_posts ul li .metadata .postedon { padding: 1.33333rem 1rem; - flex: 1 0 auto; } } - @media (min-width: 769px) and (min-width: 769px) { - #related_posts ul li h2, - #related_posts ul li h2 a { - font-size: 1.3rem; - color: #000; } } - @media (min-width: 769px) and (min-width: 1024px) { - #related_posts ul li h2, - #related_posts ul li h2 a { - font-size: 1.5rem; } } - @media (min-width: 769px) and (min-width: 1279px) { - #related_posts ul li h2, - #related_posts ul li h2 a { - font-size: 2rem; } } - @media (min-width: 769px) and (min-width: 1919px) { - #related_posts ul li h2, - #related_posts ul li h2 a { - font-size: 3rem; } } + flex: 1 0 auto; } + #related_posts ul li h2, + #related_posts ul li h2 a { + font: bold 1.5rem "Westeinde Caption"; + color: #000; } } + @media (min-width: 769px) and (min-width: 360px) { + #related_posts ul li h2, + #related_posts ul li h2 a { + font-size: 1.8rem; } } + @media (min-width: 769px) and (min-aspect-ratio: 1 / 1) { + #related_posts ul li h2, + #related_posts ul li h2 a { + font-size: 2.5rem; } } + @media (min-width: 769px) and (min-width: 769px) { + #related_posts ul li h2, + #related_posts ul li h2 a { + font-size: 1.3rem; + color: #000; } } + @media (min-width: 769px) and (min-width: 1024px) { + #related_posts ul li h2, + #related_posts ul li h2 a { + font-size: 1.5rem; } } + @media (min-width: 769px) and (min-width: 1279px) { + #related_posts ul li h2, + #related_posts ul li h2 a { + font-size: 2rem; } } + @media (min-width: 769px) and (min-width: 1919px) { + #related_posts ul li h2, + #related_posts ul li h2 a { + font-size: 3rem; } } @media (min-width: 769px) { #related_posts ul li h2 { display: none; @@ -4822,6 +5385,10 @@ body.category.category-esemeny { width: calc(100% - 10rem); } } /* -------------------------------- page only------------------------------- */ +@media (max-width: 768px) { + body.page .single-content { + padding-top: 8rem; } } + @media (min-width: 769px) { body.page article { margin-top: 10rem; } } @@ -4874,14 +5441,17 @@ body.category.category-esemeny { color: #000; background-color: #3c00ff; } -@media (min-width: 769px) { - .tag-be.random .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/be_desktop.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/be_desktop.svg); - mask-repeat: no-repeat; - mask-size: 100%; } } +.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/be_mobil.svg); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask: url(../img/clip/be_mobil.svg); + mask-repeat: no-repeat; + mask-size: 100%; } + @media (min-width: 769px) { + .tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/be_desktop.svg); + mask: url(../img/clip/be_desktop.svg); } } @media (max-width: 768px) { .tag-do .metadata { @@ -4928,14 +5498,17 @@ body.category.category-esemeny { color: #000; background-color: #fdff00; } -@media (min-width: 769px) { - .tag-do.random .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/do_desktop.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/do_desktop.svg); - mask-repeat: no-repeat; - mask-size: 100%; } } +.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/do_mobil.svg); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask: url(../img/clip/do_mobil.svg); + mask-repeat: no-repeat; + mask-size: 100%; } + @media (min-width: 769px) { + .tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/do_desktop.svg); + mask: url(../img/clip/do_desktop.svg); } } @media (max-width: 768px) { .tag-think .metadata { @@ -4982,14 +5555,17 @@ body.category.category-esemeny { color: #000; background-color: #ff5f5f; } -@media (min-width: 769px) { - .tag-think.random .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/think_desktop.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/think_desktop.svg); - mask-repeat: no-repeat; - mask-size: 100%; } } +.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/think_mobil.svg); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask: url(../img/clip/think_mobil.svg); + mask-repeat: no-repeat; + mask-size: 100%; } + @media (min-width: 769px) { + .tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/think_desktop.svg); + mask: url(../img/clip/think_desktop.svg); } } @media (max-width: 768px) { .tag-love .metadata { @@ -5036,14 +5612,17 @@ body.category.category-esemeny { color: #000; background-color: #00ffb8; } -@media (min-width: 769px) { - .tag-love.random .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/love_desktop.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/love_desktop.svg); - mask-repeat: no-repeat; - mask-size: 100%; } } +.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/love_mobil.svg); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: 100%; + mask: url(../img/clip/love_mobil.svg); + mask-repeat: no-repeat; + mask-size: 100%; } + @media (min-width: 769px) { + .tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img { + -webkit-mask: url(../img/clip/love_desktop.svg); + mask: url(../img/clip/love_desktop.svg); } } @media (min-width: 769px) { .single .tag-be .titlewrapper .metadata { diff --git a/footer.php b/footer.php index 602fdc0..b8eff44 100644 --- a/footer.php +++ b/footer.php @@ -4,7 +4,13 @@ - + + + + + diff --git a/functions.php b/functions.php index db798be..b52d83e 100644 --- a/functions.php +++ b/functions.php @@ -124,8 +124,11 @@ function dis2019_header_scripts() wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); // wp_enqueue_script('lettering'); // Enqueue it! - wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); // - wp_enqueue_script('clamp'); // Enqueue it! + // wp_register_script('clamp', get_template_directory_uri() . '/js/lib/clamp.min.js', array(), '1.5.1'); // + // wp_enqueue_script('clamp'); // Enqueue it! + + wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); // + wp_enqueue_script('ftellipsis'); // Enqueue it! wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery', @@ -135,6 +138,7 @@ function dis2019_header_scripts() 'fittext', 'jquery.colorbox', 'lettering', + 'ftellipsis', // 'clamp', ), '1.0.0'); // Custom scripts wp_enqueue_script('dis2019scripts'); // Enqueue it! diff --git a/header.php b/header.php index 4be279d..9a70f79 100644 --- a/header.php +++ b/header.php @@ -1,20 +1,28 @@ - class="no-js"> + class="no-js"> - - <?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?> + + <?php wp_title('');?><?php if (wp_title('', false)) {echo ' :';}?> <?php bloginfo('name');?> - + + + + + + + + + + - + - +