Issue 5634 - Replaced logo and refactored navbar width and colors

static/css/main.css

Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -50,27 +50,179 @@
 
 nav ul
 {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
-nav a:link, nav a:visited
+nav a:link,
+nav a:visited
 {
   color: #7d7d7d;
   text-decoration: none;
 }
 
 nav a:hover
 {
   text-decoration: underline;
 }
 
+.container
+{
+  margin: 0 15px;
+  max-width: 1170px;
+}
+
+@media (min-width: 1200px)
+{
+  .container
+  {
+    margin: 0 auto;
+  }
+}
+
+.accent
+{
+  background-color: #c70d2c;
+  color: #fff;
+}
+
+.accent a,
+.accent a:link,
+.accent a:visited
+{
+  color: #fff;
+}
+
+.secondary
+{
+  background-color: #292929;
+  color: #fff;
+}
+
+.secondary a,
+.secondary a:link,
+.secondary a:visited
+{
+  color: #fff;
+}
+
+.navbar
+{
+  height: 70px;
+}
+
+.navbar a:hover,
+.navbar a:active,
+.navbar a:focus
+{
+  text-decoration: none;
+}
+
+.navbar-brand img
+{
+  display: inline;
+  height: 48px;
+  padding: 11px 0px;
+  line-height: 48px;
+}
+
+.navbar-brand,
+.navbar-nav li
+{
+  float: left;
+}
+
+.navbar-nav
+{
+  float: right;
+}
+
+.navbar-nav a
+{
+  display: inline-block;
+  padding: 26px 15px;
+  font-size: 18px;
+  line-height: 1;
+}
+
+.navbar-nav a:hover,
+.navbar-nav a:active,
+.navbar-nav a:focus
+{
+  background-color: #AE0013;
+}
+
+.navbar-nav,
+.navbar-nav li
+{
+  display: inline-block;
+  list-style-type: none;
+}
+
+.dropdown
+{
+  position: relative;
+}
+
+.dropdown-menu
+{
+  position: absolute;
+  display: none;
+  min-width: 160px;
+  max-height: 384px;
+  max-height: 50vh;
+  top: 100%;
+  right: 0;
+  overflow: auto;
+  z-index: 1000;
+}
+
+.dropdown-menu.visible
+{
+  display: block;
+}
+
+.dropdown-menu li,
+.dropdown-menu a
+{
+  display: block;
+  float: none;
+  white-space: nowrap;
+}
+
+.dropdown-menu a
+{
+  font-size: 16px;
+  line-height: 50px;
+  padding: 0px 15px;
+}
+
+.dropdown-menu a:hover,
+.dropdown-menu a:active,
+.dropdown-menu a:focus
+{
+  background-color: #434343;
+}
+
+.dropdown-toggle::after
+{
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: .255em;
+  vertical-align: .255em;
+  content: "";
+  border-top: .3em solid;
+  border-right: .3em solid transparent;
+  border-left: .3em solid transparent;
+}
+
 header
 {
   display: block;
   position: relative;
   background: white;
   border: 1px solid #d9d9d9;
   border-top: none;
   box-shadow: 1px 1px 0 0 #d9d9d9;
@@ -102,21 +254,16 @@
   background-position: -167px -13px;
 }
 
 .language-entry a
 {
   display: block;
 }
 
-.locale-code

[juliandoucette, 2017/09/22 01:21:14]

Note: I figured out that I could use the builtin upper filter to capitalize
these codes instead. I will update my previous patchset later.

[ire, 2017/09/22 09:29:58]

Acknowledged.

-{
-  text-transform: uppercase;
-}
-
 #flag-ar
 {
   background-position: 0px 0px;
 }
 
 #flag-bg
 {
   background-position: -17px 0px;