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

events page

Browse Source
This commit is contained in:
infeeeee
2019-08-10 01:05:05 +02:00
parent 911688225f
commit eb6fdf9388
7 changed files with 291 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

222
css/base.css
View File

@@ -917,7 +917,7 @@ object {
/* --------------------------- home article mobile/default -------------------------- */
/* ------------------------ home article desktop big ------------------------ */
/* ------------------------------------ - ----------------------------------- */
/* ----------------------- articles desktop small ----------------------- */ }
/* ----------------------- home articles desktop small ----------------------- */ }
@media (min-width: 769px) {
.archive main section,
.home main section,
@@ -1705,81 +1705,159 @@ object {
/* -------------------------------------------------------------------------- */
/* Events */
/* -------------------------------------------------------------------------- */
body.category.category-esemeny header {
background-color: #000; }
body.category.category-esemeny main {
padding-top: 9rem; }
body.category.category-esemeny main article {
height: 85vw;
max-height: calc(50vw + 180px); }
body.category.category-esemeny main article .thumbnailwrapper {
height: 50vw; }
body.category.category-esemeny main article .thumbnailwrapper img {
width: 100%;
height: 100%; }
body.category.category-esemeny main article .event-metadata {
display: flex;
flex-direction: column;
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 {
body.category.category-esemeny {
/* ---------------------------- Events on desktop --------------------------- */ }
body.category.category-esemeny header {
background-color: #000; }
body.category.category-esemeny main {
padding-top: 9rem; }
body.category.category-esemeny main article {
height: 85vw;
max-height: calc(50vw + 180px); }
body.category.category-esemeny main article .thumbnailwrapper {
height: 50vw; }
body.category.category-esemeny main article .thumbnailwrapper img {
width: 100%;
height: 100%; }
body.category.category-esemeny main article .event-metadata {
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: space-between;
height: 50%;
flex: 0 0 auto; }
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 {
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 {
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;
flex-direction: row;
justify-content: space-between;
height: 50%;
flex: 0 0 auto; }
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; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 3rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 3.2rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 4.5rem; } }
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: normal 2.8rem "Westeinde Caption";
color: #000; }
@media (min-width: 512px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 3rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 4rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 5rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .top-row a {
font-size: 7rem; } }
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 {
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; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 3rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 3.2rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 4.5rem; } }
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; } }
@media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3rem; } }
@media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3.2rem; } }
@media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 4.5rem; } }
body.category.category-esemeny main article .event-metadata .hr {
flex: 0 0 auto;
width: 1px;
height: 100%;
height: 1px;
width: 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;
width: 100%;
background-color: #000; }
@media (min-width: 769px) {
body.category.category-esemeny main {
padding-top: 0; }
body.category.category-esemeny main section {
height: 100%;
padding-left: 10rem;
display: flex;
flex-direction: row; }
body.category.category-esemeny main section article {
width: calc(50vw - 10rem);
height: calc(50vw - 10rem);
max-width: calc(100vh - 5rem);
max-height: calc(100vh - 5rem);
min-width: 80vh;
min-height: 80vh;
margin: auto 10rem auto 0;
display: flex;
flex-direction: column;
justify-content: space-between; }
body.category.category-esemeny main section article .thumbnailwrapper {
height: unset;
flex: 0 0 auto; }
body.category.category-esemeny main section article .event-metadata {
height: unset;
max-height: 25rem;
flex: 1 1 auto;
padding: 0; } }
@media (min-width: 769px) and (min-width: 1919px) {
body.category.category-esemeny main section article .event-metadata {
max-height: 35rem; } }
@media (min-width: 769px) {
body.category.category-esemeny main section article .event-metadata .bottom-row h2 {
padding-bottom: 2rem; }
body.category.category-esemeny main section article .event-metadata .bottom-row .vr {
margin: 0 2rem; }
body.category.category-esemeny main section article .event-metadata .bottom-row .text-link {
padding-bottom: 2rem; } }
/* -------------------------------------------------------------------------- */
/* single */