updated Valencia to use sprites. To be replaced.

This commit is contained in:
scottjehl 2010-10-15 18:41:21 -04:00
parent e4caeaed70
commit af1f432518
9 changed files with 40 additions and 16 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

View file

@ -536,27 +536,51 @@ a.ui-link-inherit {
/* Icons
----------------------------------*/
.ui-icon { background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
/*icons with no bg needed*/
/* .ui-icon { background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } */
.ui-icon { background-image: url(images/icons-18-white.png); background-repeat: no-repeat; background-color: #666; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.ui-icon-disc { background-color: #666; background-color: rgba(0,0,0,.3); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
/* alt color */
.ui-icon-black { background-image: url(images/icons-18-black.png); }
.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) {
.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); }
}
/*plus minus*/
.ui-icon-plus { background-position: -0 0; }
.ui-icon-minus { background-position: -36px 0; }
/* delete/close */
.ui-icon-delete { background-position: -72px 0; }
/*arrows*/
.ui-icon-arrow-r { background-position: -108px 0; }
.ui-icon-arrow-l { background-position: -144px 0; }
.ui-icon-arrow-u { background-position: -180px 0; }
.ui-icon-arrow-d { background-position: -216px 0; }
.ui-icon-check { background-position: -252px 0; }
.ui-icon-gear { background-position: -288px 0; }
.ui-icon-refresh { background-position: -324px 0; }
.ui-icon-forward { background-position: -360px 0; }
.ui-icon-back { background-position: -396px 0; }
.ui-icon-grid { background-position: -432px 0; }
.ui-icon-star { background-position: -468px 0; }
.ui-icon-alert { background-position: -504px 0; }
.ui-icon-info { background-position: -540px 0; }
/*checks,radios*/
.ui-icon-checkbox-off,
.ui-icon-checkbox-on,
.ui-icon-radio-off,
.ui-icon-radio-on { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
/*arrows*/
.ui-icon-arrow-u { background-image: url(images/icon-arrow-white-up.png); }
.ui-icon-arrow-r { background-image: url(images/icon-arrow-white-right.png); }
.ui-icon-arrow-d { background-image: url(images/icon-arrow-white-down.png); }
.ui-icon-arrow-l { background-image: url(images/icon-arrow-white-left.png); }
/*plus minus*/
.ui-icon-plus { background-image: url(images/icon-plus-white.png); }
.ui-icon-minus { background-image: url(images/icon-minus-white.png); }
/* delete/close */
.ui-icon-delete { background-image: url(images/icon-delete.png); }
/*checks,radios*/
.ui-icon-checkbox-off { background-image: url(images/form-check-off.png); }
.ui-icon-checkbox-on { background-image: url(images/form-check-on.png); }
.ui-icon-radio-off { background-image: url(images/form-radio-off.png); }