work on wingle articles
This commit is contained in:
infeeeee
210
css/base.css
210
css/base.css
@@ -1772,6 +1772,7 @@ body.category.category-esemeny main {
|
||||
.page article {
|
||||
padding-bottom: 5rem;
|
||||
/* ---------------------------- single header on desktop --------------------------- */
|
||||
/* ---------------------------- single content hr --------------------------- */
|
||||
/* ----------------------------- single content ----------------------------- */ }
|
||||
.single article .thumbnailwrapper,
|
||||
.page article .thumbnailwrapper {
|
||||
@@ -1801,18 +1802,23 @@ body.category.category-esemeny main {
|
||||
position: relative;
|
||||
align-self: flex-end;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font: bold 1.4rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper .metadata,
|
||||
.page article .titlewrapper .metadata {
|
||||
font: 900 2rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; } }
|
||||
.single article .titlewrapper .metadata .time-cat,
|
||||
.page article .titlewrapper .metadata .time-cat {
|
||||
z-index: 10; }
|
||||
.single article .titlewrapper .metadata .metaWrapper,
|
||||
.page article .titlewrapper .metadata .metaWrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between; }
|
||||
.single article .titlewrapper .metadata .metaWrapper .time-cat,
|
||||
.page article .titlewrapper .metadata .metaWrapper .time-cat {
|
||||
z-index: 10; }
|
||||
.single article .titlewrapper h1.single-title,
|
||||
.page article .titlewrapper h1.single-title {
|
||||
margin: 0;
|
||||
@@ -1869,7 +1875,7 @@ body.category.category-esemeny main {
|
||||
top: -5rem;
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
padding-right: 10rem; }
|
||||
padding-right: 0; }
|
||||
.single article .titlewrapper .metadata::after,
|
||||
.page article .titlewrapper .metadata::after {
|
||||
position: absolute;
|
||||
@@ -1901,14 +1907,20 @@ body.category.category-esemeny main {
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.single article .titlewrapper .metadata .metaWrapper,
|
||||
.page article .titlewrapper .metadata .metaWrapper {
|
||||
padding-right: 20rem;
|
||||
padding-left: 0;
|
||||
max-width: calc(1024px + 20rem); }
|
||||
.single article .titlewrapper h1.single-title,
|
||||
.page article .titlewrapper h1.single-title {
|
||||
background-color: transparent;
|
||||
min-height: unset;
|
||||
top: -5rem;
|
||||
position: relative;
|
||||
padding-right: 10rem;
|
||||
padding-left: 0; } }
|
||||
padding-right: 20rem;
|
||||
padding-left: 0;
|
||||
max-width: calc(1024px + 20rem); } }
|
||||
.single article hr,
|
||||
.page article hr {
|
||||
height: 1px;
|
||||
@@ -1929,21 +1941,28 @@ body.category.category-esemeny main {
|
||||
margin-top: 0 !important; } }
|
||||
.single article hr.content-end,
|
||||
.page article hr.content-end {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem; }
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article hr.content-end,
|
||||
.page article hr.content-end {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem; } }
|
||||
.single article.has-post-thumbnail hr.content-begin,
|
||||
.page article.has-post-thumbnail hr.content-begin {
|
||||
margin-top: calc(25vh + 2rem); }
|
||||
.single article .single-content,
|
||||
.page article .single-content {
|
||||
position: relative;
|
||||
padding: 2rem; }
|
||||
padding: 2rem;
|
||||
/* ---------------------------- images on single ---------------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content,
|
||||
.page article .single-content {
|
||||
top: -5rem;
|
||||
padding-right: 20rem;
|
||||
padding-left: 0;
|
||||
padding-right: 10rem; } }
|
||||
max-width: calc(1024px + 20rem); } }
|
||||
.single article .single-content h2,
|
||||
.page article .single-content h2 {
|
||||
font: 800 3rem "Butler"; }
|
||||
@@ -1998,7 +2017,13 @@ body.category.category-esemeny main {
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .wp-block-image,
|
||||
.page article .single-content .wp-block-image {
|
||||
padding: 2rem 0; } }
|
||||
padding: 0; } }
|
||||
.single article .single-content .wp-block-image:not(.wp-block-image-aligned),
|
||||
.page article .single-content .wp-block-image:not(.wp-block-image-aligned) {
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content; }
|
||||
.single article .single-content .wp-block-image figcaption,
|
||||
.page article .single-content .wp-block-image figcaption {
|
||||
bottom: 0 !important; }
|
||||
@@ -2102,45 +2127,88 @@ body.category.category-esemeny main {
|
||||
.page article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis,
|
||||
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis {
|
||||
display: block; } }
|
||||
.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,
|
||||
.page article .single-content .wp-block-gallery .alignleft,
|
||||
.page article .single-content .wp-block-gallery .alignright,
|
||||
.page article .single-content .wp-block-image .alignleft,
|
||||
.page article .single-content .wp-block-image .alignright {
|
||||
float: unset;
|
||||
margin: 0; }
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper,
|
||||
.single article .single-content .wp-block-image .alignedWrapper,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper,
|
||||
.page article .single-content .wp-block-image .alignedWrapper {
|
||||
position: relative; }
|
||||
@media (min-width: 769px) {
|
||||
.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,
|
||||
.page article .single-content .wp-block-gallery .alignleft,
|
||||
.page article .single-content .wp-block-gallery .alignright,
|
||||
.page article .single-content .wp-block-image .alignleft,
|
||||
.page article .single-content .wp-block-image .alignright {
|
||||
width: 100%; } }
|
||||
.single article .single-content .wp-block-gallery .alignright,
|
||||
.single article .single-content .wp-block-image .alignright,
|
||||
.page article .single-content .wp-block-gallery .alignright,
|
||||
.page article .single-content .wp-block-image .alignright {
|
||||
text-align: right; }
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper,
|
||||
.single article .single-content .wp-block-image .alignedWrapper,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper,
|
||||
.page article .single-content .wp-block-image .alignedWrapper {
|
||||
max-width: 50%;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content; }
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper,
|
||||
.single article .single-content .wp-block-image .alignedWrapper.alignleftWrapper,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper,
|
||||
.page article .single-content .wp-block-image .alignedWrapper.alignleftWrapper {
|
||||
padding-right: 2rem;
|
||||
float: left; }
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper,
|
||||
.single article .single-content .wp-block-image .alignedWrapper.alignrightWrapper,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper,
|
||||
.page article .single-content .wp-block-image .alignedWrapper.alignrightWrapper {
|
||||
padding-left: 2rem;
|
||||
float: right; } }
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper .alignleft,
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper .alignright,
|
||||
.single article .single-content .wp-block-image .alignedWrapper .alignleft,
|
||||
.single article .single-content .wp-block-image .alignedWrapper .alignright,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper .alignleft,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper .alignright,
|
||||
.page article .single-content .wp-block-image .alignedWrapper .alignleft,
|
||||
.page article .single-content .wp-block-image .alignedWrapper .alignright {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
float: unset; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper .alignleft,
|
||||
.single article .single-content .wp-block-gallery .alignedWrapper .alignright,
|
||||
.single article .single-content .wp-block-image .alignedWrapper .alignleft,
|
||||
.single article .single-content .wp-block-image .alignedWrapper .alignright,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper .alignleft,
|
||||
.page article .single-content .wp-block-gallery .alignedWrapper .alignright,
|
||||
.page article .single-content .wp-block-image .alignedWrapper .alignleft,
|
||||
.page article .single-content .wp-block-image .alignedWrapper .alignright {
|
||||
width: auto; } }
|
||||
.single article .single-content .authors,
|
||||
.page article .single-content .authors {
|
||||
font-weight: 500;
|
||||
font-size: 2.4rem;
|
||||
line-height: 1.6; }
|
||||
font: bold 1.4rem "Westeinde Caption";
|
||||
font-size: 2rem;
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px;
|
||||
color: #000;
|
||||
-webkit-text-stroke: 0px; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .authors,
|
||||
.page article .single-content .authors {
|
||||
font: 900 2rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; } }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .authors,
|
||||
.page article .single-content .authors {
|
||||
font-size: 3rem; } }
|
||||
.single article .single-content .authors a,
|
||||
.page article .single-content .authors a {
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
font: bold 1.4rem "Westeinde Caption";
|
||||
font-size: 2rem;
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .authors a,
|
||||
.page article .single-content .authors a {
|
||||
font: 900 2rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; } }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content .authors a,
|
||||
.page article .single-content .authors a {
|
||||
font-size: 3rem; } }
|
||||
.single #cboxOverlay,
|
||||
.page #cboxOverlay {
|
||||
width: 100%;
|
||||
@@ -2153,6 +2221,10 @@ body.category.category-esemeny main {
|
||||
.single #colorbox,
|
||||
.page #colorbox {
|
||||
z-index: 12; }
|
||||
@media (min-width: 769px) {
|
||||
.single #colorbox,
|
||||
.page #colorbox {
|
||||
z-index: 3150; } }
|
||||
.single #colorbox:focus,
|
||||
.page #colorbox:focus {
|
||||
border: none;
|
||||
@@ -2183,6 +2255,13 @@ body.category.category-esemeny main {
|
||||
bottom: -5rem;
|
||||
filter: invert(100);
|
||||
z-index: 14; }
|
||||
@media (min-width: 769px) {
|
||||
.single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext,
|
||||
.page #colorbox #cboxContent button#cboxPrevious,
|
||||
.page #colorbox #cboxContent button#cboxNext {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
z-index: 3200; } }
|
||||
.single #colorbox #cboxContent button#cboxPrevious,
|
||||
.page #colorbox #cboxContent button#cboxPrevious {
|
||||
left: 1rem;
|
||||
@@ -2191,9 +2270,17 @@ body.category.category-esemeny main {
|
||||
-ms-transform: scaleX(-1);
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1); }
|
||||
@media (min-width: 769px) {
|
||||
.single #colorbox #cboxContent button#cboxPrevious,
|
||||
.page #colorbox #cboxContent button#cboxPrevious {
|
||||
left: 4rem; } }
|
||||
.single #colorbox #cboxContent button#cboxNext,
|
||||
.page #colorbox #cboxContent button#cboxNext {
|
||||
right: 1rem; }
|
||||
@media (min-width: 769px) {
|
||||
.single #colorbox #cboxContent button#cboxNext,
|
||||
.page #colorbox #cboxContent button#cboxNext {
|
||||
right: 4rem; } }
|
||||
.single #colorbox #cboxContent button#cboxClose,
|
||||
.page #colorbox #cboxContent button#cboxClose {
|
||||
background-image: url(../img/dis-plus.svg);
|
||||
@@ -2206,6 +2293,12 @@ body.category.category-esemeny main {
|
||||
transform: rotate(45deg);
|
||||
top: -3rem;
|
||||
right: 1rem; }
|
||||
@media (min-width: 769px) {
|
||||
.single #colorbox #cboxContent button#cboxClose,
|
||||
.page #colorbox #cboxContent button#cboxClose {
|
||||
position: fixed;
|
||||
right: 4rem;
|
||||
top: 4rem; } }
|
||||
.single .toHome,
|
||||
.single #related_posts > h3,
|
||||
.page .toHome,
|
||||
@@ -2213,7 +2306,7 @@ body.category.category-esemeny main {
|
||||
padding-bottom: 4rem;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
font: bold 1.4rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single .toHome,
|
||||
.single #related_posts > h3,
|
||||
@@ -2226,7 +2319,7 @@ body.category.category-esemeny main {
|
||||
.single #related_posts > h3 a,
|
||||
.page .toHome a,
|
||||
.page #related_posts > h3 a {
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
font: bold 1.4rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single .toHome a,
|
||||
.single #related_posts > h3 a,
|
||||
@@ -2247,7 +2340,10 @@ body.category.category-esemeny main {
|
||||
position: relative;
|
||||
padding-top: 4rem;
|
||||
top: -5rem;
|
||||
padding-right: 10rem; }
|
||||
margin: 0;
|
||||
padding-right: 20rem;
|
||||
padding-left: 0;
|
||||
max-width: calc(1024px + 20rem); }
|
||||
.single .toHome a,
|
||||
.page .toHome a {
|
||||
margin-bottom: 4rem;
|
||||
@@ -2286,7 +2382,9 @@ body.category.category-esemeny main {
|
||||
margin: 0; }
|
||||
.single #related_posts ul li h2 a,
|
||||
.page #related_posts ul li h2 a {
|
||||
font: 500 2rem "Westeinde Caption"; }
|
||||
display: block;
|
||||
font: 500 2rem "Westeinde Caption";
|
||||
line-height: 1.3; }
|
||||
.single #related_posts ul li .metadata,
|
||||
.page #related_posts ul li .metadata {
|
||||
bottom: 50%;
|
||||
@@ -2311,10 +2409,12 @@ body.category.category-esemeny main {
|
||||
@media (min-width: 769px) {
|
||||
.single #related_posts,
|
||||
.page #related_posts {
|
||||
padding-right: 10rem;
|
||||
top: -5rem;
|
||||
position: relative;
|
||||
padding-top: 2rem; }
|
||||
padding-top: 4rem;
|
||||
padding-right: 20rem;
|
||||
padding-left: 0;
|
||||
max-width: calc(1024px + 20rem); }
|
||||
.single #related_posts > h3,
|
||||
.page #related_posts > h3 {
|
||||
display: block; }
|
||||
@@ -2325,9 +2425,9 @@ body.category.category-esemeny main {
|
||||
flex-wrap: nowrap; }
|
||||
.single #related_posts ul li,
|
||||
.page #related_posts ul li {
|
||||
flex: 1 1 33%;
|
||||
flex: 0 0 calc(100% / 3);
|
||||
height: calc((100vw - 16rem) / 3);
|
||||
max-height: calc(1024px / 3);
|
||||
position: relative; }
|
||||
.single #related_posts ul li .related_thumbnailwrapper,
|
||||
.page #related_posts ul li .related_thumbnailwrapper {
|
||||
@@ -2691,6 +2791,9 @@ body.category.category-esemeny main {
|
||||
-moz-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
|
||||
-webkit-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
|
||||
box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; }
|
||||
.single .tag-be .single-content blockquote p a,
|
||||
.single .tag-be .single-content h3 a {
|
||||
color: #7e7f00; }
|
||||
|
||||
.single .tag-be .single-content a {
|
||||
color: #fdff00; }
|
||||
@@ -2718,6 +2821,9 @@ body.category.category-esemeny main {
|
||||
-moz-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
|
||||
-webkit-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
|
||||
box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; }
|
||||
.single .tag-do .single-content blockquote p a,
|
||||
.single .tag-do .single-content h3 a {
|
||||
color: #1e007f; }
|
||||
|
||||
.single .tag-do .single-content a {
|
||||
color: #3c00ff; }
|
||||
@@ -2745,6 +2851,9 @@ body.category.category-esemeny main {
|
||||
-moz-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
|
||||
-webkit-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
|
||||
box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; }
|
||||
.single .tag-think .single-content blockquote p a,
|
||||
.single .tag-think .single-content h3 a {
|
||||
color: #007f5c; }
|
||||
|
||||
.single .tag-think .single-content a {
|
||||
color: #00ffb8; }
|
||||
@@ -2772,6 +2881,9 @@ body.category.category-esemeny main {
|
||||
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
|
||||
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
|
||||
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; }
|
||||
.single .tag-love .single-content blockquote p a,
|
||||
.single .tag-love .single-content h3 a {
|
||||
color: #7f2f2f; }
|
||||
|
||||
.single .tag-love .single-content a {
|
||||
color: #ff5f5f; }
|
||||
|
||||
Reference in New Issue
Block a user