Permalink
Browse files

readme

  • Loading branch information...
1 parent 020524d commit 57f65b1b919e9d839aa437240272f2b57ad55099 Jonas Gehring committed Mar 29, 2012
Showing with 33 additions and 9 deletions.
  1. +33 −9 README.md
  2. BIN preview.png
View
@@ -4,27 +4,51 @@ This is a custom jquery mobile theme, that matches the Holo theme family in Andr
http://developer.android.com/design/building-blocks/buttons.html
+![Preview](https://github.com/jjoe64/jquery-mobile-android-theme/raw/master/preview.png "Preview")
+
How to use
-----------
* Download the sources (js, css, themes-folder) from github
* Include it in your html file:
-<link rel="stylesheet" href="themes/android-theme.css" />
-<script type="text/javascript">
-var DEBUG_ANDROID_THEME=true
-</script>
-<script type="text/javascript" src="jquery.mobile.android-theme.js"></script>
+> <link rel="stylesheet" href="themes/android-theme.css" />
+> <script type="text/javascript">
+> var DEBUG_ANDROID_THEME=true
+> </script>
+> <script type="text/javascript" src="jquery.mobile.android-theme.js"></script>
Special
---------
* hide-on-android css class
use this class, to hide some elements on android devices (e.g. header back button)
+
+
+How to build / customize
+-------------------------
+The basic css is generated with the jquery mobile theme generator.
+Then all rules are wrapped with .android class. Compile it with SASS.
+
+### Import into jquery mobile theme generator
+* Go to http://jquerymobile.com/themeroller/
+* Click "Import" (top-left-corner)
+* Open the file android-theme.scss in any editor
+* remove the line at the beginning:
+ body.android {
+* remove the last line "}"
+* copy now the content of this file into the theme generator import-window
+
+### Export and compile
+* Click on "Download-Theme"
+* Name it "android-theme"
+* Download it, extract and copy the file "themes/android-theme.css" to the "themes/android-theme.scss" of this project. Overwrite it.
+* Wrap the complete content with body.android:
+ * add the line at the beginning:
+ body.android {
+ * add a closing "}" at the end of the file
+* Compile it with SASS
+
See
-----
http://www.jjoe64.com/2011/09/android-theme-for-jquery-mobile.html
-How to build
-----------------
-The basic css is generated with the jquery mobile theme generator. Then all rules are wrapped with .android class. Compile it with SASS.
-
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 57f65b1

Please sign in to comment.