X-Git-Url: https://jfr.im/git/irc/freenode/web-7.0.git/blobdiff_plain/fd277af595e372f08418288be46c801703426f8b..9ca1124b538deb366453c442e6ef7e6876cbdbd5:/static/css/style.css

diff --git a/static/css/style.css b/static/css/style.css
index 3582c9939..181081a5f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,7 +1,7 @@
 /* vars */
 :root {
     --navbar-bg: #292f2f;
-    --jumbotron-bg: #294848;
+    --jumbotron-bg: #3a4346;
     --copyright-bg: #292f2f;
     --link-color: 66,139,202;
     --footer-link-color: #ddd;
@@ -102,16 +102,22 @@ a.nav-light {
 .main h1,
 .main h2,
 .main h3,
-.main p + p {
+.main li,
+.main p + p,
+.main ul + p {
     margin-top: .5em;
 }
 
+.main ul {
+    padding-left: 2em;
+    list-style-type: disc;
+}
+
 /* jumbotron */
 .jumbotron {
     position: relative;
     width: 100%;
     margin-top: -16px;
-    background: #000;
     background: var(--jumbotron-bg);
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
     color: var(--jumbotron-text-color);
@@ -189,14 +195,23 @@ h1 {
 div.art {
     clear: right;
     min-height: 2em;
+    flex-grow: 1;
 }
 
 div.artlist {
-    
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: stretch;
+    margin-top: .5em;
 }
 
-div.artlist:first-child {
-    margin-top: .5em;
+@media all and (min-width: 800px) {
+    div.artlist {
+        max-width: 50%;
+        margin-right: auto;
+        margin-left: auto;
+    }
 }
 
 div.art:not(:first-child) {
@@ -231,12 +246,6 @@ p.art-link {
     margin-top: 0;
 }
 
-/* Article */
-.art-full h1,
-.art-full h2,
-.art-full h3,
-.art-full h4 {}
-
 /* help */
 .hmain {
     display: flex;