]> jfr.im git - irc/freenode/web-7.0.git/blobdiff - css/style.css
Line up footer
[irc/freenode/web-7.0.git] / css / style.css
index 549102ffca7cc2ec8dca9fbc4ada327eb30b305b..5e8049ecaed6c93835449a8db28ec39eb27a0287 100644 (file)
@@ -2,8 +2,10 @@
 
 :root {
   /*--jumbotron-bg: 15,75,14;*/
+  /*--jumbotron-bg: rgba(75,235,74,.4);*/
   /*--footer-link-color: 255,255,255;*/
   /*--footer-text-color: 255,255,255;*/
+  /*--footer-border-color: 255,255,255;*/
 }
 
 /* reset css for browser compat */
@@ -87,33 +89,23 @@ a {
 
 .main {
   margin-left: .5em;
-  /*margin-right: 0.5em;*/
+  margin-top: 1em;
 }
 
 /* jumbotron */
 
 .jumbotron {
   position: relative;
-  border-bottom: 1px solid #888;
   width: 100%;
   background: #000;
-  background: rgba(75,235,74,.4);
-  box-shadow: 0 3px 5px rgba(0,0,0,0.36);
+  background: rgb(238,238,238);
+  box-shadow: 0 3px 5px rgba(150,150,150,.36);
   color: #333;
-  -webkit-flex-basis: 100%;
-  -ms-flex-preferred-size: 100%;
-  flex-basis: 100%;
-  -webkit-border-bottom-right-radius: 10px;
-  -webkit-border-bottom-left-radius: 10px;
-  -moz-border-radius-bottomright: 10px;
-  -moz-border-radius-bottomleft: 10px;
-  border-bottom-right-radius: 10px;
-  border-bottom-left-radius: 10px;
 }
 
 .child {
   text-align: center;
-  margin-bottom: .5em;
+  margin: .5em;
 }
 
 .box-container {
@@ -192,7 +184,7 @@ p.art-ingress {
   margin: 0;
 }
 
-p.art-date {
+.art-date {
   color: #ccc;
   margin: 0;
 }
@@ -259,7 +251,7 @@ a.hchild:active {
 /* footer */
 
 .footer {
-  background: rgba(75,235,74,.4);
+  background: rgb(238,238,238);
   color: rgba(51,51,51,.9);
   margin-top: 1em;
   display: -webkit-box;
@@ -277,13 +269,7 @@ a.hchild:active {
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
-  box-shadow: 0 -3px 5px rgba(0,0,0,0.36);
-  -webkit-border-top-left-radius: 10px;
-  -webkit-border-top-right-radius: 10px;
-  -moz-border-radius-topleft: 10px;
-  -moz-border-radius-topright: 10px;
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
+  box-shadow: 0 -3px 5px rgba(150,150,150,.36);
 }
 
 .footerchild {
@@ -318,7 +304,7 @@ a.hchild:active {
 
   .footerchild {
     width: 100%;
-    border-bottom: 1px solid rgba(255,255,255,.5);
+    border-bottom: 1px solid rgba(51,51,51,.5);
   }
 
   .footerchild:last-child {
@@ -359,13 +345,13 @@ a.hchild:active {
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
-  background: rgba(0,0,0,.5);
+  background: rgba(170,178,171,.5);
   height: 31px;
-  color: rgba(51,51,51,.8);
+  color: rgba(0,0,0,.8);
 }
 
 a.copyright {
-  background: rgba(0,0,0,.5);
+  background: rgba(170,178,171,.5);
   margin-bottom: 0;
   margin-top: 0;
   margin-left: .5em;