0) {
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
@@ -276,12 +295,17 @@
}
//fit title
- $(".archivetitle h1").fitText(0.6)
+ $("body:not(.no-result) .archivetitle h1").fitText(0.7)
+
+
+
}//isMasonryPage end
}// !isMobile end
+ /* ----------------------------- random cutouts ----------------------------- */
+
function random2() {
const choices = [
[1, 3],
@@ -332,6 +356,12 @@
$('html, body').stop().animate({ scrollTop: 0 }, 800);
})
+ //hide totop if not needed
+ if (!($("main").height() > $(window).height()) && isMobile) {
+ $(".totop").hide()
+ }
+
+
/* ---------------------------- Scroll on desktop --------------------------- */
/**
@@ -607,16 +637,18 @@
},
success: function (data) {
if (data) {
- if (data.length < 100) {
+ if (data.length < 102) {
button.children().remove(); // if last page, remove the button
noMoreAjax = true
return false
}
+ // console.log(data.length)
+
button.html('Mutass többet').before(data); // insert new posts
misha_loadmore_params.current_page++;
button.trigger("moreload-finish", scroll)
- console.log("loading:", data.length)
+ // console.log("loading:", data.length)
// you can also fire the "post-load" event here if you use a plugin that requires it
// $( document.body ).trigger( 'post-load' );
@@ -624,7 +656,7 @@
} else {
button.children().remove(); // if no data, remove the button as well
noMoreAjax = true
- console.log("no data")
+ // console.log("no data")
}
}
});
@@ -639,17 +671,34 @@
/* ------------------------------ hover on home ----------------------------- */
- var bigMetadataHeight
+ var defaultMetadataHeight
+ var openedMetadataHeight
//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
+ let cBevezeto = cMetadata.children(".bevezeto")[0]
+
+ // calculate default height
+ if (!defaultMetadataHeight) {
+ defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
}
+ //calculate opened height
+ if (!openedMetadataHeight) {
+ let h2H = 0
+ $(".home-big h2").each(function () {
+ if ($(this)[0].getBoundingClientRect().height > h2H) {
+ h2H = $(this)[0].getBoundingClientRect().height
+ }
+ })
+ let artH = cArticle[0].getBoundingClientRect().height
+ openedMetadataHeight = artH - bottomScrollHeight - h2H
+ // $('.alcim').css({width: openedMetadataHeight})
+ $('.bevezeto').css({height: openedMetadataHeight})
+ }
//add hovered class
cArticle.addClass("hovered")
@@ -663,10 +712,13 @@
cMetadata.children(".categories, .postedon").addClass("transparent")
//animate border
- cMetadata.stop().animate({ height: "25rem" }, 400, _ => {
+ cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
//hide metadata
cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
+
+ //clamp bevezető
+ $clamp(cBevezeto, { clamp: 'auto' });
})
@@ -687,14 +739,65 @@
cMetadata.children(".alcim, .bevezeto").addClass("transparent")
//animate height change
- cMetadata.stop().animate({ height: bigMetadataHeight }, 400, _ => {
+ cMetadata.stop().animate({ height: defaultMetadataHeight }, 400, _ => {
//hide and show metadata
cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent")
cMetadata.children(".categories, .postedon").removeClass("transparent").show()
})
-
})
+
+ // for testing:
+ var bighovertest = (function () {
+ let cc = $(".home_wrapper-1 .home-big h2 a")
+ let cArticle = cc.parents("article")
+ let cMetadata = cArticle.children(".metadata")
+ let cBevezeto = cMetadata.children(".bevezeto")[0]
+
+ // calculate default height
+ if (!defaultMetadataHeight) {
+ defaultMetadataHeight = cMetadata[0].getBoundingClientRect().height
+ }
+
+ //calculate opened height
+ if (!openedMetadataHeight) {
+ let h2H = 0
+ $(".home-big h2").each(function () {
+ if ($(this)[0].getBoundingClientRect().height > h2H) {
+ h2H = $(this)[0].getBoundingClientRect().height
+ }
+ })
+ let artH = cArticle[0].getBoundingClientRect().height
+ openedMetadataHeight = artH - bottomScrollHeight - h2H
+ // cMetadata.children('.alcim').css({width: openedMetadataHeight})
+ $('.bevezeto').css({height: openedMetadataHeight})
+ }
+
+
+
+ //add hovered class
+ cArticle.addClass("hovered")
+
+ //add tag to header for bg
+ let artClasses = cArticle.attr("class").split(" ")
+ let theTag = findClassByStart(artClasses, "tag")
+ $("body, .header-1, .header-2").addClass("hover-" + theTag)
+
+ //transparent metadata
+ cMetadata.children(".categories, .postedon").addClass("transparent")
+
+ //animate border
+ cMetadata.stop().animate({ height: openedMetadataHeight }, 400, _ => {
+ //hide metadata
+ cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
+ cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
+
+ //clamp bevezető
+ $clamp(cBevezeto, { clamp: 'auto' });
+ })
+ })()
+
+
/**
* finds a name of a class, from the first element
* @param {Array} classlist the list of classes to search from as an array
@@ -714,13 +817,19 @@
//hover on small articles
function showTitle(th) {
- $(th).children("h2").show()
- $(th).children(".metadata").addClass("vis")
+ if (!$('body').hasClass('no-result')) {
+ $(th).children("h2").show()
+ $(th).children(".metadata").addClass("vis")
+ }
+
}
function hideTitle(th) {
- $(th).children("h2").hide()
- $(th).children(".metadata").removeClass("vis")
+ if (!$('body').hasClass('no-result')) {
+ $(th).children("h2").hide()
+ $(th).children(".metadata").removeClass("vis")
+ }
+
}
$(document).on({
@@ -752,13 +861,6 @@
}, ".home-small a.thumbnailwrapper")
- /* ------------------------------- no results ------------------------------- */
-
-
- if (isMasonryPage && $("article").hasClass('no-result')) {
- $('body').addClass("no-result")
- }
-
/* -------------------------------------------------------------------------- */
/* EVENTS - ESEMÉNYEK */
/* -------------------------------------------------------------------------- */
diff --git a/languages/HTML5Blank.pot b/languages/HTML5Blank.pot
index dcd7430..f1417dd 100644
--- a/languages/HTML5Blank.pot
+++ b/languages/HTML5Blank.pot
@@ -2,7 +2,7 @@
msgid ""
msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n"
-"POT-Creation-Date: 2019-08-02 20:50+0200\n"
+"POT-Creation-Date: 2019-08-13 17:02+0200\n"
"PO-Revision-Date: \n"
"Last-Translator: Jürgen Rabe | www.egado.de \n"
"Language-Team: \n"
@@ -25,7 +25,7 @@ msgstr ""
msgid "Return home?"
msgstr ""
-#: ../category-esemeny.php:74 ../loop.php:99 ../singular.php:163
+#: ../category-esemeny.php:76 ../loop.php:16 ../singular.php:144
msgid "Sorry, nothing to display."
msgstr ""
@@ -61,165 +61,165 @@ msgstr ""
msgid "Be, do, think, love pages. Use 6*n-2 numbers, e.g. 4, 10, 16, 22... "
msgstr ""
-#: ../functions.php:239
+#: ../functions.php:174
msgid "Main menu left"
msgstr ""
-#: ../functions.php:240
+#: ../functions.php:175
msgid "Main menu right"
msgstr ""
-#: ../functions.php:242
+#: ../functions.php:177
msgid "Circular tags"
msgstr ""
-#: ../functions.php:368
+#: ../functions.php:303
msgid "View Article"
msgstr ""
-#: ../functions.php:432
+#: ../functions.php:373
#, php-format
msgid "%s says:"
msgstr ""
-#: ../functions.php:435
+#: ../functions.php:376
msgid "Your comment is awaiting moderation."
msgstr ""
-#: ../functions.php:441
+#: ../functions.php:382
#, php-format
msgid "%1$s at %2$s"
msgstr ""
-#: ../functions.php:441
+#: ../functions.php:382
msgid "(Edit)"
msgstr ""
-#: ../functions.php:684
+#: ../functions.php:665
msgid "Search Formats"
msgstr ""
-#: ../functions.php:685
+#: ../functions.php:666
msgid "All Formats"
msgstr ""
-#: ../functions.php:686
+#: ../functions.php:667
msgid "Parent Format"
msgstr ""
-#: ../functions.php:687
+#: ../functions.php:668
msgid "Parent Format:"
msgstr ""
-#: ../functions.php:688
+#: ../functions.php:669
msgid "Edit Format"
msgstr ""
-#: ../functions.php:689
+#: ../functions.php:670
msgid "Update Format"
msgstr ""
-#: ../functions.php:690
+#: ../functions.php:671
msgid "Add New Format"
msgstr ""
-#: ../functions.php:691
+#: ../functions.php:672
msgid "New Format Name"
msgstr ""
-#: ../functions.php:692
+#: ../functions.php:673
msgid "Formats"
msgstr ""
-#: ../functions.php:694
+#: ../functions.php:675
msgid "View Formats"
msgstr ""
-#: ../functions.php:695
+#: ../functions.php:676
msgid "Popular Formats"
msgstr ""
-#: ../functions.php:696
+#: ../functions.php:677
msgid "Separate formats with commas"
msgstr ""
-#: ../functions.php:697
+#: ../functions.php:678
msgid "Add or remove formats"
msgstr ""
-#: ../functions.php:698
+#: ../functions.php:679
msgid "Choose from most used formats"
msgstr ""
-#: ../functions.php:699
+#: ../functions.php:680
msgid "No formats found"
msgstr ""
-#: ../functions.php:700
+#: ../functions.php:681
msgid "Back to formats"
msgstr ""
-#: ../functions.php:721
+#: ../functions.php:702
msgid "Search Writers"
msgstr ""
-#: ../functions.php:722
+#: ../functions.php:703
msgid "All Writers"
msgstr ""
-#: ../functions.php:723
+#: ../functions.php:704
msgid "Parent Writer"
msgstr ""
-#: ../functions.php:724
+#: ../functions.php:705
msgid "Parent Writer:"
msgstr ""
-#: ../functions.php:725
+#: ../functions.php:706
msgid "Edit Writer"
msgstr ""
-#: ../functions.php:726
+#: ../functions.php:707
msgid "Update Writer"
msgstr ""
-#: ../functions.php:727
+#: ../functions.php:708
msgid "Add New Writer"
msgstr ""
-#: ../functions.php:728
+#: ../functions.php:709
msgid "New Writer Name"
msgstr ""
-#: ../functions.php:729
+#: ../functions.php:710
msgid "Writers"
msgstr ""
-#: ../functions.php:731
+#: ../functions.php:712
msgid "View Writers"
msgstr ""
-#: ../functions.php:732
+#: ../functions.php:713
msgid "Popular Writers"
msgstr ""
-#: ../functions.php:733
+#: ../functions.php:714
msgid "Separate writers with commas"
msgstr ""
-#: ../functions.php:734
+#: ../functions.php:715
msgid "Add or remove writers"
msgstr ""
-#: ../functions.php:735
+#: ../functions.php:716
msgid "Choose from most used writer"
msgstr ""
-#: ../functions.php:736
+#: ../functions.php:717
msgid "No writer found"
msgstr ""
-#: ../functions.php:737
+#: ../functions.php:718
msgid "Back to writers"
msgstr ""
@@ -228,11 +228,11 @@ msgstr ""
msgid "%s search results for"
msgstr ""
-#: ../singular.php:97
+#: ../singular.php:100
msgid "More posts:"
msgstr ""
-#: ../singular.php:142
+#: ../singular.php:123
msgid "Back to home:"
msgstr ""
diff --git a/languages/hu_HU.mo b/languages/hu_HU.mo
index d12571d..459c8c4 100644
Binary files a/languages/hu_HU.mo and b/languages/hu_HU.mo differ
diff --git a/languages/hu_HU.po b/languages/hu_HU.po
index 70bbbee..1c4e2ee 100644
--- a/languages/hu_HU.po
+++ b/languages/hu_HU.po
@@ -1,7 +1,7 @@
msgid ""
msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n"
-"POT-Creation-Date: 2019-08-02 20:50+0200\n"
+"POT-Creation-Date: 2019-08-13 17:03+0200\n"
"PO-Revision-Date: \n"
"Last-Translator: Péter Gyetvai \n"
"Language-Team: \n"
@@ -25,9 +25,9 @@ msgstr "A keresett oldal nem található"
msgid "Return home?"
msgstr "Vissza a főoldalra?"
-#: ../category-esemeny.php:74 ../loop.php:99 ../singular.php:163
+#: ../category-esemeny.php:76 ../loop.php:16 ../singular.php:144
msgid "Sorry, nothing to display."
-msgstr "Nincs tartalom."
+msgstr "Nincs találat"
#: ../customizer.php:16
msgid "Event category id"
@@ -65,165 +65,165 @@ msgstr ""
"Be, do, think, love listák. Használj 6*n-2 számokat, például 4, 10, 16, "
"22... "
-#: ../functions.php:239
+#: ../functions.php:174
msgid "Main menu left"
msgstr "Főmenü bal"
-#: ../functions.php:240
+#: ../functions.php:175
msgid "Main menu right"
msgstr "Főmenü jobb"
-#: ../functions.php:242
+#: ../functions.php:177
msgid "Circular tags"
msgstr "Kör címkék"
-#: ../functions.php:368
+#: ../functions.php:303
msgid "View Article"
msgstr "Tartalom Megtekintése"
-#: ../functions.php:432
+#: ../functions.php:373
#, php-format
msgid "%s says:"
msgstr "%s :"
-#: ../functions.php:435
+#: ../functions.php:376
msgid "Your comment is awaiting moderation."
msgstr "A hozzászólás moderálásra vár."
-#: ../functions.php:441
+#: ../functions.php:382
#, php-format
msgid "%1$s at %2$s"
msgstr "%1$s - %2$s"
-#: ../functions.php:441
+#: ../functions.php:382
msgid "(Edit)"
msgstr "(Szerkesztés)"
-#: ../functions.php:684
+#: ../functions.php:665
msgid "Search Formats"
msgstr "Formátumok keresése"
-#: ../functions.php:685
+#: ../functions.php:666
msgid "All Formats"
msgstr "Minden formátum"
-#: ../functions.php:686
+#: ../functions.php:667
msgid "Parent Format"
msgstr "Szülő formátum"
-#: ../functions.php:687
+#: ../functions.php:668
msgid "Parent Format:"
msgstr "Szülő formátum:"
-#: ../functions.php:688
+#: ../functions.php:669
msgid "Edit Format"
msgstr "Formátum szerkesztése"
-#: ../functions.php:689
+#: ../functions.php:670
msgid "Update Format"
msgstr "Formátum frissítése"
-#: ../functions.php:690
+#: ../functions.php:671
msgid "Add New Format"
msgstr "Új formátum hozzáadása"
-#: ../functions.php:691
+#: ../functions.php:672
msgid "New Format Name"
msgstr "Új formátum neve"
-#: ../functions.php:692
+#: ../functions.php:673
msgid "Formats"
msgstr "Formátumok"
-#: ../functions.php:694
+#: ../functions.php:675
msgid "View Formats"
msgstr "Formátumok megjelenítése"
-#: ../functions.php:695
+#: ../functions.php:676
msgid "Popular Formats"
msgstr "Népszerű formátumok"
-#: ../functions.php:696
+#: ../functions.php:677
msgid "Separate formats with commas"
msgstr "Formátumokat vesszővel válaszd el"
-#: ../functions.php:697
+#: ../functions.php:678
msgid "Add or remove formats"
msgstr "Formátumok hozzáadása vagy eltávolítása"
-#: ../functions.php:698
+#: ../functions.php:679
msgid "Choose from most used formats"
msgstr "Választás a leggyakoribb formátumok közül"
-#: ../functions.php:699
+#: ../functions.php:680
msgid "No formats found"
msgstr "Formátum nem található"
-#: ../functions.php:700
+#: ../functions.php:681
msgid "Back to formats"
msgstr "Vissza a formátumokhoz"
-#: ../functions.php:721
+#: ../functions.php:702
msgid "Search Writers"
msgstr "Cikkírók keresése"
-#: ../functions.php:722
+#: ../functions.php:703
msgid "All Writers"
msgstr "Minden cikkíró"
-#: ../functions.php:723
+#: ../functions.php:704
msgid "Parent Writer"
msgstr "Szülő cikkíró"
-#: ../functions.php:724
+#: ../functions.php:705
msgid "Parent Writer:"
msgstr "Szülő cikkíró:"
-#: ../functions.php:725
+#: ../functions.php:706
msgid "Edit Writer"
msgstr "Cikkíró szerkesztése"
-#: ../functions.php:726
+#: ../functions.php:707
msgid "Update Writer"
msgstr "Cikkíró frissítése"
-#: ../functions.php:727
+#: ../functions.php:708
msgid "Add New Writer"
msgstr "Új cikkíró hozzáadása"
-#: ../functions.php:728
+#: ../functions.php:709
msgid "New Writer Name"
msgstr "Új cikkíró neve"
-#: ../functions.php:729
+#: ../functions.php:710
msgid "Writers"
msgstr "Cikkírók"
-#: ../functions.php:731
+#: ../functions.php:712
msgid "View Writers"
msgstr "Cikkírók Megtekintése"
-#: ../functions.php:732
+#: ../functions.php:713
msgid "Popular Writers"
msgstr "Népszerű cikkírók"
-#: ../functions.php:733
+#: ../functions.php:714
msgid "Separate writers with commas"
msgstr "Cikkírókat vesszővel válaszd el"
-#: ../functions.php:734
+#: ../functions.php:715
msgid "Add or remove writers"
msgstr "Cikkírók hozzáadása vagy eltávolítása"
-#: ../functions.php:735
+#: ../functions.php:716
msgid "Choose from most used writer"
msgstr "Választás a leggyakoribb cikkírók közül"
-#: ../functions.php:736
+#: ../functions.php:717
msgid "No writer found"
msgstr "Cikkíró nem található"
-#: ../functions.php:737
+#: ../functions.php:718
msgid "Back to writers"
msgstr "Vissza a cikkírókhoz"
@@ -232,11 +232,11 @@ msgstr "Vissza a cikkírókhoz"
msgid "%s search results for"
msgstr "%s találat"
-#: ../singular.php:97
+#: ../singular.php:100
msgid "More posts:"
msgstr "További cikkeink:"
-#: ../singular.php:142
+#: ../singular.php:123
msgid "Back to home:"
msgstr "Vissza a főoldalra"
diff --git a/loop-inner.php b/loop-inner.php
index 9ad39db..8615dec 100644
--- a/loop-inner.php
+++ b/loop-inner.php
@@ -39,7 +39,10 @@ print implode(' | ', $echos);
-
+
diff --git a/sass/base.scss b/sass/base.scss
index 01d8785..29304e9 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -750,7 +750,9 @@ $v-unit-6: 24rem;
.archive,
.home,
-.search-results {
+.search-results,
+.search-no-results,
+.error404 {
@media #{$tablet} {
// overflow-y: hidden;
}
@@ -878,7 +880,7 @@ $v-unit-6: 24rem;
}
.bevezeto,
- .alcim,
+ .alcimWrapper,
.curvyArrow {
display: none;
}
@@ -928,9 +930,19 @@ $v-unit-6: 24rem;
height: unset;
position: absolute;
top: 0;
- padding: 4rem;
- padding-right: 2rem;
- width: calc(100vw - #{$h-unit-5});
+
+ padding: 2rem;
+ padding-left: $v-unit-1;
+
+ width: calc(100vw - #{$h-unit-1-5 * 2.5});
+ @media #{$smalldesktop} {
+ width: calc(100vw - #{$h-unit-5});
+ padding-top: 4rem;
+ }
+
+ a {
+ padding-top: 2rem;
+ }
}
/* -------------------------- home article metadata big------------------------- */
@@ -974,29 +986,10 @@ $v-unit-6: 24rem;
}
.bevezeto,
- .alcim {
- color: #000 !important;
+ .alcimWrapper {
display: none;
}
- .alcim {
- @include transform(rotate(270deg));
- transform-origin: top bottom;
- text-align: left;
- flex: 0 0 auto;
- height: $h-unit-1;
- width: 20rem;
- margin: 0 -3rem;
- }
-
- .bevezeto {
- width: 50%;
- flex: 0 1 auto;
- text-align: left;
- padding: $h-unit-1;
- @include home-metadata-bevezeto();
- }
-
.transparent,
.transparent a {
color: transparent !important;
@@ -1035,6 +1028,31 @@ $v-unit-6: 24rem;
/* --------------------- home article desktop big hover --------------------- */
&.hovered {
+ .bevezeto,
+ .alcim {
+ color: #000 !important;
+ // flex: 0 0 auto;
+ }
+
+ .alcim {
+ @include transform(rotate(180deg));
+
+ text-align: right;
+ writing-mode: vertical-lr;
+ margin: $v-unit-1 / 2;
+ }
+
+ .bevezeto {
+ height: 100%;
+ max-height: 100%;
+ text-align: left;
+ margin: 0 $v-unit-1 / 2;
+ padding: $v-unit-1 / 2 0;
+ align-self: flex-start;
+
+ @include home-metadata-bevezeto();
+ }
+
h2 > a {
color: #000;
}
@@ -1082,7 +1100,8 @@ $v-unit-6: 24rem;
/* ----------------------- home articles desktop small ----------------------- */
@media #{$tablet} {
- .home_wrapper-small {
+ .home_wrapper-small,
+ #post-404 {
height: calc(100vh - #{$v-unit-2});
width: calc((100vh - #{$v-unit-2}) / 2 * 3);
max-width: calc(100vw - (#{$h-unit-1-5} * 3));
@@ -1102,7 +1121,8 @@ $v-unit-6: 24rem;
margin-left: $h-unit-1;
}
}
- &.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
+ &.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
+ &#post-404 {
margin-left: $h-unit-1-5;
@media #{$smalldesktop} {
margin-left: $h-unit-2;
@@ -1251,7 +1271,7 @@ $v-unit-6: 24rem;
}
.archivetitle {
- margin: 0 auto;
+ margin: 0;
width: calc(100% / 3);
position: relative;
bottom: 0;
@@ -1311,20 +1331,24 @@ $v-unit-6: 24rem;
/* -------------------------- no results on mobile -------------------------- */
- &.no-result {
+ &.no-result,
+ &.error404,
+ &.search-no-results {
.wrapper {
height: unset;
header {
background-color: #000;
}
- #content {
- .archivetitle {
- padding: 8rem 2rem 0;
- }
+ section .archivetitle {
+ padding: 8rem 2rem 0;
+ }
- article.no-result {
- height: unset;
- }
+ #post-404 {
+ text-align: center;
+ line-height: 1.4;
+ }
+ #content article.no-result {
+ height: unset;
}
}
@@ -1332,11 +1356,15 @@ $v-unit-6: 24rem;
@media #{$tablet} {
main {
width: 100vw;
- section#content {
+ section {
width: 100%;
- .home_wrapper-1 {
+ .home_wrapper-1,
+ article#post-404 {
position: relative;
width: calc(100% - #{$h-unit-1-5 * 2});
+ @media #{$smalldesktop} {
+ width: calc(100% - #{$h-unit-2 * 2});
+ }
max-width: unset;
.archivetitle {
border-bottom: 1px #000 solid;
@@ -1347,16 +1375,38 @@ $v-unit-6: 24rem;
width: 100%;
height: 100%;
left: 0;
- top: 0;
+ // top: 0;
+
background-color: transparent;
-
+
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+ h1 {
+ display: inline-block;
+ position: relative;
+ width: unset;
+ }
+ h2 {
+ @include home-title();
+ display: inline-block;
+ height: unset;
+ top: unset;
+ position: relative;
+ margin: 0;
+ // bottom: 0;
+ }
+
+ .toHome {
+ display: none;
+ }
}
}
}
}
}
}
-} //home, archive, search end
+} //home, archive, search, 404 end
/* -------------------------------------------------------------------------- */
/* Search results */
@@ -1374,13 +1424,26 @@ $v-unit-6: 24rem;
}
.search-no-results {
- main {
- @media #{$tablet} {
- padding: 0 $h-unit-4;
+ .wrapper {
+ height: unset;
+ header {
+ background-color: #000;
+ }
- // .archivetitle h1,
- // article h2 {
- // }
+ main {
+ section {
+ .archivetitle {
+ padding: 8rem 2rem 0;
+ h1 {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ max-width: 100%;
+ }
+ }
+ .no-result {
+ padding: 2rem;
+ }
+ }
}
}
}
@@ -1544,6 +1607,8 @@ body.category.category-esemeny {
max-width: calc(1024px + #{$h-unit-4});
}
+$padd: 2rem;
+
.single,
.page {
//no menus on single
@@ -1566,7 +1631,6 @@ body.category.category-esemeny {
}
}
- $padd: 2rem;
/* ---------------------------- single on mobile ---------------------------- */
article {
padding-bottom: $h-unit-1;
@@ -2024,247 +2088,246 @@ body.category.category-esemeny {
}
}
} //#colorbox end
+} //body.single, page end
+/* ------------------------------ related posts ----------------------------- */
- /* ------------------------------ related posts ----------------------------- */
-
- .toHome,
- #related_posts > h3 {
- padding-bottom: $padd * 2;
- margin: 0 auto;
- // display: inline-block;
- text-align: center;
+.toHome,
+#related_posts > h3 {
+ padding-bottom: $padd * 2;
+ margin: 0 auto;
+ // display: inline-block;
+ text-align: center;
+ @include single-metadata();
+ a {
@include single-metadata();
+ &:hover {
+ color: #000;
+ -webkit-text-stroke-color: transparent;
+ }
+ }
+}
+.toHome {
+ @media #{$tablet} {
+ position: relative;
+ padding-top: $padd * 2;
+ top: -#{$h-unit-1};
+ margin: 0;
+ @include singleDesktopLayout();
+
a {
- @include single-metadata();
- &:hover {
- color: #000;
- -webkit-text-stroke-color: transparent;
- }
+ margin-bottom: $padd * 2;
+ display: block;
}
}
- .toHome {
- @media #{$tablet} {
+}
+
+#related_posts {
+ & > h3 {
+ display: none;
+ }
+ ul {
+ padding: 0;
+ li {
+ display: block;
position: relative;
- padding-top: $padd * 2;
- top: -#{$h-unit-1};
- margin: 0;
- @include singleDesktopLayout();
+ cursor: pointer;
- a {
- margin-bottom: $padd * 2;
- display: block;
+ & > a {
+ margin: 0;
+ padding: 0;
+ border: none;
+ display: inline-block;
+ }
+
+ .related_thumbnailwrapper {
+ img {
+ // post thumbnail on home
+ height: 50vw;
+ width: 100vw;
+ object-fit: cover;
+ }
+ }
+
+ h2 {
+ width: 100%;
+ height: 50vw;
+ padding: 2rem;
+ padding-top: 3rem;
+ margin: 0;
+
+ a {
+ display: block;
+ @include related-title();
+ }
+ }
+
+ .metadata {
+ bottom: 50%;
+ height: $h-unit-1;
+ display: flex;
+ @include fit-content(width);
+ justify-content: space-around;
+ flex-wrap: nowrap;
+ align-items: center;
+ padding: 0;
+
+ .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;
+ }
}
}
}
- #related_posts {
+ /* ------------------------ related posts on desktop ------------------------ */
+ @media #{$tablet} {
+ top: -#{$h-unit-1};
+ position: relative;
+ padding-top: $padd * 2;
+ @include singleDesktopLayout();
+
& > h3 {
- display: none;
+ display: block;
}
ul {
- padding: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ height: calc((100vw - #{$v-unit-4}) / 3);
+ max-height: calc(1024px / 3);
li {
- display: block;
+ width: calc(100% / 3);
+ padding-bottom: calc(100% / 3);
+
position: relative;
- cursor: pointer;
+ height: 0;
- & > a {
- margin: 0;
- padding: 0;
- border: none;
- display: inline-block;
+ .relatedWrapper {
+ position: absolute;
+ height: 100%;
+ width: 100%;
}
-
.related_thumbnailwrapper {
+ width: 100%;
+ height: 100%;
img {
- // post thumbnail on home
- height: 50vw;
- width: 100vw;
+ width: 100%;
+ height: 100%;
object-fit: cover;
}
}
- h2 {
+ .metadata {
width: 100%;
- height: 50vw;
- padding: 2rem;
- padding-top: 3rem;
- margin: 0;
+ min-width: unset;
+
+ position: absolute;
+ bottom: 0;
+ right: 0;
+
+ background: transparent;
+
+ display: flex;
+ flex-direction: row;
+ 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;
+ }
+
+ .categories,
+ .postedon {
+ @include home-metadata();
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-content: center;
+ }
+ .categories {
+ 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;
+ flex: 1 0 auto;
+ }
+ }
+
+ h2,
+ h2 a {
+ @include home-title-small();
+ }
+
+ h2 {
+ display: none;
+ position: absolute;
+ top: 0;
+ 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 {
- display: block;
- @include related-title();
- }
- }
-
- .metadata {
- bottom: 50%;
- height: $h-unit-1;
- display: flex;
- @include fit-content(width);
- justify-content: space-around;
- flex-wrap: nowrap;
- align-items: center;
- padding: 0;
-
- .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;
- }
- }
- }
- }
-
- /* ------------------------ related posts on desktop ------------------------ */
- @media #{$tablet} {
- top: -#{$h-unit-1};
- position: relative;
- padding-top: $padd * 2;
- @include singleDesktopLayout();
-
- & > h3 {
- display: block;
- }
- ul {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- height: calc((100vw - #{$v-unit-4}) / 3);
- max-height: calc(1024px / 3);
- li {
- width: calc(100% / 3);
- padding-bottom: calc(100% / 3);
-
- position: relative;
- height: 0;
-
- .relatedWrapper {
+ @include fit-content(height);
position: absolute;
- height: 100%;
- width: 100%;
- }
- .related_thumbnailwrapper {
- width: 100%;
- height: 100%;
- img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- }
- .metadata {
- width: 100%;
- min-width: unset;
-
- position: absolute;
- bottom: 0;
- right: 0;
-
- background: transparent;
-
- display: flex;
- flex-direction: row;
- padding: 0;
- justify-content: space-between;
- align-items: stretch;
-
- height: $h-unit-1;
- @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
+ bottom: $h-unit-1 + $v-unit-1 * 0.5;
+ width: calc(100% - #{$v-unit-2});
@media #{$tablet} {
- @include triangle-corner-bordered(#{$h-unit-0-5}, 0, transparent, #000, left);
- height: $h-unit-0-5;
+ bottom: $h-unit-0-5 + $v-unit-1 / 4;
+ width: calc(100% - #{$v-unit-1});
}
@media #{$smalldesktop} {
- @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
- height: $h-unit-1;
- }
- display: none;
- &.vis {
- display: flex;
- }
-
- .categories,
- .postedon {
- @include home-metadata();
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-content: center;
- }
- .categories {
- 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;
- flex: 1 0 auto;
- }
- }
-
- h2,
- h2 a {
- @include home-title-small();
- }
-
- h2 {
- display: none;
- position: absolute;
- top: 0;
- 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 {
- @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});
- }
+ @media #{$bigdesktop} {
+ width: calc(100% - #{$h-unit-2});
}
}
}
}
}
}
-} //body.single, page end
+}
/* -------------------------------- page only------------------------------- */
body.page {