mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-05-09 15:14:44 +00:00
Updated Valencia with new icons
This commit is contained in:
toddparker
parent
928562dd92
commit
3f87c8f34e
5 changed files with 118 additions and 67 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 907 B After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 908 B After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.3 KiB |
|
|
@ -708,103 +708,154 @@ a.ui-link-inherit {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icons
|
/* 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; } */
|
|
||||||
|
|
||||||
.ui-icon {
|
.ui-icon {
|
||||||
background-image: url(images/icons-18-white.png);
|
background-image: url(images/icons-18-white.png);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-color: #666;
|
background-color: #666;
|
||||||
background-color: rgba(0,0,0,.4);
|
background-color: rgba(0,0,0,.4);
|
||||||
-moz-border-radius: 9px;
|
-moz-border-radius: 9px;
|
||||||
-webkit-border-radius: 9px;
|
-webkit-border-radius: 9px;
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
.ui-icon-disc {
|
.ui-icon-disc {
|
||||||
background-color: #666;
|
background-color: #666;
|
||||||
background-color: rgba(0,0,0,.3);
|
background-color: rgba(0,0,0,.3);
|
||||||
-moz-border-radius: 9px;
|
-moz-border-radius: 9px;
|
||||||
-webkit-border-radius: 9px;
|
-webkit-border-radius: 9px;
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* alt color */
|
/* Alt icon color
|
||||||
|
-----------------------------------------------------------------------------------------------------------*/
|
||||||
|
|
||||||
.ui-icon-black {
|
.ui-icon-black {
|
||||||
background-image: url(images/icons-18-black.png);
|
background-image: url(images/icons-18-black.png);
|
||||||
}
|
}
|
||||||
.ui-icon-black-disc {
|
.ui-icon-black-disc {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-color: rgba(255,255,255,.3);
|
background-color: rgba(255,255,255,.3);
|
||||||
-moz-border-radius: 9px;
|
-moz-border-radius: 9px;
|
||||||
-webkit-border-radius: 9px;
|
-webkit-border-radius: 9px;
|
||||||
border-radius: 9px;
|
border-radius: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* retina */
|
/* HD/"retina" sprite
|
||||||
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
|
-----------------------------------------------------------------------------------------------------------*/
|
||||||
.ui-icon {
|
|
||||||
background-size: 558px 18px;
|
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
|
||||||
background-image: url(images/icons-36-white.png);
|
.ui-icon {
|
||||||
}
|
background-image: url(images/icons-36-white.png);
|
||||||
|
background-size: 630px 18px;
|
||||||
|
}
|
||||||
.ui-icon-black {
|
.ui-icon-black {
|
||||||
background-image: url(images/icons-36-black.png);
|
background-image: url(images/icons-36-black.png);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*plus minus*/
|
/* plus minus */
|
||||||
.ui-icon-plus { background-position: -0 0; }
|
.ui-icon-plus {
|
||||||
.ui-icon-minus { background-position: -36px 0; }
|
background-position: -0 0;
|
||||||
|
}
|
||||||
|
.ui-icon-minus {
|
||||||
|
background-position: -36px 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* delete/close */
|
/* delete/close */
|
||||||
.ui-icon-delete { background-position: -72px 0; }
|
.ui-icon-delete {
|
||||||
|
background-position: -72px 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*arrows*/
|
/* arrows */
|
||||||
.ui-icon-arrow-r { background-position: -108px 0; }
|
.ui-icon-arrow-r {
|
||||||
.ui-icon-arrow-l { background-position: -144px 0; }
|
background-position: -108px 0;
|
||||||
.ui-icon-arrow-u { background-position: -180px 0; }
|
}
|
||||||
.ui-icon-arrow-d { background-position: -216px 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; }
|
/* misc */
|
||||||
.ui-icon-gear { background-position: -288px 0; }
|
.ui-icon-check {
|
||||||
.ui-icon-refresh { background-position: -324px 0; }
|
background-position: -252px 0;
|
||||||
.ui-icon-forward { background-position: -360px 0; }
|
}
|
||||||
.ui-icon-back { background-position: -396px 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;
|
||||||
|
}
|
||||||
|
.ui-icon-home {
|
||||||
|
background-position: -576px 0;
|
||||||
|
}
|
||||||
|
.ui-icon-search {
|
||||||
|
background-position: -612px 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*/
|
/* checks,radios */
|
||||||
.ui-icon-checkbox-off,
|
.ui-icon-checkbox-off,
|
||||||
.ui-icon-checkbox-on,
|
.ui-icon-checkbox-on,
|
||||||
.ui-icon-radio-off,
|
.ui-icon-radio-off,
|
||||||
.ui-icon-radio-on {
|
.ui-icon-radio-on {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
-moz-border-radius: 0;
|
-moz-border-radius: 0;
|
||||||
-webkit-border-radius: 0;
|
-webkit-border-radius: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
|
}
|
||||||
|
.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);}
|
||||||
|
.ui-icon-radio-on {
|
||||||
|
background-image: url(images/form-radio-on.png);
|
||||||
|
}
|
||||||
|
.ui-icon-searchfield {
|
||||||
|
background-image: url(images/icon-search-black.png);
|
||||||
|
background-size: 16px 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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); }
|
|
||||||
.ui-icon-radio-on { background-image: url(images/form-radio-on.png); }
|
|
||||||
|
|
||||||
.ui-icon-search { background-image: url(images/icon-search-black.png); background-size: 16px 16px; }
|
|
||||||
|
|
||||||
/* loading icon */
|
/* loading icon */
|
||||||
.ui-icon-loading {
|
.ui-icon-loading {
|
||||||
background-image: url(images/ajax-loader.png);
|
background-image: url(images/ajax-loader.png);
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
-moz-border-radius: 20px;
|
-moz-border-radius: 20px;
|
||||||
-webkit-border-radius: 20px;
|
-webkit-border-radius: 20px;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
background-size: 35px 35px;
|
background-size: 35px 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* btn Corner radius */
|
/* btn Corner radius */
|
||||||
.ui-btn-corner-tl {
|
.ui-btn-corner-tl {
|
||||||
-moz-border-radius-topleft: 1em;
|
-moz-border-radius-topleft: 1em;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue