Merge pull request #9 from freenode/design-boxes

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

diff --git a/static/css/style.css b/static/css/style.css
index f419220b4ae04a83f2644f2bbf79afa7fc163290..df7fc4c33158db000513d4283d339ad596641860 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -125,10 +125,11 @@ a {
 }
 
 .box {
-  text-align: center;
+  text-align: left;
   text-decoration: none;
   color: #333;
   margin-bottom: 5px;
+  padding: 5px;
   -webkit-flex-basis: 30%;
   -ms-flex-preferred-size: 30%;
   flex-basis: 30%;
@@ -140,7 +141,17 @@ a {
 
 .box:hover,
 .box:active {
-  background-color: #eee;
+  background-color: #ddd;
+}
+
+.box div {
+  font-size: 28px;
+  line-height: 28px;
+  padding-left: 8px;
+  font-weight: 700;
+  position: relative;
+  display: inline;
+  top: -10px;
 }
 
 .fa-users {
@@ -152,6 +163,10 @@ a {
   margin-bottom: 5px;
 }
 
+.fa-4x {
+  padding-left: 8px;
+}
+
 .title {
   text-align: center;
 }
@@ -193,27 +208,12 @@ p.heading {
   white-space: nowrap;
 }
 
-/*p.art-links {
-    white-space: nowrap;
-}*/
-
-.art-link:last-child {
-  text-align: right;
-}
-
 p.art-link {
   margin-top: 0;
 }
 
 /* Article */
 
-.art-full h1,
-.art-full h2,
-.art-full h3,
-.art-full h4 {
-  margin-top: 0.5em;
-}
-
 /* help */
 
 .hmain {
@@ -245,7 +245,7 @@ a.hchild {
 
 a.hchild:hover,
 a.hchild:active {
-  background-color: #eee;
+  background-color: #ddd;
 }
 
 .hchild:first-child {
@@ -342,6 +342,31 @@ a.hchild:active {
   .hdn {
     display: none;
   }
+
+  .box {
+    text-align: center;
+  }
+
+  .child {
+    font-size: 20px;
+    line-height: 30px;
+    padding: 10px 0 5px;
+  }
+
+  .fa-4x {
+    padding: 0;
+    margin: 0;
+  }
+
+  .box div {
+    position: relative;
+    top: initial;
+    font-size: 16px;
+    font-weight: normal;
+    line-height: 16px;
+    padding: 10px 0;
+    display: block;
+  }
 }
 
 .footer h2,