tidying

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

diff --git a/static/css/style.css b/static/css/style.css
index bd4ed3345036f68d7220e329a4322c20199de156..23222026c844bf233eeaa7c5b5f9b443926e9d37 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,13 +1,5 @@
 /* vars */
 
-: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 */
 
 * {
@@ -27,7 +19,7 @@ body {
 }
 
 a {
-  color: rgb(66,139,202);
+  color: #000;
   text-decoration: none;
 }
 
@@ -103,7 +95,7 @@ a {
   width: 100%;
   margin-top: -16px;
   background: #000;
-  background: rgb(238,238,238);
+  background: #eee;
   box-shadow: 0 3px 5px rgba(150,150,150,.36);
   color: #333;
 }
@@ -140,7 +132,6 @@ a {
   -webkit-flex-basis: 30%;
   -ms-flex-preferred-size: 30%;
   flex-basis: 30%;
-  /* border: 1px solid rgba(var(--border-color), 0.39); */
   background-color: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
@@ -268,7 +259,7 @@ a.hchild:active {
 }
 
 .footer {
-  background: rgb(238,238,238);
+  background: #eee;
   color: rgba(51,51,51,.9);
   margin-top: 2vh;
   display: -webkit-box;
@@ -326,12 +317,72 @@ a.hchild:active {
   .footerchild {
     width: 100%;
   }
+
+  .footerchild ul li:last-child {
+    margin-bottom: .5em;
+  }
+
+  .hdn {
+    display: none;
+  }
 }
 
-.footerchild ul li:last-child {
-  margin-bottom: .5em;
+.footer h2,
+.footer h3 {
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
-.hdn {
-  display: none;
+.copyright {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: rgba(170,178,171,.5);
+  height: 3vh;
+  color: rgba(0,0,0,.8);
+}
+
+a.copyright {
+  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