more updates to docs

This commit is contained in:
scottjehl 2011-06-20 10:49:01 -04:00
parent 4cbbd7779a
commit 46622fde58
5 changed files with 47 additions and 82 deletions

View file

@ -107,6 +107,9 @@ p.intro {
padding: 0;
background: url(../images/px-ccc.gif) 50% 0 repeat-y;
}
.type-interior .ui-content {
background-position: 45%;
}
.content-secondary {
text-align: left;
float: left;
@ -138,7 +141,10 @@ p.intro {
position: absolute;
left: -9999px;
}
.type-interior .content-primary {
padding: 0 6% 3em 0;
margin: 0;
}
/* fix up the collapsibles - expanded on desktop */
.content-secondary .ui-collapsible-heading {
display: none;
@ -153,8 +159,8 @@ p.intro {
}
.type-interior .content-secondary {
margin-bottom: 0;
margin-top: 0;
margin: 0;
padding: 0;
}
}
@ -170,24 +176,33 @@ p.intro {
width: 56%;
padding-right: 1%;
}
.type-interior .ui-content {
background-position: 34%;
}
}
@media all and (min-width: 1200px){
.type-home .ui-content,
.type-interior .ui-content {
.type-home .ui-content{
background-position: 38.5%;
}
.type-interior .ui-content {
background-position: 30%;
}
.content-secondary {
width: 30%;
padding-right:6%;
margin: 30px 0 20px 5%;
}
.type-interior .content-secondary {
margin: 0 0 0 5%;
margin: 0;
padding: 0;
}
.content-primary {
width: 50%;
margin-right: 5%;
padding-right: 3%;
}
.type-interior .content-primary {
width: 60%;
}
}

View file

@ -20,6 +20,25 @@
<div data-role="content">
<div class="content-secondary">
<div data-role="collapsible" data-collapsed="true" data-theme="b">
<h3>Demos &amp; Docs Sections</h3>
<ul data-role="listview" data-theme="c" data-dividertheme="d">
<li data-role="list-divider">Overview</li>
<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
<li><a href="../../docs/about/features.html">Features</a></li>
<li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
</ul>
</div>
</div>
<div class="content-primary">
<h2>Accessibility</h2>
@ -31,36 +50,7 @@
</div>
<div class="content-secondary">
<div data-role="collapsible" data-collapsed="true" data-theme="b">
<h3>Demos &amp; Docs Sections</h3>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Overview</li>
<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
<li><a href="../../docs/about/features.html">Features</a></li>
<li data-theme="a"><a href="../../docs/about/accessibility.html">Accessibility</a></li>
<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
<li data-role="list-divider">API</li>
<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
<li><a href="../../docs/api/events.html">Events</a></li>
<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li>
<li><a href="../../docs/api/themes.html">Theme framework</a></li>
<li data-role="list-divider">Components</li>
<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
<li><a href="../../docs/buttons/index.html">Buttons</a></li>
<li><a href="../../docs/content/index.html">Content formatting</a></li>
<li><a href="../../docs/forms/index.html">Form elements</a></li>
<li><a href="../../docs/lists/index.html">List views</a></li>
</ul>
</div>
</div>
</div><!-- /content -->

View file

@ -45,27 +45,13 @@
<h3>Demos &amp; Docs Sections</h3>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<ul data-role="listview" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Overview</li>
<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
<li data-theme="a"><a href="../../docs/about/features.html">Features</a></li>
<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
<li data-role="list-divider">API</li>
<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
<li><a href="../../docs/api/events.html">Events</a></li>
<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li>
<li><a href="../../docs/api/themes.html">Theme framework</a></li>
<li data-role="list-divider">Components</li>
<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
<li><a href="../../docs/buttons/index.html">Buttons</a></li>
<li><a href="../../docs/content/index.html">Content formatting</a></li>
<li><a href="../../docs/forms/index.html">Form elements</a></li>
<li><a href="../../docs/lists/index.html">List views</a></li>
</ul>
</div>
</div>

View file

@ -34,7 +34,7 @@
<img src="../_assets/images/ipad-palm.png" alt="Smartphone and tablet designs" style="max-width:100%; margin-top:20px;">
</div><!--/content-secondary -->
</div><!--/content-primary -->
<div class="content-secondary">
@ -42,27 +42,14 @@
<h3>Demos &amp; Docs Sections</h3>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<ul data-role="listview" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Overview</li>
<li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
<li><a href="../../docs/about/features.html">Features</a></li>
<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
<li data-role="list-divider">API</li>
<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
<li><a href="../../docs/api/events.html">Events</a></li>
<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li>
<li><a href="../../docs/api/themes.html">Theme framework</a></li>
<li data-role="list-divider">Components</li>
<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
<li><a href="../../docs/buttons/index.html">Buttons</a></li>
<li><a href="../../docs/content/index.html">Content formatting</a></li>
<li><a href="../../docs/forms/index.html">Form elements</a></li>
<li><a href="../../docs/lists/index.html">List views</a></li>
</ul>
</div>
</div>

View file

@ -82,27 +82,14 @@
<h3>Demos &amp; Docs Sections</h3>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<ul data-role="listview" data-theme="c" data-dividertheme="d">
<li data-role="list-divider">Overview</li>
<li><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
<li><a href="../../docs/about/features.html">Features</a></li>
<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
<li data-theme="a"><a href="../../docs/about/platforms.html">Supported platforms</a></li>
<li data-role="list-divider">API</li>
<li><a href="../../docs/api/globalconfig.html">Configuring defaults</a></li>
<li><a href="../../docs/api/events.html">Events</a></li>
<li><a href="../../docs/api/methods.html">Methods &amp; Utilities</a></li>
<li><a href="../../docs/api/mediahelpers.html">Responsive Layout</a></li>
<li><a href="../../docs/api/themes.html">Theme framework</a></li>
<li data-role="list-divider">Components</li>
<li><a href="../../docs/pages/index.html">Pages &amp; dialogs</a></li>
<li><a href="../../docs/toolbars/index.html">Toolbars</a></li>
<li><a href="../../docs/buttons/index.html">Buttons</a></li>
<li><a href="../../docs/content/index.html">Content formatting</a></li>
<li><a href="../../docs/forms/index.html">Form elements</a></li>
<li><a href="../../docs/lists/index.html">List views</a></li>
</ul>
</div>
</div>