error, no result pages
This commit is contained in:
infeeeee
557
sass/base.scss
557
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 {
|
||||
|
||||
Reference in New Issue
Block a user