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 06243ddd3288be846074c3b39a56bca86278d960..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;
 }
@@ -256,7 +268,6 @@ a.hchild:hover,a.hchild:active {
     display: inline-block;
 }
 
-
 .footerchild ul,.footerchild ul ul {
     margin-left: 10px;
     margin-right: 10px;
@@ -282,6 +293,10 @@ a.hchild:hover,a.hchild:active {
     .hdn {
         display: none;
     }
+    .box-container {
+      width: initial;
+      height: initial;
+    }
 }
 
 .footer h2,.footer h3 {
@@ -307,6 +322,7 @@ a.copyright {
     width: auto;
     height: auto;
 }
+
 .copyright a img {
     height: 3vh;
     width: auto;
@@ -318,6 +334,7 @@ a.copyright {
     margin-right: .5em;
     text-align: right;
 }
+
 @media all and (max-width: 500px) {
     .copyright {
         height: 5vh;