X-Git-Url: https://jfr.im/git/irc/freenode/web-7.0.git/blobdiff_plain/8b3a1366556517433eaee8e78d5529937ea837dd..daf4b56e1eec9a45dbb0c49ed2ce71e2051580d9:/css/style.css

diff --git a/css/style.css b/css/style.css
index 549102ffc..22c344381 100644
--- a/css/style.css
+++ b/css/style.css
@@ -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 */
@@ -20,10 +22,12 @@ body {
   font-family: 'Open Sans';
   color: #333;
   font-size: 14px;
+  min-height: 100vh;
+  height: auto;
 }
 
 a {
-  color: #000;
+  color: rgb(66,139,202);
   text-decoration: none;
 }
 
@@ -68,7 +72,9 @@ a {
   -webkit-justify-content: space-around;
   -ms-flex-pack: distribute;
   justify-content: space-around;
-  fkex-wrap: nowrap;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
 }
 
 .nlink {
@@ -79,41 +85,33 @@ a {
 /* main */
 
 .container {
-  margin: 50px 0 0;
-  padding: 0;
+  padding: 50px 0 0;
   width: 100%;
-  min-height: 100%;
+  min-height: 70vh;
 }
 
 .main {
   margin-left: .5em;
-  /*margin-right: 0.5em;*/
+  margin-top: 1em;
 }
 
 /* jumbotron */
 
 .jumbotron {
   position: relative;
-  border-bottom: 1px solid #888;
   width: 100%;
+  margin-top: -16px;
   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;
+  font-size: 32px;
+  line-height: 48px;
 }
 
 .box-container {
@@ -141,6 +139,7 @@ a {
   -webkit-flex-basis: 30%;
   -ms-flex-preferred-size: 30%;
   flex-basis: 30%;
+  border: 1px solid rgba(0,0,0, 0.39);
   background-color: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
@@ -179,8 +178,9 @@ div.art:last-child {
   border-bottom: none;
 }
 
-h3.art {
+b.art {
   margin-bottom: 0;
+  font-size: 18px;
 }
 
 p.art {
@@ -192,11 +192,15 @@ p.art-ingress {
   margin: 0;
 }
 
-p.art-date {
+.art-date {
   color: #ccc;
   margin: 0;
 }
 
+p.heading {
+  white-space: nowrap;
+}
+
 p.art-link {
   margin-top: 0;
 }
@@ -258,8 +262,12 @@ a.hchild:active {
 
 /* footer */
 
+.footers {
+  min-height: 30vh;
+}
+
 .footer {
-  background: rgba(75,235,74,.4);
+  background: rgb(238,238,238);
   color: rgba(51,51,51,.9);
   margin-top: 1em;
   display: -webkit-box;
@@ -269,6 +277,7 @@ a.hchild:active {
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
+  min-height: 27vh;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
@@ -277,13 +286,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 {
@@ -296,15 +299,13 @@ a.hchild:active {
 
 .footerchild ul,
 .footerchild ul ul {
-  margin: 0;
-  margin-left: .5em;
-  margin-right: .5em;
-  padding: 0;
+  margin-left: 10px;
+  margin-right: 10px;
   list-style-type: none;
 }
 
 .footerchild ul ul {
-  padding-left: 2em;
+  padding-left: 30px;
 }
 
 @media all and (max-width: 500px) {
@@ -318,7 +319,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 {
@@ -328,19 +329,16 @@ a.hchild:active {
   .footerchild ul li:last-child {
     margin-bottom: .5em;
   }
+
+  .hdn {
+    display: none;
+  }
 }
 
 .footer h2,
 .footer h3 {
-  margin: 0;
-  margin-left: .5em;
-  margin-right: .5em;
-}
-
-.fkex-right {
-  -webkit-align-self: flex-end;
-  -ms-flex-item-align: end;
-  align-self: flex-end;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .copyright {
@@ -359,15 +357,40 @@ a.hchild:active {
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
-  background: rgba(0,0,0,.5);
-  height: 31px;
-  color: rgba(51,51,51,.8);
+  background: rgba(170,178,171,.5);
+  height: 3vh;
+  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;
   margin-right: .5em;
+  width: auto;
+  height: auto;
+}
+
+.copyright a img {
+  height: 3vh;
+  width: auto;
+}
+
+.copyright p {
+  margin-bottom: 0;
+  margin-top: 0;
+  margin-left: .5em;
+  margin-right: .5em;
+  text-align: right;
+}
+
+@media all and (max-width: 500px) {
+  .copyright {
+    height: 5vh;
+  }
+
+  .copyright a img {
+    height: 5vh;
+  }
 }
\ No newline at end of file