From 9dc02a3d84579022a3b2445ba039cfa7b5054273 Mon Sep 17 00:00:00 2001
From: Guigui <heygui@gmail.com>
Date: Fri, 8 Apr 2011 01:15:35 +0200
Subject: [PATCH] Bug 647916: Added vendor prefixes for the background-size
 property

---
 media/css/badges.css | 92 ++++++++++++++++++++++++++++++++++++++++++++
 media/css/mobile.css | 40 +++++++++++++++++++
 2 files changed, 132 insertions(+)

diff --git a/media/css/badges.css b/media/css/badges.css
index 5671dc6..0aaa33d 100644
--- a/media/css/badges.css
+++ b/media/css/badges.css
@@ -2,229 +2,321 @@
 li.badge.badge1-1 {
     background:url('../img/mobile/badges/1-1.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge1-2 {
     background:url('../img/mobile/badges/1-2.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge1-3 {
     background:url('../img/mobile/badges/1-3.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-1 {
     background:url('../img/mobile/badges/2-1.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-2 {
     background:url('../img/mobile/badges/2-2.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-3 {
     background:url('../img/mobile/badges/2-3.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-4 {
     background:url('../img/mobile/badges/2-4.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-5 {
     background:url('../img/mobile/badges/2-5.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-6 {
     background:url('../img/mobile/badges/2-6.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge2-7 {
     background:url('../img/mobile/badges/2-7.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge3-1 {
     background:url('../img/mobile/badges/3-1.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge3-2 {
     background:url('../img/mobile/badges/3-2.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge3-3 {
     background:url('../img/mobile/badges/3-3.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge3-4 {
     background:url('../img/mobile/badges/3-4.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge3-5 {
     background:url('../img/mobile/badges/3-5.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge3-6 {
     background:url('../img/mobile/badges/3-6.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge4-1 {
     background:url('../img/mobile/badges/4-1.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge4-2 {
     background:url('../img/mobile/badges/4-2.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge4-3 {
     background:url('../img/mobile/badges/4-3.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge4-4 {
     background:url('../img/mobile/badges/4-4.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge4-5 {
     background:url('../img/mobile/badges/4-5.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge4-6 {
     background:url('../img/mobile/badges/4-6.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge5-1 {
     background:url('../img/mobile/badges/5-1.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge5-2 {
     background:url('../img/mobile/badges/5-2.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge5-3 {
     background:url('../img/mobile/badges/5-3.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge5-4 {
     background:url('../img/mobile/badges/5-4.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badge5-5 {
     background:url('../img/mobile/badges/5-5.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-1 {
     background:url('../img/mobile/badges/E-1.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-2 {
     background:url('../img/mobile/badges/E-2.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-3 {
     background:url('../img/mobile/badges/E-3.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-4 {
     background:url('../img/mobile/badges/E-4.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-5 {
     background:url('../img/mobile/badges/E-5.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-6 {
     background:url('../img/mobile/badges/E-6.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-7 {
     background:url('../img/mobile/badges/E-7.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-8 {
     background:url('../img/mobile/badges/E-8.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-9 {
     background:url('../img/mobile/badges/E-9.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-10 {
     background:url('../img/mobile/badges/E-10.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-11 {
     background:url('../img/mobile/badges/E-11.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-12 {
     background:url('../img/mobile/badges/E-12.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-13 {
     background:url('../img/mobile/badges/E-13.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-14 {
     background:url('../img/mobile/badges/E-14.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-15 {
     background:url('../img/mobile/badges/E-15.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-16 {
     background:url('../img/mobile/badges/E-16.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-17 {
     background:url('../img/mobile/badges/E-17.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-18 {
     background:url('../img/mobile/badges/E-18.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
 
 li.badge.badgeE-19 {
     background:url('../img/mobile/badges/E-19.png') -0.192em -0.192em;
     background-size:80px auto;
+    -webkit-background-size:80px auto;
+    -o-background-size:80px auto;
 }
\ No newline at end of file
diff --git a/media/css/mobile.css b/media/css/mobile.css
index 076a97f..54c3431 100644
--- a/media/css/mobile.css
+++ b/media/css/mobile.css
@@ -138,6 +138,8 @@ div.back {
     margin-left:6px;
     background:url('../img/mobile/back480.png') no-repeat 0 0;
     background-size:100%;
+    -webkit-background-size:100%;
+    -o-background-size:100%;
 }
 
 div.back:active {
@@ -291,6 +293,8 @@ p.license {
     background:url('../img/mobile/menu-button-hd.png') no-repeat 14px -99px, -moz-linear-gradient(90deg, #ffd825, #e5bf0c);
     background:url('../img/mobile/menu-button-hd.png') no-repeat 14px -99px, -webkit-gradient(linear, center top, center bottom, from(#ffd825), to(#e5bf0c));
     background-size:28px auto, auto;
+    -webkit-background-size:28px auto, auto;
+    -o-background-size:28px auto, auto;
     color:#000;
     font-weight:bold;
     line-height:49px;
@@ -304,6 +308,8 @@ p.license {
     background:url('../img/mobile/menu-button-hd.png') no-repeat 14px -155px, -moz-linear-gradient(90deg, #ffec92, #f2df86);
     background:url('../img/mobile/menu-button-hd.png') no-repeat 14px -155px, -webkit-gradient(linear, center top, center bottom, from(#ffec92), to(#f2df86));
     background-size:28px auto, auto;
+    -webkit-background-size:28px auto, auto;
+    -o-background-size:28px auto, auto;
     border-top:1px solid #fff4be;
 }
 
@@ -311,12 +317,16 @@ p.license {
     background:url('../img/mobile/menu-button-hd.png')  no-repeat 14px 9px, -moz-linear-gradient(90deg, #ffd825, #e5bf0c);
     background:url('../img/mobile/menu-button-hd.png')  no-repeat 14px 9px, -webkit-gradient(linear, center top, center bottom, from(#ffd825), to(#e5bf0c));
     background-size:28px auto, auto;
+    -webkit-background-size:28px auto, auto;
+    -o-background-size:28px auto, auto;
 }
 
 #menu.closed #menu-header:active {
     background:url('../img/mobile/menu-button-hd.png')  no-repeat 14px -50px, -moz-linear-gradient(90deg, #ffec92, #f2df86);
     background:url('../img/mobile/menu-button-hd.png')  no-repeat 14px -50px, -webkit-gradient(linear, center top, center bottom, from(#ffec92), to(#f2df86));
     background-size:28px auto, auto;
+    -webkit-background-size:28px auto, auto;
+    -o-background-size:28px auto, auto;
     border-top:1px solid #fff4be;
 }
 
@@ -348,6 +358,8 @@ p.license {
     font-weight:bold;
     background:url('../img/mobile/big-arrow.png') no-repeat right center;
     background-size:auto 30px;
+    -webkit-background-size:auto 30px;
+    -o-background-size:auto 30px;
 }
 
 #menu ul li a:active {
@@ -380,6 +392,8 @@ p.license {
     position:relative;
     background:url('../img/mobile/notifications-bg.png') no-repeat 39px  center;
     background-size:auto 16px;
+    -webkit-background-size:auto 16px;
+    -o-background-size:auto 16px;
 }
 
 #notifications:before {
@@ -465,6 +479,8 @@ form.section {
     clear: left;
     float: left;
     background-size:24px auto;
+    -webkit-background-size:24px auto;
+    -o-background-size:24px auto;
     position:relative;
     top:0px;
 }
@@ -494,6 +510,8 @@ button:active, button:focus {
     padding:0 0 0 8px;
     background:url('../img/mobile/big-arrow.png') no-repeat center right;
     background-size:auto 30px;
+    -webkit-background-size:auto 30px;
+    -o-background-size:auto 30px;
 }
 
 .cta a:active {
@@ -532,6 +550,8 @@ button:active, button:focus {
     background:url('../img/mobile/checkmark.png') no-repeat 15px center rgba(119,225,24,0.5);
     margin-bottom:20px;
     background-size:22px auto;
+    -webkit-background-size:22px auto;
+    -o-background-size:22px auto;
 }
 
 #your-location {
@@ -662,6 +682,8 @@ li.badge:active, li.badge.current {
     width:21px;
     background:url('../img/mobile/down-arrow.png') no-repeat center center;
     background-size:20px auto;
+    -webkit-background-size:20px auto;
+    -o-background-size:20px auto;
 }
 
 /* Log in */
@@ -703,6 +725,8 @@ li.badge:active, li.badge.current {
 body#home {
     background:url('../img/mobile/spark.jpg') no-repeat center 0;
     background-size:320px auto;
+    -webkit-background-size:320px auto;
+    -o-background-size:320px auto;
     min-height:400px;
 }
 
@@ -751,16 +775,22 @@ body#home {
 #sharing .cta:nth-child(1) {
     background:url('../img/mobile/share-icons.png') no-repeat 0 24px;
     background-size:48px auto;
+    -webkit-background-size:48px auto;
+    -o-background-size:48px auto;
 }
 
 #sharing .cta:nth-child(2) {
     background:url('../img/mobile/share-icons.png') no-repeat 0 -83px;
     background-size:48px auto;
+    -webkit-background-size:48px auto;
+    -o-background-size:48px auto;
 }
 
 #sharing .cta:nth-child(3) {
     background:url('../img/mobile/share-icons.png') no-repeat 0 -183px;
     background-size:48px auto;
+    -webkit-background-size:48px auto;
+    -o-background-size:48px auto;
 }
 
 /*Challenges*/
@@ -817,6 +847,8 @@ div.lock {
     float:right;
     background:url('../img/mobile/lock.png') no-repeat 0 0;
     background-size:100%;
+    -webkit-background-size:100%;
+    -o-background-size:100%;
     margin-top:13px;
 }
 
@@ -869,11 +901,15 @@ div.challenge .check {
     background:url('../img/mobile/checkbox.png') no-repeat 0px 0px;
     margin:12px 10px 0 0;
     background-size:24px auto;
+    -webkit-background-size:24px auto;
+    -o-background-size:24px auto;
 }
 
 div.challenge.complete .check {
     background:url('../img/mobile/checkbox.png') no-repeat 0px -27px;
     background-size:26px auto;
+    -webkit-background-size:26px auto;
+    -o-background-size:26px auto;
 }
 
 /*User-share*/
@@ -881,6 +917,8 @@ div.challenge.complete .check {
 #user-share {
     background:url('../img/mobile/spark.png') no-repeat center 45px;
     background-size:320px auto;
+    -webkit-background-size:320px auto;
+    -o-background-size:320px auto;
 }
 
 #user-share #header h2 {
@@ -908,6 +946,8 @@ div.challenge.complete .check {
 body#user-share {
     background:url('../img/mobile/spark.jpg') no-repeat center 40px;
     background-size:320px auto;
+    -webkit-background-size:320px auto;
+    -o-background-size:320px auto;
     min-height:400px;
 }