Skip to content

Commit

Permalink
Adding jQuery Mobile 1.1 final support.
Browse files Browse the repository at this point in the history
  • Loading branch information
commadelimited committed Apr 16, 2012
1 parent 94c6253 commit b0df2ed
Show file tree
Hide file tree
Showing 7 changed files with 143 additions and 16 deletions.
8 changes: 4 additions & 4 deletions font-awesome/index.html
Expand Up @@ -6,14 +6,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />

<!-- Custom css -->
<link rel="stylesheet" href="jqm-icon-pack-1.1-fa.css" />
<link rel="stylesheet" href="jqm-icon-pack-1.1.1-fa.css" />

<!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page">
Expand Down
Binary file added font-awesome/jqm-icon-pack-1.1.1-fa.css
Binary file not shown.
File renamed without changes.
14 changes: 6 additions & 8 deletions index.html
Expand Up @@ -11,20 +11,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />

<!-- if you have a custom theme, add it here -->
<link rel="stylesheet" href="jqm-icon-pack-1.0.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />

<!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page">

<div data-role="header">
<a href="../index.html" data-icon="home">Home</a>
<h1>jQuery Mobile Icon Pack</h1>
<div data-role="navbar">
<ul>
Expand All @@ -35,7 +31,9 @@ <h1>jQuery Mobile Icon Pack</h1>
</div>

<div data-role="content">

<p>
<b>jQuery Mobile 1.1 final compatible!</b>
</p>
<p>
The jQuery Mobile Icon Pack extends jQuery Mobile's default icon set with 173 crisp icons covering a wide range of categories including currency symbols, media control, social media, common application icons. You can preview either the original icon pack, or the brand new Font Awesome based icon pack using the buttons above. Download the icon pack using the button below.
</p>
Expand Down
8 changes: 4 additions & 4 deletions original/index.html
Expand Up @@ -11,14 +11,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- jQuery Mobile CSS bits -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />

<!-- if you have a custom theme, add it here -->
<link rel="stylesheet" href="jqm-icon-pack-1.1-original.css" />
<link rel="stylesheet" href="jqm-icon-pack-1.1.1-original.css" />

<!-- Javascript includes -->
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page">
Expand Down
129 changes: 129 additions & 0 deletions original/jqm-icon-pack-1.1.1-original.css
@@ -0,0 +1,129 @@
/*
jQuery Mobile Icon Pack
andy matthews
@commadelimited
*/

/* Icons
-----------------------------------------------------------------------------------------------------------*/

.ui-icon,
.ui-icon-searchfield:after {
background: #666666;
background: rgba(0,0,0,.4);
background-image: url('images/icons-18-white-pack.png');
background-repeat: no-repeat;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}


/* Alt icon color
-----------------------------------------------------------------------------------------------------------*/

.ui-icon-alt {
background: #ffffff;
background: rgba(255,255,255,.3);
background-image: url('images/icons-18-black-pack.png');
background-repeat: no-repeat;
}

/* restore default loading image */
.ui-icon-loading {
background-image: url("images/ajax-loader.png");
background-size: 35px 35px;
border-radius: 20px 20px 20px 20px;
height: 40px;
width: 40px;
}

/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {

.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on, .ui-icon-email , .ui-icon-page,
.ui-icon-question , .ui-icon-foursquare , .ui-icon-twitter , .ui-icon-facebook , .ui-icon-dollar , .ui-icon-euro,
.ui-icon-pound , .ui-icon-apple , .ui-icon-chat , .ui-icon-trash , .ui-icon-bell , .ui-icon-mappin , .ui-icon-direction,
.ui-icon-heart , .ui-icon-wrench , .ui-icon-play , .ui-icon-pause , .ui-icon-stop , .ui-icon-person , .ui-icon-music,
.ui-icon-rss , .ui-icon-wifi , .ui-icon-phone , .ui-icon-power , .ui-icon-lock , .ui-icon-flag , .ui-icon-calendar,
.ui-icon-lightning , .ui-icon-drink , .ui-icon-android , .ui-icon-edit {
background-image: url('images/icons-36-white-pack.png');
-moz-background-size: 774px 54px;
-o-background-size: 774px 54px;
-webkit-background-size: 774px 54px;
background-size: 774px 54px;
}
.ui-icon-alt {
background-image: url('images/icons-36-black-pack.png' );
}
}

/* first row */
.ui-icon-plus { background-position: -0 -0; }
.ui-icon-minus { background-position: -36px -0; }
.ui-icon-delete { background-position: -72px -0; }
.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; }
.ui-icon-home { background-position: -576px -0; }
.ui-icon-search,.ui-icon-searchfield:after { background-position: -612px -0; }
.ui-icon-checkbox-off { background-position: -684px -0; }
.ui-icon-checkbox-on { background-position: -648px -0; }
.ui-icon-radio-off { background-position: -756px -0; }
.ui-icon-radio-on { background-position: -720px -0; }

/* begin icon pack definitions */
/* second row */
.ui-icon-email { background-position: -0 -18px; }
.ui-icon-page { background-position: -36px -18px; }
.ui-icon-question { background-position: -72px -18px; }
.ui-icon-foursquare { background-position: -108px -18px; }
.ui-icon-twitter { background-position: -144px -18px; }
.ui-icon-facebook { background-position: -180px -18px; }
.ui-icon-dollar { background-position: -216px -18px; }
.ui-icon-euro { background-position: -252px -18px; }
.ui-icon-pound { background-position: -288px -18px; }
.ui-icon-apple { background-position: -324px -18px; }
.ui-icon-chat { background-position: -360px -18px; }
.ui-icon-trash { background-position: -396px -18px; }
.ui-icon-bell { background-position: -432px -18px; }
.ui-icon-mappin { background-position: -468px -18px;}
.ui-icon-direction { background-position: -504px -18px; }
.ui-icon-heart { background-position: -540px -18px; }
.ui-icon-wrench { background-position: -576px -18px; }
.ui-icon-play { background-position: -612px -18px; }
.ui-icon-pause { background-position: -648px -18px; }
.ui-icon-stop { background-position: -684px -18px; }
.ui-icon-person { background-position: -720px -18px; }
.ui-icon-music { background-position: -756px -18px; }

/* third row */
.ui-icon-rss { background-position: -0 -36px; }
.ui-icon-wifi { background-position: -36px -36px; }
.ui-icon-phone { background-position: -72px -36px; }
.ui-icon-power { background-position: -109px -36px; }
.ui-icon-lock { background-position: -144px -36px; }
.ui-icon-flag { background-position: -180px -36px; }
.ui-icon-calendar { background-position: -216px -36px; }
.ui-icon-lightning { background-position: -252px -36px; }
.ui-icon-drink { background-position: -288px -36px; }
.ui-icon-android { background-position: -324px -36px; }
.ui-icon-edit { background-position: -360px -36px; }
File renamed without changes.

0 comments on commit b0df2ed

Please sign in to comment.