Issue 5740 - Implemented new abp.org footer styles

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   margin: 0;
   line-height: 1.5;
@@ skipping 414 matching lines @@
   #navbar-menu li a
   {
     padding: 0.75em 1em;
   }
 
   #navbar-menu li a:hover,
   #navbar-menu li a:active,
   #navbar-menu li a:focus
   {
     background-color: #434343;
+  }
+}
 
 /*******************************************************************************
- * #site-footer
- ******************************************************************************/
-
-#site-footer
+ * #footer
+ ******************************************************************************/
+
+#footer
 {
   overflow: auto;
   margin-top: 2em;
-  padding-top: 2em;
-  padding-bottom: 2em;
+  padding: 2em 0em;
   color: #ececec;
   background-color: #292929;
   font-size: 0.9em;
 }
 
-/* #site-footer body
- ******************************************************************************/
-
-#site-footer h5
+/* #footer body
+ ******************************************************************************/
+
+#footer h5
 {
   margin-top: 1em;
   margin-bottom: 1.5em;
 }
 
-#site-footer h5::after
+#footer h5:after
 {
   content: "";
   display: block;
   width: 1.25em;
-  height: 3px;
+  height: 0.125em;
   margin-top: 0.5em;
-  border: none;
   background-color: #ececec;
 }
 
-#site-footer li
-{
+#footer ul
+{
+  padding: 0em;
   list-style-type: none;
 }
 
-#site-footer ul
-{
-  padding: 0px;
-}
-
-#site-footer a
+#footer a
 {
   color: #ececec;
-  text-decoration: none;
-}
-
-#site-footer a:hover,
-#site-footer a:active,
-#site-footer a:focus
+}
+
+#footer a:hover,
+#footer a:active,
+#footer a:focus
 {
   color: #fff;
   text-decoration: underline;
 }
 
-/* #site-footer #social-list
- ******************************************************************************/
+/* #footer #social-list
+ ******************************************************************************/
+
+#social-list ul
+{
+  /* negative margin canceled out by li margin below */
+  margin: 0em -0.375em;
+}
 
 #social-list li
 {
-  display: block;
   float: left;
+  margin: 0em 0.375em;
 }
 
 [dir="rtl"] #social-list li
 {
   float: right;
 }
 
-#social-list li
-{
-  margin-right: 0.5em;
-}
-
-[dir="rtl"] #social-list li
-{
-  margin-left: 0.5em;
-}
-
 #social-list img
 {
-  height: 3em;
-}
-
-/* smaller on tablet / small desktop only */
-@media(min-width: 768px) and (max-width: 1200px)
+  height: 2em;
+}
+
+@media(min-width: 1200px)
 {
   #social-list img
   {
-    height: 2em;
-  }
-}
-
-/* #site-footer #footer-legal
+    height: 3em;
+  }
+}
+
+/* #footer #footer-legal
  ******************************************************************************/
 
 #footer-legal
 {
-  overflow: auto;
-  margin-top: 2em;
-}
-
-/* #site-footer #footer-legal #legal-list
+  margin-top: 1em;
+}
+
+@media(min-width: 1200px)
+{
+  #footer-legal
+  {
+    margin-top: 2em;
+  }
+}
+
+/* #footer #footer-legal #legal-list
  ******************************************************************************/
 
 #legal-list li
 {
-  display: block;
   float: left;
 }
 
 [dir="rtl"] #legal-list li
 {
   float: right;
 }
 
+#legal-list li:after
+{
+  margin: 0em 0.375em;
+}
+
+/* IE9+ only */
 #legal-list li::after
 {
-  margin-left: 0.25em;
-  margin-right: 0.25em;
   content: "|"
 }
 
 #legal-list li:last-of-type::after
 {
   content: none;
 }
 
 /* float copyright and legal links left and right on ~desktop */
 @media(min-width: 1200px)
@@ skipping 15 matching lines @@
 
   [dir="rtl"] #legal-list
   {
     float: left;
   }
 }
 
 /* hide all footer links except #social-list on ~mobile */
 @media(max-width: 767px)
 {
-  #site-footer .column
+  #footer .column
   {
     display: none;
   }
 
   /* overriding display:none above */
-  #site-footer #social-list
+  #footer #social-list
   {
     display: block;
   }
 }