Issue 5634 - Replaced logo and refactored navbar width and colors

static/css/main.css

 *
 {
   font-family: Arial, sans;
   font-size: 16px;
 }
 
 body
 {
   margin: 0;
   line-height: 1.5;
@@ skipping 83 matching lines @@
   margin: 4px 0;
 }
 
 #footer-main
 {
   display: block;
   background: white;
   box-shadow: 0 -1px 0 0 #b5b4b0, 0 -2px 0 0 #e4e1dc;
   padding: 0;
   line-height: 1;
-
-  /* Disable the sticky footer in IE6/7 */
-  .position: relative;
-  .bottom: 220px;
 }
 
 #footer-main nav h1, #footer-main nav li
 {
   color: #444444;
   border-bottom: 1px solid #dedede;
 }
 
 #footer-main h1
 {
@@ skipping 124 matching lines @@
   height: 4em;
   background-color: #c70d2c;
 }
 
 #navbar li
 {
   list-style-type: none;
 }
 
 /* padding provided by navbar contents */
-#navbar .container
-{
-  padding: 0em;
+.navbar-container
+{
+  width: 1170px;
+  margin: 0 auto;
 }
 
 /* full-width under .container max-width */
 @media(max-width: 1199px)
 {
-  #navbar .container
+  .navbar-container
   {
     width: 100%;
   }
 }
 
 /* #navbar #navbar-logo
  ******************************************************************************/
 
 #navbar-logo
 {
   /* padding is visible in hover background-color change */
-  padding-left: 1em;
-  padding-right: 1em;
+  padding: 0em 1em;
   color: #fff;
 }
 
 #navbar-logo:hover,
 #navbar-logo:active,
 #navbar-logo:focus
 {
   background-color: #AE0013;
   text-decoration: none;
 }
 
 #navbar-logo,
 #navbar-logo > *
 {
-  display: block;
   float: left;
 }
 
 [dir="rtl"] #navbar-logo,
 [dir="rtl"] #navbar-logo > *
 {
   float: right;
 }
 
 #navbar-logo img
 {
   height: 4em;
-  padding-top: 0.5em;
-  padding-bottom: 0.5em;
-  margin-right: 1em;
+  padding: 0.5em 0em;
+  margin: 0em 1em 0em 0em;
 }
 
 [dir="rtl"] #navbar-logo > img
 {
-  margin-left: 1em;
+  margin: 0em  0em 0em 1em;
 }
 
 #navbar-logo > span
 {
   /* full-height: 2.91 * 1.375 = ~4em */
   line-height: 2.91em;
   font-size: 1.375em;
 }
 
 /* #navbar #navbar-menu-toggle
@@ skipping 46 matching lines @@
 {
   display: block;
   color: #fff;
   text-decoration: none;
 }
 
 /* #navbar #navbar-menu #navbar-locale-menu
  ******************************************************************************/
 
 /* caret */
-#navbar-locale-selected::after
+#navbar-locale-selected:after
 {
   display: inline-block;
   width: 0;
   height: 0;
-  margin-left: .255em;
+  margin: 0em 0em 0em 0.255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-left: .3em solid transparent;
 }
 
+[dir="rtl"] #navbar-locale-selected:after
+{
+  margin: 0em 0.255em 0em 0em;
+}
+
 #navbar-locale-menu
 {
   display: none;
 }
 
 #navbar-locale-menu.visible
 {
   display: block;
 }
 
@@ skipping 25 matching lines @@
   }
 
   #navbar-menu > li,
   #navbar-menu > li > a
   {
     display: inline-block;
   }
 
   #navbar-menu > li > a
   {
-    padding-right: 1em;
-    padding-left: 1em;
+    padding: 0em 1em;
     line-height: 4em;
   }
 
   #navbar-menu > li > a:hover,
   #navbar-menu > li > a:active,
   #navbar-menu > li > a:focus
   {
     background-color: #AE0013;
   }
 
   /* #navbar #navbar-menu #navbar-locale-menu
    ****************************************************************************/
 
   #navbar-locale-menubar
   {
     position: relative;
   }
 
   #navbar-locale-menu
   {
     position: absolute;
     min-width: 16em;
     max-height: 20em;
     max-height: 50vh;
     top: 100%;
     right: 0px;
     overflow: auto;
-    z-index: 1000;
+    z-index: 9001;
     background-color: #292929;
   }
 
   [dir="rtl"] #navbar-locale-menu
   {
     right: auto;
     left: 0px;
   }
 }
 
@@ skipping 21 matching lines @@
     padding: 0.75em 1em;
   }
 
   #navbar-menu li a:hover,
   #navbar-menu li a:active,
   #navbar-menu li a:focus
   {
     background-color: #434343;
   }
 }