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.
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
|
|||
16
combine.php
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
CACHE MANIFEST
|
||||
index.html
|
||||
../../css/all
|
||||
../../themes/default
|
||||
../../js/all
|
||||
jquery.tmpl.js
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
|
|
|||
BIN
themes/default/images/ajax-loader.gif
Normal file
|
After Width: | Height: | Size: 8.6 KiB |
BIN
themes/default/images/ajax-loader.png
Normal file
|
After Width: | Height: | Size: 503 B |
BIN
themes/default/images/form-check-off.png
Normal file
|
After Width: | Height: | Size: 364 B |
BIN
themes/default/images/form-check-on.png
Normal file
|
After Width: | Height: | Size: 460 B |
BIN
themes/default/images/form-radio-off.png
Normal file
|
After Width: | Height: | Size: 453 B |
BIN
themes/default/images/form-radio-on.png
Normal file
|
After Width: | Height: | Size: 519 B |
BIN
themes/default/images/icon-arrow-white-down.png
Normal file
|
After Width: | Height: | Size: 232 B |
BIN
themes/default/images/icon-arrow-white-left.png
Normal file
|
After Width: | Height: | Size: 236 B |
BIN
themes/default/images/icon-arrow-white-right.png
Normal file
|
After Width: | Height: | Size: 236 B |
BIN
themes/default/images/icon-arrow-white-up.png
Normal file
|
After Width: | Height: | Size: 231 B |
BIN
themes/default/images/icon-delete.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
themes/default/images/icon-minus-white.png
Normal file
|
After Width: | Height: | Size: 965 B |
BIN
themes/default/images/icon-plus-white.png
Normal file
|
After Width: | Height: | Size: 971 B |
BIN
themes/default/images/icon-search-black.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
themes/default/images/icons-16-black.png
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
themes/default/images/icons-16-white.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
themes/default/images/icons-32-black.png
Normal file
|
After Width: | Height: | Size: 6.9 KiB |
BIN
themes/default/images/icons-32-white.png
Normal file
|
After Width: | Height: | Size: 6.3 KiB |
54
themes/default/jquery.mobile.button.css
Normal 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; }
|
||||
15
themes/default/jquery.mobile.collapsible.css
Normal 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; }
|
||||
29
themes/default/jquery.mobile.controlgroup.css
Normal 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; }
|
||||
}
|
||||
64
themes/default/jquery.mobile.core.css
Normal 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; }
|
||||
8
themes/default/jquery.mobile.dialog.css
Normal 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; }
|
||||