started working on single, translations, docs
This commit is contained in:
493
css/base.css
493
css/base.css
@@ -1146,7 +1146,8 @@ object {
|
||||
-ms-transform: skewX(-45deg);
|
||||
-webkit-transform: skewX(-45deg);
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom; }
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata .filler,
|
||||
.home main section .home-wrapper-big.home-wrapper-1 article .metadata .filler {
|
||||
position: relative; }
|
||||
@@ -1299,7 +1300,8 @@ object {
|
||||
-ms-transform: skewX(-45deg);
|
||||
-webkit-transform: skewX(-45deg);
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom; }
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.archive main section .home-wrapper-small article .metadata.vis,
|
||||
.archive main section .home-wrapper-small .archivetitle .metadata.vis,
|
||||
.archive main section .home-wrapper-small .archivedescription .metadata.vis,
|
||||
@@ -1468,7 +1470,8 @@ object {
|
||||
-ms-transform: skewX(-45deg);
|
||||
-webkit-transform: skewX(-45deg);
|
||||
transform: skewX(-45deg);
|
||||
transform-origin: left bottom; }
|
||||
transform-origin: left bottom;
|
||||
border-top: #000 solid 1px; }
|
||||
.archive main section .home-wrapper-small .archivetitle h1,
|
||||
.home main section .home-wrapper-small .archivetitle h1 {
|
||||
font: bold 3rem "Westeinde Caption";
|
||||
@@ -1548,13 +1551,15 @@ body.category.category-esemeny main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 2rem; }
|
||||
body.category.category-esemeny main article .event-metadata .top-row, body.category.category-esemeny main article .event-metadata .bottom-row {
|
||||
body.category.category-esemeny main article .event-metadata .top-row,
|
||||
body.category.category-esemeny main article .event-metadata .bottom-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 50%;
|
||||
flex: 0 0 auto; }
|
||||
body.category.category-esemeny main article .event-metadata .top-row h2, body.category.category-esemeny main article .event-metadata .bottom-row h2 {
|
||||
body.category.category-esemeny main article .event-metadata .top-row h2,
|
||||
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
|
||||
height: unset; }
|
||||
body.category.category-esemeny main article .event-metadata .hr {
|
||||
flex: 0 0 auto;
|
||||
@@ -1565,259 +1570,245 @@ body.category.category-esemeny main {
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* single */
|
||||
/* -------------------------------------------------------------------------- */
|
||||
@media (min-width: 769px) {
|
||||
.single .wrapper {
|
||||
height: unset; }
|
||||
.single .wrapper .header .header-1,
|
||||
.single .wrapper .header .header-2 {
|
||||
background: transparent;
|
||||
border: none; }
|
||||
.single .wrapper .header .header-1 .social-link,
|
||||
.single .wrapper .header .header-1 .search-box,
|
||||
.single .wrapper .header .header-1 .events-link,
|
||||
.single .wrapper .header .header-2 .social-link,
|
||||
.single .wrapper .header .header-2 .search-box,
|
||||
.single .wrapper .header .header-2 .events-link {
|
||||
display: none; } }
|
||||
|
||||
.single article {
|
||||
/* --------------------------- single sub sections -------------------------- */
|
||||
/* ----------------------------- single content ----------------------------- */ }
|
||||
.single {
|
||||
/* ---------------------------- single on mobile ---------------------------- */ }
|
||||
@media (min-width: 769px) {
|
||||
.single article {
|
||||
margin-top: 100vh;
|
||||
margin-left: calc(5rem);
|
||||
background-color: #fff;
|
||||
border-left: #000 solid 1px; } }
|
||||
.single article > * {
|
||||
padding: 2rem;
|
||||
margin: 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article > * {
|
||||
padding: 2rem 5rem; } }
|
||||
.single article .thumbnailwrapper {
|
||||
padding: 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .thumbnailwrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: calc(-5rem);
|
||||
z-index: -1;
|
||||
bottom: 0; } }
|
||||
.single article .thumbnailwrapper img.attachment-post-thumbnail {
|
||||
height: 75vh;
|
||||
width: 100vw;
|
||||
object-fit: cover;
|
||||
.single .wrapper {
|
||||
height: unset;
|
||||
width: 100%; }
|
||||
.single .wrapper .header .header-1,
|
||||
.single .wrapper .header .header-2 {
|
||||
background: transparent;
|
||||
border: none; }
|
||||
.single .wrapper .header .header-1 .social-link,
|
||||
.single .wrapper .header .header-1 .search-box,
|
||||
.single .wrapper .header .header-1 .events-link,
|
||||
.single .wrapper .header .header-2 .social-link,
|
||||
.single .wrapper .header .header-2 .search-box,
|
||||
.single .wrapper .header .header-2 .events-link {
|
||||
display: none; } }
|
||||
.single article {
|
||||
/* ---------------------------- single on desktop --------------------------- */
|
||||
/* ----------------------------- single content ----------------------------- */ }
|
||||
.single article .thumbnailwrapper {
|
||||
padding: 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .thumbnailwrapper img.attachment-post-thumbnail {
|
||||
width: 100%;
|
||||
height: 100%; } }
|
||||
.single article .titlewrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-content: flex-start;
|
||||
padding: 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper {
|
||||
position: relative;
|
||||
height: unset;
|
||||
display: block;
|
||||
width: unset; } }
|
||||
.single article .titlewrapper .metadata {
|
||||
width: calc(100vw - 5rem) !important;
|
||||
bottom: unset !important;
|
||||
height: 5rem;
|
||||
position: relative;
|
||||
align-self: flex-end;
|
||||
.single article .thumbnailwrapper img.attachment-post-thumbnail {
|
||||
height: 75vh;
|
||||
width: 100vw;
|
||||
object-fit: cover;
|
||||
padding: 0; }
|
||||
.single article .titlewrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper .metadata {
|
||||
font: 900 2rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; } }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper .metadata {
|
||||
top: -5rem;
|
||||
background-color: #fff;
|
||||
margin-left: 5rem;
|
||||
padding-left: 0;
|
||||
width: calc(100% - 5rem) !important; }
|
||||
.single article .titlewrapper .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
width: calc(100% - 5rem + 5rem);
|
||||
border-top: #000 1px solid;
|
||||
background-color: white;
|
||||
left: calc(5rem);
|
||||
margin-left: -5rem; }
|
||||
.single article .titlewrapper .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: calc(5rem);
|
||||
height: calc(5rem);
|
||||
top: 0;
|
||||
background-color: white;
|
||||
z-index: 9;
|
||||
left: -5rem;
|
||||
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; } }
|
||||
.single article .titlewrapper .metadata .time-cat {
|
||||
z-index: 10; }
|
||||
.single article .titlewrapper h1 {
|
||||
margin: 0;
|
||||
font: bold 3rem "Butler";
|
||||
color: #000;
|
||||
min-height: 25vh;
|
||||
padding: 2rem;
|
||||
background-color: #fff; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper h1 {
|
||||
font-size: 7rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper h1 {
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-content: flex-start;
|
||||
padding: 0; }
|
||||
.single article .titlewrapper .metadata {
|
||||
width: calc(100vw - 5rem);
|
||||
bottom: unset !important;
|
||||
height: 5rem;
|
||||
position: relative;
|
||||
align-self: flex-end;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font: bold 1rem "Westeinde Caption"; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper .metadata {
|
||||
font: 900 2rem "Westeinde Caption";
|
||||
color: #fff;
|
||||
-webkit-text-stroke: #000 1px; } }
|
||||
.single article .titlewrapper .metadata .time-cat {
|
||||
z-index: 10; }
|
||||
.single article .titlewrapper h1.single-title {
|
||||
margin: 0;
|
||||
font: 800 3rem "Butler";
|
||||
color: #000;
|
||||
min-height: 25vh;
|
||||
padding: 2rem;
|
||||
background-color: #fff; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .titlewrapper h1.single-title {
|
||||
font-size: 5rem; } }
|
||||
@media (min-width: 769px) {
|
||||
.single article {
|
||||
margin-top: 100vh;
|
||||
margin-left: 5rem;
|
||||
background-color: #fff;
|
||||
border-left: #000 solid 1px;
|
||||
padding-left: 5rem;
|
||||
/* ---------------------- title and metadata on desktop --------------------- */ }
|
||||
.single article .thumbnailwrapper {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 10rem;
|
||||
background-color: transparent;
|
||||
z-index: -1; } }
|
||||
.single article .title2 {
|
||||
display: none; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .title2 {
|
||||
display: block;
|
||||
font: bold 3rem "Butler";
|
||||
color: #000; } }
|
||||
@media (min-width: 769px) and (min-width: 769px) {
|
||||
.single article .title2 {
|
||||
font-size: 5rem; } }
|
||||
.single article hr {
|
||||
height: 1px;
|
||||
background-color: #ff5f5f;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
border: none;
|
||||
width: 20%; }
|
||||
.single article hr.content-wrap {
|
||||
width: 40%; }
|
||||
.single article hr.content-begin {
|
||||
margin-top: calc(25vh + 2rem); }
|
||||
z-index: -1;
|
||||
bottom: 0;
|
||||
width: 100%; }
|
||||
.single article .thumbnailwrapper img.attachment-post-thumbnail {
|
||||
object-fit: cover;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.single article .titlewrapper {
|
||||
position: relative;
|
||||
justify-content: flex-start;
|
||||
height: unset; }
|
||||
.single article .titlewrapper .metadata {
|
||||
top: -5rem;
|
||||
width: 100%;
|
||||
padding-left: 0; }
|
||||
.single article .titlewrapper .metadata::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
top: 0;
|
||||
border: none;
|
||||
width: calc(100% - 5rem + 5rem);
|
||||
border-top: #000 1px solid;
|
||||
background-color: white;
|
||||
left: calc(5rem);
|
||||
margin-left: -5rem; }
|
||||
.single article .titlewrapper .metadata::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: calc(5rem);
|
||||
height: calc(5rem);
|
||||
top: 0;
|
||||
background-color: white;
|
||||
z-index: 9;
|
||||
left: -5rem;
|
||||
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; }
|
||||
.single article .titlewrapper h1.single-title {
|
||||
background-color: transparent;
|
||||
min-height: unset;
|
||||
top: -5rem;
|
||||
position: relative; } }
|
||||
.single article .single-content {
|
||||
position: relative;
|
||||
padding: 2rem; }
|
||||
@media (min-width: 769px) {
|
||||
.single article hr.content-begin {
|
||||
margin-top: 0; } }
|
||||
.single article strong {
|
||||
font-weight: 900; }
|
||||
.single article blockquote {
|
||||
font: bold 1.8rem "Butler";
|
||||
color: #000; }
|
||||
.single article blockquote p {
|
||||
background: #ff5f5f;
|
||||
display: inline;
|
||||
padding: 2px 0;
|
||||
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
|
||||
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
|
||||
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
|
||||
.single article .wp-block-image {
|
||||
padding: 2rem 0; }
|
||||
@media (min-width: 769px) {
|
||||
.single article .wp-block-image {
|
||||
padding: 2rem 5rem; } }
|
||||
.single article .wp-block-image figure {
|
||||
position: relative; }
|
||||
.single article .wp-block-image figure figcaption {
|
||||
bottom: 0 !important; }
|
||||
.single article .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 .wp-block-image figcaption,
|
||||
.single article .wp-block-gallery .blocks-gallery-image figcaption,
|
||||
.single article .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; }
|
||||
.single article .wp-block-gallery {
|
||||
padding: 2rem 0; }
|
||||
.single article .wp-block-gallery li {
|
||||
margin-right: 0; }
|
||||
.single article .wp-block-gallery li:nth-child(odd) figcaption::after {
|
||||
content: "";
|
||||
display: block;
|
||||
.single article .single-content {
|
||||
top: -5rem; } }
|
||||
.single article .single-content hr {
|
||||
height: 1px;
|
||||
background-color: #ff5f5f;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
border: none;
|
||||
width: 20%; }
|
||||
.single article .single-content hr.content-wrap {
|
||||
width: 40%; }
|
||||
.single article .single-content hr.content-begin {
|
||||
margin-top: calc(25vh + 2rem); }
|
||||
@media (min-width: 769px) {
|
||||
.single article .single-content hr.content-begin {
|
||||
margin-top: 0; } }
|
||||
.single article .single-content strong {
|
||||
font-weight: 900; }
|
||||
.single article .single-content blockquote {
|
||||
font: bold 1.8rem "Butler";
|
||||
color: #000; }
|
||||
.single article .single-content blockquote p {
|
||||
background: #ff5f5f;
|
||||
display: inline;
|
||||
padding: 2px 0;
|
||||
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
|
||||
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f;
|
||||
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
|
||||
.single article .single-content .wp-block-image {
|
||||
padding: 2rem 0; }
|
||||
@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;
|
||||
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 .wp-block-gallery li:nth-child(even) figcaption {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
.single article .wp-block-gallery li:nth-child(even) figcaption::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 0;
|
||||
height: 0;
|
||||
left: -5rem;
|
||||
bottom: -5rem;
|
||||
border-bottom: 5rem solid transparent;
|
||||
border-left: 5rem solid transparent;
|
||||
border-right: 5rem solid transparent;
|
||||
border-top: 5rem solid #fff;
|
||||
position: absolute;
|
||||
z-index: -1; }
|
||||
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; }
|
||||
.single article .single-content .wp-block-gallery {
|
||||
padding: 2rem 0; }
|
||||
.single article .single-content .wp-block-gallery li {
|
||||
margin-right: 0; }
|
||||
.single article .single-content .wp-block-gallery li:nth-child(odd) 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 li:nth-child(even) figcaption {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
.single article .single-content .wp-block-gallery li:nth-child(even) figcaption::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 0;
|
||||
height: 0;
|
||||
left: -5rem;
|
||||
bottom: -5rem;
|
||||
border-bottom: 5rem solid transparent;
|
||||
border-left: 5rem solid transparent;
|
||||
border-right: 5rem solid transparent;
|
||||
border-top: 5rem solid #fff;
|
||||
position: absolute;
|
||||
z-index: -1; }
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
/* TAG COLORS */
|
||||
|
||||
Reference in New Issue
Block a user