diff --git a/docs/about/features.html b/docs/about/features.html index 6206ab1e..0ce7a318 100755 --- a/docs/about/features.html +++ b/docs/about/features.html @@ -17,7 +17,7 @@
jQuery’s mobile strategy can be summarized simply: Delivering top-of-the-line JavaScript in a unified User Interface that works across the most-used smartphone web browsers and tablet form factors.
The critical difference with our approach is the wide variety of mobile platforms we’re targeting with jQuery Mobile. We’ve been working hard at bringing jQuery support to all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.
+To make this broad support possible, all pages in jQuery Mobile are built on a foundation of clean, semantic HTML to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies progressive enhancement techniques to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. Accessibility features such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.
diff --git a/docs/content/content-collapsible.html b/docs/content/content-collapsible.html index 1486644c..f34e8526 100755 --- a/docs/content/content-collapsible.html +++ b/docs/content/content-collapsible.html @@ -23,17 +23,23 @@Directly inside this container, add any header element (H1-H6). The framework will style the header to look like a clickable button and add a "+" icon to the left to indicate it's expandable.
-After the heading, add any HTML markup you want to be collapsible. The framework will wrap all this markup in a container that will be hidden or shown when the heading is clicked.
+After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.
<div data-role="collapsible">
<h3>I'm a header</h3>
- <p>I'm the collapsible content.</p>
+ <p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
</div>
- By default, the content will be expanded. To collapse the content when the page loads, add the data-state="collapsed" attribute to the wrapper.
I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.
+As the example notes, by default the content will be expanded. To collapse the content when the page loads, add the data-state="collapsed" attribute to the wrapper.
<div data-role="collapsible" data-state="collapsed">
@@ -44,10 +50,10 @@
I'm a header
- I'm the collapsible content.
+ I'm the collapsible content. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.
- The collapsible content is minimally styled -- we just add a bit of margin between the bar and content but you can add custom styles to tweak the appearance of the collapsible container or heading button.
+ Collapsible content is minimally styled — we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.
Collapsible example
This page has 4 collapsible containers with different types of content inside.
diff --git a/docs/content/content-grids.html b/docs/content/content-grids.html
index f0a80b6e..5fad8cd5 100755
--- a/docs/content/content-grids.html
+++ b/docs/content/content-grids.html
@@ -18,7 +18,9 @@
- Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example). The jQuery Mobile framework provides a simple way to build CSS-based columns through a block style class convention called ui-grid.
+ Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example).
+
+ The jQuery Mobile framework provides a simple way to build CSS-based columns through a block style class convention called ui-grid.
There are two preset configurations layouts — two-column (using the class of ui-grid-a), and three-column (using the class of ui-grid-b) — that can be used in any situation that requires columns. Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them.
Two column grids
@@ -57,15 +59,15 @@
- And, grid blocks can adopt presentation styles from the theming system — we've added a height and color swatch reference to the grid blocks.
+ And, grid blocks can adopt presentation styles from the theming system — by adding a height and color swatch reference to the grid blocks, we can achieve this style appearance:
- Three column grids
- There is a second grid for a 3 column layout (33/33/33%) that is similar in structure but uses class=grid-b on the parent and 3 child wrappers, each with block-a/b/c for the column child containers.
+ Three-column grids
+ The other grid layout configuration uses class=ui-grid-b on the parent, and 3 child container elements, each with its respective ui-block-a/b/c class, to create a three-column layout (33/33/33%).
<div class="ui-grid-a">
diff --git a/docs/content/content-themes.html b/docs/content/content-themes.html
index 6d2077b2..81d37072 100755
--- a/docs/content/content-themes.html
+++ b/docs/content/content-themes.html
@@ -18,13 +18,13 @@
Theming the content area
- The main content area of a page (container with the data-role="content" attribute) can be themed by adding the data-theme attribute to the data-role="page" container to ensure that the background colors are applied to the full page, regardless of the content length. If you add to the data-theme to the content container, the background color will stop after the content so there may be a gap in color between the content and fixed footer.
+ The main content area of a page (container with the data-role="content" attribute) should be themed by adding the data-theme attribute to the data-role="page" container to ensure that the background colors are applied to the full page, regardless of the content length. (If you add to the data-theme to the content container, the background color will stop after the content so there may be a gap in color between the content and fixed footer.)
<div data-role="page" data-theme="a">
Theming collapsible blocks
- To set the color of the collapsible header, add the data-theme attribute to the collapsible container. The icon and body aren't currently themable through data attributes but can be styled directly with custom css.
+ To set the color of the collapsible header, add the data-theme attribute to the collapsible container. The icon and body are not currently themable through data attributes, but can be styled directly with custom css.
<div data-role="collapsible" data-state="collapsed" data-theme="a">
diff --git a/docs/events.html b/docs/events.html
index 8c461376..ddc5f4f0 100755
--- a/docs/events.html
+++ b/docs/events.html
@@ -9,13 +9,13 @@
-
+
Events
- To do...
+ Documentation is currently in-progress.
diff --git a/docs/lists/lists-inset.html b/docs/lists/lists-inset.html
index e8264209..58ab0c33 100755
--- a/docs/lists/lists-inset.html
+++ b/docs/lists/lists-inset.html
@@ -48,28 +48,24 @@
Broken Bells
Broken Bells
- $11.99
Purchase album
Warning
Hot Chip
- $12.99
Purchase album
Wolfgang Amadeus Phoenix
Phoenix
- $11.99
Purchase album
Of The Blue Colour Of The Sky
Ok Go
- $10.99
Purchase album
diff --git a/docs/lists/lists-split.html b/docs/lists/lists-split.html
index a75c83d5..4f761a84 100755
--- a/docs/lists/lists-split.html
+++ b/docs/lists/lists-split.html
@@ -21,56 +21,48 @@
Broken Bells
Broken Bells
- $11.99
Purchase album
Warning
Hot Chip
- $12.99
Purchase album
Wolfgang Amadeus Phoenix
Phoenix
- $11.99
Purchase album
Of The Blue Colour Of The Sky
Ok Go
- $10.99
Purchase album
Elephant
The White Stripes
- $9.99
Purchase album
Kid A
Radiohead
- $11.99
Purchase album
XX
XX
- $10.99
Purchase album
Congratulations
MGMT
- $12.99
Purchase album
@@ -78,7 +70,6 @@
Ashes Grammar
A Sunny Day in Glasgow
- $11.99
Purchase album
@@ -86,14 +77,12 @@
Hot Fuss
Killers
- $12.99
Purchase album
The Suburbs
Arcade Fire
- $12.99
Purchase album
diff --git a/docs/lists/lists-themes.html b/docs/lists/lists-themes.html
index 833af120..1c5fc5d2 100755
--- a/docs/lists/lists-themes.html
+++ b/docs/lists/lists-themes.html
@@ -82,14 +82,12 @@
Broken Bells
Broken Bells
- $11.99
Purchase album
Warning
Hot Chip
- $12.99
Purchase album
@@ -103,14 +101,12 @@
Broken Bells
Broken Bells
- $11.99
Purchase album
Warning
Hot Chip
- $12.99
Purchase album
@@ -126,14 +122,12 @@
Broken Bells
Broken Bells
- $11.99
Purchase album
Warning
Hot Chip
- $12.99
Purchase album
diff --git a/docs/lists/lists-thumbnails.html b/docs/lists/lists-thumbnails.html
index d87d40e6..0061584f 100755
--- a/docs/lists/lists-thumbnails.html
+++ b/docs/lists/lists-thumbnails.html
@@ -21,69 +21,58 @@
Broken Bells
Broken Bells
- $11.99
Warning
Hot Chip
- $12.99
Wolfgang Amadeus Phoenix
Phoenix
- $11.99
Of The Blue Colour Of The Sky
Ok Go
- $10.99
Elephant
The White Stripes
- $9.99
Kid A
Radiohead
- $11.99
XX
XX
- $10.99
Congratulations
MGMT
- $12.99
Ashes Grammar
A Sunny Day in Glasgow
- $11.99
Hot Fuss
Killers
- $12.99
The Suburbs
Arcade Fire
- $12.99
diff --git a/docs/toolbars/footer-persist-b.html b/docs/toolbars/footer-persist-b.html
index 99c153e1..1c803f2e 100755
--- a/docs/toolbars/footer-persist-b.html
+++ b/docs/toolbars/footer-persist-b.html
@@ -20,56 +20,48 @@
Broken Bells
Broken Bells
- $11.99
Purchase album
Warning
Hot Chip
- $12.99
Purchase album
Wolfgang Amadeus Phoenix
Phoenix
- $11.99
Purchase album
Of The Blue Colour Of The Sky
Ok Go
- $10.99
Purchase album
Elephant
The White Stripes
- $9.99
Purchase album
Kid A
Radiohead
- $11.99
Purchase album
XX
XX
- $10.99
Purchase album
Congratulations
MGMT
- $12.99
Purchase album
@@ -77,7 +69,6 @@
Ashes Grammar
A Sunny Day in Glasgow
- $11.99
Purchase album
@@ -85,14 +76,12 @@
Hot Fuss
Killers
- $12.99
Purchase album
The Suburbs
Arcade Fire
- $12.99
Purchase album
diff --git a/docs/toolbars/index.html b/docs/toolbars/index.html
index 3182211a..3c174e53 100755
--- a/docs/toolbars/index.html
+++ b/docs/toolbars/index.html
@@ -24,7 +24,6 @@
Footer bars
Fixed positioning
Fullscreen positioning
- Nav bar widget
Persistent footer nav bar
Theming toolbars
diff --git a/docs/toolbars/navbar.html b/docs/toolbars/navbar.html
deleted file mode 100755
index 3eaf09f0..00000000
--- a/docs/toolbars/navbar.html
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-
- jQuery Mobile Framework - navbar Example
-
-
-
-
-
-
-
- Navbar Example
-
-
-
- - Fixed
- - Inline
- - Fullscreen
-
-
-
-
-
- Nav bar widget
-
-
- The Nav Bar widget can be added anywhere in a page — header, content, or footer region — to provide a navigation bar that accommodates an unlimited number of options in a compact layout.
-
- The Nav Bar is structured as a 3-column element; it displays up to 3 items per row in a horizontal bar with out without icons. (If more than 3 items are in the navigation list, the nav bar displays a second row with option slots.)
-
- The markup for a nav bar is identical to a basic linked list view: an unordered list with a link in each item and an optional icon. This markup is transformed into a nav bar by adding a data-role="navbar" attribute to the list.
-
-
-<div data-role="navbar">
- <ul>
- <li><a href="bars-fixed.html">Fixed</a></li>
- <li><a href="bars-inline.html">Inline</a></li>
- <li><a href="bars-fullscreen.html">Fullscreen</a></li>
- <li><a href="bars-persist.html">Persistent</a></li>
- <li><a href="bars-themes.html">Themes</a></li>
- </ul>
-</div><!-- /navbar -->
-
-
- The markup above creates a two-row nav bar element in the body of the page, like this:
-
-
-
-
- - Toolbar basics
- - Fixed
- - Inline
- - Fullscreen
- - Persistent
- - Themes
-
-
-
-
- The navbar can be added inside the header or footer bar; if you want it to persist, simply add a data-position="fixed" attribute to the header or footer div container.
-
-
-
-
-
-
-
-
- - Fixed
- - Inline
- - Fullscreen
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/themes/default/jquery.mobile.core.css b/themes/default/jquery.mobile.core.css
index 64147900..642e25db 100644
--- a/themes/default/jquery.mobile.core.css
+++ b/themes/default/jquery.mobile.core.css
@@ -24,7 +24,7 @@
.ui-loading, .ui-loading body { overflow: hidden !important; }
.ui-loading .ui-loader { display: block; }
.ui-loading .ui-page { overflow: hidden; }
-.ui-loader { display: none; position: absolute; opacity: .85; z-index: 10; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; }
+.ui-loader { display: none; position: absolute; opacity: .7; z-index: 10; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; }
.ui-loader h1 { font-size: 15px; text-align: center; }
.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
@@ -50,4 +50,4 @@
.ui-fullscreen img { max-width: 100%; }
/* non-js content hiding */
-.ui-nojs { position: absolute; left: -9999px; }
\ No newline at end of file
+.ui-nojs { position: absolute; left: -9999px; }
diff --git a/themes/valencia/images/icons-18-black.png b/themes/valencia/images/icons-18-black.png
index f685cb18..75342536 100644
Binary files a/themes/valencia/images/icons-18-black.png 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
index 05f0a136..62972546 100644
Binary files a/themes/valencia/images/icons-18-white.png and b/themes/valencia/images/icons-18-white.png differ
diff --git a/themes/valencia/images/icons-36-black.png b/themes/valencia/images/icons-36-black.png
index 2793efa0..57d5275c 100644
Binary files a/themes/valencia/images/icons-36-black.png 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
index aa9a26e0..8495a7bc 100644
Binary files a/themes/valencia/images/icons-36-white.png and b/themes/valencia/images/icons-36-white.png differ