forked from ruangrupa/lumbung.space
formatting
This commit is contained in:
parent
2a44f64777
commit
28c59acb34
@ -36,21 +36,19 @@
|
||||
|
||||
:root {
|
||||
--border-color: tomato;
|
||||
|
||||
--tv-dark: #237D0F;
|
||||
--tv-light: #E2FAD7;
|
||||
|
||||
--pen-dark: #E0005C;
|
||||
--pen-light: #FEDAE9;
|
||||
|
||||
--social-light: #C2E4F2;
|
||||
--social-dark: #0163A4;
|
||||
|
||||
--gallery-light: #FCF4B9;
|
||||
--gallery-dark: #846A00;
|
||||
}
|
||||
|
||||
|
||||
/*Main Stuff*/
|
||||
|
||||
body {
|
||||
font-size: 21px;
|
||||
font-family: Gudea;
|
||||
@ -75,7 +73,6 @@ body {
|
||||
flex: auto;
|
||||
margin: 0 3em 3em 0;
|
||||
align-self: start;
|
||||
|
||||
}
|
||||
|
||||
.card {
|
||||
@ -87,7 +84,6 @@ body {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
|
||||
.card:nth-child(even) {
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
@ -100,16 +96,15 @@ body {
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
|
||||
|
||||
.video.box {
|
||||
margin-top:3em;
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.bar {
|
||||
border: 2px solid var(--border-color);
|
||||
box-shadow: 0.6em 0.6em 0 #d2d1c8;
|
||||
margin-bottom: 2em;
|
||||
margin-top:3em;
|
||||
margin-top: 3em;
|
||||
display: inline-block;
|
||||
background-color: #fff09d;
|
||||
}
|
||||
@ -118,7 +113,6 @@ body {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.entries {
|
||||
@ -135,8 +129,9 @@ body {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
|
||||
.home-link { text-decoration: none; }
|
||||
.home-link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 283px;
|
||||
@ -220,6 +215,7 @@ body {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
/*Article Summary Cards*/
|
||||
|
||||
.h-entry header {
|
||||
@ -244,7 +240,6 @@ body {
|
||||
color: var(--border-color);
|
||||
}
|
||||
|
||||
|
||||
.h-entry header .header-metadata {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
@ -252,7 +247,7 @@ body {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.header-metadata .dt-published{
|
||||
.header-metadata .dt-published {
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
}
|
||||
|
||||
@ -261,7 +256,6 @@ body {
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
}
|
||||
|
||||
|
||||
.p-summary.truncated.image {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
@ -280,14 +274,13 @@ body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.summary-image > img {
|
||||
.summary-image>img {
|
||||
/* height: 100%;
|
||||
object-fit: cover;
|
||||
max-width: 100%;*/
|
||||
|
||||
}
|
||||
|
||||
.summary-image > a {
|
||||
.summary-image>a {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -296,7 +289,7 @@ footer.post-footer {
|
||||
flex-flow: row-reverse;
|
||||
}
|
||||
|
||||
.footer-filler{
|
||||
.footer-filler {
|
||||
border-top: 2px solid var(--border-color);
|
||||
flex-grow: 1;
|
||||
}
|
||||
@ -309,11 +302,11 @@ footer.post-footer {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
|
||||
/* network cards */
|
||||
|
||||
.card.network {
|
||||
border: 2px solid darkcyan;
|
||||
|
||||
background-color: lightgreen;
|
||||
max-width: min-content;
|
||||
margin-bottom: 2em;
|
||||
@ -349,8 +342,7 @@ footer.post-footer {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.network .header-metadata .dt-published{
|
||||
|
||||
.network .header-metadata .dt-published {
|
||||
border-bottom: 2px solid darkcyan;
|
||||
}
|
||||
|
||||
@ -370,21 +362,24 @@ footer.post-footer {
|
||||
.network .p-summary.portrait {
|
||||
flex-direction: row;
|
||||
}
|
||||
.network .p-summary.landscape{
|
||||
|
||||
.network .p-summary.landscape {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.network .summary-image.portrait {
|
||||
border-right: 2px solid darkcyan;
|
||||
}
|
||||
|
||||
.network .summary-image.landscape {
|
||||
border-bottom: 2px solid darkcyan;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
|
||||
.network .summary-image > img {
|
||||
.network .summary-image>img {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.network .summary-text {
|
||||
font-size: 18px;
|
||||
}
|
||||
@ -423,12 +418,12 @@ div.network-source {
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
}
|
||||
|
||||
|
||||
/* shouts cards */
|
||||
|
||||
.card.shout {
|
||||
border-color: steelblue;
|
||||
border: 2px solid;
|
||||
|
||||
background-color: aliceblue;
|
||||
max-width: min-content;
|
||||
margin-bottom: 2em;
|
||||
@ -443,9 +438,7 @@ div.network-source {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.card
|
||||
|
||||
.card.shout h2 a:hover {
|
||||
.card .card.shout h2 a:hover {
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -455,6 +448,7 @@ div.network-source {
|
||||
color: var(--social-dark);
|
||||
}
|
||||
|
||||
|
||||
/* calendar cards */
|
||||
|
||||
.card.calendar {
|
||||
@ -519,7 +513,8 @@ div.network-source {
|
||||
flex-flow: row-reverse;
|
||||
border-bottom: 2px solid cornflowerblue;
|
||||
}
|
||||
.start-scroller marquee{
|
||||
|
||||
.start-scroller marquee {
|
||||
font-size: 0.8rem;
|
||||
padding-top: 0.2em;
|
||||
padding-bottom: 0.2em;
|
||||
@ -529,7 +524,7 @@ div.network-source {
|
||||
border-top: 2px solid cornflowerblue;
|
||||
}
|
||||
|
||||
.calendar-image-holder{
|
||||
.calendar-image-holder {
|
||||
border-bottom: 2px solid cornflowerblue;
|
||||
}
|
||||
|
||||
@ -537,11 +532,12 @@ div.network-source {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.calendar-image{
|
||||
.calendar-image {
|
||||
max-width: 100%;
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
|
||||
/* Card metadata (video & calendar) */
|
||||
|
||||
.metadata {
|
||||
@ -551,18 +547,18 @@ div.network-source {
|
||||
}
|
||||
|
||||
.description p:first-of-type {
|
||||
margin:0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.description ul:first-of-type {
|
||||
margin:0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input + label +.calendar-location+.description{
|
||||
input+label+.calendar-location+.description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked + label +.calendar-location+.description {
|
||||
input:checked+label+.calendar-location+.description {
|
||||
display: block;
|
||||
transition: ease .5s;
|
||||
}
|
||||
@ -592,6 +588,7 @@ label:hover {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* Paginator */
|
||||
|
||||
nav.pagination {
|
||||
@ -603,8 +600,10 @@ nav.pagination {
|
||||
|
||||
ul.pagination {
|
||||
display: flex;
|
||||
justify-content: space-evenly; /* align horizontal */
|
||||
align-items: center; /* align vertical */
|
||||
justify-content: space-evenly;
|
||||
/* align horizontal */
|
||||
align-items: center;
|
||||
/* align vertical */
|
||||
}
|
||||
|
||||
.page-item {
|
||||
@ -632,6 +631,7 @@ li.page-item.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
li.page-item:nth-child(even) {
|
||||
transform: rotate(-1deg);
|
||||
@ -672,7 +672,6 @@ li.page-item:nth-last-child(2)::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
li.page-item a {
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -721,6 +720,7 @@ footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
/* mobile styles */
|
||||
|
||||
@media (max-width: 480px) {
|
||||
@ -761,10 +761,14 @@ footer a:hover {
|
||||
width: 0;
|
||||
z-index: 2;
|
||||
transition: 0.2s all ease-in-out;
|
||||
padding-top: 120px; }
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
.drawer * {
|
||||
display: none;
|
||||
opacity: 0; }
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#top-menu .drawer ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -773,20 +777,27 @@ footer a:hover {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.drawer ul li {
|
||||
padding: 1em 0;
|
||||
border-bottom: 1px solid #333; }
|
||||
/* border-bottom: 1px solid #333; */
|
||||
}
|
||||
|
||||
.drawer ul li a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
text-transform: lowercase;
|
||||
margin-left: 1em; }
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.drawer.opened {
|
||||
width: 80%; }
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.drawer.opened * {
|
||||
display: block;
|
||||
opacity: 1; }
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* card styles */
|
||||
.h-entry img {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user