diff --git a/apps/mozorg/templates/mozorg/firefox/base.html b/apps/mozorg/templates/mozorg/firefox/base.html
index c8ece42406..994747f206 100644
--- a/apps/mozorg/templates/mozorg/firefox/base.html
+++ b/apps/mozorg/templates/mozorg/firefox/base.html
@@ -14,48 +14,48 @@
{% block site_header_nav %}
{% endblock %}
{% block site_header_logo %}
-
![Mozilla Firefox]({{ media('img/firefox/template/header-logo.png') }})
+![Mozilla Firefox]({{ media('img/firefox/template/header-logo.png') }})
{% endblock %}
{% block site_js %}
diff --git a/apps/mozorg/templates/mozorg/firefox/organizations/organizations.html b/apps/mozorg/templates/mozorg/firefox/organizations/organizations.html
index 74006eb897..b907abf22b 100644
--- a/apps/mozorg/templates/mozorg/firefox/organizations/organizations.html
+++ b/apps/mozorg/templates/mozorg/firefox/organizations/organizations.html
@@ -12,7 +12,7 @@
{% endblock %}
{% block site_header_logo %}
-![Firefox ESR]({{ media('img/firefox/organizations/title.png') }})
+![Firefox ESR]({{ media('img/firefox/organizations/title.png') }})
{% endblock %}
diff --git a/media/css/firefox/menu.less b/media/css/firefox/menu.less
index 4995240416..558552c699 100644
--- a/media/css/firefox/menu.less
+++ b/media/css/firefox/menu.less
@@ -1,63 +1,35 @@
/* Top Level Menu Items */
+#nav-main ol,
#nav-main ul {
.inline-block;
margin: 0;
-}
-#nav-main li {
- position: relative;
- z-index: 100;
-}
+ li {
+ position: relative;
+ z-index: 100;
-#nav-main ul li a,
-#nav-main ul li a:link,
-#nav-main ul li a:visited,
-#nav-main ul li span {
- z-index: 100;
- position: relative;
-}
+ a,
+ a:link,
+ a:visited,
+ span {
+ z-index: 100;
+ position: relative;
+ }
-#nav-main ul li.hover a,
-#nav-main ul li.hover a:link,
-#nav-main ul li.hover a:visited {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHAQMAAADpvlVZAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AMBEjcKOURVdQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAdSURBVAjXY2BiYGBnYOBvYJA/wGD/gKH+A8P/HwAiJAX9mUp9sAAAAABJRU5ErkJggg==);
- background-repeat: no-repeat;
- background-position: center bottom;
- outline: 0;
-}
+ &.hover a {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHAQMAAADpvlVZAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AMBEjcKOURVdQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAdSURBVAjXY2BiYGBnYOBvYJA/wGD/gKH+A8P/HwAiJAX9mUp9sAAAAABJRU5ErkJggg==);
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ outline: 0;
+ }
+ }
-#nav-main ul ul li.hover a,
-#nav-main ul ul li.hover a:link,
-#nav-main ul ul li.hover a:visited {
- background-image: none;
-}
-
-#nav-main ul li.last a,
-#nav-main ul li.last span {
- border-right-color: transparent;
-}
-
-#nav-main ul li.last a:hover,
-#nav-main ul li.last a:focus,
-#nav-main ul li.last a:active,
-.js #nav-main ul li.last a:focus,
-#nav-main ul li.hover a {
- border-right-color: #98b2c9;
-}
-
-/* Second-level Menu Items */
-
-#nav-main ul li.last a:hover,
-#nav-main ul li.last a:focus,
-#nav-main ul li.last a:active,
-.js #nav-main ul li.last a:focus,
-#nav-main ul li.hover a {
- border-right-color: #98b2c9;
}
/* Second-level Menu Items */
+.js #nav-main li.hover ol,
.js #nav-main li.hover ul {
left: 0;
opacity: 1;
@@ -66,15 +38,18 @@
transition: opacity 0.2s ease-in-out;
}
-#nav-main ul ul,
-#nav-main ul ul li {
+#nav-main li ol,
+#nav-main li ol li,
+#nav-main li ul,
+#nav-main li ul li {
height: auto;
border: 0;
float: none;
display: block;
}
-#nav-main ul ul {
+#nav-main li ol,
+#nav-main li ul {
position: absolute;
left: -999em;
top: 48px;
@@ -85,105 +60,96 @@
background: #fff;
padding: 1px 0;
border-bottom: 1px solid #ddd;
-}
-#nav-main ul ul li {
- background-image: none;
-}
+ li,
+ li.hover {
+ background-image: none;
-#nav-main ul ul li a,
-#nav-main ul ul li a:link,
-#nav-main ul ul li a:visited,
-#nav-main ul ul li span {
- overflow: hidden;
- padding: 7px 10px;
- margin: 0;
- height: auto;
- float: none;
- display: block;
- font-size: 11px;
- border: 0;
- background: none;
- position: relative;
- -moz-transition: background 0.1s ease-in;
- -webkit-transition: background 0.1s ease-in;
- transition: background 0.1s ease-in;
-}
+ a,
+ a:link,
+ a:visited,
+ span {
+ overflow: hidden;
+ padding: 7px 10px;
+ margin: 0;
+ height: auto;
+ float: none;
+ display: block;
+ font-size: 11px;
+ border: 0;
+ background: none;
+ position: relative;
+ -moz-transition: background 0.1s ease-in;
+ -webkit-transition: background 0.1s ease-in;
+ transition: background 0.1s ease-in;
+ }
-#nav-main ul ul li a:hover,
-#nav-main ul ul li a:focus,
-#nav-main ul ul li a:active,
-.js #nav-main ul ul li a:focus,
-#nav-main ul li.current ul li a:hover,
-#nav-main ul li.current ul li a:focus,
-#nav-main ul li.current ul li a:active,
-.js #nav-main ul li.current ul li a:focus {
- background: rgb(227,235,244);
- background: rgba(152,178,201,0.2);
- -moz-transition: background 0.1s ease-out;
- -webkit-transition: background 0.1s ease-out;
- transition: background 0.1s ease-out;
-}
+ a,
+ a:hover,
+ a:focus,
+ a:active {
+ background-image: none;
+ background: rgb(227,235,244);
+ background: rgba(152,178,201,0.2);
+ -moz-transition: background 0.1s ease-out;
+ -webkit-transition: background 0.1s ease-out;
+ transition: background 0.1s ease-out;
+ }
+ }
-#nav-main ul li:hover ul li a,
-#nav-main ul li.hover ul li a:link,
-#nav-main ul li.hover ul li a:visited {
- padding-bottom: 8px;
}
-
/* Currently active menu items */
-#nav-main ul li.current span,
-#nav-main ul li.current a,
-#nav-main ul li.current a:link,
-#nav-main ul li.current a:visited {
- background: #fbfdff;
- padding-right: 30px;
- padding-bottom: 15px;
-}
+#nav-mail ol li.current,
+#nav-mail ul li.current {
+ span,
+ a,
+ a:link,
+ a:visited {
+ background: #fbfdff;
+ padding-right: 30px;
+ padding-bottom: 15px;
+ }
-#nav-main ul li.current:hover a,
-#nav-main ul li.current.hover a,
-#nav-main ul li.current a:hover,
-#nav-main ul li.current a:focus,
-#nav-main ul li.current a:active,
-.js #nav-main ul li.current a:focus {
- border-bottom: 0;
-}
-
-#nav-main ul li.current ul span,
-#nav-main ul li.current ul a,
-#nav-main ul li.current ul a:link,
-#nav-main ul li.current ul a:visited {
- background: none;
- height: auto;
- padding: 8px 10px;
+ ul span,
+ ul a,
+ ul a:link,
+ ul a:visited {
+ background: none;
+ height: auto;
+ padding: 8px 10px;
+ }
}
/* }}} */
/* {{{ Dark Background Header */
-.darkbg #nav-main ul li a,
-.darkbg #nav-main ul li a:link,
-.darkbg #nav-main ul li a:visited,
-.darkbg #nav-main ul li span {
- color: #fff;
- border-color: #555;
-}
-
-.darkbg #nav-main ul li li a,
-.darkbg #nav-main ul li li a:link,
-.darkbg #nav-main ul li li a:visited,
-.darkbg #nav-main ul li li span {
- color: #484848;
-}
-
-.darkbg #nav-main ul li a:hover,
-.darkbg #nav-main ul li:hover a,
-.darkbg #nav-main ul li.hover a,
-.darkbg #nav-main ul li.hover a:link,
-.darkbg #nav-main ul li.hover a:visited {
- background: #ccc;
- color: #484848;
+.darkbg #nav-main ol li,
+.darkbg #nav-main ul li {
+
+ a,
+ a:link,
+ a:visited,
+ span {
+ color: #fff;
+ border-color: #555;
+ }
+
+ li a,
+ li a:link,
+ li a:visited,
+ li span {
+ color: #484848;
+ }
+
+ a:hover,
+ &:hover a,
+ .hover a,
+ .hover a:link,
+ .hover a:visited {
+ background: #ccc;
+ color: #484848;
+ }
+
}
diff --git a/media/css/sandstone/sandstone.less b/media/css/sandstone/sandstone.less
index bd3a0b91e0..98bd7a7caa 100644
--- a/media/css/sandstone/sandstone.less
+++ b/media/css/sandstone/sandstone.less
@@ -280,7 +280,7 @@ px 68 160 252 344 436 528 620 712 804 896 */
#masthead {
- h1 {
+ h2 {
padding: (@baseLine * 2) 0 (@baseLine * 1.5) 0;
margin: 0;
}
@@ -292,6 +292,7 @@ px 68 160 252 344 436 528 620 712 804 896 */
font-size: 13px;
.open-sans;
+ ol li,
ul li {
.inline-block;
list-style-type: none;
@@ -371,6 +372,7 @@ nav.menu-bar {
padding-top: 0;
padding-bottom: 0;
+ ol,
ul {
margin: 0;
li {
@@ -468,6 +470,7 @@ nav.menu-bar {
nav {
.open-sans;
+ ol li,
ul li {
list-style-type: none;
margin: 0 0 2px 0;
@@ -551,7 +554,7 @@ px 68 160 252 */
#masthead {
- h1 {
+ h2 {
padding-top: @baseLine / 2;
padding-bottom: @baseLine / 2;
}
diff --git a/templates/base.html b/templates/base.html
index fc7a7bdfd9..3a3f3597c3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -37,18 +37,18 @@
{% block site_header_nav %}
{# start menu #nav-main #}
{# end menu #nav-main #}
{% endblock %}
{% block site_header_logo %}
- ![mozilla](/media/img/sandstone/header-mozilla-stone.png)
+ ![mozilla](/media/img/sandstone/header-mozilla-stone.png)
{% endblock %}
{% block breadcrumbs %}{% endblock %}