footer.scss in active_frontend-3.0.0

- old
+ new

@@ -1,9 +1,9 @@
 /* Table of Contents
 ==================================================
 # Footer
-# Application */
+# Alternate */
 
 /* # Footer
 ================================================== */
 .footer-fixed {
   bottom: 0;
@@ -11,126 +11,54 @@
   position: fixed;
   right: 0;
   z-index: 1030;
 }
 .footer {
-  background: rgba(255,255,255,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  background: rgba(24,24,24,1);
+  border-top: 2px solid rgba(4,4,4,1);
   box-sizing: border-box;
   width: 100%;
-  padding: 30px 0;
+  margin-top: 40px;
+  padding: 20px 0;
 }
-.footer-alt { box-shadow: inset 0 1px 3px rgba(225,232,237,1); }
-.footer-brand {
-  margin: -59px 0 30px 0;
-  text-align: center;
-}
+.footer-brand { float: left; }
 .footer-brand > a {
-  background: rgba(255,255,255,1);
-  border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(225,232,237,1);
-  color: rgba(136,153,166,1);
-  display: inline-block;
-  font-size: 44px;
-  height: 46px;
-  padding: 5px 0 2px 0;
-  opacity: 1;
+  color: rgba(255,255,255,1);
+  font-size: 30px;
   text-decoration: none;
-  text-align: center;
-  vertical-align: middle;
-  width: 50px;
 }
-.footer-title {
-  color: rgba(136,153,166,1);
-  letter-spacing: 1px;
-  text-transform: uppercase;
-}
 .footer-nav {
-  font-size: 14px;
-  line-height: 22px;
+  float: right;
   list-style: none;
-  margin: 0 0 20px 0;
+  margin: 10px 0 0 0;
   padding: 0;
 }
+.footer-nav > li {
+  font-size: 10px;
+  float: left;
+  line-height: 10px;
+  margin-left: 10px;
+}
+.footer-nav > li:first-child { margin: 0; }
 .footer-nav > li > a {
-  color: rgba(136,153,166,1);
+  color: rgba(255,255,255,1);
+  font-weight: 500;
   text-decoration: none;
+  text-transform: uppercase;
 }
 .footer-footnote {
-  display: block;
-  color: rgba(136,153,166,1);
+  float: left;
+  color: rgba(255,255,255,1);
   font-size: 10px;
-  text-align: center;
+  line-height: 10px;
+  margin: 8px 0 0 10px;
 }
 
-/* # Application
+/* # Alternate
 ================================================== */
-.footer-app {
-  box-shadow: 0 -1px 3px rgba(225,232,237,1);
-  height: 60px;
-  padding: 0 20px;
-}
-.footer-app-btn,
-.footer-app-btn.disabled,
-.footer-app-btn[disabled] {
+.footer.footer-alt {
   background: rgba(255,255,255,1);
-  color: rgba(43,50,53,1);
-  display: block;
-  float: left;
-  font-size: 12px;
-  letter-spacing: 1px;
-  line-height: 13px;
-  padding: 23px 0;
-  text-align: center;
-  text-transform: uppercase;
-  width: 200px;
+  border-top: 2px solid rgba(243,243,243,1);
 }
-.footer-app-btn:first-child {
-  border-right: 1px solid rgba(230,237,242,1);
-  margin-left: -30px;
-}
-.footer-app-btn.disabled,
-.footer-app-btn[disabled] {
-  color: rgba(136,153,166,1);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.footer-app-btn:last-child {
-  border-left: 1px solid rgba(230,237,242,1);
-  margin-right: -30px;
-}
-.footer-app-content > .footer-footnote { margin-top: 22px; }
-.footer-app-content-with-btn {
-  float: left;
-  width: calc(100% - 342px);
-}
-.footer-app-navicon {
-  border-collapse: separate;
-  display: table;
-  table-layout: fixed;
-  width: 100%;
-}
-.footer-app-navicon > a {
-  color: rgba(136,153,166,1);
-  display: table-cell;
-  float: none;
-  font-size: 27px;
-  padding: 10px 0;
-  text-align: center;
-  width: 1%;
-}
-.footer-app-navicon > a.active { color: rgba(0,132,255,1); }
-
-/* # Media Queries
-================================================== */
-@media only screen and (min-width: 768px) and (max-width: 959px) {
-  .footer-app-content-with-btn { width: calc(100% - 302px); }
-  .footer-app-btn,
-  .footer-app-btn.disabled,
-  .footer-app-btn[disabled] { width: 180px; }
-}
-@media only screen and (max-width: 767px) {
-  .footer-app {
-    height: 50px;
-    padding: 0;
-  }
-}
+.footer.footer-alt > .footer-brand > a { color: rgba(34,34,34,1); }
+.footer.footer-alt >.footer-nav > li > a { color: rgba(34,34,34,1); }
+.footer.footer-alt > .footer-footnote { color: rgba(34,34,34,1); }
\ No newline at end of file