Merge pull request #22 from freenode/theme-3

[irc/freenode/web-7.0.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index 3582c9939d2c266d29c64ec4bfa3303e530960a2..181081a5f7873018a92fa4e10ed5b04686a5bce2 100644 (file)
--- 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;