r
/
lumbung.space
forked from ruangrupa/lumbung.space
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

minor formatting

This commit is contained in:
Aadil Ayub 2022-01-01 13:08:59 +05:00
parent c15948115a
commit 3a64678ea0
1 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
themes/lumbung-theme/static/css/main.css
View File

@ -56,7 +56,7 @@ a {
margin-bottom: 0; margin-bottom: 0;
} }
.card{ .card {
border: 2px solid var(--border-color); border: 2px solid var(--border-color);
box-shadow:1em 1em 0 #d2d1c8; box-shadow:1em 1em 0 #d2d1c8;
background-color: #fff09d; background-color: #fff09d;
@ -68,7 +68,7 @@ a {
} }
.card{ .card {
background-color: peachpuff; background-color: peachpuff;
} }
@ -78,24 +78,24 @@ a {
} }
.card:nth-child(even){ .card:nth-child(even) {
transform: rotate(-1deg); transform: rotate(-1deg);
} }
.card:nth-child(odd){ .card:nth-child(odd) {
transform: rotate(1deg); transform: rotate(1deg);
} }
.card:nth-child(5){ .card:nth-child(5) {
transform: rotate(2deg); transform: rotate(2deg);
} }
.video.box{ .video.box {
margin-top:3em; margin-top:3em;
} }
.bar{ .bar {
border: 2px solid var(--border-color); border: 2px solid var(--border-color);
box-shadow: 0.6em 0.6em 0 #d2d1c8; box-shadow: 0.6em 0.6em 0 #d2d1c8;
margin-bottom: 2em; margin-bottom: 2em;
@ -104,21 +104,21 @@ a {
background-color: #fff09d; background-color: #fff09d;
} }
.h-feed{ .h-feed {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
width: 100%; width: 100%;
} }
.entries{ .entries {
padding-top: 10%; padding-top: 10%;
} }
/* base header & menu */ /* base header & menu */
#top-menu{ #top-menu {
position: fixed; position: fixed;
left: 5%; left: 5%;
transform: translate(-50%); transform: translate(-50%);
@ -175,7 +175,7 @@ a {
justify-content: space-between; justify-content: space-between;
} }
.h-entry header h2{ .h-entry header h2 {
padding: 0.2em; padding: 0.2em;
margin: 0; margin: 0;
padding-right: 0.3em; padding-right: 0.3em;
@ -184,7 +184,7 @@ a {
flex-grow: 1; flex-grow: 1;
} }
.h-entry header h2:hover{ .h-entry header h2:hover {
box-shadow: inset 4px 4px 0px tomato; box-shadow: inset 4px 4px 0px tomato;
cursor: pointer; cursor: pointer;
} }
@ -195,7 +195,7 @@ a {
} }
.h-entry header .header-metadata{ .h-entry header .header-metadata {
margin: 0; margin: 0;
display: flex; display: flex;
flex-flow: column wrap; flex-flow: column wrap;
@ -241,7 +241,7 @@ a {
display: flex; display: flex;
} }
.summary-image{ .summary-image {
border-right: 2px solid var(--border-color); border-right: 2px solid var(--border-color);
} }
@ -254,6 +254,7 @@ footer.post-footer {
border-top: 2px solid var(--border-color); border-top: 2px solid var(--border-color);
flex-grow: 1; flex-grow: 1;
} }
.read-more { .read-more {
border-top: 2px solid var(--border-color); border-top: 2px solid var(--border-color);
border-left: 2px solid var(--border-color); border-left: 2px solid var(--border-color);
@ -264,8 +265,7 @@ footer.post-footer {
/* network cards */ /* network cards */
.card.network{ .card.network {
border: 2px solid darkcyan; border: 2px solid darkcyan;
box-shadow:1em 1em 0 #d2d1c8; box-shadow:1em 1em 0 #d2d1c8;
background-color: lightgreen; background-color: lightgreen;
@ -283,13 +283,13 @@ footer.post-footer {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.h-entry.network header h2{ .h-entry.network header h2 {
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
margin: 0; margin: 0;
border: none; border: none;
} }
.h-entry.network header h2:hover{ .h-entry.network header h2:hover {
box-shadow: inset 4px 4px 0px darkcyan; box-shadow: inset 4px 4px 0px darkcyan;
cursor: pointer; cursor: pointer;
} }
@ -343,7 +343,7 @@ footer.post-footer {
font-size: 18px; font-size: 18px;
} }
div.network-source{ div.network-source {
padding: 0.5em 1em 0.5em 1em; padding: 0.5em 1em 0.5em 1em;
border-bottom: 2px solid darkcyan; border-bottom: 2px solid darkcyan;
font-size: 14px; font-size: 14px;
@ -356,12 +356,12 @@ div.network-source{
color: darkcyan; color: darkcyan;
} }
.network .footer-filler{ .network .footer-filler {
border-left: 2px solid darkcyan; border-left: 2px solid darkcyan;
border-top: none; border-top: none;
} }
.network footer.post-footer{ .network footer.post-footer {
border-top: 2px solid darkcyan; border-top: 2px solid darkcyan;
flex-flow: row; flex-flow: row;
font-size: 0.9rem; font-size: 0.9rem;
@ -379,7 +379,7 @@ div.network-source{
/* shouts cards */ /* shouts cards */
.card.shout{ .card.shout {
border-color: steelblue; border-color: steelblue;
border: 2px solid; border: 2px solid;
box-shadow:1em 1em 0 #d2d1c8; box-shadow:1em 1em 0 #d2d1c8;
@ -420,13 +420,13 @@ div.network-source{
border-bottom: 2px solid cornflowerblue; border-bottom: 2px solid cornflowerblue;
} }
.h-event.calendar header h2{ .h-event.calendar header h2 {
padding: 0.2em 0.5em 0.2em 0.5em; padding: 0.2em 0.5em 0.2em 0.5em;
margin: 0; margin: 0;
border-right: none; border-right: none;
} }
.h-event.calendar header h2:hover{ .h-event.calendar header h2:hover {
box-shadow: inset 4px 4px 0px royalblue; box-shadow: inset 4px 4px 0px royalblue;
cursor: pointer; cursor: pointer;
} }
@ -440,14 +440,14 @@ div.network-source{
min-width: 10%; min-width: 10%;
} }
.calendar-location{ .calendar-location {
font-size: 0.8rem; font-size: 0.8rem;
min-width: 20%; min-width: 20%;
padding: 0.5em 0.9em 0.5em 0.9em; padding: 0.5em 0.9em 0.5em 0.9em;
border-left: 2px solid cornflowerblue; border-left: 2px solid cornflowerblue;
} }
.calendar-duration{ .calendar-duration {
font-size: 0.8rem; font-size: 0.8rem;
border-right: 2px solid cornflowerblue; border-right: 2px solid cornflowerblue;
padding: 0.5em 0.9em 0.5em 0.9em; padding: 0.5em 0.9em 0.5em 0.9em;
@ -520,7 +520,7 @@ label:hover {
box-shadow: inset 2px 2px 0px #95948c; box-shadow: inset 2px 2px 0px #95948c;
} }
.description{ .description {
padding: 0.5em 0.7em 0.7em 0.5em; padding: 0.5em 0.7em 0.7em 0.5em;
overflow: hidden; overflow: hidden;
flex-basis: 100%; flex-basis: 100%;
@ -534,20 +534,20 @@ label:hover {
/* Paginator */ /* Paginator */
nav.pagination{ nav.pagination {
width: 60%; width: 60%;
margin: auto; margin: auto;
margin-top: 2em; margin-top: 2em;
margin-bottom: 2em; margin-bottom: 2em;
} }
ul.pagination{ ul.pagination {
display: flex; display: flex;
justify-content: space-evenly; /* align horizontal */ justify-content: space-evenly; /* align horizontal */
align-items: center; /* align vertical */ align-items: center; /* align vertical */
} }
.page-item{ .page-item {
display: block; display: block;
text-align: center; text-align: center;
font-size: 38px; font-size: 38px;
@ -556,34 +556,34 @@ ul.pagination{
} }
li.page-item{ li.page-item {
background-color: lightblue; background-color: lightblue;
padding: 0.4em; padding: 0.4em;
} }
li.page-item.active{ li.page-item.active {
background-color: peachpuff; background-color: peachpuff;
border: 2px solid tomato; border: 2px solid tomato;
padding: 0.4em; padding: 0.4em;
} }
li.page-item.disabled{ li.page-item.disabled {
display: none; display: none;
} }
li.page-item:nth-child(even){ li.page-item:nth-child(even) {
transform: rotate(-1deg); transform: rotate(-1deg);
} }
li.page-item:nth-child(odd){ li.page-item:nth-child(odd) {
transform: rotate(1deg); transform: rotate(1deg);
} }
li.page-item:nth-child(5){ li.page-item:nth-child(5) {
transform: rotate(2deg); transform: rotate(2deg);
} }
li.page-item:nth-child(8){ li.page-item:nth-child(8) {
transform: rotate(-3deg); transform: rotate(-3deg);
} }