update css

diff --git a/index_mock1.html b/index_mock1.html
index bf5cab2024dc7a1150427bc34a3cfa52f881e5dd..622898a2e2c2795c66473f4c854852dea59b10dc 100644 (file)
--- a/index_mock1.html
+++ b/index_mock1.html
@@ -209,9 +209,7 @@
 
 
     <footer class="copyright">
-        <a class="copyright" href=
-        "https://creativecommons.org/licenses/by-nc-sa/4.0/" target=
-        "_blank"><img alt="CC by-nc-sa"  src="static/img/by-nc-sa.svg"></a>
+        <a class="copyright" href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank"><img alt="CC by-nc-sa" src="static/img/by-nc-sa.svg"></a>
 
         <p>&copy; Copyright 2002-2016, freenode</p>
     </footer>

diff --git a/static/css/mock1.css b/static/css/mock1.css
index b728ad6b4773abe3acec919760db7cf3134d2bba..790652ddcf0a4b3161a13d215876eb83284f43d4 100644 (file)
--- a/static/css/mock1.css
+++ b/static/css/mock1.css
@@ -270,7 +270,6 @@ a.hchild:hover,a.hchild:active {
     .footerchild {
         width: 100%;
     }
-}
     .footerchild ul li:last-child {
         margin-bottom: .5em;
     }

diff --git a/static/css/style.css b/static/css/style.css
index bd4ed3345036f68d7220e329a4322c20199de156..5b59b91f30fd9c70414f098b76b6ceb637fe4d91 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -326,12 +326,72 @@ a.hchild:active {
   .footerchild {
     width: 100%;
   }
+
+  .footerchild ul li:last-child {
+    margin-bottom: .5em;
+  }
+
+  .hdn {
+    display: none;
+  }
+}
+
+.footer h2,
+.footer h3 {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.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;
 }
 
-.footerchild ul li:last-child {
-  margin-bottom: .5em;
+.copyright p {
+  margin-bottom: 0;
+  margin-top: 0;
+  margin-left: .5em;
+  margin-right: .5em;
+  text-align: right;
 }
 
-.hdn {
-  display: none;
+@media all and (max-width: 500px) {
+  .copyright {
+    height: 5vh;
+  }
+
+  .copyright a img {
+    height: 5vh;
+  }
 }
\ No newline at end of file