libjs-jquery-mobile-docs 1.2.0+dfsg-2 / usr / share / doc / libjs-jquery-mobile-docs / demos / docs / pages / pages-themes / theme-b.html

This file is indexed.

/usr/share/doc/libjs-jquery-mobile-docs/demos/docs/pages/pages-themes/theme-b.html is in libjs-jquery-mobile-docs 1.2.0+dfsg-2.

This file is owned by root:root, with mode 0o644.

The actual contents of the file can be viewed below. 

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html> 
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Docs - Theming Pages</title> 
	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.2.0.css" />  
	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
	<script src="../../../js/jquery.js"></script>
	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
	<script src="../../../js/jquery.mobile-1.2.0.js"></script>

</head> 
<body> 

	<div data-role="page" class="type-interior" data-theme="b">

		<div data-role="header" data-theme="b">
		<h1>Theming pages</h1>
		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
	</div><!-- /header -->

	<div data-role="content">
		<div class="content-primary">
			
			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
				<li><a href="../pages-themes.html" data-role="button" data-transition="fade">Theme Overview</a></li>
						
				<li><a href="theme-a.html" data-role="button" data-transition="fade">A&nbsp;</a></li>
				<li><a href="theme-b.html" data-role="button" data-transition="fade" class="ui-btn-active">B&nbsp;</a></li>
				<li><a href="theme-c.html" data-role="button" data-transition="fade">C&nbsp;</a></li>
				<li><a href="theme-d.html" data-role="button" data-transition="fade">D&nbsp;</a></li>
				<li><a href="theme-e.html" data-role="button" data-transition="fade">E&nbsp;</a></li>
			</ul>
			
			<h2>Theme B Sample Page</h2>

			<p>This is an example of <code>data-theme="b"</code> applied to the same element as <code>data-role="page"</code>, showing how the theme is inherited by widgets throughout the page.</p>
			
					<div data-role="fieldcontain">
			         <label for="name-a">Text Input:</label>
			         <input type="text" name="name" id="name-a" value=""  />
					</div>

					<div data-role="fieldcontain">
						<label for="switch-a">Flip switch:</label>
						<select name="switch-a" id="switch-a" data-role="slider">
							<option value="off">Off</option>
							<option value="on">On</option>
						</select> 
					</div>

					<div data-role="fieldcontain">
						<label for="slider-a">Slider:</label>
					 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
					</div>

					<div data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-type="horizontal">
				    	<legend>Font styling:</legend>
				    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
						<label for="checkbox-6a">b</label>

						<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
						<label for="checkbox-7a"><em>i</em></label>

						<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
						<label for="checkbox-8a">u</label>    
				    </fieldset>
					</div>

					<div data-role="fieldcontain">
					    <fieldset data-role="controlgroup">
					    	<legend>Choose a pet:</legend>
					         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
					         	<label for="radio-choice-1a">Cat</label>

					         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
					         	<label for="radio-choice-2a">Dog</label>

					         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
					         	<label for="radio-choice-3a">Hamster</label>

					         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
					         	<label for="radio-choice-4a">Lizard</label>
					    </fieldset>
					</div>

					<div data-role="fieldcontain">
						<label for="select-choice-a" class="select">Choose shipping method:</label>
						<select name="select-choice-a" id="select-choice-a">
							<option value="standard">Standard: 7 day</option>
							<option value="rush">Rush: 3 days</option>
							<option value="express">Express: next day</option>
							<option value="overnight">Overnight</option>
						</select>
					</div>

					<h2>Collapsible Sets</h2>		
					<div data-role="collapsible-set">
						<div data-role="collapsible" data-collapsed="false">
							<h3>Section 1</h3>
							<p>I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the <code>data-collapsed="false"</code> attribute; to collapse me, either click my header or expand another header in my set.</p>
						</div>
						<div data-role="collapsible">
							<h3>Section 2</h3>
							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>

						</div>
						<div data-role="collapsible">
							<h3>Section 3</h3>
							<p>I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.</p>

						</div>
					</div>

					<h2>Inset List</h2>
					<ul data-role="listview" data-inset="true">
						<li><a href="index.html">Inbox <span class="ui-li-count" >12</span></a></li>
						<li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li>
						<li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li>
						<li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li>
						<li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li>
					</ul>
					
				</div><!--/content-primary -->		

				<div class="content-secondary">

					<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="b">

						<h3>More in this section</h3>

						<ul data-role="listview" data-theme="b" data-dividertheme="b">
							<li data-role="list-divider">Pages &amp; Dialogs</li>
							<li><a href="../page-anatomy.html">Anatomy of a page</a></li>
							<li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
							<li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
							<li><a href="../page-titles.html">Page titles</a></li>
							<li><a href="../page-links.html">Linking pages</a></li>
							<li><a href="../page-transitions.html" data-ajax="false">Page transitions</a></li>
							<li><a href="../loader.html">Page loading widget</a></li>
							<li><a href="../dialog/index.html">Dialogs</a></li>
                            <li><a href="../popup/index.html">Popups</a></li>
							<li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
							<li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
							<li><a href="../page-dynamic.html">Dynamically Injecting Pages</a></li>
							<li><a href="../page-scripting.html">Scripting pages</a></li>
							<li data-theme="a"><a href="../pages-themes.html">Theming pages</a></li>
						</ul>
					</div>
				</div>

			</div><!-- /content -->

			<div data-role="footer" class="footer-docs" data-theme="b">
					<p class="jqm-version"></p>
				<p>&copy; 2012 jQuery Foundation and other contributors</p>
			</div>

			</div><!-- /page -->

			</body>
			</html>

APT Browse - Built by Thomas Orozco.