updated Valencia to use sprites. To be replaced.
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
BIN
themes/valencia/images/icons-18-black.png
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
themes/valencia/images/icons-18-white.png
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
BIN
themes/valencia/images/icons-36-black.png
Normal file
|
After Width: | Height: | Size: 5.2 KiB |
BIN
themes/valencia/images/icons-36-white.png
Normal file
|
After Width: | Height: | Size: 4.8 KiB |
|
|
@ -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); }
|
||||
|
|
|
|||