Showing preview only (1,246K chars total). Download the full file or copy to clipboard to get everything.
Repository: MobileUI/components
Branch: master
Commit: fb96b978273e
Files: 167
Total size: 1.2 MB
Directory structure:
gitextract_g7aahqj_/
├── .gitignore
├── CONTRIBUTE.md
├── LICENSE
├── README.md
├── alert/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── assets/
│ ├── css/
│ │ └── master.css
│ └── js/
│ └── main.js
├── base/
│ ├── badge.html
│ ├── base.html
│ ├── base.js
│ ├── card.html
│ ├── colors.css
│ ├── colors.html
│ ├── component.json
│ ├── font.css
│ ├── fonts.html
│ ├── icons.css
│ ├── icons.html
│ ├── install.html
│ ├── mobileui.css
│ ├── reset.css
│ └── templates.html
├── button/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── chart-bar/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── chartist/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── chartist-plugin-tooltip/
│ ├── component.json
│ ├── script.js
│ └── style.css
├── chartjs/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── cover/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── dist/
│ ├── alert.json
│ ├── base.json
│ ├── button.json
│ ├── chart-bar.json
│ ├── chartist-plugin-tooltip.json
│ ├── chartist.json
│ ├── chartjs.json
│ ├── cover.json
│ ├── grid.json
│ ├── header.json
│ ├── horizontal-scroll.json
│ ├── imports.css
│ ├── include.json
│ ├── input.json
│ ├── jquery.json
│ ├── list.json
│ ├── loading.json
│ ├── menu.json
│ ├── mobileui-colors.json
│ ├── mobileuijs.json
│ ├── momentjs.json
│ ├── page.json
│ ├── popover.json
│ ├── progress-circle.json
│ ├── progress-circular.json
│ ├── progress-semicircle.json
│ ├── progressbarjs.json
│ ├── pulltorefresh.json
│ ├── swiper.json
│ ├── tab.json
│ ├── templates.json
│ ├── timeline.json
│ └── toast.json
├── docs.json
├── generate_dist.js
├── generate_doc.js
├── grid/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── header/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── horizontal-scroll/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── include/
│ ├── component.json
│ ├── index.html
│ ├── myfile1.html
│ ├── myfile2.html
│ ├── script.js
│ └── style.css
├── input/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── jquery/
│ ├── component.json
│ ├── index.html
│ └── script.js
├── list/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── loading/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── menu/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── mobileui-colors/
│ ├── component.json
│ ├── script.js
│ └── style.css
├── mobileuijs/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── momentjs/
│ ├── component.json
│ ├── index.html
│ └── script.js
├── package.json
├── page/
│ ├── component.json
│ ├── contact.html
│ ├── contact.js
│ ├── contacts.html
│ ├── index.html
│ ├── script.js
│ └── style.css
├── popover/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── progress-circle/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── progress-semicircle/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── progressbarjs/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── pulltorefresh/
│ ├── component.json
│ ├── index.html
│ └── script.js
├── swiper/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── tab/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── timeline/
│ ├── component.json
│ ├── index.html
│ └── style.css
└── toast/
├── component.json
├── index.html
├── script.js
└── style.css
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
# Logs
logs
*.log
npm-debug.log*
.DS_Store
# Runtime data
pids
*.pid
*.seed
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
# nyc test coverage
.nyc_output
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# node-waf configuration
.lock-wscript
# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules
jspm_packages
# Optional npm cache directory
.npm
# Optional REPL history
.node_repl_history
================================================
FILE: CONTRIBUTE.md
================================================
# Contributing to MobileUI Components
First off, thanks for taking the time to contribute! :+1: We do our best to accept all PRs that can improve this project! :tada:
The following is a set of guidelines for contributing to MobileUI Components and its packages, which are hosted in the [MobileUI](https://github.com/MobileUI) organization here at Github. These are mostly guidelines to help you guys get started and not rules. Use your best judgement, and feel free to propose changes to our project through a pull request. :smile:
## What should I know before contributing?
MobileUI is an open source project created thinking of making your hybrid applications faster and smaller. It helps a lot since you're not required to install the whole package, you only install what you need to get started in building your application. :tada:
Certainly, you will love using it in [Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/) and [Apache Cordova Apps](https://cordova.apache.org). You can use only the components you want in your projects created with [PhoneGap](https://phonegap.com/), [Ionic Framework](https://ionicframework.com/), [Onsen UI](https://onsen.io/), [Framework7](http://framework7.io/) and others focused on creating web apps.
A rich variety of UI components specially designed for mobile apps. MobileUI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. Some of the existing components are displayed differently on Android and iOS, with automatic styling that will change the appearance of the app based on the platform.
To know more --- check out the official [documentation](https://mobileui.github.io/#getting-started)
## Getting Started
---
### Process of creating a new component
1) In the project's root dir, create a folder named after the component you will create, for example `list` or `chart-bar`.
2) Create a file named `component.json` inside the folder. The content of the `component.json` file should follow this structure:
```JSON
{
"name":"chart-bar",
"author": "fabiorogeriosj",
"dependencies": [
"base"
]
}
```
3) Test and document your component in an HTML file inside your component's folder.
> Include usage examples and all the options that your component accept so other people can use the component correctly!
4) Open a Pull Request against the `master` branch
5) Wait for review and discussion.
> If we don't respond within a few days, send a message in the PR thread! =)
6) Your code will be merged if accepted!
### Re-generating MobileUI documentation
1) Fork and clone (your fork) [components repo]() and [mobileui.github.io repo]() inside the same parent folder.
```
__ parent/
|_ components/
|_ mobileui.github.io/
```
2) With your terminal, inside the **components** project, execute the `generate_docs.js` with node:
```bash
node generate_docs.js
```
3) Then, new files should be generated at **mobileui.github.io** folder. Now it's simple: add and commit these files to your fork project.
4) At GitHub, open the PR from your fork of **mobileui.github.io** to our repository with this commit with the new generated files.
5) We'll check and, if everything is ok, accept your merge!
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2017 MobileUI
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
======
[MobileUI](https://mobileui.github.io) is a simple and easy NPM package to install UI Components for web mobile apps using HTML, CSS and JavaScript.
MobileUI provides a rich variety of UI components specially designed for mobile apps like tabs, side menu, stack navigation and tons of other components such as lists and forms. They all have iOS and Android support, with automatic styling that will change the appearance of the app based on the platform. With MobileUI you can truly support both Android and iOS with the same source code.
> See the docs in: https://mobileui.github.io/
Quickstart
----------
The Installation is very simple, but first you need to install Node.js
With Node.js installed, run in your terminal:
`npm install mobileui -g`
To check the version of mobileui installed, Open the terminal and type `mobileui`
Links
---------------
- [Install and features](https://mobileui.github.io/#getting-started)
- [Documentation](https://mobileui.github.io)
- [Contributing](https://github.com/MobileUI/components/blob/master/CONTRIBUTE.md)
================================================
FILE: alert/component.json
================================================
{
"name":"alert",
"author": "fabiorogeriosj",
"dependencies": [
"base"
]
}
================================================
FILE: alert/index.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Raleway:400,700|Roboto:300,400,500,600,900," rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">
<link rel="stylesheet" href="../base/reset.css">
<link rel="stylesheet" href="../base/mobileui.css">
<link rel="stylesheet" href="../base/colors.css">
<link rel="stylesheet" href="../base/icons.css">
<link rel="stylesheet" href="../header/style.css">
<link rel="stylesheet" href="../button/style.css">
<link rel="stylesheet" href="../list/style.css">
<link rel="stylesheet" href="../input/style.css">
<link rel="stylesheet" href="../cover/style.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../assets/css/master.css">
<style>
.content {
margin-left: 50px
}
</style>
<script type="text/javascript" src="script.js"></script>
</head>
<body class="content">
<!-- BEGIN -->
<h2 class="title-doc" id="_DOC_GENERATE_SPACE_">Alert</h2>
<p>
Alerts are a great way to offer the user the ability to choose a specific action or list of actions. They also can provide the user with important information, or require them to make a decision (or multiple decisions).
</p>
<p>
From a UI perspective, Alerts can be thought of as a type of “floating” modal that covers only a portion of the screen. This means Alerts should only be used for quick actions like password verification, small app notifications, or quick options.
</p>
<div class="dependency tooltip">
<strong>Dependency:</strong> <code>base</code>.
<span class="tooltiptext">The dependencies will be installed together with this module</span>
</div>
<p>
To use this component you need install with the command:
</p>
<pre>mobileui install alert</pre>
<!-- _DOC_GENERATE_CSS_DOC -->
<p>
To use, you need to call the function <code>alert('YOUR MESSAGE')</code> or <code>alert(objectCustomized)</code>, and you can send more paramters for create alert with title or multiple options.
</p>
<p>
See this small example:
</p>
<textarea class="bind-code" mode="text/html" header-absolute="true" replace="body,div|padding,padding body" height-preview="400px" border="true" multiplatform="true">
<body class="padding">
<button class="blue full radius margin-bottom" onclick="alert('Simple message here!')">Show message</button>
<button class="blue full radius margin-bottom" onclick="alert('Simple message here!', 'Title message')">Show message with title</button>
<button class="blue full radius margin-bottom" onclick="alert('Simple <br/> message <strong>here</strong>!')">Show message with HTML</button>
<button class="blue full radius margin-bottom" onclick="showMyCustomizedAlert()">Show customized alert</button>
<button class="blue full radius margin-bottom" onclick="showWithCustomId()">Show with custom ID</button>
<script>
function showMyCustomizedAlert(){
alert({
title:'My alert',
message:'This is my customized alert!',
buttons:[
{
label: 'OK',
onclick: function(){
//You code when user click in OK button.
closeAlert();
}
},
{
label:'Cancel',
onclick: function(){
closeAlert();
}
}
]
});
}
function showWithCustomId(){
alert({
title:'My alert 2',
message:'This is my customized alert! <br> <button onclick="closeCustomAlert()">Close custom alert!</button>',
id: 'my-custom-id-alert'
});
}
function closeCustomAlert() {
closeAlert('my-custom-id-alert')
}
</script>
</body></textarea>
<p>You can add <code>class</code> with more advanced customized alert:</p>
<textarea class="bind-code" mode="text/html" header-absolute="true" replace="body,div|padding,padding body" height-preview="400px" border="true" multiplatform="true">
<body class="padding">
<button class="blue full radius margin-bottom" onclick="deleteItem()">Delete item</button>
<script>
function deleteItem(){
alert({
title:'Alert',
message:'Are you sure you want to delete this item?',
class:'red',
buttons:[
{
label: 'YES',
class:'red-900'
},
{
label:'NO',
class:'text-white'
}
]
});
}
</script>
</body></textarea>
<p>Another option like modal component you can add <code>list</code> and <code>input</code> by <code>template</code> with more advanced customized alert:</p>
<textarea class="bind-code" mode="text/html" header-absolute="true" replace="body,div|padding,padding body" height-preview="600px" border="true" multiplatform="true">
<body class="padding">
<button class="purple full radius margin-bottom" onclick="alertForm()">Finish process</button>
<div class="hidden" id="template-alert-custom">
<div class="list">
<div class="item">
<input type="text" placeholder="Add an comment about process..." autofocus>
</div>
<label class="item">
<div class="left">
<input type="radio" name="user" class="purple">
</div>
<h2>The process was well executed</h2>
</label>
<label class="item">
<div class="left">
<input type="radio" name="user" class="purple">
</div>
<h2>The process was run in error</h2>
</label>
<label class="item">
<div class="left">
<input type="radio" name="user" class="purple">
</div>
<h2>The process was not executed</h2>
</label>
</div>
</div>
<script>
function alertForm(){
alert({
title:'Finish process',
message:'Fill in the options to finalize the process',
template: 'template-alert-custom',
width:'90%',
buttons:[
{
label: 'Finish'
},
{
label:'Cancel'
}
]
});
}
</script>
</body></textarea>
<p>If you need make bind in inputs into a <code>alert</code> just listener event:</p>
<textarea class="bind-just-code" mode="text/javascript">
document.addEventListener('alertOpened', function(e){
//TODO
})
</textarea>
<!-- DONE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>
<script type="text/javascript" src="../assets/js/main.js"></script>
</body>
</html>
================================================
FILE: alert/script.js
================================================
window.alert = function (message, title) {
var configAlert = {}
if (typeof message === 'object') {
configAlert = message
} else {
configAlert.message = message
configAlert.title = title
}
if (!configAlert.id) {
configAlert.id = 'ALERT' + new Date().getTime()
}
if (!configAlert.buttons || !configAlert.buttons.length) {
configAlert.buttons = [
{
label: 'OK',
onclick: function () {
closeAlert()
}
}
]
}
var body = document.getElementsByTagName('body')[0]
if (event && event.target && event.target.parentNode && event.target.parentNode.className.indexOf('body') >= 0) {
body = event.target.parentNode
}
var e = document.createElement('div')
e.className = 'backdrop show backdrop-alert'
e.id = configAlert.id + '_BACKDROP'
body.appendChild(e)
var alertMobileUI = document.createElement('div')
alertMobileUI.className = 'alert-mobileui'
alertMobileUI.id = configAlert.id
e.parentNode.appendChild(alertMobileUI)
var alertContent = document.createElement('div')
if (!configAlert.class) {
configAlert.class = 'white'
}
alertContent.className = 'alert ' + configAlert.class
if (configAlert.width) {
alertContent.style.maxWidth = configAlert.width
}
alertMobileUI.appendChild(alertContent)
if (configAlert.title) {
var h1 = '<h1>' + configAlert.title + '</h1>'
alertContent.insertAdjacentHTML('beforeend', h1)
}
if (configAlert.message) {
var p = '<p>' + configAlert.message + '</p>'
alertContent.insertAdjacentHTML('beforeend', p)
}
if (configAlert.template) {
alertContent.insertAdjacentHTML('beforeend', document.getElementById(configAlert.template).innerHTML)
}
var buttons = document.createElement('div')
buttons.className = 'buttons'
alertContent.appendChild(buttons)
for (var i in configAlert.buttons) {
var button = document.createElement('button')
if (!configAlert.buttons[i].class) {
configAlert.buttons[i].class = 'text-teal'
}
button.className = configAlert.buttons[i].class
var text = document.createTextNode(configAlert.buttons[i].label)
button.appendChild(text)
if (!configAlert.buttons[i].onclick) {
configAlert.buttons[i].onclick = closeAlert
}
button.addEventListener('click', configAlert.buttons[i].onclick)
buttons.appendChild(button)
}
var customEvent = new CustomEvent('alertOpened')
document.dispatchEvent(customEvent)
}
window.closeAlert = function (id) {
alertId = id
if (!alertId) {
alertId = event.target.parentNode.parentNode.parentNode.id
}
var alert = document.getElementById(alertId)
alert.parentNode.removeChild(alert)
var backdrop = document.getElementById(alertId + '_BACKDROP')
backdrop.parentNode.removeChild(backdrop)
}
================================================
FILE: alert/style.css
================================================
.alert-mobileui {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.alert-mobileui .alert {
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
border-radius: 2px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
max-width: 270px;
}
.platform-ios .alert-mobileui .alert {
font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
border-radius: 8px;
background-color: #fff !important;
box-shadow: none;
}
.alert-mobileui .alert h1 {
text-align: left;
font-size: 20px;
font-weight: 500;
padding:22px 22px 0 24px;
}
.platform-ios .alert-mobileui .alert h1 {
font-size: 17px;
font-weight: 500;
text-align: center;
color: #000 !important;
padding: 0;
padding-top: 22px;
}
.alert-mobileui .alert p {
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 20px;
padding: 0 24px;
margin-top:24px;
margin-bottom: 24px;
min-height: 0;
opacity: 0.8;
}
.platform-ios .alert-mobileui .alert p {
font-size: 14px;
text-align: center;
color: #000 !important;
}
.alert-mobileui .alert .buttons {
display: inline-block;
box-sizing: border-box;
width: 100%;
}
.alert-mobileui .alert .buttons button {
text-transform: uppercase;
display: inline-block;
width: auto;
min-width: 70px;
float: right;
background: none;
border-top: none;
font-size: 14px;
font-weight: 600;
outline: none;
margin-right: 5px;
text-transform: uppercase;
}
.platform-ios .alert-mobileui .alert .buttons button {
width: 100%;
text-align: center;
text-transform: none;
font-weight: 400;
font-size: 16px;
border-top: 1px solid #ddd;
padding: 0 8px;
margin-right: 0;
color: rgba(24, 103, 194, .81) !important;
background: none !important;
}
================================================
FILE: assets/css/master.css
================================================
body {
-webkit-touch-callout: text;
-webkit-text-size-adjust: text;
-webkit-user-select: text;
overflow: auto !important;
}
.header-star {
position: absolute;
margin-left: 165px;
}
.font-dosis {
font-family: 'Dosis', sans-serif;
}
.font-raleway {
font-family: 'Raleway', sans-serif;
}
.font-roboto {
font-family: 'Roboto', sans-serif;
}
ol, ul {
list-style: none;
}
button.show-doc {
color: #2f94cf;
text-decoration: underline;
}
.content {
position: inherit;
width: 100%;
max-height: 600px;
overflow: auto;
}
.content-doc-reader {
display: inline-block;
width: 100%;
}
.content-doc-reader a[target="_blank"] {
opacity: 0.8;
transition: .1s ease-in-out;
transition-property: opacity, border-color;
color: #004bc9;
text-decoration: none;
font-weight: bold;
}
.content-doc-reader a[target="_blank"]:hover {
background-color: #004bc9;
color: #fff;
}
.content-doc-reader a[target="_blank"]:hover i {
color: #fff;
}
a {
border-bottom: 1px dotted #000;
}
a.show-doc {
font-size: 14px;
}
.result a {
cursor: pointer;
color: #000;
text-decoration: none;
}
.result.result-icon .icon {
margin: 5px;
}
.dependency {
color: rgba(0, 0, 0, 0.4);
float: right;
font-size: 14px;
margin-top: -10px;
}
.dependency strong {
font-weight: 700;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 320px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
right: 0;
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.top {
background-color: #24292e;
padding: 0 20px;
margin: 0 auto;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 80px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: initial;
}
.top img {
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 0;
max-width: 150px;
}
.top ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
}
.top li {
white-space: nowrap;
margin: 0 28px 0 0;
padding: 0;
position: relative;
}
.top a {
color: rgba(255, 255, 255, 0.7);
}
.top a:hover {
color: rgba(255, 255, 255, 1);
}
.menuland {
position: absolute;
width: 280px;
overflow: auto;
padding: 50px;
padding-top: 30px;
}
.menuland li {
font-size: 16px;
}
.menuland h1,
.content-land h2.title-doc {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 10px;
color: #24292e;
text-transform: uppercase;
}
.content-land .content-doc-reader h2.title-doc {
margin-top: 0;
}
.content-land h2.title-doc {
padding-top: 50px;
}
.menuland h1:first-child {
margin-top: 0;
}
.menuland a {
color: rgba(0, 0, 0, 0.8);
}
.menuland li {
padding: 8px;
}
.menuland li.move-focus::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #579480;
position: absolute;
margin-left: -12px;
margin-top: 4px;
}
#searchComponent {
padding-left: 5px;
}
.menuland li:hover, .menuland a.active li {
background-color: #7fc7af;
}
.menuland::-webkit-scrollbar {
display: none;
}
.menuland a:target li{
border-left: 4px solid #7fc7af;
}
.menuland.hasScrolled {
position: fixed;
top: 0;
bottom: 0;
height: 100%;
}
.content-land {
max-width: 100%;
margin-left: 320px;
font-size: 18px;
padding-right: 50px
}
.content-land p {
line-height: 30px;
padding-bottom: 15px;
font-size: 16px;
}
.content-land p.text-small {
font-size: 14px;
}
.content-land .result p {
font-size: 14px;
}
pre, .CodeMirror {
padding: 20px;
background-color: #f2f2f2;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
}
.CodeMirror-scroll {
overflow-y: hidden !important;
overflow-x: auto !important;
}
.color-group {
float: left;
width: 50%;
font-family: arial;
font-size: 12px;
padding: 10px;
}
.color-group .color {
float: left;
padding: 12px;
color: #fff;
width: 50%;
}
.color-group .color.main-color {
width: 100%;
}
.color-group .color.dark {
color: rgba(0, 0, 0, 0.8);
}
.color-group .color span {
display: block;
font-size: 11px;
font-weight: 300;
}
.color-palettes {
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.sub-title-doc {
margin-top: 20px;
}
.result {
font-family: 'Roboto', sans-serif;
max-width: 400px;
position: relative;
overflow: hidden;
}
.result.height-change > div{
height: 100%;
}
.result.with-border {
border: 1px solid #ccc;
}
.result p {
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
line-height: 20px;
}
.header {
position: inherit;
}
.footer {
position: absolute;
}
.header.header-absolute {
position: absolute;
max-width: 400px;
}
textarea.bind-code {
display: none;
}
.cm-s-hidden-code {
display: none;
}
@media only screen and (min-width: 1300px) {
.color-group {
width: 33.33%;
}
}
@media only screen and (min-width: 1600px) {
.color-group {
width: 25%;
}
}
@media only screen and (min-width: 1900px) {
.color-group {
width: 20%;
}
}
@media only screen and (max-width: 500px) {
body, html {
width: 100% !important;
}
body {
padding: 10px;
}
.header-star {
position: inherit;
margin-left: 20px;
}
.top {
text-align: center;
display: block;
padding-top: 20px;
}
.top img{
display: inline-block;
margin:auto;
}
.top ul {
display: none;
}
.menuland {
display: none;
}
.content-land {
margin:0;
padding: 0;
}
.color-group {
width: 100%;
}
}
a.button-contribute,
.content-doc-reader a.button-contribute[target="_blank"] {
font-size: 12px;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0;
margin-top: 10px;
border-color: #fff;
color: #686868;
font-weight: 400;
}
.button-contribute .icon {
font-size: 20px;
color: #686868;
}
a.button-contribute:hover,
.content-doc-reader a.button-contribute[target="_blank"]:hover {
border-color: #ccc;
background: none;
color: #000;
}
.content-doc-reader a.button-contribute[target="_blank"]:hover i {
color: #000;
}
.button-contribute .ion-social-github:before {
margin-left: 5px;
float: right;
margin-top: 3px;
}
.content-table {
margin-bottom: 10px;
}
.content-table tr.hidden{
display: none;
}
.hidden {
display: none;
}
.tableDoc {
max-width: 700px;
border: 1px solid #ebebeb;
}
.tableDoc th {
text-transform: uppercase;
font-weight: 600;
letter-spacing: .4px;
-webkit-transform: scaleY(.9);
transform: scaleY(.9);
text-rendering: optimizeLegibility;
padding: 8px 15px;
font-size: 14px;
text-align: left!important;
background: #fafafa;
border-bottom: 1px solid #ebebeb;
color: #9ca3a6;
}
.tableDoc td {
padding: 15px;
font-weight: 400;
text-rendering: optimizeLegibility;
font-size: 14px;
border-bottom: 1px solid #e1e1e1;
}
.tableDoc td:first-child {
text-align: right;
white-space: nowrap;
}
.tableDoc tr:last-child td {
border-bottom: 0;
}
code {
padding: 4px;
color: #eb3838;
font-size: 14px;
border-radius: 3px;
border: 0 none;
margin: 0;
font-family: Consolas,'Liberation Mono',Menlo,Courier,monospace;
white-space: nowrap;
background: #f1f1f1;
}
.tableDoc td:first-child code {
padding: 3px 9px;
background: #fff2f2;
}
.header-bind-code .border-green {
border-top: 0;
border-left: 0;
border-right: 0;
border-width: 2px;
border-color: #7fc7af;
}
.header-bind-code {
border-bottom: 1px solid #e5e5e5;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 10px;
}
.line {
width: 100%;
background-color: #e5e5e5;
height: 1px;
display: block;
clear: both;
margin-top: 10px;
}
.header-bind-code button.small {
background: none;
margin-right: 10px;
text-transform: uppercase;
}
.banner {
background-color: #24292e;
padding-top: 50px;
padding-bottom: 30px;
overflow: hidden;
height: 500px;
border-bottom: 2px solid #24292e;
}
.banner h1 {
color: rgba(255, 255, 255, 0.8);
font-weight: 200;
font-size: 35px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.banner h2 {
color: rgba(255, 255, 255, 0.5);
font-size: 20px;
font-weight: 300;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
.logo-placeholder {
text-align: center;
position: absolute;
width: 100%;
}
.hero-cards {
position: relative;
display: block;
overflow: hidden;
width: 100%;
min-height: 41em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
margin-top: 380px;
}
.hero-card-1,
.hero-card-2,
.hero-card-3,
.hero-card-4,
.hero-card-5,
.hero-card-6,
.hero-card-7,
.hero-card-8,
.hero-card-9 {
position: absolute;
top: 0;
left: 50%;
display: block;
margin-left: -157px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
width: 307px;
height: 546px;
padding: 1px;
background-image: url(../img/sprite.jpg);
background-repeat: no-repeat;
}
.hero-card-1 {
z-index: 109!important;
display: block;
background-position: -10px -12px;
}
.hero-card-2 {
z-index: 108!important;
display: block;
background-position: -322px -12px;
margin-top: 50px;
}
.hero-card-3 {
z-index: 107!important;
display: block;
background-position: -630px -12px;
margin-top: 50px;
}
.hero-card-4 {
z-index: 106!important;
display: block;
background-position: -944px -12px;
margin-top: 75px;
}
.hero-card-5 {
z-index: 105!important;
display: block;
background-position: -1252px -12px;
margin-top: 75px;
}
.hero-card-6 {
z-index: 104!important;
display: block;
background-position: -1566px -12px;
margin-top: 100px;
}
.hero-card-7 {
z-index: 103!important;
display: block;
background-position: -1875px -12px;
margin-top: 100px;
}
.menu {
position: absolute !important;
}
.backdrop {
position: absolute !important;
}
.float-bottom-right, .float-bottom-left {
position: absolute !important;
}
.header p, .footer p {
padding-left: 10px;
margin: 0;
margin-top: -4px;
}
.gitter-chat-embed {
z-index: 1100;
}
================================================
FILE: assets/js/main.js
================================================
var theme = 'default'
var mode = 'text/html'
var idGenerate = 100
if(window.SO) {
window.SO.code = 1;
} else {
window.SO = {
code : 1
}
}
$(document).ready(function(){
$('#searchComponent input').keyup(function(e){
var value = this.value;
if(value) {
$('.menuland ul a').addClass('hidden');
$('.menuland h1').addClass('hidden');
$('.menuland ul li').each(function(i, e){
if($(e).text().toUpperCase().indexOf(value.toUpperCase()) >= 0){
$(e).parent().removeClass('hidden');
$(e).parent().parent().prev().removeClass('hidden');
}
});
} else {
$('.menuland ul a ').removeClass('hidden');
$('.menuland h1').removeClass('hidden');
}
if(e.keyCode === 40 || e.keyCode === 38){
moveFocusMenu(e.keyCode);
} else if(e.keyCode === 13){
selectMovedMenu();
}
});
var moveFocusMenu = function(keyCode){
if(keyCode === 40){
var elmFocus = $('.menuland ul li.move-focus:visible');
if(!elmFocus.length && $('.menuland ul li:visible').length){
$($('.menuland ul li:visible')[0]).addClass('move-focus');
} else {
var moveNextBind = false;
$('.menuland ul li:visible').each(function(i, e){
if($(e).is('.move-focus') && !moveNextBind){
$($('.menuland ul li:visible')[i+1]).addClass('move-focus');
$(e).removeClass('move-focus');
moveNextBind=true;
}
});
}
} else {
var elmFocus = $('.menuland ul li.move-focus:visible');
if(!elmFocus.length && $('.menuland ul li:visible').length){
$($('.menuland ul li:visible').last()).addClass('move-focus');
} else {
var moveNextBind = false;
$('.menuland ul li:visible').each(function(i, e){
if($(e).is('.move-focus') && !moveNextBind){
$($('.menuland ul li:visible')[i-1]).addClass('move-focus');
$(e).removeClass('move-focus');
moveNextBind=true;
}
});
}
}
}
var selectMovedMenu = function(){
var elmFocus = $('.menuland ul li.move-focus:visible');
if(elmFocus.length){
elmFocus.parent()[0].click();
setTimeout(function(){
$('#searchComponent input').focus();
}, 200);
}
}
var animeBanner = function(){
$('.hero-cards').clearQueue().stop().animate({ marginTop: "0" }, 1000, function() {
$('.hero-card-2').clearQueue().stop().animate({ left: "-=250" }, 1000, function() {
$('.hero-card-4').clearQueue().stop().animate({ left: "-=400" }, 1000, function() {
$('.hero-card-6').clearQueue().stop().animate({ left: "-=500" }, 1000, function() {
});
});
});
$('.hero-card-3').clearQueue().stop().animate({ left: "+=250" }, 1000, function() {
$('.hero-card-5').clearQueue().stop().animate({ left: "+=400" }, 1000, function() {
$('.hero-card-7').clearQueue().stop().animate({ left: "+=500" }, 1000, function() {
});
});
});
});
}
var tmpImg = new Image();
tmpImg.src = '/img/sprite.jpg';
tmpImg.onload = function() {
$('.hero-cards').css('visibility','visible');
animeBanner();
};
$(window).resize(function() {
$('.hero-card-2').clearQueue().stop();
$('.hero-card-3').clearQueue().stop();
$('.hero-card-4').clearQueue().stop();
$('.hero-card-5').clearQueue().stop();
$('.hero-card-6').clearQueue().stop();
$('.hero-card-7').clearQueue().stop();
$('.hero-card-2').removeAttr('style');
$('.hero-card-3').removeAttr('style');
$('.hero-card-4').removeAttr('style');
$('.hero-card-5').removeAttr('style');
$('.hero-card-6').removeAttr('style');
$('.hero-card-7').removeAttr('style');
animeBanner();
});
$('textarea.bind-code-example').each(function(i, block) {
if($(block).attr('mode')) {
mode = $(block).attr('mode')
}
CodeMirror.fromTextArea(block, {
lineNumbers: false,
mode: mode,
theme: theme,
readOnly: true
});
});
$('textarea.bind-just-code').each(function(i, block) {
var code = $(block).val()
var mode = $(block).attr('mode')
CodeMirror.fromTextArea(block, {
lineNumbers: false,
mode: mode,
theme: theme,
readOnly: true
});
});
$('textarea.bind-code').each(function(i, block) {
var code = $(block).val()
var mode = $(block).attr('mode')
var border = $(block).attr('border')
var absolute = $(block).attr('header-absolute')
var execMobileuiBind = $(block).attr('exec-mobileui-bind')
var replace = $(block).attr('replace')
var hidden = $(block).attr('hidden')
var multiplatform = $(block).attr('multiplatform')
var heightPreview = $(block).attr('height-preview')
var idResult = $(block).attr('id-result')
var customClass = $(block).attr('custom-class')
if(replace) {
replace = replace.split('|');
for(var i in replace){
code = code.replace(new RegExp(replace[i].split(',')[0], 'g'), replace[i].split(',')[1]);
}
}
if(absolute) {
code = code.replace(new RegExp('"header', 'g'), '"header header-absolute')
}
var resultStyle = ''
var resultClass = 'result'
var id = idResult ? idResult : ++idGenerate;
$(block).attr('id',id+'_code');
var attrs = ' id="'+id+'" '
if(border) {
resultClass += ' with-border'
}
if(heightPreview) {
resultStyle += 'height:'+heightPreview
resultClass += ' height-change'
}
if(customClass) {
resultClass += ' ' + customClass;
}
var divHeader = '<div class="header-bind-code">';
if(multiplatform) {
divHeader += '<button class="small border-green" onclick="previewPlatform(this, '+id+', 1)">Preview Android</button>';
divHeader += '<button class="small" onclick="previewPlatform(this, '+id+', 2)">Preview iOS</button>';
} else {
divHeader += '<button class="small border-green" onclick="showPreview(this, '+id+')">Preview</button>';
}
divHeader += '<button class="small" onclick="showCode(this, '+id+')">Code</button>';
divHeader += '</div>'
if(code.indexOf('openPage(') >= 0) {
code = code.replace('openPage(','openPageDemo('+id+',');
}
$(block).after(divHeader+'<div '+attrs+' class="'+resultClass+'" style="'+resultStyle+'">'+code+'<div class="cls"></div></div><div class="line"></div>')
if(execMobileuiBind){
setTimeout(function(){
if(MobileUI && MobileUI.bind){
MobileUI.bind();
}
bindProgressCircle();
},500);
}
});
var $document = $(document);
var $element = $('.menuland');
var className = 'hasScrolled';
function checkVisible(elm) {
var rect = elm.getBoundingClientRect();
var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
return (rect.top <= 0 && rect.bottom > 0);
}
window.goDoc = function (idDoc){
ga('set', 'page', '/'+idDoc);
ga('send', 'pageview');
}
var checkScroll = function(){
if ($document.scrollTop() >= 580) {
$element.addClass(className);
} else {
$element.removeClass(className);
}
}
var checkHashSection = function(){
var found=false;
$('.content-doc-reader').each(function(i,e){
if(!found) {
if(checkVisible(e)){
found=true;
var idDoc = $(e).find('h2.title-doc').attr('id');
$('.menuland a').removeClass('active');
$('.menuland a[href="#'+idDoc+'"]').addClass('active');
var movedLink = $('.menuland ul li.move-focus:visible');
if(movedLink.length && movedLink.parent().attr('href') != "#'+idDoc+'" && $('.menuland a[href="#'+idDoc+'"]').is(':visible')){
movedLink.removeClass('move-focus');
$('.menuland a[href="#'+idDoc+'"] li').addClass('move-focus');
}
if(location.hash !== '#'+idDoc){
ga('set', 'page', '/'+idDoc);
ga('send', 'pageview');
}
window.history.replaceState("", document.title, '#'+idDoc);
}
}
});
}
checkScroll()
checkHashSection()
$document.scroll(function() {
checkScroll()
checkHashSection()
});
$('.tableDoc').each(function(i,e){
var elm = $(e);
if((elm.find('tr').length-1) > 4) {
var trs = elm.find('tr')
for(i in trs){
if(i > 4) {
$(trs[i]).addClass('hidden')
}
}
var bt = $('<button class="show-doc">Show all '+(elm.find('tr').length-1)+' features.</button>');
bt.click(function(){
if($(this).text().indexOf('Hide') < 0) {
$(this).prev().find('tr').removeClass('hidden')
$(this).text('Hide features table');
} else {
$(this).text('Show all '+($(this).prev().find('tr').length-1)+' features');
var trs = $(this).prev().find('tr')
for(i in trs){
if(i > 4) {
$(trs[i]).addClass('hidden')
}
}
$document.scrollTop($(this).position().top - 295)
}
});
elm.parent().after(bt);
}
});
})
window.showPreview = function(e, id){
$(e).parent().find('.border-green').removeClass('border-green');
$(e).addClass('border-green');
$('#'+id).removeClass('hidden');
if($('textarea[id="'+id+'_code"]').next().is('.CodeMirror')){
$('textarea[id="'+id+'_code"]').next().addClass('hidden');
}
}
window.showCode = function(e, id){
$(e).parent().find('.border-green').removeClass('border-green');
$(e).addClass('border-green');
$('#'+id).addClass('hidden');
if(!$('textarea[id="'+id+'_code"]').is('.binded')){
$('textarea[id="'+id+'_code"]').addClass('binded');
$('#'+id).after($('textarea[id="'+id+'_code"]'));
CodeMirror.fromTextArea($('textarea[id="'+id+'_code"]')[0], {
lineNumbers: false,
mode: mode,
theme: theme,
readOnly: true
});
} else {
if($('textarea[id="'+id+'_code"]').next().is('.CodeMirror')){
$('textarea[id="'+id+'_code"]').next().removeClass('hidden');
}
}
}
window.previewPlatform = function(e, id, p){
$(e).parent().find('.border-green').removeClass('border-green');
$(e).addClass('border-green');
$('#'+id).removeClass('hidden');
if($('textarea[id="'+id+'_code"]').next().is('.CodeMirror')){
$('textarea[id="'+id+'_code"]').next().addClass('hidden');
}
if(p === 1){
$('#'+id).removeClass('platform-ios').addClass('platform-android');
SO.code = 1;
$('#'+id).css('max-width','400px');
} else {
$('#'+id).removeClass('platform-android').addClass('platform-ios');
SO.code = 2;
$('#'+id).css('max-width','320px');
}
}
window.openPageDemo = function(id, p, params, callback){
if(arguments.length===3) {
callback = params
}
var xhttp = new XMLHttpRequest();
if(p.indexOf('.html') < 0){
p =p+'.html';
}
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var page = this.responseText;
page = page.replace('openPage(', 'openPageDemo('+id+',');
page = page.replace('openPage(', 'openPageDemo('+id+',');
page = page.replace('openPage(', 'openPageDemo('+id+',');
page = page.replace('openPage(', 'openPageDemo('+id+',');
page = page.replace('backPage()','backPage(\''+p+'\')');
var body = document.getElementById(id)
var div = document.createElement('div')
div.setAttribute('class','box-block')
div.setAttribute('id',p)
div.innerHTML = page;
body.appendChild(div)
window.PAGE.handePage++
var firstStyle = 'z-index:'+window.PAGE.handePage
var secondStyle = ';transform: translateY(0px);will-change: transform, -webkit-transform, opacity;transition-duration: 280ms;transition-timing-function: cubic-bezier(0.36,0.66,0.04,1);'
if(SO.code === 2){
secondStyle = ';transform: translateX(0px);transition-duration: 280ms;'
}
if(window.disabledOpenPageEffect) {
secondStyle = ';opacity: 1;top: 0;'
}
var newStyle = document.getElementById(p).getElementsByClassName('page')[0].getAttribute('style')
if(newStyle) {
newStyle += ' '+firstStyle + secondStyle
} else {
newStyle = firstStyle + secondStyle
}
document.getElementById(p).getElementsByClassName('page')[0].setAttribute("style", newStyle);
if(callback) {
window.dispatch(callback, [params]);
}
var newClass = document.getElementById(p).getElementsByClassName('page')[0].getAttribute('class')
newClass += ' show';
var validOpenPage = function(){
setTimeout(function(){
if(document.getElementById(p) && document.getElementById(p).querySelectorAll('.page').length){
showPageBind();
} else {
validOpenPage();
}
},10);
}
validOpenPage();
var showPageBind = function(){
setTimeout(function(){
document.getElementById(p).getElementsByClassName('page')[0].setAttribute('class',newClass)
setTimeout(function(){
var style = document.getElementById(p).getElementsByClassName('page')[0].getAttribute('style')
style = style.replace(secondStyle,'')
document.getElementById(p).getElementsByClassName('page')[0].setAttribute('style',style)
},280)
}, 100);
};
}
};
xhttp.open("GET", p + '?cache='+new Date().getTime(), true);
xhttp.send();
}
window.openPopoverLand = function(p){
var button = event.target;
var rect = button.getBoundingClientRect();
var name = p;
var p = document.getElementById(p);
var e = document.createElement('div');
e.className = 'backdrop backdrop-popover';
p.parentNode.appendChild(e);
e.addEventListener('click', function(evt){
window.closePopover(name);
});
p.addEventListener('click', function(evt){
window.closePopover(name);
});
p.style += ';top: 110%;right: 10px;transform-origin: right top 0px;transform: scale(1);';
p.classList.add('show');
if(SO.code === 2) {
p.style.top = '45px';
p.style.right = '5px';
var divArrow = document.createElement('div');
divArrow.classList.add('popover-arrow');
p.parentNode.appendChild(divArrow);
divArrow.setAttribute('style','top:40px;right:15px');
} else {
var pHeight = p.clientHeight;
var pWidth = p.clientWidth;
p.style.height = 0;
p.style.width = 0;
p.style.top = '5px';
setTimeout(function(){
var style = p.getAttribute('style');
style += ' ;-webkit-transition: all 200ms ease;transition: all 200ms ease;';
p.setAttribute('style', style);
p.style.height = pHeight+'px';
p.style.width = pWidth+'px';
})
}
}
window.loadingLand = function(message){
var configLoading = {};
if(typeof message === "object"){
configLoading = message;
} else {
configLoading.message = message;
}
if(!configLoading.id){
configLoading.id = 'LOADING'+new Date().getTime();
}
var body = document.getElementsByTagName('body')[0];
if(event.target.parentNode.className.indexOf('body') >= 0) {
body = event.target.parentNode;
}
var e = document.createElement('div');
e.className = 'backdrop show backdrop-alert';
e.id = configLoading.id + '_BACKDROP';
body.parentNode.appendChild(e);
var alertMobileUI = document.createElement('div');
alertMobileUI.className = 'alert-mobileui alert-loading';
alertMobileUI.id = configLoading.id;
e.parentNode.appendChild(alertMobileUI);
var alertContent = document.createElement('div');
configLoading.class = 'white';
alertContent.className = 'alert ' + configLoading.class;
if(!window.SO || SO.code !== 2){
alertContent.innerHTML = '<svg class="loading-circle" width="40" height="40" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="15"></svg>';
} else {
alertContent.innerHTML = '<div class="loading-circle"><svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 27 27"><path d="M18.696,10.5c-0.275-0.479-0.113-1.09,0.365-1.367l4.759-2.751c0.482-0.273,1.095-0.11,1.37,0.368 c0.276,0.479,0.115,1.092-0.364,1.364l-4.764,2.751C19.583,11.141,18.973,10.977,18.696,10.5z"/><path d="M16.133,6.938l2.75-4.765c0.276-0.478,0.889-0.643,1.367-0.366c0.479,0.276,0.641,0.886,0.365,1.366l-2.748,4.762 C17.591,8.415,16.979,8.58,16.5,8.303C16.021,8.027,15.856,7.414,16.133,6.938z"/><path d="M13.499,7.5c-0.552,0-1-0.448-1-1.001V1c0-0.554,0.448-1,1-1c0.554,0,1.003,0.447,1.003,1v5.499 C14.5,7.053,14.053,7.5,13.499,7.5z"/><path d="M8.303,10.5c-0.277,0.477-0.888,0.641-1.365,0.365L2.175,8.114C1.697,7.842,1.532,7.229,1.808,6.75 c0.277-0.479,0.89-0.642,1.367-0.368l4.762,2.751C8.416,9.41,8.58,10.021,8.303,10.5z"/><path d="M9.133,7.937l-2.75-4.763c-0.276-0.48-0.111-1.09,0.365-1.366c0.479-0.277,1.09-0.114,1.367,0.366l2.75,4.765 c0.274,0.476,0.112,1.088-0.367,1.364C10.021,8.581,9.409,8.415,9.133,7.937z"/><path d="M6.499,14.5H1c-0.554,0-1-0.448-1-1c0-0.554,0.447-1.001,1-1.001h5.499c0.552,0,1.001,0.448,1.001,1.001 C7.5,14.052,7.052,14.5,6.499,14.5z"/><path d="M8.303,16.502c0.277,0.478,0.113,1.088-0.365,1.366l-4.762,2.749c-0.478,0.273-1.091,0.112-1.368-0.366 c-0.276-0.479-0.111-1.089,0.367-1.368l4.762-2.748C7.415,15.856,8.026,16.021,8.303,16.502z"/><path d="M10.866,20.062l-2.75,4.767c-0.277,0.475-0.89,0.639-1.367,0.362c-0.477-0.277-0.642-0.886-0.365-1.365l2.75-4.764 c0.277-0.477,0.888-0.638,1.366-0.365C10.978,18.974,11.141,19.585,10.866,20.062z"/><path d="M13.499,19.502c0.554,0,1.003,0.448,1.003,1.002v5.498c0,0.55-0.448,0.999-1.003,0.999c-0.552,0-1-0.447-1-0.999v-5.498 C12.499,19.95,12.946,19.502,13.499,19.502z"/><path d="M17.867,19.062l2.748,4.764c0.275,0.479,0.113,1.088-0.365,1.365c-0.479,0.276-1.091,0.112-1.367-0.362l-2.75-4.767 c-0.276-0.477-0.111-1.088,0.367-1.365C16.979,18.424,17.591,18.585,17.867,19.062z"/><path d="M18.696,16.502c0.276-0.48,0.887-0.646,1.365-0.367l4.765,2.748c0.479,0.279,0.64,0.889,0.364,1.368 c-0.275,0.479-0.888,0.64-1.37,0.366l-4.759-2.749C18.583,17.59,18.421,16.979,18.696,16.502z"/><path d="M25.998,12.499h-5.501c-0.552,0-1.001,0.448-1.001,1.001c0,0.552,0.447,1,1.001,1h5.501c0.554,0,1.002-0.448,1.002-1 C27,12.946,26.552,12.499,25.998,12.499z"/></svg></div>';
}
if(configLoading.message) {
alertContent.innerHTML += '<p>'+configLoading.message+'</p>';
}
alertMobileUI.appendChild(alertContent);
setTimeout(function(){
closeLoading();
},3000)
}
window.loadingLandElement = function(e, message, position, color){
e = document.getElementById(e);
var withMessage = message ? 'with-message' : '';
if(!color){
color = 'white-loading';
} else {
color = '';
}
if(!position) {
position = '';
}
var divLoading = document.createElement('div');
var spinner = '';
if(!window.SO || SO.code !== 2){
spinner = '<svg class="loading-circle loading-element '+color+' '+withMessage+' '+position+'" width="40" height="40" version="1.1" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="15"></svg>';
} else {
spinner = '<svg class="loading-circle loading-element '+color+' '+withMessage+' '+position+'" xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 27 27"><path d="M18.696,10.5c-0.275-0.479-0.113-1.09,0.365-1.367l4.759-2.751c0.482-0.273,1.095-0.11,1.37,0.368 c0.276,0.479,0.115,1.092-0.364,1.364l-4.764,2.751C19.583,11.141,18.973,10.977,18.696,10.5z"/><path d="M16.133,6.938l2.75-4.765c0.276-0.478,0.889-0.643,1.367-0.366c0.479,0.276,0.641,0.886,0.365,1.366l-2.748,4.762 C17.591,8.415,16.979,8.58,16.5,8.303C16.021,8.027,15.856,7.414,16.133,6.938z"/><path d="M13.499,7.5c-0.552,0-1-0.448-1-1.001V1c0-0.554,0.448-1,1-1c0.554,0,1.003,0.447,1.003,1v5.499 C14.5,7.053,14.053,7.5,13.499,7.5z"/><path d="M8.303,10.5c-0.277,0.477-0.888,0.641-1.365,0.365L2.175,8.114C1.697,7.842,1.532,7.229,1.808,6.75 c0.277-0.479,0.89-0.642,1.367-0.368l4.762,2.751C8.416,9.41,8.58,10.021,8.303,10.5z"/><path d="M9.133,7.937l-2.75-4.763c-0.276-0.48-0.111-1.09,0.365-1.366c0.479-0.277,1.09-0.114,1.367,0.366l2.75,4.765 c0.274,0.476,0.112,1.088-0.367,1.364C10.021,8.581,9.409,8.415,9.133,7.937z"/><path d="M6.499,14.5H1c-0.554,0-1-0.448-1-1c0-0.554,0.447-1.001,1-1.001h5.499c0.552,0,1.001,0.448,1.001,1.001 C7.5,14.052,7.052,14.5,6.499,14.5z"/><path d="M8.303,16.502c0.277,0.478,0.113,1.088-0.365,1.366l-4.762,2.749c-0.478,0.273-1.091,0.112-1.368-0.366 c-0.276-0.479-0.111-1.089,0.367-1.368l4.762-2.748C7.415,15.856,8.026,16.021,8.303,16.502z"/><path d="M10.866,20.062l-2.75,4.767c-0.277,0.475-0.89,0.639-1.367,0.362c-0.477-0.277-0.642-0.886-0.365-1.365l2.75-4.764 c0.277-0.477,0.888-0.638,1.366-0.365C10.978,18.974,11.141,19.585,10.866,20.062z"/><path d="M13.499,19.502c0.554,0,1.003,0.448,1.003,1.002v5.498c0,0.55-0.448,0.999-1.003,0.999c-0.552,0-1-0.447-1-0.999v-5.498 C12.499,19.95,12.946,19.502,13.499,19.502z"/><path d="M17.867,19.062l2.748,4.764c0.275,0.479,0.113,1.088-0.365,1.365c-0.479,0.276-1.091,0.112-1.367-0.362l-2.75-4.767 c-0.276-0.477-0.111-1.088,0.367-1.365C16.979,18.424,17.591,18.585,17.867,19.062z"/><path d="M18.696,16.502c0.276-0.48,0.887-0.646,1.365-0.367l4.765,2.748c0.479,0.279,0.64,0.889,0.364,1.368 c-0.275,0.479-0.888,0.64-1.37,0.366l-4.759-2.749C18.583,17.59,18.421,16.979,18.696,16.502z"/><path d="M25.998,12.499h-5.501c-0.552,0-1.001,0.448-1.001,1.001c0,0.552,0.447,1,1.001,1h5.501c0.554,0,1.002-0.448,1.002-1 C27,12.946,26.552,12.499,25.998,12.499z"/></svg>';
}
e.oldValue = e.innerHTML;
e.innerHTML = spinner;
e.disabled=true;
if(message){
e.innerHTML += message;
}
setTimeout(function(){
closeLoading(e.id)
},4000);
}
setTimeout(function(){
window.bindIncludeEvent();
}, 500);
function binderFire(){
if(window.ProgressCircle) ProgressCircle.bind();
if(window.ProgressSemicircle) ProgressSemicircle.bind();
}
setInterval(binderFire, 500);
================================================
FILE: base/badge.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Raleway:400,700|Roboto:300,400,900," rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="mobileui.css">
<link rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="icons.css">
<link rel="stylesheet" href="../assets/css/master.css">
<style>
.content { margin-left:50px}
</style>
</head>
<body class="content">
<!-- BEGIN -->
<h2 class="title-doc" id="_DOC_GENERATE_SPACE_">Badge</h2>
<p>Badges are used to provide additional information about something. In MobileUI you can create a card using base classes.</p>
<p>
If you have installed any component, the base classes are already installed. Otherwise run the command:
</p>
<pre>mobileui install base</pre>
<textarea class="bind-code" mode="text/html">
<span class="text-small green radius padding">new</span>
<span class="text-small purple radius padding">family</span>
<span class="text-small pink radius padding">university</span>
<div class="space"></div>
<span class="green radius padding">new</span>
<span class="purple radius padding">family</span>
<span class="pink radius padding">university</span>
<div class="space"></div>
<span class="text-big green radius padding">new</span>
<span class="text-big purple radius padding">family</span>
<span class="text-big pink radius padding">university</span></textarea>
<p>You can combinate this component with others, example a <a href="#list">list</a>.</p>
<textarea class="bind-code" mode="text/html">
<div class="list">
<div class="item">
<img class="avatar circle left" src="/img/96.jpg">
<h2>Juster Mark Slow</h2>
<span class="text-small green radius padding">new</span>
<span class="text-small purple radius padding">family</span>
<span class="text-small pink radius padding">university</span>
</div>
<div class="item">
<img class="avatar circle left" src="/img/33.jpg">
<h2>Carter Hudson</h2>
<span class="text-small purple radius padding">family</span>
<span class="text-small pink radius padding">university</span>
<span class="text-small blue radius padding">party</span>
</div>
</div>
</textarea>
<!-- DONE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>
<script type="text/javascript" src="../assets/js/main.js"></script>
</body>
</html>
================================================
FILE: base/base.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Raleway:400,700|Roboto:300,400,900," rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="mobileui.css">
<link rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="icons.css">
<link rel="stylesheet" href="../assets/css/master.css">
<style>
.content { margin-left:50px}
</style>
</head>
<body class="content">
<!-- BEGIN -->
<h2 class="title-doc" id="_DOC_GENERATE_SPACE_">Base</h2>
<p>
The base component contains the basic features to use MobileUI and any other component of this kit.
With this component, you can use the <a href="#colors">color themes</a>, <a href="#icons">icons</a> and some classes of positioning and alignment of elements in the interface.
</p>
<p>
To use it you need to install with the command:
</p>
<pre>mobileui install base</pre>
<!-- _DOC_GENERATE_CSS_DOC -->
<!-- DONE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>
<script type="text/javascript" src="../assets/js/main.js"></script>
</body>
</html>
================================================
FILE: base/base.js
================================================
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
var SO = {name:'unknown',code:0}
if (/android/i.test(userAgent)) {
SO.name = "Android";
SO.class = 'platform-android';
SO.code = 1;
}
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
SO.name = "iOS";
SO.class = 'platform-ios';
SO.code = 2;
}
if (/windows phone/i.test(userAgent)) {
SO.name = "Windows Phone";
SO.class = 'platform-wp';
SO.code = 3;
}
if(SO.class && document.getElementsByTagName('body').length){
document.getElementsByTagName('body')[0].className += ' '+SO.class
}
================================================
FILE: base/card.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Raleway:400,700|Roboto:300,400,900," rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="mobileui.css">
<link rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="icons.css">
<link rel="stylesheet" href="../button/style.css">
<link rel="stylesheet" href="../list/style.css">
<link rel="stylesheet" href="../assets/css/master.css">
<style>
.content { margin-left:50px}
</style>
</head>
<body class="content">
<!-- BEGIN -->
<h2 class="title-doc" id="_DOC_GENERATE_SPACE_">Card</h2>
<p>Card is a popular component in apps mobile. In MobileUI you can create a card using base classes.</p>
<p>
If you have installed any component, the base classes are already installed. Otherwise run the command:
</p>
<pre>mobileui install base</pre>
<textarea class="bind-code" mode="text/html">
<div class="padding border-grey-400 shadow radius">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="space"></div>
<div class="padding border-purple shadow radius mark">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
</div></textarea>
<p>You can combinate card style and <a href="#list">list</a> component, just add class <code>shadow</code>.</p>
<textarea class="bind-code" mode="text/html" replace="body,div">
<body class="padding grey-100">
<div class="padding border-grey-400 shadow radius white">
<button class="small icon ion-grid white"></button>
<button class="small icon ion-navicon-round white text-grey-400"></button>
<button class="small icon ion-ios-location white text-grey-400"></button>
<div class="right">
<button class="small white text-grey-400">Last updated</button>
</div>
</div>
<div class="space"></div>
<div class="list shadow radius white">
<div class="item">
<div class="left">
<img class="avatar circle" src="../assets/img/80.jpg">
</div>
<h2>Jeanette Fletcher</h2>
<p>jeanette.fletcher15@example.com</p>
<p class="text-grey-500 text-small">
<i class="icon ion-ios-location"></i> Brazil - Maringá-PR
</p>
</div>
<div class="item full">
<img src="../assets/img/maringa.jpg">
</div>
<div class="item text-grey-600">
Catedral is a beautiful built in Maringá
</div>
</div>
</body></textarea>
<!-- DONE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>
<script type="text/javascript" src="../assets/js/main.js"></script>
</body>
</html>
================================================
FILE: base/colors.css
================================================
.red {
color: rgba(255, 255, 255, .9);
background-color: #f44336 !important
}
.red-100,
.red-200,
.red-300,
.red-50 {
color: rgba(0, 0, 0, .8)
}
.red-50, input[type="checkbox"].red-50.switch::after {
background-color: #ffebee !important
}
.red-100, input[type="checkbox"].red-100.switch::after {
background-color: #ffcdd2 !important
}
.red-200, input[type="checkbox"].red-200.switch::after {
background-color: #ef9a9a !important
}
.red-300, input[type="checkbox"].red-300.switch::after {
background-color: #e57373 !important
}
.pink,
.red-400,
.red-500,
.red-600,
.red-700,
.red-800,
.red-900 {
color: rgba(255, 255, 255, .9)
}
.red-400, input[type="checkbox"].red-400.switch::after {
background-color: #ef5350 !important
}
.red-500, input[type="checkbox"].red-500.switch::after {
background-color: #f44336 !important
}
.red-600, input[type="checkbox"].red-600.switch::after {
background-color: #e53935 !important
}
.red-700, input[type="checkbox"].red-700.switch::after {
background-color: #d32f2f !important
}
.red-800, input[type="checkbox"].red-800.switch::after {
background-color: #c62828 !important
}
.red-900, input[type="checkbox"].red-900.switch::after {
background-color: #b71c1c !important
}
.pink, input[type="checkbox"].pink.switch::after {
background-color: #E91E63 !important
}
.pink-100,
.pink-200,
.pink-50 {
color: rgba(0, 0, 0, .8)
}
.pink-50, input[type="checkbox"].pink-50.switch::after {
background-color: #fce4ec !important
}
.pink-100, input[type="checkbox"].pink-100.switch::after {
background-color: #f8bbd0 !important
}
.pink-200, input[type="checkbox"].pink-200.switch::after {
background-color: #f48fb1 !important
}
.Pink-300,
.pink-400,
.pink-500,
.pink-600,
.pink-700,
.pink-800,
.pink-900,
.purple {
color: rgba(255, 255, 255, .9)
}
.Pink-300, input[type="checkbox"].Pink-300.switch::after {
background-color: #f06292 !important
}
.pink-400, input[type="checkbox"].pink-400.switch::after {
background-color: #ec407a !important
}
.pink-500, input[type="checkbox"].pink-500.switch::after {
background-color: #e91e63 !important
}
.pink-600, input[type="checkbox"].pink-600.switch::after {
background-color: #d81b60 !important
}
.pink-700, input[type="checkbox"].pink-700.switch::after {
background-color: #c2185b !important
}
.pink-800, input[type="checkbox"].pink-800.switch::after {
background-color: #ad1457 !important
}
.pink-900, input[type="checkbox"].pink-900.switch::after {
background-color: #880e4f !important
}
.purple, input[type="checkbox"].purple.switch::after {
background-color: #9c27b0 !important
}
.purple-100,
.purple-200,
.purple-50 {
color: rgba(0, 0, 0, .8)
}
.purple-50, input[type="checkbox"].purple-50.switch::after {
background-color: #f3e5f5 !important
}
.purple-100, input[type="checkbox"].purple-100.switch::after {
background-color: #e1bee7 !important
}
.purple-200, input[type="checkbox"].purple-200.switch::after {
background-color: #ce93d8 !important
}
.purple-300,
.purple-400,
.deep-purple,
.purple-500,
.purple-600,
.purple-700,
.purple-800,
.purple-900 {
color: rgba(255, 255, 255, .9)
}
.purple-300, input[type="checkbox"].purple-300.switch::after {
background-color: #ba68c8 !important
}
.purple-400, input[type="checkbox"].purple-400.switch::after {
background-color: #ab47bc !important
}
.purple-500, input[type="checkbox"].purple-500.switch::after {
background-color: #9c27b0 !important
}
.purple-600, input[type="checkbox"].purple-600.switch::after {
background-color: #8e24aa !important
}
.purple-700, input[type="checkbox"].purple-700.switch::after {
background-color: #7b1fa2 !important
}
.purple-800, input[type="checkbox"].purple-800.switch::after {
background-color: #6a1b9a !important
}
.purple-900, input[type="checkbox"].purple-900.switch::after {
background-color: #4a148c !important
}
.deep-purple, input[type="checkbox"].deep-purple.switch::after {
background-color: #673ab7 !important
}
.deep-purple-50 {
color: rgba(0, 0, 0, .8);
background-color: #ede7f6 !important
}
.deep-purple-100 {
color: rgba(0, 0, 0, .8);
background-color: #d1c4e9 !important
}
.deep-purple-200 {
color: rgba(0, 0, 0, .8);
background-color: #b39ddb !important
}
.deep-purple-300,
.deep-purple-400,
.deep-purple-500,
.deep-purple-600,
.deep-purple-700,
.deep-purple-800,
.deep-purple-900,
.indigo {
color: rgba(255, 255, 255, .9)
}
.deep-purple-300, input[type="checkbox"].deep-purple-300.switch::after {
background-color: #9575cd !important
}
.deep-purple-400, input[type="checkbox"].deep-purple-400.switch::after {
background-color: #7e57c2 !important
}
.deep-purple-500, input[type="checkbox"].deep-purple-500.switch::after {
background-color: #673ab7 !important
}
.deep-purple-600, input[type="checkbox"].deep-purple-600.switch::after {
background-color: #5e35b1 !important
}
.deep-purple-700, input[type="checkbox"].deep-purple-700.switch::after {
background-color: #512da8 !important
}
.deep-purple-800, input[type="checkbox"].deep-purple-800.switch::after {
background-color: #4527a0 !important
}
.deep-purple-900, input[type="checkbox"].deep-purple-900.switch::after {
background-color: #311b92 !important
}
.indigo, input[type="checkbox"].indigo.switch::after {
background-color: #3f51b5 !important
}
.indigo-100,
.indigo-200,
.indigo-50 {
color: rgba(0, 0, 0, .8)
}
.indigo-50, input[type="checkbox"].indigo-50.switch::after {
background-color: #e8eaf6 !important
}
.indigo-100, input[type="checkbox"].indigo-100.switch::after {
background-color: #c5cae9 !important
}
.indigo-200, input[type="checkbox"].indigo-200.switch::after {
background-color: #9fa8da !important
}
.blue,
.indigo-300,
.indigo-400,
.indigo-500,
.indigo-600,
.indigo-700,
.indigo-800,
.indigo-900 {
color: rgba(255, 255, 255, .9)
}
.indigo-300, input[type="checkbox"].indigo-300.switch::after {
background-color: #7986cb !important
}
.indigo-400, input[type="checkbox"].indigo-400.switch::after {
background-color: #5c6bc0 !important
}
.indigo-500, input[type="checkbox"].indigo-500.switch::after {
background-color: #3f51b5 !important
}
.indigo-600, input[type="checkbox"].indigo-600.switch::after {
background-color: #3949ab !important
}
.indigo-700, input[type="checkbox"].indigo-700.switch::after {
background-color: #303f9f !important
}
.indigo-800, input[type="checkbox"].indigo-800.switch::after {
background-color: #283593 !important
}
.indigo-900, input[type="checkbox"].indigo-900.switch::after {
background-color: #1a237e !important
}
.blue, input[type="checkbox"].blue.switch::after {
background-color: #2196F3 !important
}
.blue-100,
.blue-200,
.blue-300,
.blue-400,
.blue-50 {
color: rgba(0, 0, 0, .8)
}
.blue-50, input[type="checkbox"].blue-50.switch::after {
background-color: #e3f2fd !important
}
.blue-100, input[type="checkbox"].blue-100.switch::after {
background-color: #bbdefb !important
}
.blue-200, input[type="checkbox"].blue-200.switch::after {
background-color: #90caf9 !important
}
.blue-300, input[type="checkbox"].blue-300.switch::after {
background-color: #64b5f6 !important
}
.blue-400, input[type="checkbox"].blue-400.switch::after {
background-color: #42a5f5 !important
}
.blue-500,
.blue-600,
.blue-700,
.blue-800,
.blue-900,
.light-blue {
color: rgba(255, 255, 255, .9)
}
.blue-500, input[type="checkbox"].blue-500.switch::after {
background-color: #2196f3 !important
}
.blue-600, input[type="checkbox"].blue-600.switch::after {
background-color: #1e88e5 !important
}
.blue-700, input[type="checkbox"].blue-700.switch::after {
background-color: #1976d2 !important
}
.blue-800, input[type="checkbox"].blue-800.switch::after {
background-color: #1565c0 !important
}
.blue-900, input[type="checkbox"].blue-900.switch::after {
background-color: #0d47a1 !important
}
.light-blue, input[type="checkbox"].light-blue.switch::after {
background-color: #03a9f4 !important
}
.light-blue-100,
.light-blue-200,
.light-blue-300,
.light-blue-400,
.light-blue-50,
.light-blue-500 {
color: rgba(0, 0, 0, .8)
}
.light-blue-50, input[type="checkbox"].light-blue-50.switch::after {
background-color: #e1f5fe !important
}
.light-blue-100, input[type="checkbox"].light-blue-100.switch::after {
background-color: #b3e5fc !important
}
.light-blue-200, input[type="checkbox"].light-blue-200.switch::after {
background-color: #81d4fa !important
}
.light-blue-300, input[type="checkbox"].light-blue-300.switch::after {
background-color: #4fc3f7 !important
}
.light-blue-400, input[type="checkbox"].light-blue-400.switch::after {
background-color: #29b6f6 !important
}
.light-blue-500, input[type="checkbox"].light-blue-500.switch::after {
background-color: #03a9f4 !important
}
.cyan,
.light-blue-600,
.light-blue-700,
.light-blue-800,
.light-blue-900 {
color: rgba(255, 255, 255, .9)
}
.light-blue-600, input[type="checkbox"].light-blue-600.switch::after {
background-color: #039be5 !important
}
.light-blue-700, input[type="checkbox"].light-blue-700.switch::after {
background-color: #0288d1 !important
}
.light-blue-800, input[type="checkbox"].light-blue-800.switch::after {
background-color: #0277bd !important
}
.light-blue-900, input[type="checkbox"].light-blue-900.switch::after {
background-color: #01579b !important
}
.cyan, input[type="checkbox"].cyan.switch::after {
background-color: #00bcd4 !important
}
.cyan-100,
.cyan-200,
.cyan-300,
.cyan-400,
.cyan-50,
.cyan-500,
.cyan-600 {
color: rgba(0, 0, 0, .8)
}
.cyan-50, input[type="checkbox"].cyan-50.switch::after {
background-color: #e0f7fa !important
}
.cyan-100, input[type="checkbox"].cyan-100.switch::after {
background-color: #b2ebf2 !important
}
.cyan-200, input[type="checkbox"].cyan-200.switch::after {
background-color: #80deea !important
}
.cyan-300, input[type="checkbox"].cyan-300.switch::after {
background-color: #4dd0e1 !important
}
.cyan-400, input[type="checkbox"].cyan-400.switch::after {
background-color: #26c6da !important
}
.cyan-500, input[type="checkbox"].cyan-500.switch::after {
background-color: #00bcd4 !important
}
.cyan-600, input[type="checkbox"].cyan-600.switch::after {
background-color: #00acc1 !important
}
.cyan-700,
.cyan-800,
.cyan-900,
.teal {
color: rgba(255, 255, 255, .9)
}
.cyan-700, input[type="checkbox"].cyan-700.switch::after {
background-color: #0097a7 !important
}
.cyan-800, input[type="checkbox"].cyan-800.switch::after {
background-color: #00838f !important
}
.cyan-900, input[type="checkbox"].cyan-900.switch::after {
background-color: #006064 !important
}
.teal, input[type="checkbox"].teal.switch::after {
background-color: #009688 !important
}
.teal-100,
.teal-200,
.teal-300,
.teal-400,
.teal-50 {
color: rgba(0, 0, 0, .8)
}
.teal-50, input[type="checkbox"].teal-50.switch::after {
background-color: #e0f2f1 !important
}
.teal-100, input[type="checkbox"].teal-100.switch::after {
background-color: #b2dfdb !important
}
.teal-200, input[type="checkbox"].teal-200.switch::after {
background-color: #80cbc4 !important
}
.teal-300, input[type="checkbox"].teal-300.switch::after {
background-color: #4db6ac !important
}
.teal-400, input[type="checkbox"].teal-400.switch::after {
background-color: #26a69a !important
}
.green,
.teal-500,
.teal-600,
.teal-700,
.teal-800,
.teal-900 {
color: rgba(255, 255, 255, .9)
}
.teal-500, input[type="checkbox"].teal-500.switch::after {
background-color: #009688 !important
}
.teal-600, input[type="checkbox"].teal-600.switch::after {
background-color: #00897b !important
}
.teal-700, input[type="checkbox"].teal-700.switch::after {
background-color: #00796b !important
}
.teal-800, input[type="checkbox"].teal-800.switch::after {
background-color: #00695c !important
}
.teal-900, input[type="checkbox"].teal-900.switch::after {
background-color: #004d40 !important
}
.green, input[type="checkbox"].green.switch::after {
background-color: #4caf50 !important
}
.green-100,
.green-200,
.green-300,
.green-400,
.green-50,
.green-500 {
color: rgba(0, 0, 0, .8)
}
.green-50, input[type="checkbox"].green-50.switch::after {
background-color: #e8f5e9 !important
}
.green-100, input[type="checkbox"].green-100.switch::after {
background-color: #c8e6c9 !important
}
.green-200, input[type="checkbox"].green-200.switch::after {
background-color: #a5d6a7 !important
}
.green-300, input[type="checkbox"].green-300.switch::after {
background-color: #81c784 !important
}
.green-400, input[type="checkbox"].green-400.switch::after {
background-color: #66bb6a !important
}
.green-500, input[type="checkbox"].green-500.switch::after {
background-color: #4caf50 !important
}
.green-600,
.green-700,
.green-800,
.green-900,
.light-green {
color: rgba(255, 255, 255, .9)
}
.green-600, input[type="checkbox"].green-600.switch::after {
background-color: #43a047 !important
}
.green-700, input[type="checkbox"].green-700.switch::after {
background-color: #388e3c !important
}
.green-800, input[type="checkbox"].green-800.switch::after {
background-color: #2e7d32 !important
}
.green-900, input[type="checkbox"].green-900.switch::after {
background-color: #1b5e20 !important
}
.light-green, input[type="checkbox"].light-green.switch::after {
background-color: #8bc34a !important
}
.light-green-100,
.light-green-200,
.light-green-300,
.light-green-400,
.light-green-50,
.light-green-500,
.light-green-600 {
color: rgba(0, 0, 0, .8)
}
.light-green-50, input[type="checkbox"].light-green-50.switch::after {
background-color: #f1f8e9 !important
}
.light-green-100, input[type="checkbox"].light-green-100.switch::after {
background-color: #dcedc8 !important
}
.light-green-200, input[type="checkbox"].light-green-200.switch::after {
background-color: #c5e1a5 !important
}
.light-green-300, input[type="checkbox"].light-green-300.switch::after {
background-color: #aed581 !important
}
.light-green-400, input[type="checkbox"].light-green-400.switch::after {
background-color: #9ccc65 !important
}
.light-green-500, input[type="checkbox"].light-green-500.switch::after {
background-color: #8bc34a !important
}
.light-green-600, input[type="checkbox"].light-green-600.switch::after {
background-color: #7cb342 !important
}
.light-green-700,
.light-green-800,
.light-green-900,
.lime {
color: rgba(255, 255, 255, .9)
}
.light-green-700, input[type="checkbox"].light-green-700.switch::after {
background-color: #689f38 !important
}
.light-green-800, input[type="checkbox"].light-green-800.switch::after {
background-color: #558b2f !important
}
.light-green-900, input[type="checkbox"].light-green-900.switch::after {
background-color: #33691e !important
}
.lime, input[type="checkbox"].lime.switch::after {
background-color: #cddc39 !important
}
.lime-100,
.lime-200,
.lime-300,
.lime-400,
.lime-50,
.lime-500,
.lime-600,
.lime-700,
.lime-800 {
color: rgba(0, 0, 0, .8)
}
.lime-50, input[type="checkbox"].lime-50.switch::after {
background-color: #f9fbe7 !important
}
.lime-100, input[type="checkbox"].lime-100.switch::after {
background-color: #f0f4c3 !important
}
.lime-200, input[type="checkbox"].lime-200.switch::after {
background-color: #e6ee9c !important
}
.lime-300, input[type="checkbox"].lime-300.switch::after {
background-color: #dce775 !important
}
.lime-400, input[type="checkbox"].lime-400.switch::after {
background-color: #d4e157 !important
}
.lime-500, input[type="checkbox"].lime-500.switch::after {
background-color: #cddc39 !important
}
.lime-600, input[type="checkbox"].lime-600.switch::after {
background-color: #c0ca33 !important
}
.lime-700, input[type="checkbox"].lime-700.switch::after {
background-color: #afb42b !important
}
.lime-800, input[type="checkbox"].lime-800.switch::after {
background-color: #9e9d24 !important
}
.lime-900,
.yellow {
color: rgba(255, 255, 255, .9)
}
.lime-900, input[type="checkbox"].lime-900.switch::after {
background-color: #827717 !important
}
.yellow, input[type="checkbox"].yellow.switch::after {
background-color: #ffeb3b !important
}
.yellow-100,
.yellow-200,
.yellow-300,
.yellow-50,
.yellow-500,
.yellow-600,
.yellow-700,
.yellow-800,
.yellow-900 {
color: rgba(0, 0, 0, .8)
}
.yellow-50, input[type="checkbox"].yellow-50.switch::after {
background-color: #fffde7 !important
}
.yellow-100, input[type="checkbox"].yellow-100.switch::after {
background-color: #fff9c4 !important
}
.yellow-200, input[type="checkbox"].yellow-200.switch::after {
background-color: #fff59d !important
}
.yellow-300, input[type="checkbox"].yellow-300.switch::after {
background-color: #fff176 !important
}
.yellow-400 {
color: rgba(0, 0, 0, .8);
background-color: #ffee58 !important
}
.yellow-500, input[type="checkbox"].yellow-500.switch::after {
background-color: #ffeb3b !important
}
.yellow-600, input[type="checkbox"].yellow-600.switch::after {
background-color: #fdd835 !important
}
.yellow-700, input[type="checkbox"].yellow-700.switch::after {
background-color: #fbc02d !important
}
.yellow-800, input[type="checkbox"].yellow-800.switch::after {
background-color: #f9a825 !important
}
.yellow-900, input[type="checkbox"].yellow-900.switch::after {
background-color: #f57f17 !important
}
.amber {
color: rgba(255, 255, 255, .9);
background-color: #ffc107 !important
}
.amber-100,
.amber-200,
.amber-300,
.amber-50,
.amber-500,
.amber-600,
.amber-700,
.amber-800,
.amber-900 {
color: rgba(0, 0, 0, .8)
}
.amber-50, input[type="checkbox"].amber-50.switch::after {
background-color: #fff8e1 !important
}
.amber-100, input[type="checkbox"].amber-100.switch::after {
background-color: #ffecb3 !important
}
.amber-200, input[type="checkbox"].amber-200.switch::after {
background-color: #ffe082 !important
}
.amber-300, input[type="checkbox"].amber-300.switch::after {
background-color: #ffd54f !important
}
.amber-400 {
color: rgba(0, 0, 0, .8);
background-color: #ffca28 !important
}
.amber-500, input[type="checkbox"].amber-500.switch::after {
background-color: #ffc107 !important
}
.amber-600, input[type="checkbox"].amber-600.switch::after {
background-color: #ffb300 !important
}
.amber-700, input[type="checkbox"].amber-700.switch::after {
background-color: #ffa000 !important
}
.amber-800, input[type="checkbox"].amber-800.switch::after {
background-color: #ff8f00 !important
}
.amber-900, input[type="checkbox"].amber-900.switch::after {
background-color: #ff6f00 !important
}
.orange {
color: rgba(255, 255, 255, .9);
background-color: #ff9800 !important
}
.orange-100,
.orange-200,
.orange-300,
.orange-400,
.orange-50,
.orange-500,
.orange-600,
.orange-700 {
color: rgba(0, 0, 0, .8)
}
.orange-50, input[type="checkbox"].orange-50.switch::after {
background-color: #fff3e0 !important
}
.orange-100, input[type="checkbox"].orange-100.switch::after {
background-color: #ffe0b2 !important
}
.orange-200, input[type="checkbox"].orange-200.switch::after {
background-color: #ffcc80 !important
}
.orange-300, input[type="checkbox"].orange-300.switch::after {
background-color: #ffb74d !important
}
.orange-400, input[type="checkbox"].orange-400.switch::after {
background-color: #ffa726 !important
}
.orange-500, input[type="checkbox"].orange-500.switch::after {
background-color: #ff9800 !important
}
.orange-600, input[type="checkbox"].orange-600.switch::after {
background-color: #fb8c00 !important
}
.orange-700, input[type="checkbox"].orange-700.switch::after {
background-color: #f57c00 !important
}
.deep-orange,
.orange-800,
.orange-900 {
color: rgba(255, 255, 255, .9)
}
.orange-800, input[type="checkbox"].orange-800.switch::after {
background-color: #ef6c00 !important
}
.orange-900, input[type="checkbox"].orange-900.switch::after {
background-color: #e65100 !important
}
.deep-orange, input[type="checkbox"].deep-orange.switch::after {
background-color: #ff5722 !important
}
.deep-orange-100,
.deep-orange-200,
.deep-orange-300,
.deep-orange-400,
.deep-orange-50 {
color: rgba(0, 0, 0, .8)
}
.deep-orange-50, input[type="checkbox"].deep-orange-50.switch::after {
background-color: #fbe9e7 !important
}
.deep-orange-100, input[type="checkbox"].deep-orange-100.switch::after {
background-color: #ffccbc !important
}
.deep-orange-200, input[type="checkbox"].deep-orange-200.switch::after {
background-color: #ffab91 !important
}
.deep-orange-300, input[type="checkbox"].deep-orange-300.switch::after {
background-color: #ff8a65 !important
}
.deep-orange-400, input[type="checkbox"].deep-orange-400.switch::after {
background-color: #ff7043 !important
}
.brown,
.deep-orange-500,
.deep-orange-600,
.deep-orange-700,
.deep-orange-800,
.deep-orange-900 {
color: rgba(255, 255, 255, .9)
}
.deep-orange-500, input[type="checkbox"].deep-orange-500.switch::after {
background-color: #ff5722 !important
}
.deep-orange-600, input[type="checkbox"].deep-orange-600.switch::after {
background-color: #f4511e !important
}
.deep-orange-700, input[type="checkbox"].deep-orange-700.switch::after {
background-color: #e64a19 !important
}
.deep-orange-800, input[type="checkbox"].deep-orange-800.switch::after {
background-color: #d84315 !important
}
.deep-orange-900, input[type="checkbox"].deep-orange-900.switch::after {
background-color: #bf360c !important
}
.brown, input[type="checkbox"].brown.switch::after {
background-color: #795548 !important
}
.brown-100,
.brown-200,
.brown-50 {
color: rgba(0, 0, 0, .8)
}
.brown-50, input[type="checkbox"].brown-50.switch::after {
background-color: #efebe9 !important
}
.brown-100, input[type="checkbox"].brown-100.switch::after {
background-color: #d7ccc8 !important
}
.brown-200, input[type="checkbox"].brown-200.switch::after {
background-color: #bcaaa4 !important
}
.brown-300,
.brown-400,
.brown-500,
.brown-600,
.brown-700,
.brown-800,
.brown-900,
.grey {
color: rgba(255, 255, 255, .9)
}
.brown-300, input[type="checkbox"].brown-300.switch::after {
background-color: #a1887f !important
}
.brown-400, input[type="checkbox"].brown-400.switch::after {
background-color: #8d6e63 !important
}
.brown-500, input[type="checkbox"].brown-500.switch::after {
background-color: #795548 !important
}
.brown-600, input[type="checkbox"].brown-600.switch::after {
background-color: #6d4c41 !important
}
.brown-700, input[type="checkbox"].brown-700.switch::after {
background-color: #5d4037 !important
}
.brown-800, input[type="checkbox"].brown-800.switch::after {
background-color: #4e342e !important
}
.brown-900, input[type="checkbox"].brown-900.switch::after {
background-color: #3e2723 !important
}
.grey, input[type="checkbox"].grey.switch::after {
background-color: #9e9e9e !important
}
.grey-100,
.grey-200,
.grey-300,
.grey-400,
.grey-50,
.grey-500 {
color: rgba(0, 0, 0, .8)
}
.grey-50, input[type="checkbox"].grey-50.switch::after {
background-color: #fafafa !important
}
.grey-100, input[type="checkbox"].grey-100.switch::after {
background-color: #f5f5f5 !important
}
.grey-200, input[type="checkbox"].grey-200.switch::after {
background-color: #eee !important
}
.grey-300, input[type="checkbox"].grey-300.switch::after {
background-color: #e0e0e0 !important
}
.grey-400, input[type="checkbox"].grey-400.switch::after {
background-color: #bdbdbd !important
}
.grey-500, input[type="checkbox"].grey-500.switch::after {
background-color: #9e9e9e !important
}
.blue-grey,
.grey-600,
.grey-700,
.grey-800,
.grey-900 {
color: rgba(255, 255, 255, .9)
}
.grey-600, input[type="checkbox"].grey-600.switch::after {
background-color: #757575 !important
}
.grey-700, input[type="checkbox"].grey-700.switch::after {
background-color: #616161 !important
}
.grey-800, input[type="checkbox"].grey-800.switch::after {
background-color: #424242 !important
}
.grey-900, input[type="checkbox"].grey-900.switch::after {
background-color: #212121 !important
}
.blue-grey, input[type="checkbox"].blue-grey.switch::after {
background-color: #607d8b !important
}
.blue-grey-100,
.blue-grey-200,
.blue-grey-300,
.blue-grey-50 {
color: rgba(0, 0, 0, .8)
}
.blue-grey-50, input[type="checkbox"].blue-grey-50.switch::after {
background-color: #eceff1 !important
}
.blue-grey-100, input[type="checkbox"].blue-grey-100.switch::after {
background-color: #cfd8dc !important
}
.blue-grey-200, input[type="checkbox"].blue-grey-200.switch::after {
background-color: #b0bec5 !important
}
.blue-grey-300, input[type="checkbox"].blue-grey-300.switch::after {
background-color: #90a4ae !important
}
.black,
.blue-grey-400,
.blue-grey-500,
.blue-grey-600,
.blue-grey-700,
.blue-grey-800,
.blue-grey-900 {
color: rgba(255, 255, 255, .9)
}
.blue-grey-400, input[type="checkbox"].blue-grey-400.switch::after {
background-color: #78909c !important
}
.transparent {
background-color: rgba(0, 0, 0, 0) !important;
}
.blue-grey-500, input[type="checkbox"].blue-grey-500.switch::after {
background-color: #607d8b !important
}
.blue-grey-600, input[type="checkbox"].blue-grey-600.switch::after {
background-color: #546e7a !important
}
.blue-grey-700, input[type="checkbox"].blue-grey-700.switch::after {
background-color: #455a64 !important
}
.blue-grey-800, input[type="checkbox"].blue-grey-800.switch::after {
background-color: #37474f !important
}
.blue-grey-900, input[type="checkbox"].blue-grey-900.switch::after {
background-color: #263238 !important
}
.black, input[type="checkbox"].black.switch::after {
background-color: #000 !important
}
.black-opacity-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.black-opacity-70 {
background-color: rgba(0, 0, 0, 0.7);
}
.black-opacity-50 {
background-color: rgba(0, 0, 0, 0.5);
}
.black-opacity-30 {
background-color: rgba(0, 0, 0, 0.3);
}
.black-opacity-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.white {
color: rgba(0, 0, 0, .8);
background-color: #fff !important
}
.white-opacity-90 {
background-color: rgba(255, 255, 255, 0.9);
}
.white-opacity-70 {
background-color: rgba(255, 255, 255, 0.7);
}
.white-opacity-50 {
background-color: rgba(255, 255, 255, 0.5);
}
.white-opacity-30 {
background-color: rgba(255, 255, 255, 0.3);
}
.white-opacity-10 {
background-color: rgba(255, 255, 255, 0.1);
}
.text-red , i.red {
color: #f44336;
}
.text-red-50 , i.red-50 {
color: #ffebee;
}
.text-red-100 , i.red-100 {
color: #ffcdd2;
}
.text-red-200 , i.red-200 {
color: #ef9a9a;
}
.text-red-300 , i.red-300 {
color: #e57373;
}
.text-red-400 , i.red-400 {
color: #ef5350;
}
.text-red-500 , i.red-500 {
color: #f44336;
}
.text-red-600 , i.red-600 {
color: #e53935;
}
.text-red-700 , i.red-700 {
color: #d32f2f;
}
.text-red-800 , i.red-800 {
color: #c62828;
}
.text-red-900 , i.red-900 {
color: #b71c1c;
}
.text-pink , i.pink {
color: #E91E63;
}
.text-pink-50 , i.pink-50 {
color: #fce4ec;
}
.text-pink-100 , i.pink-100 {
color: #f8bbd0;
}
.text-pink-200 , i.pink-200 {
color: #f48fb1;
}
.text-Pink-300 , i.Pink-300 {
color: #f06292;
}
.text-pink-400 , i.pink-400 {
color: #ec407a;
}
.text-pink-500 , i.pink-500 {
color: #e91e63;
}
.text-pink-600 , i.pink-600 {
color: #d81b60;
}
.text-pink-700 , i.pink-700 {
color: #c2185b;
}
.text-pink-800 , i.pink-800 {
color: #ad1457;
}
.text-pink-900 , i.pink-900 {
color: #880e4f;
}
.text-purple , i.purple {
color: #9c27b0;
}
.text-purple-50 , i.purple-50 {
color: #f3e5f5;
}
.text-purple-100 , i.purple-100 {
color: #e1bee7;
}
.text-purple-200 , i.purple-200 {
color: #ce93d8;
}
.text-purple-300 , i.purple-300 {
color: #ba68c8;
}
.text-purple-400 , i.purple-400 {
color: #ab47bc;
}
.text-purple-500 , i.purple-500 {
color: #9c27b0;
}
.text-purple-600 , i.purple-600 {
color: #8e24aa;
}
.text-purple-700 , i.purple-700 {
color: #7b1fa2;
}
.text-purple-800 , i.purple-800 {
color: #6a1b9a;
}
.text-purple-900 , i.purple-900 {
color: #4a148c;
}
.text-deep-purple , i.deep-purple {
color: #673ab7;
}
.text-deep-purple-50 , i.deep-purple-50 {
color: #ede7f6;
}
.text-deep-purple-100 , i.deep-purple-100 {
color: #d1c4e9;
}
.text-deep-purple-200 , i.deep-purple-200 {
color: #b39ddb;
}
.text-deep-purple-300 , i.deep-purple-300 {
color: #9575cd;
}
.text-deep-purple-400 , i.deep-purple-400 {
color: #7e57c2;
}
.text-deep-purple-500 , i.deep-purple-500 {
color: #673ab7;
}
.text-deep-purple-600 , i.deep-purple-600 {
color: #5e35b1;
}
.text-deep-purple-700 , i.deep-purple-700 {
color: #512da8;
}
.text-deep-purple-800 , i.deep-purple-800 {
color: #4527a0;
}
.text-deep-purple-900 , i.deep-purple-900 {
color: #311b92;
}
.text-indigo , i.indigo {
color: #3f51b5;
}
.text-indigo-50 , i.indigo-50 {
color: #e8eaf6;
}
.text-indigo-100 , i.indigo-100 {
color: #c5cae9;
}
.text-indigo-200 , i.indigo-200 {
color: #9fa8da;
}
.text-indigo-300 , i.indigo-300 {
color: #7986cb;
}
.text-indigo-400 , i.indigo-400 {
color: #5c6bc0;
}
.text-indigo-500 , i.indigo-500 {
color: #3f51b5;
}
.text-indigo-600 , i.indigo-600 {
color: #3949ab;
}
.text-indigo-700 , i.indigo-700 {
color: #303f9f;
}
.text-indigo-800 , i.indigo-800 {
color: #283593;
}
.text-indigo-900 , i.indigo-900 {
color: #1a237e;
}
.text-blue , i.blue {
color: #2196F3;
}
.text-blue-50 , i.blue-50 {
color: #e3f2fd;
}
.text-blue-100 , i.blue-100 {
color: #bbdefb;
}
.text-blue-200 , i.blue-200 {
color: #90caf9;
}
.text-blue-300 , i.blue-300 {
color: #64b5f6;
}
.text-blue-400 , i.blue-400 {
color: #42a5f5;
}
.text-blue-500 , i.blue-500 {
color: #2196f3;
}
.text-blue-600 , i.blue-600 {
color: #1e88e5;
}
.text-blue-700 , i.blue-700 {
color: #1976d2;
}
.text-blue-800 , i.blue-800 {
color: #1565c0;
}
.text-blue-900 , i.blue-900 {
color: #0d47a1;
}
.text-light-blue , i.light-blue {
color: #03a9f4;
}
.text-light-blue-50 , i.light-blue-50 {
color: #e1f5fe;
}
.text-light-blue-100 , i.light-blue-100 {
color: #b3e5fc;
}
.text-light-blue-200 , i.light-blue-200 {
color: #81d4fa;
}
.text-light-blue-300 , i.light-blue-300 {
color: #4fc3f7;
}
.text-light-blue-400 , i.light-blue-400 {
color: #29b6f6;
}
.text-light-blue-500 , i.light-blue-500 {
color: #03a9f4;
}
.text-light-blue-600 , i.light-blue-600 {
color: #039be5;
}
.text-light-blue-700 , i.light-blue-700 {
color: #0288d1;
}
.text-light-blue-800 , i.light-blue-800 {
color: #0277bd;
}
.text-light-blue-900 , i.light-blue-900 {
color: #01579b;
}
.text-cyan , i.cyan {
color: #00bcd4;
}
.text-cyan-50 , i.cyan-50 {
color: #e0f7fa;
}
.text-cyan-100 , i.cyan-100 {
color: #b2ebf2;
}
.text-cyan-200 , i.cyan-200 {
color: #80deea;
}
.text-cyan-300 , i.cyan-300 {
color: #4dd0e1;
}
.text-cyan-400 , i.cyan-400 {
color: #26c6da;
}
.text-cyan-500 , i.cyan-500 {
color: #00bcd4;
}
.text-cyan-600 , i.cyan-600 {
color: #00acc1;
}
.text-cyan-700 , i.cyan-700 {
color: #0097a7;
}
.text-cyan-800 , i.cyan-800 {
color: #00838f;
}
.text-cyan-900 , i.cyan-900 {
color: #006064;
}
.text-teal , i.teal {
color: #009688;
}
.text-teal-50 , i.teal-50 {
color: #e0f2f1;
}
.text-teal-100 , i.teal-100 {
color: #b2dfdb;
}
.text-teal-200 , i.teal-200 {
color: #80cbc4;
}
.text-teal-300 , i.teal-300 {
color: #4db6ac;
}
.text-teal-400 , i.teal-400 {
color: #26a69a;
}
.text-teal-500 , i.teal-500 {
color: #009688;
}
.text-teal-600 , i.teal-600 {
color: #00897b;
}
.text-teal-700 , i.teal-700 {
color: #00796b;
}
.text-teal-800 , i.teal-800 {
color: #00695c;
}
.text-teal-900 , i.teal-900 {
color: #004d40;
}
.text-green , i.green {
color: #4caf50;
}
.text-green-50 , i.green-50 {
color: #e8f5e9;
}
.text-green-100 , i.green-100 {
color: #c8e6c9;
}
.text-green-200 , i.green-200 {
color: #a5d6a7;
}
.text-green-300 , i.green-300 {
color: #81c784;
}
.text-green-400 , i.green-400 {
color: #66bb6a;
}
.text-green-500 , i.green-500 {
color: #4caf50;
}
.text-green-600 , i.green-600 {
color: #43a047;
}
.text-green-700 , i.green-700 {
color: #388e3c;
}
.text-green-800 , i.green-800 {
color: #2e7d32;
}
.text-green-900 , i.green-900 {
color: #1b5e20;
}
.text-light-green , i.light-green {
color: #8bc34a;
}
.text-light-green-50 , i.light-green-50 {
color: #f1f8e9;
}
.text-light-green-100 , i.light-green-100 {
color: #dcedc8;
}
.text-light-green-200 , i.light-green-200 {
color: #c5e1a5;
}
.text-light-green-300 , i.light-green-300 {
color: #aed581;
}
.text-light-green-400 , i.light-green-400 {
color: #9ccc65;
}
.text-light-green-500 , i.light-green-500 {
color: #8bc34a;
}
.text-light-green-600 , i.light-green-600 {
color: #7cb342;
}
.text-light-green-700 , i.light-green-700 {
color: #689f38;
}
.text-light-green-800 , i.light-green-800 {
color: #558b2f;
}
.text-light-green-900 , i.light-green-900 {
color: #33691e;
}
.text-lime , i.lime {
color: #cddc39;
}
.text-lime-50 , i.lime-50 {
color: #f9fbe7;
}
.text-lime-100 , i.lime-100 {
color: #f0f4c3;
}
.text-lime-200 , i.lime-200 {
color: #e6ee9c;
}
.text-lime-300 , i.lime-300 {
color: #dce775;
}
.text-lime-400 , i.lime-400 {
color: #d4e157;
}
.text-lime-500 , i.lime-500 {
color: #cddc39;
}
.text-lime-600 , i.lime-600 {
color: #c0ca33;
}
.text-lime-700 , i.lime-700 {
color: #afb42b;
}
.text-lime-800 , i.lime-800 {
color: #9e9d24;
}
.text-lime-900 , i.lime-900 {
color: #827717;
}
.text-yellow , i.yellow {
color: #ffeb3b;
}
.text-yellow-50 , i.yellow-50 {
color: #fffde7;
}
.text-yellow-100 , i.yellow-100 {
color: #fff9c4;
}
.text-yellow-200 , i.yellow-200 {
color: #fff59d;
}
.text-yellow-300 , i.yellow-300 {
color: #fff176;
}
.text-yellow-400 , i.yellow-400 {
color: #ffee58;
}
.text-yellow-500 , i.yellow-500 {
color: #ffeb3b;
}
.text-yellow-600 , i.yellow-600 {
color: #fdd835;
}
.text-yellow-700 , i.yellow-700 {
color: #fbc02d;
}
.text-yellow-800 , i.yellow-800 {
color: #f9a825;
}
.text-yellow-900 , i.yellow-900 {
color: #f57f17;
}
.text-amber , i.amber {
color: #ffc107;
}
.text-amber-50 , i.amber-50 {
color: #fff8e1;
}
.text-amber-100 , i.amber-100 {
color: #ffecb3;
}
.text-amber-200 , i.amber-200 {
color: #ffe082;
}
.text-amber-300 , i.amber-300 {
color: #ffd54f;
}
.text-amber-400 , i.amber-400 {
color: #ffca28;
}
.text-amber-500 , i.amber-500 {
color: #ffc107;
}
.text-amber-600 , i.amber-600 {
color: #ffb300;
}
.text-amber-700 , i.amber-700 {
color: #ffa000;
}
.text-amber-800 , i.amber-800 {
color: #ff8f00;
}
.text-amber-900 , i.amber-900 {
color: #ff6f00;
}
.text-orange , i.orange {
color: #ff9800;
}
.text-orange-50 , i.orange-50 {
color: #fff3e0;
}
.text-orange-100 , i.orange-100 {
color: #ffe0b2;
}
.text-orange-200 , i.orange-200 {
color: #ffcc80;
}
.text-orange-300 , i.orange-300 {
color: #ffb74d;
}
.text-orange-400 , i.orange-400 {
color: #ffa726;
}
.text-orange-500 , i.orange-500 {
color: #ff9800;
}
.text-orange-600 , i.orange-600 {
color: #fb8c00;
}
.text-orange-700 , i.orange-700 {
color: #f57c00;
}
.text-orange-800 , i.orange-800 {
color: #ef6c00;
}
.text-orange-900 , i.orange-900 {
color: #e65100;
}
.text-deep-orange , i.deep-orange {
color: #ff5722;
}
.text-deep-orange-50 , i.deep-orange-50 {
color: #fbe9e7;
}
.text-deep-orange-100 , i.deep-orange-100 {
color: #ffccbc;
}
.text-deep-orange-200 , i.deep-orange-200 {
color: #ffab91;
}
.text-deep-orange-300 , i.deep-orange-300 {
color: #ff8a65;
}
.text-deep-orange-400 , i.deep-orange-400 {
color: #ff7043;
}
.text-deep-orange-500 , i.deep-orange-500 {
color: #ff5722;
}
.text-deep-orange-600 , i.deep-orange-600 {
color: #f4511e;
}
.text-deep-orange-700 , i.deep-orange-700 {
color: #e64a19;
}
.text-deep-orange-800 , i.deep-orange-800 {
color: #d84315;
}
.text-deep-orange-900 , i.deep-orange-900 {
color: #bf360c;
}
.text-brown , i.brown {
color: #795548;
}
.text-brown-50 , i.brown-50 {
color: #efebe9;
}
.text-brown-100 , i.brown-100 {
color: #d7ccc8;
}
.text-brown-200 , i.brown-200 {
color: #bcaaa4;
}
.text-brown-300 , i.brown-300 {
color: #a1887f;
}
.text-brown-400 , i.brown-400 {
color: #8d6e63;
}
.text-brown-500 , i.brown-500 {
color: #795548;
}
.text-brown-600 , i.brown-600 {
color: #6d4c41;
}
.text-brown-700 , i.brown-700 {
color: #5d4037;
}
.text-brown-800 , i.brown-800 {
color: #4e342e;
}
.text-brown-900 , i.brown-900 {
color: #3e2723;
}
.text-grey , i.grey {
color: #9e9e9e;
}
.text-grey-50 , i.grey-50 {
color: #fafafa;
}
.text-grey-100 , i.grey-100 {
color: #f5f5f5;
}
.text-grey-200 , i.grey-200 {
color: #eee;
}
.text-grey-300 , i.grey-300 {
color: #e0e0e0;
}
.text-grey-400 , i.grey-400 {
color: #bdbdbd;
}
.text-grey-500 , i.grey-500 {
color: #9e9e9e;
}
.text-grey-600 , i.grey-600 {
color: #757575;
}
.text-grey-700 , i.grey-700 {
color: #616161;
}
.text-grey-800 , i.grey-800 {
color: #424242;
}
.text-grey-900 , i.grey-900 {
color: #212121;
}
.text-blue-grey , i.blue-grey {
color: #607d8b;
}
.text-blue-grey-50 , i.blue-grey-50 {
color: #eceff1;
}
.text-blue-grey-100 , i.blue-grey-100 {
color: #cfd8dc;
}
.text-blue-grey-200 , i.blue-grey-200 {
color: #b0bec5;
}
.text-blue-grey-300 , i.blue-grey-300 {
color: #90a4ae;
}
.text-blue-grey-400 , i.blue-grey-400 {
color: #78909c;
}
.text-blue-grey-500 , i.blue-grey-500 {
color: #607d8b;
}
.text-blue-grey-600 , i.blue-grey-600 {
color: #546e7a;
}
.text-blue-grey-700 , i.blue-grey-700 {
color: #455a64;
}
.text-blue-grey-800 , i.blue-grey-800 {
color: #37474f;
}
.text-blue-grey-900 , i.blue-grey-900 {
color: #263238;
}
.text-black , i.black {
color: #000;
}
.text-white , i.white {
color: #fff;
}
.border-red {
border: 1px solid #f44336
}
.border-red-50 {
border: 1px solid #ffebee
}
.border-red-100 {
border: 1px solid #ffcdd2
}
.border-red-200 {
border: 1px solid #ef9a9a
}
.border-red-300 {
border: 1px solid #e57373
}
.border-red-400 {
border: 1px solid #ef5350
}
.border-red-500 {
border: 1px solid #f44336
}
.border-red-600 {
border: 1px solid #e53935
}
.border-red-700 {
border: 1px solid #d32f2f
}
.border-red-800 {
border: 1px solid #c62828
}
.border-red-900 {
border: 1px solid #b71c1c
}
.border-pink {
border: 1px solid #E91E63
}
.border-pink-50 {
border: 1px solid #fce4ec
}
.border-pink-100 {
border: 1px solid #f8bbd0
}
.border-pink-200 {
border: 1px solid #f48fb1
}
.border-pink-300 {
border: 1px solid #f06292
}
.border-pink-400 {
border: 1px solid #ec407a
}
.border-pink-500 {
border: 1px solid #e91e63
}
.border-pink-600 {
border: 1px solid #d81b60
}
.border-pink-700 {
border: 1px solid #c2185b
}
.border-pink-800 {
border: 1px solid #ad1457
}
.border-pink-900 {
border: 1px solid #880e4f
}
.border-purple {
border: 1px solid #9c27b0
}
.border-purple-50 {
border: 1px solid #f3e5f5
}
.border-purple-100 {
border: 1px solid #e1bee7
}
.border-purple-200 {
border: 1px solid #ce93d8
}
.border-purple-300 {
border: 1px solid #ba68c8
}
.border-purple-400 {
border: 1px solid #ab47bc
}
.border-purple-500 {
border: 1px solid #9c27b0
}
.border-purple-600 {
border: 1px solid #8e24aa
}
.border-purple-700 {
border: 1px solid #7b1fa2
}
.border-purple-800 {
border: 1px solid #6a1b9a
}
.border-purple-900 {
border: 1px solid #4a148c
}
.border-deep-purple {
border: 1px solid #673ab7
}
.border-deep-purple-50 {
border: 1px solid #ede7f6
}
.border-deep-purple-100 {
border: 1px solid #d1c4e9
}
.border-deep-purple-200 {
border: 1px solid #b39ddb
}
.border-deep-purple-300 {
border: 1px solid #9575cd
}
.border-deep-purple-400 {
border: 1px solid #7e57c2
}
.border-deep-purple-500 {
border: 1px solid #673ab7
}
.border-deep-purple-600 {
border: 1px solid #5e35b1
}
.border-deep-purple-700 {
border: 1px solid #512da8
}
.border-deep-purple-800 {
border: 1px solid #4527a0
}
.border-deep-purple-900 {
border: 1px solid #311b92
}
.border-indigo {
border: 1px solid #3f51b5
}
.border-indigo-50 {
border: 1px solid #e8eaf6
}
.border-indigo-100 {
border: 1px solid #c5cae9
}
.border-indigo-200 {
border: 1px solid #9fa8da
}
.border-indigo-300 {
border: 1px solid #7986cb
}
.border-indigo-400 {
border: 1px solid #5c6bc0
}
.border-indigo-500 {
border: 1px solid #3f51b5
}
.border-indigo-600 {
border: 1px solid #3949ab
}
.border-indigo-700 {
border: 1px solid #303f9f
}
.border-indigo-800 {
border: 1px solid #283593
}
.border-indigo-900 {
border: 1px solid #1a237e
}
.border-blue {
border: 1px solid #2196F3
}
.border-blue-50 {
border: 1px solid #e3f2fd
}
.border-blue-100 {
border: 1px solid #bbdefb
}
.border-blue-200 {
border: 1px solid #90caf9
}
.border-blue-300 {
border: 1px solid #64b5f6
}
.border-blue-400 {
border: 1px solid #42a5f5
}
.border-blue-500 {
border: 1px solid #2196f3
}
.border-blue-600 {
border: 1px solid #1e88e5
}
.border-blue-700 {
border: 1px solid #1976d2
}
.border-blue-800 {
border: 1px solid #1565c0
}
.border-blue-900 {
border: 1px solid #0d47a1
}
.border-light-blue {
border: 1px solid #03a9f4
}
.border-light-blue-50 {
border: 1px solid #e1f5fe
}
.border-light-blue-100 {
border: 1px solid #b3e5fc
}
.border-light-blue-200 {
border: 1px solid #81d4fa
}
.border-light-blue-300 {
border: 1px solid #4fc3f7
}
.border-light-blue-400 {
border: 1px solid #29b6f6
}
.border-light-blue-500 {
border: 1px solid #03a9f4
}
.border-light-blue-600 {
border: 1px solid #039be5
}
.border-light-blue-700 {
border: 1px solid #0288d1
}
.border-light-blue-800 {
border: 1px solid #0277bd
}
.border-light-blue-900 {
border: 1px solid #01579b
}
.border-cyan {
border: 1px solid #00bcd4
}
.border-cyan-50 {
border: 1px solid #e0f7fa
}
.border-cyan-100 {
border: 1px solid #b2ebf2
}
.border-cyan-200 {
border: 1px solid #80deea
}
.border-cyan-300 {
border: 1px solid #4dd0e1
}
.border-cyan-400 {
border: 1px solid #26c6da
}
.border-cyan-500 {
border: 1px solid #00bcd4
}
.border-cyan-600 {
border: 1px solid #00acc1
}
.border-cyan-700 {
border: 1px solid #0097a7
}
.border-cyan-800 {
border: 1px solid #00838f
}
.border-cyan-900 {
border: 1px solid #006064
}
.border-teal {
border: 1px solid #009688
}
.border-teal-50 {
border: 1px solid #e0f2f1
}
.border-teal-100 {
border: 1px solid #b2dfdb
}
.border-teal-200 {
border: 1px solid #80cbc4
}
.border-teal-300 {
border: 1px solid #4db6ac
}
.border-teal-400 {
border: 1px solid #26a69a
}
.border-teal-500 {
border: 1px solid #009688
}
.border-teal-600 {
border: 1px solid #00897b
}
.border-teal-700 {
border: 1px solid #00796b
}
.border-teal-800 {
border: 1px solid #00695c
}
.border-teal-900 {
border: 1px solid #004d40
}
.border-green {
border: 1px solid #4caf50
}
.border-green-50 {
border: 1px solid #e8f5e9
}
.border-green-100 {
border: 1px solid #c8e6c9
}
.border-green-200 {
border: 1px solid #a5d6a7
}
.border-green-300 {
border: 1px solid #81c784
}
.border-green-400 {
border: 1px solid #66bb6a
}
.border-green-500 {
border: 1px solid #4caf50
}
.border-green-600 {
border: 1px solid #43a047
}
.border-green-700 {
border: 1px solid #388e3c
}
.border-green-800 {
border: 1px solid #2e7d32
}
.border-green-900 {
border: 1px solid #1b5e20
}
.border-light-green {
border: 1px solid #8bc34a
}
.border-light-green-50 {
border: 1px solid #f1f8e9
}
.border-light-green-100 {
border: 1px solid #dcedc8
}
.border-light-green-200 {
border: 1px solid #c5e1a5
}
.border-light-green-300 {
border: 1px solid #aed581
}
.border-light-green-400 {
border: 1px solid #9ccc65
}
.border-light-green-500 {
border: 1px solid #8bc34a
}
.border-light-green-600 {
border: 1px solid #7cb342
}
.border-light-green-700 {
border: 1px solid #689f38
}
.border-light-green-800 {
border: 1px solid #558b2f
}
.border-light-green-900 {
border: 1px solid #33691e
}
.border-lime {
border: 1px solid #cddc39
}
.border-lime-50 {
border: 1px solid #f9fbe7
}
.border-lime-100 {
border: 1px solid #f0f4c3
}
.border-lime-200 {
border: 1px solid #e6ee9c
}
.border-lime-300 {
border: 1px solid #dce775
}
.border-lime-400 {
border: 1px solid #d4e157
}
.border-lime-500 {
border: 1px solid #cddc39
}
.border-lime-600 {
border: 1px solid #c0ca33
}
.border-lime-700 {
border: 1px solid #afb42b
}
.border-lime-800 {
border: 1px solid #9e9d24
}
.border-lime-900 {
border: 1px solid #827717
}
.border-yellow {
border: 1px solid #ffeb3b
}
.border-yellow-50 {
border: 1px solid #fffde7
}
.border-yellow-100 {
border: 1px solid #fff9c4
}
.border-yellow-200 {
border: 1px solid #fff59d
}
.border-yellow-300 {
border: 1px solid #fff176
}
.border-yellow-400 {
border: 1px solid #ffee58
}
.border-yellow-500 {
border: 1px solid #ffeb3b
}
.border-yellow-600 {
border: 1px solid #fdd835
}
.border-yellow-700 {
border: 1px solid #fbc02d
}
.border-yellow-800 {
border: 1px solid #f9a825
}
.border-yellow-900 {
border: 1px solid #f57f17
}
.border-amber {
border: 1px solid #ffc107
}
.border-amber-50 {
border: 1px solid #fff8e1
}
.border-amber-100 {
border: 1px solid #ffecb3
}
.border-amber-200 {
border: 1px solid #ffe082
}
.border-amber-300 {
border: 1px solid #ffd54f
}
.border-amber-400 {
border: 1px solid #ffca28
}
.border-amber-500 {
border: 1px solid #ffc107
}
.border-amber-600 {
border: 1px solid #ffb300
}
.border-amber-700 {
border: 1px solid #ffa000
}
.border-amber-800 {
border: 1px solid #ff8f00
}
.border-amber-900 {
border: 1px solid #ff6f00
}
.border-orange {
border: 1px solid #ff9800
}
.border-orange-50 {
border: 1px solid #fff3e0
}
.border-orange-100 {
border: 1px solid #ffe0b2
}
.border-orange-200 {
border: 1px solid #ffcc80
}
.border-orange-300 {
border: 1px solid #ffb74d
}
.border-orange-400 {
border: 1px solid #ffa726
}
.border-orange-500 {
border: 1px solid #ff9800
}
.border-orange-600 {
border: 1px solid #fb8c00
}
.border-orange-700 {
border: 1px solid #f57c00
}
.border-orange-800 {
border: 1px solid #ef6c00
}
.border-orange-900 {
border: 1px solid #e65100
}
.border-deep-orange {
border: 1px solid #ff5722
}
.border-deep-orange-50 {
border: 1px solid #fbe9e7
}
.border-deep-orange-100 {
border: 1px solid #ffccbc
}
.border-deep-orange-200 {
border: 1px solid #ffab91
}
.border-deep-orange-300 {
border: 1px solid #ff8a65
}
.border-deep-orange-400 {
border: 1px solid #ff7043
}
.border-deep-orange-500 {
border: 1px solid #ff5722
}
.border-deep-orange-600 {
border: 1px solid #f4511e
}
.border-deep-orange-700 {
border: 1px solid #e64a19
}
.border-deep-orange-800 {
border: 1px solid #d84315
}
.border-deep-orange-900 {
border: 1px solid #bf360c
}
.border-brown {
border: 1px solid #795548
}
.border-brown-50 {
border: 1px solid #efebe9
}
.border-brown-100 {
border: 1px solid #d7ccc8
}
.border-brown-200 {
border: 1px solid #bcaaa4
}
.border-brown-300 {
border: 1px solid #a1887f
}
.border-brown-400 {
border: 1px solid #8d6e63
}
.border-brown-500 {
border: 1px solid #795548
}
.border-brown-600 {
border: 1px solid #6d4c41
}
.border-brown-700 {
border: 1px solid #5d4037
}
.border-brown-800 {
border: 1px solid #4e342e
}
.border-brown-900 {
border: 1px solid #3e2723
}
.border-grey {
border: 1px solid #9e9e9e
}
.border-grey-50 {
border: 1px solid #fafafa
}
.border-grey-100 {
border: 1px solid #f5f5f5
}
.border-grey-200 {
border: 1px solid #eee
}
.border-grey-300 {
border: 1px solid #e0e0e0
}
.border-grey-400 {
border: 1px solid #bdbdbd
}
.border-grey-500 {
border: 1px solid #9e9e9e
}
.border-grey-600 {
border: 1px solid #757575
}
.border-grey-700 {
border: 1px solid #616161
}
.border-grey-800 {
border: 1px solid #424242
}
.border-grey-900 {
border: 1px solid #212121
}
.border-blue-grey {
border: 1px solid #607d8b
}
.border-blue-grey-50 {
border: 1px solid #eceff1
}
.border-blue-grey-100 {
border: 1px solid #cfd8dc
}
.border-blue-grey-200 {
border: 1px solid #b0bec5
}
.border-blue-grey-300 {
border: 1px solid #90a4ae
}
.border-blue-grey-400 {
border: 1px solid #78909c
}
.border-blue-grey-500 {
border: 1px solid #607d8b
}
.border-blue-grey-600 {
border: 1px solid #546e7a
}
.border-blue-grey-700 {
border: 1px solid #455a64
}
.border-blue-grey-800 {
border: 1px solid #37474f
}
.border-blue-grey-900 {
border: 1px solid #263238
}
.border-black {
border: 1px solid #000
}
.border-white {
border: 1px solid #fff
}
================================================
FILE: base/colors.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Raleway:400,700|Roboto:300,400,900," rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">
<link rel="stylesheet" href="../base/reset.css">
<link rel="stylesheet" href="../base/mobileui.css">
<link rel="stylesheet" href="../base/colors.css">
<link rel="stylesheet" href="../base/icons.css">
<link rel="stylesheet" href="../button/style.css">
<link rel="stylesheet" href="../list/style.css">
<link rel="stylesheet" href="../header/style.css">
<link rel="stylesheet" href="../grid/style.css">
<link rel="stylesheet" href="../assets/css/master.css">
<style>
.content-land { margin-left:50px}
</style>
</head>
<body class="content-land">
<!-- BEGIN -->
<h2 class="title-doc" id="_DOC_GENERATE_SPACE_">Colors</h2>
<p>MobileUI uses the suggestions material design colors because material takes cues from contemporary architecture, road signs, pavement marking tape, and athletic courts. Color should be unexpected and vibrant.</p>
<p>This color palette comprises primary and accent colors that can be used for illustration or to develop your brand colors. They’ve been designed to work harmoniously with each other. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Android, Web, and iOS.</p>
<p>Themes enable consistent app styling through surface shades, shadow depth, and ink opacity.</p>
<p>
The theme's colors are in base MobileUI, to use it install base through the command:
</p>
<pre>mobileui install base</pre>
<p>And just add the class in your component to use the color, example: </p>
<textarea class="bind-code" mode="text/html" header-absolute="true" replace="body,div|grey-100,grey-100 body" height-preview="430px">
<body class="grey-100">
<div class="header indigo">
<button class="left icon ion-navicon"></button>
<button class="right icon ion-plus-circled"></button>
</div>
<div class="content has-header">
<div class="row padding indigo">
<div class="col-25 padding">
<img class="avatar circle" src="../assets/img/33.jpg" />
</div>
<div class="col padding">
<h1 class="text-big text-light">Jeanette Fletcher</h1>
<p class="text-blue-200">jeanette.fletcher15@example.com</p>
</div>
</div>
<div class="row align-center">
<div class="col padding light-blue">
<h1 class="text-huge text-strong">12</h1>
<p>remaning tasks</p>
</div>
<div class="col padding pink-400">
<h1 class="text-huge text-strong">32</h1>
<p>completed tasks</p>
</div>
</div>
<div class="list no-border">
<div class="item border-bottom text-grey-300">
<h1 class="text-grey-600 text-light">Finish landing page concept</h1>
<span class="purple radius padding text-small">design</span>
<span class="blue radius padding text-small">freelance</span>
<span class="red radius padding text-small">web</span>
<i class="right icon ion-ios-arrow-right text-grey-700 text-huge"></i>
</div>
<div class="item border-bottom text-grey-300">
<h1 class="text-grey-600 text-light">Design app illustrations</h1>
<span class="purple radius padding text-small">design</span>
<span class="blue radius padding text-small">freelance</span>
<span class="green radius padding text-small">mobile</span>
<i class="right icon ion-ios-arrow-right text-grey-700 text-huge"></i>
</div>
</div>
</div>
</body></textarea>
<h3 class="sub-title-doc">Colors MobileUI:</h3>
<div class="color-palettes">
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #f44336;">red</li>
<li class="color dark" style="background-color: #ffebee;">red-50</li>
<li class="color dark" style="background-color: #ffcdd2;">red-100</li>
<li class="color dark" style="background-color: #ef9a9a">red-200</li>
<li class="color dark" style="background-color: #e57373;">red-300</li>
<li class="color" style="background-color: #ef5350;">red-400</li>
<li class="color" style="background-color: #f44336;">red-500</li>
<li class="color" style="background-color: #e53935;">red-600</li>
<li class="color" style="background-color: #d32f2f;">red-700</li>
<li class="color" style="background-color: #c62828;">red-800</li>
<li class="color" style="background-color: #b71c1c;">red-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #E91E63;">pink</li>
<li class="color dark" style="background-color: #fce4ec;">pink-50</li>
<li class="color dark" style="background-color: #f8bbd0;">pink-100</li>
<li class="color dark" style="background-color: #f48fb1;">pink-200</li>
<li class="color light-strong" style="background-color: #f06292;">Pink-300</li>
<li class="color " style="background-color: #ec407a;">pink-400</li>
<li class="color" style="background-color: #e91e63;">pink-500</li>
<li class="color" style="background-color: #d81b60;">pink-600</li>
<li class="color" style="background-color: #c2185b;">pink-700</li>
<li class="color" style="background-color: #ad1457;">pink-800</li>
<li class="color" style="background-color: #880e4f;">pink-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #9c27b0;">purple</li>
<li class="color dark" style="background-color: #f3e5f5;">purple-50</li>
<li class="color dark" style="background-color: #e1bee7;">purple-100</li>
<li class="color dark" style="background-color: #ce93d8;">purple-200</li>
<li class="color light-strong" style="background-color: #ba68c8;">purple-300</li>
<li class="color light-strong" style="background-color: #ab47bc;">purple-400</li>
<li class="color" style="background-color: #9c27b0;">purple-500</li>
<li class="color" style="background-color: #8e24aa;">purple-600</li>
<li class="color" style="background-color: #7b1fa2;">purple-700</li>
<li class="color" style="background-color: #6a1b9a;">purple-800</li>
<li class="color" style="background-color: #4a148c;">purple-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #673ab7;">deep-purple</li>
<li class="color dark" style="background-color: #ede7f6;">deep-purple-50</li>
<li class="color dark" style="background-color: #d1c4e9;">deep-purple-100</li>
<li class="color dark" style="background-color: #b39ddb;">deep-purple-200</li>
<li class="color" style="background-color: #9575cd;">deep-purple-300</li>
<li class="color" style="background-color: #7e57c2;">deep-purple-400</li>
<li class="color" style="background-color: #673ab7;">deep-purple-500</li>
<li class="color" style="background-color: #5e35b1;">deep-purple-600</li>
<li class="color" style="background-color: #512da8;">deep-purple-700</li>
<li class="color" style="background-color: #4527a0;">deep-purple-800</li>
<li class="color" style="background-color: #311b92;">deep-purple-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #3f51b5;">indigo</li>
<li class="color dark" style="background-color: #e8eaf6;">indigo-50</li>
<li class="color dark" style="background-color: #c5cae9;">indigo-100</li>
<li class="color dark" style="background-color: #9fa8da;">indigo-200</li>
<li class="color" style="background-color: #7986cb;">indigo-300</li>
<li class="color" style="background-color: #5c6bc0;">indigo-400</li>
<li class="color" style="background-color: #3f51b5;">indigo-500</li>
<li class="color" style="background-color: #3949ab;">indigo-600</li>
<li class="color" style="background-color: #303f9f;">indigo-700</li>
<li class="color" style="background-color: #283593;">indigo-800</li>
<li class="color" style="background-color: #1a237e;">indigo-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #2196F3;">blue</li>
<li class="color dark" style="background-color: #e3f2fd;">blue-50</li>
<li class="color dark" style="background-color: #bbdefb;">blue-100</li>
<li class="color dark" style="background-color: #90caf9;">blue-200</li>
<li class="color dark" style="background-color: #64b5f6;">blue-300</li>
<li class="color dark" style="background-color: #42a5f5;">blue-400</li>
<li class="color light-strong" style="background-color: #2196f3;">blue-500</li>
<li class="color" style="background-color: #1e88e5;">blue-600</li>
<li class="color" style="background-color: #1976d2;">blue-700</li>
<li class="color" style="background-color: #1565c0;">blue-800</li>
<li class="color" style="background-color: #0d47a1;">blue-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #03a9f4;">light-blue</li>
<li class="color dark" style="background-color: #e1f5fe;">light-blue-50</li>
<li class="color dark" style="background-color: #b3e5fc;">light-blue-100</li>
<li class="color dark" style="background-color: #81d4fa;">light-blue-200</li>
<li class="color dark" style="background-color: #4fc3f7;">light-blue-300</li>
<li class="color dark" style="background-color: #29b6f6;">light-blue-400</li>
<li class="color dark" style="background-color: #03a9f4;">light-blue-500</li>
<li class="color light-strong" style="background-color: #039be5;">light-blue-600</li>
<li class="color" style="background-color: #0288d1;">light-blue-700</li>
<li class="color" style="background-color: #0277bd;">light-blue-800</li>
<li class="color" style="background-color: #01579b;">light-blue-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #00bcd4;">cyan</li>
<li class="color dark" style="background-color: #e0f7fa;">cyan-50</li>
<li class="color dark" style="background-color: #b2ebf2;">cyan-100</li>
<li class="color dark" style="background-color: #80deea;">cyan-200</li>
<li class="color dark" style="background-color: #4dd0e1;">cyan-300</li>
<li class="color dark" style="background-color: #26c6da;">cyan-400</li>
<li class="color dark" style="background-color: #00bcd4;">cyan-500</li>
<li class="color dark" style="background-color: #00acc1;">cyan-600</li>
<li class="color" style="background-color: #0097a7;">cyan-700</li>
<li class="color" style="background-color: #00838f;">cyan-800</li>
<li class="color" style="background-color: #006064;">cyan-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #009688;">teal</li>
<li class="color dark" style="background-color: #e0f2f1;">teal-50</li>
<li class="color dark" style="background-color: #b2dfdb;">teal-100</li>
<li class="color dark" style="background-color: #80cbc4;">teal-200</li>
<li class="color dark" style="background-color: #4db6ac;">teal-300</li>
<li class="color dark" style="background-color: #26a69a;">teal-400</li>
<li class="color light-strong" style="background-color: #009688;">teal-500</li>
<li class="color light-strong" style="background-color: #00897b;">teal-600</li>
<li class="color light-strong" style="background-color: #00796b;">teal-700</li>
<li class="color" style="background-color: #00695c;">teal-800</li>
<li class="color" style="background-color: #004d40;">teal-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #4caf50;">green</li>
<li class="color dark" style="background-color: #e8f5e9;">green-50</li>
<li class="color dark" style="background-color: #c8e6c9;">green-100</li>
<li class="color dark" style="background-color: #a5d6a7;">green-200</li>
<li class="color dark" style="background-color: #81c784;">green-300</li>
<li class="color dark" style="background-color: #66bb6a;">green-400</li>
<li class="color dark" style="background-color: #4caf50;">green-500</li>
<li class="color light-strong" style="background-color: #43a047;">green-600</li>
<li class="color" style="background-color: #388e3c;">green-700</li>
<li class="color" style="background-color: #2e7d32;">green-800</li>
<li class="color" style="background-color: #1b5e20;">green-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #8bc34a;">light-green</li>
<li class="color dark" style="background-color: #f1f8e9;">light-green-50</li>
<li class="color dark" style="background-color: #dcedc8;">light-green-100</li>
<li class="color dark" style="background-color: #c5e1a5;">light-green-200</li>
<li class="color dark" style="background-color: #aed581;">light-green-300</li>
<li class="color dark" style="background-color: #9ccc65;">light-green-400</li>
<li class="color dark" style="background-color: #8bc34a;">light-green-500</li>
<li class="color dark" style="background-color: #7cb342;">light-green-600</li>
<li class="color light-strong" style="background-color: #689f38;">light-green-700</li>
<li class="color" style="background-color: #558b2f;">light-green-800</li>
<li class="color" style="background-color: #33691e;">light-green-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #cddc39;">lime</li>
<li class="color dark" style="background-color: #f9fbe7;">lime-50</li>
<li class="color dark" style="background-color: #f0f4c3;">lime-100</li>
<li class="color dark" style="background-color: #e6ee9c;">lime-200</li>
<li class="color dark" style="background-color: #dce775;">lime-300</li>
<li class="color dark" style="background-color: #d4e157;">lime-400</li>
<li class="color dark" style="background-color: #cddc39;">lime-500</li>
<li class="color dark" style="background-color: #c0ca33;">lime-600</li>
<li class="color dark" style="background-color: #afb42b;">lime-700</li>
<li class="color dark" style="background-color: #9e9d24;">lime-800</li>
<li class="color" style="background-color: #827717;">lime-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #ffeb3b;">yellow</li>
<li class="color dark" style="background-color: #fffde7;">yellow-50</li>
<li class="color dark" style="background-color: #fff9c4;">yellow-100</li>
<li class="color dark" style="background-color: #fff59d;">yellow-200</li>
<li class="color dark" style="background-color: #fff176;">yellow-300</li>
<li class="color dark" style="background-color: #ffee58;">yellow-400</li>
<li class="color dark" style="background-color: #ffeb3b;">yellow-500</li>
<li class="color dark" style="background-color: #fdd835;">yellow-600</li>
<li class="color dark" style="background-color: #fbc02d;">yellow-700</li>
<li class="color dark" style="background-color: #f9a825;">yellow-800</li>
<li class="color dark" style="background-color: #f57f17;">yellow-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #ffc107;">amber</li>
<li class="color dark" style="background-color: #fff8e1;">amber-50</li>
<li class="color dark" style="background-color: #ffecb3;">amber-100</li>
<li class="color dark" style="background-color: #ffe082;">amber-200</li>
<li class="color dark" style="background-color: #ffd54f;">amber-300</li>
<li class="color dark" style="background-color: #ffca28;">amber-400</li>
<li class="color dark" style="background-color: #ffc107;">amber-500</li>
<li class="color dark" style="background-color: #ffb300;">amber-600</li>
<li class="color dark" style="background-color: #ffa000;">amber-700</li>
<li class="color dark" style="background-color: #ff8f00;">amber-800</li>
<li class="color dark" style="background-color: #ff6f00;">amber-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #ff9800;">orange</li>
<li class="color dark" style="background-color: #fff3e0;">orange-50</li>
<li class="color dark" style="background-color: #ffe0b2;">orange-100</li>
<li class="color dark" style="background-color: #ffcc80;">orange-200</li>
<li class="color dark" style="background-color: #ffb74d;">orange-300</li>
<li class="color dark" style="background-color: #ffa726;">orange-400</li>
<li class="color dark" style="background-color: #ff9800;">orange-500</li>
<li class="color dark" style="background-color: #fb8c00;">orange-600</li>
<li class="color dark" style="background-color: #f57c00;">orange-700</li>
<li class="color light-strong" style="background-color: #ef6c00;">orange-800</li>
<li class="color" style="background-color: #e65100;">orange-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #ff5722;">deep-orange</li>
<li class="color dark" style="background-color: #fbe9e7;">deep-orange-50</li>
<li class="color dark" style="background-color: #ffccbc;">deep-orange-100</li>
<li class="color dark" style="background-color: #ffab91;">deep-orange-200</li>
<li class="color dark" style="background-color: #ff8a65;">deep-orange-300</li>
<li class="color dark" style="background-color: #ff7043;">deep-orange-400</li>
<li class="color light-strong" style="background-color: #ff5722;">deep-orange-500</li>
<li class="color" style="background-color: #f4511e;">deep-orange-600</li>
<li class="color" style="background-color: #e64a19;">deep-orange-700</li>
<li class="color" style="background-color: #d84315;">deep-orange-800</li>
<li class="color" style="background-color: #bf360c;">deep-orange-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #795548;">brown</li>
<li class="color dark" style="background-color: #efebe9;">brown-50</li>
<li class="color dark" style="background-color: #d7ccc8;">brown-100</li>
<li class="color dark" style="background-color: #bcaaa4;">brown-200</li>
<li class="color light-strong" style="background-color: #a1887f;">brown-300</li>
<li class="color" style="background-color: #8d6e63;">brown-400</li>
<li class="color" style="background-color: #795548;">brown-500</li>
<li class="color" style="background-color: #6d4c41;">brown-600</li>
<li class="color" style="background-color: #5d4037;">brown-700</li>
<li class="color" style="background-color: #4e342e;">brown-800</li>
<li class="color" style="background-color: #3e2723;">brown-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #9e9e9e;">grey</li>
<li class="color dark" style="background-color: #fafafa;">grey-50</li>
<li class="color dark" style="background-color: #f5f5f5;">grey-100</li>
<li class="color dark" style="background-color: #eeeeee;">grey-200</li>
<li class="color dark" style="background-color: #e0e0e0;">grey-300</li>
<li class="color dark" style="background-color: #bdbdbd;">grey-400</li>
<li class="color dark" style="background-color: #9e9e9e;">grey-500</li>
<li class="color" style="background-color: #757575;">grey-600</li>
<li class="color" style="background-color: #616161;">grey-700</li>
<li class="color" style="background-color: #424242;">grey-800</li>
<li class="color" style="background-color: #212121;">grey-900</li>
</ul>
</section>
<section class="color-group">
<ul>
<li class="color main-color" style="background-color: #607d8b;">blue-grey</li>
<li class="color dark" style="background-color: #eceff1;">blue-grey-50</li>
<li class="color dark" style="background-color: #cfd8dc;">blue-grey-100</li>
<li class="color dark" style="background-color: #b0bec5;">blue-grey-200</li>
<li class="color dark" style="background-color: #90a4ae;">blue-grey-300</li>
<li class="color light-strong" style="background-color: #78909c;">blue-grey-400</li>
<li class="color" style="background-color: #607d8b;">blue-grey-500</li>
<li class="color" style="background-color: #546e7a;">blue-grey-600</li>
<li class="color" style="background-color: #455a64;">blue-grey-700</li>
<li class="color" style="background-color: #37474f;">blue-grey-800</li>
<li class="color" style="background-color: #263238;">blue-grey-900</li>
</ul>
</section>
<section class="color-group" style="background-image:url(../assets/img/roller.jpg);background-size:cover">
<ul>
<li class="color" style="background-color: #000000;">black</li>
<li class="color dark" style="background-color: #ffffff;">white</li>
<li class="color" style="background-color: rgba(0,0,0,0.9);">black-opacity-90</li>
<li class="color dark" style="background-color: rgba(255,255,255,0.9);">white-opacity-90</li>
<li class="color" style="background-color: rgba(0,0,0,0.8);">black-opacity-70</li>
<li class="color dark" style="background-color: rgba(255,255,255,0.7);">white-opacity-70</li>
<li class="color" style="background-color: rgba(0,0,0,0.7);">black-opacity-50</li>
<li class="color dark" style="background-color: rgba(255,255,255,0.5);">white-opacity-50</li>
<li class="color" style="background-color: rgba(0,0,0,0.6);">black-opacity-30</li>
<li class="color dark" style="background-color: rgba(255,255,255,0.3);">white-opacity-30</li>
<li class="color" style="background-color: rgba(0,0,0,0.5);">black-opacity-10</li>
<li class="color dark" style="background-color: rgba(255,255,255,0.1);">white-opacity-10</li>
</ul>
</section>
</div>
<!-- DONE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>
<script type="text/javascript" src="../assets/js/main.js"></script>
</body>
</html>
================================================
FILE: base/component.json
================================================
{
"name":"base",
"dependencies": [],
"files":[
"fonts/ionicons.woff",
"fonts/roboto.woff2",
"fonts/robotoblack.woff2",
"fonts/robotolight.woff2"
]
}
================================================
FILE: base/font.css
================================================
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(fonts/robotolight.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(fonts/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(fonts/robotoblack.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
================================================
FILE: base/fonts.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Raleway:400,700|Roboto:300,400,900," rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monoton|Open+Sans:300" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="mobileui.css">
<link rel="stylesheet" href="colors.css">
<link rel="stylesheet" href="icons.css">
<link rel="stylesheet" href="../assets/css/master.css">
<style>
.content { margin-left:50px}
</style>
</head>
<body class="content">
<!-- BEGIN -->
<h2 class="title-doc" id="_DOC_GENERATE_SPACE_">Fonts</h2>
<p>
One of MobileUI's primary concerns is UX Design, so we offer a easy way to install new fonts in your web apps.
</p>
<p>
You can install any source in the <a href="https://fonts.google.com" target="_blank">Google Fonts</a> repository.
Example, I want to install the fonts <a href="https://fonts.google.com/?selection.family=Monoton|Open+Sans:300&query=open" target="_blank">Open Sans light and Monoton</a>,
my command would look like this:
</p>
<pre>mobileui install font "Monoton|Open+Sans:300"</pre>
<textarea class="bind-code" mode="text/html">
<div class="blue align-center padding">
<h1 style="font-family: 'Monoton', cursive;font-size:50px">
Google Fonts
</h1>
<h2 style="font-family: 'Open Sans', sans-serif;font-size:22px">
Making the web more beautiful, fast, and open through great typography
</h2>
</div></textarea>
<!-- DONE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>
<script type="text/javascript" src="../assets/js/main.js"></script>
</body>
</html>
================================================
FILE: base/icons.css
================================================
@font-face {
font-family: Ionicons;
src: url(fonts/ionicons.woff?v=2.0.0) format("woff");
font-weight: 400;
font-style: normal
}
i.icon {
background: none !important;
}
.ion,
.ion-alert-circled:before,
.ion-alert:before,
.ion-android-add-circle:before,
.ion-android-add:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-cloud:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done-all:before,
.ion-android-done:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite-outline:before,
.ion-android-favorite:before,
.ion-android-film:before,
.ion-android-folder-open:before,
.ion-android-folder:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone-off:before,
.ion-android-microphone:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-notifications:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person-add:before,
.ion-android-person:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove-circle:before,
.ion-android-remove:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share-alt:before,
.ion-android-share:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-star:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace-outline:before,
.ion-backspace:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox-working:before,
.ion-chatbox:before,
.ion-chatboxes:before,
.ion-chatbubble-working:before,
.ion-chatbubble:before,
.ion-chatbubbles:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-checkmark:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-close:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-code:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document-text:before,
.ion-document:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email-unread:before,
.ion-email:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-erlenmeyer-flask:before,
.ion-eye-disabled:before,
.ion-eye:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash-off:before,
.ion-flash:before,
.ion-folder:before,
.ion-fork-repo:before,
.ion-fork:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy-outline:before,
.ion-happy:before,
.ion-headphone:before,
.ion-heart-broken:before,
.ion-heart:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-help:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information-circled:before,
.ion-information:before,
.ion-ionic:before,
.ion-ios-alarm-outline:before,
.ion-ios-alarm:before,
.ion-ios-albums-outline:before,
.ion-ios-albums:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-analytics-outline:before,
.ion-ios-analytics:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at-outline:before,
.ion-ios-at:before,
.ion-ios-barcode-outline:before,
.ion-ios-barcode:before,
.ion-ios-baseball-outline:before,
.ion-ios-baseball:before,
.ion-ios-basketball-outline:before,
.ion-ios-basketball:before,
.ion-ios-bell-outline:before,
.ion-ios-bell:before,
.ion-ios-body-outline:before,
.ion-ios-body:before,
.ion-ios-bolt-outline:before,
.ion-ios-bolt:before,
.ion-ios-book-outline:before,
.ion-ios-book:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-box-outline:before,
.ion-ios-box:before,
.ion-ios-briefcase-outline:before,
.ion-ios-briefcase:before,
.ion-ios-browsers-outline:before,
.ion-ios-browsers:before,
.ion-ios-calculator-outline:before,
.ion-ios-calculator:before,
.ion-ios-calendar-outline:before,
.ion-ios-calendar:before,
.ion-ios-camera-outline:before,
.ion-ios-camera:before,
.ion-ios-cart-outline:before,
.ion-ios-cart:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-checkmark:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock-outline:before,
.ion-ios-clock:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-close:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cog-outline:before,
.ion-ios-cog:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-wand-outline:before,
.ion-ios-color-wand:before,
.ion-ios-compose-outline:before,
.ion-ios-compose:before,
.ion-ios-contact-outline:before,
.ion-ios-contact:before,
.ion-ios-copy-outline:before,
.ion-ios-copy:before,
.ion-ios-crop-strong:before,
.ion-ios-crop:before,
.ion-ios-download-outline:before,
.ion-ios-download:before,
.ion-ios-drag:before,
.ion-ios-email-outline:before,
.ion-ios-email:before,
.ion-ios-eye-outline:before,
.ion-ios-eye:before,
.ion-ios-fastforward-outline:before,
.ion-ios-fastforward:before,
.ion-ios-filing-outline:before,
.ion-ios-filing:before,
.ion-ios-film-outline:before,
.ion-ios-film:before,
.ion-ios-flag-outline:before,
.ion-ios-flag:before,
.ion-ios-flame-outline:before,
.ion-ios-flame:before,
.ion-ios-flask-outline:before,
.ion-ios-flask:before,
.ion-ios-flower-outline:before,
.ion-ios-flower:before,
.ion-ios-folder-outline:before,
.ion-ios-folder:before,
.ion-ios-football-outline:before,
.ion-ios-football:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-gear-outline:before,
.ion-ios-gear:before,
.ion-ios-glasses-outline:before,
.ion-ios-glasses:before,
.ion-ios-grid-view-outline:before,
.ion-ios-grid-view:before,
.ion-ios-heart-outline:before,
.ion-ios-heart:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-help:before,
.ion-ios-home-outline:before,
.ion-ios-home:before,
.ion-ios-infinite-outline:before,
.ion-ios-infinite:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-information:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad-outline:before,
.ion-ios-keypad:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-list-outline:before,
.ion-ios-list:before,
.ion-ios-location-outline:before,
.ion-ios-location:before,
.ion-ios-locked-outline:before,
.ion-ios-locked:before,
.ion-ios-loop-strong:before,
.ion-ios-loop:before,
.ion-ios-medical-outline:before,
.ion-ios-medical:before,
.ion-ios-medkit-outline:before,
.ion-ios-medkit:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-mic:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-minus:before,
.ion-ios-monitor-outline:before,
.ion-ios-monitor:before,
.ion-ios-moon-outline:before,
.ion-ios-moon:before,
.ion-ios-more-outline:before,
.ion-ios-more:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate-outline:before,
.ion-ios-navigate:before,
.ion-ios-nutrition-outline:before,
.ion-ios-nutrition:before,
.ion-ios-paper-outline:before,
.ion-ios-paper:before,
.ion-ios-paperplane-outline:before,
.ion-ios-paperplane:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-pause-outline:before,
.ion-ios-pause:before,
.ion-ios-paw-outline:before,
.ion-ios-paw:before,
.ion-ios-people-outline:before,
.ion-ios-people:before,
.ion-ios-person-outline:before,
.ion-ios-person:before,
.ion-ios-personadd-outline:before,
.ion-ios-personadd:before,
.ion-ios-photos-outline:before,
.ion-ios-photos:before,
.ion-ios-pie-outline:before,
.ion-ios-pie:before,
.ion-ios-pint-outline:before,
.ion-ios-pint:before,
.ion-ios-play-outline:before,
.ion-ios-play:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-plus:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags-outline:before,
.ion-ios-pricetags:before,
.ion-ios-printer-outline:before,
.ion-ios-printer:before,
.ion-ios-pulse-strong:before,
.ion-ios-pulse:before,
.ion-ios-rainy-outline:before,
.ion-ios-rainy:before,
.ion-ios-recording-outline:before,
.ion-ios-recording:before,
.ion-ios-redo-outline:before,
.ion-ios-redo:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-refresh:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind-outline:before,
.ion-ios-rewind:before,
.ion-ios-rose-outline:before,
.ion-ios-rose:before,
.ion-ios-search-strong:before,
.ion-ios-search:before,
.ion-ios-settings-strong:before,
.ion-ios-settings:before,
.ion-ios-shuffle-strong:before,
.ion-ios-shuffle:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipbackward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-snowy:before,
.ion-ios-speedometer-outline:before,
.ion-ios-speedometer:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-star:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-sunny-outline:before,
.ion-ios-sunny:before,
.ion-ios-telephone-outline:before,
.ion-ios-telephone:before,
.ion-ios-tennisball-outline:before,
.ion-ios-tennisball:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-time-outline:before,
.ion-ios-time:before,
.ion-ios-timer-outline:before,
.ion-ios-timer:before,
.ion-ios-toggle-outline:before,
.ion-ios-toggle:before,
.ion-ios-trash-outline:before,
.ion-ios-trash:before,
.ion-ios-undo-outline:before,
.ion-ios-undo:before,
.ion-ios-unlocked-outline:before,
.ion-ios-unlocked:before,
.ion-ios-upload-outline:before,
.ion-ios-upload:before,
.ion-ios-videocam-outline:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass-outline:before,
.ion-ios-wineglass:before,
.ion-ios-world-outline:before,
.ion-ios-world:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-minus:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon-round:before,
.ion-navicon:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-person:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-plus:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply-all:before,
.ion-reply:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad-outline:before,
.ion-sad:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android-outline:before,
.ion-social-android:before,
.ion-social-angular-outline:before,
.ion-social-angular:before,
.ion-social-apple-outline:before,
.ion-social-apple:before,
.ion-social-bitcoin-outline:before,
.ion-social-bitcoin:before,
.ion-social-buffer-outline:before,
.ion-social-buffer:before,
.ion-social-chrome-outline:before,
.ion-social-chrome:before,
.ion-social-codepen-outline:before,
.ion-social-codepen:before,
.ion-social-css3-outline:before,
.ion-social-css3:before,
.ion-social-designernews-outline:before,
.ion-social-designernews:before,
.ion-social-dribbble-outline:before,
.ion-social-dribbble:before,
.ion-social-dropbox-outline:before,
.ion-social-dropbox:before,
.ion-social-euro-outline:before,
.ion-social-euro:before,
.ion-social-facebook-outline:before,
.ion-social-facebook:before,
.ion-social-foursquare-outline:before,
.ion-social-foursquare:before,
.ion-social-freebsd-devil:before,
.ion-social-github-outline:before,
.ion-social-github:before,
.ion-social-google-outline:before,
.ion-social-google:before,
.ion-social-googleplus-outline:before,
.ion-social-googleplus:before,
.ion-social-hackernews-outline:before,
.ion-social-hackernews:before,
.ion-social-html5-outline:before,
.ion-social-html5:before,
.ion-social-instagram-outline:before,
.ion-social-instagram:before,
.ion-social-javascript-outline:before,
.ion-social-javascript:before,
.ion-social-linkedin-outline:before,
.ion-social-linkedin:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest-outline:before,
.ion-social-pinterest:before,
.ion-social-python:before,
.ion-social-reddit-outline:before,
.ion-social-reddit:before,
.ion-social-rss-outline:before,
.ion-social-rss:before,
.ion-social-sass:before,
.ion-social-skype-outline:before,
.ion-social-skype:before,
.ion-social-snapchat-outline:before,
.ion-social-snapchat:before,
.ion-social-tumblr-outline:before,
.ion-social-tumblr:before,
.ion-social-tux:before,
.ion-social-twitch-outline:before,
.ion-social-twitch:before,
.ion-social-twitter-outline:before,
.ion-social-twitter:before,
.ion-social-usd-outline:before,
.ion-social-usd:before,
.ion-social-vimeo-outline:before,
.ion-social-vimeo:before,
.ion-social-whatsapp-outline:before,
.ion-social-whatsapp:before,
.ion-social-windows-outline:before,
.ion-social-windows:before,
.ion-social-wordpress-outline:before,
.ion-social-wordpress:before,
.ion-social-yahoo-outline:before,
.ion-social-yahoo:before,
.ion-social-yen-outline:before,
.ion-social-yen:before,
.ion-social-youtube-outline:before,
.ion-social-youtube:before,
.ion-soup-can-outline:before,
.ion-soup-can:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle-filled:before,
.ion-toggle:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt-outline:before,
.ion-tshirt:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before,
.ionicons {
display: inline-block;
font-family: Ionicons;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-width: 22px;
text-align: center;
}
.ion-alert:before {
content: "\f101"
}
.ion-alert-circled:before {
content: "\f100"
}
.ion-android-add:before {
content: "\f2c7"
}
.ion-android-add-circle:before {
content: "\f359"
}
.ion-android-alarm-clock:before {
content: "\f35a"
}
.ion-android-alert:before {
content: "\f35b"
}
.ion-android-apps:before {
content: "\f35c"
}
.ion-android-archive:before {
content: "\f2c9"
}
.ion-android-arrow-back:before {
content: "\f2ca"
}
.ion-android-arrow-down:before {
content: "\f35d"
}
.ion-android-arrow-dropdown:before {
content: "\f35f"
}
.ion-android-arrow-dropdown-circle:before {
content: "\f35e"
}
.ion-android-arrow-dropleft:before {
content: "\f361"
}
.ion-android-arrow-dropleft-circle:before {
content: "\f360"
}
.ion-android-arrow-dropright:before {
content: "\f363"
}
.ion-android-arrow-dropright-circle:before {
content: "\f362"
}
.ion-android-arrow-dropup:before {
content: "\f365"
}
.ion-android-arrow-dropup-circle:before {
content: "\f364"
}
.ion-android-arrow-forward:before {
content: "\f30f"
}
.ion-android-arrow-up:before {
content: "\f366"
}
.ion-android-attach:before {
content: "\f367"
}
.ion-android-bar:before {
content: "\f368"
}
.ion-android-bicycle:before {
content: "\f369"
}
.ion-android-boat:before {
content: "\f36a"
}
.ion-android-bookmark:before {
content: "\f36b"
}
.ion-android-bulb:before {
content: "\f36c"
}
.ion-android-bus:before {
content: "\f36d"
}
.ion-android-calendar:before {
content: "\f2d1"
}
.ion-android-call:before {
content: "\f2d2"
}
.ion-android-camera:before {
content: "\f2d3"
}
.ion-android-cancel:before {
content: "\f36e"
}
.ion-android-car:before {
content: "\f36f"
}
.ion-android-cart:before {
content: "\f370"
}
.ion-android-chat:before {
content: "\f2d4"
}
.ion-android-checkbox:before {
content: "\f374"
}
.ion-android-checkbox-blank:before {
content: "\f371"
}
.ion-android-checkbox-outline:before {
content: "\f373"
}
.ion-android-checkbox-outline-blank:before {
content: "\f372"
}
.ion-android-checkmark-circle:before {
content: "\f375"
}
.ion-android-clipboard:before {
content: "\f376"
}
.ion-android-close:before {
content: "\f2d7"
}
.ion-android-cloud:before {
content: "\f37a"
}
.ion-android-cloud-circle:before {
content: "\f377"
}
.ion-android-cloud-done:before {
content: "\f378"
}
.ion-android-cloud-outline:before {
content: "\f379"
}
.ion-android-color-palette:before {
content: "\f37b"
}
.ion-android-compass:before {
content: "\f37c"
}
.ion-android-contact:before {
content: "\f2d8"
}
.ion-android-contacts:before {
content: "\f2d9"
}
.ion-android-contract:before {
content: "\f37d"
}
.ion-android-create:before {
content: "\f37e"
}
.ion-android-delete:before {
content: "\f37f"
}
.ion-android-desktop:before {
content: "\f380"
}
.ion-android-document:before {
content: "\f381"
}
.ion-android-done:before {
content: "\f383"
}
.ion-android-done-all:before {
content: "\f382"
}
.ion-android-download:before {
content: "\f2dd"
}
.ion-android-drafts:before {
content: "\f384"
}
.ion-android-exit:before {
content: "\f385"
}
.ion-android-expand:before {
content: "\f386"
}
.ion-android-favorite:before {
content: "\f388"
}
.ion-android-favorite-outline:before {
content: "\f387"
}
.ion-android-film:before {
content: "\f389"
}
.ion-android-folder:before {
content: "\f2e0"
}
.ion-android-folder-open:before {
content: "\f38a"
}
.ion-android-funnel:before {
content: "\f38b"
}
.ion-android-globe:before {
content: "\f38c"
}
.ion-android-hand:before {
content: "\f2e3"
}
.ion-android-hangout:before {
content: "\f38d"
}
.ion-android-happy:before {
content: "\f38e"
}
.ion-android-home:before {
content: "\f38f"
}
.ion-android-image:before {
content: "\f2e4"
}
.ion-android-laptop:before {
content: "\f390"
}
.ion-android-list:before {
content: "\f391"
}
.ion-android-locate:before {
content: "\f2e9"
}
.ion-android-lock:before {
content: "\f392"
}
.ion-android-mail:before {
content: "\f2eb"
}
.ion-android-map:before {
content: "\f393"
}
.ion-android-menu:before {
content: "\f394"
}
.ion-android-microphone:before {
content: "\f2ec"
}
.ion-android-microphone-off:before {
content: "\f395"
}
.ion-android-more-horizontal:before {
content: "\f396"
}
.ion-android-more-vertical:before {
content: "\f397"
}
.ion-android-navigate:before {
content: "\f398"
}
.ion-android-notifications:before {
content: "\f39b"
}
.ion-android-notifications-none:before {
content: "\f399"
}
.ion-android-notifications-off:before {
content: "\f39a"
}
.ion-android-open:before {
content: "\f39c"
}
.ion-android-options:before {
content: "\f39d"
}
.ion-android-people:before {
content: "\f39e"
}
.ion-android-person:before {
content: "\f3a0"
}
.ion-android-person-add:before {
content: "\f39f"
}
.ion-android-phone-landscape:before {
content: "\f3a1"
}
.ion-android-phone-portrait:before {
content: "\f3a2"
}
.ion-android-pin:before {
content: "\f3a3"
}
.ion-android-plane:before {
content: "\f3a4"
}
.ion-android-playstore:before {
content: "\f2f0"
}
.ion-android-print:before {
content: "\f3a5"
}
.ion-android-radio-button-off:before {
content: "\f3a6"
}
.ion-android-radio-button-on:before {
content: "\f3a7"
}
.ion-android-refresh:before {
content: "\f3a8"
}
.ion-android-remove:before {
content: "\f2f4"
}
.ion-android-remove-circle:before {
content: "\f3a9"
}
.ion-android-restaurant:before {
content: "\f3aa"
}
.ion-android-sad:before {
content: "\f3ab"
}
.ion-android-search:before {
content: "\f2f5"
}
.ion-android-send:before {
content: "\f2f6"
}
.ion-android-settings:before {
content: "\f2f7"
}
.ion-android-share:before {
content: "\f2f8"
}
.ion-android-share-alt:before {
content: "\f3ac"
}
.ion-android-star:before {
content: "\f2fc"
}
.ion-android-star-half:before {
content: "\f3ad"
}
.ion-android-star-outline:before {
content: "\f3ae"
}
.ion-android-stopwatch:before {
content: "\f2fd"
}
.ion-android-subway:before {
content: "\f3af"
}
.ion-android-sunny:before {
content: "\f3b0"
}
.ion-android-sync:before {
content: "\f3b1"
}
.ion-android-textsms:before {
content: "\f3b2"
}
.ion-android-time:before {
content: "\f3b3"
}
.ion-android-train:before {
content: "\f3b4"
}
.ion-android-unlock:before {
content: "\f3b5"
}
.ion-android-upload:before {
content: "\f3b6"
}
.ion-android-volume-down:before {
content: "\f3b7"
}
.ion-android-volume-mute:before {
content: "\f3b8"
}
.ion-android-volume-off:before {
content: "\f3b9"
}
.ion-android-volume-up:before {
content: "\f3ba"
}
.ion-android-walk:before {
content: "\f3bb"
}
.ion-android-warning:before {
content: "\f3bc"
}
.ion-android-watch:before {
content: "\f3bd"
}
.ion-android-wifi:before {
content: "\f305"
}
.ion-aperture:before {
content: "\f313"
}
.ion-archive:before {
content: "\f102"
}
.ion-arrow-down-a:before {
content: "\f103"
}
.ion-arrow-down-b:before {
content: "\f104"
}
.ion-arrow-down-c:before {
content: "\f105"
}
.ion-arrow-expand:before {
content: "\f25e"
}
.ion-arrow-graph-down-left:before {
content: "\f25f"
}
.ion-arrow-graph-down-right:before {
content: "\f260"
}
.ion-arrow-graph-up-left:before {
content: "\f261"
}
.ion-arrow-graph-up-right:before {
content: "\f262"
}
.ion-arrow-left-a:before {
content: "\f106"
}
.ion-arrow-left-b:before {
content: "\f107"
}
.ion-arrow-left-c:before {
content: "\f108"
}
.ion-arrow-move:before {
content: "\f263"
}
.ion-arrow-resize:before {
content: "\f264"
}
.ion-arrow-return-left:before {
content: "\f265"
}
.ion-arrow-return-right:before {
content: "\f266"
}
.ion-arrow-right-a:before {
content: "\f109"
}
.ion-arrow-right-b:before {
content: "\f10a"
}
.ion-arrow-right-c:before {
content: "\f10b"
}
.ion-arrow-shrink:before {
content: "\f267"
}
.ion-arrow-swap:before {
content: "\f268"
}
.ion-arrow-up-a:before {
content: "\f10c"
}
.ion-arrow-up-b:before {
content: "\f10d"
}
.ion-arrow-up-c:before {
content: "\f10e"
}
.ion-asterisk:before {
content: "\f314"
}
.ion-at:before {
content: "\f10f"
}
.ion-backspace:before {
content: "\f3bf"
}
.ion-backspace-outline:before {
content: "\f3be"
}
.ion-bag:before {
content: "\f110"
}
.ion-battery-charging:before {
content: "\f111"
}
.ion-battery-empty:before {
content: "\f112"
}
.ion-battery-full:before {
content: "\f113"
}
.ion-battery-half:before {
content: "\f114"
}
.ion-battery-low:before {
content: "\f115"
}
.ion-beaker:before {
content: "\f269"
}
.ion-beer:before {
content: "\f26a"
}
.ion-bluetooth:before {
content: "\f116"
}
.ion-bonfire:before {
content: "\f315"
}
.ion-bookmark:before {
content: "\f26b"
}
.ion-bowtie:before {
content: "\f3c0"
}
.ion-briefcase:before {
content: "\f26c"
}
.ion-bug:before {
content: "\f2be"
}
.ion-calculator:before {
content: "\f26d"
}
.ion-calendar:before {
content: "\f117"
}
.ion-camera:before {
content: "\f118"
}
.ion-card:before {
content: "\f119"
}
.ion-cash:before {
content: "\f316"
}
.ion-chatbox:before {
content: "\f11b"
}
.ion-chatbox-working:before {
content: "\f11a"
}
.ion-chatboxes:before {
content: "\f11c"
}
.ion-chatbubble:before {
content: "\f11e"
}
.ion-chatbubble-working:before {
content: "\f11d"
}
.ion-chatbubbles:before {
content: "\f11f"
}
.ion-checkmark:before {
content: "\f122"
}
.ion-checkmark-circled:before {
content: "\f120"
}
.ion-checkmark-round:before {
content: "\f121"
}
.ion-chevron-down:before {
content: "\f123"
}
.ion-chevron-left:before {
content: "\f124"
}
.ion-chevron-right:before {
content: "\f125"
}
.ion-chevron-up:before {
content: "\f126"
}
.ion-clipboard:before {
content: "\f127"
}
.ion-clock:before {
content: "\f26e"
}
.ion-close:before {
content: "\f12a"
}
.ion-close-circled:before {
content: "\f128"
}
.ion-close-round:before {
content: "\f129"
}
.ion-closed-captioning:before {
content: "\f317"
}
.ion-cloud:before {
content: "\f12b"
}
.ion-code:before {
content: "\f271"
}
.ion-code-download:before {
content: "\f26f"
}
.ion-code-working:before {
content: "\f270"
}
.ion-coffee:before {
content: "\f272"
}
.ion-compass:before {
content: "\f273"
}
.ion-compose:before {
content: "\f12c"
}
.ion-connection-bars:before {
content: "\f274"
}
.ion-contrast:before {
content: "\f275"
}
.ion-crop:before {
content: "\f3c1"
}
.ion-cube:before {
content: "\f318"
}
.ion-disc:before {
content: "\f12d"
}
.ion-document:before {
content: "\f12f"
}
.ion-document-text:before {
content: "\f12e"
}
.ion-drag:before {
content: "\f130"
}
.ion-earth:before {
content: "\f276"
}
.ion-easel:before {
content: "\f3c2"
}
.ion-edit:before {
content: "\f2bf"
}
.ion-egg:before {
content: "\f277"
}
.ion-eject:before {
content: "\f131"
}
.ion-email:before {
content: "\f132"
}
.ion-email-unread:before {
content: "\f3c3"
}
.ion-erlenmeyer-flask:before {
content: "\f3c5"
}
.ion-erlenmeyer-flask-bubbles:before {
content: "\f3c4"
}
.ion-eye:before {
content: "\f133"
}
.ion-eye-disabled:before {
content: "\f306"
}
.ion-female:before {
content: "\f278"
}
.ion-filing:before {
content: "\f134"
}
.ion-film-marker:before {
content: "\f135"
}
.ion-fireball:before {
content: "\f319"
}
.ion-flag:before {
content: "\f279"
}
.ion-flame:before {
content: "\f31a"
}
.ion-flash:before {
content: "\f137"
}
.ion-flash-off:before {
content: "\f136"
}
.ion-folder:before {
content: "\f139"
}
.ion-fork:before {
content: "\f27a"
}
.ion-fork-repo:before {
content: "\f2c0"
}
.ion-forward:before {
content: "\f13a"
}
.ion-funnel:before {
content: "\f31b"
}
.ion-gear-a:before {
content: "\f13d"
}
.ion-gear-b:before {
content: "\f13e"
}
.ion-grid:before {
content: "\f13f"
}
.ion-hammer:before {
content: "\f27b"
}
.ion-happy:before {
content: "\f31c"
}
.ion-happy-outline:before {
content: "\f3c6"
}
.ion-headphone:before {
content: "\f140"
}
.ion-heart:before {
content: "\f141"
}
.ion-heart-broken:before {
content: "\f31d"
}
.ion-help:before {
content: "\f143"
}
.ion-help-buoy:before {
content: "\f27c"
}
.ion-help-circled:before {
content: "\f142"
}
.ion-home:before {
content: "\f144"
}
.ion-icecream:before {
content: "\f27d"
}
.ion-image:before {
content: "\f147"
}
.ion-images:before {
content: "\f148"
}
.ion-information:before {
content: "\f14a"
}
.ion-information-circled:before {
content: "\f149"
}
.ion-ionic:before {
content: "\f14b"
}
.ion-ios-alarm:before {
content: "\f3c8"
}
.ion-ios-alarm-outline:before {
content: "\f3c7"
}
.ion-ios-albums:before {
content: "\f3ca"
}
.ion-ios-albums-outline:before {
content: "\f3c9"
}
.ion-ios-americanfootball:before {
content: "\f3cc"
}
.ion-ios-americanfootball-outline:before {
content: "\f3cb"
}
.ion-ios-analytics:before {
content: "\f3ce"
}
.ion-ios-analytics-outline:before {
content: "\f3cd"
}
.ion-ios-arrow-back:before {
content: "\f3cf"
}
.ion-ios-arrow-down:before {
content: "\f3d0"
}
.ion-ios-arrow-forward:before {
content: "\f3d1"
}
.ion-ios-arrow-left:before {
content: "\f3d2"
}
.ion-ios-arrow-right:before {
content: "\f3d3"
}
.ion-ios-arrow-thin-down:before {
content: "\f3d4"
}
.ion-ios-arrow-thin-left:before {
content: "\f3d5"
}
.ion-ios-arrow-thin-right:before {
content: "\f3d6"
}
.ion-ios-arrow-thin-up:before {
content: "\f3d7"
}
.ion-ios-arrow-up:before {
content: "\f3d8"
}
.ion-ios-at:before {
content: "\f3da"
}
.ion-ios-at-outline:before {
content: "\f3d9"
}
.ion-ios-barcode:before {
content: "\f3dc"
}
.ion-ios-barcode-outline:before {
content: "\f3db"
}
.ion-ios-baseball:before {
content: "\f3de"
}
.ion-ios-baseball-outline:before {
content: "\f3dd"
}
.ion-ios-basketball:before {
content: "\f3e0"
}
.ion-ios-basketball-outline:before {
content: "\f3df"
}
.ion-ios-bell:before {
content: "\f3e2"
}
.ion-ios-bell-outline:before {
content: "\f3e1"
}
.ion-ios-body:before {
content: "\f3e4"
}
.ion-ios-body-outline:before {
content: "\f3e3"
}
.ion-ios-bolt:before {
content: "\f3e6"
}
.ion-ios-bolt-outline:before {
content: "\f3e5"
}
.ion-ios-book:before {
content: "\f3e8"
}
.ion-ios-book-outline:before {
content: "\f3e7"
}
.ion-ios-bookmarks:before {
content: "\f3ea"
}
.ion-ios-bookmarks-outline:before {
content: "\f3e9"
}
.ion-ios-box:before {
content: "\f3ec"
}
.ion-ios-box-outline:before {
content: "\f3eb"
}
.ion-ios-briefcase:before {
content: "\f3ee"
}
.ion-ios-briefcase-outline:before {
content: "\f3ed"
}
.ion-ios-browsers:before {
content: "\f3f0"
}
.ion-ios-browsers-outline:before {
content: "\f3ef"
}
.ion-ios-calculator:before {
content: "\f3f2"
}
.ion-ios-calculator-outline:before {
content: "\f3f1"
}
.ion-ios-calendar:before {
content: "\f3f4"
}
.ion-ios-calendar-outline:before {
content: "\f3f3"
}
.ion-ios-camera:before {
content: "\f3f6"
}
.ion-ios-camera-outline:before {
content: "\f3f5"
}
.ion-ios-cart:before {
content: "\f3f8"
}
.ion-ios-cart-outline:before {
content: "\f3f7"
}
.ion-ios-chatboxes:before {
content: "\f3fa"
}
.ion-ios-chatboxes-outline:before {
content: "\f3f9"
}
.ion-ios-chatbubble:before {
content: "\f3fc"
}
.ion-ios-chatbubble-outline:before {
content: "\f3fb"
}
.ion-ios-checkmark:before {
content: "\f3ff"
}
.ion-ios-checkmark-empty:before {
content: "\f3fd"
}
.ion-ios-checkmark-outline:before {
content: "\f3fe"
}
.ion-ios-circle-filled:before {
content: "\f400"
}
.ion-ios-circle-outline:before {
content: "\f401"
}
.ion-ios-clock:before {
content: "\f403"
}
.ion-ios-clock-outline:before {
content: "\f402"
}
.ion-ios-close:before {
content: "\f406"
}
.ion-ios-close-empty:before {
content: "\f404"
}
.ion-ios-close-outline:before {
content: "\f405"
}
.ion-ios-cloud:before {
content: "\f40c"
}
.ion-ios-cloud-download:before {
content: "\f408"
}
.ion-ios-cloud-download-outline:before {
content: "\f407"
}
.ion-ios-cloud-outline:before {
content: "\f409"
}
.ion-ios-cloud-upload:before {
content: "\f40b"
}
.ion-ios-cloud-upload-outline:before {
content: "\f40a"
}
.ion-ios-cloudy:before {
content: "\f410"
}
.ion-ios-cloudy-night:before {
content: "\f40e"
}
.ion-ios-cloudy-night-outline:before {
content: "\f40d"
}
.ion-ios-cloudy-outline:before {
content: "\f40f"
}
.ion-ios-cog:before {
content: "\f412"
}
.ion-ios-cog-outline:before {
content: "\f411"
}
.ion-ios-color-filter:before {
content: "\f414"
}
.ion-ios-color-filter-outline:before {
content: "\f413"
}
.ion-ios-color-wand:before {
content: "\f416"
}
.ion-ios-color-wand-outline:before {
content: "\f415"
}
.ion-ios-compose:before {
content: "\f418"
}
.ion-ios-compose-outline:before {
content: "\f417"
}
.ion-ios-contact:before {
content: "\f41a"
}
.ion-ios-contact-outline:before {
content: "\f419"
}
.ion-ios-copy:before {
content: "\f41c"
}
.ion-ios-copy-outline:before {
content: "\f41b"
}
.ion-ios-crop:before {
content: "\f41e"
}
.ion-ios-crop-strong:before {
content: "\f41d"
}
.ion-ios-download:before {
content: "\f420"
}
.ion-ios-download-outline:before {
content: "\f41f"
}
.ion-ios-drag:before {
content: "\f421"
}
.ion-ios-email:before {
content: "\f423"
}
.ion-ios-email-outline:before {
content: "\f422"
}
.ion-ios-eye:before {
content: "\f425"
}
.ion-ios-eye-outline:before {
content: "\f424"
}
.ion-ios-fastforward:before {
content: "\f427"
}
.ion-ios-fastforward-outline:before {
content: "\f426"
}
.ion-ios-filing:before {
content: "\f429"
}
.ion-ios-filing-outline:before {
content: "\f428"
}
.ion-ios-film:before {
content: "\f42b"
}
.ion-ios-film-outline:before {
content: "\f42a"
}
.ion-ios-flag:before {
content: "\f42d"
}
.ion-ios-flag-outline:before {
content: "\f42c"
}
.ion-ios-flame:before {
content: "\f42f"
}
.ion-ios-flame-outline:before {
content: "\f42e"
}
.ion-ios-flask:before {
content: "\f431"
}
.ion-ios-flask-outline:before {
content: "\f430"
}
.ion-ios-flower:before {
content: "\f433"
}
.ion-ios-flower-outline:before {
content: "\f432"
}
.ion-ios-folder:before {
content: "\f435"
}
.ion-ios-folder-outline:before {
content: "\f434"
}
.ion-ios-football:before {
content: "\f437"
}
.ion-ios-football-outline:before {
content: "\f436"
}
.ion-ios-game-controller-a:before {
content: "\f439"
}
.ion-ios-game-controller-a-outline:before {
content: "\f438"
}
.ion-ios-game-controller-b:before {
content: "\f43b"
}
.ion-ios-game-controller-b-outline:before {
content: "\f43a"
}
.ion-ios-gear:before {
content: "\f43d"
}
.ion-ios-gear-outline:before {
content: "\f43c"
}
.ion-ios-glasses:before {
content: "\f43f"
}
.ion-ios-glasses-outline:before {
content: "\f43e"
}
.ion-ios-grid-view:before {
content: "\f441"
}
.ion-ios-grid-view-outline:before {
content: "\f440"
}
.ion-ios-heart:before {
content: "\f443"
}
.ion-ios-heart-outline:before {
content: "\f442"
}
.ion-ios-help:before {
content: "\f446"
}
.ion-ios-help-empty:before {
content: "\f444"
}
.ion-ios-help-outline:before {
content: "\f445"
}
.ion-ios-home:before {
content: "\f448"
}
.ion-ios-home-outline:before {
content: "\f447"
}
.ion-ios-infinite:before {
content: "\f44a"
}
.ion-ios-infinite-outline:before {
content: "\f449"
}
.ion-ios-information:before {
content: "\f44d"
}
.ion-ios-information-empty:before {
content: "\f44b"
}
.ion-ios-information-outline:before {
content: "\f44c"
}
.ion-ios-ionic-outline:before {
content: "\f44e"
}
.ion-ios-keypad:before {
content: "\f450"
}
.ion-ios-keypad-outline:before {
content: "\f44f"
}
.ion-ios-lightbulb:before {
content: "\f452"
}
.ion-ios-lightbulb-outline:before {
content: "\f451"
}
.ion-ios-list:before {
content: "\f454"
}
.ion-ios-list-outline:before {
content: "\f453"
}
.ion-ios-location:before {
content: "\f456"
}
.ion-ios-location-outline:before {
content: "\f455"
}
.ion-ios-locked:before {
content: "\f458"
}
.ion-ios-locked-outline:before {
content: "\f457"
}
.ion-ios-loop:before {
content: "\f45a"
}
.ion-ios-loop-strong:before {
content: "\f459"
}
.ion-ios-medical:before {
content: "\f45c"
}
.ion-ios-medical-outline:before {
content: "\f45b"
}
.ion-ios-medkit:before {
content: "\f45e"
}
.ion-ios-medkit-outline:before {
content: "\f45d"
}
.ion-ios-mic:before {
content: "\f461"
}
.ion-ios-mic-off:before {
content: "\f45f"
}
.ion-ios-mic-outline:before {
content: "\f460"
}
.ion-ios-minus:before {
content: "\f464"
}
.ion-ios-minus-empty:before {
content: "\f462"
}
.ion-ios-minus-outline:before {
content: "\f463"
}
.ion-ios-monitor:before {
content: "\f466"
}
.ion-ios-monitor-outline:before {
content: "\f465"
}
.ion-ios-moon:before {
content: "\f468"
}
.ion-ios-moon-outline:before {
content: "\f467"
}
.ion-ios-more:before {
content: "\f46a"
}
.ion-ios-more-outline:before {
content: "\f469"
}
.ion-ios-musical-note:before {
content: "\f46b"
}
.ion-ios-musical-notes:before {
content: "\f46c"
}
.ion-ios-navigate:before {
content: "\f46e"
}
.ion-ios-navigate-outline:before {
content: "\f46d"
}
.ion-ios-nutrition:before {
content: "\f470"
}
.ion-ios-nutrition-outline:before {
content: "\f46f"
}
.ion-ios-paper:before {
content: "\f472"
}
.ion-ios-paper-outline:before {
content: "\f471"
}
.ion-ios-paperplane:before {
content: "\f474"
}
.ion-ios-paperplane-outline:before {
content: "\f473"
}
.ion-ios-partlysunny:before {
content: "\f476"
}
.ion-ios-partlysunny-outline:before {
content: "\f475"
}
.ion-ios-pause:before {
content: "\f478"
}
.ion-ios-pause-outline:before {
content: "\f477"
}
.ion-ios-paw:before {
content: "\f47a"
}
.ion-ios-paw-outline:before {
content: "\f479"
}
.ion-ios-people:before {
content: "\f47c"
}
.ion-ios-people-outline:before {
content: "\f47b"
}
.ion-ios-person:before {
content: "\f47e"
}
.ion-ios-person-outline:before {
content: "\f47d"
}
.ion-ios-personadd:before {
content: "\f480"
}
.ion-ios-personadd-outline:before {
content: "\f47f"
}
.ion-ios-photos:before {
content: "\f482"
}
.ion-ios-photos-outline:before {
content: "\f481"
}
.ion-ios-pie:before {
content: "\f484"
}
.ion-ios-pie-outline:before {
content: "\f483"
}
.ion-ios-pint:before {
content: "\f486"
}
.ion-ios-pint-outline:before {
content: "\f485"
}
.ion-ios-play:before {
content: "\f488"
}
.ion-ios-play-outline:before {
content: "\f487"
}
.ion-ios-plus:before {
content: "\f48b"
}
.ion-ios-plus-empty:before {
content: "\f489"
}
.ion-ios-plus-outline:before {
content: "\f48a"
}
.ion-ios-pricetag:before {
content: "\f48d"
}
.ion-ios-pricetag-outline:before {
content: "\f48c"
}
.ion-ios-pricetags:before {
content: "\f48f"
}
.ion-ios-pricetags-outline:before {
content: "\f48e"
}
.ion-ios-printer:before {
content: "\f491"
}
.ion-ios-printer-outline:before {
content: "\f490"
}
.ion-ios-pulse:before {
content: "\f493"
}
.ion-ios-pulse-strong:before {
content: "\f492"
}
.ion-ios-rainy:before {
content: "\f495"
}
.ion-ios-rainy-outline:before {
content: "\f494"
}
.ion-ios-recording:before {
content: "\f497"
}
.ion-ios-recording-outline:before {
content: "\f496"
}
.ion-ios-redo:before {
content: "\f499"
}
.ion-ios-redo-outline:before {
content: "\f498"
}
.ion-ios-refresh:before {
content: "\f49c"
}
.ion-ios-refresh-empty:before {
content: "\f49a"
}
.ion-ios-refresh-outline:before {
content: "\f49b"
}
.ion-ios-reload:before {
content: "\f49d"
}
.ion-ios-reverse-camera:before {
content: "\f49f"
}
.ion-ios-reverse-camera-outline:before {
content: "\f49e"
}
.ion-ios-rewind:before {
content: "\f4a1"
}
.ion-ios-rewind-outline:before {
content: "\f4a0"
}
.ion-ios-rose:before {
content: "\f4a3"
}
.ion-ios-rose-outline:before {
content: "\f4a2"
}
.ion-ios-search:before {
content: "\f4a5"
}
.ion-ios-search-strong:before {
content: "\f4a4"
}
.ion-ios-settings:before {
content: "\f4a7"
}
.ion-ios-settings-strong:before {
content: "\f4a6"
}
.ion-ios-shuffle:before {
content: "\f4a9"
}
.ion-ios-shuffle-strong:before {
content: "\f4a8"
}
.ion-ios-skipbackward:before {
content: "\f4ab"
}
.ion-ios-skipbackward-outline:before {
content: "\f4aa"
}
.ion-ios-skipforward:before {
content: "\f4ad"
}
.ion-ios-skipforward-outline:before {
content: "\f4ac"
}
.ion-ios-snowy:before {
content: "\f4ae"
}
.ion-ios-speedometer:before {
content: "\f4b0"
}
.ion-ios-speedometer-outline:before {
content: "\f4af"
}
.ion-ios-star:before {
content: "\f4b3"
}
.ion-ios-star-half:before {
content: "\f4b1"
}
.ion-ios-star-outline:before {
content: "\f4b2"
}
.ion-ios-stopwatch:before {
content: "\f4b5"
}
.ion-ios-stopwatch-outline:before {
content: "\f4b4"
}
.ion-ios-sunny:before {
content: "\f4b7"
}
.ion-ios-sunny-outline:before {
content: "\f4b6"
}
.ion-ios-telephone:before {
content: "\f4b9"
}
.ion-ios-telephone-outline:before {
content: "\f4b8"
}
.ion-ios-tennisball:before {
content: "\f4bb"
}
.ion-ios-tennisball-outline:before {
content: "\f4ba"
}
.ion-ios-thunderstorm:before {
content: "\f4bd"
}
.ion-ios-thunderstorm-outline:before {
content: "\f4bc"
}
.ion-ios-time:before {
content: "\f4bf"
}
.ion-ios-time-outline:before {
content: "\f4be"
}
.ion-ios-timer:before {
content: "\f4c1"
}
.ion-ios-timer-outline:before {
content: "\f4c0"
}
.ion-ios-toggle:before {
content: "\f4c3"
}
.ion-ios-toggle-outline:before {
content: "\f4c2"
}
.ion-ios-trash:before {
content: "\f4c5"
}
.ion-ios-trash-outline:before {
content: "\f4c4"
}
.ion-ios-undo:before {
content: "\f4c7"
}
.ion-ios-undo-outline:before {
content: "\f4c6"
}
.ion-ios-unlocked:before {
content: "\f4c9"
}
.ion-ios-unlocked-outline:before {
content: "\f4c8"
}
.ion-ios-upload:before {
content: "\f4cb"
}
.ion-ios-upload-outline:before {
content: "\f4ca"
}
.ion-ios-videocam:before {
content: "\f4cd"
}
.ion-ios-videocam-outline:before {
content: "\f4cc"
}
.ion-ios-volume-high:before {
content: "\f4ce"
}
.ion-ios-volume-low:before {
content: "\f4cf"
}
.ion-ios-wineglass:before {
content: "\f4d1"
}
.ion-ios-wineglass-outline:before {
content: "\f4d0"
}
.ion-ios-world:before {
content: "\f4d3"
}
.ion-ios-world-outline:before {
content: "\f4d2"
}
.ion-ipad:before {
content: "\f1f9"
}
.ion-iphone:before {
content: "\f1fa"
}
.ion-ipod:before {
content: "\f1fb"
}
.ion-jet:before {
content: "\f295"
}
.ion-key:before {
content: "\f296"
}
.ion-knife:before {
content: "\f297"
}
.ion-laptop:before {
content: "\f1fc"
}
.ion-leaf:before {
content: "\f1fd"
}
.ion-levels:before {
content: "\f298"
}
.ion-lightbulb:before {
content: "\f299"
}
.ion-link:before {
content: "\f1fe"
}
.ion-load-a:before {
content: "\f29a"
}
.ion-load-b:before {
content: "\f29b"
}
.ion-load-c:before {
content: "\f29c"
}
.ion-load-d:before {
content: "\f29d"
}
.ion-location:before {
content: "\f1ff"
}
.ion-lock-combination:before {
content: "\f4d4"
}
.ion-locked:before {
content: "\f200"
}
.ion-log-in:before {
content: "\f29e"
}
.ion-log-out:before {
content: "\f29f"
}
.ion-loop:before {
content: "\f201"
}
.ion-magnet:before {
content: "\f2a0"
}
.ion-male:before {
content: "\f2a1"
}
.ion-man:before {
content: "\f202"
}
.ion-map:before {
content: "\f203"
}
.ion-medkit:before {
content: "\f2a2"
}
.ion-merge:before {
content: "\f33f"
}
.ion-mic-a:before {
content: "\f204"
}
.ion-mic-b:before {
content: "\f205"
}
.ion-mic-c:before {
content: "\f206"
}
.ion-minus:before {
content: "\f209"
}
.ion-minus-circled:before {
content: "\f207"
}
.ion-minus-round:before {
content: "\f208"
}
.ion-model-s:before {
content: "\f2c1"
}
.ion-monitor:before {
content: "\f20a"
}
.ion-more:before {
content: "\f20b"
}
.ion-mouse:before {
content: "\f340"
}
.ion-music-note:before {
content: "\f20c"
}
.ion-navicon:before {
content: "\f20e"
}
.ion-navicon-round:before {
content: "\f20d"
}
.ion-navigate:before {
content: "\f2a3"
}
.ion-network:before {
content: "\f341"
}
.ion-no-smoking:before {
content: "\f2c2"
}
.ion-nuclear:before {
content: "\f2a4"
}
.ion-outlet:before {
content: "\f342"
}
.ion-paintbrush:before {
content: "\f4d5"
}
.ion-paintbucket:before {
content: "\f4d6"
}
.ion-paper-airplane:before {
content: "\f2c3"
}
.ion-paperclip:before {
content: "\f20f"
}
.ion-pause:before {
content: "\f210"
}
.ion-person:before {
content: "\f213"
}
.ion-person-add:before {
content: "\f211"
}
.ion-person-stalker:before {
content: "\f212"
}
.ion-pie-graph:before {
content: "\f2a5"
}
.ion-pin:before {
content: "\f2a6"
}
.ion-pinpoint:before {
content: "\f2a7"
}
.ion-pizza:before {
content: "\f2a8"
}
.ion-plane:before {
content: "\f214"
}
.ion-planet:before {
content: "\f343"
}
.ion-play:before {
content: "\f215"
}
.ion-playstation:before {
content: "\f30a"
}
.ion-plus:before {
content: "\f218"
}
.ion-plus-circled:before {
content: "\f216"
}
.ion-plus-round:before {
content: "\f217"
}
.ion-podium:before {
content: "\f344"
}
.ion-pound:before {
content: "\f219"
}
.ion-power:before {
content: "\f2a9"
}
.ion-pricetag:before {
content: "\f2aa"
}
.ion-pricetags:before {
content: "\f2ab"
}
.ion-printer:before {
content: "\f21a"
}
.ion-pull-request:before {
content: "\f345"
}
.ion-qr-scanner:before {
content: "\f346"
}
.ion-quote:before {
content: "\f347"
}
.ion-radio-waves:before {
content: "\f2ac"
}
.ion-record:before {
content: "\f21b"
}
.ion-refresh:before {
content: "\f21c"
}
.ion-reply:before {
content: "\f21e"
}
.ion-reply-all:before {
content: "\f21d"
}
.ion-ribbon-a:before {
content: "\f348"
}
.ion-ribbon-b:before {
content: "\f349"
}
.ion-sad:before {
content: "\f34a"
}
.ion-sad-outline:before {
content: "\f4d7"
}
.ion-scissors:before {
content: "\f34b"
}
.ion-search:before {
content: "\f21f"
}
.ion-settings:before {
content: "\f2ad"
}
.ion-share:before {
content: "\f220"
}
.ion-shuffle:before {
content: "\f221"
}
.ion-skip-backward:before {
content: "\f222"
}
.ion-skip-forward:before {
content: "\f223"
}
.ion-social-android:before {
content: "\f225"
}
.ion-social-android-outline:before {
content: "\f224"
}
.ion-social-angular:before {
content: "\f4d9"
}
.ion-social-angular-outline:before {
content: "\f4d8"
}
.ion-social-apple:before {
content: "\f227"
}
.ion-social-apple-outline:before {
content: "\f226"
}
.ion-social-bitcoin:before {
content: "\f2af"
}
.ion-social-bitcoin-outline:before {
content: "\f2ae"
}
.ion-social-buffer:before {
content: "\f229"
}
.ion-social-buffer-outline:before {
content: "\f228"
}
.ion-social-chrome:before {
content: "\f4db"
}
.ion-social-chrome-outline:before {
content: "\f4da"
}
.ion-social-codepen:before {
content: "\f4dd"
}
.ion-social-codepen-outline:before {
content: "\f4dc"
}
.ion-social-css3:before {
content: "\f4df"
}
.ion-social-css3-outline:before {
content: "\f4de"
}
.ion-social-designernews:before {
content: "\f22b"
}
.ion-social-designernews-outline:before {
content: "\f22a"
}
.ion-social-dribbble:before {
content: "\f22d"
}
.ion-social-dribbble-outline:before {
content: "\f22c"
}
.ion-social-dropbox:before {
content: "\f22f"
}
.ion-social-dropbox-outline:before {
content: "\f22e"
}
.ion-social-euro:before {
content: "\f4e1"
}
.ion-social-euro-outline:before {
content: "\f4e0"
}
.ion-social-facebook:before {
content: "\f231"
}
.ion-social-facebook-outline:before {
content: "\f230"
}
.ion-social-foursquare:before {
content: "\f34d"
}
.ion-social-foursquare-outline:before {
content: "\f34c"
}
.ion-social-freebsd-devil:before {
content: "\f2c4"
}
.ion-social-github:before {
content: "\f233"
}
.ion-social-github-outline:before {
content: "\f232"
}
.ion-social-google:before {
content: "\f34f"
}
.ion-social-google-outline:before {
content: "\f34e"
}
.ion-social-googleplus:before {
content: "\f235"
}
.ion-social-googleplus-outline:before {
content: "\f234"
}
.ion-social-hackernews:before {
content: "\f237"
}
.ion-social-hackernews-outline:before {
content: "\f236"
}
.ion-social-html5:before {
content: "\f4e3"
}
.ion-social-html5-outline:before {
content: "\f4e2"
}
.ion-social-instagram:before {
content: "\f351"
}
.ion-social-instagram-outline:before {
content: "\f350"
}
.ion-social-javascript:before {
content: "\f4e5"
}
.ion-social-
gitextract_g7aahqj_/
├── .gitignore
├── CONTRIBUTE.md
├── LICENSE
├── README.md
├── alert/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── assets/
│ ├── css/
│ │ └── master.css
│ └── js/
│ └── main.js
├── base/
│ ├── badge.html
│ ├── base.html
│ ├── base.js
│ ├── card.html
│ ├── colors.css
│ ├── colors.html
│ ├── component.json
│ ├── font.css
│ ├── fonts.html
│ ├── icons.css
│ ├── icons.html
│ ├── install.html
│ ├── mobileui.css
│ ├── reset.css
│ └── templates.html
├── button/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── chart-bar/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── chartist/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── chartist-plugin-tooltip/
│ ├── component.json
│ ├── script.js
│ └── style.css
├── chartjs/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── cover/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── dist/
│ ├── alert.json
│ ├── base.json
│ ├── button.json
│ ├── chart-bar.json
│ ├── chartist-plugin-tooltip.json
│ ├── chartist.json
│ ├── chartjs.json
│ ├── cover.json
│ ├── grid.json
│ ├── header.json
│ ├── horizontal-scroll.json
│ ├── imports.css
│ ├── include.json
│ ├── input.json
│ ├── jquery.json
│ ├── list.json
│ ├── loading.json
│ ├── menu.json
│ ├── mobileui-colors.json
│ ├── mobileuijs.json
│ ├── momentjs.json
│ ├── page.json
│ ├── popover.json
│ ├── progress-circle.json
│ ├── progress-circular.json
│ ├── progress-semicircle.json
│ ├── progressbarjs.json
│ ├── pulltorefresh.json
│ ├── swiper.json
│ ├── tab.json
│ ├── templates.json
│ ├── timeline.json
│ └── toast.json
├── docs.json
├── generate_dist.js
├── generate_doc.js
├── grid/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── header/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── horizontal-scroll/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── include/
│ ├── component.json
│ ├── index.html
│ ├── myfile1.html
│ ├── myfile2.html
│ ├── script.js
│ └── style.css
├── input/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── jquery/
│ ├── component.json
│ ├── index.html
│ └── script.js
├── list/
│ ├── component.json
│ ├── index.html
│ └── style.css
├── loading/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── menu/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── mobileui-colors/
│ ├── component.json
│ ├── script.js
│ └── style.css
├── mobileuijs/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── momentjs/
│ ├── component.json
│ ├── index.html
│ └── script.js
├── package.json
├── page/
│ ├── component.json
│ ├── contact.html
│ ├── contact.js
│ ├── contacts.html
│ ├── index.html
│ ├── script.js
│ └── style.css
├── popover/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── progress-circle/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── progress-semicircle/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── progressbarjs/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── pulltorefresh/
│ ├── component.json
│ ├── index.html
│ └── script.js
├── swiper/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── tab/
│ ├── component.json
│ ├── index.html
│ ├── script.js
│ └── style.css
├── timeline/
│ ├── component.json
│ ├── index.html
│ └── style.css
└── toast/
├── component.json
├── index.html
├── script.js
└── style.css
SYMBOL INDEX (486 symbols across 12 files)
FILE: assets/js/main.js
function checkVisible (line 202) | function checkVisible(elm) {
function binderFire (line 514) | function binderFire(){
FILE: chartist-plugin-tooltip/script.js
function d (line 7) | function d(a){f(a,"tooltip-show")||(a.className=a.className+" tooltip-sh...
function e (line 7) | function e(a){var b=new RegExp("tooltip-show\\s*","gi");a.className=a.cl...
function f (line 7) | function f(a,b){return(" "+a.getAttribute("class")+" ").indexOf(" "+b+" ...
function g (line 7) | function g(a,b){do{a=a.nextSibling}while(a&&!f(a,b));return a}
function h (line 7) | function h(a){return a.innerText||a.textContent}
function k (line 7) | function k(a,b,c){n.addEventListener(a,function(a){b&&!f(a.target,b)||c(...
function l (line 7) | function l(b){p=p||o.offsetHeight,q=q||o.offsetWidth;var c,d,e=-q/2+j.to...
FILE: chartist/script.js
function e (line 1) | function e(a){if(c.safeHasProperty(a,"value"))return e(a.value);if(c.saf...
function e (line 1) | function e(a){if(void 0!==a)if(a instanceof Array)for(var b=0;b<a.length...
function b (line 1) | function b(a,c){return a%c===0?c:b(c,a%c)}
function c (line 1) | function c(a){return a*a+1}
function f (line 1) | function f(a,b){return a===(a+=b)&&(a*=1+(b>0?o:-o)),a}
function f (line 1) | function f(b){var f=h;if(h=c.extend({},j),d)for(i=0;i<d.length;i++){var ...
function g (line 1) | function g(){k.forEach(function(a){a.removeListener(f)})}
function a (line 1) | function a(a,b){d[a]=d[a]||[],d[a].push(b)}
function b (line 1) | function b(a,b){d[a]&&(b?(d[a].splice(d[a].indexOf(b),1),0===d[a].length...
function c (line 1) | function c(a,b){d[a]&&d[a].forEach(function(a){a(b)}),d["*"]&&d["*"].for...
function d (line 1) | function d(a){var b=[];if(a.length)for(var c=0;c<a.length;c++)b.push(a[c...
function e (line 1) | function e(a,b){var d=b||this.prototype||c.Class,e=Object.create(d);c.Cl...
function f (line 1) | function f(){var a=d(arguments),b=a[0];return a.splice(1,a.length-1).for...
function d (line 1) | function d(a,b,d){return a&&(this.data=a||{},this.data.labels=this.data....
function e (line 1) | function e(){return this.initializeTimeoutId?a.clearTimeout(this.initial...
function f (line 1) | function f(a,b){return this.eventEmitter.addEventHandler(a,b),this}
function g (line 1) | function g(a,b){return this.eventEmitter.removeEventHandler(a,b),this}
function h (line 1) | function h(){a.addEventListener("resize",this.resizeListener),this.optio...
function i (line 1) | function i(a,b,d,e,f){this.container=c.querySelector(a),this.data=b||{},...
function d (line 1) | function d(a,d,e,f,g){a instanceof Element?this._node=a:(this._node=b.cr...
function e (line 1) | function e(a,b){return"string"==typeof a?b?this._node.getAttributeNS(b,a...
function f (line 1) | function f(a,b,d,e){return new c.Svg(a,b,d,this,e)}
function g (line 1) | function g(){return this._node.parentNode instanceof SVGElement?new c.Sv...
function h (line 1) | function h(){for(var a=this._node;"svg"!==a.nodeName;)a=a.parentNode;ret...
function i (line 1) | function i(a){var b=this._node.querySelector(a);return b?new c.Svg(b):null}
function j (line 1) | function j(a){var b=this._node.querySelectorAll(a);return b.length?new c...
function k (line 1) | function k(){return this._node}
function l (line 1) | function l(a,d,e,f){if("string"==typeof a){var g=b.createElement("div");...
function m (line 1) | function m(a){return this._node.appendChild(b.createTextNode(a)),this}
function n (line 1) | function n(){for(;this._node.firstChild;)this._node.removeChild(this._no...
function o (line 1) | function o(){return this._node.parentNode.removeChild(this._node),this.p...
function p (line 1) | function p(a){return this._node.parentNode.replaceChild(a._node,this._no...
function q (line 1) | function q(a,b){return b&&this._node.firstChild?this._node.insertBefore(...
function r (line 1) | function r(){return this._node.getAttribute("class")?this._node.getAttri...
function s (line 1) | function s(a){return this._node.setAttribute("class",this.classes(this._...
function t (line 1) | function t(a){var b=a.trim().split(/\s+/);return this._node.setAttribute...
function u (line 1) | function u(){return this._node.setAttribute("class",""),this}
function v (line 1) | function v(){return this._node.getBoundingClientRect().height}
function w (line 1) | function w(){return this._node.getBoundingClientRect().width}
function x (line 1) | function x(a,b,d){return void 0===b&&(b=!0),Object.keys(a).forEach(funct...
function y (line 1) | function y(a){var b=this;this.svgElements=[];for(var d=0;d<a.length;d++)...
function d (line 1) | function d(a,b,d,e,f,g){var h=c.extend({command:f?a.toLowerCase():a.toUp...
function e (line 1) | function e(a,b){a.forEach(function(c,d){u[c.command.toLowerCase()].forEa...
function f (line 1) | function f(a,b){this.pathElements=[],this.pos=0,this.close=a,this.option...
function g (line 1) | function g(a){return void 0!==a?(this.pos=Math.max(0,Math.min(this.pathE...
function h (line 1) | function h(a){return this.pathElements.splice(this.pos,a),this}
function i (line 1) | function i(a,b,c,e){return d("M",{x:+a,y:+b},this.pathElements,this.pos+...
function j (line 1) | function j(a,b,c,e){return d("L",{x:+a,y:+b},this.pathElements,this.pos+...
function k (line 1) | function k(a,b,c,e,f,g,h,i){return d("C",{x1:+a,y1:+b,x2:+c,y2:+e,x:+f,y...
function l (line 1) | function l(a,b,c,e,f,g,h,i,j){return d("A",{rx:+a,ry:+b,xAr:+c,lAf:+e,sf...
function m (line 1) | function m(a){var b=a.replace(/([A-Za-z])([0-9])/g,"$1 $2").replace(/([0...
function n (line 1) | function n(){var a=Math.pow(10,this.options.accuracy);return this.pathEl...
function o (line 1) | function o(a,b){return e(this.pathElements,function(c,d){c[d]*="x"===d[0...
function p (line 1) | function p(a,b){return e(this.pathElements,function(c,d){c[d]+="x"===d[0...
function q (line 1) | function q(a){return e(this.pathElements,function(b,c,d,e,f){var g=a(b,c...
function r (line 1) | function r(a){var b=new c.Svg.Path(a||this.close);return b.pos=this.pos,...
function s (line 1) | function s(a){var b=[new c.Svg.Path];return this.pathElements.forEach(fu...
function t (line 1) | function t(a,b,d){for(var e=new c.Svg.Path(b,d),f=0;f<a.length;f++)for(v...
function d (line 1) | function d(a,b,c,d){this.units=a,this.counterUnits=a===f.x?f.y:f.x,this....
function e (line 1) | function e(a,b,d,e,f){var g=e["axis"+this.units.pos.toUpperCase()],h=thi...
function d (line 1) | function d(a,b,d,e){var f=e.highLow||c.getHighLow(b,e,a.pos);this.bounds...
function e (line 1) | function e(a){return this.axisLength*(+c.getMultiValue(a,this.units.pos)...
function d (line 1) | function d(a,b,d,e){var f=e.highLow||c.getHighLow(b,e,a.pos);this.diviso...
function e (line 1) | function e(a){return this.axisLength*(+c.getMultiValue(a,this.units.pos)...
function d (line 1) | function d(a,b,d,e){c.StepAxis["super"].constructor.call(this,a,d,e.tick...
function e (line 1) | function e(a,b){return this.stepLength*b}
function d (line 1) | function d(a){var b=c.normalizeData(this.data,a.reverseData,!0);this.svg...
function e (line 1) | function e(a,b,d,e){c.Line["super"].constructor.call(this,a,b,f,c.extend...
function d (line 1) | function d(a){var b,d;a.distributeSeries?(b=c.normalizeData(this.data,a....
function e (line 2) | function e(a,b,d,e){c.Bar["super"].constructor.call(this,a,b,f,c.extend(...
function d (line 2) | function d(a,b,c){var d=b.x>a.x;return d&&"explode"===c||!d&&"implode"==...
function e (line 2) | function e(a){var b,e,f,h,i,j=c.normalizeData(this.data),k=[],l=a.startA...
function f (line 2) | function f(a,b,d,e){c.Pie["super"].constructor.call(this,a,b,g,c.extend(...
FILE: chartjs/script.js
function a (line 10) | function a(r,l){if(!n[r]){if(!e[r]){var s="function"==typeof require&&re...
function i (line 10) | function i(t){if(t){var e=/^#([a-fA-F0-9]{3})$/,n=/^#([a-fA-F0-9]{6})$/,...
function a (line 10) | function a(t){if(t){var e=/^hsla?\(\s*([+-]?\d+)(?:deg)?\s*,\s*([+-]?[\d...
function o (line 10) | function o(t){if(t){var e=/^hwb\(\s*([+-]?\d+)(?:deg)?\s*,\s*([+-]?[\d\....
function r (line 10) | function r(t){var e=i(t);return e&&e.slice(0,3)}
function l (line 10) | function l(t){var e=a(t);return e&&e.slice(0,3)}
function s (line 10) | function s(t){var e=i(t);return e?e[3]:(e=a(t))?e[3]:(e=o(t))?e[3]:void 0}
function u (line 10) | function u(t){return"#"+x(t[0])+x(t[1])+x(t[2])}
function d (line 10) | function d(t,e){return e<1||t[3]&&t[3]<1?c(t,e):"rgb("+t[0]+", "+t[1]+",...
function c (line 10) | function c(t,e){return void 0===e&&(e=void 0!==t[3]?t[3]:1),"rgba("+t[0]...
function h (line 10) | function h(t,e){if(e<1||t[3]&&t[3]<1)return f(t,e);var n=Math.round(t[0]...
function f (line 10) | function f(t,e){var n=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100...
function g (line 10) | function g(t,e){return e<1||t[3]&&t[3]<1?p(t,e):"hsl("+t[0]+", "+t[1]+"%...
function p (line 10) | function p(t,e){return void 0===e&&(e=void 0!==t[3]?t[3]:1),"hsla("+t[0]...
function m (line 10) | function m(t,e){return void 0===e&&(e=void 0!==t[3]?t[3]:1),"hwb("+t[0]+...
function v (line 10) | function v(t){return k[t.slice(0,3)]}
function b (line 10) | function b(t,e,n){return Math.min(Math.max(e,t),n)}
function x (line 10) | function x(t){var e=t.toString(16).toUpperCase();return e.length<2?"0"+e:e}
function i (line 10) | function i(t){var e,n,i,a=t[0]/255,o=t[1]/255,r=t[2]/255,l=Math.min(a,o,...
function a (line 10) | function a(t){var e,n,i,a=t[0],o=t[1],r=t[2],l=Math.min(a,o,r),s=Math.ma...
function o (line 10) | function o(t){var e=t[0],n=t[1],a=t[2],o=i(t)[0],r=1/255*Math.min(e,Math...
function l (line 10) | function l(t){var e,n,i,a,o=t[0]/255,r=t[1]/255,l=t[2]/255;return a=Math...
function s (line 10) | function s(t){return Z[JSON.stringify(t)]}
function u (line 10) | function u(t){var e=t[0]/255,n=t[1]/255,i=t[2]/255;e=e>.04045?Math.pow((...
function d (line 10) | function d(t){var e,n,i,a=u(t),o=a[0],r=a[1],l=a[2];return o/=95.047,r/=...
function c (line 10) | function c(t){return B(d(t))}
function h (line 10) | function h(t){var e,n,i,a,o,r=t[0]/360,l=t[1]/100,s=t[2]/100;if(0==l)ret...
function f (line 10) | function f(t){var e,n,i=t[0],a=t[1]/100,o=t[2]/100;return 0===o?[0,0,0]:...
function p (line 10) | function p(t){return o(h(t))}
function m (line 10) | function m(t){return l(h(t))}
function v (line 10) | function v(t){return s(h(t))}
function x (line 10) | function x(t){var e=t[0]/60,n=t[1]/100,i=t[2]/100,a=Math.floor(e)%6,o=e-...
function y (line 10) | function y(t){var e,n,i=t[0],a=t[1]/100,o=t[2]/100;return n=(2-a)*o,e=a*...
function k (line 10) | function k(t){return o(x(t))}
function w (line 10) | function w(t){return l(x(t))}
function M (line 10) | function M(t){return s(x(t))}
function S (line 10) | function S(t){var e,n,i,a,o=t[0]/360,l=t[1]/100,s=t[2]/100,u=l+s;switch(...
function C (line 10) | function C(t){return i(S(t))}
function D (line 10) | function D(t){return a(S(t))}
function I (line 10) | function I(t){return l(S(t))}
function A (line 10) | function A(t){return s(S(t))}
function P (line 10) | function P(t){var e,n,i,a=t[0]/100,o=t[1]/100,r=t[2]/100,l=t[3]/100;retu...
function _ (line 10) | function _(t){return i(P(t))}
function T (line 10) | function T(t){return a(P(t))}
function F (line 10) | function F(t){return o(P(t))}
function R (line 10) | function R(t){return s(P(t))}
function L (line 10) | function L(t){var e,n,i,a=t[0]/100,o=t[1]/100,r=t[2]/100;return e=3.2406...
function V (line 10) | function V(t){var e,n,i,a=t[0],o=t[1],r=t[2];return a/=95.047,o/=100,r/=...
function O (line 10) | function O(t){return B(V(t))}
function z (line 10) | function z(t){var e,n,i,a,o=t[0],r=t[1],l=t[2];return o<=8?(n=100*o/903....
function B (line 10) | function B(t){var e,n,i,a=t[0],o=t[1],r=t[2];return e=Math.atan2(r,o),n=...
function W (line 10) | function W(t){return L(z(t))}
function N (line 10) | function N(t){var e,n,i,a=t[0],o=t[1],r=t[2];return i=r/360*2*Math.PI,e=...
function E (line 10) | function E(t){return z(N(t))}
function H (line 10) | function H(t){return W(N(t))}
function q (line 10) | function q(t){return J[t]}
function j (line 10) | function j(t){return i(q(t))}
function Y (line 10) | function Y(t){return a(q(t))}
function U (line 10) | function U(t){return o(q(t))}
function X (line 10) | function X(t){return l(q(t))}
function K (line 10) | function K(t){return d(q(t))}
function G (line 10) | function G(t){return u(q(t))}
function e (line 11) | function e(t,e){return n.getValueOrDefault(t.showLine,e.showLines)}
function t (line 11) | function t(t,e,n){return Math.max(Math.min(t,n),e)}
function e (line 11) | function e(e){e=e||{};var n=e.data=e.data||{};return n.datasets=n.datase...
function n (line 11) | function n(t){var e=t.options;e.scale?t.scale.options=e.scale:e.scales&&...
function i (line 11) | function i(t){return"top"===t||"bottom"===t}
function e (line 11) | function e(t,e){return t._chartjs?void t._chartjs.listeners.push(e):(Obj...
function n (line 11) | function n(t,e){var n=t._chartjs;if(n){var i=n.listeners,o=i.indexOf(e);
function e (line 12) | function e(t,e,n,a){var o,r,l,s,u,d,c,h,f,g=Object.keys(n);for(o=0,r=g.l...
function e (line 12) | function e(t,e,n){var i;return"string"==typeof t?(i=parseInt(t,10),t.ind...
function n (line 12) | function n(t){return void 0!==t&&null!==t&&"none"!==t}
function a (line 12) | function a(t,i,a){var o=document.defaultView,r=t.parentNode,l=o.getCompu...
function e (line 12) | function e(t,e){return t.native?{x:t.x,y:t.y}:r.getRelativePosition(t,e)}
function n (line 12) | function n(t,e){var n,i,a,o,r,l=t.data.datasets;for(i=0,o=l.length;i<o;+...
function i (line 12) | function i(t,e){var i=[];return n(t,function(t){t.inRange(e.x,e.y)&&i.pu...
function a (line 12) | function a(t,e,i,a){var o=Number.POSITIVE_INFINITY,l=[];return a||(a=r.d...
function o (line 12) | function o(t,n,o){var r=e(n,t),l=function(t,e){return Math.abs(t.x-e.x)}...
function e (line 12) | function e(t,e){return i.where(t,function(t){return t.position===e})}
function n (line 12) | function n(t,e){t.forEach(function(t,e){return t._tmpIndex_=e,t}),t.sort...
function r (line 12) | function r(t){var e,n=t.isHorizontal();n?(e=t.update(t.fullWidth?k:I,D),...
function l (line 12) | function l(t){var e=i.findNextWhere(P,function(e){return e.box===t});if(...
function s (line 12) | function s(t){var e=i.findNextWhere(P,function(e){return e.box===t}),n={...
function u (line 12) | function u(t){t.isHorizontal()?(t.left=t.fullWidth?h:L,t.right=t.fullWid...
function e (line 12) | function e(t,e,n){return i.isArray(e)?i.longestText(t,n,e):t.measureText...
function n (line 12) | function n(e){var n=i.getValueOrDefault,a=t.defaults.global,o=n(e.fontSi...
function e (line 13) | function e(t,e){var n=s.color(t);return n.alpha(e*n.alpha()).rgbaString()}
function n (line 13) | function n(t,e){return e&&(s.isArray(e)?Array.prototype.push.apply(t,e):...
function i (line 13) | function i(t){var e=t._xScale,n=t._yScale||t._scale,i=t._index,a=t._data...
function a (line 13) | function a(e){var n=t.defaults.global,i=s.getValueOrDefault;return{xPadd...
function o (line 13) | function o(t,e){var n=t._chart.ctx,i=2*e.yPadding,a=0,o=e.body,r=o.reduc...
function r (line 13) | function r(t,e){var n=t._model,i=t._chart,a=t._chart.chartArea,o="center...
function l (line 13) | function l(t,e,n){var i=t.x,a=t.y,o=t.caretSize,r=t.caretPadding,l=t.cor...
function e (line 13) | function e(t){var e=this._view;return!!e&&Math.pow(t-e.x,2)<Math.pow(e.r...
function n (line 13) | function n(t){var e=this._view;return!!e&&Math.pow(t-e.y,2)<Math.pow(e.r...
function e (line 13) | function e(t){return void 0!==t._view.width}
function n (line 13) | function n(t){var n,i,a,o,r=t._view;if(e(t)){var l=r.width/2;n=r.x-l,i=r...
function t (line 13) | function t(t){return v[(x+t)%4]}
function e (line 13) | function e(t,e){var n=s.getStyle(t,e),i=n&&n.match(/^(\d+)(\.\d+)?px$/);...
function n (line 13) | function n(t,n){var i=t.style,a=t.getAttribute("height"),o=t.getAttribut...
function i (line 13) | function i(t,e,n,i,a){return{type:t,chart:e,native:a||null,x:void 0!==n?...
function a (line 13) | function a(t,e){var n=u[t.type]||t.type,a=s.getRelativePosition(t,e);ret...
function o (line 13) | function o(t){var e=document.createElement("iframe");return e.className=...
function r (line 13) | function r(t,e,n){var a=t._chartjs={ticking:!1},r=function(){a.ticking||...
function l (line 13) | function l(t){if(t&&t._chartjs){var e=t._chartjs.resizer;e&&(e.parentNod...
function e (line 13) | function e(t,e,n){var i,a=t._model||{},o=a.fill;if(void 0===o&&(o=!!a.ba...
function n (line 13) | function n(t){var e,n=t.el._model||{},i=t.el._scale||{},a=t.fill,o=null;...
function i (line 13) | function i(t,e,n){var i,a=t[e],o=a.fill,r=[e];if(!n)return o;for(;o!==!1...
function a (line 13) | function a(t){var e=t.fill,n="dataset";return e===!1?null:(isFinite(e)||...
function o (line 13) | function o(t){return t&&!t.skip}
function r (line 13) | function r(t,e,n,i,a){var o;if(i&&a){for(t.moveTo(e[0].x,e[0].y),o=1;o<i...
function l (line 13) | function l(t,e,n,i,a,l){var s,u,d,c,h,f,g,p=e.length,m=i.spanGaps,v=[],b...
function e (line 13) | function e(t,e){return t.usePointStyle?e*Math.SQRT2:t.boxWidth}
function n (line 13) | function n(e,n){var i=new t.Legend({ctx:e.ctx,options:n,chart:e});a.conf...
function e (line 13) | function e(e,n){var a=new t.Title({ctx:e.ctx,options:n,chart:e});i.confi...
function t (line 14) | function t(t){return l?t.xAxisID===n.id:t.yAxisID===n.id}
function t (line 14) | function t(t){return u?t.xAxisID===n.id:t.yAxisID===n.id}
function e (line 14) | function e(t){var e=t.options;return e.angleLines.display||e.pointLabels...
function n (line 14) | function n(t){var e=t.options.pointLabels,n=f.getValueOrDefault(e.fontSi...
function i (line 14) | function i(t,e,n){return f.isArray(n)?{w:f.longestText(t,t.font,n),h:n.l...
function a (line 14) | function a(t,e,n,i,a){return t===i||t===a?{start:e-n/2,end:e+n/2}:t<i||t...
function o (line 14) | function o(t){var o,r,l,s=n(t),u=Math.min(t.height/2,t.width/2),d={r:t.w...
function r (line 14) | function r(t){var e=Math.min(t.height/2,t.width/2);t.drawingArea=Math.ro...
function l (line 14) | function l(t){return 0===t||180===t?"center":t<180?"left":"right"}
function s (line 14) | function s(t,e,n,i){if(f.isArray(e))for(var a=n.y,o=1.5*i,r=0;r<e.length...
function u (line 14) | function u(t,e,n){90===t||270===t?n.y-=e.h/2:(t>270||t<90)&&(n.y-=e.h)}
function d (line 14) | function d(t){var i=t.ctx,a=f.getValueOrDefault,o=t.options,r=o.angleLin...
function c (line 14) | function c(t,n,i,a){var o=t.ctx;if(o.strokeStyle=f.getValueAtIndexOrDefa...
function h (line 14) | function h(t){return f.isNumber(t)?t:0}
function e (line 14) | function e(t,e){var n=t.options.time;if("string"==typeof n.parser)return...
function n (line 14) | function n(t,e,n,i){for(var a,o=Object.keys(l),r=o.length,s=o.indexOf(t)...
function a (line 14) | function a(t,e,n,i){var a=l[n],o=a.size,r=Math.ceil((e-t)/o),s=1,u=e-t;i...
function o (line 14) | function o(t,e,n){var a=[];if(t.maxTicks){var o=t.stepSize;a.push(void 0...
FILE: generate_dist.js
function getDirectories (line 6) | function getDirectories (srcpath) {
FILE: jquery/script.js
function type (line 69) | function type(obj) {
function isFunction (line 74) | function isFunction(value) { return type(value) == "function" }
function isWindow (line 75) | function isWindow(obj) { return obj != null && obj == obj.window }
function isDocument (line 76) | function isDocument(obj) { return obj != null && obj.nodeType == obj.D...
function isObject (line 77) | function isObject(obj) { return type(obj) == "object" }
function isPlainObject (line 78) | function isPlainObject(obj) {
function likeArray (line 82) | function likeArray(obj) {
function compact (line 92) | function compact(array) { return filter.call(array, function(item){ retu...
function flatten (line 93) | function flatten(array) { return array.length > 0 ? $.fn.concat.apply([]...
function dasherize (line 95) | function dasherize(str) {
function classRE (line 104) | function classRE(name) {
function maybeAddPx (line 109) | function maybeAddPx(name, value) {
function defaultDisplay (line 113) | function defaultDisplay(nodeName) {
function children (line 126) | function children(element) {
function Z (line 132) | function Z(dom, selector) {
function extend (line 239) | function extend(target, source, deep) {
function filtered (line 283) | function filtered(nodes, selector) {
function funcArg (line 297) | function funcArg(context, arg, idx, payload) {
function setAttribute (line 301) | function setAttribute(node, name, value) {
function className (line 306) | function className(node, value){
function deserializeValue (line 322) | function deserializeValue(value) {
function traverseNode (line 864) | function traverseNode(node, fun) {
function zid (line 957) | function zid(element) {
function findHandlers (line 960) | function findHandlers(element, event, fn, selector) {
function parse (line 971) | function parse(event) {
function matcherFor (line 975) | function matcherFor(ns) {
function eventCapture (line 979) | function eventCapture(handler, captureSetting) {
function realEvent (line 985) | function realEvent(type) {
function add (line 989) | function add(element, events, fn, data, selector, delegator, capture){
function remove (line 1018) | function remove(element, events, fn, selector, capture){
function compatible (line 1068) | function compatible(event, source) {
function createProxy (line 1091) | function createProxy(event) {
function triggerAndReturn (line 1232) | function triggerAndReturn(context, eventName, data) {
function triggerGlobal (line 1239) | function triggerGlobal(settings, context, eventName, data) {
function ajaxStart (line 1246) | function ajaxStart(settings) {
function ajaxStop (line 1249) | function ajaxStop(settings) {
function ajaxBeforeSend (line 1254) | function ajaxBeforeSend(xhr, settings) {
function ajaxSuccess (line 1262) | function ajaxSuccess(data, xhr, settings, deferred) {
function ajaxError (line 1270) | function ajaxError(error, type, xhr, settings, deferred) {
function ajaxComplete (line 1278) | function ajaxComplete(status, xhr, settings) {
function ajaxDataFilter (line 1285) | function ajaxDataFilter(data, type, settings) {
function empty (line 1292) | function empty() {}
function mimeToDataType (line 1388) | function mimeToDataType(mime) {
function appendQuery (line 1396) | function appendQuery(url, query) {
function serializeData (line 1402) | function serializeData(options) {
function parseArguments (line 1524) | function parseArguments(url, data, success, dataType) {
function serialize (line 1569) | function serialize(params, obj, traditional, scope){
FILE: mobileuijs/script.js
function e (line 1) | function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&re...
function e (line 1) | function e(a){return"[object Function]"===(d(a)?Object.prototype.toStrin...
function d (line 1) | function d(a){return null!==a&&"object"==typeof a}
function e (line 1) | function e(a){if(a)return f(a)}
function f (line 1) | function f(a){for(var b in e.prototype)a[b]=e.prototype[b];return a}
function e (line 1) | function e(a){if(a)return f(a)}
function f (line 1) | function f(a){for(var b in e.prototype)a[b]=e.prototype[b];return a}
function d (line 1) | function d(a){if(a)return e(a)}
function e (line 1) | function e(a){for(var b in d.prototype)a[b]=d.prototype[b];return a}
function c (line 1) | function c(){this.off(a,c),b.apply(this,arguments)}
function k (line 1) | function k(){}
function n (line 1) | function n(a){if(!g(a))return a;var b=[];for(var c in a)o(b,c,a[c]);retu...
function o (line 1) | function o(a,b,c){if(null!=c)if(Array.isArray(c))c.forEach(function(c){o...
function p (line 1) | function p(a){for(var d,e,b={},c=a.split("&"),f=0,g=c.length;f<g;++f)d=c...
function q (line 1) | function q(a){var d,e,f,g,b=a.split(/\r?\n/),c={};b.pop();for(var h=0,i=...
function r (line 1) | function r(a){return/[\/+]json\b/.test(a)}
function s (line 1) | function s(a){this.req=a,this.xhr=this.req.xhr,this.text="HEAD"!=this.re...
function t (line 1) | function t(a,b){var c=this;this._query=this._query||[],this.method=a,thi...
function u (line 1) | function u(a,b,c){var d=l("DELETE",a);return"function"==typeof b&&(c=b,b...
FILE: momentjs/script.js
function e (line 1) | function e(){return Yt.apply(null,arguments)}
function t (line 1) | function t(e){return e instanceof Array||"[object Array]"===Object.proto...
function n (line 1) | function n(e){return null!=e&&"[object Object]"===Object.prototype.toStr...
function s (line 1) | function s(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnProp...
function i (line 1) | function i(e){return void 0===e}
function r (line 1) | function r(e){return"number"==typeof e||"[object Number]"===Object.proto...
function a (line 1) | function a(e){return e instanceof Date||"[object Date]"===Object.prototy...
function o (line 1) | function o(e,t){var n,s=[];for(n=0;n<e.length;++n)s.push(t(e[n],n));retu...
function u (line 1) | function u(e,t){return Object.prototype.hasOwnProperty.call(e,t)}
function l (line 1) | function l(e,t){for(var n in t)u(t,n)&&(e[n]=t[n]);return u(t,"toString"...
function d (line 1) | function d(e,t,n,s){return je(e,t,n,s,!0).utc()}
function h (line 1) | function h(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,...
function c (line 1) | function c(e){return null==e._pf&&(e._pf=h()),e._pf}
function f (line 1) | function f(e){if(null==e._isValid){var t=c(e),n=Ot.call(t.parsedDatePart...
function m (line 1) | function m(e){var t=d(NaN);return null!=e?l(c(t),e):c(t).userInvalidated...
function _ (line 1) | function _(e,t){var n,s,r;if(i(t._isAMomentObject)||(e._isAMomentObject=...
function y (line 1) | function y(t){_(this,t),this._d=new Date(null!=t._d?t._d.getTime():NaN),...
function g (line 1) | function g(e){return e instanceof y||null!=e&&null!=e._isAMomentObject}
function p (line 1) | function p(e){return e<0?Math.ceil(e)||0:Math.floor(e)}
function w (line 1) | function w(e){var t=+e,n=0;return 0!==t&&isFinite(t)&&(n=p(t)),n}
function v (line 1) | function v(e,t,n){var s,i=Math.min(e.length,t.length),r=Math.abs(e.lengt...
function M (line 1) | function M(t){!1===e.suppressDeprecationWarnings&&"undefined"!=typeof co...
function k (line 1) | function k(t,n){var s=!0;return l(function(){if(null!=e.deprecationHandl...
function S (line 1) | function S(t,n){null!=e.deprecationHandler&&e.deprecationHandler(t,n),bt...
function D (line 1) | function D(e){return e instanceof Function||"[object Function]"===Object...
function Y (line 1) | function Y(e,t){var s,i=l({},e);for(s in t)u(t,s)&&(n(e[s])&&n(t[s])?(i[...
function O (line 1) | function O(e){null!=e&&this.set(e)}
function x (line 1) | function x(e,t){var n=e.toLowerCase();Ut[n]=Ut[n+"s"]=Ut[t]=e}
function T (line 1) | function T(e){return"string"==typeof e?Ut[e]||Ut[e.toLowerCase()]:void 0}
function b (line 1) | function b(e){var t,n,s={};for(n in e)u(e,n)&&(t=T(n))&&(s[t]=e[n]);retu...
function P (line 1) | function P(e,t){Nt[e]=t}
function W (line 1) | function W(e){var t=[];for(var n in e)t.push({unit:n,priority:Nt[n]});re...
function R (line 1) | function R(e,t,n){var s=""+Math.abs(e),i=t-s.length;return(e>=0?n?"+":""...
function C (line 1) | function C(e,t,n,s){var i=s;"string"==typeof s&&(i=function(){return thi...
function F (line 1) | function F(e){return e.match(/\[[\s\S]/)?e.replace(/^\[|\]$/g,""):e.repl...
function U (line 1) | function U(e){var t,n,s=e.match(Ht);for(t=0,n=s.length;t<n;t++)Vt[s[t]]?...
function N (line 1) | function N(e,t){return e.isValid()?(t=H(t,e.localeData()),Gt[t]=Gt[t]||U...
function H (line 1) | function H(e,t){var n=5;for(Lt.lastIndex=0;n>=0&&Lt.test(e);)e=e.replace...
function L (line 1) | function L(e,t,n){rn[e]=D(t)?t:function(e,s){return e&&n?n:t}}
function G (line 1) | function G(e,t){return u(rn,e)?rn[e](t._strict,t._locale):new RegExp(V(e))}
function V (line 1) | function V(e){return j(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]...
function j (line 1) | function j(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}
function I (line 1) | function I(e,t){var n,s=t;for("string"==typeof e&&(e=[e]),r(t)&&(s=funct...
function E (line 1) | function E(e,t){I(e,function(e,n,s,i){s._w=s._w||{},t(e,s._w,s,i)})}
function A (line 1) | function A(e,t,n){null!=t&&u(an,e)&&an[e](t,n._a,n,e)}
function z (line 1) | function z(e){return Z(e)?366:365}
function Z (line 1) | function Z(e){return e%4==0&&e%100!=0||e%400==0}
function $ (line 1) | function $(t,n){return function(s){return null!=s?(J(this,t,s),e.updateO...
function q (line 1) | function q(e,t){return e.isValid()?e._d["get"+(e._isUTC?"UTC":"")+t]():NaN}
function J (line 1) | function J(e,t,n){e.isValid()&&!isNaN(n)&&("FullYear"===t&&Z(e.year())?e...
function B (line 1) | function B(e,t){return(e%t+t)%t}
function Q (line 1) | function Q(e,t){if(isNaN(e)||isNaN(t))return NaN;var n=B(t,12);return e+...
function X (line 1) | function X(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._monthsPars...
function K (line 1) | function K(e,t){var n;if(!e.isValid())return e;if("string"==typeof t)if(...
function ee (line 1) | function ee(t){return null!=t?(K(this,t),e.updateOffset(this,!0),this):q...
function te (line 1) | function te(){function e(e,t){return t.length-e.length}var t,n,s=[],i=[]...
function ne (line 1) | function ne(e,t,n,s,i,r,a){var o=new Date(e,t,n,s,i,r,a);return e<100&&e...
function se (line 1) | function se(e){var t=new Date(Date.UTC.apply(null,arguments));return e<1...
function ie (line 1) | function ie(e,t,n){var s=7+t-n;return-((7+se(e,0,s).getUTCDay()-t)%7)+s-1}
function re (line 1) | function re(e,t,n,s,i){var r,a,o=1+7*(t-1)+(7+n-s)%7+ie(e,s,i);return o<...
function ae (line 1) | function ae(e,t,n){var s,i,r=ie(e.year(),t,n),a=Math.floor((e.dayOfYear(...
function oe (line 1) | function oe(e,t,n){var s=ie(e,t,n),i=ie(e+1,t,n);return(z(e)-s+i)/7}
function ue (line 1) | function ue(e,t){return"string"!=typeof e?e:isNaN(e)?"number"==typeof(e=...
function le (line 1) | function le(e,t){return"string"==typeof e?t.weekdaysParse(e)%7||7:isNaN(...
function de (line 1) | function de(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._weekdaysP...
function he (line 1) | function he(){function e(e,t){return t.length-e.length}var t,n,s,i,r,a=[...
function ce (line 1) | function ce(){return this.hours()%12||12}
function fe (line 1) | function fe(e,t){C(e,0,0,function(){return this.localeData().meridiem(th...
function me (line 1) | function me(e,t){return t._meridiemParse}
function _e (line 1) | function _e(e){return e?e.toLowerCase().replace("_","-"):e}
function ye (line 1) | function ye(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=_e(e[r]).split(...
function ge (line 1) | function ge(e){var t=null;if(!Fn[e]&&"undefined"!=typeof module&&module&...
function pe (line 1) | function pe(e,t){var n;return e&&(n=i(t)?ve(e):we(e,t))&&(Pn=n),Pn._abbr}
function we (line 1) | function we(e,t){if(null!==t){var n=Cn;if(t.abbr=e,null!=Fn[e])S("define...
function ve (line 1) | function ve(e){var n;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abb...
function Me (line 1) | function Me(e){var t,n=e._a;return n&&-2===c(e).overflow&&(t=n[un]<0||n[...
function ke (line 1) | function ke(e,t,n){return null!=e?e:null!=t?t:n}
function Se (line 1) | function Se(t){var n=new Date(e.now());return t._useUTC?[n.getUTCFullYea...
function De (line 1) | function De(e){var t,n,s,i,r=[];if(!e._d){for(s=Se(e),e._w&&null==e._a[l...
function Ye (line 1) | function Ye(e){var t,n,s,i,r,a,o,u;if(null!=(t=e._w).GG||null!=t.W||null...
function Oe (line 1) | function Oe(e){var t,n,s,i,r,a,o=e._i,u=Nn.exec(o)||Hn.exec(o);if(u){for...
function xe (line 1) | function xe(e,t,n,s,i,r){var a=[Te(e),vn.indexOf(t),parseInt(n,10),parse...
function Te (line 1) | function Te(e){var t=parseInt(e,10);return t<=49?2e3+t:t<=999?1900+t:t}
function be (line 1) | function be(e){return e.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+...
function Pe (line 1) | function Pe(e,t,n){return!e||Yn.indexOf(e)===new Date(t[0],t[1],t[2]).ge...
function We (line 1) | function We(e,t,n){if(e)return En[e];if(t)return 0;var s=parseInt(n,10),...
function Re (line 1) | function Re(e){var t=In.exec(be(e._i));if(t){var n=xe(t[4],t[3],t[2],t[5...
function Ce (line 1) | function Ce(t){var n=jn.exec(t._i);null===n?(Oe(t),!1===t._isValid&&(del...
function Fe (line 1) | function Fe(t){if(t._f!==e.ISO_8601)if(t._f!==e.RFC_2822){t._a=[],c(t).e...
function Ue (line 1) | function Ue(e,t,n){var s;return null==n?t:null!=e.meridiemHour?e.meridie...
function Ne (line 1) | function Ne(e){var t,n,s,i,r;if(0===e._f.length)return c(e).invalidForma...
function He (line 1) | function He(e){if(!e._d){var t=b(e._i);e._a=o([t.year,t.month,t.day||t.d...
function Le (line 1) | function Le(e){var t=new y(Me(Ge(e)));return t._nextDay&&(t.add(1,"d"),t...
function Ge (line 1) | function Ge(e){var n=e._i,s=e._f;return e._locale=e._locale||ve(e._l),nu...
function Ve (line 1) | function Ve(s){var u=s._i;i(u)?s._d=new Date(e.now()):a(u)?s._d=new Date...
function je (line 1) | function je(e,i,r,a,o){var u={};return!0!==r&&!1!==r||(a=r,r=void 0),(n(...
function Ie (line 1) | function Ie(e,t,n,s){return je(e,t,n,s,!1)}
function Ee (line 1) | function Ee(e,n){var s,i;if(1===n.length&&t(n[0])&&(n=n[0]),!n.length)re...
function Ae (line 1) | function Ae(e){for(var t in e)if(-1===yn.call(Zn,t)||null!=e[t]&&isNaN(e...
function ze (line 1) | function ze(e){var t=b(e),n=t.year||0,s=t.quarter||0,i=t.month||0,r=t.we...
function Ze (line 1) | function Ze(e){return e instanceof ze}
function $e (line 1) | function $e(e){return e<0?-1*Math.round(-1*e):Math.round(e)}
function qe (line 1) | function qe(e,t){C(e,0,0,function(){var e=this.utcOffset(),n="+";return ...
function Je (line 1) | function Je(e,t){var n=(t||"").match(e);if(null===n)return null;var s=((...
function Be (line 1) | function Be(t,n){var s,i;return n._isUTC?(s=n.clone(),i=(g(t)||a(t)?t.va...
function Qe (line 1) | function Qe(e){return 15*-Math.round(e._d.getTimezoneOffset()/15)}
function Xe (line 1) | function Xe(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}
function Ke (line 1) | function Ke(e,t){var n,s,i,a=e,o=null;return Ze(e)?a={ms:e._milliseconds...
function et (line 1) | function et(e,t){var n=e&&parseFloat(e.replace(",","."));return(isNaN(n)...
function tt (line 1) | function tt(e,t){var n={milliseconds:0,months:0};return n.months=t.month...
function nt (line 1) | function nt(e,t){var n;return e.isValid()&&t.isValid()?(t=Be(t,e),e.isBe...
function st (line 1) | function st(e,t){return function(n,s){var i,r;return null===s||isNaN(+s)...
function it (line 1) | function it(t,n,s,i){var r=n._milliseconds,a=$e(n._days),o=$e(n._months)...
function rt (line 1) | function rt(e,t){var n,s=12*(t.year()-e.year())+(t.month()-e.month()),i=...
function at (line 1) | function at(e){var t;return void 0===e?this._locale._abbr:(null!=(t=ve(e...
function ot (line 1) | function ot(){return this._locale}
function ut (line 1) | function ut(e,t){C(0,[e,e.length],0,t)}
function lt (line 1) | function lt(e,t,n,s,i){var r;return null==e?ae(this,s,i).year:(r=oe(e,s,...
function dt (line 1) | function dt(e,t,n,s,i){var r=re(e,t,n,s,i),a=se(r.year,0,r.dayOfYear);re...
function ht (line 1) | function ht(e){return e}
function ct (line 1) | function ct(e,t,n,s){var i=ve(),r=d().set(s,t);return i[n](r,e)}
function ft (line 1) | function ft(e,t,n){if(r(e)&&(t=e,e=void 0),e=e||"",null!=t)return ct(e,t...
function mt (line 1) | function mt(e,t,n,s){"boolean"==typeof e?(r(t)&&(n=t,t=void 0),t=t||""):...
function _t (line 1) | function _t(e,t,n,s){var i=Ke(t,n);return e._milliseconds+=s*i._millisec...
function yt (line 1) | function yt(e){return e<0?Math.floor(e):Math.ceil(e)}
function gt (line 1) | function gt(e){return 4800*e/146097}
function pt (line 1) | function pt(e){return 146097*e/4800}
function wt (line 1) | function wt(e){return function(){return this.as(e)}}
function vt (line 1) | function vt(e){return function(){return this.isValid()?this._data[e]:NaN}}
function Mt (line 1) | function Mt(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}
function kt (line 1) | function kt(e,t,n){var s=Ke(e).abs(),i=ks(s.as("s")),r=ks(s.as("m")),a=k...
function St (line 1) | function St(e){return(e>0)-(e<0)||+e}
function Dt (line 1) | function Dt(){if(!this.isValid())return this.localeData().invalidDate();...
FILE: page/contact.js
function functionOpenContact (line 1) | function functionOpenContact(params){
FILE: progressbarjs/script.js
function e (line 5) | function e(g,h){if(!c[g]){if(!a[g]){var i="function"==typeof require&&re...
function e (line 5) | function e(){}
function f (line 5) | function f(a,b){var c;for(c in a)Object.hasOwnProperty.call(a,c)&&b(c)}
function g (line 5) | function g(a,b){return f(b,function(c){a[c]=b[c]}),a}
function h (line 5) | function h(a,b){f(b,function(c){"undefined"==typeof a[c]&&(a[c]=b[c])})}
function i (line 5) | function i(a,b,c,d,e,f,g){var h,i,k,l=f>a?0:(a-f)/e;for(h in b)b.hasOwnP...
function j (line 5) | function j(a,b,c,d){return a+(b-a)*c(d)}
function k (line 5) | function k(a,b){var c=n.prototype.filter,d=a._filterArgs;f(c,function(e)...
function l (line 5) | function l(a,b,c,d,e,f,g,h,j,l,m){v=b+c+d,w=Math.min(m||u(),v),x=w>=v,y=...
function m (line 5) | function m(a,b){var c={},d=typeof b;return"string"===d||"function"===d?f...
function n (line 5) | function n(a,b){this._currentState=a||{},this._configured=!1,this._sched...
function a (line 5) | function a(a,b,c,d,e,f){function g(a){return((n*a+o)*a+p)*a}function h(a...
function b (line 5) | function b(b,c,d,e){return function(f){return a(f,b,c,d,e,1)}}
function a (line 5) | function a(a,b,c,d,f,g){return e.tweenProps(d,b,a,c,1,g,f)}
function b (line 5) | function b(a,b){var c,d=[],e=a.length;for(c=0;e>c;c++)d.push("_"+b+"_"+c...
function c (line 5) | function c(a){var b=a.match(v);return b?(1===b.length||a[0].match(u))&&b...
function d (line 5) | function d(b){a.each(b,function(a){var c=b[a];"string"==typeof c&&c.matc...
function e (line 5) | function e(a){return i(z,a,f)}
function f (line 5) | function f(a){var b=g(a);return"rgb("+b[0]+","+b[1]+","+b[2]+")"}
function g (line 5) | function g(a){return a=a.replace(/#/,""),3===a.length&&(a=a.split(""),a=...
function h (line 5) | function h(a){return parseInt(a,16)}
function i (line 5) | function i(a,b,c){var d=b.match(a),e=b.replace(a,A);if(d)for(var f,g=d.l...
function j (line 5) | function j(a){return i(x,a,k)}
function k (line 5) | function k(a){for(var b=a.match(w),c=b.length,d=a.match(y)[0],e=0;c>e;e+...
function l (line 5) | function l(d){var e={};return a.each(d,function(a){var f=d[a];if("string...
function m (line 5) | function m(b,c){a.each(c,function(a){for(var d=b[a],e=r(d),f=e.length,g=...
function n (line 5) | function n(b,c){a.each(c,function(a){var d=b[a],e=o(b,c[a].chunkNames),f...
function o (line 5) | function o(a,b){for(var c,d={},e=b.length,f=0;e>f;f++)c=b[f],d[c]=a[c],d...
function p (line 5) | function p(a,b){C.length=0;for(var c=b.length,d=0;c>d;d++)C.push(a[b[d]]...
function q (line 5) | function q(a,b){for(var c=a,d=b.length,e=0;d>e;e++)c=c.replace(A,+b[e].t...
function r (line 5) | function r(a){return a.match(w)}
function s (line 5) | function s(b,c){a.each(c,function(a){var d,e=c[a],f=e.chunkNames,g=f.len...
function t (line 5) | function t(b,c){a.each(c,function(a){var d=c[a],e=d.chunkNames,f=e.lengt...
function d (line 5) | function d(a,b,c){a=a||{},b=b||{},c=c||!1;for(var e in b)if(b.hasOwnProp...
function e (line 5) | function e(a,b){var c=a;for(var d in b)if(b.hasOwnProperty(d)){var e=b[d...
function f (line 5) | function f(a,b,c){for(var d=a.style,e=0;e<p.length;++e){var f=p[e];d[f+h...
function g (line 5) | function g(a,b){m(b,function(b,c){null!==b&&void 0!==b&&(l(b)&&b.prefix=...
function h (line 5) | function h(a){return a.charAt(0).toUpperCase()+a.slice(1)}
function i (line 5) | function i(a){return"string"==typeof a||a instanceof String}
function j (line 5) | function j(a){return"function"==typeof a}
function k (line 5) | function k(a){return"[object Array]"===Object.prototype.toString.call(a)}
function l (line 5) | function l(a){if(k(a))return!1;var b=typeof a;return"object"===b&&!!a}
function m (line 5) | function m(a,b){for(var c in a)if(a.hasOwnProperty(c)){var d=a[c];b(d,c)}}
function n (line 5) | function n(a,b){return Math.abs(a-b)<q}
function o (line 5) | function o(a){for(;a.firstChild;)a.removeChild(a.firstChild)}
FILE: pulltorefresh/script.js
function _ptrMarkup (line 6) | function _ptrMarkup () { return '\n<div class="__PREFIX__box">\n <div c...
function _ptrStyles (line 8) | function _ptrStyles () { return '.__PREFIX__ptr {\n box-shadow: inset 0...
method passive (line 51) | get passive () { // eslint-disable-line getter-return
function _setupEvents (line 139) | function _setupEvents () {
function _setupHandler (line 286) | function _setupHandler (options) {
FILE: swiper/script.js
function round (line 541) | function round(a) {
function onReady (line 567) | function onReady () {
function _onReady (line 594) | function _onReady() {
function autoplay (line 613) | function autoplay() {
function forceSetTranslate (line 1236) | function forceSetTranslate() {
function findElementInEvent (line 1433) | function findElementInEvent(e, selector) {
function initObserver (line 2318) | function initObserver(target, options) {
function setControlledTranslate (line 3149) | function setControlledTranslate(c) {
function setControlledTransition (line 3189) | function setControlledTransition(c) {
function handleKeyboard (line 3336) | function handleKeyboard(e) {
function isEventSupported (line 3419) | function isEventSupported() {
function normalizeWheel (line 3541) | function normalizeWheel( /*object*/ event ) /*object*/ {
function handleMousewheel (line 3616) | function handleMousewheel(e) {
function setParallaxTransform (line 3730) | function setParallaxTransform(el, progress) {
function normalizeEventName (line 4179) | function normalizeEventName (eventName) {
function handleLiveEvent (line 4754) | function handleLiveEvent(e) {
function proxy (line 4822) | function proxy(e) {
function fireCallBack (line 4846) | function fireCallBack(e) {
function addLibraryPlugin (line 5270) | function addLibraryPlugin(lib) {
function fireCallBack (line 5286) | function fireCallBack(e) {
Condensed preview — 167 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (1,283K chars).
[
{
"path": ".gitignore",
"chars": 624,
"preview": "# Logs\r\nlogs\r\n*.log\r\nnpm-debug.log*\r\n.DS_Store\r\n# Runtime data\r\npids\r\n*.pid\r\n*.seed\r\n\r\n# Directory for instrumented libs"
},
{
"path": "CONTRIBUTE.md",
"chars": 3251,
"preview": "# Contributing to MobileUI Components\n\n\nFirst off, thanks for taking the time to contribute! :+1: We do our best to acce"
},
{
"path": "LICENSE",
"chars": 1086,
"preview": "MIT License\r\n\r\nCopyright (c) 2017 MobileUI\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a co"
},
{
"path": "README.md",
"chars": 1127,
"preview": "\r\n======\r\n\r\n[MobileUI](https://mobileui.github.io) is a simple and easy NPM package to install UI"
},
{
"path": "alert/component.json",
"chars": 87,
"preview": "{\n \"name\":\"alert\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "alert/index.html",
"chars": 6984,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "alert/script.js",
"chars": 2806,
"preview": "window.alert = function (message, title) {\n var configAlert = {}\n if (typeof message === 'object') {\n configAlert ="
},
{
"path": "alert/style.css",
"chars": 2203,
"preview": ".alert-mobileui {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-fle"
},
{
"path": "assets/css/master.css",
"chars": 10945,
"preview": "body {\n -webkit-touch-callout: text;\n -webkit-text-size-adjust: text;\n -webkit-user-select: text;\n overflow: auto !i"
},
{
"path": "assets/js/main.js",
"chars": 21896,
"preview": "var theme = 'default'\nvar mode = 'text/html'\nvar idGenerate = 100\n\nif(window.SO) {\n window.SO.code = 1;\n} else {\n wind"
},
{
"path": "base/badge.html",
"chars": 2931,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/base.html",
"chars": 1682,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/base.js",
"chars": 609,
"preview": "var userAgent = navigator.userAgent || navigator.vendor || window.opera;\nvar SO = {name:'unknown',code:0}\n\nif (/android/"
},
{
"path": "base/card.html",
"chars": 3333,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/colors.css",
"chars": 52944,
"preview": ".red {\r\n color: rgba(255, 255, 255, .9);\r\n background-color: #f44336 !important\r\n}\r\n\r\n.red-100,\r\n.red-200,\r\n.red-3"
},
{
"path": "base/colors.html",
"chars": 23695,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/component.json",
"chars": 173,
"preview": "{\n \"name\":\"base\",\n \"dependencies\": [],\n \"files\":[\n \"fonts/ionicons.woff\",\n \"fonts/roboto.woff2\",\n \"fonts/rob"
},
{
"path": "base/font.css",
"chars": 805,
"preview": "@font-face {\r\n font-family: Roboto;\r\n font-style: normal;\r\n font-weight: 300;\r\n src: local('Roboto Light'), "
},
{
"path": "base/fonts.html",
"chars": 2223,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/icons.css",
"chars": 62499,
"preview": "@font-face {\r\n font-family: Ionicons;\r\n src: url(fonts/ionicons.woff?v=2.0.0) format(\"woff\");\r\n font-weight: 40"
},
{
"path": "base/icons.html",
"chars": 3179,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/install.html",
"chars": 4388,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "base/mobileui.css",
"chars": 6291,
"preview": "* {\r\n box-sizing: border-box;\r\n outline: none\r\n}\r\nbody {\r\n font-family: Roboto,\"Helvetica Neue\",sans-serif;\r\n "
},
{
"path": "base/reset.css",
"chars": 446,
"preview": "* {\r\n -webkit-tap-highlight-color: rgba(0,0,0,0);\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n "
},
{
"path": "base/templates.html",
"chars": 2361,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "button/component.json",
"chars": 88,
"preview": "{\n \"name\":\"button\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "button/index.html",
"chars": 4382,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "button/script.js",
"chars": 823,
"preview": "document.addEventListener('click', function(e){\n if(SO.code !== 1) return false;\n var target = e.target;\n if (target."
},
{
"path": "button/style.css",
"chars": 3715,
"preview": "button {\r\n -webkit-transition: color 200ms ease;\r\n -moz-transition: color 200ms ease;\r\n -ms-transition: color 200ms e"
},
{
"path": "chart-bar/component.json",
"chars": 91,
"preview": "{\n \"name\":\"chart-bar\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "chart-bar/index.html",
"chars": 6319,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "chart-bar/style.css",
"chars": 1522,
"preview": "/*Determines a area of chart bar.*/\n.chart-bar {\n display:table;\n table-layout: fixed;\n width:100%;\n height:250px;\n "
},
{
"path": "chartist/component.json",
"chars": 70,
"preview": "{\n \"name\":\"chartist\",\n \"author\": \"gionkunz\",\n \"dependencies\": []\n}\n"
},
{
"path": "chartist/index.html",
"chars": 7546,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "chartist/script.js",
"chars": 39895,
"preview": "!function(a,b){\"function\"==typeof define&&define.amd?define(\"Chartist\",[],function(){return a.Chartist=b()}):\"object\"==t"
},
{
"path": "chartist/style.css",
"chars": 48768,
"preview": ".ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.c"
},
{
"path": "chartist-plugin-tooltip/component.json",
"chars": 102,
"preview": "{\n \"name\":\"chartist-plugin-tooltip\",\n \"author\": \"tmmdata\",\n \"dependencies\": [\n \"chartist\"\n ]\n}\n"
},
{
"path": "chartist-plugin-tooltip/script.js",
"chars": 3097,
"preview": "/* chartist-plugin-tooltip 0.0.18\n * Copyright © 2017 Markus Padourek\n * Free to use under the WTFPL license.\n * http://"
},
{
"path": "chartist-plugin-tooltip/style.css",
"chars": 886,
"preview": ".chartist-tooltip {\n position: absolute;\n display: inline-block;\n opacity: 0;\n min-width: 5em;\n padding: "
},
{
"path": "chartjs/component.json",
"chars": 67,
"preview": "{\n \"name\":\"chartjs\",\n \"author\": \"nnnick\",\n \"dependencies\": []\n}\n"
},
{
"path": "chartjs/index.html",
"chars": 1993,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "chartjs/script.js",
"chars": 150284,
"preview": "/*!\n * Chart.js\n * http://chartjs.org/\n * Version: 2.6.0\n *\n * Copyright 2017 Nick Downie\n * Released under the MIT lice"
},
{
"path": "chartjs/style.css",
"chars": 0,
"preview": ""
},
{
"path": "cover/component.json",
"chars": 99,
"preview": "{\n \"name\":\"cover\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"grid\"\n ]\n}\n"
},
{
"path": "cover/index.html",
"chars": 8014,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "cover/style.css",
"chars": 4963,
"preview": "/*Define that an element has a <code>background-image</code> and must cover the space required.*/\r\n.cover {\r\n padding: "
},
{
"path": "dist/alert.json",
"chars": 87,
"preview": "{\n \"name\":\"alert\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "dist/base.json",
"chars": 173,
"preview": "{\n \"name\":\"base\",\n \"dependencies\": [],\n \"files\":[\n \"fonts/ionicons.woff\",\n \"fonts/roboto.woff2\",\n \"fonts/rob"
},
{
"path": "dist/button.json",
"chars": 88,
"preview": "{\n \"name\":\"button\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "dist/chart-bar.json",
"chars": 91,
"preview": "{\n \"name\":\"chart-bar\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "dist/chartist-plugin-tooltip.json",
"chars": 102,
"preview": "{\n \"name\":\"chartist-plugin-tooltip\",\n \"author\": \"tmmdata\",\n \"dependencies\": [\n \"chartist\"\n ]\n}\n"
},
{
"path": "dist/chartist.json",
"chars": 70,
"preview": "{\n \"name\":\"chartist\",\n \"author\": \"gionkunz\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/chartjs.json",
"chars": 67,
"preview": "{\n \"name\":\"chartjs\",\n \"author\": \"nnnick\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/cover.json",
"chars": 99,
"preview": "{\n \"name\":\"cover\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"grid\"\n ]\n}\n"
},
{
"path": "dist/grid.json",
"chars": 73,
"preview": "{\n \"name\":\"grid\",\n \"author\": \"gustavoquinalha\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/header.json",
"chars": 102,
"preview": "{\n \"name\":\"header\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"button\"\n ]\n}\n"
},
{
"path": "dist/horizontal-scroll.json",
"chars": 95,
"preview": "{\n \"name\":\"horizontal-scroll\",\n \"author\": \"Yash-Handa\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "dist/imports.css",
"chars": 1063,
"preview": "@import url(\"./alert.min.css\");\n@import url(\"./base.min.css\");\n@import url(\"./button.min.css\");\n@import url(\"./chart-bar"
},
{
"path": "dist/include.json",
"chars": 75,
"preview": "{\n \"name\":\"include\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/input.json",
"chars": 99,
"preview": "{\n \"name\":\"input\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"list\"\n ]\n}\n"
},
{
"path": "dist/jquery.json",
"chars": 68,
"preview": "{\n \"name\":\"jquery\",\n \"author\": \"madrobby\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/list.json",
"chars": 86,
"preview": "{\n \"name\":\"list\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "dist/loading.json",
"chars": 90,
"preview": "{\n \"name\":\"loading\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"alert\"\n ]\n}\n"
},
{
"path": "dist/menu.json",
"chars": 98,
"preview": "{\n \"name\":\"menu\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"list\"\n ]\n}\n"
},
{
"path": "dist/mobileui-colors.json",
"chars": 83,
"preview": "{\n \"name\":\"mobileui-colors\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/mobileuijs.json",
"chars": 78,
"preview": "{\n \"name\":\"mobileuijs\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/momentjs.json",
"chars": 70,
"preview": "{\n \"name\":\"momentjs\",\n \"author\": \"timrwood\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/page.json",
"chars": 72,
"preview": "{\n \"name\":\"page\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/popover.json",
"chars": 101,
"preview": "{\n \"name\":\"popover\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"list\"\n ]\n}\n"
},
{
"path": "dist/progress-circle.json",
"chars": 129,
"preview": "{\n \"name\":\"progress-circle\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"mobileui-colors\",\n \"progressbarj"
},
{
"path": "dist/progress-circular.json",
"chars": 99,
"preview": "{\n \"name\":\"progress-circular\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "dist/progress-semicircle.json",
"chars": 133,
"preview": "{\n \"name\":\"progress-semicircle\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"mobileui-colors\",\n \"progress"
},
{
"path": "dist/progressbarjs.json",
"chars": 81,
"preview": "{\n \"name\":\"progressbarjs\",\n \"author\": \"kimmobrunfeldt\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/pulltorefresh.json",
"chars": 77,
"preview": "{\n \"name\":\"pulltorefresh\",\n \"author\": \"BoxFactura\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/swiper.json",
"chars": 74,
"preview": "{\n \"name\":\"swiper\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "dist/tab.json",
"chars": 99,
"preview": "{\n \"name\":\"tab\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"button\"\n ]\n}\n"
},
{
"path": "dist/templates.json",
"chars": 0,
"preview": ""
},
{
"path": "dist/timeline.json",
"chars": 91,
"preview": "{\n \"name\":\"timeline\",\n \"author\": \"gustavoquinalha\",\n \"dependencies\": [\"base\", \"grid\"]\n}\n"
},
{
"path": "dist/toast.json",
"chars": 81,
"preview": "{\n \"name\":\"toast\",\n \"author\": \"lucasssv\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "docs.json",
"chars": 4430,
"preview": "{\n \"site_dir\": \"../mobileui.github.io\",\n \"docs\": [\n {\n \"category\": \"Getting started\",\n \"itens\": [\n "
},
{
"path": "generate_dist.js",
"chars": 2351,
"preview": "const fs = require('fs')\nconst path = require('path')\nconst compressor = require('node-minify')\nconst wrench = require('"
},
{
"path": "generate_doc.js",
"chars": 3430,
"preview": "const fs = require('fs')\nconst path = require('path')\nconst wrench = require('wrench')\nconst docs = require('./docs.json"
},
{
"path": "grid/component.json",
"chars": 73,
"preview": "{\n \"name\":\"grid\",\n \"author\": \"gustavoquinalha\",\n \"dependencies\": []\n}\n"
},
{
"path": "grid/index.html",
"chars": 11514,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "grid/style.css",
"chars": 3896,
"preview": "/*Create a line.*/\n.row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n/*Create a line that the co"
},
{
"path": "header/component.json",
"chars": 102,
"preview": "{\n \"name\":\"header\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"button\"\n ]\n}\n"
},
{
"path": "header/index.html",
"chars": 7162,
"preview": "<!DOCTYPE html>\r\n<html>\r\n <head>\r\n <meta charset=\"utf-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, in"
},
{
"path": "header/style.css",
"chars": 4588,
"preview": "/*Create a fixed bar at the top of the page.*/\r\n.footer, .header {\r\n font-size: 18px;\r\n display: inline-block;\r\n widt"
},
{
"path": "horizontal-scroll/component.json",
"chars": 95,
"preview": "{\n \"name\":\"horizontal-scroll\",\n \"author\": \"Yash-Handa\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "horizontal-scroll/index.html",
"chars": 11193,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "horizontal-scroll/style.css",
"chars": 4646,
"preview": "/*Define an element as horizontal-scroll. This feature depends on the <code>item</code> to function properly.*/\n.horizon"
},
{
"path": "include/component.json",
"chars": 75,
"preview": "{\n \"name\":\"include\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "include/index.html",
"chars": 2649,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "include/myfile1.html",
"chars": 70,
"preview": "<strong>This is my file</strong>\n<p>Included when load file.</p>\n<hr>\n"
},
{
"path": "include/myfile2.html",
"chars": 76,
"preview": "<strong>This is another file</strong>\n<p>Included by click button.</p>\n<hr>\n"
},
{
"path": "include/script.js",
"chars": 848,
"preview": "window.include = function(element, file, callback){\n if(file.indexOf('.html') < 0){\n file =file+'.html';\n }\n var x"
},
{
"path": "include/style.css",
"chars": 0,
"preview": ""
},
{
"path": "input/component.json",
"chars": 99,
"preview": "{\n \"name\":\"input\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"list\"\n ]\n}\n"
},
{
"path": "input/index.html",
"chars": 12626,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "input/script.js",
"chars": 2419,
"preview": "(function bindInputEvent(){\n setTimeout(function(){\n var inputs = document.getElementsByTagName('input');\n for(i "
},
{
"path": "input/style.css",
"chars": 47166,
"preview": "input, textarea, select {\n border: none;\n background: none;\n font-size: 14px;\n width: 100%;\n -webkit-flex: 1;\n -ms"
},
{
"path": "jquery/component.json",
"chars": 68,
"preview": "{\n \"name\":\"jquery\",\n \"author\": \"madrobby\",\n \"dependencies\": []\n}\n"
},
{
"path": "jquery/index.html",
"chars": 2431,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "jquery/script.js",
"chars": 58707,
"preview": "/* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */\n(function(global, factory) {\n if (typeof define ==="
},
{
"path": "list/component.json",
"chars": 86,
"preview": "{\n \"name\":\"list\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "list/index.html",
"chars": 8919,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "list/style.css",
"chars": 3415,
"preview": "/*Define an element as list. This feature depends on the <code>item</code> to function properly.*/\r\n.list {\r\n width: 10"
},
{
"path": "loading/component.json",
"chars": 90,
"preview": "{\n \"name\":\"loading\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"alert\"\n ]\n}\n"
},
{
"path": "loading/index.html",
"chars": 3563,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "loading/script.js",
"chars": 7296,
"preview": "window.loading = function(message){\n var configLoading = {};\n if(typeof message === \"object\"){\n configLoading = mes"
},
{
"path": "loading/style.css",
"chars": 10611,
"preview": ".alert-loading .alert {\n padding: 24px;\n text-align: center;\n}\n.loading-circle {\n fill: transparent;\n stroke: #00968"
},
{
"path": "menu/component.json",
"chars": 98,
"preview": "{\n \"name\":\"menu\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"list\"\n ]\n}\n"
},
{
"path": "menu/index.html",
"chars": 9603,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "menu/script.js",
"chars": 4089,
"preview": "window.menu = {}\n\nwindow.openMenu = function (m) {\n var name = m\n var m = document.getElementById(m)\n if (m.className"
},
{
"path": "menu/style.css",
"chars": 2814,
"preview": "/*Define an element being a menu, being able to disconnect over the page or to push the page, depending on the operating"
},
{
"path": "mobileui-colors/component.json",
"chars": 83,
"preview": "{\n \"name\":\"mobileui-colors\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "mobileui-colors/script.js",
"chars": 13546,
"preview": "(function(){\n window.colorsMobileUI = [];\n window.colorsMobileUI[\"red\"] = \"rgb(244, 67, 54)\";\n window.colorsMobileUI["
},
{
"path": "mobileui-colors/style.css",
"chars": 0,
"preview": ""
},
{
"path": "mobileuijs/component.json",
"chars": 78,
"preview": "{\n \"name\":\"mobileuijs\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "mobileuijs/index.html",
"chars": 11486,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "mobileuijs/script.js",
"chars": 25427,
"preview": "!function(a){if(\"object\"==typeof exports&&\"undefined\"!=typeof module)module.exports=a();else if(\"function\"==typeof defin"
},
{
"path": "mobileuijs/style.css",
"chars": 40,
"preview": "*[data] {\n display: none !important;\n}\n"
},
{
"path": "momentjs/component.json",
"chars": 70,
"preview": "{\n \"name\":\"momentjs\",\n \"author\": \"timrwood\",\n \"dependencies\": []\n}\n"
},
{
"path": "momentjs/index.html",
"chars": 1983,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "momentjs/script.js",
"chars": 51308,
"preview": "!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define"
},
{
"path": "package.json",
"chars": 566,
"preview": "{\n \"name\": \"components\",\n \"version\": \"1.0.0\",\n \"description\": \"Components\",\n \"main\": \"generate_doc.js\",\n \"dependenc"
},
{
"path": "page/component.json",
"chars": 72,
"preview": "{\n \"name\":\"page\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "page/contact.html",
"chars": 394,
"preview": "<div class=\"page has-header\">\n <div class=\"header blue\">\n <div class=\"left\">\n <button class=\"icon ion-ios-arrow"
},
{
"path": "page/contact.js",
"chars": 95,
"preview": "function functionOpenContact(params){\n document.getElementById('name').value = params.name;\n}\n"
},
{
"path": "page/contacts.html",
"chars": 982,
"preview": "<div class=\"page has-header\">\n <div class=\"header blue\">\n <div class=\"left\">\n <button class=\"icon ion-ios-arrow"
},
{
"path": "page/index.html",
"chars": 5703,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "page/script.js",
"chars": 5183,
"preview": "window.PAGE={handePage:100};\ndocument.addEventListener(\"deviceready\", function(){\n document.addEventListener(\"backbutto"
},
{
"path": "page/style.css",
"chars": 410,
"preview": "/*You need add this class in you new page.*/\n.page {\n position: absolute;\n top: 60px;\n left: 0;\n display: block;\n w"
},
{
"path": "popover/component.json",
"chars": 101,
"preview": "{\n \"name\":\"popover\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"list\"\n ]\n}\n"
},
{
"path": "popover/index.html",
"chars": 3501,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "popover/script.js",
"chars": 2392,
"preview": "window.openPopover = function (p) {\n var button = event.target\n var rect = button.getBoundingClientRect()\n var name ="
},
{
"path": "popover/style.css",
"chars": 1023,
"preview": "/*Define a new popover.*/\n.popover {\n position: absolute;\n z-index: 10001;\n border-radius: 3px;\n box-shadow: 0 3px 1"
},
{
"path": "progress-circle/component.json",
"chars": 129,
"preview": "{\n \"name\":\"progress-circle\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"mobileui-colors\",\n \"progressbarj"
},
{
"path": "progress-circle/index.html",
"chars": 8141,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "progress-circle/script.js",
"chars": 7062,
"preview": "window.ProgressCircle = {\n rebind : function(){\n var self = this;\n var progress = document.querySelectorAll('.pro"
},
{
"path": "progress-circle/style.css",
"chars": 147,
"preview": ".progress-circle, .progress-circle-js {\n margin: auto;\n}\n.progress-circle-title {\n opacity: 0.8;\n}\n.progress-circle-su"
},
{
"path": "progress-semicircle/component.json",
"chars": 133,
"preview": "{\n \"name\":\"progress-semicircle\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"mobileui-colors\",\n \"progress"
},
{
"path": "progress-semicircle/index.html",
"chars": 6070,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "progress-semicircle/script.js",
"chars": 7040,
"preview": "window.ProgressSemicircle = {\n rebind : function(){\n var self = this;\n var progress = document.querySelectorAll('"
},
{
"path": "progress-semicircle/style.css",
"chars": 163,
"preview": ".progress-semicircle, .progress-semicircle-js {\n margin: auto;\n}\n.progress-semicircle-title {\n opacity: 0.8;\n}\n.progre"
},
{
"path": "progressbarjs/component.json",
"chars": 81,
"preview": "{\n \"name\":\"progressbarjs\",\n \"author\": \"kimmobrunfeldt\",\n \"dependencies\": []\n}\n"
},
{
"path": "progressbarjs/index.html",
"chars": 2286,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "progressbarjs/script.js",
"chars": 21650,
"preview": "// ProgressBar.js 1.0.1\n// https://kimmobrunfeldt.github.io/progressbar.js\n// License: MIT\n\n!function(a){if(\"object\"==ty"
},
{
"path": "progressbarjs/style.css",
"chars": 0,
"preview": ""
},
{
"path": "pulltorefresh/component.json",
"chars": 77,
"preview": "{\n \"name\":\"pulltorefresh\",\n \"author\": \"BoxFactura\",\n \"dependencies\": []\n}\n"
},
{
"path": "pulltorefresh/index.html",
"chars": 2192,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initia"
},
{
"path": "pulltorefresh/script.js",
"chars": 11263,
"preview": "(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory("
},
{
"path": "swiper/component.json",
"chars": 74,
"preview": "{\n \"name\":\"swiper\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": []\n}\n"
},
{
"path": "swiper/index.html",
"chars": 7611,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "swiper/script.js",
"chars": 234715,
"preview": "/**\n * Swiper 3.4.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n *\n * http://"
},
{
"path": "swiper/style.css",
"chars": 20392,
"preview": " /*Define a container of sliders.*/\n.swiper-container {\n margin-left: auto;\n margin-right: auto;\n position: relative;"
},
{
"path": "tab/component.json",
"chars": 99,
"preview": "{\n \"name\":\"tab\",\n \"author\": \"fabiorogeriosj\",\n \"dependencies\": [\n \"base\",\n \"button\"\n ]\n}\n"
},
{
"path": "tab/index.html",
"chars": 13536,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "tab/script.js",
"chars": 960,
"preview": "window.openTab = function(t){\n var button = event.target;\n while (!button.parentNode.classList.contains('tab')) {\n "
},
{
"path": "tab/style.css",
"chars": 1382,
"preview": "/*Define a new tab.*/\n.tab {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !impo"
},
{
"path": "timeline/component.json",
"chars": 91,
"preview": "{\n \"name\":\"timeline\",\n \"author\": \"gustavoquinalha\",\n \"dependencies\": [\"base\", \"grid\"]\n}\n"
},
{
"path": "timeline/index.html",
"chars": 5419,
"preview": "<!DOCTYPE html>\n<html>\n\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-sca"
},
{
"path": "timeline/style.css",
"chars": 1453,
"preview": "/*Define a timeline component.*/\n.timeline {\n font-size: 14px;\n padding: 2px;\n}\n.timeline .marker {\n position: relati"
},
{
"path": "toast/component.json",
"chars": 81,
"preview": "{\n \"name\":\"toast\",\n \"author\": \"lucasssv\",\n \"dependencies\": [\n \"base\"\n ]\n}\n"
},
{
"path": "toast/index.html",
"chars": 3738,
"preview": "<!DOCTYPE html>\n<html>\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scal"
},
{
"path": "toast/script.js",
"chars": 1862,
"preview": "window.openToast = function (config) {\n var defaultConfig = {\n class: 'black radius padding shadow',\n duration: 2"
},
{
"path": "toast/style.css",
"chars": 848,
"preview": "/* Show a Toast message (a little text popup) */\n.toast {\n z-index: 999999;\n position: absolute;\n left: 0;\n padding:"
}
]
About this extraction
This page contains the full source code of the MobileUI/components GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 167 files (1.2 MB), approximately 350.0k tokens, and a symbol index with 486 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.