Merge pull request #9 from freenode/design-boxes

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

diff --git a/static/css/source.css b/static/css/source.css
index c924be1f0ae201cb3ce769ebdd9ebb1fe70dd8a3..836f16efd07953e0fd08cb2deec6909b990fea7d 100644 (file)
--- a/static/css/source.css
+++ b/static/css/source.css
@@ -97,7 +97,7 @@ a {
     text-align: center;
     margin: .5em;
     font-size: 32px;
-    line-height: 48px;
+    line-height: 68px;
 }
 
 .box-container {
@@ -105,6 +105,10 @@ a {
     flex-wrap: wrap;
     justify-content: space-around;
     align-items: stretch;
+    padding: 20px;
+    padding-top: 0;
+    width: 50vw;
+    margin: 0 auto;
 }
 
 .box {
@@ -118,10 +122,15 @@ a {
     border-radius: var(--box-round);
     -webkit-border-radius: var(--box-round);
     -moz-border-radius: var(--box-round);
+    transition: background-color .125s ease;
+    -webkit-transition: background-color .125s ease;
+    -moz-transition: background-color .125s ease;
+    height: 15vh;
 }
 
 .box:hover,.box:active {
     background-color: var(--box-hover-color);
+
 }
 
 .fa-users {
@@ -132,6 +141,9 @@ a {
     margin-bottom: 5px;
 }
 
+.fa-4x {
+    margin: 10px 0;
+    }
 .title {
     text-align: center;
 }
@@ -281,6 +293,10 @@ a.hchild:hover,a.hchild:active {
     .hdn {
         display: none;
     }
+    .box-container {
+      width: initial;
+      height: initial;
+    }
 }
 
 .footer h2,.footer h3 {