├── css ├── font │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ └── fontawesome-webfont.woff ├── jquerymobile.nativedroid.color.yellow.css ├── jquerymobile.nativedroid.color.green.css ├── jquerymobile.nativedroid.color.purple.css ├── jquerymobile.nativedroid.color.red.css ├── jquerymobile.nativedroid.color.blue.css ├── jquerymobile.nativedroid.light.css ├── jquerymobile.nativedroid.dark.css └── font-awesome.min.css ├── README.md ├── .gitattributes ├── dialog.html ├── _tweetfeed.html ├── flickrgallery.html ├── collapsible.html ├── accordions.html ├── panels.html ├── gettingstarted.html ├── colorsandstyles.html ├── .gitignore ├── index.html ├── text.html ├── features.html ├── headerfooter.html ├── dialogsnpopups.html ├── listviews.html ├── homescreen.html ├── tables.html ├── license.html ├── cards.html ├── config.xml ├── gallery.html ├── forms.html ├── autocomplete.html └── js └── nativedroid.script.js /css/font/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RichardAfolabi/nativeDroid/HEAD/css/font/FontAwesome.otf -------------------------------------------------------------------------------- /css/font/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RichardAfolabi/nativeDroid/HEAD/css/font/fontawesome-webfont.eot -------------------------------------------------------------------------------- /css/font/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RichardAfolabi/nativeDroid/HEAD/css/font/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /css/font/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RichardAfolabi/nativeDroid/HEAD/css/font/fontawesome-webfont.woff -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

NativeDroid Template

2 | 3 | Android App template from NativeDroid 4 | 5 | Visit the website for details http://nativedroid.godesign.ch/ 6 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | *.sln merge=union 7 | *.csproj merge=union 8 | *.vbproj merge=union 9 | *.fsproj merge=union 10 | *.dbproj merge=union 11 | 12 | # Standard to msysgit 13 | *.doc diff=astextplain 14 | *.DOC diff=astextplain 15 | *.docx diff=astextplain 16 | *.DOCX diff=astextplain 17 | *.dot diff=astextplain 18 | *.DOT diff=astextplain 19 | *.pdf diff=astextplain 20 | *.PDF diff=astextplain 21 | *.rtf diff=astextplain 22 | *.RTF diff=astextplain 23 | -------------------------------------------------------------------------------- /dialog.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |

Delete from library?

5 |
6 | 7 |
8 |

This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and data-rel="dialog" attribute.

9 |
10 | Sounds good 11 | Cancel 12 |
13 | 14 |
15 |
-------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.color.yellow.css: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * 4 | * YELLOW: 5 | * 6 | * COLOR GUIDE: 7 | * Light: #FFD060 8 | * Dark: #FFBD21 9 | * 10 | */ 11 | 12 | 13 | .ui-bar-b,.ui-body-b .ui-dialog-contain .ui-title { 14 | border-bottom: 2px solid #FFD060; 15 | } 16 | 17 | .ui-btn-down-b .ui-btn-inner,.ui-btn-down-b .ui-btn-text .ui-link-inherit,.ui-listview .ui-btn-hover-b,.ui-input-search.ui-body-b { 18 | background-color: #FFD060; 19 | } 20 | 21 | .ui-body-b form .ui-btn-down-b,.ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 22 | background-color: #FFBD21; 23 | } 24 | 25 | .ui-body-b div.ui-input-text.ui-focus:after{background-color: #FFBD21;} 26 | .ui-body-b div.ui-input-text.ui-focus:before{background-color: #FFBD21;} 27 | .ui-body-b div.ui-input-text.ui-focus {border-bottom: 1px solid #FFBD21;} 28 | 29 | textarea.ui-body-b.ui-input-text:focus { 30 | border: 1px solid #FFBD21; 31 | } 32 | 33 | .ui-body-b .ui-link,.ui-body-b .ui-li a,.nativeDroidCards ul[data-nativedroid-plugin="twitter"] a { 34 | color: #FFBD21; 35 | } 36 | 37 | .ui-body-b .table-stroke tr:nth-child(even) .ui-link { 38 | color: #FFD060; 39 | } 40 | 41 | .ui-slider-track .ui-btn.ui-slider-handle { 42 | border: 10px solid rgba(255,208,56,0.3); 43 | } 44 | 45 | .ui-slider-track .ui-btn.ui-slider-handle.ui-focus { 46 | border: 10px solid rgba(255,208,56,0.5); 47 | box-shadow: 0px 0px 2px 0px #FFBD21; 48 | } 49 | 50 | .ui-slider-bg.ui-btn-active { 51 | background-color: #FFD060; 52 | } 53 | 54 | 55 | progress::-moz-progress-bar { 56 | background-color: #FFBD21; 57 | } 58 | -------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.color.green.css: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * GREEN: 4 | * 5 | * COLOR GUIDE: 6 | * Light: #b6db49 7 | * Dark: #99cc00; 8 | * 9 | */ 10 | 11 | .ui-bar-b,.ui-body-b .ui-dialog-contain .ui-title { 12 | border-bottom: 2px solid #B6DB49; 13 | } 14 | 15 | .ui-btn-down-b .ui-btn-inner,.ui-btn-down-b .ui-btn-text .ui-link-inherit,.ui-listview .ui-btn-hover-b,.ui-input-search.ui-body-b { 16 | background-color: #B6DB49; 17 | } 18 | 19 | .ui-body-b form .ui-btn-down-b,.ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 20 | background-color: #99cc00; 21 | } 22 | 23 | .ui-body-b div.ui-input-text.ui-focus:after{background-color: #99cc00;} 24 | .ui-body-b div.ui-input-text.ui-focus:before{background-color: #99cc00;} 25 | .ui-body-b div.ui-input-text.ui-focus {border-bottom: 1px solid #99cc00;} 26 | 27 | textarea.ui-body-b.ui-input-text:focus { 28 | border: 1px solid #99cc00; 29 | } 30 | 31 | .ui-body-b .ui-link,.ui-body-b .ui-li a,.nativeDroidCards ul[data-nativedroid-plugin="twitter"] a { 32 | color: #99cc00; 33 | } 34 | 35 | .ui-body-b .table-stroke tr:nth-child(even) .ui-link { 36 | color: #b6db49; 37 | } 38 | 39 | 40 | .ui-slider-track .ui-btn.ui-slider-handle { 41 | border: 10px solid rgba(182,219,73,0.3); 42 | } 43 | 44 | .ui-slider-track .ui-btn.ui-slider-handle.ui-focus { 45 | border: 10px solid rgba(182,219,73,0.5); 46 | box-shadow: 0px 0px 2px 0px #99cc00; 47 | } 48 | 49 | .ui-slider-bg.ui-btn-active { 50 | background-color: #b6db49; 51 | } 52 | 53 | progress::-webkit-progress-value { 54 | background-color: #99cc00; 55 | } 56 | progress::-moz-progress-bar { 57 | background-color: #99cc00; 58 | } 59 | -------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.color.purple.css: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * 4 | * PURPLE: 5 | * 6 | * COLOR GUIDE: 7 | * Light: #CF9FE7 8 | * Dark: #C58BE2 9 | * 10 | */ 11 | 12 | 13 | .ui-bar-b,.ui-body-b .ui-dialog-contain .ui-title { 14 | border-bottom: 2px solid #CF9FE7; 15 | } 16 | 17 | .ui-btn-down-b .ui-btn-inner,.ui-btn-down-b .ui-btn-text .ui-link-inherit,.ui-listview .ui-btn-hover-b,.ui-input-search.ui-body-b { 18 | background-color: #CF9FE7; 19 | } 20 | 21 | .ui-body-b form .ui-btn-down-b,.ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 22 | background-color: #C58BE2; 23 | } 24 | 25 | .ui-body-b div.ui-input-text.ui-focus:after{background-color: #C58BE2;} 26 | .ui-body-b div.ui-input-text.ui-focus:before{background-color: #C58BE2;} 27 | .ui-body-b div.ui-input-text.ui-focus {border-bottom: 1px solid #C58BE2;} 28 | 29 | textarea.ui-body-b.ui-input-text:focus { 30 | border: 1px solid #C58BE2; 31 | } 32 | 33 | .ui-body-b .ui-link,.ui-body-b .ui-li a,.nativeDroidCards ul[data-nativedroid-plugin="twitter"] a { 34 | color: #C58BE2; 35 | } 36 | 37 | .ui-body-b .table-stroke tr:nth-child(even) .ui-link { 38 | color: #CF9FE7; 39 | } 40 | 41 | .ui-slider-track .ui-btn.ui-slider-handle { 42 | border: 10px solid rgba(207,159,231,0.3); 43 | } 44 | 45 | .ui-slider-track .ui-btn.ui-slider-handle.ui-focus { 46 | border: 10px solid rgba(207,159,231,0.5); 47 | box-shadow: 0px 0px 2px 0px #C58BE2; 48 | } 49 | 50 | .ui-slider-bg.ui-btn-active { 51 | background-color: #CF9FE7; 52 | } 53 | progress::-webkit-progress-value { 54 | background-color: #C58BE2; 55 | } 56 | progress::-moz-progress-bar { 57 | background-color: #C58BE2; 58 | } 59 | -------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.color.red.css: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * 4 | * RED: 5 | * 6 | * COLOR GUIDE: 7 | * Light: #FF7979 - FF7979 8 | * Dark: #FF4444 - FF4444 9 | * 10 | */ 11 | 12 | 13 | .ui-bar-b,.ui-body-b .ui-dialog-contain .ui-title { 14 | border-bottom: 2px solid #FF7979; 15 | } 16 | 17 | .ui-btn-down-b .ui-btn-inner,.ui-btn-down-b .ui-btn-text .ui-link-inherit,.ui-listview .ui-btn-hover-b,.ui-input-search.ui-body-b { 18 | background-color: #FF7979; 19 | } 20 | 21 | .ui-body-b form .ui-btn-down-b,.ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 22 | background-color: #FF4444; 23 | } 24 | 25 | .ui-body-b div.ui-input-text.ui-focus:after{background-color: #FF4444;} 26 | .ui-body-b div.ui-input-text.ui-focus:before{background-color: #FF4444;} 27 | .ui-body-b div.ui-input-text.ui-focus {border-bottom: 1px solid #FF4444;} 28 | 29 | textarea.ui-body-b.ui-input-text:focus { 30 | border: 1px solid #FF4444; 31 | } 32 | 33 | .ui-body-b .ui-link,.ui-body-b .ui-li a,.nativeDroidCards ul[data-nativedroid-plugin="twitter"] a { 34 | color: #FF4444; 35 | } 36 | 37 | .ui-body-b .table-stroke tr:nth-child(even) .ui-link { 38 | color: #FF7979; 39 | } 40 | 41 | .ui-slider-track .ui-btn.ui-slider-handle { 42 | border: 10px solid rgba(255,68,68,0.3); 43 | } 44 | 45 | .ui-slider-track .ui-btn.ui-slider-handle.ui-focus { 46 | border: 10px solid rgba(255,68,68,0.5); 47 | box-shadow: 0px 0px 2px 0px #FF4444; 48 | } 49 | 50 | .ui-slider-bg.ui-btn-active { 51 | background-color: #FF7979; 52 | } 53 | 54 | 55 | progress::-webkit-progress-value { 56 | background-color: #FF4444; 57 | } 58 | progress::-moz-progress-bar { 59 | background-color: #FF4444; 60 | } 61 | -------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.color.blue.css: -------------------------------------------------------------------------------- 1 | 2 | /** 3 | * 4 | * BLUE: 5 | * 6 | * COLOR GUIDE: 7 | * Light: #6DCAEC 8 | * Dark: #33B5E5 9 | * VeryLight: #C5EAF8 10 | * 11 | */ 12 | 13 | 14 | .ui-bar-b,.ui-body-b .ui-dialog-contain .ui-title { 15 | border-bottom: 2px solid #6DCAEC; 16 | } 17 | 18 | .ui-btn-down-b .ui-btn-inner,.ui-btn-down-b .ui-btn-text .ui-link-inherit,.ui-listview .ui-btn-hover-b,.ui-input-search.ui-body-b { 19 | background-color: #6DCAEC; 20 | } 21 | 22 | .ui-body-b form .ui-btn-down-b,.ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 23 | background-color: #33B5E5; 24 | } 25 | 26 | .ui-body-b div.ui-input-text.ui-focus:after{background-color: #33B5E5;} 27 | .ui-body-b div.ui-input-text.ui-focus:before{background-color: #33B5E5;} 28 | .ui-body-b div.ui-input-text.ui-focus {border-bottom: 1px solid #33B5E5;} 29 | 30 | textarea.ui-body-b.ui-input-text:focus { 31 | border: 1px solid #33B5E5; 32 | } 33 | 34 | .ui-body-b .ui-link,.ui-body-b .ui-li a,.nativeDroidCards ul[data-nativedroid-plugin="twitter"] a { 35 | color: #33B5E5; 36 | } 37 | 38 | .ui-body-b .table-stroke tr:nth-child(even) .ui-link { 39 | color: #6DCAEC; 40 | } 41 | 42 | .ui-slider-track .ui-btn.ui-slider-handle { 43 | border: 10px solid rgba(109,202,236,0.3); 44 | } 45 | 46 | .ui-slider-track .ui-btn.ui-slider-handle.ui-focus { 47 | border: 10px solid rgba(109,202,236,0.5); 48 | box-shadow: 0px 0px 2px 0px #0099CC; 49 | } 50 | 51 | .ui-slider-bg.ui-btn-active { 52 | background-color: #33B5E5; 53 | } 54 | 55 | progress::-webkit-progress-value { 56 | background-color: #33B5E5; 57 | } 58 | 59 | progress::-moz-progress-bar { 60 | background-color: #33B5E5; 61 | } 62 | -------------------------------------------------------------------------------- /_tweetfeed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

TweetFeed

36 |
37 | 38 |
39 | 40 | 41 | 49 |
50 |

Twitter API v1 has gone. So try to use: Embedded-timelines

51 |
52 | 53 | 54 |
55 | 56 |
57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /flickrgallery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

FlickrGallery

36 |
37 | 38 |
39 | 40 | 66 | 67 |
68 | 69 |
70 | 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /collapsible.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Collapsible

36 |
37 | 38 |
39 | 40 |
41 |

Collapsible Listview

42 | 49 |
50 | 51 |
52 |

Collapsible Content

53 |
54 |

Wow, thats cool.

55 |

Im a collapsible content.

56 |
57 | 58 |

This is a success message.

59 |
60 |
61 |
62 | 63 | 64 |
65 | 66 |

Code

67 | 
<div data-role='collapsible' data-content-theme='b'>
 <h4>Heading</h4>
 <div>Any content</div>
</div>
68 | 69 |
70 | 71 | 72 |
73 | 74 |
75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /accordions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Accordions

35 |
36 | 37 |
38 | 39 | 40 |
41 |
42 |

Content

43 |
44 |

Wow, thats cool.

45 |

Im an accordions content.

46 |
47 | 48 |

Note that any kind of content container <div>,<p>,<ul>... works fine.

49 |
50 |
51 |
52 |
53 |

Listview

54 |
    55 |
  • Cats
    • 56 |
  • Dogs
    • 57 |
  • Lizards
    • 58 |
  • Snakes
    • 59 |
60 |
61 |
62 | 63 |
64 | 65 |

Code

66 | 
<div data-role='collapsible-set' data-content-theme='b' data-theme='b'>
 <h4>Heading</h4>
 <div>Any content</div>
</div>
67 | 68 |
69 | 70 | 71 |
72 | 73 |
74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /panels.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 | 43 |
44 |
45 | 46 |

Panels

47 |
48 | 49 |
50 | 51 |
52 |

Panel Trigger

53 | Open panel 54 |

Code

55 |

Link

56 | 
<a href='#mypanel' data-role='button' data-icon='tasks' data-iconpos='left' data-inline='true'>Open panel</a>
57 |

Panel #mypanel

58 | 
<div data-role='panel' id='mypanel' data-theme='b'>
 ...
</div>
59 |
60 | 61 |
62 | 63 |
64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /gettingstarted.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Getting started

36 |
37 | 38 |
39 | 40 |
41 |

How to implement nativeDroid?

42 |

nativeDroid is basically a theme for jQuery Mobile so you can use any functionality provided by jQM but for a better looking design there are a few tweaks to respect:

43 |
    44 |
  • Important to know
    • 45 |
  • all styles are applied to data-theme='b'
    • 46 |
  • only use the structure stylesheet without a theme (css/jquerymobile.css).
    Stylesheets from jQuery Mobile's Themeroller will break the design.
    • 47 |
  • the data-inset='true|false' parameter is not working in nativeDroid.
    Use the wrapping <div class='inset'>-Tag instead.
    • 48 |
  • use the data-role='header' only in combination with data-position='fixed' and data-tap-toggle='false' and specificly apply the data-theme='b' to link elements inside the header.
    • 49 |
  • the data-role='footer' is not yet designed. Use them with cause.
    • 50 |
51 |

As a best practice we recommend you to start by copying one of the HTML-Documents from the demonstration.

52 |
53 | 54 | 55 |
56 | 57 |
58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /colorsandstyles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Colors & Styles

36 |
37 | 38 |
39 | 40 | 41 |
42 |

How to apply colors and styles?

43 |
    44 |
  • Basic CSS
    • 45 |
  • css/font-awesome.min.css contains the fonts and icons used in nativeDroid.
    • 46 |
  • css/jquerymobile.css contains the original structure for jQuery Mobile without any theme (minified).
    • 47 |
  • css/jquerymobile.nativedroid.css contains the structure adjustments needed for nativeDroid.
    • 48 |
  • Theme
    • 49 |
  • css/jquerymobile.nativedroid.light.css contains the light-theme.
    • 50 |
  • css/jquerymobile.nativedroid.dark.css contains the dark-theme.
    • 51 |
  • Colors
    • 52 |
  • css/jquerymobile.nativedroid.color.blue.css blue-color style.
    • 53 |
  • css/jquerymobile.nativedroid.color.green.css green-color style.
    • 54 |
  • css/jquerymobile.nativedroid.color.purple.css purple-color style.
    • 55 |
  • css/jquerymobile.nativedroid.color.red.css purple-color style.
    • 56 |
  • css/jquerymobile.nativedroid.color.yellow.css yellow-color style.
    • 57 |
58 | 59 |
60 | 61 |

To create your own color-style simply copy one of the basic color.css-files and adjust the few color codes as you like.

62 |
63 | 64 |
65 | 66 | 67 |
68 | 69 |
70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################# 2 | ## Eclipse 3 | ################# 4 | 5 | *.pydevproject 6 | .project 7 | .metadata 8 | bin/ 9 | tmp/ 10 | *.tmp 11 | *.bak 12 | *.swp 13 | *~.nib 14 | local.properties 15 | .classpath 16 | .settings/ 17 | .loadpath 18 | 19 | # External tool builders 20 | .externalToolBuilders/ 21 | 22 | # Locally stored "Eclipse launch configurations" 23 | *.launch 24 | 25 | # CDT-specific 26 | .cproject 27 | 28 | # PDT-specific 29 | .buildpath 30 | 31 | 32 | ################# 33 | ## Visual Studio 34 | ################# 35 | 36 | ## Ignore Visual Studio temporary files, build results, and 37 | ## files generated by popular Visual Studio add-ons. 38 | 39 | # User-specific files 40 | *.suo 41 | *.user 42 | *.sln.docstates 43 | 44 | # Build results 45 | 46 | [Dd]ebug/ 47 | [Rr]elease/ 48 | x64/ 49 | build/ 50 | [Bb]in/ 51 | [Oo]bj/ 52 | 53 | # MSTest test Results 54 | [Tt]est[Rr]esult*/ 55 | [Bb]uild[Ll]og.* 56 | 57 | *_i.c 58 | *_p.c 59 | *.ilk 60 | *.meta 61 | *.obj 62 | *.pch 63 | *.pdb 64 | *.pgc 65 | *.pgd 66 | *.rsp 67 | *.sbr 68 | *.tlb 69 | *.tli 70 | *.tlh 71 | *.tmp 72 | *.tmp_proj 73 | *.log 74 | *.vspscc 75 | *.vssscc 76 | .builds 77 | *.pidb 78 | *.log 79 | *.scc 80 | 81 | # Visual C++ cache files 82 | ipch/ 83 | *.aps 84 | *.ncb 85 | *.opensdf 86 | *.sdf 87 | *.cachefile 88 | 89 | # Visual Studio profiler 90 | *.psess 91 | *.vsp 92 | *.vspx 93 | 94 | # Guidance Automation Toolkit 95 | *.gpState 96 | 97 | # ReSharper is a .NET coding add-in 98 | _ReSharper*/ 99 | *.[Rr]e[Ss]harper 100 | 101 | # TeamCity is a build add-in 102 | _TeamCity* 103 | 104 | # DotCover is a Code Coverage Tool 105 | *.dotCover 106 | 107 | # NCrunch 108 | *.ncrunch* 109 | .*crunch*.local.xml 110 | 111 | # Installshield output folder 112 | [Ee]xpress/ 113 | 114 | # DocProject is a documentation generator add-in 115 | DocProject/buildhelp/ 116 | DocProject/Help/*.HxT 117 | DocProject/Help/*.HxC 118 | DocProject/Help/*.hhc 119 | DocProject/Help/*.hhk 120 | DocProject/Help/*.hhp 121 | DocProject/Help/Html2 122 | DocProject/Help/html 123 | 124 | # Click-Once directory 125 | publish/ 126 | 127 | # Publish Web Output 128 | *.Publish.xml 129 | *.pubxml 130 | 131 | # NuGet Packages Directory 132 | ## TODO: If you have NuGet Package Restore enabled, uncomment the next line 133 | #packages/ 134 | 135 | # Windows Azure Build Output 136 | csx 137 | *.build.csdef 138 | 139 | # Windows Store app package directory 140 | AppPackages/ 141 | 142 | # Others 143 | sql/ 144 | *.Cache 145 | ClientBin/ 146 | [Ss]tyle[Cc]op.* 147 | ~$* 148 | *~ 149 | *.dbmdl 150 | *.[Pp]ublish.xml 151 | *.pfx 152 | *.publishsettings 153 | 154 | # RIA/Silverlight projects 155 | Generated_Code/ 156 | 157 | # Backup & report files from converting an old project file to a newer 158 | # Visual Studio version. Backup files are not needed, because we have git ;-) 159 | _UpgradeReport_Files/ 160 | Backup*/ 161 | UpgradeLog*.XML 162 | UpgradeLog*.htm 163 | 164 | # SQL Server files 165 | App_Data/*.mdf 166 | App_Data/*.ldf 167 | 168 | ############# 169 | ## Windows detritus 170 | ############# 171 | 172 | # Windows image file caches 173 | Thumbs.db 174 | ehthumbs.db 175 | 176 | # Folder config file 177 | Desktop.ini 178 | 179 | # Recycle Bin used on file shares 180 | $RECYCLE.BIN/ 181 | 182 | # Mac crap 183 | .DS_Store 184 | 185 | 186 | ############# 187 | ## Python 188 | ############# 189 | 190 | *.py[co] 191 | 192 | # Packages 193 | *.egg 194 | *.egg-info 195 | dist/ 196 | build/ 197 | eggs/ 198 | parts/ 199 | var/ 200 | sdist/ 201 | develop-eggs/ 202 | .installed.cfg 203 | 204 | # Installer logs 205 | pip-log.txt 206 | 207 | # Unit test / coverage reports 208 | .coverage 209 | .tox 210 | 211 | #Translations 212 | *.mo 213 | 214 | #Mr Developer 215 | .mr.developer.cfg 216 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

nativeDroid v0.2.2

35 | 36 |
37 | 38 |
39 | 40 | 99 |
100 | 101 |
102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /text.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Text

36 |
37 | 38 |
39 | 40 | 41 |
42 |

Lorem ipsum

43 |

Dolor sit amet.

44 |

This is a h3-tag

45 |

This is a h4-tag

46 |
This is a h5-tag
47 |
and finally the h6-tag
48 |

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

49 |

Writing some Code is pretty easy with the <code>-element.

50 |

Progress-Bars

51 | 52 | 53 | 54 | 55 |
56 | 57 |

This is a warning Message.

58 |
59 |
60 | 61 |

This is an info note.

62 |
63 |
64 | 65 |

This is an error message that goes over two lines on a mobile device in portrait mode.

66 |
67 |
68 | 69 |

This is a success message.

70 |
71 |
72 | 73 |
74 | 75 |
76 |

Code examples

77 |

Headings (1-6)

78 |

You can simply use the default <h1> until <h6>-Tag.

79 |

Paragraph

80 |

You can simply use the default <p>-Tag.

81 |

Code

82 |

Inline-Code:

83 |

<code> .classname </code>

84 |

Multiline-Code:

85 | 

<pre>
 foo = bar;
</pre>

86 |

Messages

87 |

Example

88 | 89 |
90 | 91 |

This is a warning Message.

92 |
93 | 94 | 

<div class='message warning'>
 <i class='icon-warning-sign'></i>
 <p>This is a warning Message</p>
</div>

95 |

Styling Classes

96 |

Info: .info

97 |

Success: .success

98 |

Warning: .warning

99 |

Error: .error

100 |
101 | 102 |
103 | 104 |
105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /features.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Features

36 |
37 | 38 |
39 | 40 | 41 |
42 |

Features of nativeDroid?

43 | 44 |
    45 | 46 |
  • Version 0.2.2 (June 15,2013)
    • 47 |
  • FontAwesome 3.2.0 is fully implemented now! You can have a preview look of all 361 icons.
    • 48 |
  • Footer added. Finally a minimal data-role='footer' is implemented.
    • 49 |
  • TweetFeed (Experimental) has gone. Unsupported API v1 by twitter.com
    • 50 |
  • Version 0.2.1 (April 29,2013)
    • 51 |
  • Gallery Example added (+Flickr API implemented)
    • 52 |
  • Homescreen Example added. Including Splashscreen / Lockscreen / Clock Widget as well as a RSS FeedReader-Widget.
    • 53 |
  • Cards improved. Routes will be automatically displayed when you provide a from and to parameter (Google Maps).
    • 54 |
  • Version 0.2 (April 24,2013)
    • 55 |
  • Update to jQuery Mobile 1.3.1 and jQuery 1.9.1 (Version 2.0.0 is pretty buggy with jQuery Mobile)
    • 56 |
  • Newly styled HTML5 <progress>-Element (Demo)
    • 57 |
  • TweetFeed: A Twitter-Reader-Plugin (Experimental)
    • 58 |
  • Cards: A Plugin for flying cards (Experimental)
    • 59 |
  • Loading-Progress-Bar (Experimental/implemented in TweetFeed) (-webkit-only)
    • 60 |
  • Added user-scalable=no in the header for improving click performance (Many thanks to Mozillas Firefox for Android-Team for the feedback)
    • 61 |
  • Removed the big border on the radio and checkbox form elements (z-index-issue)
    • 62 |
  • Bugfix: Fixed the flickering-header icons on scrolling
    • 63 |
  • Bugfix: Fixed the hiding icon-issue in Panels
    • 64 |
  • Version 0.1 (April 13,2013)
    • 65 |
  • nativeDroid does not need any single image
    • 66 |
  • The icons are provided by FontAwesome and can be used by the data-icon-attribute.
    (data-icon='camera' = .icon-camera)
    • 67 |
  • nativeDroid comes in 5 different colours (blue/green/purple/red/yellow) where are fully combinable with light and dark.
    • 68 |
  • nativeDroid has additional classes that makes it easy to create a beautiful mobile project.
    • 69 |
70 | 71 |
72 | 73 | 74 |
75 | 76 |
77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /headerfooter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Header & Footer

36 |
37 | 38 |
39 |
40 |

Check out the header on top

41 |

and the footer on the bottom

42 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta metus ac nunc placerat congue. Donec non mauris vel nisi tristique iaculis. Nunc dui justo, semper quis tincidunt ut, pellentesque quis dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis dignissim massa quis orci feugiat imperdiet. Nunc eget suscipit orci. Aenean nec augue rhoncus, porta ligula in, pellentesque risus. Praesent ut enim non lacus posuere varius. Morbi in dapibus ante. Ut ornare convallis urna, et fringilla diam consectetur vitae. Proin iaculis elementum dolor, interdum blandit mauris rhoncus in. In pellentesque mi nibh, sed eleifend ante tincidunt et.

43 |

Nullam eget elit ut quam luctus ultricies ac id dui. Praesent eros velit, egestas a vehicula a, consectetur ut felis. Praesent at risus convallis, sagittis sem et, egestas dui. Quisque ultricies augue libero, vitae pellentesque purus egestas eget. Integer adipiscing nisl in augue faucibus pellentesque. Ut sodales massa ipsum, eget convallis nunc sagittis vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus.

44 |

Suspendisse ornare ullamcorper massa eget sagittis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer porttitor mauris neque, nec venenatis mi venenatis ut. Vivamus blandit odio tempor blandit aliquam. Sed eu feugiat quam. Ut quis ligula ut sapien pretium vehicula ac vitae nisl. In nec odio mauris. Nulla ultricies libero non sapien ullamcorper, eu lacinia diam vestibulum. Cras tortor metus, blandit eget consequat ut, ullamcorper at neque. Nulla nec velit non purus congue dapibus. Etiam et elementum nulla. In eu odio dui. Sed tristique ligula ipsum, vitae auctor est volutpat eget.

45 |

Proin gravida tristique accumsan. Nunc bibendum elit nunc, nec tempus urna porta id. Mauris aliquam consectetur nisl sed tincidunt. Proin eget erat ligula. Nulla id bibendum elit. Aliquam erat volutpat. Nunc luctus ullamcorper volutpat. Morbi pulvinar eros diam, in pellentesque urna elementum in. Duis cursus lacus felis, in venenatis elit commodo a. Donec eu purus quis ligula imperdiet vehicula quis in massa. Maecenas sed tortor porta augue pellentesque eleifend a sed magna. Mauris et erat vel mi fringilla sodales quis sed dui.

46 |

Donec interdum tortor vitae dolor laoreet semper. Nulla facilisi. Fusce vel diam faucibus, rhoncus risus nec, vulputate nunc. Cras vel dignissim dui. Pellentesque ut malesuada justo, nec congue ligula. Etiam sed felis vel velit accumsan rhoncus. Integer id ante euismod, mattis est id, pellentesque nibh. Pellentesque laoreet turpis aliquam ipsum vulputate pharetra. Nullam vitae tortor non arcu dapibus eleifend. Nullam tempus ligula ut risus egestas, in feugiat leo placerat.

47 |
48 |
49 | 50 | 53 | 54 |
55 |
56 | 61 |
62 |
63 | 64 |
65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /dialogsnpopups.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Dialogs & Popups

36 |
37 | 38 |
39 | 40 |
41 | 42 |

Dialogs & Popups are working fine but they will get some improvements in an update.

43 |
44 | 45 |
46 | 47 |

Dialog (external link)

48 | Open dialog 49 |

Code

50 |

Link

51 | 

<a href='dialog.html' data-rel='dialog' data-role='button' data-icon='external-link' data-inline='true'>Open Dialog</a>

52 |

dialog.html

53 | 

<div data-role='popup' id='popupDialog' data-theme='b'>
 div data-role='header' data-theme='b'>
  <h1>Delete from library?</h1>
 </div>
 <div data-role='content' data-theme='b'>
  <p>This is a popup description...</p>
  <div class='showastabs center nobg'>
   <a href='#' data-rel='back' data-icon='ok' data-iconpos='left' data-role='button' data-inline='true'>Okay</a>
   <a href='#' data-rel='back' data-icon='delete' data-iconpos='left' data-role='button' data-inline='true'>Cancel</a>
  </div>
 </div>
</div>

54 | 55 |
56 |
57 |
58 | 59 | 60 |

Popup Dialog

61 | Open popup dialog 62 | 63 |

Code

64 |

Link

65 | 

<a href='#popupDialog' data-rel='popup' data-position-to='window' data-role='button' data-icon='external-link' data-transition='pop' data-inline='true'>Open popup dialog</a>

66 |

Popup #popupDialog

67 | 

<div data-role='popup' id='popupDialog' data-theme='b'>
 div data-role='header' data-theme='b'>
  <h1>Delete from library?</h1>
 </div>
 <div data-role='content' data-theme='b'>
  <p>This is a popup description...</p>
  <div class='showastabs center nobg'>
   <a href='#' data-rel='back' data-icon='ok' data-iconpos='left' data-role='button' data-inline='true'>Okay</a>
   <a href='#' data-rel='back' data-icon='delete' data-iconpos='left' data-role='button' data-inline='true'>Cancel</a>
  </div>
 </div>
</div>

68 | 69 | 70 |
71 | 72 |
73 |

Delete from library?

74 |
75 | 76 |
77 |

This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and data-rel="dialog" attribute.

78 |
79 | Sounds good 80 | Cancel 81 |
82 | 83 |
84 |
85 |
86 | 87 | 88 |
89 | 90 |
91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /listviews.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Listviews

36 |
37 | 38 |
39 | 40 | 46 | 47 |
48 | 49 |

The «showastabs»-Listview will automatically show the listview as tabs as soon as the screen width >768px. Simply add class='showastabs' to the listview-<ul>

50 |
51 | 52 | 74 | 75 | 96 | 97 |
98 |

Code

99 |
100 | 101 |

We refer to the official jQueryMobile api. api.jquerymobile.com/listview

102 |
103 |
104 | 105 |
106 | 107 |
108 | 109 | 110 | 111 | -------------------------------------------------------------------------------- /homescreen.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

nativeDroid

36 |

SplashScreen

37 |

Example

38 |
39 |
40 |
41 | 42 |
43 |
44 |

Lockscreen

45 |

Hi, I'm a lockscreen. You see me because you where inactive for more than 30seconds.

46 |
Unlock me.
47 |
48 |
49 | 50 |
51 |
52 | 53 |
61 | 62 |
72 |
73 | 74 | 75 |
85 |
86 | 87 |
97 |
98 | 99 |
109 |
110 | 111 | 112 |
113 |
114 | 115 | 116 |
124 |
125 | 126 | 127 |
128 |
129 | slide 3 130 |
131 | 132 |
133 | 134 |
135 | 136 |
137 | 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /tables.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Tables

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 |
RankMovie TitleYearRatingReviews
1Citizen Kane1941100%74
2Casablanca194297%64
3The Godfather197297%87
4Gone with the Wind193996%87
5Lawrence of Arabia196294%87
6Dr. Strangelove Or How I Learned to Stop Worrying and Love the Bomb196492%74
7The Graduate196791%122
8The Wizard of Oz193990%72
9Singin' in the Rain195289%85
10Inception201084%78
126 |
127 |
128 |
129 |

Code Example

130 | 

<table data-role='table' id='table-column-toggle' data-mode='columntoggle' class='ui-responsive table-stroke'>
 <thead>
  <tr>
   <th data-priority='2'>Rank</th>
   <th>Movie Title</th>
   <th data-priority='3'>Year</th>
   ...
  </tr>
 </thead>
 <tbody>
  <tr>
   <th>1</th>
   <td>Movie Title</td>
   <td>2013</td>
   ...
  </tr>
   ...
 </tbody>
</table>

131 |
132 | 133 | 134 |
135 | 136 |
137 | 138 | 139 | 140 | -------------------------------------------------------------------------------- /license.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

License & Credits

36 |
37 | 38 |
39 | 40 | 41 |
42 |

nativeDroid Version 0.2.2

43 | 50 |

Libraries

51 |
    52 |
  • FontAwesome Created & Maintained by Dave Gandy (Version 3.2.0)
    • 53 |
  • Roboto Webfont powered by the Google Fonts API
    • 54 |
  • jQuery by The jQuery Foundation (Version 1.9.1)
    • 55 |
  • jQuery Mobile by The jQuery Foundation (Version 1.3.1)
    • 56 |
57 |
58 | 59 | 60 |
61 |
62 | 63 | 65 | 66 | 67 |
68 |
69 | 70 | 71 |
72 | 73 |
74 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /cards.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Cards

41 |
42 | 43 |
44 | 45 | 46 | 153 | 154 | 155 |
156 | 157 |
158 | 159 | 160 | 161 | 162 | -------------------------------------------------------------------------------- /config.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | nativeDroid 10 | 11 | 12 | Trying out the nativeDroid template. 13 | 14 | 15 | 16 | RichardAfolabi 17 | 18 | 19 | 20 | 25 | 26 | 27 | 28 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 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 | 109 | 110 | 115 | 116 | 117 | -------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.light.css: -------------------------------------------------------------------------------- 1 | .ui-body-b { 2 | background-color: #FFFFFF; 3 | background: rgb(255,255,255); /* Old browsers */ 4 | background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%); /* FF3.6+ */ 5 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */ 6 | background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */ 7 | background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */ 8 | background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* IE10+ */ 9 | background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* W3C */ 10 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ 11 | color: #404040; 12 | } 13 | 14 | 15 | .ui-bar-b.ui-header { 16 | box-shadow: 0px 4px 12px rgba(0,0,0,0.1); 17 | } 18 | 19 | .ui-header.ui-bar-b,.ui-footer.ui-bar-b { 20 | background-color: #FFFFFF; 21 | } 22 | 23 | .ui-listview .ui-bar-b { 24 | color: #404040; 25 | border-bottom: 2px solid rgba(0,0,0,0.2); 26 | text-transform: uppercase; 27 | } 28 | 29 | 30 | .ui-input-search.ui-body-b { 31 | background: transparent; 32 | } 33 | 34 | .ui-btn-up-b .ui-btn-inner,.ui-btn-up-b .ui-btn-text .ui-link-inherit { 35 | color: #404040; 36 | } 37 | 38 | .ui-body-b .ui-btn-inner.ui-li,.ui-body-b .ui-li-has-thumb { 39 | border-bottom: 1px solid rgba(0,0,0,0.1); 40 | } 41 | progress::-webkit-progress-bar { 42 | background: rgba(0,0,0,0.3); 43 | } 44 | .ui-btn-hover-b .ui-btn-inner,.ui-btn-hover-b .ui-btn-text .ui-link-inherit { 45 | color: #404040; 46 | } 47 | 48 | .ui-header .ui-btn-down-b .ui-btn-inner { 49 | background: transparent; 50 | } 51 | 52 | .ui-listview-filter.ui-bar-b { 53 | border-bottom: 0px; 54 | } 55 | 56 | .ui-input-search.ui-body-b { 57 | background: transparent; 58 | color: rgba(255,255,255,0.8); 59 | } 60 | 61 | .ui-input-text.ui-body-b,.ui-input-text.ui-body-b::-webkit-input-placeholder { 62 | font-family: "Roboto", sans-serif; 63 | font-weight: 300; 64 | font-size: 16px; 65 | color: #404040; 66 | } 67 | 68 | .ui-body-b .ui-li-static { 69 | border-bottom: 1px solid rgba(0,0,0,0.1); 70 | } 71 | 72 | .ui-body-b form .ui-btn,.ui-body-b form .ui-mini.ui-checkbox-off,.ui-body-b form .ui-mini.ui-radio-off { 73 | background-color: #c7c7c7; 74 | border-top: 1px solid rgba(255,255,255,0.6); 75 | border-bottom: 1px solid rgba(255,255,255,0.3); 76 | border-right: 1px solid rgba(255,255,255,0.3); 77 | font-weight: 400; 78 | } 79 | 80 | .ui-body-b form .ui-checkbox-off,.ui-body-b form .ui-checkbox-on,.ui-body-b form .ui-radio-off,.ui-body-b form .ui-radio-on { 81 | background: transparent; 82 | border-top: 1px solid rgba(255,255,255,0.6); 83 | border-bottom: 1px solid rgba(255,255,255,0.3); 84 | border-right: 1px solid rgba(255,255,255,0.3); 85 | } 86 | .ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 87 | box-shadow: none; 88 | } 89 | 90 | .ui-popup.ui-body-b,.ui-dialog.ui-body-b,, .ui-popup .ui-content { 91 | background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(255,255,255) 100%); 92 | } 93 | 94 | .ui-popup.ui-body-b { 95 | background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 100%) !important; 96 | } 97 | 98 | .ui-body-b div.ui-input-text input { 99 | padding-left: 7px; 100 | margin-left: -7px; 101 | position: relative; 102 | } 103 | .ui-body-b div.ui-input-text { 104 | border-bottom: 1px solid rgba(0,0,0,0.3); 105 | } 106 | .ui-body-b div.ui-input-text:after{content:""; background-color: rgba(0,0,0,0.3); position: absolute; bottom: -1px; left: -1px; height: 10px; width: 1px;} 107 | .ui-body-b div.ui-input-text:before{content:""; background-color: rgba(0,0,0,0.3); position: absolute; bottom: -1px; right: -1px; height: 10px; width: 1px;} 108 | 109 | .ui-body-b div.ui-input-text.ui-focus:after{content:""; position: absolute; bottom: -1px; left: -1px; height: 10px; width: 1px;} 110 | .ui-body-b div.ui-input-text.ui-focus:before{content:""; position: absolute; bottom: -1px; right: -1px; height: 10px; width: 1px;} 111 | 112 | textarea.ui-body-b.ui-input-text { 113 | border: 1px solid rgba(0,0,0,0.3); 114 | } 115 | 116 | .ui-slider.ui-slider-switch.ui-btn-down-b,.ui-slider-label.ui-btn-down-b { 117 | box-shadow: none !important; 118 | } 119 | 120 | .ui-body-b .ui-input-search { 121 | padding-left: 15px; 122 | } 123 | 124 | @-webkit-keyframes fading { 125 | 0% { 126 | opacity: 0.2; 127 | } 128 | 50% { 129 | opacity: 1; 130 | } 131 | 100% { 132 | opacity: 0.2; 133 | } 134 | } 135 | 136 | .ui-body-b .loadingItem { 137 | -webkit-animation: fading 2s infinite; 138 | } 139 | 140 | 141 | .ui-body-b .table-stroke tr:nth-child(even) { 142 | background-color: rgba(125,125,125,0.05); 143 | } 144 | 145 | .ui-body-b .ui-dialog-contain .ui-header,.ui-body-b .ui-popup .ui-header { 146 | background-color: none; 147 | box-shadow: none; 148 | } 149 | 150 | .ui-body-b .ui-dialog-contain.ui-overlay-shadow,.ui-body-b .ui-popup-contain.ui-overlay-shadow { 151 | box-shadow: 3px 3px 10px rgba(0,0,0,0.5); 152 | } 153 | 154 | .ui-overlay-b { 155 | background-color: rgba(255,255,255,0.5); 156 | } 157 | 158 | 159 | .ui-collapsible-content.ui-body-b { 160 | background: transparent; 161 | border-bottom: 1px solid rgba(0,0,0,0.3); 162 | } 163 | 164 | .ui-body-b .ui-collapsible-heading-toggle { 165 | border-bottom: 1px solid rgba(0,0,0,0.3); 166 | } 167 | 168 | .ui-body-b .ui-collapsible-inset,.ui-body-b .ui-collapsible { 169 | margin: auto; 170 | z-index: 1; 171 | } 172 | 173 | .ui-body-b .ui-dialog-contain .ui-title { 174 | margin: 0px; 175 | padding: 15px; 176 | font-weight: 300; 177 | } 178 | 179 | .ui-body-b .ui-popup .ui-title{ 180 | padding: 7px 7px 7px 7px; 181 | margin: auto; 182 | } 183 | 184 | .ui-body-b .ui-dialog-contain strong,.ui-body-b .ui-popup strong { 185 | font-weight: 300; 186 | } 187 | 188 | .ui-content hr { 189 | margin: 15px 0px 15px 0px; 190 | border-top: 0px solid rgba(0,0,0,0.1); 191 | border-bottom: 1px solid rgba(0,0,0,0.1); 192 | } 193 | 194 | .ui-slider-track { 195 | background-color: #FFFFFF !important; 196 | background-color: rgba(0,0,0,0.2) !important; 197 | max-height: 2px; 198 | } 199 | 200 | .ui-slider-handle.ui-btn { 201 | background: transparent; 202 | } 203 | 204 | .ui-slider-inneroffset .ui-slider-handle .ui-btn-inner { 205 | background-color: #c7c7c7; 206 | } 207 | 208 | .message { 209 | text-shadow: 1px 1px 1px rgba(255,255,255,0.6); 210 | } 211 | 212 | .message.error { 213 | background-color: #FF7979; 214 | } 215 | 216 | .message.warning { 217 | background-color: #FFD060; 218 | } 219 | 220 | .message.success { 221 | background-color: #B6DB49; 222 | } 223 | 224 | .message.info { 225 | background-color: #6DCAEC; 226 | } 227 | 228 | .message a { 229 | color: #404040 !important; 230 | text-decoration: underline; 231 | } 232 | 233 | code,pre { 234 | background-color: rgba(0,0,0,0.1); 235 | text-shadow: 1px 1px 1px rgba(255,255,255,0.6); 236 | padding: 3px; 237 | } 238 | 239 | .nativeDroidCards { 240 | background-color: rgba(125,125,125,0.05); 241 | } 242 | 243 | .nativeDroidCards > li { 244 | border: 1px solid rgba(0,0,0,0.1); 245 | box-shadow: 0px 2px 2px rgba(0,0,0,0.05); 246 | background-color: #FFFFFF; 247 | } 248 | 249 | 250 | .nativeDroidCards table td,.nativeDroidCards a { 251 | border-top: 1px solid rgba(0,0,0,0.05); 252 | } 253 | 254 | .nativeDroidCards > li[data-cards-type="weather"] .week li { 255 | border-right: 1px solid rgba(0,0,0,0.05); 256 | } 257 | 258 | 259 | .ui-footer.ui-bar-b { 260 | border-bottom: 0px solid rgba(0,0,0,0.1); 261 | border-top: 1px solid rgba(0,0,0,0.3); 262 | } 263 | 264 | .ui-footer .ui-block-a,.ui-footer .ui-block-b,.ui-footer .ui-block-c,.ui-footer .ui-block-d,.ui-footer .ui-block-e { 265 | border-right: 1px solid rgba(0,0,0,0.2); 266 | } 267 | 268 | @media all and (min-width: 768px){ 269 | 270 | .ui-body-b .showastabs.ui-listview { 271 | border-bottom: 1px solid rgba(0,0,0,0.1); 272 | background-color: rgba(0,0,0,0.05); 273 | } 274 | 275 | .ui-dialog-contain .ui-body-b .showastabs.ui-listview, .ui-popup .ui-body-b .showastabs.ui-listview { 276 | border-top: 1px solid rgba(0,0,0,0.1); 277 | } 278 | 279 | .ui-dialog-contain .ui-body-b .showastabs.ui-listview.center li,.ui-popup .ui-body-b .showastabs.ui-listview.center li { 280 | border-right: 1px solid rgba(0,0,0,0.1); 281 | } 282 | 283 | .ui-dialog-contain .ui-body-b .showastabs.ui-listview.center li:last-child,.ui-popup .ui-body-b .showastabs.ui-listview.center li:last-child { 284 | border-right: 0px solid rgba(0,0,0,0.1); 285 | } 286 | 287 | } 288 | 289 | 290 | ::-webkit-scrollbar { 291 | width: 6px; 292 | } 293 | ::-webkit-scrollbar-track { 294 | background: rgba(0,0,0,0.1); 295 | } 296 | ::-webkit-scrollbar-thumb { 297 | -webkit-border-radius: 3px; 298 | border-radius: 3px; 299 | background: rgba(0,0,0,0.3); 300 | } 301 | ::-webkit-scrollbar-thumb:window-inactive { 302 | background: rgba(0,0,0,0.1); 303 | } 304 | 305 | progress::-webkit-progress-bar { 306 | background: rgba(0,0,0,0.1); 307 | } 308 | 309 | progress { 310 | background: rgba(0,0,0,0.1); 311 | } -------------------------------------------------------------------------------- /css/jquerymobile.nativedroid.dark.css: -------------------------------------------------------------------------------- 1 | .ui-body-b { 2 | background-color: #020202; 3 | background: rgb(2,2,2); 4 | background: -moz-linear-gradient(top, rgb(2,2,2) 0%, rgb(38,43,50) 100%); /* FF3.6+ */ 5 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(2,2,2)), color-stop(100%,rgb(38,43,50))); /* Chrome,Safari4+ */ 6 | background: -webkit-linear-gradient(top, rgb(2,2,2) 0%,rgb(38,43,50) 100%); /* Chrome10+,Safari5.1+ */ 7 | background: -o-linear-gradient(top, rgb(2,2,2) 0%,rgb(38,43,50) 100%); /* Opera 11.10+ */ 8 | background: -ms-linear-gradient(top, rgb(2,2,2) 0%,rgb(38,43,50) 100%); /* IE10+ */ 9 | background: linear-gradient(to bottom, rgb(2,2,2) 0%,rgb(38,43,50) 100%); /* W3C */ 10 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#262b32',GradientType=0 ); /* IE6-9 */ 11 | color: #FFFFFF; 12 | } 13 | 14 | .ui-bar-b.ui-header { 15 | 16 | } 17 | 18 | .ui-header.ui-bar-b,.ui-footer.ui-bar-b { 19 | background-color: #000000; 20 | } 21 | 22 | .ui-listview .ui-bar-b { 23 | color: rgba(255,255,255,0.9); 24 | border-bottom: 2px solid rgba(255,255,255,0.2); 25 | text-transform: uppercase; 26 | } 27 | 28 | 29 | .ui-input-search.ui-body-b { 30 | background: transparent; 31 | } 32 | 33 | .ui-btn-up-b .ui-btn-inner,.ui-btn-up-b .ui-btn-text .ui-link-inherit { 34 | color: rgba(255,255,255,0.8); 35 | } 36 | 37 | .ui-body-b .ui-btn-inner.ui-li,.ui-body-b .ui-li-has-thumb { 38 | border-bottom: 1px solid rgba(255,255,255,0.1); 39 | } 40 | 41 | .ui-btn-hover-b .ui-btn-inner,.ui-btn-hover-b .ui-btn-text .ui-link-inherit { 42 | color: rgba(255,255,255,0.8); 43 | text-shadow: 1px 1px 1px rgba(0,0,0,0.1); 44 | } 45 | 46 | .ui-header .ui-btn-down-b .ui-btn-inner { 47 | background: transparent; 48 | } 49 | 50 | .ui-listview-filter.ui-bar-b { 51 | border-bottom: 0px; 52 | } 53 | 54 | .ui-input-search.ui-body-b { 55 | background: transparent; 56 | color: rgba(255,255,255,0.8); 57 | } 58 | 59 | .ui-input-text.ui-body-b,.ui-input-text.ui-body-b::-webkit-input-placeholder { 60 | font-family: "Roboto", sans-serif; 61 | font-weight: 300; 62 | font-size: 16px; 63 | color: rgba(255,255,255,0.8); 64 | } 65 | 66 | .ui-body-b .ui-li-static { 67 | border-bottom: 1px solid rgba(255,255,255,0.1); 68 | } 69 | 70 | .ui-body-b form .ui-btn,.ui-body-b form .ui-mini.ui-checkbox-off,.ui-body-b form .ui-mini.ui-radio-off { 71 | background-color: #282828; 72 | border-top: 1px solid rgba(255,255,255,0.3); 73 | border-bottom: 1px solid rgba(0,0,0,0.6); 74 | border-right: 1px solid rgba(0,0,0,0.2); 75 | font-weight: 400; 76 | } 77 | 78 | .ui-body-b form .ui-checkbox-off,.ui-body-b form .ui-checkbox-on,.ui-body-b form .ui-radio-off,.ui-body-b form .ui-radio-on { 79 | background: transparent; 80 | border-top: 1px solid rgba(255,255,255,0.3); 81 | border-bottom: 1px solid rgba(0,0,0,0.6); 82 | border-right: 1px solid rgba(0,0,0,0.2); 83 | } 84 | .ui-body-b form .ui-mini.ui-checkbox-on,.ui-body-b form .ui-mini.ui-radio-on { 85 | box-shadow: none; 86 | } 87 | 88 | .ui-popup.ui-body-b,.ui-dialog.ui-body-b,.ui-popup.ui-content, .ui-popup .ui-content { 89 | background: linear-gradient(to bottom, rgb(2,2,2) 0%,rgb(2,2,2) 100%); 90 | } 91 | 92 | .ui-popup.ui-body-b { 93 | background: -webkit-linear-gradient(top, rgb(0,0,0) 0%,rgb(0,0,0) 100%) !important; 94 | } 95 | 96 | .ui-body-b div.ui-input-text input { 97 | padding-left: 7px; 98 | margin-left: -7px; 99 | position: relative; 100 | } 101 | .ui-body-b div.ui-input-text { 102 | border-bottom: 1px solid rgba(255,255,255,0.3); 103 | } 104 | .ui-body-b div.ui-input-text:after{content:""; background-color: rgba(255,255,255,0.3); position: absolute; bottom: -1px; left: -1px; height: 10px; width: 1px;} 105 | .ui-body-b div.ui-input-text:before{content:""; background-color: rgba(255,255,255,0.3); position: absolute; bottom: -1px; right: -1px; height: 10px; width: 1px;} 106 | 107 | .ui-body-b div.ui-input-text.ui-focus:after{content:""; position: absolute; bottom: -1px; left: -1px; height: 10px; width: 1px;} 108 | .ui-body-b div.ui-input-text.ui-focus:before{content:""; position: absolute; bottom: -1px; right: -1px; height: 10px; width: 1px;} 109 | 110 | .ui-body-b .ui-input-clear {} 111 | 112 | textarea.ui-body-b.ui-input-text { 113 | border: 1px solid rgba(255,255,255,0.3); 114 | } 115 | 116 | .ui-slider.ui-slider-switch.ui-btn-down-b,.ui-slider-label.ui-btn-down-b { 117 | box-shadow: none !important; 118 | } 119 | 120 | .ui-body-b .ui-input-search { 121 | padding-left: 15px; 122 | } 123 | 124 | @-webkit-keyframes fading { 125 | 0% { 126 | opacity: 0.2; 127 | } 128 | 50% { 129 | opacity: 1; 130 | } 131 | 100% { 132 | opacity: 0.2; 133 | } 134 | } 135 | 136 | .ui-body-b .loadingItem { 137 | -webkit-animation: fading 2s infinite; 138 | } 139 | 140 | .ui-body-b .table-stroke tr:nth-child(even) { 141 | background-color: rgba(255,255,255,0.05); 142 | } 143 | 144 | .ui-body-b .ui-dialog-contain .ui-header,.ui-body-b .ui-popup .ui-header { 145 | background-color: none; 146 | box-shadow: none; 147 | } 148 | 149 | .ui-body-b .ui-dialog-contain.ui-overlay-shadow,.ui-body-b .ui-popup-contain.ui-overlay-shadow { 150 | box-shadow: 3px 3px 10px rgba(0,0,0,0.5); 151 | } 152 | 153 | .ui-overlay-b { 154 | background-color: rgba(0,0,0,0.5); 155 | } 156 | 157 | .ui-collapsible-content.ui-body-b { 158 | background: transparent; 159 | border-bottom: 1px solid rgba(255,255,255,0.2); 160 | } 161 | 162 | .ui-body-b .ui-collapsible-heading-toggle { 163 | border-bottom: 1px solid rgba(255,255,255,0.2); 164 | } 165 | 166 | .ui-body-b .ui-collapsible-inset,.ui-body-b .ui-collapsible { 167 | margin: auto; 168 | z-index: 1; 169 | } 170 | 171 | .ui-body-b .ui-dialog-contain .ui-title { 172 | margin: 0px; 173 | padding: 15px; 174 | font-weight: 300; 175 | } 176 | 177 | .ui-body-b .ui-popup .ui-title{ 178 | padding: 7px 7px 7px 7px; 179 | margin: auto; 180 | } 181 | 182 | .ui-body-b .ui-dialog-contain strong,.ui-body-b .ui-popup strong { 183 | font-weight: 300; 184 | } 185 | 186 | .ui-content hr { 187 | margin: 15px 0px 15px 0px; 188 | border-top: 0px solid rgba(255,255,255,0.1); 189 | border-bottom: 1px solid rgba(255,255,255,0.1); 190 | } 191 | 192 | .ui-slider-track { 193 | background-color: #FFFFFF !important; 194 | background-color: rgba(255,255,255,0.2) !important; 195 | max-height: 2px; 196 | } 197 | 198 | .ui-slider-handle.ui-btn { 199 | background: transparent; 200 | } 201 | 202 | .ui-slider-inneroffset .ui-slider-handle .ui-btn-inner { 203 | background-color: #282828; 204 | } 205 | 206 | .message.error { 207 | background-color: #CC0000; 208 | } 209 | 210 | .message.warning { 211 | background-color: #FF8A00; 212 | } 213 | 214 | .message.success { 215 | background-color: #669900; 216 | } 217 | 218 | .message.info { 219 | background-color: #0099CC; 220 | } 221 | 222 | .message a { 223 | color: #F1F1F1 !important; 224 | text-decoration: underline; 225 | } 226 | 227 | code,pre { 228 | background-color: rgba(255,255,255,0.1); 229 | text-shadow: 1px 1px 1px rgba(0,0,0,0.6); 230 | padding: 3px; 231 | } 232 | 233 | .nativeDroidCards > li { 234 | border: 1px solid rgba(255,255,255,0.1); 235 | box-shadow: 0px 2px 4px rgba(0,0,0,0.2); 236 | background-color: rgba(255,255,255,0.1); 237 | } 238 | 239 | .nativeDroidCards table td,.nativeDroidCards a { 240 | border-top: 1px solid rgba(255,255,255,0.05); 241 | } 242 | 243 | .nativeDroidCards > li[data-cards-type="weather"] .week li { 244 | border-right: 1px solid rgba(255,255,255,0.05); 245 | } 246 | 247 | 248 | .ui-footer.ui-bar-b { 249 | border-bottom: 0px solid rgba(255,255,255,0.1); 250 | border-top: 1px solid rgba(255,255,255,0.3); 251 | } 252 | 253 | .ui-footer .ui-block-a,.ui-footer .ui-block-b,.ui-footer .ui-block-c,.ui-footer .ui-block-d,.ui-footer .ui-block-e { 254 | border-right: 1px solid rgba(255,255,255,0.2); 255 | } 256 | 257 | .ui-footer .ui-block-a,.ui-footer .ui-block-b,.ui-footer .ui-block-c,.ui-footer .ui-block-d,.ui-footer .ui-block-e { 258 | border-right: 1px solid rgba(255,255,255,0.2); 259 | } 260 | 261 | @media all and (min-width: 768px){ 262 | 263 | .ui-body-b .showastabs.ui-listview { 264 | border-bottom: 1px solid rgba(255,255,255,0.1); 265 | background-color: rgba(255,255,255,0.05); 266 | } 267 | 268 | .ui-dialog-contain .ui-body-b .showastabs.ui-listview, .ui-popup .ui-body-b .showastabs.ui-listview { 269 | border-top: 1px solid rgba(255,255,255,0.1); 270 | } 271 | 272 | .ui-dialog-contain .ui-body-b .showastabs.ui-listview.center li,.ui-popup .ui-body-b .showastabs.ui-listview.center li { 273 | border-right: 1px solid rgba(255,255,255,0.1); 274 | } 275 | 276 | .ui-dialog-contain .ui-body-b .showastabs.ui-listview.center li:last-child,.ui-popup .ui-body-b .showastabs.ui-listview.center li:last-child { 277 | border-right: 0px solid rgba(255,255,255,0.1); 278 | } 279 | 280 | } 281 | 282 | 283 | ::-webkit-scrollbar { 284 | width: 6px; 285 | } 286 | ::-webkit-scrollbar-track { 287 | background: rgba(255,255,255,0.3); 288 | } 289 | ::-webkit-scrollbar-thumb { 290 | -webkit-border-radius: 3px; 291 | border-radius: 3px; 292 | background: rgba(255,255,255,0.1); 293 | } 294 | ::-webkit-scrollbar-thumb:window-inactive { 295 | background: rgba(255,255,255,0.3); 296 | } 297 | 298 | progress::-webkit-progress-bar { 299 | background: rgba(255,255,255,0.1); 300 | } 301 | 302 | 303 | progress { 304 | background: rgba(255,255,255,0.1); 305 | } -------------------------------------------------------------------------------- /gallery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Gallery

36 |
37 | 38 |
39 | 40 | 67 | 68 | 69 | 97 | 98 | 99 |
100 |
101 | 102 |

You can also use the flickr API easily - check out the examples here.

103 |
104 |
105 | 106 |
107 | 108 |
109 | 110 | 111 | 112 | 113 | -------------------------------------------------------------------------------- /forms.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Form Elements

36 |
37 | 38 |
39 | 40 | 41 |
42 |
    43 | 44 |
  • 45 |
    46 | Checkboxes 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 |
    56 |
    • 57 |
  • 58 |
    59 | Checkboxes horizontal 60 | 61 | 62 | 63 | 64 | 65 | 66 |
    67 |
    • 68 |
  • 69 |
    70 | Radio Buttons 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 |
    80 |
    • 81 |
  • 82 |
    83 | Radio Buttons 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 | 142 |
    • 143 |
  • 144 | 145 | 146 |
    • 147 |
  • 148 |
    149 | 150 | 151 | 152 | 153 |
    154 |
    • 155 |
  • 156 | 157 | 164 |
    • 165 |
  • 166 | 167 | 181 |
    • 182 |
  • 183 |
    184 |
    185 |
    186 |
    187 |
    • 188 |
189 |
190 | 191 | 192 |
193 |

Code

194 |
195 | 196 |

The select and multiselect elements are only working fine with data-native-menu='true' on mobile devices.

197 |
198 |
199 | 200 |

For code examples read the official jQueryMobile api. api.jquerymobile.com

201 |
202 |
203 | 204 |
205 | 206 |
207 | 208 | 209 | 210 | -------------------------------------------------------------------------------- /autocomplete.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nativeDroid - Theme for jQuery Mobile 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 |

Autocomplete

35 |
36 | 37 |
38 | 39 |
40 | 41 | 193 | 194 |

Code

195 |

Listview

196 |

This is basically a normal listview with the following <ul>-information:

197 | 
<ul data-role='listview' data-filter='true' data-filter-reveal='true' data-filter-placeholder='Searching for birds...' data-filter-theme='b'>
 ...
 <li>Birds name</li>
 ...
</ul>
198 |
199 | 200 | 201 |
202 | 203 |
204 | 205 | 206 | 207 | -------------------------------------------------------------------------------- /css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=3.2.0');src:url('font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=3.2.0') format('woff'),url('font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'),url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"],[class^="ui-icon-"],[class*=" ui-icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;} 2 | [class^="icon-"]:before,[class*=" icon-"]:before,[class^="ui-icon-"]:before,[class*=" ui-icon-"]:before{text-decoration:inherit;display:inline-block;cursor:default;speak:none;} 3 | .icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;} 4 | a [class^="icon-"],a [class*=" icon-"],a [class^="ui-icon-"],a [class*=" ui-icon-"]{display:inline;} 5 | [class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width,[class^="ui-icon-"].icon-fixed-width,[class*=" ui-icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;} 6 | .icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;} 7 | .icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;} 8 | [class^="icon-"].hide,[class*=" icon-"].hide,[class^="ui-icon-"].hide,[class*=" ui-icon-"].hide{display:none;} 9 | .icon-muted{color:#eeeeee;} 10 | .icon-light{color:#ffffff;} 11 | .icon-dark{color:#333333;} 12 | .icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} 13 | .icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 14 | .icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} 15 | .icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} 16 | .icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;} 17 | .pull-right{float:right;} 18 | .pull-left{float:left;} 19 | [class^="icon-"].pull-left,[class*=" icon-"].pull-left,[class^="ui-icon-"].pull-left,[class*=" ui-icon-"].pull-left{margin-right:.3em;} 20 | [class^="icon-"].pull-right,[class*=" icon-"].pull-right,[class^="ui-icon-"].pull-right,[class*=" ui-icon-"].pull-right{margin-left:.3em;} 21 | [class^="icon-"],[class*=" icon-"],[class^="ui-icon-"],[class*=" ui-icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;} 22 | .icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;} 23 | .btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;} 24 | .btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;} 25 | .nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;} 26 | .btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;} 27 | .btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;} 28 | .btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;} 29 | .btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;} 30 | .btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;} 31 | .btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;} 32 | .icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;} 33 | .icon-stack .icon-stack-base{font-size:2em;*line-height:1em;} 34 | .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} 35 | a .icon-spin{display:inline-block;text-decoration:none;} 36 | @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} 37 | .icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} 38 | .icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} 39 | .icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} 40 | .icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);} 41 | a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;} 42 | .icon-glass:before{content:"\f000";} 43 | .icon-music:before{content:"\f001";} 44 | .icon-search:before{content:"\f002";} 45 | .icon-envelope-alt:before{content:"\f003";} 46 | .icon-heart:before{content:"\f004";} 47 | .icon-star:before{content:"\f005";} 48 | .icon-star-empty:before{content:"\f006";} 49 | .icon-user:before{content:"\f007";} 50 | .icon-film:before{content:"\f008";} 51 | .icon-th-large:before{content:"\f009";} 52 | .icon-th:before{content:"\f00a";} 53 | .icon-th-list:before{content:"\f00b";} 54 | .icon-ok:before{content:"\f00c";} 55 | .icon-remove:before{content:"\f00d";} 56 | .icon-zoom-in:before{content:"\f00e";} 57 | .icon-zoom-out:before{content:"\f010";} 58 | .icon-power-off:before,.icon-off:before{content:"\f011";} 59 | .icon-signal:before{content:"\f012";} 60 | .icon-cog:before{content:"\f013";} 61 | .icon-trash:before{content:"\f014";} 62 | .icon-home:before{content:"\f015";} 63 | .icon-file-alt:before{content:"\f016";} 64 | .icon-time:before{content:"\f017";} 65 | .icon-road:before{content:"\f018";} 66 | .icon-download-alt:before{content:"\f019";} 67 | .icon-download:before{content:"\f01a";} 68 | .icon-upload:before{content:"\f01b";} 69 | .icon-inbox:before{content:"\f01c";} 70 | .icon-play-circle:before{content:"\f01d";} 71 | .icon-rotate-right:before,.icon-repeat:before{content:"\f01e";} 72 | .icon-refresh:before{content:"\f021";} 73 | .icon-list-alt:before{content:"\f022";} 74 | .icon-lock:before{content:"\f023";} 75 | .icon-flag:before{content:"\f024";} 76 | .icon-headphones:before{content:"\f025";} 77 | .icon-volume-off:before{content:"\f026";} 78 | .icon-volume-down:before{content:"\f027";} 79 | .icon-volume-up:before{content:"\f028";} 80 | .icon-qrcode:before{content:"\f029";} 81 | .icon-barcode:before{content:"\f02a";} 82 | .icon-tag:before{content:"\f02b";} 83 | .icon-tags:before{content:"\f02c";} 84 | .icon-book:before{content:"\f02d";} 85 | .icon-bookmark:before{content:"\f02e";} 86 | .icon-print:before{content:"\f02f";} 87 | .icon-camera:before{content:"\f030";} 88 | .icon-font:before{content:"\f031";} 89 | .icon-bold:before{content:"\f032";} 90 | .icon-italic:before{content:"\f033";} 91 | .icon-text-height:before{content:"\f034";} 92 | .icon-text-width:before{content:"\f035";} 93 | .icon-align-left:before{content:"\f036";} 94 | .icon-align-center:before{content:"\f037";} 95 | .icon-align-right:before{content:"\f038";} 96 | .icon-align-justify:before{content:"\f039";} 97 | .icon-list:before{content:"\f03a";} 98 | .icon-indent-left:before{content:"\f03b";} 99 | .icon-indent-right:before{content:"\f03c";} 100 | .icon-facetime-video:before{content:"\f03d";} 101 | .icon-picture:before{content:"\f03e";} 102 | .icon-pencil:before{content:"\f040";} 103 | .icon-map-marker:before{content:"\f041";} 104 | .icon-adjust:before{content:"\f042";} 105 | .icon-tint:before{content:"\f043";} 106 | .icon-edit:before{content:"\f044";} 107 | .icon-share:before{content:"\f045";} 108 | .icon-check:before{content:"\f046";} 109 | .icon-move:before{content:"\f047";} 110 | .icon-step-backward:before{content:"\f048";} 111 | .icon-fast-backward:before{content:"\f049";} 112 | .icon-backward:before{content:"\f04a";} 113 | .icon-play:before{content:"\f04b";} 114 | .icon-pause:before{content:"\f04c";} 115 | .icon-stop:before{content:"\f04d";} 116 | .icon-forward:before{content:"\f04e";} 117 | .icon-fast-forward:before{content:"\f050";} 118 | .icon-step-forward:before{content:"\f051";} 119 | .icon-eject:before{content:"\f052";} 120 | .icon-chevron-left:before{content:"\f053";} 121 | .icon-chevron-right:before{content:"\f054";} 122 | .icon-plus-sign:before{content:"\f055";} 123 | .icon-minus-sign:before{content:"\f056";} 124 | .icon-remove-sign:before{content:"\f057";} 125 | .icon-ok-sign:before{content:"\f058";} 126 | .icon-question-sign:before{content:"\f059";} 127 | .icon-info-sign:before{content:"\f05a";} 128 | .icon-screenshot:before{content:"\f05b";} 129 | .icon-remove-circle:before{content:"\f05c";} 130 | .icon-ok-circle:before{content:"\f05d";} 131 | .icon-ban-circle:before{content:"\f05e";} 132 | .icon-arrow-left:before{content:"\f060";} 133 | .icon-arrow-right:before{content:"\f061";} 134 | .icon-arrow-up:before{content:"\f062";} 135 | .icon-arrow-down:before{content:"\f063";} 136 | .icon-mail-forward:before,.icon-share-alt:before{content:"\f064";} 137 | .icon-resize-full:before{content:"\f065";} 138 | .icon-resize-small:before{content:"\f066";} 139 | .icon-plus:before{content:"\f067";} 140 | .icon-minus:before{content:"\f068";} 141 | .icon-asterisk:before{content:"\f069";} 142 | .icon-exclamation-sign:before{content:"\f06a";} 143 | .icon-gift:before{content:"\f06b";} 144 | .icon-leaf:before{content:"\f06c";} 145 | .icon-fire:before{content:"\f06d";} 146 | .icon-eye-open:before{content:"\f06e";} 147 | .icon-eye-close:before{content:"\f070";} 148 | .icon-warning-sign:before{content:"\f071";} 149 | .icon-plane:before{content:"\f072";} 150 | .icon-calendar:before{content:"\f073";} 151 | .icon-random:before{content:"\f074";} 152 | .icon-comment:before{content:"\f075";} 153 | .icon-magnet:before{content:"\f076";} 154 | .icon-chevron-up:before{content:"\f077";} 155 | .icon-chevron-down:before{content:"\f078";} 156 | .icon-retweet:before{content:"\f079";} 157 | .icon-shopping-cart:before{content:"\f07a";} 158 | .icon-folder-close:before{content:"\f07b";} 159 | .icon-folder-open:before{content:"\f07c";} 160 | .icon-resize-vertical:before{content:"\f07d";} 161 | .icon-resize-horizontal:before{content:"\f07e";} 162 | .icon-bar-chart:before{content:"\f080";} 163 | .icon-twitter-sign:before{content:"\f081";} 164 | .icon-facebook-sign:before{content:"\f082";} 165 | .icon-camera-retro:before{content:"\f083";} 166 | .icon-key:before{content:"\f084";} 167 | .icon-cogs:before{content:"\f085";} 168 | .icon-comments:before{content:"\f086";} 169 | .icon-thumbs-up-alt:before{content:"\f087";} 170 | .icon-thumbs-down-alt:before{content:"\f088";} 171 | .icon-star-half:before{content:"\f089";} 172 | .icon-heart-empty:before{content:"\f08a";} 173 | .icon-signout:before{content:"\f08b";} 174 | .icon-linkedin-sign:before{content:"\f08c";} 175 | .icon-pushpin:before{content:"\f08d";} 176 | .icon-external-link:before{content:"\f08e";} 177 | .icon-signin:before{content:"\f090";} 178 | .icon-trophy:before{content:"\f091";} 179 | .icon-github-sign:before{content:"\f092";} 180 | .icon-upload-alt:before{content:"\f093";} 181 | .icon-lemon:before{content:"\f094";} 182 | .icon-phone:before{content:"\f095";} 183 | .icon-unchecked:before,.icon-check-empty:before{content:"\f096";} 184 | .icon-bookmark-empty:before{content:"\f097";} 185 | .icon-phone-sign:before{content:"\f098";} 186 | .icon-twitter:before{content:"\f099";} 187 | .icon-facebook:before{content:"\f09a";} 188 | .icon-github:before{content:"\f09b";} 189 | .icon-unlock:before{content:"\f09c";} 190 | .icon-credit-card:before{content:"\f09d";} 191 | .icon-rss:before{content:"\f09e";} 192 | .icon-hdd:before{content:"\f0a0";} 193 | .icon-bullhorn:before{content:"\f0a1";} 194 | .icon-bell:before{content:"\f0a2";} 195 | .icon-certificate:before{content:"\f0a3";} 196 | .icon-hand-right:before{content:"\f0a4";} 197 | .icon-hand-left:before{content:"\f0a5";} 198 | .icon-hand-up:before{content:"\f0a6";} 199 | .icon-hand-down:before{content:"\f0a7";} 200 | .icon-circle-arrow-left:before{content:"\f0a8";} 201 | .icon-circle-arrow-right:before{content:"\f0a9";} 202 | .icon-circle-arrow-up:before{content:"\f0aa";} 203 | .icon-circle-arrow-down:before{content:"\f0ab";} 204 | .icon-globe:before{content:"\f0ac";} 205 | .icon-wrench:before{content:"\f0ad";} 206 | .icon-tasks:before{content:"\f0ae";} 207 | .icon-filter:before{content:"\f0b0";} 208 | .icon-briefcase:before{content:"\f0b1";} 209 | .icon-fullscreen:before{content:"\f0b2";} 210 | .icon-group:before{content:"\f0c0";} 211 | .icon-link:before{content:"\f0c1";} 212 | .icon-cloud:before{content:"\f0c2";} 213 | .icon-beaker:before{content:"\f0c3";} 214 | .icon-cut:before{content:"\f0c4";} 215 | .icon-copy:before{content:"\f0c5";} 216 | .icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";} 217 | .icon-save:before{content:"\f0c7";} 218 | .icon-sign-blank:before{content:"\f0c8";} 219 | .icon-reorder:before{content:"\f0c9";} 220 | .icon-list-ul:before{content:"\f0ca";} 221 | .icon-list-ol:before{content:"\f0cb";} 222 | .icon-strikethrough:before{content:"\f0cc";} 223 | .icon-underline:before{content:"\f0cd";} 224 | .icon-table:before{content:"\f0ce";} 225 | .icon-magic:before{content:"\f0d0";} 226 | .icon-truck:before{content:"\f0d1";} 227 | .icon-pinterest:before{content:"\f0d2";} 228 | .icon-pinterest-sign:before{content:"\f0d3";} 229 | .icon-google-plus-sign:before{content:"\f0d4";} 230 | .icon-google-plus:before{content:"\f0d5";} 231 | .icon-money:before{content:"\f0d6";} 232 | .icon-caret-down:before{content:"\f0d7";} 233 | .icon-caret-up:before{content:"\f0d8";} 234 | .icon-caret-left:before{content:"\f0d9";} 235 | .icon-caret-right:before{content:"\f0da";} 236 | .icon-columns:before{content:"\f0db";} 237 | .icon-sort:before{content:"\f0dc";} 238 | .icon-sort-down:before{content:"\f0dd";} 239 | .icon-sort-up:before{content:"\f0de";} 240 | .icon-envelope:before{content:"\f0e0";} 241 | .icon-linkedin:before{content:"\f0e1";} 242 | .icon-rotate-left:before,.icon-undo:before{content:"\f0e2";} 243 | .icon-legal:before{content:"\f0e3";} 244 | .icon-dashboard:before{content:"\f0e4";} 245 | .icon-comment-alt:before{content:"\f0e5";} 246 | .icon-comments-alt:before{content:"\f0e6";} 247 | .icon-bolt:before{content:"\f0e7";} 248 | .icon-sitemap:before{content:"\f0e8";} 249 | .icon-umbrella:before{content:"\f0e9";} 250 | .icon-paste:before{content:"\f0ea";} 251 | .icon-lightbulb:before{content:"\f0eb";} 252 | .icon-exchange:before{content:"\f0ec";} 253 | .icon-cloud-download:before{content:"\f0ed";} 254 | .icon-cloud-upload:before{content:"\f0ee";} 255 | .icon-user-md:before{content:"\f0f0";} 256 | .icon-stethoscope:before{content:"\f0f1";} 257 | .icon-suitcase:before{content:"\f0f2";} 258 | .icon-bell-alt:before{content:"\f0f3";} 259 | .icon-coffee:before{content:"\f0f4";} 260 | .icon-food:before{content:"\f0f5";} 261 | .icon-file-text-alt:before{content:"\f0f6";} 262 | .icon-building:before{content:"\f0f7";} 263 | .icon-hospital:before{content:"\f0f8";} 264 | .icon-ambulance:before{content:"\f0f9";} 265 | .icon-medkit:before{content:"\f0fa";} 266 | .icon-fighter-jet:before{content:"\f0fb";} 267 | .icon-beer:before{content:"\f0fc";} 268 | .icon-h-sign:before{content:"\f0fd";} 269 | .icon-plus-sign-alt:before{content:"\f0fe";} 270 | .icon-double-angle-left:before{content:"\f100";} 271 | .icon-double-angle-right:before{content:"\f101";} 272 | .icon-double-angle-up:before{content:"\f102";} 273 | .icon-double-angle-down:before{content:"\f103";} 274 | .icon-angle-left:before{content:"\f104";} 275 | .icon-angle-right:before{content:"\f105";} 276 | .icon-angle-up:before{content:"\f106";} 277 | .icon-angle-down:before{content:"\f107";} 278 | .icon-desktop:before{content:"\f108";} 279 | .icon-laptop:before{content:"\f109";} 280 | .icon-tablet:before{content:"\f10a";} 281 | .icon-mobile-phone:before{content:"\f10b";} 282 | .icon-circle-blank:before{content:"\f10c";} 283 | .icon-quote-left:before{content:"\f10d";} 284 | .icon-quote-right:before{content:"\f10e";} 285 | .icon-spinner:before{content:"\f110";} 286 | .icon-circle:before{content:"\f111";} 287 | .icon-mail-reply:before,.icon-reply:before{content:"\f112";} 288 | .icon-github-alt:before{content:"\f113";} 289 | .icon-folder-close-alt:before{content:"\f114";} 290 | .icon-folder-open-alt:before{content:"\f115";} 291 | .icon-expand-alt:before{content:"\f116";} 292 | .icon-collapse-alt:before{content:"\f117";} 293 | .icon-smile:before{content:"\f118";} 294 | .icon-frown:before{content:"\f119";} 295 | .icon-meh:before{content:"\f11a";} 296 | .icon-gamepad:before{content:"\f11b";} 297 | .icon-keyboard:before{content:"\f11c";} 298 | .icon-flag-alt:before{content:"\f11d";} 299 | .icon-flag-checkered:before{content:"\f11e";} 300 | .icon-terminal:before{content:"\f120";} 301 | .icon-code:before{content:"\f121";} 302 | .icon-reply-all:before{content:"\f122";} 303 | .icon-mail-reply-all:before{content:"\f122";} 304 | .icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";} 305 | .icon-location-arrow:before{content:"\f124";} 306 | .icon-crop:before{content:"\f125";} 307 | .icon-code-fork:before{content:"\f126";} 308 | .icon-unlink:before{content:"\f127";} 309 | .icon-question:before{content:"\f128";} 310 | .icon-info:before{content:"\f129";} 311 | .icon-exclamation:before{content:"\f12a";} 312 | .icon-superscript:before{content:"\f12b";} 313 | .icon-subscript:before{content:"\f12c";} 314 | .icon-eraser:before{content:"\f12d";} 315 | .icon-puzzle-piece:before{content:"\f12e";} 316 | .icon-microphone:before{content:"\f130";} 317 | .icon-microphone-off:before{content:"\f131";} 318 | .icon-shield:before{content:"\f132";} 319 | .icon-calendar-empty:before{content:"\f133";} 320 | .icon-fire-extinguisher:before{content:"\f134";} 321 | .icon-rocket:before{content:"\f135";} 322 | .icon-maxcdn:before{content:"\f136";} 323 | .icon-chevron-sign-left:before{content:"\f137";} 324 | .icon-chevron-sign-right:before{content:"\f138";} 325 | .icon-chevron-sign-up:before{content:"\f139";} 326 | .icon-chevron-sign-down:before{content:"\f13a";} 327 | .icon-html5:before{content:"\f13b";} 328 | .icon-css3:before{content:"\f13c";} 329 | .icon-anchor:before{content:"\f13d";} 330 | .icon-unlock-alt:before{content:"\f13e";} 331 | .icon-bullseye:before{content:"\f140";} 332 | .icon-ellipsis-horizontal:before{content:"\f141";} 333 | .icon-ellipsis-vertical:before{content:"\f142";} 334 | .icon-rss-sign:before{content:"\f143";} 335 | .icon-play-sign:before{content:"\f144";} 336 | .icon-ticket:before{content:"\f145";} 337 | .icon-minus-sign-alt:before{content:"\f146";} 338 | .icon-check-minus:before{content:"\f147";} 339 | .icon-level-up:before{content:"\f148";} 340 | .icon-level-down:before{content:"\f149";} 341 | .icon-check-sign:before{content:"\f14a";} 342 | .icon-edit-sign:before{content:"\f14b";} 343 | .icon-external-link-sign:before{content:"\f14c";} 344 | .icon-share-sign:before{content:"\f14d";} 345 | .icon-compass:before{content:"\f14e";} 346 | .icon-collapse:before{content:"\f150";} 347 | .icon-collapse-top:before{content:"\f151";} 348 | .icon-expand:before{content:"\f152";} 349 | .icon-euro:before,.icon-eur:before{content:"\f153";} 350 | .icon-gbp:before{content:"\f154";} 351 | .icon-dollar:before,.icon-usd:before{content:"\f155";} 352 | .icon-rupee:before,.icon-inr:before{content:"\f156";} 353 | .icon-yen:before,.icon-jpy:before{content:"\f157";} 354 | .icon-renminbi:before,.icon-cny:before{content:"\f158";} 355 | .icon-won:before,.icon-krw:before{content:"\f159";} 356 | .icon-bitcoin:before,.icon-btc:before{content:"\f15a";} 357 | .icon-file:before{content:"\f15b";} 358 | .icon-file-text:before{content:"\f15c";} 359 | .icon-sort-by-alphabet:before{content:"\f15d";} 360 | .icon-sort-by-alphabet-alt:before{content:"\f15e";} 361 | .icon-sort-by-attributes:before{content:"\f160";} 362 | .icon-sort-by-attributes-alt:before{content:"\f161";} 363 | .icon-sort-by-order:before{content:"\f162";} 364 | .icon-sort-by-order-alt:before{content:"\f163";} 365 | .icon-thumbs-up:before{content:"\f164";} 366 | .icon-thumbs-down:before{content:"\f165";} 367 | .icon-youtube-sign:before{content:"\f166";} 368 | .icon-youtube:before{content:"\f167";} 369 | .icon-xing:before{content:"\f168";} 370 | .icon-xing-sign:before{content:"\f169";} 371 | .icon-youtube-play:before{content:"\f16a";} 372 | .icon-dropbox:before{content:"\f16b";} 373 | .icon-stackexchange:before{content:"\f16c";} 374 | .icon-instagram:before{content:"\f16d";} 375 | .icon-flickr:before{content:"\f16e";} 376 | .icon-adn:before{content:"\f170";} 377 | .icon-bitbucket:before{content:"\f171";} 378 | .icon-bitbucket-sign:before{content:"\f172";} 379 | .icon-tumblr:before{content:"\f173";} 380 | .icon-tumblr-sign:before{content:"\f174";} 381 | .icon-long-arrow-down:before{content:"\f175";} 382 | .icon-long-arrow-up:before{content:"\f176";} 383 | .icon-long-arrow-left:before{content:"\f177";} 384 | .icon-long-arrow-right:before{content:"\f178";} 385 | .icon-apple:before{content:"\f179";} 386 | .icon-windows:before{content:"\f17a";} 387 | .icon-android:before{content:"\f17b";} 388 | .icon-linux:before{content:"\f17c";} 389 | .icon-dribble:before{content:"\f17d";} 390 | .icon-skype:before{content:"\f17e";} 391 | .icon-foursquare:before{content:"\f180";} 392 | .icon-trello:before{content:"\f181";} 393 | .icon-female:before{content:"\f182";} 394 | .icon-male:before{content:"\f183";} 395 | .icon-gittip:before{content:"\f184";} 396 | .icon-sun:before{content:"\f185";} 397 | .icon-moon:before{content:"\f186";} 398 | .icon-archive:before{content:"\f187";} 399 | .icon-bug:before{content:"\f188";} 400 | .icon-vk:before{content:"\f189";} 401 | .icon-weibo:before{content:"\f18a";} 402 | .icon-renren:before{content:"\f18b";} 403 | -------------------------------------------------------------------------------- /js/nativedroid.script.js: -------------------------------------------------------------------------------- 1 | $(document).on("pageinit",function(){var e=(new Date).getTime();nativeDroid={basic:{dateFormat:{language:{set:"en",type:"short",en:{dayShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayLong:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthLong:["January","February","March","April","May","June","July","August","September","October","November","December"],order:function(e,t,n,i,o){return t+", "+o+" "+n}},de:{dayShort:["So","Mo","Di","Mi","Do","Fr","Sa"],dayLong:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],monthShort:["Jan","Feb","Mrz","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],monthLong:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],order:function(e,t,n,i,o,a){return t+", "+n+". "+o+" "+a}}},getTodayString:function(e,t,n,i){return dfLang=nativeDroid.basic.dateFormat.language,type=dfLang.type,lang=dfLang.set,retStr="--empty-string--","long"==type?(dayStr=dfLang[lang].dayLong[e],monthStr=dfLang[lang].monthLong[n]):"short"==type&&(dayStr=dfLang[lang].dayShort[e],monthStr=dfLang[lang].monthShort[n]),retStr=dfLang[lang].order(e,dayStr,t,n,monthStr,i)},format:function(e){return d=new Date(e),nativeDroid.basic.dateFormat.getTodayString(d.getDay(),d.getDate(),d.getMonth(),d.getFullYear())}},touchEvent:function(){return"ontouchstart"in document.documentElement?"touchstart":"click"},disableScrollTop:function(){$(window).scrollTop(1),$(window).on("scroll",function(){0>=$(window).scrollTop()&&$(window).scrollTop(1)})}},design:{animation:{delayedFadeIn:function(){obj=$(".delayedFadeIn"),obj&&obj.length>0&&(delay=2750,setTimeout(function(){$(".delayedFadeIn:last").fadeIn(1e3).removeClass("delayedFadeIn"),nativeDroid.design.animation.delayedFadeIn()},delay))}},progress:{loaded:!1,ini:function(){$("body").prepend(""),$(".ui-header").addClass("noborder"),$(".nativeDroidProgress").attr("data-animation-time",0).attr("value",0),setTimeout(function(){nativeDroid.design.progress.createCSS($("body").data("nativedroid-progress-animation")),$(".nativeDroidProgress").attr("data-animation-time",5).attr("value",100)},300)},update:function(e){roundedTime=e%5>=2.5?5*parseInt(e/5)+5:5*parseInt(e/5),nativeDroid.design.progress.createCSS(0),$(".nativeDroidProgress").attr("data-animation-time",0).attr("value",0),setTimeout(function(){$(".nativeDroidProgress").attr("data-animation-time",roundedTime),nativeDroid.design.progress.createCSS($(".nativeDroidProgress").attr("data-animation-time")),$(".nativeDroidProgress").attr("value",100)},300)},blink:function(){$(".nativeDroidProgress").fadeTo(500,.5,function(){$(".nativeDroidProgress").fadeTo(500,1)})},createCSS:function(e){s=".nativeDroidProgress::-webkit-progress-value { -webkit-transition: all "+e+"s !important; }",s+=".nativeDroidProgress::-moz-progress-bar { -moz-transition: all "+e+"s !important; }",$("#progressLoadeStyle").remove(),$("").appendTo("head")}}},plugins:{cards:{ini:function(e){e.addClass("nativeDroidCards"),e.find(" > li").each(function(){type=$(this).attr("data-cards-type"),nativeDroid.plugins.cards.create[type]($(this))})},create:{text:function(){console.log("text")},traffic:function(e){route=e.data("cards-traffic-route"),e.find(".map").html("Display a route-map here [from: "+route.from+", to: "+route.to+"]"),route.container=e.find(".map").get(0),nativeDroid.api.helper.googlemaps.directions.getRoute(route)},weather:function(){console.log("weather")},publictransport:function(){console.log("publictransport")},sports:function(){console.log("sports")}}},twitter:{container:!1,results:{count:0,rpmin:0,first:0,last:0,pendingResults:[],update:function(e){nativeDroid.plugins.twitter.results.count+=e,lastResult=(new Date).getTime()/1e3,firstResult=nativeDroid.plugins.twitter.results.first,nativeDroid.plugins.twitter.results.first=0==firstResult?nativeDroid.plugins.twitter.results.last:firstResult,nativeDroid.plugins.twitter.results.last=lastResult,results=nativeDroid.plugins.twitter.results.count,rpm=Math.round(results/((lastResult-firstResult)/60)),nativeDroid.plugins.twitter.results.rpmin=rpm,qd=nativeDroid.plugins.twitter.request.queryData,rpp=qd.rpp?parseInt(qd.rpp):15,rpm>.5&&(ad=6e4*(.8*rpp/rpm),ad>1e4&&12e4>ad&&(nativeDroid.plugins.twitter.refresh.time=ad))}},refresh:{url:!1,time:!1,auto_delay:45e3,load:function(){nativeDroid.design.progress.update(nativeDroid.plugins.twitter.refresh.time/1e3),nativeDroid.plugins.twitter.refresh.time>1e4&&nativeDroid.plugins.twitter.refresh.url?(nativeDroid.api.get("jsonp",nativeDroid.plugins.twitter.request.queryURL+nativeDroid.plugins.twitter.refresh.url,!1,nativeDroid.plugins.twitter.append),setTimeout(nativeDroid.plugins.twitter.refresh.load,nativeDroid.plugins.twitter.refresh.time)):console.log("Refresh timer invalid or refresh URL not set."),logDate=new Date}},request:{search:{q:{parameter:"q",required:!0,value:!1},callback:{parameter:"callback",required:!1,value:!1},geocode:{parameter:"geocode",required:!1,value:!1},lang:{parameter:"lang",required:!1,value:!1},locale:{parameter:"locale",required:!1,value:!1},page:{parameter:"page",required:!1,value:!1},result_type:{parameter:"result_type",required:!1,value:!1},rpp:{parameter:"rpp",required:!1,value:!1},show_user:{parameter:"show_user",required:!1,value:!1},until:{parameter:"until",required:!1,value:!1},since_id:{parameter:"since_id",required:!1,value:!1},max_id:{parameter:"max_id",required:!1,value:!1},include_entities:{parameter:"include_entities",required:!1,value:!1}},queryURL:!1,queryData:!1,prepareQuery:function(){obj=nativeDroid.plugins.twitter.container,nativeDroid.plugins.twitter.request.queryData=obj.data("nativedroid-twitter-get")}},ini:function(e){nativeDroid.plugins.twitter.container=e,t=e.attr("data-nativedroid-twitter-type"),nativeDroid.plugins.twitter.load(t),"false"!=nativeDroid.plugins.twitter.container.attr("data-nativedroid-twitter-refresh")&&nativeDroid.design.progress.ini(),refreshTime=nativeDroid.plugins.twitter.container.attr("data-nativedroid-twitter-refresh"),refreshTime&&"false"!=refreshTime&&(nativeDroid.plugins.twitter.refresh.time="auto"!=refreshTime?parseInt(refreshTime):nativeDroid.plugins.twitter.refresh.auto_delay,setTimeout(nativeDroid.plugins.twitter.refresh.load,parseInt(nativeDroid.plugins.twitter.refresh.time)))},apiUrl:{search:"http://search.twitter.com/search.json"},load:function(e){nativeDroid.plugins.twitter.request.prepareQuery(),nativeDroid.plugins.twitter.request.queryURL=this.apiUrl[e],nativeDroid.api.get("jsonp",this.request.queryURL,this.request.queryData,this.append),nativeDroid.plugins.twitter.populate()},populate:function(){setInterval(function(){p=nativeDroid.plugins.twitter.results.pendingResults,p&&p.length>0&&(nativeDroid.design.progress.blink(),nativeDroid.plugins.twitter.container.prepend(p[0]),nativeDroid.plugins.twitter.results.pendingResults.splice(0,1),$(".ui-page-active .ui-listview").listview("refresh"))},3e3)},append:function(e){if(e&&(nativeDroid.plugins.twitter.refresh.url=e.refresh_url?e.refresh_url:nativeDroid.plugins.twitter.refresh.url,e=e.results?e.results:e,anz=e.length,nativeDroid.plugins.twitter.results.update(anz),anz>0))for(i=0;anz>i;i++)entity=e[i],html="",html+="
  • ",html+="",html+="

    "+entity.from_user_name+"

    ",html+="

    "+entity.text+"

    ",html+="
    • ",toTimer=1e3*i,nativeDroid.plugins.twitter.results.pendingResults.splice(0,0,html)}},flickr:{container:!1,apiKey:!1,dragStarted:!1,dragStartX:0,lastSwipe:!1,request:{queryData:!1,apiUrl:"http://api.flickr.com/services/rest/?method=flickr.",requestUrl:!1,cat:!1,method:!1,parameter:!1,prepareQuery:function(){obj=nativeDroid.plugins.flickr.container,cat=obj.data("nativedroid-flickr-cat"),method=obj.data("nativedroid-flickr-method"),apikey=obj.data("nativedroid-flickr-apikey"),parameter=obj.data("nativedroid-flickr-parameter"),nativeDroid.plugins.flickr.request.cat=cat,nativeDroid.plugins.flickr.request.method=method,nativeDroid.plugins.flickr.request.parameter=parameter,nativeDroid.plugins.flickr.request.requestUrl=nativeDroid.plugins.flickr.request.apiUrl+cat+"."+method+"&api_key="+apikey+"&nojsoncallback=1&format=json&"+parameter}},bindEvents:function(){$(".ui-page").on("click",".nativeDroidGallery li:not('.active')",function(){lastSwipe=nativeDroid.plugins.flickr.lastSwipe,nativeDroid.plugins.flickr.dragStarted=!1,orig=$(this),$(".overlay").show(),lastSwipe?"left"==lastSwipe?($(this).addClass("active").addClass("noTransition").addClass("slideRight"),setTimeout(function(){orig.removeClass("noTransition").removeClass("slideRight")},1)):"right"==lastSwipe&&($(this).addClass("active").addClass("noTransition").addClass("slideLeft"),setTimeout(function(){orig.removeClass("noTransition").removeClass("slideLeft")},1)):$(this).addClass("active"),$(this).css({"background-image":"url('"+$(this).data("image-thumb")+"')"}),$(this).css({"background-image":"url('"+$(this).data("image-large")+"')"})}).on("mousedown touchstart",".nativeDroidGallery li.active .closeTrigger",function(){$(this).parent().removeClass("active"),$(".overlay").hide()}).on("swipeleft",".nativeDroidGallery li.active:not('.zoom')",function(e){e.preventDefault();var t=$(this);t.addClass("slideLeft"),setTimeout(function(){t.removeClass("active").css({left:"auto"}).removeClass("slideLeft").removeClass("slideRight")},500),next=$(this).next("li"),1==next.length?(nativeDroid.plugins.flickr.lastSwipe="left",next.trigger("click")):(nativeDroid.plugins.flickr.lastSwipe=!1,$(".overlay").hide()),thumb=t.data("image-thumb"),$(this).css({"background-image":"url('"+thumb+"')"})}).on("swiperight",".nativeDroidGallery li.active:not('.zoom')",function(e){e.preventDefault();var t=$(this);t.addClass("slideRight"),setTimeout(function(){t.removeClass("active").css({left:"auto"}).removeClass("slideLeft").removeClass("slideRight")},500),prev=$(this).prev("li"),1==prev.length?(nativeDroid.plugins.flickr.lastSwipe="right",prev.trigger("click")):(nativeDroid.plugins.flickr.lastSwipe=!1,$(".overlay").hide()),thumb=t.data("image-thumb"),$(this).css({"background-image":"url('"+thumb+"')"})}).on("mousedown touchstart",".nativeDroidGallery li.active:not('.zoom')",function(e){nativeDroid.plugins.flickr.dragStartX="touchstart"==e.type?e.originalEvent.touches[0].screenX:e.screenX,nativeDroid.plugins.flickr.dragStarted=!0,$(this).addClass("noTransition")}).on("mouseup touchend",".nativeDroidGallery li.active:not('.zoom')",function(){$(this).removeClass("noTransition").css({left:"auto"}),nativeDroid.plugins.flickr.dragStarted=!1}).on("mousemove touchmove",".nativeDroidGallery li.active:not('.zoom')",function(e){e.preventDefault(),mousedown=nativeDroid.plugins.flickr.dragStarted,mousedown&&(distance="touchmove"==e.type?parseInt(e.originalEvent.touches[0].screenX)-parseInt(nativeDroid.plugins.flickr.dragStartX):e.screenX-nativeDroid.plugins.flickr.dragStartX,(distance>30||-30>distance)&&$(this).css("left",distance+"px"))}).on("click",".nativeDroidGallerySetList li a",function(e){e.preventDefault(),setId=$(this).data("photoset-id"),setId&&!isNaN(setId)?(nativeDroid.plugins.flickr.request.cat="photosets",nativeDroid.plugins.flickr.request.method="getPhotos",reqUrl=nativeDroid.plugins.flickr.request.apiUrl+"photosets.getPhotos&api_key="+nativeDroid.plugins.flickr.apiKey+"&photoset_id="+setId+"&nojsoncallback=1&format=json&extras=description,date_upload,geo,views,url_sq,url_l,url_t",$("div[data-role='header'] h1").text($(this).text()),cLink=$("div[data-role='header'] a.ui-btn:first").attr("href"),$("div[data-role='header'] a.ui-btn:first").attr("href",cLink+"#flickr-back-to-setlist"),new nativeDroid.api.get("json",reqUrl,!1,nativeDroid.plugins.flickr.parseData)):console.log("SetId is not a Number")}),$("div[data-role='header']").on("click","a[href$='flickr-back-to-setlist']",function(e){e.preventDefault(),$("div[data-role='header'] h1").text(document.title),href=$(this).attr("href"),hrefArr=href.split("#flickr-back-to-setlist"),$("div[data-role='header'] a.ui-btn:first").attr("href",hrefArr[0]),$(".nativeDroidGallerySet").remove(),$(".nativeDroidGallerySetList").removeClass("slideLeft")})},ini:function(e){nativeDroid.plugins.flickr.container=e,nativeDroid.plugins.flickr.apiKey=e.data("nativedroid-flickr-apikey"),new nativeDroid.plugins.flickr.load,nativeDroid.plugins.flickr.bindEvents()},load:function(){nativeDroid.plugins.flickr.request.prepareQuery(),new nativeDroid.api.get("json",nativeDroid.plugins.flickr.request.requestUrl,nativeDroid.plugins.flickr.request.queryData,nativeDroid.plugins.flickr.parseData)},delayedAppend:function(e,t,n){setTimeout(function(){e.append(t)},n)},parseByType:{photos:{search:function(e){if(nativeDroid.plugins.flickr.container.addClass("nativeDroidGallery"),nativeDroid.plugins.flickr.container.append("
    "),e.photos){var t=nativeDroid.plugins.flickr.container;for(i=0;e.photos.photo.length>i;i++)p=e.photos.photo[i],html="
  • close
    "+p.title+"
    • ",nativeDroid.plugins.flickr.delayedAppend(t,html,50*i)}}},photosets:{getList:function(e){if(nativeDroid.plugins.flickr.container.addClass("nativeDroidGallerySetList"),e.photosets){html="";var t=nativeDroid.plugins.flickr.container;for(i=0;e.photosets.photoset.length>i;i++)set=e.photosets.photoset[i],html+="
  • "+set.title._content+"
    • ";t.append(html),$(".ui-page-active .ui-listview").listview("refresh")}},getPhotos:function(e){if($(".nativeDroidGallerySetList").addClass("slideLeft"),e.photoset){var t="";for(t+="
    ",$(".nativeDroidGallerySet").remove(),$(".nativeDroidGallerySetList").after(t)}}}},parseData:function(e){e?"ok"==e.stat?(cat=nativeDroid.plugins.flickr.request.cat,method=nativeDroid.plugins.flickr.request.method,nativeDroid.plugins.flickr.parseByType[cat]!==void 0?nativeDroid.plugins.flickr.parseByType[cat][method]!==void 0?new nativeDroid.plugins.flickr.parseByType[cat][method](e):console.log("There no data parser for "+cat+"."+method):console.log("There no data parser for "+cat+"."+method)):console.log("There is an error. Code: "+e.stat):console.log("No data received. Check your request.")}},gallery:{lastSwipe:!1,dragStarted:!1,dragStartX:0,bindEvents:function(){$(".ui-page").on("click",".nativeDroidGallery li:not('.active')",function(){lastSwipe=nativeDroid.plugins.gallery.lastSwipe,nativeDroid.plugins.gallery.dragStarted=!1,orig=$(this),$(".overlay").show(),lastSwipe?"left"==lastSwipe?($(this).addClass("active").addClass("noTransition").addClass("slideRight"),setTimeout(function(){orig.removeClass("noTransition").removeClass("slideRight")},1)):"right"==lastSwipe&&($(this).addClass("active").addClass("noTransition").addClass("slideLeft"),setTimeout(function(){orig.removeClass("noTransition").removeClass("slideLeft")},1)):$(this).addClass("active"),$(this).css({"background-image":"url('"+$(this).data("image-thumb")+"')"}),$(this).css({"background-image":"url('"+$(this).data("image-large")+"')"})}).on("mousedown touchstart",".nativeDroidGallery li.active .closeTrigger",function(){$(this).parent().removeClass("active"),$(".overlay").hide()}).on("swipeleft",".nativeDroidGallery li.active:not('.zoom')",function(e){e.preventDefault();var t=$(this);t.addClass("slideLeft"),setTimeout(function(){t.removeClass("active").css({left:"auto"}).removeClass("slideLeft").removeClass("slideRight")},500),next=$(this).next("li"),1==next.length?(nativeDroid.plugins.gallery.lastSwipe="left",next.trigger("click")):(nativeDroid.plugins.gallery.lastSwipe=!1,$(".overlay").hide()),thumb=t.data("image-thumb"),$(this).css({"background-image":"url('"+thumb+"')"})}).on("swiperight",".nativeDroidGallery li.active:not('.zoom')",function(e){e.preventDefault();var t=$(this);t.addClass("slideRight"),setTimeout(function(){t.removeClass("active").css({left:"auto"}).removeClass("slideLeft").removeClass("slideRight")},500),prev=$(this).prev("li"),1==prev.length?(nativeDroid.plugins.gallery.lastSwipe="right",prev.trigger("click")):(nativeDroid.plugins.gallery.lastSwipe=!1,$(".overlay").hide()),thumb=t.data("image-thumb"),$(this).css({"background-image":"url('"+thumb+"')"})}).on("mousedown touchstart",".nativeDroidGallery li.active:not('.zoom')",function(e){nativeDroid.plugins.gallery.dragStartX="touchstart"==e.type?e.originalEvent.touches[0].screenX:e.screenX,nativeDroid.plugins.gallery.dragStarted=!0,$(this).addClass("noTransition")}).on("mouseup touchend",".nativeDroidGallery li.active:not('.zoom')",function(){$(this).removeClass("noTransition").css({left:"auto"}),nativeDroid.plugins.gallery.dragStarted=!1}).on("mousemove touchmove",".nativeDroidGallery li.active:not('.zoom')",function(e){e.preventDefault(),mousedown=nativeDroid.plugins.gallery.dragStarted,mousedown&&(distance="touchmove"==e.type?parseInt(e.originalEvent.touches[0].screenX)-parseInt(nativeDroid.plugins.gallery.dragStartX):e.screenX-nativeDroid.plugins.gallery.dragStartX,(distance>30||-30>distance)&&$(this).css("left",distance+"px"))})},ini:function(e){e.addClass("nativeDroidGallery"),nativeDroid.plugins.gallery.bindEvents()}},splashscreen:{container:!1,background:!1,time:3,animation:!1,bindEvents:function(){},create:function(){var e=nativeDroid.plugins.splashscreen.container,t=nativeDroid.plugins.splashscreen.background,n=nativeDroid.plugins.splashscreen.animation;t&&(e.addClass("nativeDroidSplashscreen").css({"background-image":"url('"+t+"')"}),delay=1e3*nativeDroid.plugins.splashscreen.time,setTimeout(function(){n&&e.addClass(n),setTimeout(function(){e.remove()},500)},delay))},ini:function(e){nativeDroid.plugins.splashscreen.container=e,nativeDroid.plugins.splashscreen.time=parseInt(e.data("nativedroid-splashscreen-time")),nativeDroid.plugins.splashscreen.background=e.data("nativedroid-background"),nativeDroid.plugins.splashscreen.animation=e.data("nativedroid-splashscreen-animation"),nativeDroid.plugins.splashscreen.create()}},lockscreen:{container:!1,background:!1,delay:25,display:!1,lastactivity:e,animation:"fadeOut",bindEvents:function(){$(".ui-page").on("click",".nativeDroidLockscreen .unlock",function(){nativeDroid.plugins.lockscreen.close()}).on("touchstart touchend touchmove mousemove click tap",function(){nativeDroid.plugins.lockscreen.lastactivity=(new Date).getTime()}),nativeDroid.plugins.lockscreen.startCheckInactivity()},startCheckInactivity:function(){delay=1e3*nativeDroid.plugins.lockscreen.delay,setTimeout(function(){setTimeout(function(){nativeDroid.plugins.lockscreen.checkInactivity()},delay)})},checkInactivity:function(){display=nativeDroid.plugins.lockscreen.display,activity=nativeDroid.plugins.lockscreen.lastactivity,delay=1e3*nativeDroid.plugins.lockscreen.delay,now=(new Date).getTime(),!display&&now-activity>delay?nativeDroid.plugins.lockscreen.open():(nextCheck=delay-(now-activity),setTimeout(function(){nativeDroid.plugins.lockscreen.checkInactivity()},nextCheck))},open:function(){nativeDroid.plugins.lockscreen.container.fadeIn(500),nativeDroid.plugins.lockscreen.display=!0},close:function(){nativeDroid.plugins.lockscreen.container.fadeOut(500),nativeDroid.plugins.lockscreen.display=!1,nativeDroid.plugins.lockscreen.startCheckInactivity()},create:function(){nativeDroid.plugins.lockscreen.bindEvents();var e=nativeDroid.plugins.lockscreen.container,t=nativeDroid.plugins.lockscreen.background;nativeDroid.plugins.lockscreen.animation,t&&e.addClass("nativeDroidLockscreen").css({"background-image":"url('"+t+"')"})},ini:function(e){nativeDroid.plugins.lockscreen.container=e,nativeDroid.plugins.lockscreen.delay=parseInt(e.data("nativedroid-lockscreen-delay")),nativeDroid.plugins.lockscreen.background=e.data("nativedroid-background"),nativeDroid.plugins.lockscreen.animation=e.data("nativedroid-lockscreen-animation"),nativeDroid.plugins.lockscreen.create()}},homescreen:{container:!1,background:!1,currentslide:1,dragStartX:0,dragStated:!1,slides:!1,bindEvents:function(){$(".ui-page").on("swipeleft swiperight","div[data-nativedroid-role='screenslide']",function(e){direction=e.type,e.preventDefault(),slides=nativeDroid.plugins.homescreen.slides,thisIdx=parseInt($(this).data("nativedroid-screenslide-idx")),nextIdx=thisIdx+1,prevIdx=thisIdx-1,nextIdx=nextIdx>slides?1:nextIdx,prevIdx=1>prevIdx?slides:prevIdx,slides>1&&("swiperight"==direction?nativeDroid.plugins.homescreen.slide(thisIdx,prevIdx,direction):nativeDroid.plugins.homescreen.slide(thisIdx,nextIdx,direction))}).on("mousedown touchstart",".nativeDroidHomescreen",function(e){nativeDroid.plugins.homescreen.dragStartX="touchstart"==e.type?e.originalEvent.touches[0].screenX:e.screenX,nativeDroid.plugins.homescreen.dragStarted=!0,homeScreenSlideObj=$(".nativeDroidHomescreen div[data-nativedroid-screenslide-idx='"+nativeDroid.plugins.homescreen.currentslide+"']"),homeScreenSlideObj.addClass("noTransition")}).on("mouseup touchend",".nativeDroidHomescreen",function(){homeScreenSlideObj=$(".nativeDroidHomescreen div[data-nativedroid-screenslide-idx='"+nativeDroid.plugins.homescreen.currentslide+"']"),homeScreenSlideObj.removeAttr("style").removeClass("noTransition"),nativeDroid.plugins.homescreen.dragStarted=!1}).on("mousemove touchmove",".nativeDroidHomescreen",function(e){mousedown=nativeDroid.plugins.homescreen.dragStarted,e.preventDefault(),mousedown&&(distance="touchmove"==e.type?parseInt(e.originalEvent.touches[0].screenX)-parseInt(nativeDroid.plugins.homescreen.dragStartX):e.screenX-nativeDroid.plugins.homescreen.dragStartX,(distance>30||-30>distance)&&(homeScreenSlideObj=$(".nativeDroidHomescreen div[data-nativedroid-screenslide-idx='"+nativeDroid.plugins.homescreen.currentslide+"']"),homeScreenSlideObj.css("left",distance+"px")))}),$("body,.ui-page,.ui-body,.ui-content").css({overflow:"hidden"})},slide:function(e,t,n){newClassFrom="swipeleft"==n?"left":"right",$(".nativeDroidHomescreen div[data-nativedroid-screenslide-idx='"+e+"']").removeClass("left").removeClass("right").addClass(newClassFrom);var i="swipeleft"==n?"rightNoTransition":"leftNoTransition",o=$(".nativeDroidHomescreen div[data-nativedroid-screenslide-idx='"+t+"']");o.addClass(i).removeClass("left").removeClass("right"),setTimeout(function(){o.removeClass(i),nativeDroid.plugins.homescreen.currentslide=t,nativeDroid.plugins.homescreen.updateSlideIndicators()},50)},create:function(){obj=nativeDroid.plugins.homescreen.container,obj.addClass("nativeDroidHomescreen"),bg=nativeDroid.plugins.homescreen.background,bg&&obj.css({"background-image":"url('"+bg+"')"}),i=1,obj.find("[data-nativedroid-role='screenslide']").each(function(){$(this).attr("data-nativedroid-screenslide-idx",i),i>1&&$(this).addClass("right"),i++}),nativeDroid.plugins.homescreen.slides=i-1,nativeDroid.plugins.homescreen.createSlideIndicators(),nativeDroid.plugins.homescreen.createWidgets(),nativeDroid.plugins.homescreen.bindEvents()},createSlideIndicators:function(){if(total=nativeDroid.plugins.homescreen.slides,current=nativeDroid.plugins.homescreen.currentslide,total>1){for(html="
    ",i=1;total>=i;i++)currentClass=i==current?" active":"",html+="
    ";html+="
    ",nativeDroid.plugins.homescreen.container.append(html)}},updateSlideIndicators:function(){current=nativeDroid.plugins.homescreen.currentslide,$(".nativeDroidScreenSlideIndicators .blobs").removeClass("active"),$(".nativeDroidScreenSlideIndicators .blobs[data-nativedroid-screenslide-indicator='"+current+"']").addClass("active")},createWidgets:function(){widgetsObj=nativeDroid.plugins.homescreen.container.find("[data-nativedroid-role='widget']"),widgetsObj.addClass("nativeDroidHomescreenWidget"),widgetsObj.each(function(){type=$(this).data("nativedroid-widget-type"),type&&nativeDroid.plugins.homescreen.widget[type]?new nativeDroid.plugins.homescreen.widget[type].ini($(this)):type&&console.log(type+" - is not a valid nativeDroid homescreen widget.")})},widget:{clock:{container:!1,currentMin:0,language:{set:"en",type:"short",en:{dayShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayLong:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthLong:["January","February","March","April","May","June","July","August","September","October","November","December"],order:function(e,t,n,i,o){return t+", "+o+" "+n}},de:{dayShort:["So","Mo","Di","Mi","Do","Fr","Sa"],dayLong:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],monthShort:["Jan","Feb","Mrz","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],monthLong:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],order:function(e,t,n,i,o,a){return t+", "+n+". "+o+" "+a}}},getTodayString:function(e,t,n,i){return cLang=nativeDroid.plugins.homescreen.widget.clock.language,type=cLang.type,lang=cLang.set,retStr="--empty-string--","long"==type?(dayStr=cLang[lang].dayLong[e],monthStr=cLang[lang].monthLong[n]):"short"==type&&(dayStr=cLang[lang].dayShort[e],monthStr=cLang[lang].monthShort[n]),retStr=cLang[lang].order(e,dayStr,t,n,monthStr,i)},getClockHTML:function(){return html="
    ",d=new Date,hours=10>d.getHours()?"0"+d.getHours():d.getHours(),min=10>d.getMinutes()?"0"+d.getMinutes():d.getMinutes(),time=hours+":"+min,nativeDroid.plugins.homescreen.widget.clock.currentMin=d.getMinutes(),html+="
    "+time+"
    ",date=nativeDroid.plugins.homescreen.widget.clock.getTodayString(d.getDay(),d.getDate(),d.getMonth(),d.getFullYear()),html+="
    "+date+"
    ",html+="
    "},create:function(){cObj=nativeDroid.plugins.homescreen.widget.clock,cObj.container.addClass("nativeDroidWidgetClock"),cObj.container.html(cObj.getClockHTML()),cObj.run()},update:function(){nativeDroid.plugins.homescreen.widget.clock.container.html(nativeDroid.plugins.homescreen.widget.clock.getClockHTML())},run:function(){cMin=nativeDroid.plugins.homescreen.widget.clock.currentMin,now=new Date,cMin!=now.getMinutes()&&nativeDroid.plugins.homescreen.widget.clock.update(),nextRun=1e3*(61-now.getSeconds()),setTimeout(function(){nativeDroid.plugins.homescreen.widget.clock.run()},nextRun)},ini:function(e){nativeDroid.plugins.homescreen.widget.clock.container=e,e.data("nativedroid-widget-clock-format")&&(nativeDroid.plugins.homescreen.widget.clock.language.type=e.data("nativedroid-widget-clock-format")),e.data("nativedroid-widget-clock-lang")&&(nativeDroid.plugins.homescreen.widget.clock.language.set=e.data("nativedroid-widget-clock-lang")),nativeDroid.plugins.homescreen.widget.clock.create()}},reader:{container:!1,type:"rss",source:!1,bindEvents:function(){},create:function(){rObj=nativeDroid.plugins.homescreen.widget.reader,rObj.container.addClass("nativeDroidWidgetReader"),"rss"==rObj.type&&rObj.source&&(queryUrl="http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q="+encodeURIComponent(rObj.source),nativeDroid.api.get("jsonp",queryUrl,!1,rObj.parseFeed))},parseFeed:function(e){if(feedTitle=!1,feedLink=!1,feedDescription=!1,feedAuthor=!1,e&&"200"==e.responseStatus){for(e=e.responseData.feed,feedTitle=e.title,feedLink=e.link,feedDescription=e.description,feedAuthor=e.author,feedHTML="",i=0;e.entries.length>i;i++)entry=e.entries[i],feedHTML+="
  • ",feedHTML+="
    ",feedHTML+=""+entry.title+"",feedHTML+="

    "+nativeDroid.basic.dateFormat.format(entry.publishedDate)+" | "+entry.contentSnippet+"

    ",feedHTML+="
    • ";html="",nativeDroid.plugins.homescreen.widget.reader.container.html(html)}},ini:function(e){nativeDroid.plugins.homescreen.widget.reader.container=e,e.data("nativedroid-widget-reader-type")&&(nativeDroid.plugins.homescreen.widget.reader.type=e.data("nativedroid-widget-reader-type")),e.data("nativedroid-widget-reader-source")&&(nativeDroid.plugins.homescreen.widget.reader.source=e.data("nativedroid-widget-reader-source")),nativeDroid.plugins.homescreen.widget.reader.create()}},icon:{container:!1,iconType:"text",iconClass:"icon-question-sign",iconTitle:"Your Icon",iconLink:"#",bindEvents:function(){$("div[data-nativedroid-role='widget']").on("click",".nativeDroidIconWidget",function(){window.location.href=$(this).attr("data-nativedroid-icon-href")})},create:function(){html="","text"==nativeDroid.plugins.homescreen.widget.icon.iconType&&(html="
    "+nativeDroid.plugins.homescreen.widget.icon.iconTitle+"
    "),""!=html&&nativeDroid.plugins.homescreen.widget.icon.container.html(html),nativeDroid.plugins.homescreen.widget.icon.bindEvents()},ini:function(e){nativeDroid.plugins.homescreen.widget.icon.container=e,nativeDroid.plugins.homescreen.widget.icon.iconType=e.data("nativedroid-widget-icon-type"),nativeDroid.plugins.homescreen.widget.icon.iconClass=e.data("nativedroid-widget-icon-class"),nativeDroid.plugins.homescreen.widget.icon.iconTitle=e.data("nativedroid-widget-icon-title"),nativeDroid.plugins.homescreen.widget.icon.iconLink=e.data("nativedroid-widget-icon-link"),nativeDroid.plugins.homescreen.widget.icon.create()}}},ini:function(e){nativeDroid.plugins.homescreen.container=e,bg=e.data("nativedroid-background"),nativeDroid.plugins.homescreen.background=bg?bg:!1,nativeDroid.plugins.homescreen.create()}}},api:{get:function(e,t,n,i){$.ajax({dataType:e,url:t,data:n!==!1?n:"",success:i,error:function(e){console.log("There is an error while your ajaxRequest: "),console.log("Query: "+t),console.log(e.responseText)}})},helper:{googlemaps:{apiScript:"https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false",apiScriptLoaded:!1,ini:function(e){"undefined"==typeof google?$.getScript(nativeDroid.api.helper.googlemaps.apiScript).done(function(){e(!0)}):e(!0)},directions:{from:!1,to:!1,container:!1,type:"string",prepareRoute:function(e){nativeDroid.api.helper.googlemaps.directions.type=e.type?e.type:nativeDroid.api.helper.googlemaps.directions.type,"coords"==nativeDroid.api.helper.googlemaps.directions.type?(from=e.from.split(","),fromLat=parseFloat(from[0]),fromLng=parseFloat(from[1]),nativeDroid.api.helper.googlemaps.directions.from=new google.maps.LatLng(fromLat,fromLng),to=e.to.split(","),toLat=parseFloat(to[0]),toLng=parseFloat(to[1]),nativeDroid.api.helper.googlemaps.directions.to=new google.maps.LatLng(toLat,toLng)):(nativeDroid.api.helper.googlemaps.directions.from=e.from,nativeDroid.api.helper.googlemaps.directions.to=e.to,nativeDroid.api.helper.googlemaps.directions.container=e.container)},getRoute:function(e){e&&e.from&&e.to&&e.container&&(nativeDroid.api.helper.googlemaps.directions.prepareRoute(e),$(window).on("load",function(){function t(){var t={zoom:7,disableDefaultUI:!0,draggable:!1,keyboardShortcuts:!1,scrollwheel:!1,mapTypeId:google.maps.MapTypeId.ROADMAP}; 2 | i=new google.maps.Map(e.container,t),a.setMap(i),n()}function n(){var e={origin:nativeDroid.api.helper.googlemaps.directions.from,destination:nativeDroid.api.helper.googlemaps.directions.to,travelMode:google.maps.TravelMode.DRIVING};r.route(e,function(e,t){t==google.maps.DirectionsStatus.OK&&a.setDirections(e)})}var i,o={draggable:!1},a=new google.maps.DirectionsRenderer(o),r=new google.maps.DirectionsService;t()}))}}}}}},$("[data-nativedroid-plugin]").each(function(){nativeDroid.plugins[$(this).attr("data-nativedroid-plugin")]?new(nativeDroid.plugins[$(this).attr("data-nativedroid-plugin")].ini)($(this)):console.log($(this).attr("data-nativedroid-plugin")+" - is not a valid nativeDroid plugin.")}),"touchstart"==nativeDroid.basic.touchEvent()&&nativeDroid.basic.disableScrollTop()}); --------------------------------------------------------------------------------