Fixed padding

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

diff --git a/static/css/style.css b/static/css/style.css
index b9bbca26f9473008ba72212d7b022f7b34d2b50d..d8750c007a3b292dfca98a31ab957abeb9351ff0 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;
@@ -95,23 +95,29 @@ a.nav-light {
 }
 
 .main {
-    margin: 0 .5em;
-    margin-top: 1em;
+    margin: 0 .75em;
+    margin-top: .75em;
 }
 
 .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);
@@ -147,22 +153,18 @@ a.nav-light {
     -moz-border-radius: var(--box-round);
 }
 
-.box span {
-    display: block;
-}
-
 .box:hover,.box:active {
     background-color: var(--box-hover-color);
 }
 
 .box div{
-    font-size: 28px;
-    line-height: 28px;
-    padding-left: 8px;
-    font-weight: 700;
     position: relative;
-    display: inline;
-    top: -10px;
+    top: initial;
+    font-size: 20px;
+    font-weight: normal;
+    line-height: 16px;
+    padding: 10px 0;
+    display: block;
 }
 
 .fa-users {
@@ -173,10 +175,6 @@ a.nav-light {
     margin-bottom: 5px;
 }
 
-.fa-4x {
-    padding-left: 8px;
-}
-
 .title {
     text-align: center;
 }
@@ -200,6 +198,14 @@ div.artlist {
     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) {
     border-top: 1px solid var(--border-color);
 }
@@ -232,12 +238,6 @@ p.art-link {
     margin-top: 0;
 }
 
-/* Article */
-.art-full h1,
-.art-full h2,
-.art-full h3,
-.art-full h4 {}
-
 /* help */
 .hmain {
     display: flex;
@@ -370,6 +370,9 @@ a.hchild:hover,a.hchild:active {
     .fa-4x {
         padding: 0;
         margin: 0;
+        width: 60px;
+        text-align: center;
+        font-size: 28px;
     }
 
     .box-container {
@@ -378,14 +381,22 @@ a.hchild:hover,a.hchild:active {
     }
 
     .box div {
+        font-size: 22px;
+        line-height: 22px;
+        padding-left: 8px;
+        font-weight: 700;
         position: relative;
-        top: initial;
-        font-size: 16px;
-        font-weight: normal;
-        line-height: 16px;
-        padding: 10px 0;
-        display: block;
+        display: inline;
+        text-align: center;
+
     }
+
+    .box {
+        text-align: left;
+        border-radius: calc(var(--box-round) / 2);
+        margin: 5px 0;
+    }
+
 }
 
 .footer h2,.footer h3 {