Bug 647916: Added vendor prefixes for the background-size property
This commit is contained in:
Guigui
Родитель
2e1991fd58
Коммит
9dc02a3d84
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче