зеркало из https://github.com/mozilla/bedrock.git
Bug 1120689 MWC Preview page for 2015
This commit is contained in:
Steven Garrity
Родитель
a3df71fa7c
Коммит
f0ab7b5714
|
|
@ -1,211 +0,0 @@
|
|||
{% add_lang_files "firefox/includes/mwc_2014_schedule" %}
|
||||
|
||||
<div class="schedule-header">
|
||||
<small class="disclaimer">{{ _('Schedule is subject to change.') }}</small>
|
||||
<a href="http://www.cvent.com/d/54qpfq" rel="external" class="schedule-register-link">{{ _('Register for a session') }}</a>
|
||||
</div>
|
||||
|
||||
<div class="schedule-days">
|
||||
<section class="schedule-day">
|
||||
<h1>
|
||||
<span>{{ _('Monday') }}</span>
|
||||
{{ _('February 24') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2014-02-24T10:35" itemprop="endDate">10:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2014-02-24T11:35" itemprop="endDate">11:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Sharing Insights: Marketplace Content Partners and Firefox for Android') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2014-02-24T12:35" itemprop="endDate">12:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2014-02-24T13:35" itemprop="endDate">13:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Customizing for Market Needs') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2014-02-24T15:25" itemprop="endDate">15:25</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS for Any Screen Size') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2014-02-24T16:25" itemprop="endDate">16:25</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox for Android') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T18:00" itemprop="startDate">18:00</time> – <time datetime="2014-02-24T18:35" itemprop="endDate">18:35</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="schedule-day">
|
||||
<h1>
|
||||
<span>{{ _('Tuesday') }}</span>
|
||||
{{ _('February 25') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2014-02-24T10:35" itemprop="endDate">10:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2014-02-24T11:35" itemprop="endDate">11:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Sharing Insights: Marketplace Content Partners and Firefox for Android') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2014-02-24T12:35" itemprop="endDate">12:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2014-02-24T13:35" itemprop="endDate">13:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Customizing for Market Needs') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2014-02-24T15:25" itemprop="endDate">15:25</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS for Any Screen Size') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2014-02-24T16:25" itemprop="endDate">16:25</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox for Android') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T18:00" itemprop="startDate">18:00</time> – <time datetime="2014-02-24T18:35" itemprop="endDate">18:35</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="schedule-day">
|
||||
<h1>
|
||||
<span>{{ _('Wednesday') }}</span>
|
||||
{{ _('February 26') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2014-02-24T10:35" itemprop="endDate">10:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2014-02-24T11:35" itemprop="endDate">11:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Sharing Insights: Marketplace Content Partners and Firefox for Android') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2014-02-24T12:35" itemprop="endDate">12:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2014-02-24T13:35" itemprop="endDate">13:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Customizing for Market Needs') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2014-02-24T15:25" itemprop="endDate">15:25</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS for Any Screen Size') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2014-02-24T16:25" itemprop="endDate">16:25</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('HTML5 App Acceleration') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T18:00" itemprop="startDate">18:00</time> – <time datetime="2014-02-24T18:45" itemprop="endDate">18:45</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="schedule-day last">
|
||||
<h1>
|
||||
<span>{{ _('Thursday') }}</span>
|
||||
{{ _('February 27') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2014-02-24T10:35" itemprop="endDate">10:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2014-02-24T11:35" itemprop="endDate">11:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Privacy Seminar with Alex Fowler, Chief Privacy Officer, Mozilla') }}</span>
|
||||
<small>{{ _('GSMA Seminar Theatre 2 - CC1') }}</small>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-27T11:00" itemprop="startDate">11:00</time> – <time datetime="2014-02-27T13:00" itemprop="endDate">13:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Sharing Insights: Marketplace Content Partners and Firefox for Android') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2014-02-24T12:35" itemprop="endDate">12:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS: Today, Tomorrow and the Next Generation Design Story') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2014-02-24T13:35" itemprop="endDate">13:35</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Customizing for Market Needs') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2014-02-27T15:00" itemprop="startDate">15:00</time> – <time datetime="2014-02-27T15:25" itemprop="endDate">15:25</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div><!--/#schedule-days-->
|
||||
|
|
@ -0,0 +1,263 @@
|
|||
{% add_lang_files "firefox/includes/mwc_2015_schedule" %}
|
||||
|
||||
<div class="schedule-header">
|
||||
<small class="disclaimer">{{ _('Schedule is subject to change.') }}</small>
|
||||
</div>
|
||||
|
||||
<div class="schedule-days">
|
||||
<section class="schedule-day">
|
||||
<h1>
|
||||
<span>{{ _('Monday') }}</span>
|
||||
{{ _('March 2') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. The Independent Path. Overview and Opportunities.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T9:00" itemprop="startDate">9:00</time> – <time datetime="2015-03-24T10:00" itemprop="endDate">10:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2015-03-24T11:00" itemprop="endDate">11:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox on Mobile Devices') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2015-03-24T12:00" itemprop="endDate">12:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Building Mozilla Values into Firefox OS') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2015-03-24T13:00" itemprop="endDate">13:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Beyond Smartphones.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2015-03-24T14:00" itemprop="endDate">14:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Webmaker for Mobile. Building Local Content and Web Literacy') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T14:00" itemprop="startDate">14:00</time> – <time datetime="2015-03-24T15:00" itemprop="endDate">15:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2015-03-24T16:00" itemprop="endDate">16:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox Marketplace. Why We Chose the Web.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2015-03-24T17:00" itemprop="endDate">17:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS, the Web of Things and Open Web Hardware') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T17:00" itemprop="startDate">17:00</time> – <time datetime="2015-03-24T18:00" itemprop="endDate">18:00</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="schedule-day">
|
||||
<h1>
|
||||
<span>{{ _('Tuesday') }}</span>
|
||||
{{ _('March 3') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. The Independent Path. Overview and Opportunities.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T9:00" itemprop="startDate">9:00</time> – <time datetime="2015-03-24T10:00" itemprop="endDate">10:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2015-03-24T11:00" itemprop="endDate">11:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox on Mobile Devices') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2015-03-24T12:00" itemprop="endDate">12:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Building Mozilla Values into Firefox OS') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2015-03-24T13:00" itemprop="endDate">13:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Beyond Smartphones.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2015-03-24T14:00" itemprop="endDate">14:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Webmaker for Mobile. Building Local Content and Web Literacy') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T14:00" itemprop="startDate">14:00</time> – <time datetime="2015-03-24T15:00" itemprop="endDate">15:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2015-03-24T16:00" itemprop="endDate">16:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox Marketplace. Why We Chose the Web.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2015-03-24T17:00" itemprop="endDate">17:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS, the Web of Things and Open Web Hardware') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T17:00" itemprop="startDate">17:00</time> – <time datetime="2015-03-24T18:00" itemprop="endDate">18:00</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="schedule-day">
|
||||
<h1>
|
||||
<span>{{ _('Wednesday') }}</span>
|
||||
{{ _('March 4') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. The Independent Path. Overview and Opportunities.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T9:00" itemprop="startDate">9:00</time> – <time datetime="2015-03-24T10:00" itemprop="endDate">10:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2015-03-24T11:00" itemprop="endDate">11:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox on Mobile Devices') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2015-03-24T12:00" itemprop="endDate">12:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Building Mozilla Values into Firefox OS') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2015-03-24T13:00" itemprop="endDate">13:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Beyond Smartphones.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2015-03-24T14:00" itemprop="endDate">14:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Webmaker for Mobile. Building Local Content and Web Literacy') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T14:00" itemprop="startDate">14:00</time> – <time datetime="2015-03-24T15:00" itemprop="endDate">15:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2015-03-24T16:00" itemprop="endDate">16:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox Marketplace. Why We Chose the Web.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2015-03-24T17:00" itemprop="endDate">17:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS, the Web of Things and Open Web Hardware') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T17:00" itemprop="startDate">17:00</time> – <time datetime="2015-03-24T18:00" itemprop="endDate">18:00</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<section class="schedule-day last">
|
||||
<h1>
|
||||
<span>{{ _('Thursday') }}</span>
|
||||
{{ _('March 5') }}
|
||||
</h1>
|
||||
|
||||
<ol>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. The Independent Path. Overview and Opportunities.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T9:00" itemprop="startDate">9:00</time> – <time datetime="2015-03-24T10:00" itemprop="endDate">10:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T10:00" itemprop="startDate">10:00</time> – <time datetime="2015-03-24T11:00" itemprop="endDate">11:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox on Mobile Devices') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T11:00" itemprop="startDate">11:00</time> – <time datetime="2015-03-24T12:00" itemprop="endDate">12:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Building Mozilla Values into Firefox OS') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T12:00" itemprop="startDate">12:00</time> – <time datetime="2015-03-24T13:00" itemprop="endDate">13:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Beyond Smartphones.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T13:00" itemprop="startDate">13:00</time> – <time datetime="2015-03-24T14:00" itemprop="endDate">14:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Webmaker for Mobile. Building Local Content and Web Literacy') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T14:00" itemprop="startDate">14:00</time> – <time datetime="2015-03-24T15:00" itemprop="endDate">15:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS. Flexibility & Extensibility. Success Stories.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T15:00" itemprop="startDate">15:00</time> – <time datetime="2015-03-24T16:00" itemprop="endDate">16:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox Marketplace. Why We Chose the Web.') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T16:00" itemprop="startDate">16:00</time> – <time datetime="2015-03-24T17:00" itemprop="endDate">17:00</time>
|
||||
</div>
|
||||
</li>
|
||||
<li itemscope itemtype="http://schema.org/Event">
|
||||
<span itemprop="name">{{ _('Firefox OS, the Web of Things and Open Web Hardware') }}</span>
|
||||
<div class="timeframe">
|
||||
<time datetime="2015-03-24T17:00" itemprop="startDate">17:00</time> – <time datetime="2015-03-24T18:00" itemprop="endDate">18:00</time>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div><!--/#schedule-days-->
|
||||
|
|
@ -1,204 +0,0 @@
|
|||
{# 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/. #}
|
||||
|
||||
{% extends "firefox/base-resp.html" %}
|
||||
|
||||
{% block page_title_prefix %}{% endblock %}
|
||||
{% block page_title %}{{_('Blaze Your Own Path - Mozilla at MWC 2014')}}{% endblock %}
|
||||
|
||||
{% block body_id %}firefox-os{% endblock %}
|
||||
{% block body_class %}firefox-os{% endblock %}
|
||||
|
||||
{% block site_header_nav %}{% endblock %}
|
||||
{% block site_header_logo %}{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{% stylesheet 'firefox_os_mwc_2014_preview' %}
|
||||
<!--[if lt IE 8]>
|
||||
{% stylesheet 'firefox_os_mwc_2014_preview_ie7' %}
|
||||
<![endif]-->
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main role="main">
|
||||
<section id="intro">
|
||||
<div class="container">
|
||||
<img class="logo" src="{{ static('img/firefox/os/mwc-2014-preview/firefox-os.png') }}" alt="{{ _('Firefox OS') }}">
|
||||
|
||||
<div id="intro-copy">
|
||||
<header>
|
||||
<h1>{{ _('Blaze Your Own Path') }}</h1>
|
||||
<h2>{{ _('Mozilla at Mobile World Congress 2014') }}</h2>
|
||||
</header>
|
||||
|
||||
<p>
|
||||
{# L10n: <br> tags below are for formatting only. #}
|
||||
{% trans %}
|
||||
Firefox OS has gone from vision to demo to reality <br>in just two years,
|
||||
bringing openness, accessibility and <br>opportunity to 14 countries with
|
||||
3 hardware partners, <br>4 operators and 15 launches in 2013 alone.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{# L10n: <br> tags below are for formatting only. #}
|
||||
{% trans %}
|
||||
In the process, we’ve enabled operators, phone <br>manufacturers and
|
||||
developers to manage, customize <br>and improve relationships with their
|
||||
customers directly <br>through Firefox OS and Firefox Marketplace.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/mwc-logo.png') }}" alt="{{ _('Mobile World Congress') }}">
|
||||
</div>
|
||||
<figure id="intro-phone">
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/phone-fox.png') }}" alt="{{ _('Firefox OS') }}" />
|
||||
<div class="tail"></div>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="rays-container">
|
||||
<div class="rays-inner">
|
||||
<div class="rays-bottom"></div>
|
||||
<div class="rays-mid"></div>
|
||||
<div class="rays-top"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="info">
|
||||
<div class="container">
|
||||
<h3>{{ _('Thanks to all our 2013 launch partners') }}</h3>
|
||||
|
||||
<ul id="list-partners">
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/deutsche-telekom.png') }}" alt="{{ _('Deutsche Telekom') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/qualcomm.png') }}" alt="{{ _('Qualcomm') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/telenor.png') }}" alt="{{ _('Telenor') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/telefonica.png') }}" alt="{{ _('Telefonica') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/lg.png') }}" alt="{{ _('LG') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/alcatel.png') }}" alt="{{ _('Alcatel') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/telecom-italia.png') }}" alt="{{ _('Telecom Italia') }}">
|
||||
</li>
|
||||
<li>
|
||||
<img src="{{ static('img/firefox/os/mwc-2014-preview/partners/zte.png') }}" alt="{{ _('ZTE') }}">
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>{{ _('Here’s how you can be a part of it') }}</h3>
|
||||
|
||||
<ul id="list-how">
|
||||
<li id="how-look">
|
||||
<h4>{{ _('Look') }}</h4>
|
||||
|
||||
<p>
|
||||
{{ _('Join us to see our products in action and what they can do for you at our stand in Hall 3.') }}
|
||||
</p>
|
||||
|
||||
<a id="map-link" class="arrow modal-link" href="#map">{{ _('View the map') }}</a>
|
||||
</li>
|
||||
<li id="how-listen">
|
||||
<h4>{{ _('Listen') }}</h4>
|
||||
|
||||
<p>
|
||||
{{ _('We will be giving presentations at our booth and also participating in sponsored MWC sessions.') }}
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li><a id="schedule-link" class="arrow modal-link" href="#schedule">{{ _('See the schedule') }}</a></li>
|
||||
<li><a href="http://www.cvent.com/d/54qpfq" rel="external">{{ _('Register for a session') }}</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li id="how-learn" class="last">
|
||||
<h4>{{ _('Learn') }}</h4>
|
||||
|
||||
<p>
|
||||
{% trans url1=url('mozorg.partnerships') %}
|
||||
Contact our <a href="{{ url1 }}">business development team</a> to get on board.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{% trans url1='mailto:press@mozilla.com' %}
|
||||
Get the latest information from our press team at <a class="ga" href="{{ url1 }}">press@mozilla.com</a>.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>{{ _('The proof is in the platform') }}</h3>
|
||||
|
||||
<ul id="list-platform">
|
||||
<li id="platform-firefoxos">
|
||||
<h4>{{ _('Firefox OS') }}</h4>
|
||||
|
||||
<p>
|
||||
{{ _('We’re working with major global partners to enable the Open Web
|
||||
as a platform for mobile devices, free from the rules and
|
||||
restrictions of existing proprietary platforms.') }}
|
||||
|
||||
{{ _('This allows operators and manufacturers to customize phones to
|
||||
meet the specific needs of their target markets and to own and
|
||||
manage the relationship with their customers themselves.') }}
|
||||
|
||||
<a class="arrow" href="{{ url('firefox.os.index') }}">{{ _('Learn more') }}</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>{{ _('Firefox Marketplace') }}</h4>
|
||||
|
||||
<p>
|
||||
{{ _('The Marketplace offers an open app environment that leverages
|
||||
the scale of the Web as a development platform, allowing
|
||||
operators, manufacturers and developers greater flexibility.') }}
|
||||
|
||||
{{ _('It is now possible to provide unique app content and a customized
|
||||
experience targeted at users’ demographics and usage while owning
|
||||
billing and payment relationships.') }}
|
||||
|
||||
<a class="arrow ga" href="https://marketplace.firefox.com">{{ _('Learn more') }}</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="modal-content">
|
||||
<section id="map">
|
||||
<div class="container">
|
||||
<h1 class="modal-content-header">{{ _('Firefox at MWC 2014 – Hall 3, Stand 3C30') }}</h1>
|
||||
|
||||
{% include "firefox/includes/mwc_2014_map.html" %}
|
||||
</div>
|
||||
</section> <!--/#map-->
|
||||
|
||||
<section id="schedule">
|
||||
<div class="container">
|
||||
<h1 class="modal-content-header">{{ _('Firefox at MWC 2014 – Schedule of Events') }}</h1>
|
||||
|
||||
{% include "/firefox/includes/mwc_2014_schedule.html" %}
|
||||
</div><!--/.container-->
|
||||
</section>
|
||||
</div> <!--/#modal-content-->
|
||||
</main>
|
||||
|
||||
{% block email_form %}{% endblock %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{% javascript 'firefox_os_mwc_2014_preview' %}
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,177 @@
|
|||
{# 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/. #}
|
||||
|
||||
{% extends "firefox/base-resp.html" %}
|
||||
|
||||
{% block page_title_prefix %}{% endblock %}
|
||||
{% block page_title %}{{_('Blaze Your Own Path - Mozilla at MWC 2015')}}{% endblock %}
|
||||
|
||||
{% block body_id %}firefox-os{% endblock %}
|
||||
{% block body_class %}firefox-os{% endblock %}
|
||||
|
||||
{% block site_header_nav %}{% endblock %}
|
||||
{% block site_header_logo %}{% endblock %}
|
||||
|
||||
{% block site_css %}
|
||||
{% stylesheet 'firefox_os_mwc_2015_preview' %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<main role="main">
|
||||
<section id="intro">
|
||||
<div class="container">
|
||||
<h2 class="logo">
|
||||
{{ high_res_img('img/firefox/os/mwc-2015-preview/firefox-os.png', {'alt': 'Firefox OS', 'width': '224', 'height': '70'}) }}
|
||||
</h2>
|
||||
|
||||
<div id="intro-copy">
|
||||
<header>
|
||||
<h1>{{ _('Unleash the future') }}</h1>
|
||||
<h2>{{ _('Mozilla at Mobile World Congress 2015') }}</h2>
|
||||
</header>
|
||||
|
||||
<p>
|
||||
{{ _('Since launching just two short years ago, Firefox OS has gone through some dramatic growth and exciting changes.') }}
|
||||
{{ _('Now in over 30 countries around the globe, Firefox OS devices are available from entry level handsets to mid-tier smartphones manufactured by top-end partners.') }}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{{ _('For 2015, we’re going to continue to build on what we’ve started.') }}
|
||||
{{ _('We’ve seen 50+ launches since July 2013 and things are about to get even more exciting.') }}
|
||||
{{ _('We’re introducing new chipsets in India and the Philippines, continuing to build the Firefox Marketplace with a bigger ecosystem and even more content, and with our partner Panasonic, we’re about to release a line of Firefox OS-powered televisions out into the world.') }}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{{ _('Come and partner with Firefox OS — the most exciting new platform in mobile.') }}
|
||||
</p>
|
||||
|
||||
{{ high_res_img('img/firefox/os/mwc-2015-preview/mwc-logo.png', {'alt': 'Mobile World Congress', 'width': '168', 'height': '68'}) }}
|
||||
</div>
|
||||
<div id="intro-phone">
|
||||
<img src="{{ static('img/firefox/os/mwc-2015-preview/phone-fox.png') }}" alt="" />
|
||||
<div class="tail"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rays-container">
|
||||
<div class="rays-inner">
|
||||
<div class="rays-bottom"></div>
|
||||
<div class="rays-mid"></div>
|
||||
<div class="rays-top"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="info">
|
||||
<div class="container">
|
||||
<h3>{{ _('Be part of our growing family of partners') }}</h3>
|
||||
<ul id="list-partners">
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/alcatel.png', {'alt': 'Alcatel OneTouch', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/america-movil.png', {'alt': 'America Movil', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/cherry-mobile.png', {'alt': 'Cherry Mobile', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/deutsche-telekom.png', {'alt': 'Deutsche Telekom', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/grameenphone.png', {'alt': 'GrameenPhone', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/huawei.png', {'alt': 'Huawei', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/intex.png', {'alt': 'Intex', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/kddi.png', {'alt': 'KDDI', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/megafon.png', {'alt': 'MegaFon', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/panasonic.png', {'alt': 'Panasonic', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/qualcomm.png', {'alt': 'Qualcomm', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/spice.png', {'alt': 'Spice', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/spreadtrum.png', {'alt': 'Spreadtrum', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/symphony.png', {'alt': 'Symphony', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/telecom-italia.png', {'alt': 'Telecom Italia', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/telefonica.png', {'alt': 'Telefonica', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/telenor.png', {'alt': 'Telenor', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/zen-mobile.png', {'alt': 'ZEN Mobile', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/zte.png', {'alt': 'ZTE', 'width': '220', 'height': '100'}) }}</li>
|
||||
<li>{{ high_res_img('img/firefox/os/mwc-2015-preview/partners/lg.png', {'alt': 'LG', 'width': '220', 'height': '100'}) }}</li>
|
||||
</ul>
|
||||
|
||||
<h3>{{ _('Here’s how') }}</h3>
|
||||
|
||||
<ul id="list-how">
|
||||
<li id="how-look">
|
||||
<h4>{{ _('Visit our booth') }}</h4>
|
||||
<p>
|
||||
{{ _('Join us at our stand in Hall 3 to see our products in action and what they can do for you.') }}
|
||||
</p>
|
||||
<a id="map-link" class="arrow modal-link" href="#map">{{ _('View the map') }}</a>
|
||||
</li>
|
||||
<li id="how-listen">
|
||||
<h4>{{ _('Watch a presentation') }}</h4>
|
||||
<p>
|
||||
{{ _('We’ll be delivering a few at our booth and participating in some sponsored MWC sessions.') }}
|
||||
</p>
|
||||
<a id="schedule-link" class="arrow modal-link" href="#schedule">{{ _('See the schedule') }}</a>
|
||||
</li>
|
||||
<li id="how-learn" class="last">
|
||||
<h4>{{ _('Partner with us') }}</h4>
|
||||
<p>
|
||||
{% trans url1='mailto:mwc2015@mozilla.com' %}
|
||||
To get on board with us, or for any partnership inquiries, email our Business Development Team at <a class="ga" href="{{ url1 }}">mwc2015@mozilla.com</a>.
|
||||
{% endtrans %}
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3>{{ _('The future is open') }}</h3>
|
||||
|
||||
<ul id="list-platform">
|
||||
<li id="platform-firefoxos">
|
||||
<h4>
|
||||
{{ high_res_img('img/firefox/os/mwc-2015-preview/platform-firefox-os.png', {'alt': 'Firefox OS', 'width': '262', 'height': '76'}) }}
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
{{ _('We’re working with major global partners to enable the Open Web as a platform for mobile devices, free from the rules and restrictions of existing proprietary platforms.') }}
|
||||
|
||||
{{ _('This allows operators and manufacturers to customize phones to meet the specific needs of their target markets and to own and manage the relationship with their customers themselves.') }}
|
||||
|
||||
<a class="arrow" href="{{ url('firefox.os.index') }}">{{ _('Learn more') }}</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>
|
||||
{{ high_res_img('img/firefox/os/mwc-2015-preview/platform-firefox-marketplace.png', {'alt': 'Firefox Marketplace', 'width': '436', 'height': '76'}) }}
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
{{ _('Firefox Marketplace offers an open app environment that leverages the scale of the Web as a development platform, allowing operators, manufacturers and developers greater flexibility.') }}
|
||||
|
||||
{{ _('It is now possible to provide unique app content and a customized experience targeted at users’ demographics and usage while owning billing and payment relationships.') }}
|
||||
|
||||
<a class="arrow ga" href="https://marketplace.firefox.com">{{ _('Learn more') }}</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="modal-content">
|
||||
<section id="map">
|
||||
<div class="container">
|
||||
<h1 class="modal-content-header">{{ _('Firefox at MWC 2015 – Hall 3, Stand 3C30') }}</h1>
|
||||
|
||||
{% include "firefox/includes/mwc_2015_map.html" %}
|
||||
</div>
|
||||
</section> <!--/#map-->
|
||||
|
||||
<section id="schedule">
|
||||
<div class="container">
|
||||
<h1 class="modal-content-header">{{ _('Firefox at MWC 2015 – Schedule of Events') }}</h1>
|
||||
|
||||
{% include "/firefox/includes/mwc_2015_schedule.html" %}
|
||||
</div><!--/.container-->
|
||||
</section>
|
||||
</div> <!--/#modal-content-->
|
||||
</main>
|
||||
|
||||
{% block email_form %}{% endblock %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block js %}
|
||||
{% javascript 'firefox_os_mwc_2015_preview' %}
|
||||
{% endblock %}
|
||||
|
|
@ -76,8 +76,9 @@ urlpatterns = patterns('',
|
|||
page('firefox/os', 'firefox/os/index.html'),
|
||||
page('firefox/os/releases', 'firefox/os/releases.html'),
|
||||
|
||||
page('mwc', 'firefox/os/mwc-2015-preview.html',
|
||||
decorators=waffle_switch('mwc-2015-preview')),
|
||||
|
||||
page('mwc', 'firefox/os/mwc-2014-preview.html'),
|
||||
page('firefox/os/devices', 'firefox/os/devices.html'),
|
||||
page('firefox/os/devices/tv', 'firefox/os/tv.html',
|
||||
decorators=waffle_switch('firefox-os-tv')),
|
||||
|
|
|
|||
|
|
@ -532,18 +532,12 @@ PIPELINE_CSS = {
|
|||
),
|
||||
'output_filename': 'css/firefox_os_devices_ie-bundle.css',
|
||||
},
|
||||
'firefox_os_mwc_2014_preview': {
|
||||
'firefox_os_mwc_2015_preview': {
|
||||
'source_filenames': (
|
||||
'css/base/mozilla-modal.less',
|
||||
'css/firefox/os/mwc-2014-preview.less',
|
||||
'css/firefox/os/mwc-2015-preview.less',
|
||||
),
|
||||
'output_filename': 'css/firefox_os_mwc_2014_preview-bundle.css',
|
||||
},
|
||||
'firefox_os_mwc_2014_preview_ie7': {
|
||||
'source_filenames': (
|
||||
'css/firefox/os/mwc-2014-preview-ie7.less',
|
||||
),
|
||||
'output_filename': 'css/firefox_os_mwc_2014_preview_ie7-bundle.css',
|
||||
'output_filename': 'css/firefox_os_mwc_2015_preview-bundle.css',
|
||||
},
|
||||
'firefox_os_tv': {
|
||||
'source_filenames': (
|
||||
|
|
@ -1287,13 +1281,13 @@ PIPELINE_JS = {
|
|||
),
|
||||
'output_filename': 'js/firefox_os_devices-bundle.js',
|
||||
},
|
||||
'firefox_os_mwc_2014_preview': {
|
||||
'firefox_os_mwc_2015_preview': {
|
||||
'source_filenames': (
|
||||
'js/base/mozilla-modal.js',
|
||||
'js/firefox/mwc-2014-map.js',
|
||||
'js/firefox/os/mwc-2014-preview.js',
|
||||
'js/firefox/mwc-2015-map.js',
|
||||
'js/firefox/os/mwc-2015-preview.js',
|
||||
),
|
||||
'output_filename': 'js/firefox_os_mwc_2014_preview-bundle.js',
|
||||
'output_filename': 'js/firefox_os_mwc_2015_preview-bundle.js',
|
||||
},
|
||||
'firefox_os_tv': {
|
||||
'source_filenames': (
|
||||
|
|
|
|||
|
|
@ -392,9 +392,6 @@ RewriteRule ^/telemetry/?$ /b/telemetry/ [PT]
|
|||
# bug 829091
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?firefox/partners(.*)$ /b/$1firefox/partners$2 [PT]
|
||||
|
||||
# bug 831810
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?mwc/?$ /$1firefox/partners/?utm_source=mozilla.org&utm_medium=referral&utm_campaign=mwc-redirect [NC,L,R=302]
|
||||
|
||||
# bug 957763
|
||||
RewriteRule ^/(\w{2,3}(?:-\w{2})?/)?mwc(/?)$ /b/$1mwc$2 [PT]
|
||||
|
||||
|
|
|
|||
|
|
@ -1,64 +0,0 @@
|
|||
@import "../sandstone/lib.less";
|
||||
|
||||
#map-container {
|
||||
width: 100%;
|
||||
height: 394px;
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
|
||||
// force scrollbar to stay visible on webkit
|
||||
&::-webkit-scrollbar {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar:horizontal {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
border-radius: 8px;
|
||||
border: 2px solid white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
#map-image {
|
||||
background: url(/media/img/firefox/os/mwc-2014-preview/map.png) top left no-repeat;
|
||||
width: 1857px;
|
||||
height: 394px;
|
||||
}
|
||||
|
||||
#map-menu {
|
||||
.clearfix;
|
||||
|
||||
a {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 320px */
|
||||
@media only screen and (max-width: @breakMobileLandscape) {
|
||||
#map-container {
|
||||
height: 268px;
|
||||
}
|
||||
|
||||
#map-image {
|
||||
background: url(/media/img/firefox/os/mwc-2014-preview/map-mobile.png) top left no-repeat;
|
||||
width: 1267px;
|
||||
height: 268;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 480px */
|
||||
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
|
||||
#map-container {
|
||||
height: 268px;
|
||||
}
|
||||
|
||||
#map-image {
|
||||
background: url(/media/img/firefox/os/mwc-2014-preview/map-mobile.png) top left no-repeat;
|
||||
width: 1267px;
|
||||
height: 268;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,181 +0,0 @@
|
|||
@import "../sandstone/lib.less";
|
||||
|
||||
.schedule-header {
|
||||
.clearfix;
|
||||
}
|
||||
|
||||
.disclaimer {
|
||||
float: left;
|
||||
width: 45%;
|
||||
display: block;
|
||||
.font-size(@largeFontSize);
|
||||
.open-sans-light;
|
||||
margin-bottom: @baseLine / 2;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.schedule-register-link {
|
||||
float: right;
|
||||
width: 45%;
|
||||
text-align: right;
|
||||
|
||||
&:after {
|
||||
content: ' »';
|
||||
}
|
||||
}
|
||||
|
||||
.schedule-days {
|
||||
border: 1px solid #e0e0e0;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
display: table-cell;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
width: 25%;
|
||||
.border-box;
|
||||
|
||||
&.last {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding: (@baseLine / 2) @baseLine;
|
||||
margin-bottom: @baseLine;
|
||||
border-bottom: 1px solid #cccfd1;
|
||||
background: #f4f6f6;
|
||||
background: -webkit-linear-gradient(top, #f4f6f6 0%,#ecedee 100%);
|
||||
background: linear-gradient(to bottom, #f4f6f6 0%,#ecedee 100%);
|
||||
.font-size(18px);
|
||||
.open-sans;
|
||||
color: @textColorSecondary;
|
||||
letter-spacing: 0;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
.font-size(@smallFontSize);
|
||||
.open-sans;
|
||||
color: #8d8d8d;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0 @baseLine 14px;
|
||||
list-style-type: none;
|
||||
.font-size(@baseFontSize);
|
||||
line-height: 18px;
|
||||
.open-sans-light;
|
||||
color: @textColorSecondary;
|
||||
}
|
||||
|
||||
.timeframe {
|
||||
margin-top: 4px;
|
||||
.font-size(@smallFontSize);
|
||||
background: url(/media/img/firefox/os/mwc-2014-preview/sprite-icons.png) left -85px no-repeat;
|
||||
padding-left: @baseLine;
|
||||
}
|
||||
|
||||
small {
|
||||
.font-size(@smallFontSize);
|
||||
display: block;
|
||||
margin-top: @baseLine / 2;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet Layout: 760px */
|
||||
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {
|
||||
.schedule-day {
|
||||
.timeframe {
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 320px */
|
||||
@media only screen and (max-width: @breakMobileLandscape) {
|
||||
.disclaimer {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.schedule-register-link {
|
||||
float: none;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin-bottom: @baseLine / 2;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.schedule-days {
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
|
||||
&.last {
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-top: 1px solid #cccfd1;
|
||||
}
|
||||
}
|
||||
|
||||
#modal .window .inner .schedule-day header {
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 480px */
|
||||
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
|
||||
.disclaimer {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.schedule-register-link {
|
||||
float: none;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin-bottom: @baseLine / 2;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.schedule-days {
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
display: block;
|
||||
width: auto;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
|
||||
&.last {
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-top: 1px solid #cccfd1;
|
||||
}
|
||||
}
|
||||
|
||||
#modal .window .inner .schedule-day header {
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
@import "../sandstone/lib.less";
|
||||
|
||||
#map-container {
|
||||
width: 100%;
|
||||
height: 394px;
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
|
||||
// force scrollbar to stay visible on webkit
|
||||
&::-webkit-scrollbar {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar:horizontal {
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
border-radius: 8px;
|
||||
border: 2px solid white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
#map-image {
|
||||
background: url(/media/img/firefox/os/mwc-2015-preview/map.png) top left no-repeat;
|
||||
width: 1857px;
|
||||
height: 394px;
|
||||
}
|
||||
|
||||
#map-menu {
|
||||
.clearfix;
|
||||
|
||||
a {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 320px */
|
||||
@media only screen and (max-width: @breakMobileLandscape) {
|
||||
#map-container {
|
||||
height: 268px;
|
||||
}
|
||||
|
||||
#map-image {
|
||||
background: url(/media/img/firefox/os/mwc-2015-preview/map-mobile.png) top left no-repeat;
|
||||
width: 1267px;
|
||||
height: 268;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 480px */
|
||||
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
|
||||
#map-container {
|
||||
height: 268px;
|
||||
}
|
||||
|
||||
#map-image {
|
||||
background: url(/media/img/firefox/os/mwc-2015-preview/map-mobile.png) top left no-repeat;
|
||||
width: 1267px;
|
||||
height: 268;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
@import "../sandstone/lib.less";
|
||||
|
||||
.schedule-header {
|
||||
.clearfix;
|
||||
}
|
||||
|
||||
.disclaimer {
|
||||
float: left;
|
||||
width: 45%;
|
||||
display: block;
|
||||
.font-size(@largeFontSize);
|
||||
.open-sans-light;
|
||||
margin-bottom: @baseLine / 2;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.schedule-register-link {
|
||||
float: right;
|
||||
width: 45%;
|
||||
text-align: right;
|
||||
|
||||
&:after {
|
||||
content: ' »';
|
||||
}
|
||||
}
|
||||
|
||||
.schedule-days {
|
||||
border: 1px solid #e0e0e0;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
display: table-cell;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
width: 25%;
|
||||
.border-box;
|
||||
|
||||
&.last {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding: (@baseLine / 2) @baseLine;
|
||||
margin-bottom: @baseLine;
|
||||
border-bottom: 1px solid #cccfd1;
|
||||
background: #f4f6f6;
|
||||
background: -webkit-linear-gradient(top, #f4f6f6 0%,#ecedee 100%);
|
||||
background: linear-gradient(to bottom, #f4f6f6 0%,#ecedee 100%);
|
||||
.font-size(18px);
|
||||
.open-sans;
|
||||
color: @textColorSecondary;
|
||||
letter-spacing: 0;
|
||||
|
||||
span {
|
||||
display: block;
|
||||
.font-size(@smallFontSize);
|
||||
.open-sans;
|
||||
color: #8d8d8d;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0 @baseLine 14px;
|
||||
list-style-type: none;
|
||||
.font-size(@baseFontSize);
|
||||
line-height: 18px;
|
||||
.open-sans-light;
|
||||
color: @textColorSecondary;
|
||||
}
|
||||
|
||||
.timeframe {
|
||||
margin-top: 4px;
|
||||
.font-size(@smallFontSize);
|
||||
background: url(/media/img/firefox/os/mwc-2015-preview/sprite-icons.png) left -85px no-repeat;
|
||||
padding-left: @baseLine;
|
||||
}
|
||||
|
||||
small {
|
||||
.font-size(@smallFontSize);
|
||||
display: block;
|
||||
margin-top: @baseLine / 2;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet Layout: 760px */
|
||||
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {
|
||||
.schedule-day {
|
||||
.timeframe {
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 320px */
|
||||
@media only screen and (max-width: @breakMobileLandscape) {
|
||||
.disclaimer {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.schedule-register-link {
|
||||
float: none;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin-bottom: @baseLine / 2;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.schedule-days {
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
|
||||
&.last {
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-top: 1px solid #cccfd1;
|
||||
}
|
||||
}
|
||||
|
||||
#modal .window .inner .schedule-day header {
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 480px */
|
||||
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
|
||||
.disclaimer {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.schedule-register-link {
|
||||
float: none;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin-bottom: @baseLine / 2;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.schedule-days {
|
||||
display: block;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
display: block;
|
||||
width: auto;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
|
||||
&.last {
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-top: 1px solid #cccfd1;
|
||||
}
|
||||
}
|
||||
|
||||
#modal .window .inner .schedule-day header {
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
// 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/.
|
||||
|
||||
@import "../../sandstone/sandstone-resp.less";
|
||||
|
||||
#schedule-days {
|
||||
display: block;
|
||||
.clearfix;
|
||||
}
|
||||
|
||||
.schedule-day {
|
||||
float: left;
|
||||
width: 24%;
|
||||
}
|
||||
|
|
@ -1,818 +0,0 @@
|
|||
// 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/.
|
||||
|
||||
@import "../../sandstone/sandstone-resp.less";
|
||||
@import "../../firefox/mwc-2014-schedule.less";
|
||||
@import "../../firefox/mwc-2014-map.less";
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans Extrabold';
|
||||
src: url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix-2013') format('embedded-opentype'),
|
||||
url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
|
||||
url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype');
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* {{{ Template overrides */
|
||||
|
||||
html {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
min-width: @widthDesktop;
|
||||
}
|
||||
|
||||
#outer-wrapper {
|
||||
background: #0f9fdb;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width: @widthDesktop;
|
||||
padding-bottom: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthDesktop - (@gridGutterWidth * 2);
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 940px;
|
||||
z-index: 2; // forces grain/noise :after bg to be under text
|
||||
}
|
||||
|
||||
#intro {
|
||||
position: relative;
|
||||
// push up into #masthead
|
||||
top: -44px;
|
||||
padding-top: 44px;
|
||||
width: 100%;
|
||||
background: #0f9fdb;
|
||||
background: -webkit-linear-gradient(top, #0f9fdb 0%,#0055a0 100%);
|
||||
background: linear-gradient(to bottom, #0f9fdb 0%,#0055a0 100%);
|
||||
overflow: hidden;
|
||||
box-shadow: inset 0 -14px 14px -10px rgba(0, 0, 0, 0.4);
|
||||
|
||||
.logo {
|
||||
display: block;
|
||||
margin-bottom: @baseLine * 2;
|
||||
}
|
||||
|
||||
.container {
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
float: left;
|
||||
width: 480px;
|
||||
color: #fff;
|
||||
.font-size(@largeFontSize);
|
||||
padding-bottom: @baseLine * 3;
|
||||
|
||||
header {
|
||||
margin-bottom: @baseLine * 1.5;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
.open-sans-extrabold;
|
||||
font-style: italic;
|
||||
.font-size(78px);
|
||||
letter-spacing: -3px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
.font-size(20px);
|
||||
font-weight: bold;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: @baseLine * 1.5;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-top: @baseLine * 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
float: left;
|
||||
width: 460px;
|
||||
height: 650px;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
max-width: 495px;
|
||||
width: 495px;
|
||||
height: 697px;
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.tail {
|
||||
z-index: 3;
|
||||
left: 53%;
|
||||
top: 115px;
|
||||
position: absolute;
|
||||
width: 530px;
|
||||
height: 244px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2014-preview/fox-tail.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
position: relative;
|
||||
// compensate for negative top value on #intro section
|
||||
margin-top: -44px;
|
||||
background: #eaeff2;
|
||||
background: -webkit-linear-gradient(top, #eaeff2 0%,#d4dde4 100%);
|
||||
background: linear-gradient(to bottom, #eaeff2 0%,#d4dde4 100%);
|
||||
padding: (@baseLine * 3) 0;
|
||||
color: @textColorSecondary;
|
||||
|
||||
&:after {
|
||||
z-index: 0;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: url(/media/img/firefox/new/bg-noise.png);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #4e4f53;
|
||||
.font-size(20px);
|
||||
line-height: 140%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
margin: 0 auto @baseLine*2 auto;
|
||||
padding-bottom: @baseLine/2;
|
||||
width: 500px;
|
||||
border-bottom: 1px solid #cacaca;
|
||||
}
|
||||
|
||||
.arrow:after {
|
||||
content: ' »';
|
||||
}
|
||||
|
||||
.modal-link {
|
||||
background: url(/media/img/firefox/os/mwc-2014-preview/sprite-icons.png) left 2px no-repeat;
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
// common list properties
|
||||
ul {
|
||||
.clearfix;
|
||||
margin-bottom: @baseLine*4;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
.font-size(@smallFontSize);
|
||||
line-height: 20px;
|
||||
|
||||
h4 {
|
||||
.font-size(20px);
|
||||
font-style: italic;
|
||||
margin-bottom: @baseLine;
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
small {
|
||||
font-style: italic;
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#list-partners {
|
||||
li {
|
||||
width: 235px;
|
||||
height: 73px;
|
||||
text-align: center;
|
||||
margin: 0 0 @baseLine 0;
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#list-how {
|
||||
li {
|
||||
width: 210px;
|
||||
margin-right: 65px;
|
||||
padding-left: 60px;
|
||||
background-image: url(/media/img/firefox/os/mwc-2014-preview/sprite-how.png);
|
||||
background-repeat: no-repeat;
|
||||
&.last {
|
||||
margin-right: 0;
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: none;
|
||||
a {
|
||||
padding-left: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#how-look {
|
||||
background-position: 0 50px;
|
||||
}
|
||||
|
||||
#how-listen {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
#how-learn {
|
||||
background-position: 0 -350px;
|
||||
}
|
||||
|
||||
#list-platform {
|
||||
width: 860px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
li {
|
||||
width: 380px;
|
||||
padding-top: 175px;
|
||||
background-image: url(/media/img/firefox/os/mwc-2014-preview/sprite-platform.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -550px 0;
|
||||
}
|
||||
#platform-firefoxos {
|
||||
margin-right: 100px;
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Light rays */
|
||||
|
||||
.rays-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
position: relative;
|
||||
width: 1000px;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
position: absolute;
|
||||
top: 210px;
|
||||
left: 412px;
|
||||
width: 654px;
|
||||
height: 571px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2014-preview/rays-top.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
-webkit-animation: 240s rayRotate infinite linear;
|
||||
-moz-animation: 240s rayRotate infinite linear;
|
||||
-o-animation: 240s rayRotate infinite linear;
|
||||
animation: 240s rayRotate infinite linear;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: 300px;
|
||||
width: 866px;
|
||||
height: 849px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2014-preview/rays-mid.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
-webkit-animation: 240s rayRotate infinite linear;
|
||||
-moz-animation: 240s rayRotate infinite linear;
|
||||
-o-animation: 240s rayRotate infinite linear;
|
||||
animation: 240s rayRotate infinite linear;
|
||||
-webkit-animation-direction: reverse;
|
||||
-moz-animation-direction: reverse;
|
||||
-o-animation-direction: reverse;
|
||||
animation-direction: reverse;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
left: 140px;
|
||||
width: 1160px;
|
||||
height: 1187px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2014-preview/rays-bottom.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rayRotate {
|
||||
0% {
|
||||
-webkit-transform-origin: center center;
|
||||
-webkit-transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: center center;
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rayRotate {
|
||||
0% {
|
||||
-moz-transform-origin: center center;
|
||||
-moz-transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: center center;
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rayRotate {
|
||||
0% {
|
||||
-o-transform-origin: center center;
|
||||
-o-transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: center center;
|
||||
-o-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rayRotate {
|
||||
0% {
|
||||
transform-origin: center center;
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform-origin: center center;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
|
||||
#colophon {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media only screen {
|
||||
#wrapper {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#map, #schedule {
|
||||
background: #fff;
|
||||
.clearfix;
|
||||
padding: (@baseLine * 2) 0;
|
||||
}
|
||||
|
||||
#modal {
|
||||
.container {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.window .inner .schedule-day header {
|
||||
padding: 14px @baseLine 12px;
|
||||
background: #f4f6f6;
|
||||
background: -webkit-linear-gradient(top, #f4f6f6 0%,#ecedee 100%);
|
||||
background: linear-gradient(to bottom, #f4f6f6 0%,#ecedee 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.js {
|
||||
.modal-content, .modal-content-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet Layout: 760px */
|
||||
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {
|
||||
html, body {
|
||||
min-width: @widthTablet;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthTablet - (@gridGutterWidth * 2);
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthTablet - (@gridGutterWidth * 2);
|
||||
}
|
||||
|
||||
#intro {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
width: 380px;
|
||||
.font-size(@baseFontSize);
|
||||
|
||||
h1 {
|
||||
.font-size(60px);
|
||||
}
|
||||
|
||||
h2 {
|
||||
.font-size(18px);
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
width: 340px;
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tail {
|
||||
width: 366px;
|
||||
height: 168px;
|
||||
left: 49%;
|
||||
top: 85px;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
#list-how {
|
||||
li {
|
||||
width: 152px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
#list-platform {
|
||||
width: 720px;
|
||||
li {
|
||||
width: 310px;
|
||||
background-position: -585px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
width: 450px;
|
||||
height: 394px;
|
||||
top: 232px;
|
||||
left: 286px;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
width: 598px;
|
||||
height: 586px;
|
||||
top: 115px;
|
||||
left: 220px;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
width: 800px;
|
||||
height: 819px;
|
||||
top: 50px;
|
||||
left: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 320px */
|
||||
@media only screen and (max-width: @breakMobileLandscape) {
|
||||
html, body {
|
||||
min-width: @widthMobile;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthMobile - @gridGutterWidth;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthMobile - @gridGutterWidth;
|
||||
}
|
||||
|
||||
#intro {
|
||||
min-height: 0;
|
||||
.logo {
|
||||
margin-bottom: @baseLine * 2;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
float: none;
|
||||
width: 300px;
|
||||
.font-size(@baseFontSize);
|
||||
|
||||
h1 {
|
||||
.font-size(44px);
|
||||
}
|
||||
|
||||
h2 {
|
||||
.font-size(@baseFontSize);
|
||||
}
|
||||
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-top: @baseLine / 2;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
float: none;
|
||||
width: 300px;
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tail {
|
||||
width: 318px;
|
||||
height: 146px;
|
||||
left: 49%;
|
||||
top: 75px;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
h3 {
|
||||
width: auto;
|
||||
.font-size(22px);
|
||||
margin-bottom: @baseLine;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: @baseLine*2;
|
||||
|
||||
li strong {
|
||||
margin-bottom: @baseLine/2;
|
||||
.font-size(@largeFontSize);
|
||||
}
|
||||
}
|
||||
|
||||
#list-partners {
|
||||
li {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
#list-how {
|
||||
li {
|
||||
width: 240px;
|
||||
margin: 0 0 @baseLine 0;
|
||||
}
|
||||
}
|
||||
|
||||
#how-look {
|
||||
background-position: 0 10px;
|
||||
}
|
||||
|
||||
#how-listen {
|
||||
background-position: 0 -190px;
|
||||
}
|
||||
|
||||
#how-learn {
|
||||
background-position: 0 -390px;
|
||||
}
|
||||
|
||||
#list-platform {
|
||||
width: 300px;
|
||||
li {
|
||||
float: none;
|
||||
width: 300px;
|
||||
padding-top: 90px;
|
||||
background-position: -185px 0;
|
||||
background-size: 120%;
|
||||
}
|
||||
#platform-firefoxos {
|
||||
margin-right: 0;
|
||||
background-position: 80px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
width: 392px;
|
||||
height: 342px;
|
||||
top: auto;
|
||||
bottom: 10px;
|
||||
left: -44px;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
width: 519px;
|
||||
height: 509px;
|
||||
top: auto;
|
||||
bottom: -70px;
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
width: 696px;
|
||||
height: 712px;
|
||||
top: auto;
|
||||
bottom: -150px;
|
||||
left: -224px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 480px */
|
||||
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
|
||||
html, body {
|
||||
min-width: @widthMobileLandscape;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthMobileLandscape - @gridGutterWidth;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthMobileLandscape - @gridGutterWidth;
|
||||
}
|
||||
|
||||
#intro {
|
||||
min-height: 0;
|
||||
.logo {
|
||||
margin-bottom: @baseLine * 2;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
float: none;
|
||||
width: 420px;
|
||||
.font-size(@baseFontSize);
|
||||
|
||||
h1 {
|
||||
.font-size(60px);
|
||||
}
|
||||
|
||||
h2 {
|
||||
.font-size(20px);
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
float: none;
|
||||
width: 420px;
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tail {
|
||||
width: 450px;
|
||||
height: 207px;
|
||||
left: 49%;
|
||||
top: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
h3 {
|
||||
width: auto;
|
||||
.font-size(22px);
|
||||
margin-bottom: @baseLine;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: @baseLine*2;
|
||||
|
||||
li strong {
|
||||
margin-bottom: @baseLine/2;
|
||||
.font-size(@largeFontSize);
|
||||
}
|
||||
}
|
||||
|
||||
#list-partners {
|
||||
li {
|
||||
width: 210px;
|
||||
}
|
||||
}
|
||||
|
||||
#list-how {
|
||||
li {
|
||||
width: 360px;
|
||||
margin: 0 0 @baseLine 0;
|
||||
}
|
||||
}
|
||||
|
||||
#how-look {
|
||||
background-position: 0 10px;
|
||||
}
|
||||
|
||||
#how-listen {
|
||||
background-position: 0 -190px;
|
||||
}
|
||||
|
||||
#how-learn {
|
||||
background-position: 0 -390px;
|
||||
}
|
||||
|
||||
#list-platform {
|
||||
width: 420px;
|
||||
li {
|
||||
float: none;
|
||||
width: 420px;
|
||||
padding-top: 120px;
|
||||
background-position: -410px 0;
|
||||
background-size: 160%;
|
||||
}
|
||||
#platform-firefoxos {
|
||||
margin-right: 0;
|
||||
background-position: 80px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
width: 556px;
|
||||
height: 485px;
|
||||
top: auto;
|
||||
bottom: 30px;
|
||||
left: -70px;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
width: 736px;
|
||||
height: 722px;
|
||||
top: auto;
|
||||
bottom: -70px;
|
||||
left: -150px;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
width: 986px;
|
||||
height: 1009px;
|
||||
top: auto;
|
||||
bottom: -200px;
|
||||
left: -300px;
|
||||
}
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
|
|
@ -0,0 +1,757 @@
|
|||
// 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/.
|
||||
|
||||
@import "../../sandstone/sandstone-resp.less";
|
||||
@import "../../firefox/mwc-2015-schedule.less";
|
||||
@import "../../firefox/mwc-2015-map.less";
|
||||
|
||||
@font-face {
|
||||
font-family: 'Open Sans Extrabold';
|
||||
src: url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix-2013') format('embedded-opentype'),
|
||||
url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
|
||||
url('/media/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype');
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* {{{ Template overrides */
|
||||
|
||||
html {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
min-width: @widthDesktop;
|
||||
}
|
||||
|
||||
#outer-wrapper {
|
||||
background: #0f9fdb;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width: @widthDesktop;
|
||||
padding-bottom: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthDesktop - (@gridGutterWidth * 2);
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthDesktop - (@gridGutterWidth * 2);
|
||||
z-index: 2; // forces grain/noise :after bg to be under text
|
||||
}
|
||||
|
||||
#intro {
|
||||
position: relative;
|
||||
// push up into #masthead
|
||||
top: -44px;
|
||||
padding-top: 44px;
|
||||
width: 100%;
|
||||
background: #0095dd url(/media/img/firefox/os/mwc-2015-preview/background-shapes.png) top right no-repeat;
|
||||
overflow: hidden;
|
||||
|
||||
.logo {
|
||||
margin-left: @gridGutterWidth/2;
|
||||
}
|
||||
|
||||
.container {
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-copy,
|
||||
#intro-phone {
|
||||
.span(6);
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
|
||||
color: #fff;
|
||||
.font-size(@largeFontSize);
|
||||
padding-bottom: @baseLine * 2;
|
||||
|
||||
header {
|
||||
margin-bottom: @baseLine * 1.5;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
.open-sans-extrabold;
|
||||
font-style: italic;
|
||||
.font-size(78px);
|
||||
letter-spacing: -3px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
.font-size(20px);
|
||||
font-style: italic;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: @baseLine * 1.5;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
height: 650px;
|
||||
position: relative;
|
||||
|
||||
img {
|
||||
max-width: 458px;
|
||||
width: 458px;
|
||||
height: 697px;
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.tail {
|
||||
z-index: 3;
|
||||
left: 13px;
|
||||
top: 150px;
|
||||
position: absolute;
|
||||
width: 595px;
|
||||
height: 242px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2015-preview/fox-tail.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
position: relative;
|
||||
// compensate for negative top value on #intro section
|
||||
margin-top: -44px;
|
||||
background: #eaeff2;
|
||||
background: -webkit-linear-gradient(top, #eaeff2 0%,#d4dde4 100%);
|
||||
background: linear-gradient(to bottom, #eaeff2 0%,#d4dde4 100%);
|
||||
padding: (@baseLine * 3) 0;
|
||||
color: @textColorSecondary;
|
||||
|
||||
&:after {
|
||||
z-index: 0;
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: url(/media/img/firefox/new/bg-noise.png);
|
||||
}
|
||||
|
||||
h3 {
|
||||
.font-size(48px);
|
||||
line-height: 140%;
|
||||
text-align: center;
|
||||
margin-bottom: @baseLine*2;
|
||||
}
|
||||
|
||||
.arrow:after {
|
||||
content: ' »';
|
||||
}
|
||||
|
||||
// common list properties
|
||||
ul {
|
||||
.clearfix;
|
||||
margin-bottom: @baseLine*4;
|
||||
}
|
||||
|
||||
#list-partners {
|
||||
li {
|
||||
.span(3);
|
||||
list-style-type: none;
|
||||
height: 73px;
|
||||
text-align: center;
|
||||
margin-bottom: @baseLine;
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#list-how {
|
||||
text-align: center;
|
||||
li {
|
||||
.span(4);
|
||||
position: relative;
|
||||
list-style-type: none;
|
||||
padding-top: 160px;
|
||||
&:before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -70px;
|
||||
display: block;
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
border: 2px solid #81bae5;
|
||||
border-radius: 50%;
|
||||
.at2x('/media/img/firefox/os/mwc-2015-preview/sprite-how.png', 140px, 420px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
#how-listen:before {
|
||||
background-position: 0 -140px;
|
||||
}
|
||||
|
||||
#how-learn:before {
|
||||
background-position: 0 -280px;
|
||||
}
|
||||
|
||||
p,
|
||||
a {
|
||||
.font-size(@largeFontSize);
|
||||
.open-sans-light();
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#list-platform {
|
||||
.font-size(@largeFontSize);
|
||||
.open-sans-light();
|
||||
.arrow {
|
||||
margin-top: @baseLine/2;
|
||||
display: block;
|
||||
}
|
||||
|
||||
h4 {
|
||||
min-height: 76px;
|
||||
img {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
.span(6);
|
||||
}
|
||||
|
||||
p {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
/* {{{ Light rays */
|
||||
|
||||
.rays-container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
position: relative;
|
||||
width: 1000px;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
position: absolute;
|
||||
top: 210px;
|
||||
left: 412px;
|
||||
width: 654px;
|
||||
height: 571px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2015-preview/rays-top.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
-webkit-animation: 240s rayRotate infinite linear;
|
||||
-moz-animation: 240s rayRotate infinite linear;
|
||||
-o-animation: 240s rayRotate infinite linear;
|
||||
animation: 240s rayRotate infinite linear;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
position: absolute;
|
||||
top: 45px;
|
||||
left: 300px;
|
||||
width: 866px;
|
||||
height: 849px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2015-preview/rays-mid.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
-webkit-animation: 240s rayRotate infinite linear;
|
||||
-moz-animation: 240s rayRotate infinite linear;
|
||||
-o-animation: 240s rayRotate infinite linear;
|
||||
animation: 240s rayRotate infinite linear;
|
||||
-webkit-animation-direction: reverse;
|
||||
-moz-animation-direction: reverse;
|
||||
-o-animation-direction: reverse;
|
||||
animation-direction: reverse;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
left: 140px;
|
||||
width: 1160px;
|
||||
height: 1187px;
|
||||
background: transparent url(/media/img/firefox/os/mwc-2015-preview/rays-bottom.png) top left no-repeat;
|
||||
-webkit-background-size: 100% 100%;
|
||||
-moz-background-size: 100% 100%;
|
||||
-o-background-size: 100% 100%;
|
||||
background-size: 100% 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rayRotate {
|
||||
0% {
|
||||
-webkit-transform-origin: center center;
|
||||
-webkit-transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform-origin: center center;
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes rayRotate {
|
||||
0% {
|
||||
-moz-transform-origin: center center;
|
||||
-moz-transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform-origin: center center;
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes rayRotate {
|
||||
0% {
|
||||
-o-transform-origin: center center;
|
||||
-o-transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform-origin: center center;
|
||||
-o-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rayRotate {
|
||||
0% {
|
||||
transform-origin: center center;
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform-origin: center center;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
|
||||
#colophon {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media only screen {
|
||||
#wrapper {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#map, #schedule {
|
||||
background: #fff;
|
||||
.clearfix;
|
||||
padding: (@baseLine * 2) 0;
|
||||
}
|
||||
|
||||
#modal {
|
||||
.container {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.window .inner .schedule-day header {
|
||||
padding: 14px @baseLine 12px;
|
||||
background: #f4f6f6;
|
||||
background: -webkit-linear-gradient(top, #f4f6f6 0%,#ecedee 100%);
|
||||
background: linear-gradient(to bottom, #f4f6f6 0%,#ecedee 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.js {
|
||||
.modal-content, .modal-content-header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet Layout: 760px */
|
||||
@media only screen and (min-width: @breakTablet) and (max-width: @breakDesktop) {
|
||||
html, body {
|
||||
min-width: @widthTablet;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthTablet - (@gridGutterWidth * 2);
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthTablet - (@gridGutterWidth * 2);
|
||||
}
|
||||
|
||||
#intro {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
#intro-copy,
|
||||
#intro-phone {
|
||||
.span_narrow(6);
|
||||
}
|
||||
|
||||
|
||||
#intro-copy {
|
||||
.font-size(@baseFontSize);
|
||||
|
||||
h1 {
|
||||
.font-size(60px);
|
||||
}
|
||||
|
||||
h2 {
|
||||
.font-size(18px);
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tail {
|
||||
width: 441px;
|
||||
height: 166px;
|
||||
left: 8px;
|
||||
top: 121px;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
#list-how li {
|
||||
.span_narrow(4);
|
||||
}
|
||||
|
||||
#list-platform li {
|
||||
.span_narrow(6);
|
||||
}
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
width: 450px;
|
||||
height: 394px;
|
||||
top: 232px;
|
||||
left: 286px;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
width: 598px;
|
||||
height: 586px;
|
||||
top: 115px;
|
||||
left: 220px;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
width: 800px;
|
||||
height: 819px;
|
||||
top: 50px;
|
||||
left: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 320px */
|
||||
@media only screen and (max-width: @breakMobileLandscape) {
|
||||
html, body {
|
||||
min-width: @widthMobile;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthMobile - @gridGutterWidth;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthMobile - @gridGutterWidth;
|
||||
}
|
||||
|
||||
#intro {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
.span-all();
|
||||
.font-size(@baseFontSize);
|
||||
|
||||
h1 {
|
||||
.font-size(44px);
|
||||
}
|
||||
|
||||
h2 {
|
||||
.font-size(@baseFontSize);
|
||||
}
|
||||
|
||||
br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
.span-all();
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 340px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tail {
|
||||
width: 364px;
|
||||
height: 148px;
|
||||
left: 6px;
|
||||
top: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
h3 {
|
||||
.font-size(28px);
|
||||
margin-bottom: @baseLine;
|
||||
}
|
||||
|
||||
h4 {
|
||||
.font-size(22px);
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: @baseLine*2;
|
||||
|
||||
li strong {
|
||||
margin-bottom: @baseLine/2;
|
||||
.font-size(@largeFontSize);
|
||||
}
|
||||
}
|
||||
|
||||
#list-partners li {
|
||||
.span-all();
|
||||
}
|
||||
|
||||
#list-how {
|
||||
li {
|
||||
.span-all();
|
||||
margin-bottom: @baseLine*2;
|
||||
}
|
||||
}
|
||||
|
||||
#how-look {
|
||||
background-position: 0 10px;
|
||||
}
|
||||
|
||||
#how-listen {
|
||||
background-position: 0 -190px;
|
||||
}
|
||||
|
||||
#how-learn {
|
||||
background-position: 0 -390px;
|
||||
}
|
||||
|
||||
#list-platform li {
|
||||
.span-all();
|
||||
}
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
width: 392px;
|
||||
height: 342px;
|
||||
top: auto;
|
||||
bottom: 10px;
|
||||
left: -44px;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
width: 519px;
|
||||
height: 509px;
|
||||
top: auto;
|
||||
bottom: -70px;
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
width: 696px;
|
||||
height: 712px;
|
||||
top: auto;
|
||||
bottom: -150px;
|
||||
left: -224px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile layout: 480px */
|
||||
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
|
||||
html, body {
|
||||
min-width: @widthMobileLandscape;
|
||||
}
|
||||
|
||||
#masthead {
|
||||
width: @widthMobileLandscape - @gridGutterWidth;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @widthMobileLandscape - @gridGutterWidth;
|
||||
}
|
||||
|
||||
#intro {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
#intro-copy {
|
||||
.span-all();
|
||||
.font-size(@baseFontSize);
|
||||
|
||||
h1 {
|
||||
.font-size(60px);
|
||||
}
|
||||
|
||||
h2 {
|
||||
.font-size(20px);
|
||||
}
|
||||
}
|
||||
|
||||
#intro-phone {
|
||||
.span-all();
|
||||
height: auto;
|
||||
|
||||
img {
|
||||
max-width: 340px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tail {
|
||||
width: 441px;
|
||||
height: 166px;
|
||||
left: 8px;
|
||||
top: 121px;
|
||||
}
|
||||
}
|
||||
|
||||
#info {
|
||||
h3 {
|
||||
.font-size(28px);
|
||||
margin-bottom: @baseLine;
|
||||
}
|
||||
|
||||
h4 {
|
||||
.font-size(22px);
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: @baseLine*2;
|
||||
|
||||
li strong {
|
||||
margin-bottom: @baseLine/2;
|
||||
.font-size(@largeFontSize);
|
||||
}
|
||||
}
|
||||
|
||||
#list-how li {
|
||||
.span-all();
|
||||
margin-bottom: @baseLine*2;
|
||||
}
|
||||
|
||||
#how-look {
|
||||
background-position: 0 10px;
|
||||
}
|
||||
|
||||
#how-listen {
|
||||
background-position: 0 -190px;
|
||||
}
|
||||
|
||||
#how-learn {
|
||||
background-position: 0 -390px;
|
||||
}
|
||||
|
||||
#list-partners li {
|
||||
.span-all();
|
||||
}
|
||||
|
||||
#list-platform li {
|
||||
.span-all();
|
||||
}
|
||||
}
|
||||
|
||||
.rays-inner {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.rays-top {
|
||||
width: 556px;
|
||||
height: 485px;
|
||||
top: auto;
|
||||
bottom: 30px;
|
||||
left: -70px;
|
||||
}
|
||||
|
||||
.rays-mid {
|
||||
width: 736px;
|
||||
height: 722px;
|
||||
top: auto;
|
||||
bottom: -70px;
|
||||
left: -150px;
|
||||
}
|
||||
|
||||
.rays-bottom {
|
||||
width: 986px;
|
||||
height: 1009px;
|
||||
top: auto;
|
||||
bottom: -200px;
|
||||
left: -300px;
|
||||
}
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
Двоичные данные
media/img/firefox/os/mwc-2014-preview/firefox-os.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/firefox-os.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 9.2 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/fox-tail.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/fox-tail.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 55 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/mwc-logo.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/mwc-logo.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 3.3 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/alcatel.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/alcatel.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 2.9 KiB |
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 2.5 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/lg.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/lg.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 2.0 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/qualcomm.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/qualcomm.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 2.1 KiB |
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 2.5 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/telefonica.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/telefonica.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 3.0 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/telenor.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/telenor.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 5.5 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/zte.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/partners/zte.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 1.3 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/phone-fox.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/phone-fox.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 146 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/rays-mid.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/rays-mid.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 370 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/sprite-how.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/sprite-how.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 2.5 KiB |
Двоичные данные
media/img/firefox/os/mwc-2014-preview/sprite-platform.png
Двоичные данные
media/img/firefox/os/mwc-2014-preview/sprite-platform.png
Двоичный файл не отображается.
|
До Ширина: | Высота: | Размер: 38 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 69 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 26 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 10 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 27 KiB |
|
До Ширина: | Высота: | Размер: 26 KiB После Ширина: | Высота: | Размер: 26 KiB |
|
До Ширина: | Высота: | Размер: 43 KiB После Ширина: | Высота: | Размер: 43 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 8.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 6.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.2 KiB |
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/america-movil-high-res.png
Normal file
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/america-movil-high-res.png
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 13 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.8 KiB |
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/cherry-mobile-high-res.png
Normal file
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/cherry-mobile-high-res.png
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 27 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 10 KiB |
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/deutsche-telekom-high-res.png
Normal file
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/deutsche-telekom-high-res.png
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 7.5 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.3 KiB |
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/grameenphone-high-res.png
Normal file
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/grameenphone-high-res.png
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 15 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.8 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 18 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 7.1 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.9 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.0 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.0 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 6.1 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.0 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.7 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.7 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 2.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 8.5 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.0 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 11 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.5 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 6.5 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.2 KiB |
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/telecom-italia-high-res.png
Normal file
Двоичные данные
media/img/firefox/os/mwc-2015-preview/partners/telecom-italia-high-res.png
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 11 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 8.7 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 4.2 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 13 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.1 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 18 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 6.4 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.3 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 1.6 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 164 KiB |
Двоичные данные
media/img/firefox/os/mwc-2015-preview/platform-firefox-marketplace-high-res.png
Normal file
Двоичные данные
media/img/firefox/os/mwc-2015-preview/platform-firefox-marketplace-high-res.png
Normal file
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 40 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 12 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 31 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 12 KiB |
|
До Ширина: | Высота: | Размер: 213 KiB После Ширина: | Высота: | Размер: 213 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 370 KiB |
|
До Ширина: | Высота: | Размер: 102 KiB После Ширина: | Высота: | Размер: 102 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 5.8 KiB |
Двоичный файл не отображается.
|
После Ширина: | Высота: | Размер: 3.2 KiB |
|
До Ширина: | Высота: | Размер: 520 B После Ширина: | Высота: | Размер: 520 B |
Загрузка…
Ссылка в новой задаче