infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

work on start

Browse Source
This commit is contained in:
infeeeee
2019-08-10 03:45:43 +02:00
parent eb6fdf9388
commit 0686d99971
6 changed files with 336 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
_jegyzet.md
View File

@@ -27,7 +27,8 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
## További kérdések ## További kérdések
Kiscímek
.vr: néha nagyobb, élsimítás dolgok -> ezt nem tudom előidézni, szerintem megoldottam, de ha megint látszik, akkor küldjetek printscreent!
Keresési találatok oldal Keresési találatok oldal

6
_teendők.md
View File

@@ -9,11 +9,6 @@ og: tag: pluginnal!
felgördülő szövegkivonat -> felülre igazítva felgördülő szövegkivonat -> felülre igazítva
felgördülő alcím -> pozíciója a kép alsó éléhez igazodik felgördülő alcím -> pozíciója a kép alsó éléhez igazodik
alapből lehet hogy több látszódjon
Kiscímek
.vr: néha nagyobb, élsimítás dolgok
Nyitócikkek felgördülő lead hosszát pontosítani Nyitócikkek felgördülő lead hosszát pontosítani
Nagycímes címek, még feljebb Nagycímes címek, még feljebb
@@ -22,7 +17,6 @@ semmiképpen ne lógjon a cím elé a felgördölő cucc
Max karakterszám alcímnél, hogy hova menjen Max karakterszám alcímnél, hogy hova menjen
scroll rossz a kiscímeknél
## mobil nézet ## mobil nézet

259
css/base.css
View File

@@ -789,6 +789,12 @@ object {
@media (min-width: 769px) { @media (min-width: 769px) {
.wrapper main section article .metadata { .wrapper main section article .metadata {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@media (min-width: 1279px) {
.wrapper main section article .metadata {
font-size: 1.3rem; } }
@media (min-width: 1919px) {
.wrapper main section article .metadata {
font-size: 2.5rem; } }
@media (max-width: 768px) { @media (max-width: 768px) {
.wrapper main section article .metadata::after { .wrapper main section article .metadata::after {
content: ""; content: "";
@@ -1002,7 +1008,8 @@ object {
background-color: #000; background-color: #000;
flex-grow: 0 !important; flex-grow: 0 !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
flex-basis: auto !important; } flex-basis: auto !important;
box-shadow: 0 0 1px transparent; }
.archive main section article .metadata .bevezeto, .archive main section article .metadata .bevezeto,
.archive main section article .metadata .alcim, .archive main section article .metadata .alcim,
.archive main section article .metadata .curvyArrow, .archive main section article .metadata .curvyArrow,
@@ -1018,7 +1025,8 @@ object {
.home main section .home_wrapper-big, .home main section .home_wrapper-big,
.search-results main section .home_wrapper-big { .search-results main section .home_wrapper-big {
flex: 0 0 auto; flex: 0 0 auto;
border-right: #000 1px solid; } border-right: #000 1px solid;
/* ------------------------ home article desktop 1 + 2 ----------------------- */ }
.archive main section .home_wrapper-big article, .archive main section .home_wrapper-big article,
.home main section .home_wrapper-big article, .home main section .home_wrapper-big article,
.search-results main section .home_wrapper-big article { .search-results main section .home_wrapper-big article {
@@ -1032,7 +1040,7 @@ object {
border-top: 1px #000 solid; border-top: 1px #000 solid;
/* ------------- home article desktop big - thumbnail and title ------------- */ /* ------------- home article desktop big - thumbnail and title ------------- */
/* -------------------------- home article metadata big------------------------- */ /* -------------------------- home article metadata big------------------------- */
/* ------------------------- home article big hover ------------------------- */ } /* --------------------- home article desktop big hover --------------------- */ }
.archive main section .home_wrapper-big article .thumbnailwrapper, .archive main section .home_wrapper-big article .thumbnailwrapper,
.home main section .home_wrapper-big article .thumbnailwrapper, .home main section .home_wrapper-big article .thumbnailwrapper,
.search-results main section .home_wrapper-big article .thumbnailwrapper { .search-results main section .home_wrapper-big article .thumbnailwrapper {
@@ -1175,11 +1183,11 @@ object {
display: block; display: block;
top: 0; top: 0;
border: none; border: none;
width: calc(100% - 4rem); width: calc(100% - 4rem + (1px));
border-top: #000 1px solid; border-top: #000 1px solid;
background-color: transparent; background-color: transparent;
left: calc(4rem); left: calc(4rem);
margin-left: calc((0) * -1); } margin-left: calc((1px) * -1); }
.archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
.home 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 { .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before {
@@ -1191,7 +1199,7 @@ object {
top: 0; top: 0;
background-color: transparent; background-color: transparent;
z-index: 9; z-index: 9;
left: calc((0) * -1); left: calc((1px) * -1);
border-left: #000 solid 1px; border-left: #000 solid 1px;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
@@ -1224,11 +1232,11 @@ object {
display: block; display: block;
top: 0; top: 0;
border: none; border: none;
width: calc(100% - 4rem); width: calc(100% - 4rem + (1px));
border-top: #000 1px solid; border-top: #000 1px solid;
background-color: transparent; background-color: transparent;
right: calc(4rem); right: calc(4rem);
margin-right: calc((0) * -1); } margin-right: calc((1px) * -1); }
.archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
.home main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .home main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
.search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before { .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before {
@@ -1240,7 +1248,7 @@ object {
top: 0; top: 0;
background-color: transparent; background-color: transparent;
z-index: 9; z-index: 9;
right: calc((0) * -1); right: calc((1px) * -1);
border-right: #000 solid 1px; border-right: #000 solid 1px;
-moz-transform: skewX(45deg); -moz-transform: skewX(45deg);
-o-transform: skewX(45deg); -o-transform: skewX(45deg);
@@ -1282,6 +1290,10 @@ object {
.home 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 { .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
margin-left: 10rem; } margin-left: 10rem; }
.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 article,
.archive main section .home_wrapper-small .archivetitle, .archive main section .home_wrapper-small .archivetitle,
.archive main section .home_wrapper-small .archivedescription, .archive main section .home_wrapper-small .archivedescription,
@@ -1357,7 +1369,7 @@ object {
border-top: #000 1px solid; border-top: #000 1px solid;
background-color: transparent; background-color: transparent;
left: calc(5rem); left: calc(5rem);
margin-left: calc((0) * -1); } margin-left: 0; }
.archive main section .home_wrapper-small article .metadata::before, .archive main section .home_wrapper-small article .metadata::before,
.archive main section .home_wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before,
.archive main section .home_wrapper-small .archivedescription .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before,
@@ -1375,7 +1387,7 @@ object {
top: 0; top: 0;
background-color: transparent; background-color: transparent;
z-index: 9; z-index: 9;
left: calc((0) * -1); left: 0;
border-left: #000 solid 1px; border-left: #000 solid 1px;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
@@ -1383,7 +1395,64 @@ object {
-webkit-transform: skewX(-45deg); -webkit-transform: skewX(-45deg);
transform: skewX(-45deg); transform: skewX(-45deg);
transform-origin: left bottom; transform-origin: left bottom;
border-top: #000 solid 1px; } 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,
.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 {
height: 10rem; }
.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% - 10rem);
border-top: #000 1px solid;
background-color: transparent;
left: calc(10rem);
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(10rem);
height: calc(10rem);
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) {
.archive main section .home_wrapper-small article .metadata.vis, .archive main section .home_wrapper-small article .metadata.vis,
.archive main section .home_wrapper-small .archivetitle .metadata.vis, .archive main section .home_wrapper-small .archivetitle .metadata.vis,
.archive main section .home_wrapper-small .archivedescription .metadata.vis, .archive main section .home_wrapper-small .archivedescription .metadata.vis,
@@ -1413,7 +1482,14 @@ object {
.search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon { .search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
font: bold 1rem "Westeinde Caption"; font: bold 1rem "Westeinde Caption";
color: #000; } } 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) and (min-width: 769px) {
.archive main section .home_wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small article .metadata .postedon,
@@ -1434,6 +1510,46 @@ object {
.search-results main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small .archivedescription .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon { .search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@media (min-width: 769px) and (min-width: 1279px) {
.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-size: 1.3rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.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-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 article .metadata .categories,
.archive main section .home_wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories,
@@ -1444,9 +1560,21 @@ object {
.search-results main section .home_wrapper-small article .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 .archivetitle .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .categories { .search-results main section .home_wrapper-small .archivedescription .metadata .categories {
margin-left: 6rem; margin-left: 5rem;
padding: 1.33333rem 0; padding-right: 1rem;
flex: 1 1 auto; } flex: 1 0 auto; } }
@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,
.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: 10rem; } }
@media (min-width: 769px) {
.archive main section .home_wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small article .metadata .postedon,
.archive main section .home_wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
.archive main section .home_wrapper-small .archivedescription .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
@@ -1456,7 +1584,7 @@ object {
.search-results main section .home_wrapper-small article .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 .archivetitle .metadata .postedon,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon { .search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
padding: 1.33333rem 1rem; padding: 0 1rem;
flex: 1 0 auto; } } flex: 1 0 auto; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2,
@@ -1498,7 +1626,27 @@ object {
.search-results main section .home_wrapper-small .archivetitle h2 a, .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,
.search-results main section .home_wrapper-small .archivedescription h2 a { .search-results main section .home_wrapper-small .archivedescription h2 a {
font-size: 2.2rem; } } font-size: 2rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.archive main section .home_wrapper-small article h2,
.archive main section .home_wrapper-small article h2 a,
.archive main section .home_wrapper-small .archivetitle h2,
.archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home_wrapper-small .archivedescription h2,
.archive main section .home_wrapper-small .archivedescription h2 a,
.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: 3rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home_wrapper-small article h2, .archive main section .home_wrapper-small article h2,
.archive main section .home_wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2,
@@ -1514,19 +1662,7 @@ object {
top: 0; top: 0;
background-color: #fff; background-color: #fff;
height: 100%; height: 100%;
padding-left: 4rem; } } padding: 0; }
@media (min-width: 769px) and (min-width: 1279px) {
.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 {
padding: 5rem; } }
@media (min-width: 769px) {
.archive main section .home_wrapper-small article h2 a, .archive main section .home_wrapper-small article h2 a,
.archive main section .home_wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home_wrapper-small .archivedescription h2 a, .archive main section .home_wrapper-small .archivedescription h2 a,
@@ -1536,8 +1672,11 @@ object {
.search-results main section .home_wrapper-small article 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 .archivetitle h2 a,
.search-results main section .home_wrapper-small .archivedescription h2 a { .search-results main section .home_wrapper-small .archivedescription h2 a {
bottom: 7rem; margin-top: 2.5rem;
width: calc(100% - 8rem); margin-right: 2rem;
margin-bottom: 7rem;
margin-left: 5rem;
bottom: 0;
height: -moz-max-content; height: -moz-max-content;
height: max-content; height: max-content;
height: -moz-fit-content; height: -moz-fit-content;
@@ -1553,7 +1692,20 @@ object {
.search-results main section .home_wrapper-small article 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 .archivetitle h2 a,
.search-results main section .home_wrapper-small .archivedescription h2 a { .search-results main section .home_wrapper-small .archivedescription h2 a {
width: calc(100% - 10rem); } } margin-right: 1rem;
margin-bottom: 6rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.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-left: 10rem;
margin-bottom: 12rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home_wrapper-small article, .archive main section .home_wrapper-small article,
.home main section .home_wrapper-small article, .home main section .home_wrapper-small article,
@@ -1585,7 +1737,7 @@ object {
border-top: #000 1px solid; border-top: #000 1px solid;
background-color: transparent; background-color: transparent;
left: calc(5rem); left: calc(5rem);
margin-left: calc((0) * -1); } margin-left: 0; }
.archive main section .home_wrapper-small .archivetitle::before, .archive main section .home_wrapper-small .archivetitle::before,
.home main section .home_wrapper-small .archivetitle::before, .home main section .home_wrapper-small .archivetitle::before,
.search-results main section .home_wrapper-small .archivetitle::before { .search-results main section .home_wrapper-small .archivetitle::before {
@@ -1597,7 +1749,7 @@ object {
top: 0; top: 0;
background-color: transparent; background-color: transparent;
z-index: 9; z-index: 9;
left: calc((0) * -1); left: 0;
border-left: #000 solid 1px; border-left: #000 solid 1px;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
@@ -1696,7 +1848,10 @@ object {
color: #000; } } color: #000; } }
@media (min-width: 1279px) { @media (min-width: 1279px) {
.search-results #content .archivetitle h1 { .search-results #content .archivetitle h1 {
font-size: 2.2rem; } } font-size: 2rem; } }
@media (min-width: 1919px) {
.search-results #content .archivetitle h1 {
font-size: 3rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.search-no-results main { .search-no-results main {
@@ -1796,7 +1951,8 @@ body.category.category-esemeny {
flex: 0 0 auto; flex: 0 0 auto;
width: 1px; width: 1px;
height: 100%; height: 100%;
background-color: #000; } background-color: #000;
box-shadow: 0 0 1px transparent; }
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
flex: 1 1 auto; flex: 1 1 auto;
font: 800 1.8rem "Butler"; font: 800 1.8rem "Butler";
@@ -2528,7 +2684,8 @@ body.category.category-esemeny {
background-color: #000; background-color: #000;
flex-grow: 0 !important; flex-grow: 0 !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
flex-basis: auto !important; } flex-basis: auto !important;
box-shadow: 0 0 1px transparent; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single #related_posts, .single #related_posts,
.page #related_posts { .page #related_posts {
@@ -2587,7 +2744,7 @@ body.category.category-esemeny {
border-top: #000 1px solid; border-top: #000 1px solid;
background-color: transparent; background-color: transparent;
left: calc(5rem); left: calc(5rem);
margin-left: calc((0) * -1); } margin-left: 0; }
.single #related_posts ul li .metadata::before, .single #related_posts ul li .metadata::before,
.page #related_posts ul li .metadata::before { .page #related_posts ul li .metadata::before {
display: block; display: block;
@@ -2598,7 +2755,7 @@ body.category.category-esemeny {
top: 0; top: 0;
background-color: transparent; background-color: transparent;
z-index: 9; z-index: 9;
left: calc((0) * -1); left: 0;
border-left: #000 solid 1px; border-left: #000 solid 1px;
-moz-transform: skewX(-45deg); -moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg); -o-transform: skewX(-45deg);
@@ -2622,6 +2779,18 @@ body.category.category-esemeny {
.page #related_posts ul li .metadata .categories, .page #related_posts ul li .metadata .categories,
.page #related_posts ul li .metadata .postedon { .page #related_posts ul li .metadata .postedon {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@media (min-width: 769px) and (min-width: 1279px) {
.single #related_posts ul li .metadata .categories,
.single #related_posts ul li .metadata .postedon,
.page #related_posts ul li .metadata .categories,
.page #related_posts ul li .metadata .postedon {
font-size: 1.3rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.single #related_posts ul li .metadata .categories,
.single #related_posts ul li .metadata .postedon,
.page #related_posts ul li .metadata .categories,
.page #related_posts ul li .metadata .postedon {
font-size: 2.5rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.single #related_posts ul li .metadata .categories, .single #related_posts ul li .metadata .categories,
.page #related_posts ul li .metadata .categories { .page #related_posts ul li .metadata .categories {
@@ -2644,7 +2813,13 @@ body.category.category-esemeny {
.single #related_posts ul li h2 a, .single #related_posts ul li h2 a,
.page #related_posts ul li h2, .page #related_posts ul li h2,
.page #related_posts ul li h2 a { .page #related_posts ul li h2 a {
font-size: 2.2rem; } } font-size: 2rem; } }
@media (min-width: 769px) and (min-width: 1919px) {
.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: 3rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.single #related_posts ul li h2, .single #related_posts ul li h2,
.page #related_posts ul li h2 { .page #related_posts ul li h2 {

30
js/scripts.js
View File

@@ -363,9 +363,9 @@
//from the third wrap modify the offset //from the third wrap modify the offset
var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[1]) var wNum = parseInt($(nextelem).attr("class").split(" ")[1].split("-")[1])
console.log(wNum) console.log(wNum)
if (wNum == 3 || !isHome) { if (wNum == 3) {
offset = offset - (desktophomemargin / 2) offset = offset - (desktophomemargin / 2)
} else if (wNum > 4 || !isHome) { } else if (wNum > 3 || !isHome) {
offset = offset - desktophomemargin offset = offset - desktophomemargin
} }
} }
@@ -540,7 +540,7 @@
}) })
$('.misha_loadmore').on("moreload-finish", function () { $('.misha_loadmore').on("moreload-finish", function (e, scroll) {
//wrap new elements on load //wrap new elements on load
articleWrapCounter++ articleWrapCounter++
@@ -551,18 +551,34 @@
$(".home_wrapper-" + wrapnum).addRandomClasses() $(".home_wrapper-" + wrapnum).addRandomClasses()
//Scroll to new element //Scroll to new element
if (scroll) {
currElem = homeScroll(currElem, "next") currElem = homeScroll(currElem, "next")
}
}) })
/* ----------------------------- loadmore click ----------------------------- */ /* ----------------------------- loadmore click ----------------------------- */
$('.misha_loadmore').click(function (e) { var touched = false
$('.misha_loadmore')//.click(function (e) {
.on('touchstart', function (e) {
touched = true
})
.on('touchend', function (e) {
touched = false
e.preventDefault()
loadmore($(this), false)
})
.on('mouseup', function (e) {
if (touched) {
return
}
e.preventDefault() e.preventDefault()
loadmore($(this)) loadmore($(this))
}); })
var noMoreAjax = false var noMoreAjax = false
function loadmore(element) { function loadmore(element, scroll = true) {
if (noMoreAjax) { if (noMoreAjax) {
console.log("no more ajax") console.log("no more ajax")
return false return false
@@ -594,7 +610,7 @@
button.html('<a>Mutass többet</a>').before(data); // insert new posts button.html('<a>Mutass többet</a>').before(data); // insert new posts
misha_loadmore_params.current_page++; misha_loadmore_params.current_page++;
button.trigger("moreload-finish") 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 // you can also fire the "post-load" event here if you use a plugin that requires it

28
sass/_font-mixins.scss
View File

@@ -66,7 +66,24 @@
color: #000; color: #000;
} }
@media #{$bigdesktop} { @media #{$bigdesktop} {
font-size: 2.2rem; font-size: 2rem;
}
@media #{$verybigdesktop} {
font-size: 3rem;
}
}
@mixin home-metadata {
font: bold 1rem "Westeinde Caption";
color: #000;
@media #{$smalldesktop} {
font-size: 1.2rem;
}
@media #{$bigdesktop} {
font-size: 1.3rem;
}
@media #{$verybigdesktop} {
font-size: 2.5rem;
} }
} }
@@ -81,13 +98,7 @@
} }
} }
@mixin home-metadata {
font: bold 1rem "Westeinde Caption";
color: #000;
@media #{$smalldesktop} {
font-size: 1.2rem;
}
}
@mixin home-metadata-big { @mixin home-metadata-big {
@media #{$smalldesktop} { @media #{$smalldesktop} {
@@ -201,7 +212,6 @@
@media #{$smalldesktop} { @media #{$smalldesktop} {
font-size: 3rem; font-size: 3rem;
} }
@media #{$bigdesktop} { @media #{$bigdesktop} {
font-size: 3.2rem; font-size: 3.2rem;
} }

137
sass/base.scss
View File

@@ -230,6 +230,11 @@ $v-unit-6: 24rem;
} }
@mixin triangle-corner-bordered($radius, $offset, $bgcolor, $bordercolor, $side) { @mixin triangle-corner-bordered($radius, $offset, $bgcolor, $bordercolor, $side) {
$minusOffset: calc((#{$offset}) * -1);
@if $offset==0 {
$minusOffset: 0;
}
&::after { &::after {
//for border without corner //for border without corner
position: absolute; position: absolute;
@@ -237,6 +242,7 @@ $v-unit-6: 24rem;
display: block; display: block;
top: 0; top: 0;
border: none; border: none;
@if $offset==0 { @if $offset==0 {
width: calc(100% - #{$radius}); width: calc(100% - #{$radius});
} @else { } @else {
@@ -248,11 +254,11 @@ $v-unit-6: 24rem;
@if $side==left { @if $side==left {
left: calc(#{$radius}); left: calc(#{$radius});
margin-left: calc((#{$offset}) * -1); margin-left: $minusOffset;
} }
@if $side==right { @if $side==right {
right: calc(#{$radius}); right: calc(#{$radius});
margin-right: calc((#{$offset}) * -1); margin-right: $minusOffset;
} }
} }
&::before { &::before {
@@ -267,14 +273,14 @@ $v-unit-6: 24rem;
z-index: 9; z-index: 9;
@if $side==left { @if $side==left {
left: calc((#{$offset}) * -1); left: $minusOffset;
border-left: $bordercolor solid 1px; border-left: $bordercolor solid 1px;
@include transform(skewX(-45deg)); @include transform(skewX(-45deg));
transform-origin: left bottom; transform-origin: left bottom;
border-top: $bordercolor solid 1px; border-top: $bordercolor solid 1px;
} }
@if $side==right { @if $side==right {
right: calc((#{$offset}) * -1); right: $minusOffset;
border-right: $bordercolor solid 1px; border-right: $bordercolor solid 1px;
@include transform(skewX(45deg)); @include transform(skewX(45deg));
transform-origin: right bottom; transform-origin: right bottom;
@@ -644,60 +650,6 @@ $v-unit-6: 24rem;
} }
} }
} }
// .sub-wrapper {
// .bedo-sub-wrapper {
// position: fixed;
// display: none;
// right: $h-unit-2;
// left: $h-unit-2;
// top: 0;
// background-color: #000;
// height: 50vh;
// z-index: -1;
// flex-direction: row;
// justify-content: flex-start;
// align-items: center;
// // &:first-child {
// // display: flex;
// // }
// &.opened {
// display: flex;
// }
// a {
// @include bedo-hover-title();
// @include transform(rotate(-45deg));
// transform-origin: 50% 50%;
// display: block;
// width: calc(30% + #{$v-unit-6});
// text-align: center;
// height: fit-content;
// }
// span {
// display: block;
// position: absolute;
// bottom: 0;
// right: 0;
// height: $v-unit-6;
// width: 70%;
// padding: $v-unit-1;
// padding-left: $v-unit-6 + $v-unit-2;
// padding-right: $v-unit-4;
// @include triangle-corner-bordered(#{$v-unit-6}, 0, transparent, #fff, left);
// @include bedo-hover-sub();
// .circle {
// $diameter: 4rem;
// width: $diameter;
// height: $diameter;
// border-radius: 50%;
// background: #fff;
// position: absolute;
// right: 0;
// top: 0;
// margin: $v-unit-1 / 2;
// }
// }
// }
// }
} }
} //header end } //header end
@@ -891,6 +843,7 @@ $v-unit-6: 24rem;
flex-grow: 0 !important; flex-grow: 0 !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
flex-basis: auto !important; flex-basis: auto !important;
box-shadow: 0 0 1px transparent;
} }
.bevezeto, .bevezeto,
@@ -1035,17 +988,20 @@ $v-unit-6: 24rem;
} }
} //metadata end } //metadata end
/* ------------------------- home article big hover ------------------------- */ /* --------------------- home article desktop big hover --------------------- */
&.hovered { &.hovered {
h2 > a { h2 > a {
color: #000; color: #000;
} }
} }
} }
/* ------------------------ home article desktop 1 + 2 ----------------------- */
&.home_wrapper-1 { &.home_wrapper-1 {
article { article {
.metadata { .metadata {
@include triangle-corner-bordered(#{$v-unit-1}, 0, transparent, #000, left); @include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, left);
.filler { .filler {
position: relative; position: relative;
} }
@@ -1061,7 +1017,7 @@ $v-unit-6: 24rem;
.metadata { .metadata {
justify-content: flex-end; justify-content: flex-end;
@include triangle-corner-bordered(#{$v-unit-1}, 0, transparent, #000, right); @include triangle-corner-bordered(#{$v-unit-1}, 1px, transparent, #000, right);
.filler { .filler {
order: -1; order: -1;
} }
@@ -1097,6 +1053,9 @@ $v-unit-6: 24rem;
&.home_wrapper-s1.home_wrapper-small.home_wrapper-1 { &.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
margin-left: $h-unit-2; margin-left: $h-unit-2;
} }
&:last-child {
margin-right: $h-unit-2;
}
article, article,
.archivetitle, .archivetitle,
@@ -1132,6 +1091,12 @@ $v-unit-6: 24rem;
align-items: stretch; align-items: stretch;
@include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left); @include triangle-corner-bordered(#{$h-unit-1}, 0, transparent, #000, left);
display: none; display: none;
@media #{$verybigdesktop} {
height: $h-unit-2;
@include triangle-corner-bordered(#{$h-unit-2}, 0, transparent, #000, left);
}
&.vis { &.vis {
display: flex; display: flex;
} }
@@ -1139,14 +1104,25 @@ $v-unit-6: 24rem;
.categories, .categories,
.postedon { .postedon {
@include home-metadata(); @include home-metadata();
display: flex;
flex-direction: row;
align-content: center;
margin-top: auto;
margin-bottom: auto;
flex-wrap: nowrap;
justify-content: center;
} }
.categories { .categories {
margin-left: $v-unit-1 * 1.5; margin-left: $h-unit-1;
padding: $v-unit-1 / 3 0; @media #{$verybigdesktop} {
flex: 1 1 auto; margin-left: $h-unit-2;
}
padding-right: $v-unit-1 / 4;
// padding: $v-unit-1 / 3 0;
flex: 1 0 auto;
} }
.postedon { .postedon {
padding: $v-unit-1 / 3 $v-unit-1 / 4; padding: 0 $v-unit-1 / 4;
flex: 1 0 auto; flex: 1 0 auto;
} }
} }
@@ -1162,21 +1138,27 @@ $v-unit-6: 24rem;
top: 0; top: 0;
background-color: #fff; background-color: #fff;
height: 100%; height: 100%;
padding-left: $v-unit-1; padding: 0;
@media #{$bigdesktop} {
padding: $h-unit-1;
}
a { a {
bottom: $h-unit-1 + $v-unit-1 * 0.5; margin-top: $h-unit-1 / 2;
margin-right: $v-unit-1 / 2;
width: calc(100% - #{$v-unit-2}); margin-bottom: $h-unit-1 + $v-unit-1 / 2;
@include fit-content(height); margin-left: $h-unit-1;
position: absolute;
@media #{$bigdesktop} { @media #{$bigdesktop} {
width: calc(100% - #{$h-unit-2}); margin-right: $v-unit-1 / 4;
margin-bottom: $h-unit-1 + $v-unit-1 / 4;
} }
@media #{$verybigdesktop} {
margin-left: $h-unit-2;
margin-bottom: $h-unit-2 + $v-unit-1 / 2;
}
bottom: 0;
@include fit-content(height);
position: absolute;
} }
} }
} }
@@ -1335,6 +1317,7 @@ body.category.category-esemeny {
width: 1px; width: 1px;
height: 100%; height: 100%;
background-color: #000; background-color: #000;
box-shadow: 0 0 1px transparent;
} }
a.text-link { a.text-link {
flex: 1 1 auto; flex: 1 1 auto;
@@ -1387,7 +1370,7 @@ body.category.category-esemeny {
height: unset; height: unset;
max-height: $h-unit-5; max-height: $h-unit-5;
@media #{$verybigdesktop} { @media #{$verybigdesktop} {
max-height: $h-unit-5 + $h-unit-2 max-height: $h-unit-5 + $h-unit-2;
} }
flex: 1 1 auto; flex: 1 1 auto;
padding: 0; padding: 0;
@@ -1411,7 +1394,6 @@ body.category.category-esemeny {
// padding-right: 2rem; // padding-right: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
} }
} }
} }
@@ -1985,6 +1967,7 @@ body.category.category-esemeny {
flex-grow: 0 !important; flex-grow: 0 !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
flex-basis: auto !important; flex-basis: auto !important;
box-shadow: 0 0 1px transparent;
} }
} }
} }