diff --git a/themes/valencia/images/icons-16-black.png b/themes/valencia/images/icons-16-black.png deleted file mode 100644 index d07faca7..00000000 Binary files a/themes/valencia/images/icons-16-black.png and /dev/null differ diff --git a/themes/valencia/images/icons-16-white.png b/themes/valencia/images/icons-16-white.png deleted file mode 100644 index b6aa3c94..00000000 Binary files a/themes/valencia/images/icons-16-white.png and /dev/null differ diff --git a/themes/valencia/images/icons-18-black.png b/themes/valencia/images/icons-18-black.png new file mode 100644 index 00000000..f685cb18 Binary files /dev/null and b/themes/valencia/images/icons-18-black.png differ diff --git a/themes/valencia/images/icons-18-white.png b/themes/valencia/images/icons-18-white.png new file mode 100644 index 00000000..05f0a136 Binary files /dev/null and b/themes/valencia/images/icons-18-white.png differ diff --git a/themes/valencia/images/icons-32-black.png b/themes/valencia/images/icons-32-black.png deleted file mode 100644 index 511ad95f..00000000 Binary files a/themes/valencia/images/icons-32-black.png and /dev/null differ diff --git a/themes/valencia/images/icons-32-white.png b/themes/valencia/images/icons-32-white.png deleted file mode 100644 index c1a1b239..00000000 Binary files a/themes/valencia/images/icons-32-white.png and /dev/null differ diff --git a/themes/valencia/images/icons-36-black.png b/themes/valencia/images/icons-36-black.png new file mode 100644 index 00000000..2793efa0 Binary files /dev/null and b/themes/valencia/images/icons-36-black.png differ diff --git a/themes/valencia/images/icons-36-white.png b/themes/valencia/images/icons-36-white.png new file mode 100644 index 00000000..aa9a26e0 Binary files /dev/null and b/themes/valencia/images/icons-36-white.png differ diff --git a/themes/valencia/jquery.mobile.theme.css b/themes/valencia/jquery.mobile.theme.css index 7c0fdee9..7fc90509 100644 --- a/themes/valencia/jquery.mobile.theme.css +++ b/themes/valencia/jquery.mobile.theme.css @@ -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); }