Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-03 20:34:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

override background-size on the loading icon for retina

Browse source
This commit is contained in:
scottjehl 2010-11-09 16:46:06 -05:00
parent 58aa705391
commit d22b711eb9
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
themes/default/jquery.mobile.theme.css
View file

@ -153,7 +153,7 @@ a.ui-link-inherit { text-decoration: none !important; }
.ui-icon-black-disc { background-color: #fff; background-color: rgba(255,255,255,.3); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
/* retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
.ui-icon { background-image: url(images/icons-36-white.png); background-size: 558px 18px; }
.ui-icon-black { background-image: url(images/icons-36-black.png); }
}
@ -196,7 +196,7 @@ a.ui-link-inherit { text-decoration: none !important; }
.ui-icon-search { background-image: url(images/icon-search-black.png); }
/* loading icon */
.ui-icon-loading { background-image: url(images/ajax-loader.png); width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.ui-icon-loading { background-image: url(images/ajax-loader.png); width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-size: 35px 35px; }
/* btn Corner radius */
.ui-btn-corner-tl { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; }