diff --git a/.vscode/globalsnippets.code-snippets b/.vscode/globalsnippets.code-snippets
index 8a85b6e..6a38180 100644
--- a/.vscode/globalsnippets.code-snippets
+++ b/.vscode/globalsnippets.code-snippets
@@ -15,46 +15,8 @@
// ],
// "description": "Log output to console"
// }
- "smalldesktop": {
- "scope": "scss,sass",
- "prefix": "smalldesktop",
- "body": [
- "@media #{\\$smalldesktop} {",
- "$0",
- "}"
- ],
- "description": "SCSS: Smalldesktop media query"
- },
- "bigdesktop": {
- "scope": "scss,sass",
- "prefix": "bigdesktop",
- "body": [
- "@media #{\\$bigdesktop} {",
- "$0",
- "}"
- ],
- "description": "SCSS: Bigdesktop media query"
- },
- "div": {
- "scope": "html,php",
- "prefix": "div",
- "body": [
- "",
- "$0",
- "
"
- ],
- "description": "HTML: div start and end"
- },
- "php": {
- "scope": "html,php",
- "prefix": "php",
- "body": [
- ""
- ],
- "description": "HTML: div start and end"
- },
+
+
"console_debug": {
"scope": "html,php",
"prefix": "console_debug",
@@ -62,13 +24,5 @@
"console_debug($0);"
],
"description": "Log to js console"
- },
- "console.log": {
- "scope": "javascript",
- "prefix": "console.log",
- "body": [
- "console.log($0)"
- ],
- "description": "console.log()"
- },
+ }
}
\ No newline at end of file
diff --git a/_teendők.md b/_teendők.md
index d5e7e0e..dbbd81a 100644
--- a/_teendők.md
+++ b/_teendők.md
@@ -2,6 +2,8 @@
og: tag: pluginnal!
+Facebook like gomb
+
# Esemény oldal - ✔
# Kezdőlap
@@ -36,3 +38,11 @@ vonalak néhol túlvékonyodik, vastagodik - egyenletlen
!Nincs találat oldal, pl keresésnél
404 oldal
+
+Menü oldalakat átnézni, mi hiányzik még, miről van adat egyáltalán
+
+# egyéb
+
+Cookie értesítés
+
+ `@media print{}`
\ No newline at end of file
diff --git a/css/base.css b/css/base.css
index 02e036e..3118827 100644
--- a/css/base.css
+++ b/css/base.css
@@ -130,7 +130,7 @@ object {
@media (min-width: 769px) {
.wrapper .header .header-1,
.wrapper .header .header-2 {
- width: 10rem;
+ width: 7.5rem;
position: fixed;
top: 0;
height: 100vh;
@@ -150,6 +150,10 @@ object {
.wrapper .header .header-2 .menubutton,
.wrapper .header .header-2 .events-link {
filter: invert(100); } }
+ @media (min-width: 1024px) {
+ .wrapper .header .header-1,
+ .wrapper .header .header-2 {
+ width: 10rem; } }
.wrapper .header .header-1 div,
.wrapper .header .header-2 div {
z-index: 3500; }
@@ -192,12 +196,24 @@ object {
transform: rotate(180deg); }
.wrapper .header object {
height: 3rem; }
+ @media (min-width: 769px) {
+ .wrapper .header object {
+ height: 2.5rem; } }
+ @media (min-width: 1024px) {
+ .wrapper .header object {
+ height: 3rem; } }
@media (min-width: 769px) {
.wrapper .header .header-1 > div,
.wrapper .header .header-2 > div {
flex: 0 0 5rem !important; } }
.wrapper .header .logo object {
height: 5rem; }
+ @media (min-width: 769px) {
+ .wrapper .header .logo object {
+ height: 4rem; } }
+ @media (min-width: 1024px) {
+ .wrapper .header .logo object {
+ height: 5rem; } }
.wrapper .header .menubutton {
order: 99;
z-index: 3001; }
@@ -246,7 +262,7 @@ object {
caret-color: #fff;
flex: 1 1 auto;
width: 1rem; }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
.wrapper .header .search-bar form.search input {
font-size: 4rem;
color: #000 !important; } }
@@ -263,9 +279,13 @@ object {
display: none;
position: fixed;
width: 0;
- left: 10rem;
+ left: 7.5rem;
bottom: 0;
- height: 10rem; }
+ height: 10rem; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .wrapper .header .search-bar {
+ left: 10rem; } }
+ @media (min-width: 769px) {
.wrapper .header .search-bar form.search {
border-bottom: none;
height: 100%;
@@ -325,6 +345,9 @@ object {
display: block;
padding-top: 2rem; }
@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; } }
.wrapper .header #sidebar .sidebar-wrapper ul li a {
@@ -334,6 +357,9 @@ object {
.wrapper .header #sidebar .sidebar-wrapper ul li a:hover {
color: #fff; }
@media (min-width: 769px) {
+ .wrapper .header #sidebar .sidebar-wrapper ul li a {
+ font-size: 1.4rem; } }
+ @media (min-width: 1024px) {
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font-size: 2.5rem; } }
.wrapper .header #tag-nav {
@@ -361,6 +387,9 @@ object {
.wrapper .header #tag-nav ul.current {
color: #000 !important; }
@media (min-width: 769px) {
+ .wrapper .header #tag-nav ul {
+ font-size: 1rem; } }
+ @media (min-width: 1024px) {
.wrapper .header #tag-nav ul {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
@@ -389,6 +418,9 @@ object {
.wrapper .header #tag-nav ul li a span.current {
color: #000 !important; }
@media (min-width: 769px) {
+ .wrapper .header #tag-nav ul li a span {
+ font-size: 1rem; } }
+ @media (min-width: 1024px) {
.wrapper .header #tag-nav ul li a span {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
@@ -786,7 +818,7 @@ object {
font: bold 1rem "Westeinde Caption";
color: #000;
z-index: 1; }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
.wrapper main section article .metadata {
font-size: 1.2rem; } }
@media (min-width: 1279px) {
@@ -831,7 +863,7 @@ object {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font-size: 2rem !important; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
.wrapper main section .misha_loadmore a,
.wrapper main section .misha_loadmore p {
font-size: 3rem; } }
@@ -860,224 +892,258 @@ object {
/* -------------------------------------------------------------------------- */
/* ARCHIVE AND HOMEPAGE */
/* -------------------------------------------------------------------------- */
-.archive .wrapper,
-.home .wrapper,
-.search-results .wrapper {
- /* ----------------------------- header on home ----------------------------- */ }
- @media (min-width: 769px) {
- .archive .wrapper,
- .home .wrapper,
- .search-results .wrapper {
- overflow-y: hidden;
- width: -moz-max-content;
- width: max-content;
- width: -moz-fit-content;
- width: fit-content;
- min-width: 100vw; } }
- @media (min-width: 769px) {
- .archive .wrapper .header .header-scroll,
- .home .wrapper .header .header-scroll,
- .search-results .wrapper .header .header-scroll {
- display: block;
- position: fixed;
+.archive,
+.home,
+.search-results {
+ /* -------------------------- no results on mobile -------------------------- */ }
+ .archive .wrapper,
+ .home .wrapper,
+ .search-results .wrapper {
+ /* ----------------------------- header on home ----------------------------- */ }
+ @media (min-width: 769px) {
+ .archive .wrapper,
+ .home .wrapper,
+ .search-results .wrapper {
+ overflow-y: hidden;
+ width: -moz-max-content;
+ width: max-content;
+ width: -moz-fit-content;
+ width: fit-content;
+ min-width: 100vw; } }
+ @media (min-width: 769px) {
+ .archive .wrapper .header .header-scroll,
+ .home .wrapper .header .header-scroll,
+ .search-results .wrapper .header .header-scroll {
+ display: block;
+ position: fixed;
+ height: 100vh;
+ width: 10rem;
+ flex: 1 0 auto !important;
+ top: 0; } }
+ .archive .wrapper .header .header-scroll.header-scroll-left,
+ .home .wrapper .header .header-scroll.header-scroll-left,
+ .search-results .wrapper .header .header-scroll.header-scroll-left {
+ left: 7.5rem; }
+ @media (min-width: 1024px) {
+ .archive .wrapper .header .header-scroll.header-scroll-left,
+ .home .wrapper .header .header-scroll.header-scroll-left,
+ .search-results .wrapper .header .header-scroll.header-scroll-left {
+ left: 10rem; } }
+ .archive .wrapper .header .header-scroll.header-scroll-left button,
+ .home .wrapper .header .header-scroll.header-scroll-left button,
+ .search-results .wrapper .header .header-scroll.header-scroll-left button {
+ cursor: url("../img/arrow-black-left.png"), w-resize; }
+ .archive .wrapper .header .header-scroll.header-scroll-right,
+ .home .wrapper .header .header-scroll.header-scroll-right,
+ .search-results .wrapper .header .header-scroll.header-scroll-right {
+ right: 7.5rem; }
+ @media (min-width: 1024px) {
+ .archive .wrapper .header .header-scroll.header-scroll-right,
+ .home .wrapper .header .header-scroll.header-scroll-right,
+ .search-results .wrapper .header .header-scroll.header-scroll-right {
+ right: 10rem; } }
+ .archive .wrapper .header .header-scroll.header-scroll-right button,
+ .home .wrapper .header .header-scroll.header-scroll-right button,
+ .search-results .wrapper .header .header-scroll.header-scroll-right button {
+ cursor: url("../img/arrow-black-right.png"), e-resize; }
+ .archive .wrapper .header .header-scroll button,
+ .home .wrapper .header .header-scroll button,
+ .search-results .wrapper .header .header-scroll button {
height: 100vh;
- width: 10rem;
- flex: 1 0 auto !important;
- top: 0; } }
- .archive .wrapper .header .header-scroll.header-scroll-left,
- .home .wrapper .header .header-scroll.header-scroll-left,
- .search-results .wrapper .header .header-scroll.header-scroll-left {
- left: 10rem; }
- .archive .wrapper .header .header-scroll.header-scroll-left button,
- .home .wrapper .header .header-scroll.header-scroll-left button,
- .search-results .wrapper .header .header-scroll.header-scroll-left button {
- cursor: url("../img/arrow-black-left.png"), w-resize; }
- .archive .wrapper .header .header-scroll.header-scroll-right,
- .home .wrapper .header .header-scroll.header-scroll-right,
- .search-results .wrapper .header .header-scroll.header-scroll-right {
- right: 10rem; }
- .archive .wrapper .header .header-scroll.header-scroll-right button,
- .home .wrapper .header .header-scroll.header-scroll-right button,
- .search-results .wrapper .header .header-scroll.header-scroll-right button {
- cursor: url("../img/arrow-black-right.png"), e-resize; }
- .archive .wrapper .header .header-scroll button,
- .home .wrapper .header .header-scroll button,
- .search-results .wrapper .header .header-scroll button {
- height: 100vh;
- width: 10rem; }
-
-@media (min-width: 769px) {
- .archive main,
- .home main,
- .search-results main {
- height: 100vh;
- width: -moz-max-content;
- width: max-content;
- width: -moz-fit-content;
- width: fit-content;
- position: relative; } }
-
-.archive main section,
-.home main section,
-.search-results main section {
- /* --------------------------- home article mobile/default -------------------------- */
- /* ------------------------ home article desktop big ------------------------ */
- /* ------------------------------------ - ----------------------------------- */
- /* ----------------------- home articles desktop small ----------------------- */ }
+ width: 10rem; }
@media (min-width: 769px) {
- .archive main section,
- .home main section,
- .search-results main section {
- display: flex;
- flex-direction: row;
- margin: 0;
+ .archive main,
+ .home main,
+ .search-results main {
height: 100vh;
width: -moz-max-content;
width: max-content;
width: -moz-fit-content;
- width: fit-content; } }
- .archive main section article,
- .home main section article,
- .search-results main section article {
- height: 100vh; }
- .archive main section article > a,
- .home main section article > a,
- .search-results main section article > a {
- margin: 0;
- padding: 0;
- border: none;
- display: inline-block; }
- .archive main section article .thumbnailwrapper img,
- .home main section article .thumbnailwrapper img,
- .search-results main section article .thumbnailwrapper img {
- height: 50vh;
- width: 100vw;
- object-fit: cover; }
- .archive main section article h2,
- .home main section article h2,
- .search-results main section article h2 {
- width: 100%;
- height: 50vh;
- padding: 2rem;
- padding-top: 3rem;
- margin: 0; }
- .archive main section article h2 a,
- .home main section article h2 a,
- .search-results main section article h2 a {
- font: bold 3rem "Westeinde Caption";
- color: #000; }
- @media (-webkit-min-device-pixel-ratio: 2.1) {
- .archive main section article h2 a,
- .home main section article h2 a,
- .search-results main section article h2 a {
- font-size: 2.5rem !important; } }
- @media (min-width: 769px) {
- .archive main section article h2 a,
- .home main section article h2 a,
- .search-results main section article h2 a {
- font-size: 6rem; } }
- @media (min-width: 1279px) {
- .archive main section article h2 a,
- .home main section article h2 a,
- .search-results main section article h2 a {
- font-size: 7.5rem; } }
- @media (min-width: 1919px) {
- .archive main section article h2 a,
- .home main section article h2 a,
- .search-results main section article h2 a {
- font-size: 11rem; } }
- .archive main section article .metadata,
- .home main section article .metadata,
- .search-results main section article .metadata {
- bottom: 50%;
- height: 5rem;
- display: flex;
- width: -moz-max-content;
- width: max-content;
- width: -moz-fit-content;
width: fit-content;
- justify-content: space-around;
- flex-wrap: nowrap;
- align-items: center;
- padding: 0; }
- .archive main section article .metadata .vr,
- .home main section article .metadata .vr,
- .search-results main section article .metadata .vr {
- height: 100%;
- width: 1px;
- background-color: #000;
- flex-grow: 0 !important;
- 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 .alcim,
- .archive main section article .metadata .curvyArrow,
- .home main section article .metadata .bevezeto,
- .home main section article .metadata .alcim,
- .home main section article .metadata .curvyArrow,
- .search-results main section article .metadata .bevezeto,
- .search-results main section article .metadata .alcim,
- .search-results main section article .metadata .curvyArrow {
- display: none; }
- @media (min-width: 769px) {
- .archive main section .home_wrapper-big,
- .home main section .home_wrapper-big,
- .search-results main section .home_wrapper-big {
- flex: 0 0 auto;
- border-right: #000 1px solid;
- /* ------------------------ home article desktop 1 + 2 ----------------------- */ }
+ position: relative; } }
+ .archive main section,
+ .home main section,
+ .search-results main section {
+ /* ------------------------- archivetitle on mobile ------------------------- */
+ /* --------------------------- home article mobile/default -------------------------- */
+ /* ------------------------ home article desktop big ------------------------ */
+ /* ------------------------------------ - ----------------------------------- */
+ /* ----------------------- home articles desktop small ----------------------- */ }
+ @media (min-width: 769px) {
+ .archive main section,
+ .home main section,
+ .search-results main section {
+ display: flex;
+ flex-direction: row;
+ margin: 0;
+ height: 100vh;
+ width: -moz-max-content;
+ width: max-content;
+ width: -moz-fit-content;
+ width: fit-content; } }
+ .archive main section .archivetitle,
+ .home main section .archivetitle,
+ .search-results main section .archivetitle {
+ padding: 8rem 2rem 0; }
+ .archive main section article,
+ .home main section article,
+ .search-results main section article {
+ height: 100vh; }
+ .archive main section article > a,
+ .home main section article > a,
+ .search-results main section article > a {
+ margin: 0;
+ padding: 0;
+ border: none;
+ display: inline-block; }
+ .archive main section article .thumbnailwrapper img,
+ .home main section article .thumbnailwrapper img,
+ .search-results main section article .thumbnailwrapper img {
+ height: 50vh;
+ width: 100vw;
+ object-fit: cover; }
+ .archive main section article h2,
+ .home main section article h2,
+ .search-results main section article h2 {
+ width: 100%;
+ height: 50vh;
+ padding: 2rem;
+ padding-top: 3rem;
+ margin: 0; }
+ .archive main section article h2 a,
+ .home main section article h2 a,
+ .search-results main section article h2 a {
+ font: bold 3rem "Westeinde Caption";
+ color: #000; }
+ @media (-webkit-min-device-pixel-ratio: 2.1) {
+ .archive main section article h2 a,
+ .home main section article h2 a,
+ .search-results main section article h2 a {
+ font-size: 2.5rem !important; } }
+ @media (min-width: 1024px) {
+ .archive main section article h2 a,
+ .home main section article h2 a,
+ .search-results main section article h2 a {
+ font-size: 6rem; } }
+ @media (min-width: 1279px) {
+ .archive main section article h2 a,
+ .home main section article h2 a,
+ .search-results main section article h2 a {
+ font-size: 7.5rem; } }
+ @media (min-width: 1919px) {
+ .archive main section article h2 a,
+ .home main section article h2 a,
+ .search-results main section article h2 a {
+ font-size: 11rem; } }
+ .archive main section article .metadata,
+ .home main section article .metadata,
+ .search-results main section article .metadata {
+ bottom: 50%;
+ height: 5rem;
+ display: flex;
+ width: -moz-max-content;
+ width: max-content;
+ width: -moz-fit-content;
+ width: fit-content;
+ justify-content: space-around;
+ flex-wrap: nowrap;
+ align-items: center;
+ padding: 0; }
+ .archive main section article .metadata .vr,
+ .home main section article .metadata .vr,
+ .search-results main section article .metadata .vr {
+ height: 100%;
+ width: 1px;
+ background-color: #000;
+ flex-grow: 0 !important;
+ 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 .alcim,
+ .archive main section article .metadata .curvyArrow,
+ .home main section article .metadata .bevezeto,
+ .home main section article .metadata .alcim,
+ .home main section article .metadata .curvyArrow,
+ .search-results main section article .metadata .bevezeto,
+ .search-results main section article .metadata .alcim,
+ .search-results main section article .metadata .curvyArrow {
+ display: none; }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-big,
+ .home main section .home_wrapper-big,
+ .search-results main section .home_wrapper-big {
+ flex: 0 0 auto;
+ border-right: #000 1px solid;
+ /* ------------------------ home article desktop 1 + 2 ----------------------- */ }
+ .archive main section .home_wrapper-big article,
+ .home main section .home_wrapper-big article,
+ .search-results main section .home_wrapper-big article {
+ position: relative;
+ width: calc(100vw - (7.5rem * 3));
+ height: calc(100vh - 4rem);
+ margin: 0;
+ padding: 0;
+ margin-left: 7.5rem;
+ margin-top: 4rem;
+ border-top: 1px #000 solid;
+ /* ------------- home article desktop big - thumbnail and title ------------- */
+ /* -------------------------- home article metadata big------------------------- */
+ /* --------------------- home article desktop big hover --------------------- */ } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article,
.home main section .home_wrapper-big article,
.search-results main section .home_wrapper-big article {
- position: relative;
width: calc(100vw - (10rem * 3));
- height: calc(100vh - 4rem);
- margin: 0;
- padding: 0;
- margin-left: 10rem;
- margin-top: 4rem;
- border-top: 1px #000 solid;
- /* ------------- home article desktop big - thumbnail and title ------------- */
- /* -------------------------- home article metadata big------------------------- */
- /* --------------------- home article desktop big hover --------------------- */ }
- .archive main section .home_wrapper-big article .thumbnailwrapper,
- .home main section .home_wrapper-big article .thumbnailwrapper,
- .search-results main section .home_wrapper-big article .thumbnailwrapper {
- width: 60%;
- height: calc(100% - 4rem);
- display: flex;
- flex-direction: row;
- justify-content: flex-start; }
- .archive main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
- .home main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
- .search-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
- object-fit: cover;
+ margin-left: 10rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-big article .thumbnailwrapper,
+ .home main section .home_wrapper-big article .thumbnailwrapper,
+ .search-results main section .home_wrapper-big article .thumbnailwrapper {
+ width: 60%;
+ height: calc(100% - 4rem);
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start; }
+ .archive main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
+ .home main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
+ .search-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
+ object-fit: cover;
+ width: 100%;
+ height: 100%; }
+ .archive main section .home_wrapper-big article h2,
+ .home main section .home_wrapper-big article h2,
+ .search-results main section .home_wrapper-big article h2 {
+ height: unset;
+ position: absolute;
+ top: 0;
+ padding: 4rem;
+ padding-right: 2rem;
+ width: calc(100vw - 25rem); }
+ .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 {
+ bottom: 0;
+ background: transparent;
width: 100%;
- height: 100%; }
- .archive main section .home_wrapper-big article h2,
- .home main section .home_wrapper-big article h2,
- .search-results main section .home_wrapper-big article h2 {
- height: unset;
- position: absolute;
- top: 4rem;
- padding: 4rem;
- padding-right: 2rem;
- width: calc(100vw - 25rem); }
+ height: 7.5rem;
+ display: flex;
+ flex-direction: row;
+ padding: 0;
+ justify-content: flex-start;
+ align-items: center;
+ overflow: visible !important; } }
+ @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 {
- bottom: 0;
- background: transparent;
- width: 100%;
- height: 10rem;
- display: flex;
- flex-direction: row;
- padding: 0;
- justify-content: flex-start;
- align-items: center;
- overflow: visible !important; } }
+ height: 10rem; } }
@media (min-width: 769px) and (min-width: 769px) {
+ .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 {
+ 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 {
@@ -1087,139 +1153,146 @@ object {
.home main section .home_wrapper-big article .metadata,
.search-results 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 {
- 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 {
- flex: 1 1 auto; }
- .archive main section .home_wrapper-big article .metadata .categories,
- .home main section .home_wrapper-big article .metadata .categories,
- .search-results main section .home_wrapper-big article .metadata .categories {
- display: block;
- padding: 0; }
- .archive main section .home_wrapper-big article .metadata .postedon,
- .home main section .home_wrapper-big article .metadata .postedon,
- .search-results 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 .alcim,
- .home main section .home_wrapper-big article .metadata .bevezeto,
- .home main section .home_wrapper-big article .metadata .alcim,
- .search-results main section .home_wrapper-big article .metadata .bevezeto,
- .search-results main section .home_wrapper-big article .metadata .alcim {
- color: #000 !important;
- display: none; }
- .archive main section .home_wrapper-big article .metadata .alcim,
- .home main section .home_wrapper-big article .metadata .alcim,
- .search-results main section .home_wrapper-big article .metadata .alcim {
- -moz-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- -webkit-transform: rotate(270deg);
- transform: rotate(270deg);
- transform-origin: top bottom;
- text-align: left;
- flex: 0 0 auto;
- height: 5rem;
- width: 20rem;
- margin: 0 -3rem; }
- .archive main section .home_wrapper-big article .metadata .bevezeto,
- .home main section .home_wrapper-big article .metadata .bevezeto,
- .search-results main section .home_wrapper-big article .metadata .bevezeto {
- width: 50%;
- flex: 0 1 auto;
- text-align: left;
- padding: 5rem;
- font: bold 1rem "Butler"; } }
- @media (min-width: 769px) and (min-width: 769px) {
+ @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 {
+ 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 {
+ flex: 1 1 auto; }
+ .archive main section .home_wrapper-big article .metadata .categories,
+ .home main section .home_wrapper-big article .metadata .categories,
+ .search-results main section .home_wrapper-big article .metadata .categories {
+ display: block;
+ padding: 0; }
+ .archive main section .home_wrapper-big article .metadata .postedon,
+ .home main section .home_wrapper-big article .metadata .postedon,
+ .search-results 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 .alcim,
+ .home main section .home_wrapper-big article .metadata .bevezeto,
+ .home main section .home_wrapper-big article .metadata .alcim,
+ .search-results main section .home_wrapper-big article .metadata .bevezeto,
+ .search-results main section .home_wrapper-big article .metadata .alcim {
+ color: #000 !important;
+ display: none; }
+ .archive main section .home_wrapper-big article .metadata .alcim,
+ .home main section .home_wrapper-big article .metadata .alcim,
+ .search-results main section .home_wrapper-big article .metadata .alcim {
+ -moz-transform: rotate(270deg);
+ -o-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ transform-origin: top bottom;
+ text-align: left;
+ flex: 0 0 auto;
+ height: 5rem;
+ width: 20rem;
+ margin: 0 -3rem; }
+ .archive main section .home_wrapper-big article .metadata .bevezeto,
+ .home main section .home_wrapper-big article .metadata .bevezeto,
+ .search-results main section .home_wrapper-big article .metadata .bevezeto {
+ width: 50%;
+ flex: 0 1 auto;
+ text-align: left;
+ padding: 5rem;
+ font: bold 1rem "Butler"; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .metadata .bevezeto,
.home main section .home_wrapper-big article .metadata .bevezeto,
.search-results main section .home_wrapper-big article .metadata .bevezeto {
font-size: 2rem; } }
- @media (min-width: 769px) {
- .archive main section .home_wrapper-big article .metadata .transparent,
- .archive main section .home_wrapper-big article .metadata .transparent a,
- .home main section .home_wrapper-big article .metadata .transparent,
- .home main section .home_wrapper-big article .metadata .transparent a,
- .search-results main section .home_wrapper-big article .metadata .transparent,
- .search-results main section .home_wrapper-big article .metadata .transparent a {
- color: transparent !important; }
- .archive main section .home_wrapper-big article .metadata .filler,
- .home main section .home_wrapper-big article .metadata .filler,
- .search-results main section .home_wrapper-big article .metadata .filler {
- flex: 0 0 auto;
- width: 60%;
- height: 1px;
- align-self: flex-start; }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-big article .metadata .transparent,
+ .archive main section .home_wrapper-big article .metadata .transparent a,
+ .home main section .home_wrapper-big article .metadata .transparent,
+ .home main section .home_wrapper-big article .metadata .transparent a,
+ .search-results main section .home_wrapper-big article .metadata .transparent,
+ .search-results main section .home_wrapper-big article .metadata .transparent a {
+ color: transparent !important; }
+ .archive main section .home_wrapper-big article .metadata .filler,
+ .home main section .home_wrapper-big article .metadata .filler,
+ .search-results main section .home_wrapper-big article .metadata .filler {
+ flex: 0 0 auto;
+ width: 60%;
+ height: 1px;
+ align-self: flex-start; }
+ .archive main section .home_wrapper-big article .metadata .curvyArrow,
+ .home main section .home_wrapper-big article .metadata .curvyArrow,
+ .search-results main section .home_wrapper-big article .metadata .curvyArrow {
+ position: absolute;
+ display: block;
+ right: 0;
+ top: 0;
+ height: 10rem;
+ width: 5rem; }
+ .archive main section .home_wrapper-big article .metadata .curvyArrow object,
+ .home main section .home_wrapper-big article .metadata .curvyArrow object,
+ .search-results main section .home_wrapper-big article .metadata .curvyArrow object {
+ height: 10rem;
+ position: absolute;
+ right: 0;
+ top: calc(-50% + 0.5px); } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .metadata .curvyArrow,
.home main section .home_wrapper-big article .metadata .curvyArrow,
.search-results main section .home_wrapper-big article .metadata .curvyArrow {
- position: absolute;
- display: block;
- right: 0;
- top: 0;
height: 15rem;
width: 7.5rem; }
.archive main section .home_wrapper-big article .metadata .curvyArrow object,
.home main section .home_wrapper-big article .metadata .curvyArrow object,
.search-results main section .home_wrapper-big article .metadata .curvyArrow object {
- height: 15rem;
- position: absolute;
- right: 0;
- top: calc(-50% + 0.5px); }
- .archive main section .home_wrapper-big article.hovered h2 > a,
- .home main section .home_wrapper-big article.hovered h2 > a,
- .search-results main section .home_wrapper-big article.hovered h2 > a {
- color: #000; }
- .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::after,
- .home main section .home_wrapper-big.home_wrapper-1 article .metadata::after,
- .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after {
- position: absolute;
- content: "";
- display: block;
- top: 0;
- border: none;
- width: calc(100% - 4rem + (1px));
- border-top: #000 1px solid;
- background-color: transparent;
- left: calc(4rem);
- margin-left: calc((1px) * -1); }
- .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
- .home main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
- .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before {
- display: block;
- content: "";
- position: absolute;
- width: calc(4rem);
- height: calc(4rem);
- top: 0;
- background-color: transparent;
- z-index: 9;
- left: calc((1px) * -1);
- border-left: #000 solid 1px;
- -moz-transform: skewX(-45deg);
- -o-transform: skewX(-45deg);
- -ms-transform: skewX(-45deg);
- -webkit-transform: skewX(-45deg);
- transform: skewX(-45deg);
- transform-origin: left bottom;
- border-top: #000 solid 1px; }
- .archive main section .home_wrapper-big.home_wrapper-1 article .metadata .filler,
- .home main section .home_wrapper-big.home_wrapper-1 article .metadata .filler,
- .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler {
- position: relative; }
- .archive main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper,
- .home main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper,
- .search-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper {
- float: right; }
- .archive main section .home_wrapper-big.home_wrapper-2 article,
- .home main section .home_wrapper-big.home_wrapper-2 article,
- .search-results main section .home_wrapper-big.home_wrapper-2 article {
- border-left: #000 1px solid; }
+ height: 15rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-big article.hovered h2 > a,
+ .home main section .home_wrapper-big article.hovered h2 > a,
+ .search-results main section .home_wrapper-big article.hovered h2 > a {
+ color: #000; }
+ .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::after,
+ .home main section .home_wrapper-big.home_wrapper-1 article .metadata::after,
+ .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 4rem + (1px));
+ border-top: #000 1px solid;
+ background-color: transparent;
+ left: calc(4rem);
+ margin-left: calc((1px) * -1); }
+ .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
+ .home main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
+ .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(4rem);
+ height: calc(4rem);
+ top: 0;
+ background-color: transparent;
+ z-index: 9;
+ left: calc((1px) * -1);
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; }
+ .archive main section .home_wrapper-big.home_wrapper-1 article .metadata .filler,
+ .home main section .home_wrapper-big.home_wrapper-1 article .metadata .filler,
+ .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler {
+ position: relative; }
+ .archive main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper,
+ .home main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper,
+ .search-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper {
+ float: right; }
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata,
.home main section .home_wrapper-big.home_wrapper-2 article .metadata,
.search-results main section .home_wrapper-big.home_wrapper-2 article .metadata {
@@ -1269,66 +1342,114 @@ object {
.search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img {
left: -5rem;
position: relative; } }
- @media (min-width: 769px) {
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small,
+ .home main section .home_wrapper-small,
+ .search-results main section .home_wrapper-small {
+ height: calc(100vh - 8rem);
+ width: calc((100vh - 8rem) / 2 * 3);
+ max-width: calc(100vw - (7.5rem * 3));
+ max-height: calc((100vw - (7.5rem * 3)) / 3 * 2);
+ flex-shrink: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ margin: auto 0; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small,
.home main section .home_wrapper-small,
.search-results main section .home_wrapper-small {
max-width: calc(100vw - (10rem * 3));
- max-height: calc((100vw - (10rem * 3)) / 3 * 2);
- height: calc(100vh - 8rem);
- width: calc((100vh - 8rem) / 2 * 3);
- flex-shrink: 0;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- margin: auto 0; }
+ max-height: calc((100vw - (10rem * 3)) / 3 * 2); } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1),
+ .home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1),
+ .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1) {
+ margin-left: 3.75rem; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1),
.home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1),
.search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1) {
- margin-left: 5rem; }
+ margin-left: 5rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
+ .home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
+ .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
+ margin-left: 7.5rem; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
.home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
.search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
- margin-left: 10rem; }
+ margin-left: 10rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small:last-child,
+ .home main section .home_wrapper-small:last-child,
+ .search-results main section .home_wrapper-small:last-child {
+ margin-right: 7.5rem; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small:last-child,
.home main section .home_wrapper-small:last-child,
.search-results main section .home_wrapper-small:last-child {
- margin-right: 10rem; }
- .archive main section .home_wrapper-small article,
- .archive main section .home_wrapper-small .archivetitle,
- .archive main section .home_wrapper-small .archivedescription,
- .home main section .home_wrapper-small article,
- .home main section .home_wrapper-small .archivetitle,
- .home main section .home_wrapper-small .archivedescription,
- .search-results main section .home_wrapper-small article,
- .search-results main section .home_wrapper-small .archivetitle,
- .search-results main section .home_wrapper-small .archivedescription {
- flex: 0 0 calc(100% / 3);
- height: 50%;
- position: relative; }
- .archive main section .home_wrapper-small article .thumbnailwrapper,
- .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper,
- .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper,
- .home main section .home_wrapper-small article .thumbnailwrapper,
- .home main section .home_wrapper-small .archivetitle .thumbnailwrapper,
- .home main section .home_wrapper-small .archivedescription .thumbnailwrapper,
- .search-results main section .home_wrapper-small article .thumbnailwrapper,
- .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper,
- .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper {
- width: 100%;
- height: 100%; }
- .archive main section .home_wrapper-small article .thumbnailwrapper img,
- .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
- .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper img,
- .home main section .home_wrapper-small article .thumbnailwrapper img,
- .home main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
- .home main section .home_wrapper-small .archivedescription .thumbnailwrapper img,
- .search-results main section .home_wrapper-small article .thumbnailwrapper img,
- .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
- .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img {
+ margin-right: 10rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article,
+ .archive main section .home_wrapper-small .archivetitle,
+ .archive main section .home_wrapper-small .archivedescription,
+ .home main section .home_wrapper-small article,
+ .home main section .home_wrapper-small .archivetitle,
+ .home main section .home_wrapper-small .archivedescription,
+ .search-results main section .home_wrapper-small article,
+ .search-results main section .home_wrapper-small .archivetitle,
+ .search-results main section .home_wrapper-small .archivedescription {
+ flex: 0 0 calc(100% / 3);
+ height: 50%;
+ position: relative; }
+ .archive main section .home_wrapper-small article .thumbnailwrapper,
+ .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper,
+ .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper,
+ .home main section .home_wrapper-small article .thumbnailwrapper,
+ .home main section .home_wrapper-small .archivetitle .thumbnailwrapper,
+ .home main section .home_wrapper-small .archivedescription .thumbnailwrapper,
+ .search-results main section .home_wrapper-small article .thumbnailwrapper,
+ .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper,
+ .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper {
width: 100%;
- height: 100%;
- object-fit: cover; }
+ height: 100%; }
+ .archive main section .home_wrapper-small article .thumbnailwrapper img,
+ .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
+ .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper img,
+ .home main section .home_wrapper-small article .thumbnailwrapper img,
+ .home main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
+ .home main section .home_wrapper-small .archivedescription .thumbnailwrapper img,
+ .search-results main section .home_wrapper-small article .thumbnailwrapper img,
+ .search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
+ .search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover; }
+ .archive main section .home_wrapper-small article .metadata,
+ .archive main section .home_wrapper-small .archivetitle .metadata,
+ .archive main section .home_wrapper-small .archivedescription .metadata,
+ .home main section .home_wrapper-small article .metadata,
+ .home main section .home_wrapper-small .archivetitle .metadata,
+ .home main section .home_wrapper-small .archivedescription .metadata,
+ .search-results main section .home_wrapper-small article .metadata,
+ .search-results main section .home_wrapper-small .archivetitle .metadata,
+ .search-results main section .home_wrapper-small .archivedescription .metadata {
+ width: 100%;
+ min-width: unset;
+ height: 2.5rem;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ background: transparent;
+ display: flex;
+ flex-direction: row;
+ padding: 0;
+ justify-content: space-between;
+ align-items: stretch;
+ display: none; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small article .metadata,
.archive main section .home_wrapper-small .archivetitle .metadata,
.archive main section .home_wrapper-small .archivedescription .metadata,
@@ -1338,64 +1459,99 @@ object {
.search-results main section .home_wrapper-small article .metadata,
.search-results main section .home_wrapper-small .archivetitle .metadata,
.search-results main section .home_wrapper-small .archivedescription .metadata {
- width: 100%;
- min-width: unset;
- height: 5rem;
+ height: 5rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article .metadata::after,
+ .archive main section .home_wrapper-small .archivetitle .metadata::after,
+ .archive main section .home_wrapper-small .archivedescription .metadata::after,
+ .home main section .home_wrapper-small article .metadata::after,
+ .home main section .home_wrapper-small .archivetitle .metadata::after,
+ .home main section .home_wrapper-small .archivedescription .metadata::after,
+ .search-results main section .home_wrapper-small article .metadata::after,
+ .search-results main section .home_wrapper-small .archivetitle .metadata::after,
+ .search-results main section .home_wrapper-small .archivedescription .metadata::after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 2.5rem);
+ border-top: #000 1px solid;
+ background-color: transparent;
+ left: calc(2.5rem);
+ margin-left: 0; }
+ .archive main section .home_wrapper-small article .metadata::before,
+ .archive main section .home_wrapper-small .archivetitle .metadata::before,
+ .archive main section .home_wrapper-small .archivedescription .metadata::before,
+ .home main section .home_wrapper-small article .metadata::before,
+ .home main section .home_wrapper-small .archivetitle .metadata::before,
+ .home main section .home_wrapper-small .archivedescription .metadata::before,
+ .search-results main section .home_wrapper-small article .metadata::before,
+ .search-results main section .home_wrapper-small .archivetitle .metadata::before,
+ .search-results main section .home_wrapper-small .archivedescription .metadata::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(2.5rem);
+ height: calc(2.5rem);
+ top: 0;
+ background-color: transparent;
+ z-index: 9;
+ left: 0;
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .archive main section .home_wrapper-small article .metadata::after,
+ .archive main section .home_wrapper-small .archivetitle .metadata::after,
+ .archive main section .home_wrapper-small .archivedescription .metadata::after,
+ .home main section .home_wrapper-small article .metadata::after,
+ .home main section .home_wrapper-small .archivetitle .metadata::after,
+ .home main section .home_wrapper-small .archivedescription .metadata::after,
+ .search-results main section .home_wrapper-small article .metadata::after,
+ .search-results main section .home_wrapper-small .archivetitle .metadata::after,
+ .search-results main section .home_wrapper-small .archivedescription .metadata::after {
position: absolute;
- bottom: 0;
- right: 0;
- background: transparent;
- display: flex;
- flex-direction: row;
- padding: 0;
- justify-content: space-between;
- align-items: stretch;
- display: none; }
- .archive main section .home_wrapper-small article .metadata::after,
- .archive main section .home_wrapper-small .archivetitle .metadata::after,
- .archive main section .home_wrapper-small .archivedescription .metadata::after,
- .home main section .home_wrapper-small article .metadata::after,
- .home main section .home_wrapper-small .archivetitle .metadata::after,
- .home main section .home_wrapper-small .archivedescription .metadata::after,
- .search-results main section .home_wrapper-small article .metadata::after,
- .search-results main section .home_wrapper-small .archivetitle .metadata::after,
- .search-results main section .home_wrapper-small .archivedescription .metadata::after {
- position: absolute;
- content: "";
- display: block;
- top: 0;
- border: none;
- width: calc(100% - 5rem);
- border-top: #000 1px solid;
- background-color: transparent;
- left: calc(5rem);
- margin-left: 0; }
- .archive main section .home_wrapper-small article .metadata::before,
- .archive main section .home_wrapper-small .archivetitle .metadata::before,
- .archive main section .home_wrapper-small .archivedescription .metadata::before,
- .home main section .home_wrapper-small article .metadata::before,
- .home main section .home_wrapper-small .archivetitle .metadata::before,
- .home main section .home_wrapper-small .archivedescription .metadata::before,
- .search-results main section .home_wrapper-small article .metadata::before,
- .search-results main section .home_wrapper-small .archivetitle .metadata::before,
- .search-results main section .home_wrapper-small .archivedescription .metadata::before {
- display: block;
- content: "";
- position: absolute;
- width: calc(5rem);
- height: calc(5rem);
- top: 0;
- background-color: transparent;
- z-index: 9;
- left: 0;
- border-left: #000 solid 1px;
- -moz-transform: skewX(-45deg);
- -o-transform: skewX(-45deg);
- -ms-transform: skewX(-45deg);
- -webkit-transform: skewX(-45deg);
- transform: skewX(-45deg);
- transform-origin: left bottom;
- border-top: #000 solid 1px; } }
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 5rem);
+ border-top: #000 1px solid;
+ background-color: transparent;
+ left: calc(5rem);
+ margin-left: 0; }
+ .archive main section .home_wrapper-small article .metadata::before,
+ .archive main section .home_wrapper-small .archivetitle .metadata::before,
+ .archive main section .home_wrapper-small .archivedescription .metadata::before,
+ .home main section .home_wrapper-small article .metadata::before,
+ .home main section .home_wrapper-small .archivetitle .metadata::before,
+ .home main section .home_wrapper-small .archivedescription .metadata::before,
+ .search-results main section .home_wrapper-small article .metadata::before,
+ .search-results main section .home_wrapper-small .archivetitle .metadata::before,
+ .search-results main section .home_wrapper-small .archivedescription .metadata::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(5rem);
+ height: calc(5rem);
+ top: 0;
+ background-color: transparent;
+ z-index: 9;
+ left: 0;
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; } }
@media (min-width: 769px) and (min-width: 1919px) {
.archive main section .home_wrapper-small article .metadata,
.archive main section .home_wrapper-small .archivetitle .metadata,
@@ -1452,45 +1608,45 @@ object {
transform: skewX(-45deg);
transform-origin: left bottom;
border-top: #000 solid 1px; } }
- @media (min-width: 769px) {
- .archive main section .home_wrapper-small article .metadata.vis,
- .archive main section .home_wrapper-small .archivetitle .metadata.vis,
- .archive main section .home_wrapper-small .archivedescription .metadata.vis,
- .home main section .home_wrapper-small article .metadata.vis,
- .home main section .home_wrapper-small .archivetitle .metadata.vis,
- .home main section .home_wrapper-small .archivedescription .metadata.vis,
- .search-results main section .home_wrapper-small article .metadata.vis,
- .search-results main section .home_wrapper-small .archivetitle .metadata.vis,
- .search-results main section .home_wrapper-small .archivedescription .metadata.vis {
- display: flex; }
- .archive main section .home_wrapper-small article .metadata .categories,
- .archive main section .home_wrapper-small article .metadata .postedon,
- .archive main section .home_wrapper-small .archivetitle .metadata .categories,
- .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
- .archive main section .home_wrapper-small .archivedescription .metadata .categories,
- .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
- .home main section .home_wrapper-small article .metadata .categories,
- .home main section .home_wrapper-small article .metadata .postedon,
- .home main section .home_wrapper-small .archivetitle .metadata .categories,
- .home main section .home_wrapper-small .archivetitle .metadata .postedon,
- .home main section .home_wrapper-small .archivedescription .metadata .categories,
- .home main section .home_wrapper-small .archivedescription .metadata .postedon,
- .search-results main section .home_wrapper-small article .metadata .categories,
- .search-results main section .home_wrapper-small article .metadata .postedon,
- .search-results main section .home_wrapper-small .archivetitle .metadata .categories,
- .search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
- .search-results main section .home_wrapper-small .archivedescription .metadata .categories,
- .search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
- font: bold 1rem "Westeinde Caption";
- color: #000;
- display: flex;
- flex-direction: row;
- align-content: center;
- margin-top: auto;
- margin-bottom: auto;
- flex-wrap: nowrap;
- justify-content: center; } }
- @media (min-width: 769px) and (min-width: 769px) {
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article .metadata.vis,
+ .archive main section .home_wrapper-small .archivetitle .metadata.vis,
+ .archive main section .home_wrapper-small .archivedescription .metadata.vis,
+ .home main section .home_wrapper-small article .metadata.vis,
+ .home main section .home_wrapper-small .archivetitle .metadata.vis,
+ .home main section .home_wrapper-small .archivedescription .metadata.vis,
+ .search-results main section .home_wrapper-small article .metadata.vis,
+ .search-results main section .home_wrapper-small .archivetitle .metadata.vis,
+ .search-results main section .home_wrapper-small .archivedescription .metadata.vis {
+ display: flex; }
+ .archive main section .home_wrapper-small article .metadata .categories,
+ .archive main section .home_wrapper-small article .metadata .postedon,
+ .archive main section .home_wrapper-small .archivetitle .metadata .categories,
+ .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
+ .archive main section .home_wrapper-small .archivedescription .metadata .categories,
+ .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
+ .home main section .home_wrapper-small article .metadata .categories,
+ .home main section .home_wrapper-small article .metadata .postedon,
+ .home main section .home_wrapper-small .archivetitle .metadata .categories,
+ .home main section .home_wrapper-small .archivetitle .metadata .postedon,
+ .home main section .home_wrapper-small .archivedescription .metadata .categories,
+ .home main section .home_wrapper-small .archivedescription .metadata .postedon,
+ .search-results main section .home_wrapper-small article .metadata .categories,
+ .search-results main section .home_wrapper-small article .metadata .postedon,
+ .search-results main section .home_wrapper-small .archivetitle .metadata .categories,
+ .search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
+ .search-results main section .home_wrapper-small .archivedescription .metadata .categories,
+ .search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
+ font: bold 1rem "Westeinde Caption";
+ color: #000;
+ display: flex;
+ flex-direction: row;
+ align-content: center;
+ margin-top: auto;
+ margin-bottom: auto;
+ flex-wrap: nowrap;
+ justify-content: center; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home_wrapper-small article .metadata .postedon,
.archive main section .home_wrapper-small .archivetitle .metadata .categories,
@@ -1550,7 +1706,20 @@ object {
.search-results main section .home_wrapper-small .archivedescription .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
font-size: 2.5rem; } }
- @media (min-width: 769px) {
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article .metadata .categories,
+ .archive main section .home_wrapper-small .archivetitle .metadata .categories,
+ .archive main section .home_wrapper-small .archivedescription .metadata .categories,
+ .home main section .home_wrapper-small article .metadata .categories,
+ .home main section .home_wrapper-small .archivetitle .metadata .categories,
+ .home main section .home_wrapper-small .archivedescription .metadata .categories,
+ .search-results main section .home_wrapper-small article .metadata .categories,
+ .search-results main section .home_wrapper-small .archivetitle .metadata .categories,
+ .search-results main section .home_wrapper-small .archivedescription .metadata .categories {
+ margin-left: 2.5rem;
+ padding-right: 0.5rem;
+ flex: 1 0 auto; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home_wrapper-small .archivetitle .metadata .categories,
.archive main section .home_wrapper-small .archivedescription .metadata .categories,
@@ -1560,9 +1729,7 @@ object {
.search-results main section .home_wrapper-small article .metadata .categories,
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .categories {
- margin-left: 5rem;
- padding-right: 1rem;
- flex: 1 0 auto; } }
+ margin-left: 5rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home_wrapper-small .archivetitle .metadata .categories,
@@ -1574,7 +1741,30 @@ object {
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .categories {
margin-left: 10rem; } }
- @media (min-width: 769px) {
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .archive main section .home_wrapper-small article .metadata .categories,
+ .archive main section .home_wrapper-small .archivetitle .metadata .categories,
+ .archive main section .home_wrapper-small .archivedescription .metadata .categories,
+ .home main section .home_wrapper-small article .metadata .categories,
+ .home main section .home_wrapper-small .archivetitle .metadata .categories,
+ .home main section .home_wrapper-small .archivedescription .metadata .categories,
+ .search-results main section .home_wrapper-small article .metadata .categories,
+ .search-results main section .home_wrapper-small .archivetitle .metadata .categories,
+ .search-results main section .home_wrapper-small .archivedescription .metadata .categories {
+ padding-right: 1rem; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article .metadata .postedon,
+ .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
+ .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
+ .home main section .home_wrapper-small article .metadata .postedon,
+ .home main section .home_wrapper-small .archivetitle .metadata .postedon,
+ .home main section .home_wrapper-small .archivedescription .metadata .postedon,
+ .search-results main section .home_wrapper-small article .metadata .postedon,
+ .search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
+ .search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
+ padding: 0 0.5rem;
+ flex: 1 0 auto; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small article .metadata .postedon,
.archive main section .home_wrapper-small .archivetitle .metadata .postedon,
.archive main section .home_wrapper-small .archivedescription .metadata .postedon,
@@ -1584,8 +1774,7 @@ object {
.search-results main section .home_wrapper-small article .metadata .postedon,
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
- padding: 0 1rem;
- flex: 1 0 auto; } }
+ 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,
@@ -1605,8 +1794,28 @@ object {
.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 {
- font-size: 1.5rem;
+ 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,
+ .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,
+ .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 {
+ 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,
@@ -1647,22 +1856,42 @@ object {
.search-results main section .home_wrapper-small .archivedescription h2,
.search-results main section .home_wrapper-small .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,
- .archive main section .home_wrapper-small .archivedescription h2,
- .home main section .home_wrapper-small article h2,
- .home main section .home_wrapper-small .archivetitle h2,
- .home main section .home_wrapper-small .archivedescription h2,
- .search-results main section .home_wrapper-small article h2,
- .search-results main section .home_wrapper-small .archivetitle h2,
- .search-results main section .home_wrapper-small .archivedescription h2 {
- display: none;
- position: absolute;
- top: 0;
- background-color: #fff;
- height: 100%;
- padding: 0; }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article h2,
+ .archive main section .home_wrapper-small .archivetitle h2,
+ .archive main section .home_wrapper-small .archivedescription h2,
+ .home main section .home_wrapper-small article h2,
+ .home main section .home_wrapper-small .archivetitle h2,
+ .home main section .home_wrapper-small .archivedescription h2,
+ .search-results main section .home_wrapper-small article h2,
+ .search-results main section .home_wrapper-small .archivetitle h2,
+ .search-results main section .home_wrapper-small .archivedescription h2 {
+ display: none;
+ position: absolute;
+ top: 0;
+ background-color: #fff;
+ height: 100%;
+ padding: 0; }
+ .archive main section .home_wrapper-small article h2 a,
+ .archive main section .home_wrapper-small .archivetitle h2 a,
+ .archive main section .home_wrapper-small .archivedescription h2 a,
+ .home main section .home_wrapper-small article h2 a,
+ .home main section .home_wrapper-small .archivetitle h2 a,
+ .home main section .home_wrapper-small .archivedescription h2 a,
+ .search-results main section .home_wrapper-small article h2 a,
+ .search-results main section .home_wrapper-small .archivetitle h2 a,
+ .search-results main section .home_wrapper-small .archivedescription h2 a {
+ margin-top: 1.25rem;
+ margin-right: 1rem;
+ margin-bottom: 3rem;
+ margin-left: 2.5rem;
+ bottom: 0;
+ height: -moz-max-content;
+ height: max-content;
+ height: -moz-fit-content;
+ height: fit-content;
+ position: absolute; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small article h2 a,
.archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home_wrapper-small .archivedescription h2 a,
@@ -1675,13 +1904,7 @@ object {
margin-top: 2.5rem;
margin-right: 2rem;
margin-bottom: 7rem;
- margin-left: 5rem;
- bottom: 0;
- height: -moz-max-content;
- height: max-content;
- height: -moz-fit-content;
- height: fit-content;
- position: absolute; } }
+ margin-left: 5rem; } }
@media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home_wrapper-small article h2 a,
.archive main section .home_wrapper-small .archivetitle h2 a,
@@ -1706,73 +1929,73 @@ object {
.search-results main section .home_wrapper-small .archivedescription h2 a {
margin-left: 10rem;
margin-bottom: 12rem; } }
- @media (min-width: 769px) {
- .archive main section .home_wrapper-small article,
- .home main section .home_wrapper-small article,
- .search-results main section .home_wrapper-small article {
- cursor: pointer; }
- .archive main section .home_wrapper-small .archivetitle,
- .home main section .home_wrapper-small .archivetitle,
- .search-results main section .home_wrapper-small .archivetitle {
- margin: 0 auto;
- width: calc(100% / 3);
- position: relative;
- bottom: 0;
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: flex-start;
- padding: 1rem 2rem;
- text-align: center;
- border-right: #000 1px solid; }
- .archive main section .home_wrapper-small .archivetitle::after,
- .home main section .home_wrapper-small .archivetitle::after,
- .search-results main section .home_wrapper-small .archivetitle::after {
- position: absolute;
- content: "";
- display: block;
- top: 0;
- border: none;
- width: calc(100% - 5rem);
- border-top: #000 1px solid;
- background-color: transparent;
- left: calc(5rem);
- margin-left: 0; }
- .archive main section .home_wrapper-small .archivetitle::before,
- .home main section .home_wrapper-small .archivetitle::before,
- .search-results main section .home_wrapper-small .archivetitle::before {
- display: block;
- content: "";
- position: absolute;
- width: calc(5rem);
- height: calc(5rem);
- top: 0;
- background-color: transparent;
- z-index: 9;
- left: 0;
- border-left: #000 solid 1px;
- -moz-transform: skewX(-45deg);
- -o-transform: skewX(-45deg);
- -ms-transform: skewX(-45deg);
- -webkit-transform: skewX(-45deg);
- transform: skewX(-45deg);
- transform-origin: left bottom;
- border-top: #000 solid 1px; }
- .archive main section .home_wrapper-small .archivetitle h1,
- .home main section .home_wrapper-small .archivetitle h1,
- .search-results main section .home_wrapper-small .archivetitle h1 {
- font: bold 3rem "Westeinde Caption";
- color: #000;
- margin: 0;
- display: block;
- width: 100%;
- text-align: left; } }
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small article,
+ .home main section .home_wrapper-small article,
+ .search-results main section .home_wrapper-small article {
+ cursor: pointer; }
+ .archive main section .home_wrapper-small .archivetitle,
+ .home main section .home_wrapper-small .archivetitle,
+ .search-results main section .home_wrapper-small .archivetitle {
+ margin: 0 auto;
+ width: calc(100% / 3);
+ position: relative;
+ bottom: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: flex-start;
+ padding: 1rem 2rem;
+ text-align: center;
+ border-right: #000 1px solid; }
+ .archive main section .home_wrapper-small .archivetitle::after,
+ .home main section .home_wrapper-small .archivetitle::after,
+ .search-results main section .home_wrapper-small .archivetitle::after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 5rem);
+ border-top: #000 1px solid;
+ background-color: transparent;
+ left: calc(5rem);
+ margin-left: 0; }
+ .archive main section .home_wrapper-small .archivetitle::before,
+ .home main section .home_wrapper-small .archivetitle::before,
+ .search-results main section .home_wrapper-small .archivetitle::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(5rem);
+ height: calc(5rem);
+ top: 0;
+ background-color: transparent;
+ z-index: 9;
+ left: 0;
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; }
+ .archive main section .home_wrapper-small .archivetitle h1,
+ .home main section .home_wrapper-small .archivetitle h1,
+ .search-results main section .home_wrapper-small .archivetitle h1 {
+ font: bold 3rem "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) {
.archive main section .home_wrapper-small .archivetitle h1,
.home main section .home_wrapper-small .archivetitle h1,
.search-results main section .home_wrapper-small .archivetitle h1 {
font-size: 2.5rem !important; } }
- @media (min-width: 769px) and (min-width: 769px) {
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small .archivetitle h1,
.home main section .home_wrapper-small .archivetitle h1,
.search-results main section .home_wrapper-small .archivetitle h1 {
@@ -1787,46 +2010,46 @@ object {
.home main section .home_wrapper-small .archivetitle h1,
.search-results main section .home_wrapper-small .archivetitle h1 {
font-size: 11rem; } }
- @media (min-width: 769px) {
- .archive main section .home_wrapper-small .archivetitle.tag,
- .home main section .home_wrapper-small .archivetitle.tag,
- .search-results main section .home_wrapper-small .archivetitle.tag {
- order: 1; }
- .archive main section .home_wrapper-small .archivetitle.tag h1,
- .home main section .home_wrapper-small .archivetitle.tag h1,
- .search-results main section .home_wrapper-small .archivetitle.tag h1 {
- text-transform: uppercase; }
- .archive main section .home_wrapper-small .archivetitle > object,
- .home main section .home_wrapper-small .archivetitle > object,
- .search-results main section .home_wrapper-small .archivetitle > object {
- position: absolute;
- top: 2rem;
- right: 2rem;
- width: 5rem;
- height: 5rem; }
- .archive main section .home_wrapper-small .archivedescription,
- .home main section .home_wrapper-small .archivedescription,
- .search-results main section .home_wrapper-small .archivedescription {
- order: 4;
- border-top: #000 1px solid;
- border-right: #000 1px solid;
- border-bottom: #000 1px solid;
- margin: 0;
- width: 100%;
- position: relative;
- bottom: 0;
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: flex-start;
- padding: 2rem; }
- .archive main section .home_wrapper-small .archivedescription p,
- .home main section .home_wrapper-small .archivedescription p,
- .search-results main section .home_wrapper-small .archivedescription p {
+ @media (min-width: 769px) {
+ .archive main section .home_wrapper-small .archivetitle.tag,
+ .home main section .home_wrapper-small .archivetitle.tag,
+ .search-results main section .home_wrapper-small .archivetitle.tag {
+ order: 1; }
+ .archive main section .home_wrapper-small .archivetitle.tag h1,
+ .home main section .home_wrapper-small .archivetitle.tag h1,
+ .search-results main section .home_wrapper-small .archivetitle.tag h1 {
+ text-transform: uppercase; }
+ .archive main section .home_wrapper-small .archivetitle > object,
+ .home main section .home_wrapper-small .archivetitle > object,
+ .search-results main section .home_wrapper-small .archivetitle > object {
+ position: absolute;
+ top: 2rem;
+ right: 2rem;
+ width: 5rem;
+ height: 5rem; }
+ .archive main section .home_wrapper-small .archivedescription,
+ .home main section .home_wrapper-small .archivedescription,
+ .search-results main section .home_wrapper-small .archivedescription {
+ order: 4;
+ border-top: #000 1px solid;
+ border-right: #000 1px solid;
+ border-bottom: #000 1px solid;
margin: 0;
- font: bold 1rem "Butler";
- color: #000; } }
- @media (min-width: 769px) and (min-width: 769px) {
+ width: 100%;
+ position: relative;
+ bottom: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ align-items: flex-start;
+ padding: 2rem; }
+ .archive main section .home_wrapper-small .archivedescription p,
+ .home main section .home_wrapper-small .archivedescription p,
+ .search-results main section .home_wrapper-small .archivedescription p {
+ margin: 0;
+ font: bold 1rem "Butler";
+ color: #000; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-small .archivedescription p,
.home main section .home_wrapper-small .archivedescription p,
.search-results main section .home_wrapper-small .archivedescription p {
@@ -1836,6 +2059,54 @@ object {
.home main section .home_wrapper-small .archivedescription p,
.search-results main section .home_wrapper-small .archivedescription p {
font-size: 1.8rem; } }
+ .archive.no-result,
+ .home.no-result,
+ .search-results.no-result {
+ /* -------------------------- no results on desktop ------------------------- */ }
+ .archive.no-result .wrapper,
+ .home.no-result .wrapper,
+ .search-results.no-result .wrapper {
+ height: unset; }
+ .archive.no-result .wrapper header,
+ .home.no-result .wrapper header,
+ .search-results.no-result .wrapper header {
+ background-color: #000; }
+ .archive.no-result .wrapper #content .archivetitle,
+ .home.no-result .wrapper #content .archivetitle,
+ .search-results.no-result .wrapper #content .archivetitle {
+ padding: 8rem 2rem 0; }
+ .archive.no-result .wrapper #content article.no-result,
+ .home.no-result .wrapper #content article.no-result,
+ .search-results.no-result .wrapper #content article.no-result {
+ height: unset; }
+ @media (min-width: 769px) {
+ .archive.no-result main,
+ .home.no-result main,
+ .search-results.no-result main {
+ width: 100vw; }
+ .archive.no-result main section#content,
+ .home.no-result main section#content,
+ .search-results.no-result main section#content {
+ width: 100%; }
+ .archive.no-result main section#content .home_wrapper-1,
+ .home.no-result main section#content .home_wrapper-1,
+ .search-results.no-result main section#content .home_wrapper-1 {
+ position: relative;
+ width: calc(100% - 15rem);
+ max-width: unset; }
+ .archive.no-result main section#content .home_wrapper-1 .archivetitle,
+ .home.no-result main section#content .home_wrapper-1 .archivetitle,
+ .search-results.no-result main section#content .home_wrapper-1 .archivetitle {
+ border-bottom: 1px #000 solid;
+ border-right: none;
+ padding: 1rem 2rem !important;
+ margin-left: 0;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background-color: transparent; } }
/* -------------------------------------------------------------------------- */
/* Search results */
@@ -1844,8 +2115,11 @@ object {
word-wrap: break-word; }
@media (min-width: 769px) {
.search-results #content .archivetitle h1 {
- font-size: 1.5rem;
+ 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; } }
@@ -1895,10 +2169,10 @@ body.category.category-esemeny {
font: 800 1.8rem "Butler";
color: #000;
color: #00f; }
- @media (min-width: 512px) {
+ @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 2.2rem; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 3rem; } }
@media (min-width: 1279px) {
@@ -1915,10 +2189,10 @@ body.category.category-esemeny {
transform: rotate(225deg);
font: normal 2.8rem "Westeinde Caption";
color: #000; }
- @media (min-width: 512px) {
+ @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 3rem; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 4rem; } }
@media (min-width: 1279px) {
@@ -1935,10 +2209,10 @@ body.category.category-esemeny {
padding: 0;
font: 800 1.8rem "Butler";
color: #000; }
- @media (min-width: 512px) {
+ @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 2.2rem; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 3rem; } }
@media (min-width: 1279px) {
@@ -1960,10 +2234,10 @@ body.category.category-esemeny {
font: 500 1.8rem "Westeinde Caption";
color: #00f;
text-align: right; }
- @media (min-width: 512px) {
+ @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 2.2rem; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3rem; } }
@media (min-width: 1279px) {
@@ -2087,9 +2361,13 @@ body.category.category-esemeny {
@media (min-width: 769px) {
.single article .titlewrapper .metadata,
.page article .titlewrapper .metadata {
- font: 900 2rem "Westeinde Caption";
+ font: 900 1.5rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px; } }
+ @media (min-width: 1024px) {
+ .single article .titlewrapper .metadata,
+ .page article .titlewrapper .metadata {
+ font-size: 2rem; } }
.single article .titlewrapper .metadata .metaWrapper,
.page article .titlewrapper .metadata .metaWrapper {
display: flex;
@@ -2106,6 +2384,10 @@ body.category.category-esemeny {
padding: 2rem;
background-color: #fff; }
@media (min-width: 769px) {
+ .single article .titlewrapper h1.single-title,
+ .page article .titlewrapper h1.single-title {
+ font-size: 3.5rem; } }
+ @media (min-width: 1024px) {
.single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title {
font-size: 5rem; } }
@@ -2333,6 +2615,10 @@ body.category.category-esemeny {
.single article .single-content .wp-block-gallery li,
.page article .single-content .wp-block-gallery li {
margin-bottom: 4rem; } }
+ @media (min-width: 769px) {
+ .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption,
+ .page article .single-content .wp-block-gallery li:nth-child(odd) figcaption {
+ padding-right: 0; } }
.single article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after,
.page article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after {
content: "";
@@ -2353,6 +2639,10 @@ body.category.category-esemeny {
.page article .single-content .wp-block-gallery li:nth-child(even) figcaption {
right: 0;
top: 0; }
+ @media (min-width: 769px) {
+ .single article .single-content .wp-block-gallery li:nth-child(even) figcaption,
+ .page article .single-content .wp-block-gallery li:nth-child(even) figcaption {
+ padding-left: 0; } }
.single article .single-content .wp-block-gallery li:nth-child(even) figcaption::after,
.page article .single-content .wp-block-gallery li:nth-child(even) figcaption::after {
content: "";
@@ -2380,7 +2670,7 @@ body.category.category-esemeny {
width: calc(100% - 5rem);
height: 5rem;
padding: 1rem 2rem;
- margin: 0;
+ margin: auto 0;
bottom: unset;
font: 900 1rem "Westeinde Caption";
color: #000;
@@ -2390,7 +2680,37 @@ body.category.category-esemeny {
display: flex;
flex-direction: column;
justify-content: center;
- z-index: 1; }
+ z-index: 1;
+ align-content: stretch; }
+ @media (min-width: 769px) {
+ .single article .single-content .wp-block-image figcaption,
+ .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
+ .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption,
+ .page article .single-content .wp-block-image figcaption,
+ .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
+ .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
+ width: calc(100% - 2.5rem);
+ height: 2.5rem;
+ padding: 0.5rem 1rem; } }
+ @media (min-width: 1024px) {
+ .single article .single-content .wp-block-image figcaption,
+ .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
+ .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption,
+ .page article .single-content .wp-block-image figcaption,
+ .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
+ .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
+ width: calc(100% - 5rem);
+ height: 5rem;
+ padding: 1rem 2rem; } }
+ .single article .single-content .wp-block-image figcaption span,
+ .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption span,
+ .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption span,
+ .page article .single-content .wp-block-image figcaption span,
+ .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption span,
+ .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption span {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis; }
@media (min-width: 769px) {
.single article .single-content .wp-block-image figcaption,
.single article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
@@ -2405,7 +2725,7 @@ body.category.category-esemeny {
.page article .single-content .wp-block-image figcaption.vis,
.page article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis,
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis {
- display: block; } }
+ display: flex; } }
.single article .single-content .wp-block-gallery .alignedWrapper,
.single article .single-content .wp-block-image .alignedWrapper,
.page article .single-content .wp-block-gallery .alignedWrapper,
@@ -2454,6 +2774,15 @@ body.category.category-esemeny {
.page article .single-content .wp-block-image .alignedWrapper .alignleft,
.page article .single-content .wp-block-image .alignedWrapper .alignright {
width: auto; } }
+ .single article .single-content .wp-block-gallery .alignedWrapper .alignleft img,
+ .single article .single-content .wp-block-gallery .alignedWrapper .alignright img,
+ .single article .single-content .wp-block-image .alignedWrapper .alignleft img,
+ .single article .single-content .wp-block-image .alignedWrapper .alignright img,
+ .page article .single-content .wp-block-gallery .alignedWrapper .alignleft img,
+ .page article .single-content .wp-block-gallery .alignedWrapper .alignright img,
+ .page article .single-content .wp-block-image .alignedWrapper .alignleft img,
+ .page article .single-content .wp-block-image .alignedWrapper .alignright img {
+ height: auto; }
.single article .single-content .authors,
.page article .single-content .authors {
font: bold 1.4rem "Westeinde Caption";
@@ -2465,10 +2794,14 @@ body.category.category-esemeny {
@media (min-width: 769px) {
.single article .single-content .authors,
.page article .single-content .authors {
- font: 900 2rem "Westeinde Caption";
+ font: 900 1.5rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
+ .single article .single-content .authors,
+ .page article .single-content .authors {
+ font-size: 2rem; } }
+ @media (min-width: 1024px) {
.single article .single-content .authors,
.page article .single-content .authors {
font-size: 3rem; } }
@@ -2481,10 +2814,14 @@ body.category.category-esemeny {
@media (min-width: 769px) {
.single article .single-content .authors a,
.page article .single-content .authors a {
- font: 900 2rem "Westeinde Caption";
+ font: 900 1.5rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px; } }
- @media (min-width: 769px) {
+ @media (min-width: 1024px) {
+ .single article .single-content .authors a,
+ .page article .single-content .authors a {
+ font-size: 2rem; } }
+ @media (min-width: 1024px) {
.single article .single-content .authors a,
.page article .single-content .authors a {
font-size: 3rem; } }
@@ -2591,9 +2928,15 @@ body.category.category-esemeny {
.single #related_posts > h3,
.page .toHome,
.page #related_posts > h3 {
- font: 900 2rem "Westeinde Caption";
+ font: 900 1.5rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px; } }
+ @media (min-width: 1024px) {
+ .single .toHome,
+ .single #related_posts > h3,
+ .page .toHome,
+ .page #related_posts > h3 {
+ font-size: 2rem; } }
.single .toHome a,
.single #related_posts > h3 a,
.page .toHome a,
@@ -2604,9 +2947,15 @@ body.category.category-esemeny {
.single #related_posts > h3 a,
.page .toHome a,
.page #related_posts > h3 a {
- font: 900 2rem "Westeinde Caption";
+ font: 900 1.5rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px; } }
+ @media (min-width: 1024px) {
+ .single .toHome a,
+ .single #related_posts > h3 a,
+ .page .toHome a,
+ .page #related_posts > h3 a {
+ font-size: 2rem; } }
.single .toHome a:hover,
.single #related_posts > h3 a:hover,
.page .toHome a:hover,
@@ -2702,13 +3051,20 @@ body.category.category-esemeny {
.page #related_posts ul {
display: flex;
flex-direction: row;
- flex-wrap: nowrap; }
+ flex-wrap: nowrap;
+ height: calc((100vw - 16rem) / 3);
+ max-height: calc(1024px / 3); }
.single #related_posts ul li,
.page #related_posts ul li {
- flex: 0 0 calc(100% / 3);
- height: calc((100vw - 16rem) / 3);
- max-height: calc(1024px / 3);
- position: relative; }
+ width: calc(100% / 3);
+ padding-bottom: calc(100% / 3);
+ position: relative;
+ height: 0; }
+ .single #related_posts ul li .relatedWrapper,
+ .page #related_posts ul li .relatedWrapper {
+ position: absolute;
+ height: 100%;
+ width: 100%; }
.single #related_posts ul li .related_thumbnailwrapper,
.page #related_posts ul li .related_thumbnailwrapper {
width: 100%;
@@ -2722,7 +3078,6 @@ body.category.category-esemeny {
.page #related_posts ul li .metadata {
width: 100%;
min-width: unset;
- height: 5rem;
position: absolute;
bottom: 0;
right: 0;
@@ -2732,6 +3087,7 @@ body.category.category-esemeny {
padding: 0;
justify-content: space-between;
align-items: stretch;
+ height: 5rem;
display: none; }
.single #related_posts ul li .metadata::after,
.page #related_posts ul li .metadata::after {
@@ -2763,7 +3119,78 @@ body.category.category-esemeny {
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
transform-origin: left bottom;
- border-top: #000 solid 1px; }
+ border-top: #000 solid 1px; } }
+ @media (min-width: 769px) and (min-width: 769px) {
+ .single #related_posts ul li .metadata,
+ .page #related_posts ul li .metadata {
+ height: 2.5rem; }
+ .single #related_posts ul li .metadata::after,
+ .page #related_posts ul li .metadata::after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 2.5rem);
+ border-top: #000 1px solid;
+ background-color: transparent;
+ left: calc(2.5rem);
+ margin-left: 0; }
+ .single #related_posts ul li .metadata::before,
+ .page #related_posts ul li .metadata::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(2.5rem);
+ height: calc(2.5rem);
+ top: 0;
+ background-color: transparent;
+ z-index: 9;
+ left: 0;
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .single #related_posts ul li .metadata,
+ .page #related_posts ul li .metadata {
+ height: 5rem; }
+ .single #related_posts ul li .metadata::after,
+ .page #related_posts ul li .metadata::after {
+ position: absolute;
+ content: "";
+ display: block;
+ top: 0;
+ border: none;
+ width: calc(100% - 5rem);
+ border-top: #000 1px solid;
+ background-color: transparent;
+ left: calc(5rem);
+ margin-left: 0; }
+ .single #related_posts ul li .metadata::before,
+ .page #related_posts ul li .metadata::before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: calc(5rem);
+ height: calc(5rem);
+ top: 0;
+ background-color: transparent;
+ z-index: 9;
+ left: 0;
+ border-left: #000 solid 1px;
+ -moz-transform: skewX(-45deg);
+ -o-transform: skewX(-45deg);
+ -ms-transform: skewX(-45deg);
+ -webkit-transform: skewX(-45deg);
+ transform: skewX(-45deg);
+ transform-origin: left bottom;
+ border-top: #000 solid 1px; } }
+ @media (min-width: 769px) {
.single #related_posts ul li .metadata.vis,
.page #related_posts ul li .metadata.vis {
display: flex; }
@@ -2772,8 +3199,12 @@ body.category.category-esemeny {
.page #related_posts ul li .metadata .categories,
.page #related_posts ul li .metadata .postedon {
font: bold 1rem "Westeinde Caption";
- color: #000; } }
- @media (min-width: 769px) and (min-width: 769px) {
+ color: #000;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-content: center; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
.single #related_posts ul li .metadata .categories,
.single #related_posts ul li .metadata .postedon,
.page #related_posts ul li .metadata .categories,
@@ -2794,9 +3225,18 @@ body.category.category-esemeny {
@media (min-width: 769px) {
.single #related_posts ul li .metadata .categories,
.page #related_posts ul li .metadata .categories {
- margin-left: 6rem;
padding: 1.33333rem 0;
- flex: 1 1 auto; }
+ flex: 1 1 auto;
+ margin-left: 6rem; } }
+ @media (min-width: 769px) and (min-width: 769px) {
+ .single #related_posts ul li .metadata .categories,
+ .page #related_posts ul li .metadata .categories {
+ margin-left: 2rem; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .single #related_posts ul li .metadata .categories,
+ .page #related_posts ul li .metadata .categories {
+ margin-left: 6rem; } }
+ @media (min-width: 769px) {
.single #related_posts ul li .metadata .postedon,
.page #related_posts ul li .metadata .postedon {
padding: 1.33333rem 1rem;
@@ -2806,8 +3246,14 @@ body.category.category-esemeny {
.single #related_posts ul li h2 a,
.page #related_posts ul li h2,
.page #related_posts ul li h2 a {
- font-size: 1.5rem;
+ font-size: 1.3rem;
color: #000; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .single #related_posts ul li h2,
+ .single #related_posts ul li h2 a,
+ .page #related_posts ul li h2,
+ .page #related_posts ul li h2 a {
+ font-size: 1.5rem; } }
@media (min-width: 769px) and (min-width: 1279px) {
.single #related_posts ul li h2,
.single #related_posts ul li h2 a,
@@ -2829,6 +3275,14 @@ body.category.category-esemeny {
background-color: #fff;
height: 100%;
padding-left: 4rem; } }
+ @media (min-width: 769px) and (min-width: 769px) {
+ .single #related_posts ul li h2,
+ .page #related_posts ul li h2 {
+ padding-left: 2.5rem; } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .single #related_posts ul li h2,
+ .page #related_posts ul li h2 {
+ padding-left: 4rem; } }
@media (min-width: 769px) and (min-width: 1279px) {
.single #related_posts ul li h2,
.page #related_posts ul li h2 {
@@ -2836,13 +3290,23 @@ body.category.category-esemeny {
@media (min-width: 769px) {
.single #related_posts ul li h2 a,
.page #related_posts ul li h2 a {
- bottom: 7rem;
- width: calc(100% - 8rem);
height: -moz-max-content;
height: max-content;
height: -moz-fit-content;
height: fit-content;
- position: absolute; } }
+ position: absolute;
+ bottom: 7rem;
+ width: calc(100% - 8rem); } }
+ @media (min-width: 769px) and (min-width: 769px) {
+ .single #related_posts ul li h2 a,
+ .page #related_posts ul li h2 a {
+ bottom: 3.5rem;
+ width: calc(100% - 4rem); } }
+ @media (min-width: 769px) and (min-width: 1024px) {
+ .single #related_posts ul li h2 a,
+ .page #related_posts ul li h2 a {
+ bottom: 7rem;
+ width: calc(100% - 8rem); } }
@media (min-width: 769px) and (min-width: 1279px) {
.single #related_posts ul li h2 a,
.page #related_posts ul li h2 a {
diff --git a/functions.php b/functions.php
index 0c9b8f3..2b11404 100644
--- a/functions.php
+++ b/functions.php
@@ -124,6 +124,9 @@ 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('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
'jquery',
'conditionizr',
@@ -132,6 +135,7 @@ function dis2019_header_scripts()
'fittext',
'jquery.colorbox',
'lettering',
+ // 'clamp',
), '1.0.0'); // Custom scripts
wp_enqueue_script('dis2019scripts'); // Enqueue it!
}
diff --git a/js/lib/clamp.min.js b/js/lib/clamp.min.js
new file mode 100644
index 0000000..2d8783a
--- /dev/null
+++ b/js/lib/clamp.min.js
@@ -0,0 +1,12 @@
+/*!
+* Clamp.js 0.5.1
+*
+* Copyright 2011-2013, Joseph Schmitt http://joe.sh
+* Released under the WTFPL license
+* http://sam.zoy.org/wtfpl/
+*/
+(function(){window.$clamp=function(c,d){function s(a,b){n.getComputedStyle||(n.getComputedStyle=function(a,b){this.el=a;this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;"float"==b&&(b="styleFloat");c.test(b)&&(b=b.replace(c,function(a,b,c){return c.toUpperCase()}));return a.currentStyle&&a.currentStyle[b]?a.currentStyle[b]:null};return this});return n.getComputedStyle(a,null).getPropertyValue(b)}function t(a){a=a||c.clientHeight;var b=u(c);return Math.max(Math.floor(a/b),0)}function x(a){return u(c)*
+a}function u(a){var b=s(a,"line-height");"normal"==b&&(b=1.2*parseInt(s(a,"font-size")));return parseInt(b)}function l(a){if(a.lastChild.children&&0 {
if (wih / vh > 1.5) {
@@ -43,7 +44,7 @@
vh: vh,
bottomScrollHeight: bottomScrollHeight
}
- //console.log(cssWidths)
+ console.log(cssWidths)
/* --------------------------- css values to vars --------------------------- */
@@ -59,6 +60,8 @@
}
})()
+ const isTablet = (!isMobile && (wow < 1024 || wiw < 1024)) ? true : false
+
/**
* Checks if body has a class
* @param {string} classname The class to check
@@ -96,11 +99,10 @@
//isSingle
const isSingle = bodyHasClass('single')
+ // Masonrypage: archive, home or search results
var isMasonryPage = isArchive || isHome || isSearch
-
-
/* ========================================================================== */
/* FUNCTIONS */
/* ========================================================================== */
@@ -147,7 +149,7 @@
})
} else {
//if it's closed open:
- bar.show().stop().animate({ width: wiw - (desktophomemargin * 3) }, 400, function () {
+ bar.show().stop().animate({ width: wiw - (desktophomemargin * 2) }, 400, function () {
bar.addClass("opensearch")
$(".search-input").focus()
})
@@ -165,6 +167,9 @@
if (!isMobile) {
menuWidth = 500
}
+ if (isTablet) {
+ menuWidth = 350
+ }
$("#sidebar").simplerSidebar({
@@ -207,8 +212,8 @@
/* -------------------------------------------------------------------------- */
- /* ----------------------------------- css ---------------------------------- */
+ /* ----------------------------- css on desktop ----------------------------- */
if (!isMobile) {
if (isMasonryPage) {
@@ -634,11 +639,17 @@
/* ------------------------------ hover on home ----------------------------- */
+ var bigMetadataHeight
+
//hover on big articles
$(".home-big h2 a").hover(function () {
let cc = $(this)
let cArticle = cc.parents("article")
let cMetadata = cArticle.children(".metadata")
+ if (!bigMetadataHeight) {
+ bigMetadataHeight = cMetadata[0].getBoundingClientRect().height
+ }
+
//add hovered class
cArticle.addClass("hovered")
@@ -676,7 +687,7 @@
cMetadata.children(".alcim, .bevezeto").addClass("transparent")
//animate height change
- cMetadata.stop().animate({ height: "10rem" }, 400, _ => {
+ cMetadata.stop().animate({ height: bigMetadataHeight }, 400, _ => {
//hide and show metadata
cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent")
cMetadata.children(".categories, .postedon").removeClass("transparent").show()
@@ -741,6 +752,13 @@
}, ".home-small a.thumbnailwrapper")
+ /* ------------------------------- no results ------------------------------- */
+
+
+ if (isMasonryPage && $("article").hasClass('no-result')) {
+ $('body').addClass("no-result")
+ }
+
/* -------------------------------------------------------------------------- */
/* EVENTS - ESEMÉNYEK */
/* -------------------------------------------------------------------------- */
@@ -818,6 +836,12 @@
if (isSingle) {
+ /* ---------------------------- wrap figcaptions --------------------------- */
+
+
+ $("figcaption").wrapInner("")
+
+
/* ----------------------------- images, gallery ---------------------------- */
@@ -880,15 +904,18 @@
/* ---------------------------- hover and click on related ---------------------------- */
+
$(document).on({
mouseenter: function () {
if (!Modernizr.touchevents) {
- showTitle(this)
+ let wrapper = $(this).children(".relatedWrapper")
+ showTitle(wrapper)
}
},
mouseleave: function () {
if (!Modernizr.touchevents) {
- hideTitle(this)
+ let wrapper = $(this).children(".relatedWrapper")
+ hideTitle(wrapper)
}
}
}, '#related_posts li');
@@ -897,19 +924,15 @@
$(document).on({
'touchend': function (e) {
e.preventDefault()
- var art = $(this).parents("li")
- var metadata = art.children(".metadata")
- if (metadata.hasClass("vis")) {
- hideTitle(art)
- } else {
- hideTitle($(".vis").parents("li"))
- showTitle(art)
- }
+ var art = $(this).parents("li").children(".relatedWrapper")
+ hideTitle($(".vis").parents(".relatedWrapper"))
+ showTitle(art)
+
}
}, "#related_posts li a.related_thumbnailwrapper")
//click on related
- $('#related_posts li').click(function () {
+ $('#related_posts li .relatedWrapper').click(function () {
let href = $(this).children('a.related_thumbnailwrapper').attr("href")
window.open(href, "_self")
})
diff --git a/loop.php b/loop.php
index 658b9ae..72caeb1 100644
--- a/loop.php
+++ b/loop.php
@@ -12,7 +12,7 @@
-
+
diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss
index 477e399..98643e4 100644
--- a/sass/_font-mixins.scss
+++ b/sass/_font-mixins.scss
@@ -10,6 +10,9 @@
&:hover {
color: #fff;
}
+ @media #{$tablet} {
+ font-size: 1.4rem;
+ }
@media #{$smalldesktop} {
font-size: 2.5rem;
}
@@ -60,10 +63,12 @@
@mixin home-title-small {
//small titles on desktop on home and archives
+ @media #{$tablet} {
+ font-size: 1.3rem;
+ color: #000;
+ }
@media #{$smalldesktop} {
font-size: 1.5rem;
- //-webkit-text-stroke: #000 1px;
- color: #000;
}
@media #{$bigdesktop} {
font-size: 2rem;
@@ -98,9 +103,10 @@
}
}
-
-
@mixin home-metadata-big {
+ @media #{$tablet} {
+ font-size: 1.2rem;
+ }
@media #{$smalldesktop} {
font-size: 2rem;
}
@@ -121,6 +127,9 @@
&.current {
color: #000 !important;
}
+ @media #{$tablet} {
+ font-size: 1rem;
+ }
@media #{$smalldesktop} {
font-size: 1.2rem;
}
@@ -129,41 +138,28 @@
}
}
-// @mixin bedo-hover-title {
-// font: 900 12rem "Westeinde Caption";
-// color: transparent;
-// -webkit-text-stroke: #fff 1px;
-// text-transform: uppercase;
-// }
-
-// @mixin bedo-hover-sub {
-// font: 900 1.4rem "Westeinde Caption";
-// color: #fff;
-// }
-
@mixin single-title {
font: 800 3rem "Butler";
color: #000;
+ @media #{$tablet} {
+ font-size: 3.5rem;
+ }
@media #{$smalldesktop} {
font-size: 5rem;
}
}
-// @mixin single-title2 {
-// font: bold 3rem "Butler";
-// color: #000;
-// @media #{$smalldesktop} {
-// font-size: 5rem;
-// }
-// }
-
@mixin single-metadata {
font: bold 1.4rem "Westeinde Caption";
- @media #{$smalldesktop} {
- font: 900 2rem "Westeinde Caption";
+ @media #{$tablet} {
+ font: 900 1.5rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px;
}
+ @media #{$smalldesktop} {
+ font-size: 2rem;
+
+ }
}
@mixin single-author {
diff --git a/sass/base.scss b/sass/base.scss
index 224775b..01d8785 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -90,18 +90,21 @@ $only-mobile: only screen and
);
$tablet: only screen and
- (
- min-width: 512px
- );
-$smalldesktop: only screen and
(
min-width: 769px
);
+
+$smalldesktop: only screen and
+ (
+ min-width: 1024px
+ );
+
$mobile-landscape: only screen and
(
min-width: 769px
)
and (-webkit-min-device-pixel-ratio: 2.1);
+
$bigdesktop: only screen and
(
min-width: 1279px
@@ -120,7 +123,9 @@ $verybigdesktop: only screen and
$h-unit-5: 25rem;
$h-unit-4: 20rem;
$h-unit-2: 10rem; // menuwidth on desktop
+$h-unit-1-5: 7.5rem;
$h-unit-1: 5rem;
+$h-unit-0-5: 2.5rem;
//vertical units:
$v-unit-1: 4rem;
@@ -312,7 +317,7 @@ $v-unit-6: 24rem;
justify-content: space-between;
align-items: center;
z-index: 3000;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
height: 0;
position: relative;
width: 0;
@@ -327,8 +332,8 @@ $v-unit-6: 24rem;
flex-direction: row;
align-items: center;
line-height: 0;
- @media #{$smalldesktop} {
- width: $h-unit-2;
+ @media #{$tablet} {
+ width: $h-unit-1-5;
position: fixed;
top: 0;
height: 100vh;
@@ -347,6 +352,9 @@ $v-unit-6: 24rem;
filter: invert(100);
}
}
+ @media #{$smalldesktop} {
+ width: $h-unit-2;
+ }
div {
z-index: 3500;
}
@@ -359,7 +367,7 @@ $v-unit-6: 24rem;
justify-content: space-between;
flex: 1 1 auto;
padding: 2rem 0 2rem 2rem;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
border-right: #000 1px solid;
}
}
@@ -368,7 +376,7 @@ $v-unit-6: 24rem;
justify-content: flex-end;
flex: 0 1 auto;
padding: 2rem 2rem 2rem 0;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
order: 99;
border-left: #000 1px solid;
right: 0;
@@ -380,7 +388,7 @@ $v-unit-6: 24rem;
bottom: 1rem;
right: 1rem;
z-index: 2;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
display: none;
}
a {
@@ -395,32 +403,40 @@ $v-unit-6: 24rem;
}
}
+ //icons in menu:
object {
height: 3rem;
+ @media #{$tablet} {
+ height: 2.5rem;
+ }
+ @media #{$smalldesktop} {
+ height: 3rem;
+ }
}
/* -------------------------------------------------------------------------- */
/* header elements */
/* -------------------------------------------------------------------------- */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
.header-1 > div,
.header-2 > div {
flex: 0 0 $h-unit-1 !important;
}
}
+ // dis logo size:
.logo {
object {
height: $h-unit-1;
+ @media #{$tablet} {
+ height: 4rem;
+ }
+ @media #{$smalldesktop} {
+ height: $h-unit-1;
+ }
}
}
- // .events-link {
- // display: block;
- // @media #{$smalldesktop} {
- // display: block;
- // }
- // }
.menubutton {
$speed: 0.5s;
@@ -429,21 +445,19 @@ $v-unit-6: 24rem;
order: 99;
z-index: 3001;
- // @media #{$smalldesktop} {
- // }
button {
transform-origin: center;
@include transition($speed $easing);
&.rotated {
@include transform(rotate($degree));
- @media #{$smalldesktop} {
+ @media #{$tablet} {
filter: invert(100);
}
}
}
- @media #{$smalldesktop} {
+ @media #{$tablet} {
order: unset;
}
}
@@ -454,7 +468,7 @@ $v-unit-6: 24rem;
&.hidden {
display: none !important;
}
- @media #{$smalldesktop} {
+ @media #{$tablet} {
margin: 0;
}
}
@@ -496,7 +510,7 @@ $v-unit-6: 24rem;
/* ----------------------------- search desktop ----------------------------- */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
.search-box {
display: block;
flex: 1 1 0 !important;
@@ -506,7 +520,10 @@ $v-unit-6: 24rem;
display: none;
position: fixed;
width: 0;
- left: $h-unit-2;
+ left: $h-unit-1-5;
+ @media #{$smalldesktop} {
+ left: $h-unit-2;
+ }
bottom: 0;
height: $h-unit-2;
form.search {
@@ -540,7 +557,7 @@ $v-unit-6: 24rem;
padding-top: 9rem !important;
background-color: #000;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
padding: 0 !important;
}
.sidebar-wrapper {
@@ -549,7 +566,7 @@ $v-unit-6: 24rem;
overflow: auto;
padding: 0 $v-unit-1;
padding-bottom: $v-unit-1;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
padding: $v-unit-1;
display: flex;
flex-direction: row;
@@ -557,7 +574,7 @@ $v-unit-6: 24rem;
}
.menuseparator {
display: none;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
display: block;
width: 1px;
height: 70%;
@@ -572,7 +589,7 @@ $v-unit-6: 24rem;
margin-inline-start: 0;
margin-inline-end: 0px;
padding-inline-start: 0;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
flex: 1 1 50%;
display: flex;
flex-direction: column;
@@ -584,6 +601,9 @@ $v-unit-6: 24rem;
li {
display: block;
padding-top: 2rem;
+ @media #{$tablet} {
+ padding: 1rem 0;
+ }
@media #{$smalldesktop} {
padding: 2rem 0;
}
@@ -603,14 +623,14 @@ $v-unit-6: 24rem;
position: fixed;
right: calc(#{$h-unit-4} + 4px);
top: calc(#{$v-unit-1}/ 2); // this is the top position of the circle!!!
- @media #{$smalldesktop} {
+ @media #{$tablet} {
top: 1rem;
}
@media #{$bigdesktop} {
top: 0.5rem;
}
z-index: 1000;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
display: block;
}
ul {
@@ -624,7 +644,7 @@ $v-unit-6: 24rem;
height: calc(#{$v-unit-1}/ 2); //height of circle -> radius of circle!!
// line-height: calc(#{$v-unit-1}/ 2);
width: 1rem;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
height: 3rem;
// line-height: 5rem;
}
@@ -681,7 +701,7 @@ $v-unit-6: 24rem;
/* -------------------------------- load more ------------------------------- */
.misha_loadmore {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
min-width: $h-unit-2;
width: calc(100vw - ((100vh - #{$v-unit-2}) / 2 * 3) - #{$h-unit-4});
margin-right: $h-unit-2;
@@ -695,7 +715,7 @@ $v-unit-6: 24rem;
a,
p {
@include home-more();
- @media #{$smalldesktop} {
+ @media #{$tablet} {
transform-origin: center;
white-space: nowrap;
width: 100vh;
@@ -718,7 +738,7 @@ $v-unit-6: 24rem;
.archive,
.home,
.search-results {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
overflow-y: hidden;
}
}
@@ -731,12 +751,12 @@ $v-unit-6: 24rem;
.archive,
.home,
.search-results {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
// overflow-y: hidden;
}
.wrapper {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
overflow-y: hidden;
@include fit-content(width);
min-width: 100vw;
@@ -746,7 +766,7 @@ $v-unit-6: 24rem;
.header {
.header-scroll {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
display: block;
position: fixed;
height: 100vh;
@@ -755,13 +775,19 @@ $v-unit-6: 24rem;
top: 0;
}
&.header-scroll-left {
- left: $h-unit-2;
+ left: $h-unit-1-5;
+ @media #{$smalldesktop} {
+ left: $h-unit-2;
+ }
button {
cursor: url("../img/arrow-black-left.png"), w-resize;
}
}
&.header-scroll-right {
- right: $h-unit-2;
+ right: $h-unit-1-5;
+ @media #{$smalldesktop} {
+ right: $h-unit-2;
+ }
button {
cursor: url("../img/arrow-black-right.png"), e-resize;
}
@@ -775,13 +801,13 @@ $v-unit-6: 24rem;
}
main {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
height: 100vh;
@include fit-content(width);
position: relative;
}
section {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
//horizontal scrolling on desktop:
display: flex;
flex-direction: row;
@@ -790,6 +816,11 @@ $v-unit-6: 24rem;
@include fit-content(width);
}
+ /* ------------------------- archivetitle on mobile ------------------------- */
+ .archivetitle {
+ padding: 8rem 2rem 0;
+ }
+
/* --------------------------- home article mobile/default -------------------------- */
article {
@@ -857,18 +888,22 @@ $v-unit-6: 24rem;
/* ------------------------ home article desktop big ------------------------ */
/* ------------------------------------ - ----------------------------------- */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
//big: first 2 articles
.home_wrapper-big {
flex: 0 0 auto;
border-right: #000 1px solid;
article {
position: relative;
- width: calc(100vw - (#{$h-unit-2} * 3));
+ width: calc(100vw - (#{$h-unit-1-5} * 3));
height: calc(100vh - #{$v-unit-1});
margin: 0;
padding: 0;
- margin-left: $h-unit-2;
+ margin-left: $h-unit-1-5;
+ @media #{$smalldesktop} {
+ width: calc(100vw - (#{$h-unit-2} * 3));
+ margin-left: $h-unit-2;
+ }
margin-top: $v-unit-1;
border-top: 1px #000 solid;
@@ -892,7 +927,7 @@ $v-unit-6: 24rem;
h2 {
height: unset;
position: absolute;
- top: 4rem;
+ top: 0;
padding: 4rem;
padding-right: 2rem;
width: calc(100vw - #{$h-unit-5});
@@ -903,7 +938,10 @@ $v-unit-6: 24rem;
bottom: 0;
background: transparent;
width: 100%;
- height: #{$h-unit-2};
+ height: #{$h-unit-1-5};
+ @media #{$smalldesktop} {
+ height: #{$h-unit-2};
+ }
display: flex;
flex-direction: row;
@@ -977,14 +1015,21 @@ $v-unit-6: 24rem;
display: block;
right: 0;
top: 0;
- height: ($h-unit-1 + $h-unit-2);
- width: ($h-unit-1 + $h-unit-2)/2;
+ height: ($h-unit-2);
+ width: ($h-unit-2)/2;
object {
- height: ($h-unit-1 + $h-unit-2);
+ height: ($h-unit-2);
position: absolute;
right: 0;
top: calc(-50% + 0.5px);
}
+ @media #{$smalldesktop} {
+ height: ($h-unit-1 + $h-unit-2);
+ width: ($h-unit-1 + $h-unit-2)/2;
+ object {
+ height: ($h-unit-1 + $h-unit-2);
+ }
+ }
}
} //metadata end
@@ -1013,7 +1058,7 @@ $v-unit-6: 24rem;
}
&.home_wrapper-2 {
article {
- border-left: #000 1px solid;
+ // border-left: #000 1px solid;
.metadata {
justify-content: flex-end;
@@ -1036,25 +1081,38 @@ $v-unit-6: 24rem;
/* ----------------------- home articles desktop small ----------------------- */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
.home_wrapper-small {
- max-width: calc(100vw - (#{$h-unit-2} * 3));
- max-height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
height: calc(100vh - #{$v-unit-2});
width: calc((100vh - #{$v-unit-2}) / 2 * 3);
+ max-width: calc(100vw - (#{$h-unit-1-5} * 3));
+ max-height: calc((100vw - (#{$h-unit-1-5} * 3)) / 3 * 2);
+ @media #{$smalldesktop} {
+ max-width: calc(100vw - (#{$h-unit-2} * 3));
+ max-height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
+ }
flex-shrink: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: auto 0;
&.home_wrapper-s1:not(.home_wrapper-1) {
- margin-left: $h-unit-1;
+ margin-left: $h-unit-1-5 / 2;
+ @media #{$smalldesktop} {
+ margin-left: $h-unit-1;
+ }
}
&.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
- margin-left: $h-unit-2;
+ margin-left: $h-unit-1-5;
+ @media #{$smalldesktop} {
+ margin-left: $h-unit-2;
+ }
}
&:last-child {
- margin-right: $h-unit-2;
+ margin-right: $h-unit-1-5;
+ @media #{$smalldesktop} {
+ margin-right: $h-unit-2;
+ }
}
article,
@@ -1076,7 +1134,10 @@ $v-unit-6: 24rem;
.metadata {
width: 100%;
min-width: unset;
- height: $h-unit-1;
+ height: $h-unit-0-5;
+ @media #{$smalldesktop} {
+ height: $h-unit-1;
+ }
position: absolute;
bottom: 0;
@@ -1089,9 +1150,14 @@ $v-unit-6: 24rem;
padding: 0;
justify-content: space-between;
align-items: stretch;
- @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
display: none;
+ @include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left);
+
+ @media #{$smalldesktop} {
+ @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
+ }
+
@media #{$verybigdesktop} {
height: $h-unit-2;
@include triangle-corner-bordered(#{$h-unit-2}, 0, transparent, #000, left);
@@ -1113,16 +1179,27 @@ $v-unit-6: 24rem;
justify-content: center;
}
.categories {
- margin-left: $h-unit-1;
+ margin-left: $h-unit-0-5;
+ @media #{$smalldesktop} {
+ margin-left: $h-unit-1;
+ }
@media #{$verybigdesktop} {
margin-left: $h-unit-2;
}
- padding-right: $v-unit-1 / 4;
- // padding: $v-unit-1 / 3 0;
+
+ padding-right: $v-unit-1 / 8;
+
+ @media #{$smalldesktop} {
+ padding-right: $v-unit-1 / 4;
+ }
+
flex: 1 0 auto;
}
.postedon {
- padding: 0 $v-unit-1 / 4;
+ padding: 0 $v-unit-1 / 8;
+ @media #{$smalldesktop} {
+ padding: 0 $v-unit-1 / 4;
+ }
flex: 1 0 auto;
}
}
@@ -1141,10 +1218,17 @@ $v-unit-6: 24rem;
padding: 0;
a {
- margin-top: $h-unit-1 / 2;
- margin-right: $v-unit-1 / 2;
- margin-bottom: $h-unit-1 + $v-unit-1 / 2;
- margin-left: $h-unit-1;
+ margin-top: $h-unit-0-5 / 2;
+ margin-right: $v-unit-1 / 4;
+ margin-bottom: $h-unit-0-5 + $v-unit-1 / 8;
+ margin-left: $h-unit-0-5;
+
+ @media #{$smalldesktop} {
+ margin-top: $h-unit-0-5;
+ margin-right: $v-unit-1 / 2;
+ margin-bottom: $h-unit-1 + $v-unit-1 / 2;
+ margin-left: $h-unit-1;
+ }
@media #{$bigdesktop} {
margin-right: $v-unit-1 / 4;
@@ -1224,6 +1308,54 @@ $v-unit-6: 24rem;
}
} //section end
} //main end
+
+ /* -------------------------- no results on mobile -------------------------- */
+
+ &.no-result {
+ .wrapper {
+ height: unset;
+ header {
+ background-color: #000;
+ }
+ #content {
+ .archivetitle {
+ padding: 8rem 2rem 0;
+ }
+
+ article.no-result {
+ height: unset;
+ }
+ }
+ }
+
+ /* -------------------------- no results on desktop ------------------------- */
+ @media #{$tablet} {
+ main {
+ width: 100vw;
+ section#content {
+ width: 100%;
+ .home_wrapper-1 {
+ position: relative;
+ width: calc(100% - #{$h-unit-1-5 * 2});
+ max-width: unset;
+ .archivetitle {
+ border-bottom: 1px #000 solid;
+ border-right: none;
+ padding: 1rem 2rem !important;
+ margin-left: 0;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background-color: transparent;
+
+ }
+ }
+ }
+ }
+ }
+ }
} //home, archive, search end
/* -------------------------------------------------------------------------- */
@@ -1243,12 +1375,12 @@ $v-unit-6: 24rem;
.search-no-results {
main {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
padding: 0 $h-unit-4;
- .archivetitle h1,
- article h2 {
- }
+ // .archivetitle h1,
+ // article h2 {
+ // }
}
}
}
@@ -1337,7 +1469,7 @@ body.category.category-esemeny {
}
/* ---------------------------- Events on desktop --------------------------- */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
main {
padding-top: 0;
section {
@@ -1415,7 +1547,7 @@ body.category.category-esemeny {
.single,
.page {
//no menus on single
- @media #{$smalldesktop} {
+ @media #{$tablet} {
.wrapper {
height: unset;
width: 100%;
@@ -1510,7 +1642,7 @@ body.category.category-esemeny {
/* ---------------------------- single header on desktop --------------------------- */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
min-height: calc(100vh - #{$h-unit-2});
margin-top: 100vh;
margin-left: $h-unit-1;
@@ -1589,14 +1721,14 @@ body.category.category-esemeny {
}
&.content-begin {
margin-top: $padd;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
margin-top: 0 !important;
}
}
&.content-end {
margin-top: $padd * 2;
margin-bottom: 0;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
margin-top: $padd;
margin-bottom: $padd;
}
@@ -1615,7 +1747,7 @@ body.category.category-esemeny {
.single-content {
position: relative;
padding: $padd;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
top: -#{$h-unit-1};
@include singleDesktopLayout();
}
@@ -1673,7 +1805,7 @@ body.category.category-esemeny {
margin: $padd 0;
position: relative !important;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
padding: 0;
}
@@ -1695,13 +1827,22 @@ body.category.category-esemeny {
margin: $padd 0;
li {
margin-right: 0;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
margin-bottom: $v-unit-1;
}
- &:nth-child(odd) figcaption::after {
- @include trianglecorner(topright, #{$h-unit-1});
+ &:nth-child(odd) figcaption {
+ @media #{$tablet} {
+ padding-right: 0;
+ }
+
+ &::after {
+ @include trianglecorner(topright, #{$h-unit-1});
+ }
}
&:nth-child(even) figcaption {
+ @media #{$tablet} {
+ padding-left: 0;
+ }
right: 0;
top: 0;
&::after {
@@ -1720,7 +1861,19 @@ body.category.category-esemeny {
width: calc(100% - #{$h-unit-1});
height: $h-unit-1;
padding: 1rem $padd;
- margin: 0;
+
+ @media #{$tablet} {
+ width: calc(100% - #{$h-unit-0-5});
+ height: $h-unit-0-5;
+ padding: 0.5rem ($padd / 2);
+ }
+ @media #{$smalldesktop} {
+ width: calc(100% - #{$h-unit-1});
+ height: $h-unit-1;
+ padding: 1rem $padd;
+ }
+
+ margin: auto 0;
bottom: unset;
@include captiontext();
line-height: 1;
@@ -1730,10 +1883,18 @@ body.category.category-esemeny {
flex-direction: column;
justify-content: center;
z-index: 1;
- @media #{$smalldesktop} {
+ align-content: stretch;
+
+ span {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ @media #{$tablet} {
display: none;
&.vis {
- display: block;
+ display: flex;
}
}
}
@@ -1744,8 +1905,9 @@ body.category.category-esemeny {
.alignedWrapper {
position: relative;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
max-width: 50%;
+
@include fit-content(width);
&.alignleftWrapper {
padding-right: $padd;
@@ -1759,31 +1921,20 @@ body.category.category-esemeny {
.alignleft,
.alignright {
margin: 0;
- //no align on mobile
position: relative;
- // @media #{$only-mobile} {
float: unset;
- // }
- @media #{$smalldesktop} {
+ @media #{$tablet} {
width: auto;
- // max-width: 50%;
-
- // @media #{$smalldesktop} {
- // &.alignleft {
- // padding-right: $padd;
- // }
- // &.alignright {
- // padding-left: $padd;
- // }
- // }
+ }
+ img {
+ height: auto;
}
}
}
}
.authors {
- // @include single-h4();
@include single-author();
color: #000;
-webkit-text-stroke: 0px;
@@ -1806,7 +1957,7 @@ body.category.category-esemeny {
}
#colorbox {
z-index: 12;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
z-index: 3150;
}
&:focus {
@@ -1838,7 +1989,7 @@ body.category.category-esemeny {
bottom: -5rem;
filter: invert(100);
z-index: 14;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
position: fixed;
top: 50%;
z-index: 3200;
@@ -1847,13 +1998,13 @@ body.category.category-esemeny {
&#cboxPrevious {
left: 1rem;
@include transform(scaleX(-1));
- @media #{$smalldesktop} {
+ @media #{$tablet} {
left: $v-unit-1;
}
}
&#cboxNext {
right: 1rem;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
right: $v-unit-1;
}
}
@@ -1864,7 +2015,7 @@ body.category.category-esemeny {
@include transform(rotate(45deg));
top: -3rem;
right: 1rem;
- @media #{$smalldesktop} {
+ @media #{$tablet} {
position: fixed;
right: $v-unit-1;
top: $v-unit-1;
@@ -1892,7 +2043,7 @@ body.category.category-esemeny {
}
}
.toHome {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
position: relative;
padding-top: $padd * 2;
top: -#{$h-unit-1};
@@ -1916,11 +2067,7 @@ body.category.category-esemeny {
display: block;
position: relative;
cursor: pointer;
- // .relatedcontent {
- // height: 50vw;
- // padding: $padd;
- //
- // }
+
& > a {
margin: 0;
padding: 0;
@@ -1974,7 +2121,7 @@ body.category.category-esemeny {
}
/* ------------------------ related posts on desktop ------------------------ */
- @media #{$smalldesktop} {
+ @media #{$tablet} {
top: -#{$h-unit-1};
position: relative;
padding-top: $padd * 2;
@@ -1987,11 +2134,20 @@ body.category.category-esemeny {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
+ height: calc((100vw - #{$v-unit-4}) / 3);
+ max-height: calc(1024px / 3);
li {
- flex: 0 0 calc(100% / 3);
- height: calc((100vw - #{$v-unit-4}) / 3);
- max-height: calc(1024px / 3);
+ width: calc(100% / 3);
+ padding-bottom: calc(100% / 3);
+
position: relative;
+ height: 0;
+
+ .relatedWrapper {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ }
.related_thumbnailwrapper {
width: 100%;
height: 100%;
@@ -2005,7 +2161,6 @@ body.category.category-esemeny {
.metadata {
width: 100%;
min-width: unset;
- height: $h-unit-1;
position: absolute;
bottom: 0;
@@ -2018,7 +2173,18 @@ body.category.category-esemeny {
padding: 0;
justify-content: space-between;
align-items: stretch;
+
+ height: $h-unit-1;
@include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
+
+ @media #{$tablet} {
+ @include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left);
+ height: $h-unit-0-5;
+ }
+ @media #{$smalldesktop} {
+ @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
+ height: $h-unit-1;
+ }
display: none;
&.vis {
display: flex;
@@ -2027,11 +2193,23 @@ body.category.category-esemeny {
.categories,
.postedon {
@include home-metadata();
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-content: center;
}
.categories {
- margin-left: $v-unit-1 * 1.5;
padding: $v-unit-1 / 3 0;
flex: 1 1 auto;
+
+ margin-left: $v-unit-1 * 1.5;
+
+ @media #{$tablet} {
+ margin-left: $v-unit-1 / 2;
+ }
+ @media #{$smalldesktop} {
+ margin-left: $v-unit-1 * 1.5;
+ }
}
.postedon {
padding: $v-unit-1 / 3 $v-unit-1 / 4;
@@ -2051,17 +2229,32 @@ body.category.category-esemeny {
background-color: #fff;
height: 100%;
padding-left: $v-unit-1;
+ @media #{$tablet} {
+ padding-left: $h-unit-0-5;
+ }
+ @media #{$smalldesktop} {
+ padding-left: $v-unit-1;
+ }
@media #{$bigdesktop} {
padding: $h-unit-1;
}
a {
- bottom: $h-unit-1 + $v-unit-1 * 0.5;
-
- width: calc(100% - #{$v-unit-2});
@include fit-content(height);
position: absolute;
+ bottom: $h-unit-1 + $v-unit-1 * 0.5;
+ width: calc(100% - #{$v-unit-2});
+
+ @media #{$tablet} {
+ bottom: $h-unit-0-5 + $v-unit-1 / 4;
+ width: calc(100% - #{$v-unit-1});
+ }
+ @media #{$smalldesktop} {
+ bottom: $h-unit-1 + $v-unit-1 * 0.5;
+ width: calc(100% - #{$v-unit-2});
+ }
+
@media #{$bigdesktop} {
width: calc(100% - #{$h-unit-2});
}
@@ -2075,7 +2268,7 @@ body.category.category-esemeny {
/* -------------------------------- page only------------------------------- */
body.page {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
article {
margin-top: $h-unit-2;
}
@@ -2109,7 +2302,7 @@ body.page {
color: $color !important;
}
- @media #{$smalldesktop} {
+ @media #{$tablet} {
&.home-big {
h2 a {
color: $color;
@@ -2156,7 +2349,7 @@ body.page {
//tagclip: filters on small articale images
@mixin tagclip($tag) {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
.thumbnailwrapper > img {
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
-webkit-mask-repeat: no-repeat;
@@ -2175,12 +2368,12 @@ body.page {
@mixin tagcolors-single($color, $darkcolor) {
.titlewrapper {
.metadata {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
// color: #fff !important;
-webkit-text-stroke: $color 1px !important;
}
a {
- @media #{$smalldesktop} {
+ @media #{$tablet} {
color: #fff !important;
-webkit-text-stroke: $color 1px !important;
&:hover {
diff --git a/singular.php b/singular.php
index 4f040db..1fae194 100644
--- a/singular.php
+++ b/singular.php
@@ -105,7 +105,10 @@
?>
-
+
+
+
+