Created a themes directory and moved all CSS and images there.

Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet.

Modified all HTML files to point to /themes/default for their theme.
This commit is contained in:
scottjehl 2010-10-13 12:45:10 -04:00
parent cd478e2f9b
commit d5cbcf755b
112 changed files with 894 additions and 79 deletions

View file

@ -2,7 +2,7 @@
Options +FollowSymLinks
RewriteEngine On
RewriteRule ^css/all combine.php?type=css
RewriteRule ^themes/([a-zA-Z\-\_\0-9]+)\/$ combine.php?type=css&theme=$1
RewriteRule ^js/all combine.php?type=javascript
# Turn on Expires and set default to 0

View file

@ -6,7 +6,7 @@ Usage
Early documentation: https://github.com/jquery/jquery-mobile/wiki/_pages
For now, I've set things up with a little combinator script to concat all the css and js files into one request and gzip. (js/all and css/all)
For now, I've set things up with a little combinator script to concat all the css and js files into one request and gzip. (js/all and themes/default)
You'll need to point your local apache & php webserver at this root directory in order to preview things.
If you don't currently have a webserver running locally, a quick way to get up and running is to download and install Mamp for Mac OSX. Once installed, just open Mamp, click preferences, go to the Apache tab, and select your local jQuery Mobile folder as the root. Then you can open a browser to http://localhost:8888 to preview the code.

View file

@ -27,8 +27,9 @@
$cache = true;
$pullfromcache = false;
$theme = $_GET['theme'];
$cachedir = dirname(__FILE__) . '/cache';
$cssdir = dirname(__FILE__) . '/css';
$cssdir = dirname(__FILE__) . '/themes/' . $theme;
$jsdir = dirname(__FILE__) . '/js';
// Determine the directory and type we should use
@ -52,7 +53,16 @@
// Determine last modification date of the files
$lastmodified = 0;
while (list(,$element) = each($elements)) {
$path = realpath($base . '/' . $element);
$thisbase = $base;
$thiselement = $element;
if( strpos($thiselement, "../") === 0 ){
$thiselement = str_replace("../","",$thiselement);
$thisbase = explode("/", $thisbase);
array_pop($thisbase);
$thisbase = implode("/", $thisbase);
}
$path = realpath($thisbase . '/' . $thiselement);
//echo $path;
if (($type == 'javascript' && substr($path, -3) != '.js') ||
($type == 'css' && substr($path, -4) != '.css')) {
@ -60,7 +70,7 @@
exit;
}
if (substr($path, 0, strlen($base)) != $base || !file_exists($path)) {
if (substr($path, 0, strlen($thisbase)) != $thisbase || !file_exists($path)) {
header ("HTTP/1.0 404 Not Found");
exit;
}

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Events</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Forms</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Forms</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Forms</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Forms</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Forms</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Forms</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery UI Mobile Framework - Documentation</title>
<link rel="stylesheet" href="css/all" />
<link rel="stylesheet" href="themes/default" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Intro</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Links</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="../docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Lists</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Intro</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Buttons</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Dialog Example</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Pages</title>
<link rel="stylesheet" media="only all" href="../../css/all" />
<link rel="stylesheet" media="only all" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Pages</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Pages</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Pages</title>
<link rel="stylesheet" media="only all" href="../../css/all" />
<link rel="stylesheet" media="only all" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Pages</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Pages</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
<script type="text/javascript" src="docs/docs.js"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Static Containers, States</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Toolbars demo</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Fixed toolbars variation</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Toolbars demo</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Toolbars demo</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Persistent footer demo</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Persistent footer demo</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Docs - Toolbars</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - navbar Example</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Search Results</title>
<link rel="stylesheet" href="css/all" />
<link rel="stylesheet" href="themes/default" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Search Example</title>
<link rel="stylesheet" href="css/all" />
<link rel="stylesheet" href="themes/default" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Listview Examples</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -1,5 +1,5 @@
CACHE MANIFEST
index.html
../../css/all
../../themes/default
../../js/all
jquery.tmpl.js

View file

@ -3,7 +3,7 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Mobile Framework - Converter Demo Application</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - navbar Example</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Photo 1</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Photo 1</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Photo 1</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Photo 1</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Photo 1</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Photo 1</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Static Progressbar Example</title>
<link rel="stylesheet" href="css/all" />
<link rel="stylesheet" href="themes/default" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery Mobile Framework - Datepicker</title>
<link rel="stylesheet" href="../../css/all" />
<link rel="stylesheet" href="../../themes/default" />
<script type="text/javascript" src="../../js/all"></script>
</head>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>jQuery UI Mobile Framework - Documentation</title>
<link rel="stylesheet" href="css/all" />
<link rel="stylesheet" href="themes/default" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>

View file

@ -2,7 +2,7 @@
<html>
<head>
<title>Basic Page</title>
<link rel="stylesheet" href="../css/all" />
<link rel="stylesheet" href="../themes/default" />
<script type="text/javascript" src="../js/all"></script>
<script>
$(function() {

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 503 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 364 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 453 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 519 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 236 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 965 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 971 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

View file

@ -0,0 +1,54 @@
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
.ui-btn:focus, .ui-btn a:focus { outline: none; }
.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
.ui-btn-inline { display: inline-block; }
.ui-btn-inner { padding: .6em 25px; display: block; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-btn-text { }
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
.ui-btn-icon-notext { display: block; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
.ui-btn-icon-notext .ui-btn-inner { padding: 0; }
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-footer .ui-btn-icon-left .ui-btn-inner,
.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-footer .ui-btn-icon-right .ui-btn-inner
.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
.ui-header .ui-btn-icon-top .ui-btn-inner
.ui-footer .ui-btn-icon-top .ui-btn-inner,
.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
/*btn icon positioning*/
.ui-btn-icon-notext .ui-icon { display: block; }
.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
.ui-btn-icon-left .ui-icon { left: 10px; }
.ui-btn-icon-right .ui-icon {right: 10px; }
.ui-header .ui-btn-icon-left .ui-icon,
.ui-footer .ui-btn-icon-left .ui-icon,
.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
.ui-header .ui-btn-icon-right .ui-icon,
.ui-footer .ui-btn-icon-right .ui-icon,
.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
.ui-header .ui-btn-icon-top .ui-icon,
.ui-footer .ui-btn-icon-top .ui-icon,
.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
.ui-header .ui-btn-icon-bottom .ui-icon,
.ui-footer .ui-btn-icon-bottom .ui-icon,
.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
.ui-btn-icon-top .ui-icon { top: 5px; }
.ui-btn-icon-bottom .ui-icon { bottom: 5px; }
/*hiding native button,inputs */
.ui-btn-hidden { position: absolute; left: -9999px; }

View file

@ -0,0 +1,15 @@
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-collapsible-contain { margin: .5em 0; }
.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
.ui-collapsible-heading a { text-align: left; margin: 0; }
.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 0; }
.ui-collapsible-heading a span.ui-btn .ui-icon { left: 2px; }
.ui-collapsible-heading-status { position:absolute; left:-99999px; }
.ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
.ui-collapsible-content-collapsed { display: none; }

View file

@ -0,0 +1,29 @@
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
.ui-bar .ui-controlgroup { margin: 0 .3em; }
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
.ui-controlgroup-controls { display: block; width: 95%;}
.ui-controlgroup li { list-style: none; }
.ui-controlgroup-vertical .ui-btn,
.ui-controlgroup-vertical div.ui-checkbox, .ui-controlgroup-vertical div.ui-radio { margin: 0; border-bottom-width: 0; }
.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
.ui-controlgroup-horizontal { padding: 0; }
.ui-controlgroup-horizontal .ui-btn,
.ui-controlgroup-horizontal div.ui-checkbox, .ui-controlgroup-horizontal div.ui-radio { margin: 0 -5px 0 0; display: inline-block; }
.ui-controlgroup-horizontal div.ui-checkbox .ui-btn, .ui-controlgroup-horizontal div.ui-radio .ui-btn,
.ui-controlgroup-horizontal div.ui-checkbox:last-child, .ui-controlgroup-horizontal div.ui-radio:last-child { margin-right: 0; }
.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
/* conflicts with listview..
.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
*/
@media screen and (min-width: 480px){
.ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
.ui-controlgroup-controls { width: 60%; display: inline-block; }
}

View file

@ -0,0 +1,64 @@
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* Note: Code is in draft form and is subject to change
*/
/* some unsets - more probably needed */
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
.ui-mobile a img, .ui-mobile fieldset { border: 0; }
/* responsive page widths */
.ui-mobile body { margin: 0; overflow-x: hidden; -webkit-user-select: none; -webkit-text-size-adjust: none; min-height: 100%; }
/*tablets - more work needed here*/
@media screen and (min-width: 480px){
.ui-mobile body { width: auto; }
}
/*tablets - mobile landscape-ish */
@media screen and (max-width: 480px){
.ui-mobile body { width: 480px; }
}
/*tablets - mobile portrait-ish */
@media screen and (max-width: 320px){
.ui-mobile body { width: 320px; }
}
/*orientations from js are available - necessary? media q's work well enough? */
.portrait body { }
.landscape body { }
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
.ui-page-active { display: block; overflow: visible; }
/* loading screen */
.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: .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; }
/*headers, content panels*/
.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
.ui-bar { font-size: 16px; margin: 0; }
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
.ui-header .ui-title, .ui-footer .ui-title { text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
/*content area*/
.ui-content { border-width: 0; overflow: visible; padding: 15px; }
.ui-page-fullscreen .ui-content { padding:0; }
/* icons sizing */
.ui-icon { width: 18px; height: 18px; }
/* fullscreen class on ui-content div */
.ui-fullscreen { }
.ui-fullscreen img { max-width: 100%; }
/* non-js content hiding */
.ui-nojs { position: absolute; left: -9999px; }

View file

@ -0,0 +1,8 @@
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }

Some files were not shown because too many files have changed in this diff Show more