Bug 633769 - Add final parts for the Firefox Spark promotion (part 1) [r=vingtetun]

This commit is contained in:
Mark Finkle 2011-02-16 23:34:21 -05:00
parent 3f3b104b3a
commit e38ba42921
4 changed files with 23 additions and 9 deletions

View File

@ -446,7 +446,7 @@ pref("app.faqURL", "http://www.mozilla.com/%LOCALE%/mobile/beta/faq/");
pref("app.featuresURL", "http://www.mozilla.com/%LOCALE%/mobile/features/");
pref("app.faqURL", "http://www.mozilla.com/%LOCALE%/mobile/faq/");
#endif
pref("app.promo.spark.endDate", "2011-01-01");
pref("app.promo.spark.endDate", "2011-03-01");
// Name of alternate about: page for certificate errors (when undefined, defaults to about:neterror)
pref("security.alternate_certificate_error_page", "certerror");

View File

@ -87,7 +87,7 @@
<span id="feedback" style="width: &aboutHome.footerWidth;" class="section-row" pref="app.feedbackURL" onclick="openLink(this);" role="button">&aboutHome.giveFeedback;</span><span id="support" style="width: &aboutHome.footerWidth;" class="section-row" pref="app.support.baseURL" onclick="openLink(this);" role="button">&aboutHome.getHelp;</span>
</div>
<div id="promo"><img src="chrome://branding/content/spark.png"/><span>&aboutHome.promoSpark;</span></div>
<div id="promo"><img src="chrome://branding/content/spark.png"/><span id="promo-label">&aboutHome.promoLabel;</span><span id="promo-button" class="section-row">&aboutHome.promoButton;</span></div>
</div>
<!-- l10n hack -->

View File

@ -10,4 +10,5 @@
<!ENTITY aboutHome.noAddons "No recommended add-ons">
<!-- LOCALIZATION NOTE: 'Firefox Spark' is the official name of the promotion and should not be translated -->
<!ENTITY aboutHome.promoSpark "Play Firefox Spark">
<!ENTITY aboutHome.promoLabel "Firefox Spark">
<!ENTITY aboutHome.promoButton "Play">

View File

@ -241,13 +241,26 @@ body[dir="rtl"] {
padding: 10px;
margin-top: 24px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0 -3px 0px, rgba(0, 0, 0, 0.1) 0px 2px 0px;
display: none;
}
#promo > img {
vertical-align: middle;
}
#promo > span {
#promo-label {
padding-left: 16px;
}
#promo-button {
padding: 8px;
margin: 0;
color: black;
font-size: 18px;
-moz-padding-end: 20px;
}
body[dir="ltr"] #promo-button {
float: right;
background: rgb(254,210,13) url("images/arrowright-16.png") 99% center no-repeat;
}
body[dir="rtl"] #promo-button {
float: left;
background: rgb(254,210,13) url("images/arrowleft-16.png") 1% center no-repeat;
}