mostly single updates
This commit is contained in:
154
css/base.css
154
css/base.css
@@ -218,12 +218,15 @@ object {
|
||||
@media (min-width: 769px) {
|
||||
.wrapper .header .menubutton {
|
||||
order: unset; } }
|
||||
.wrapper .header .social-link, .wrapper .header .events-link {
|
||||
.wrapper .header .social-link,
|
||||
.wrapper .header .events-link {
|
||||
margin: 0 2rem 0 0; }
|
||||
.wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden {
|
||||
.wrapper .header .social-link.hidden,
|
||||
.wrapper .header .events-link.hidden {
|
||||
display: none !important; }
|
||||
@media (min-width: 769px) {
|
||||
.wrapper .header .social-link, .wrapper .header .events-link {
|
||||
.wrapper .header .social-link,
|
||||
.wrapper .header .events-link {
|
||||
margin: 0; } }
|
||||
.wrapper .header .search-box {
|
||||
display: none; }
|
||||
@@ -1571,7 +1574,8 @@ body.category.category-esemeny main {
|
||||
/* -------------------------------------------------------------------------- */
|
||||
.single {
|
||||
/* ---------------------------- single on mobile ---------------------------- */
|
||||
/* -------------------------------- lightbox -------------------------------- */ }
|
||||
/* -------------------------------- lightbox -------------------------------- */
|
||||
/* ------------------------------ related posts ----------------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.single .wrapper {
|
||||
height: unset;
|
||||
@@ -1740,53 +1744,36 @@ body.category.category-esemeny main {
|
||||
font-size: 80%;
|
||||
top: 2rem; }
|
||||
.single article .single-content .wp-block-image {
|
||||
padding: 2rem 0; }
|
||||
margin: 2rem 0;
|
||||
position: relative !important; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .wp-block-image {
|
||||
padding: 2rem 5rem; } }
|
||||
.single article .single-content .wp-block-image figure {
|
||||
position: relative; }
|
||||
.single article .single-content .wp-block-image figure figcaption {
|
||||
bottom: 0 !important; }
|
||||
.single article .single-content .wp-block-image figure figcaption::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 0;
|
||||
height: 0;
|
||||
right: -5rem;
|
||||
top: -5rem;
|
||||
border-top: 5rem solid transparent;
|
||||
border-left: 5rem solid transparent;
|
||||
border-right: 5rem solid transparent;
|
||||
border-bottom: 5rem solid #fff;
|
||||
position: absolute;
|
||||
z-index: -1; }
|
||||
.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 {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
width: calc(100% - 5rem);
|
||||
height: 5rem;
|
||||
padding: 1rem 2rem;
|
||||
margin: 0;
|
||||
bottom: unset;
|
||||
font: 900 1rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
line-height: 1;
|
||||
text-align: left;
|
||||
overflow: unset;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
z-index: 1; }
|
||||
padding: 0 5rem; } }
|
||||
.single article .single-content .wp-block-image figcaption {
|
||||
bottom: 0 !important; }
|
||||
.single article .single-content .wp-block-image figcaption::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 0;
|
||||
height: 0;
|
||||
right: -5rem;
|
||||
top: -5rem;
|
||||
border-top: 5rem solid transparent;
|
||||
border-left: 5rem solid transparent;
|
||||
border-right: 5rem solid transparent;
|
||||
border-bottom: 5rem solid #fff;
|
||||
position: absolute;
|
||||
z-index: -1; }
|
||||
.single article .single-content .wp-block-gallery {
|
||||
padding: 2rem 0; }
|
||||
padding: 0;
|
||||
margin: 2rem 0; }
|
||||
.single article .single-content .wp-block-gallery li {
|
||||
margin-right: 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .wp-block-gallery li {
|
||||
margin-bottom: 4rem; } }
|
||||
.single article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after {
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -1820,6 +1807,31 @@ body.category.category-esemeny main {
|
||||
border-top: 5rem solid #fff;
|
||||
position: absolute;
|
||||
z-index: -1; }
|
||||
.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 {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
width: calc(100% - 5rem);
|
||||
height: 5rem;
|
||||
padding: 1rem 2rem;
|
||||
margin: 0;
|
||||
bottom: unset;
|
||||
font: 900 1rem "Westeinde Caption";
|
||||
color: #000;
|
||||
line-height: 1;
|
||||
text-align: left;
|
||||
overflow: unset;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
z-index: 1; }
|
||||
.single article .single-content .wp-block-gallery .alignleft,
|
||||
.single article .single-content .wp-block-gallery .alignright,
|
||||
.single article .single-content .wp-block-image .alignleft,
|
||||
.single article .single-content .wp-block-image .alignright {
|
||||
float: unset;
|
||||
margin: 0; }
|
||||
.single #cboxOverlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -1836,10 +1848,8 @@ body.category.category-esemeny main {
|
||||
.single #colorbox #cboxContent #cboxTitle {
|
||||
padding: 1rem;
|
||||
font: 900 1rem "Westeinde Caption";
|
||||
color: #000;
|
||||
color: #fff;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
-webkit-text-stroke: #fff 1px;
|
||||
color: transparent;
|
||||
width: 100%;
|
||||
text-align: center; }
|
||||
.single #colorbox #cboxContent #cboxCurrent {
|
||||
@@ -1850,7 +1860,7 @@ body.category.category-esemeny main {
|
||||
background-position: center;
|
||||
background-size: 100%; }
|
||||
.single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext {
|
||||
background-image: url(../img/curvy_arrow.svg);
|
||||
background-image: url(../img/solid_arrow_right.svg);
|
||||
width: 2rem;
|
||||
height: 4rem;
|
||||
bottom: -5rem;
|
||||
@@ -1876,6 +1886,42 @@ body.category.category-esemeny main {
|
||||
transform: rotate(45deg);
|
||||
top: -3rem;
|
||||
right: 1rem; }
|
||||
.single #related_posts {
|
||||
/* ------------------------ related posts on desktop ------------------------ */ }
|
||||
.single #related_posts > h3 {
|
||||
display: none; }
|
||||
.single #related_posts ul {
|
||||
padding: 0; }
|
||||
.single #related_posts ul li {
|
||||
display: block; }
|
||||
.single #related_posts ul li .relatedthumb img {
|
||||
height: 50vw;
|
||||
width: 100vw;
|
||||
object-fit: cover; }
|
||||
.single #related_posts ul li .relatedcontent {
|
||||
height: 50vw;
|
||||
padding: 2rem; }
|
||||
.single #related_posts ul li .relatedcontent h3 {
|
||||
font: 500 2rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single #related_posts {
|
||||
padding-right: 10rem; }
|
||||
.single #related_posts > h3 {
|
||||
display: block; }
|
||||
.single #related_posts ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap; }
|
||||
.single #related_posts ul li {
|
||||
flex: 1 1 33%; }
|
||||
.single #related_posts ul li .relatedthumb img {
|
||||
width: 100%;
|
||||
height: calc((100vw - 16rem) / 3); }
|
||||
.single #related_posts ul li .relatedcontent {
|
||||
position: absolute;
|
||||
height: unset;
|
||||
bottom: 0;
|
||||
width: calc((100vw - 16rem) / 3); } }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* TAG COLORS */
|
||||
@@ -1899,7 +1945,7 @@ body.category.category-esemeny main {
|
||||
background-color: #fdff00 !important; }
|
||||
|
||||
.tag-be figcaption {
|
||||
-webkit-text-stroke-color: #fdff00 !important; }
|
||||
color: #fdff00 !important; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-be.home-big h2 a {
|
||||
@@ -1955,7 +2001,7 @@ body.category.category-esemeny main {
|
||||
background-color: #3c00ff !important; }
|
||||
|
||||
.tag-do figcaption {
|
||||
-webkit-text-stroke-color: #3c00ff !important; }
|
||||
color: #3c00ff !important; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-do.home-big h2 a {
|
||||
@@ -2011,7 +2057,7 @@ body.category.category-esemeny main {
|
||||
background-color: #00ffb8 !important; }
|
||||
|
||||
.tag-think figcaption {
|
||||
-webkit-text-stroke-color: #00ffb8 !important; }
|
||||
color: #00ffb8 !important; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-think.home-big h2 a {
|
||||
@@ -2067,7 +2113,7 @@ body.category.category-esemeny main {
|
||||
background-color: #ff5f5f !important; }
|
||||
|
||||
.tag-love figcaption {
|
||||
-webkit-text-stroke-color: #ff5f5f !important; }
|
||||
color: #ff5f5f !important; }
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.tag-love.home-big h2 a {
|
||||
|
||||
Reference in New Issue
Block a user