formatting

themes/lumbung-theme/static/css/main.css

@@ -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,7 +96,6 @@ body {
     transform: rotate(2deg);
 }
 
-
 .video.box {
     margin-top: 3em;
 }
@@ -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;
@@ -261,7 +256,6 @@ body {
     padding: 0.5em 1.2em 0.5em 1.2em;
 }
 
-
 .p-summary.truncated.image {
     display: flex;
     flex-direction: row-reverse;
@@ -284,7 +278,6 @@ body {
     /*    height: 100%;
   object-fit: cover;
   max-width: 100%;*/
-  
 }
 
 .summary-image>a {
@@ -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;
@@ -350,7 +343,6 @@ footer.post-footer {
 }
 
 .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 {
     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 {
     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,6 +513,7 @@ div.network-source {
     flex-flow: row-reverse;
     border-bottom: 2px solid cornflowerblue;
 }
+
 .start-scroller marquee {
     font-size: 0.8rem;
     padding-top: 0.2em;
@@ -542,6 +537,7 @@ div.network-source {
     display: inherit;
 }
 
+
 /* Card metadata (video & calendar) */
 
 .metadata {
@@ -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 {