working on startpage and single

This commit is contained in:
2019-07-10 18:24:34 +02:00
parent 67661ed767
commit d1dbc518e3
11 changed files with 182 additions and 121 deletions

View File

@@ -197,11 +197,6 @@ object {
flex: 0 0 5rem !important; } }
.wrapper .header .logo object {
height: 5rem; }
.wrapper .header .events-link {
display: none; }
@media (min-width: 769px) {
.wrapper .header .events-link {
display: block; } }
.wrapper .header .menubutton {
order: 99;
z-index: 3001; }
@@ -223,12 +218,12 @@ object {
@media (min-width: 769px) {
.wrapper .header .menubutton {
order: unset; } }
.wrapper .header .social-link {
.wrapper .header .social-link, .wrapper .header .events-link {
margin: 0 2rem 0 0; }
.wrapper .header .social-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 .social-link, .wrapper .header .events-link {
margin: 0; } }
.wrapper .header .search-box {
display: none; }
@@ -319,24 +314,24 @@ object {
flex: 1 1 50%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-wrap: nowrap;
height: 100%;
justify-content: space-evenly; } }
.wrapper .header #sidebar .sidebar-wrapper li {
display: block;
padding-top: 2rem; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper li {
padding: 3rem 0; } }
.wrapper .header #sidebar .sidebar-wrapper li a {
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px; }
.wrapper .header #sidebar .sidebar-wrapper li a:hover {
color: #fff; }
.wrapper .header #sidebar .sidebar-wrapper ul li {
display: block;
padding-top: 2rem; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper li a {
font-size: 2.5rem; } }
.wrapper .header #sidebar .sidebar-wrapper ul li {
padding: 2rem 0; } }
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font: 900 4rem "Westeinde Caption";
color: #000;
-webkit-text-stroke: #fff 1px; }
.wrapper .header #sidebar .sidebar-wrapper ul li a:hover {
color: #fff; }
@media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper ul li a {
font-size: 2.5rem; } }
.wrapper .header #tag-nav {
display: none;
position: fixed;
@@ -1370,8 +1365,7 @@ object {
.home main section .home-wrapper-small .archivedescription h2,
.home main section .home-wrapper-small .archivedescription h2 a {
font-size: 1.5rem;
-webkit-text-stroke: #000 1px;
color: transparent; } }
color: #000; } }
@media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small article h2,
.archive main section .home-wrapper-small article h2 a,
@@ -1430,6 +1424,9 @@ object {
.home main section .home-wrapper-small .archivedescription h2 a {
width: calc(100% - 10rem); } }
@media (min-width: 769px) {
.archive main section .home-wrapper-small article,
.home main section .home-wrapper-small article {
cursor: pointer; }
.archive main section .home-wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivetitle {
margin: 0 auto;
@@ -1664,7 +1661,8 @@ body.category.category-esemeny main {
.single article .titlewrapper .metadata {
top: -5rem;
width: 100%;
padding-left: 0; }
padding-left: 0;
padding-right: 10rem; }
.single article .titlewrapper .metadata::after {
position: absolute;
content: "";
@@ -1698,13 +1696,22 @@ body.category.category-esemeny main {
background-color: transparent;
min-height: unset;
top: -5rem;
position: relative; } }
position: relative;
padding-right: 10rem;
padding-left: 0; } }
.single article .single-content {
position: relative;
padding: 2rem; }
@media (min-width: 769px) {
.single article .single-content {
top: -5rem; } }
top: -5rem;
padding-left: 0;
padding-right: 10rem; } }
.single article .single-content h4 {
font-weight: 500;
font-size: 2rem; }
.single article .single-content a:hover {
text-decoration: underline; }
.single article .single-content hr {
height: 1px;
background-color: #ff5f5f;
@@ -1722,15 +1729,16 @@ body.category.category-esemeny main {
.single article .single-content strong {
font-weight: 900; }
.single article .single-content blockquote {
font: bold 1.8rem "Butler";
color: #000; }
font: 800 2rem "Butler";
color: #000;
margin: 3rem 0; }
.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; }
padding: 3px 0; }
.single article .single-content blockquote cite {
position: relative;
font-size: 80%;
top: 2rem; }
.single article .single-content .wp-block-image {
padding: 2rem 0; }
@media (min-width: 769px) {
@@ -2106,6 +2114,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #fdff00 1px !important; } }
.single .tag-be .single-content a {
color: #fdff00; }
@media (min-width: 769px) {
.single .tag-do .metadata {
color: #fff !important;
@@ -2116,6 +2127,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #3c00ff 1px !important; } }
.single .tag-do .single-content a {
color: #3c00ff; }
@media (min-width: 769px) {
.single .tag-think .metadata {
color: #fff !important;
@@ -2126,6 +2140,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #00ffb8 1px !important; } }
.single .tag-think .single-content a {
color: #00ffb8; }
@media (min-width: 769px) {
.single .tag-love .metadata {
color: #fff !important;
@@ -2136,6 +2153,9 @@ body.category.category-esemeny main {
color: #fff !important;
-webkit-text-stroke: #ff5f5f 1px !important; } }
.single .tag-love .single-content a {
color: #ff5f5f; }
body.hover-tag-be,
.header-1.hover-tag-be,
.header-2.hover-tag-be {