mozilla
/
bedrock
зеркало из https://github.com/mozilla/bedrock.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Merge pull request #4761 from alexgibson/add-firefox-pebbles-base-template 

Add pebbles base template for /firefox app
This commit is contained in:
Craig Cook 2017-04-12 13:38:10 -07:00 коммит произвёл GitHub
Родитель 260de4dd31 54474a84a0
Коммит fc5ae2770c
8 изменённых файлов: 47 добавлений и 97 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

2
bedrock/base/templates/base-pebbles.html
Просмотреть файл

@ -118,7 +118,7 @@
{% endblock %}
{% block site_header_logo %}
<h2 class="masthead-logo"><a href="{{ url('mozorg.home') }}">{{ high_res_img('sandstone/header-mozilla-stone.png', {'alt': 'Mozilla', 'width': '170', 'height': '45'}) }}</a></h2>
<h2 class="masthead-logo"><a href="{{ url('mozorg.home') }}"><img src="{{ static('img/pebbles/moz-wordmark-dark-reverse.svg')}}" alt="Mozilla" width="94" height="30"></a></h2>
{% endblock %}
</div>

15
bedrock/firefox/templates/firefox/base-pebbles.html Normal file
Просмотреть файл

@ -0,0 +1,15 @@
{# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/. -#}
{% add_lang_files "firefox/new" %}
{% extends "base-pebbles.html" %}
{% block page_title_prefix %}{{_('Mozilla Firefox Web Browser')}} — {% endblock %}
{% block page_image %}{{ static('img/firefox/template/page-image.png') }}{% endblock %}
{% block page_favicon %}{{ static('img/firefox/favicon.ico') }}{% endblock %}
{% block page_favicon_large %}{{ static('img/firefox/favicon-196.png') }}{% endblock %}
{% block page_ios_icon %}{{ static('img/firefox/ios-icon-180.png') }}{% endblock %}
{% block tabzilla_tab %}{% endblock %}

2
bedrock/firefox/urls.py
Просмотреть файл

@ -118,4 +118,6 @@ urlpatterns = (
url('^firefox/stub_attribution_code/$', views.stub_attribution_code,
name='firefox.stub_attribution_code'),
page('firefox/foo', 'firefox/base-pebbles.html'),
)

19
media/css/mozorg/home/home.scss
Просмотреть файл

@ -34,24 +34,11 @@ body {
.masthead-logo {
background: #ff8c8e;
height: 30px;
left: 0;
margin: 0;
padding: 10px 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
img {
height: 30px;
}
}
}
.masthead-nav-main .toggle {
background-color: #ff8c8e;
background-image: url('/media/img/pebbles/icon-menu-dark.svg');
}
#nav-download-firefox {
@ -66,12 +53,6 @@ body {
.content {
padding-top: 0;
}
.masthead-logo {
float: left;
position: relative;
width: 115px;
}
}
#nav-main-menu,

24
media/css/mozorg/internet-health.scss
Просмотреть файл

@ -46,22 +46,6 @@ main {
position: relative;
}
.masthead-logo {
font-size: 100%;
height: 30px;
left: 0;
margin: 0;
padding: 10px 0 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
img {
height: 30px;
}
}
.download-button {
display: none;
@ -85,6 +69,7 @@ main {
.masthead-nav-main {
.toggle {
background-color: darken(#4a4a4a, 10%);
background-image: url('/media/img/pebbles/icon-menu-light.svg');
}
.nav-main-menu a:hover {
@ -114,13 +99,6 @@ main {
}
}
}
.masthead-logo {
float: left;
padding: 10px 0;
position: relative;
width: auto;
}
}
@media #{$mq-desktop} {

24
media/css/mozorg/internet-health/health-subpage.scss
Просмотреть файл

@ -107,22 +107,6 @@ main .content {
padding: 0;
width: 100%;
.masthead-logo {
font-size: 100%;
height: 30px;
left: 0;
margin: 0;
padding: 10px 0 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
img {
height: 30px;
}
}
.download-button {
display: none;
@ -146,6 +130,7 @@ main .content {
.masthead-nav-main {
.toggle {
background-color: #000;
background-image: url('/media/img/pebbles/icon-menu-light.svg');
}
.nav-main-menu a:hover {
@ -176,13 +161,6 @@ main .content {
}
}
.masthead-logo {
float: left;
padding: 10px 0;
position: relative;
width: auto;
}
.download-button {
display: block;
float: right;

27
media/css/mozorg/technology.scss
Просмотреть файл

@ -38,22 +38,6 @@ main {
position: relative;
}
.masthead-logo {
font-size: 100%;
height: 30px;
left: 0;
margin: 0;
padding: 10px 0 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
img {
height: 30px;
}
}
.download-button {
display: none;
@ -74,6 +58,10 @@ main {
display: none;
}
.masthead-nav-main .toggle {
background-image: url('/media/img/pebbles/icon-menu-light.svg');
}
@media #{$mq-tablet} {
.masthead-nav-main {
margin-right: 0;
@ -95,13 +83,6 @@ main {
}
}
}
.masthead-logo {
float: left;
padding: 10px 0;
position: relative;
width: auto;
}
}
@media #{$mq-desktop} {

31
media/css/pebbles/components/_masthead.scss
Просмотреть файл

@ -10,14 +10,29 @@
padding-top: 0;
padding-bottom: 0;
}
}
.masthead-logo {
@include font-size(16px);
margin: 0;
padding: 30px 0 20px;
}
.masthead-logo {
@include font-size(16px);
height: 30px;
left: 0;
margin: 0;
padding: 10px 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
img {
height: 30px;
}
@media #{$mq-tablet} {
float: left;
position: relative;
width: 94px;
}
}
}
.masthead-nav-main {
@include font-size(14px);
@ -39,7 +54,7 @@
.toggle {
@include image-replaced;
background: $color-mozred url('/media/img/pebbles/icon-menu-light.svg') center center no-repeat;
background: transparent url('/media/img/pebbles/icon-menu-dark.svg') center center no-repeat;
@include background-size(22px auto);
cursor: pointer;
display: block;
@ -108,7 +123,7 @@
position: static;
background: transparent;
box-shadow: none;
padding: 20px 0;
padding: 10px 0;
li {
display: inline;