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

+

Mozilla Firefox

{% 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

+

Firefox ESR

{% 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

+

mozilla

{% endblock %} {% block breadcrumbs %}{% endblock %}