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

working on single and events

Browse Source
This commit is contained in:
infeeeee
2019-08-09 00:38:47 +02:00
parent 5a234f87e1
commit 911688225f
7 changed files with 165 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
css/base.css
View File

@@ -125,7 +125,8 @@ object {
.wrapper .header .header-2 {
display: flex;
flex-direction: row;
align-items: center; }
align-items: center;
line-height: 0; }
@media (min-width: 769px) {
.wrapper .header .header-1,
.wrapper .header .header-2 {
@@ -1178,7 +1179,7 @@ object {
border-top: #000 1px solid;
background-color: transparent;
left: calc(4rem);
margin-left: -0; }
margin-left: calc((0) * -1); }
.archive 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 {
@@ -1190,7 +1191,7 @@ object {
top: 0;
background-color: transparent;
z-index: 9;
left: -0;
left: calc((0) * -1);
border-left: #000 solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
@@ -1227,7 +1228,7 @@ object {
border-top: #000 1px solid;
background-color: transparent;
right: calc(4rem);
margin-right: -0; }
margin-right: calc((0) * -1); }
.archive 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 {
@@ -1239,7 +1240,7 @@ object {
top: 0;
background-color: transparent;
z-index: 9;
right: -0;
right: calc((0) * -1);
border-right: #000 solid 1px;
-moz-transform: skewX(45deg);
-o-transform: skewX(45deg);
@@ -1356,7 +1357,7 @@ object {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
margin-left: -0; }
margin-left: calc((0) * -1); }
.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,
@@ -1374,7 +1375,7 @@ object {
top: 0;
background-color: transparent;
z-index: 9;
left: -0;
left: calc((0) * -1);
border-left: #000 solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
@@ -1584,7 +1585,7 @@ object {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
margin-left: -0; }
margin-left: calc((0) * -1); }
.archive main section .home_wrapper-small .archivetitle::before,
.home main section .home_wrapper-small .archivetitle::before,
.search-results main section .home_wrapper-small .archivetitle::before {
@@ -1596,7 +1597,7 @@ object {
top: 0;
background-color: transparent;
z-index: 9;
left: -0;
left: calc((0) * -1);
border-left: #000 solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
@@ -1710,7 +1711,8 @@ body.category.category-esemeny header {
body.category.category-esemeny main {
padding-top: 9rem; }
body.category.category-esemeny main article {
height: 50vh; }
height: 85vw;
max-height: calc(50vw + 180px); }
body.category.category-esemeny main article .thumbnailwrapper {
height: 50vw; }
body.category.category-esemeny main article .thumbnailwrapper img {
@@ -1719,7 +1721,11 @@ body.category.category-esemeny main {
body.category.category-esemeny main article .event-metadata {
display: flex;
flex-direction: column;
padding: 2rem; }
justify-content: space-between;
align-content: stretch;
padding: 2rem;
height: 35vw;
max-height: 180px; }
body.category.category-esemeny main article .event-metadata .top-row,
body.category.category-esemeny main article .event-metadata .bottom-row {
display: flex;
@@ -1727,9 +1733,48 @@ body.category.category-esemeny main {
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 .top-row {
align-items: center; }
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font: 800 1.8rem "Butler";
color: #000;
color: #00f; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 2.2rem; } }
body.category.category-esemeny main article .event-metadata .top-row a {
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
font-size: 2.8rem; }
body.category.category-esemeny main article .event-metadata .bottom-row {
align-items: flex-end; }
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
height: unset; }
flex: 1 0.9 auto;
height: unset;
padding: 0;
font: 800 1.8rem "Butler";
color: #000; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 2.2rem; } }
body.category.category-esemeny main article .event-metadata .bottom-row .vr {
flex: 0 0 auto;
width: 1px;
height: 100%;
background-color: #000; }
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
flex: 1 1 auto;
font: 800 1.8rem "Butler";
color: #000;
font: 500 1.8rem "Westeinde Caption";
color: #00f;
text-align: right; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 2.2rem; } }
body.category.category-esemeny main article .event-metadata .hr {
flex: 0 0 auto;
height: 1px;
@@ -1883,11 +1928,11 @@ body.category.category-esemeny main {
display: block;
top: 0;
border: none;
width: calc(100% - 5rem + 5rem);
width: calc(100% - 5rem + (5rem + 1px));
border-top: #000 1px solid;
background-color: white;
left: calc(5rem);
margin-left: -5rem; }
margin-left: calc((5rem + 1px) * -1); }
.single article .titlewrapper .metadata::before,
.page article .titlewrapper .metadata::before {
display: block;
@@ -1898,7 +1943,7 @@ body.category.category-esemeny main {
top: 0;
background-color: white;
z-index: 9;
left: -5rem;
left: calc((5rem + 1px) * -1);
border-left: #000 solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
@@ -2464,7 +2509,7 @@ body.category.category-esemeny main {
border-top: #000 1px solid;
background-color: transparent;
left: calc(5rem);
margin-left: -0; }
margin-left: calc((0) * -1); }
.single #related_posts ul li .metadata::before,
.page #related_posts ul li .metadata::before {
display: block;
@@ -2475,7 +2520,7 @@ body.category.category-esemeny main {
top: 0;
background-color: transparent;
z-index: 9;
left: -0;
left: calc((0) * -1);
border-left: #000 solid 1px;
-moz-transform: skewX(-45deg);
-o-transform: skewX(-45deg);