diff --git a/bootstrap/.gitignore b/bootstrap/.gitignore new file mode 100755 index 0000000..f86fa8e --- /dev/null +++ b/bootstrap/.gitignore @@ -0,0 +1,3 @@ +# https://git-scm.com/docs/gitignore +# https://help.github.com/articles/ignoring-files +# Example .gitignore files: https://github.com/github/gitignore \ No newline at end of file diff --git a/bootstrap/.jshintrc b/bootstrap/.jshintrc new file mode 100755 index 0000000..ed5c195 --- /dev/null +++ b/bootstrap/.jshintrc @@ -0,0 +1,44 @@ +{ + "bitwise": true, + "camelcase": true, + "curly": true, + "eqeqeq": false, + "es3": false, + "forin": true, + "freeze": false, + "immed": true, + "indent": 4, + "latedef": true, + "newcap": true, + "noarg": true, + "noempty": true, + "nonbsp": true, + "nonew": true, + "plusplus": false, + "quotmark": "double", + "undef": true, + "unused": true, + "strict": false, + "trailing": true, + "maxparams": 5, + "maxdepth": 5, + "maxstatements": 50, + "maxlen": 150, + + "eqnull": true, + + "browser": false, + "devel": false, + "node": true, + + "white": true, + + "globals": { + "$": true, + "document": true, + "brackets": true, + "define": true, + "Mustache": true, + "window": true + } +} diff --git a/bootstrap/LICENSE.md b/bootstrap/LICENSE.md new file mode 100755 index 0000000..c6abb69 --- /dev/null +++ b/bootstrap/LICENSE.md @@ -0,0 +1,32 @@ +Bootstrap Material Design theme +Copyright (C) 2014+ Federico Zivolo + +This program is free software: you can redistribute it and/or modify +it under the terms you can find below. + +You can use this software for free only for no-profit projects. +If you'd like to use this software in a commercial project you may +contact the author (Federico Zivolo) of the software and ask for his +permission and fulfill his conditions. + +You can edit and/or redistribute this software only providing a copy +of this license with it. + +You cannot sell this software, any change to the software must be +published under the same license of the original software, in case you +don't want to publish your changes you can use a different license. +It will be valid only if your changes are not published but +keep private for personal projects or closed-source projects, in case +you want to publish your changes you must switch again to the original +license provided with the software. + +This software can be sold if used inside a software which uses it as +dependency, in any case, this license must be included in the +software. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +This license could be edited in any moment without alert. diff --git a/bootstrap/README.md b/bootstrap/README.md new file mode 100755 index 0000000..bf944aa --- /dev/null +++ b/bootstrap/README.md @@ -0,0 +1,123 @@ +Material Design for Bootstrap +========================= + +This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. +Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style. + +This theme is in early development and is not ready for production. + +Check out [the demo at this link](http://fezvrasta.github.io/bootstrap-material-design/). + +## How to install + + bower install bootstrap-material-design --save + + +## Features + +Currently supported elements: + +- Input fields (text, numeric, email, etc) +- Textarea +- Buttons (ripple effect working) +- Select +- Navbar +- Button groups +- Input groups +- Checkbox +- Radio +- Alerts +- Progress bars +- Jumbotron +- Wells +- Dialogs +- Lists + +Todo elements: + +- Morphing icons +- [Icons/grids/chips to card/fullscreen transitions](http://www.polymer-project.org/components/core-animated-pages/demo.html) +- [Headers](http://www.polymer-project.org/components/core-header-panel/demo.html) +- [Icon button](http://www.polymer-project.org/components/paper-icon-button/demo.html) +- [Tabs](http://www.polymer-project.org/components/paper-tabs/demo.html) +- [Toggle buttons](http://www.polymer-project.org/components/paper-toggle-button/demo.html) + +I'll try to write every component without the need of Javascript but just CSS, and use JS only if strictly needed. + +# Support me + +If you like this project you may support me by donating something on Gittip, starring this repository or reporting bugs and ideas in the issue section. + +[![gittip](screenshots/gittip-button.jpg)](https://www.gittip.com/FezVrasta/) +[![issues](screenshots/issues-button.jpg)](https://github.com/FezVrasta/bootstrap-material-design/issues) + +# Documentation + +Material Design for Bootstrap provides some additional stuff to get the best from Material Design. + +### Variations: + +There are 17 additional color variations (in addition to the classic 4 variations) for buttons, inputs, checkboxes, radios, alerts, navbars, tabs, labels, paginations, progress bars and more. +They can be used by adding the class suffix `-material-color` to the desired element and replacing `color` with the desired one. + +Example: + + + +These colors are taken from the Material Design color palette and are reported below: + +![palette](screenshots/palette.jpg) + +### Buttons: + +Add `.btn-flat` to a button to make it flat, without shadows. +Add `.btn-raised` to a button to add a permanent shadow to it. + +### Inputs: + +Add `.floating-label` to an input field with a `placeholder` to transform the placeholder in a floating label. + +Remember to use the proper HTML markup to get radio and checkboxes styled correctly (choose between *radio* or *checkbox*): + +
+ +
+ +### Icons: + +Material Design for Bootstrap includes 490 original Material Design icons! +These icons are extracted from the original Google sources and are licensed under the BSD license. +They are provided as an iconic and easy to use font. + +Variations are available for every icon, including the original Bootstrap icons. + +The syntax to add a Material icon is: + + + +# Plugins + +Material Design for Bootstrap comes with styling support for various external scripts. At the moment only two scripts are supported but others will come: + +### SnackbarJS + +Create snackbars and toasts with [SnackbarJS plugin](https://github.com/FezVrasta/snackbarjs). The default toast style is the squared one (snackbar style). If you like to use the rounded style (toast style), please add the `toast` class to the `style` option of SnackbarJS. + +### RipplesJS + +This is part of Material Design for Bootstrap project and is a plain Javascript script which creates the ripple effect on click of the defined elements. +At the moment RipplesJS does not have its own repository but it will probably have one in the future. + +### noUiSlider + +Make cross-browser sliders and get them styled with Material Design thanks to the support provided by this theme. +Read more about [noUiSlider here](http://refreshless.com/nouislider/) + + +# Compatibility + +Currently Material Design for Bootstrap supports Google Chrome (tested v37+), Mozilla Firefox (tested 30+), and Internet Explorer (tested 11+). Mobile browsers are not currently tested but it may work. + diff --git a/bootstrap/bower.json b/bootstrap/bower.json new file mode 100755 index 0000000..b126bd2 --- /dev/null +++ b/bootstrap/bower.json @@ -0,0 +1,26 @@ +{ + "name": "Material Design for Bootstrap", + "version": "0.0.8", + "homepage": "http://fezvrasta.github.io/bootstrap-material-design", + "authors": [ + "Federico Zivolo " + ], + "description": "Material Design theme for Bootstrap 3", + "main": "css-compiled/material.css", + "keywords": [ + "material", + "design", + "bootstrap", + "theme", + "google", + "android" + ], + "license": "https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md", + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ] +} diff --git a/bootstrap/css-compiled/material-wfont.css b/bootstrap/css-compiled/material-wfont.css new file mode 100755 index 0000000..a4e4fa2 --- /dev/null +++ b/bootstrap/css-compiled/material-wfont.css @@ -0,0 +1,3248 @@ +/* Generated by less 1.7.5 */ +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic); +@-webkit-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +body { + background-color: #EEEEEE; +} +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: rgba(255, 255, 255, 0.84); +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body .well, +.container .well, +.container-fluid .well, +body .well:not([class^="well well-material-"]), +.container .well:not([class^="well well-material-"]), +.container-fluid .well:not([class^="well well-material-"]), +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + color: rgba(0, 0, 0, 0.84); +} +body .well .floating-label, +.container .well .floating-label, +.container-fluid .well .floating-label, +body .well:not([class^="well well-material-"]) .floating-label, +.container .well:not([class^="well well-material-"]) .floating-label, +.container-fluid .well:not([class^="well well-material-"]) .floating-label { + color: #7e7e7e; +} +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + border-bottom-color: #7e7e7e; +} +body .well .form-control::-webkit-input-placeholder, +.container .well .form-control::-webkit-input-placeholder, +.container-fluid .well .form-control::-webkit-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder { + color: #7e7e7e; +} +body .well .form-control::-moz-placeholder, +.container .well .form-control::-moz-placeholder, +.container-fluid .well .form-control::-moz-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder { + color: #7e7e7e; + opacity: 1; +} +body .well .form-control:-ms-input-placeholder, +.container .well .form-control:-ms-input-placeholder, +.container-fluid .well .form-control:-ms-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder { + color: #7e7e7e; +} +body .well .option, +.container .well .option, +.container-fluid .well .option, +body .well:not([class^="well well-material-"]) .option, +.container .well:not([class^="well well-material-"]) .option, +.container-fluid .well:not([class^="well well-material-"]) .option, +body .well .create, +.container .well .create, +.container-fluid .well .create, +body .well:not([class^="well well-material-"]) .create, +.container .well:not([class^="well well-material-"]) .create, +.container-fluid .well:not([class^="well well-material-"]) .create { + color: rgba(0, 0, 0, 0.84); +} +body [class^="well well-material-"], +.container [class^="well well-material-"], +.container-fluid [class^="well well-material-"], +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control, +body [class^="well well-material-"] .floating-label, +.container [class^="well well-material-"] .floating-label, +.container-fluid [class^="well well-material-"] .floating-label { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control { + border-bottom-color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-moz-placeholder, +.container [class^="well well-material-"] .form-control::-moz-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); + opacity: 1; +} +body [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .option, +.container [class^="well well-material-"] .option, +.container-fluid [class^="well well-material-"] .option, +body [class^="well well-material-"] .create, +.container [class^="well well-material-"] .create, +.container-fluid [class^="well well-material-"] .create { + color: rgba(0, 0, 0, 0.84); +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron { + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; + border: 0; +} +body .well p, +.container .well p, +.container-fluid .well p, +body .jumbotron p, +.container .jumbotron p, +.container-fluid .jumbotron p { + font-weight: 300; +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron, +body .well-default, +.container .well-default, +.container-fluid .well-default, +body .jumbotron-default, +.container .jumbotron-default, +.container-fluid .jumbotron-default { + background-color: #ffffff; +} +body .well-primary, +.container .well-primary, +.container-fluid .well-primary, +body .jumbotron-primary, +.container .jumbotron-primary, +.container-fluid .jumbotron-primary { + background-color: #4285f4; +} +body .well-success, +.container .well-success, +.container-fluid .well-success, +body .jumbotron-success, +.container .jumbotron-success, +.container-fluid .jumbotron-success { + background-color: #0f9d58; +} +body .well-info, +.container .well-info, +.container-fluid .well-info, +body .jumbotron-info, +.container .jumbotron-info, +.container-fluid .jumbotron-info { + background-color: #03a9f4; +} +body .well-warning, +.container .well-warning, +.container-fluid .well-warning, +body .jumbotron-warning, +.container .jumbotron-warning, +.container-fluid .jumbotron-warning { + background-color: #ff5722; +} +body .well-danger, +.container .well-danger, +.container-fluid .well-danger, +body .jumbotron-danger, +.container .jumbotron-danger, +.container-fluid .jumbotron-danger { + background-color: #f44336; +} +body .well-material-red, +.container .well-material-red, +.container-fluid .well-material-red, +body .jumbotron-material-red, +.container .jumbotron-material-red, +.container-fluid .jumbotron-material-red { + background-color: #f44336; +} +body .well-material-pink, +.container .well-material-pink, +.container-fluid .well-material-pink, +body .jumbotron-material-pink, +.container .jumbotron-material-pink, +.container-fluid .jumbotron-material-pink { + background-color: #e91e63; +} +body .well-material-purple, +.container .well-material-purple, +.container-fluid .well-material-purple, +body .jumbotron-material-purple, +.container .jumbotron-material-purple, +.container-fluid .jumbotron-material-purple { + background-color: #9c27b0; +} +body .well-material-deeppurple, +.container .well-material-deeppurple, +.container-fluid .well-material-deeppurple, +body .jumbotron-material-deeppurple, +.container .jumbotron-material-deeppurple, +.container-fluid .jumbotron-material-deeppurple { + background-color: #673ab7; +} +body .well-material-indigo, +.container .well-material-indigo, +.container-fluid .well-material-indigo, +body .jumbotron-material-indigo, +.container .jumbotron-material-indigo, +.container-fluid .jumbotron-material-indigo { + background-color: #3f51b5; +} +body .well-material-lightblue, +.container .well-material-lightblue, +.container-fluid .well-material-lightblue, +body .jumbotron-material-lightblue, +.container .jumbotron-material-lightblue, +.container-fluid .jumbotron-material-lightblue { + background-color: #03a9f4; +} +body .well-material-cyan, +.container .well-material-cyan, +.container-fluid .well-material-cyan, +body .jumbotron-material-cyan, +.container .jumbotron-material-cyan, +.container-fluid .jumbotron-material-cyan { + background-color: #00bcd4; +} +body .well-material-teal, +.container .well-material-teal, +.container-fluid .well-material-teal, +body .jumbotron-material-teal, +.container .jumbotron-material-teal, +.container-fluid .jumbotron-material-teal { + background-color: #009688; +} +body .well-material-lightgreen, +.container .well-material-lightgreen, +.container-fluid .well-material-lightgreen, +body .jumbotron-material-lightgreen, +.container .jumbotron-material-lightgreen, +.container-fluid .jumbotron-material-lightgreen { + background-color: #8bc34a; +} +body .well-material-lime, +.container .well-material-lime, +.container-fluid .well-material-lime, +body .jumbotron-material-lime, +.container .jumbotron-material-lime, +.container-fluid .jumbotron-material-lime { + background-color: #cddc39; +} +body .well-material-lightyellow, +.container .well-material-lightyellow, +.container-fluid .well-material-lightyellow, +body .jumbotron-material-lightyellow, +.container .jumbotron-material-lightyellow, +.container-fluid .jumbotron-material-lightyellow { + background-color: #ffeb3b; +} +body .well-material-orange, +.container .well-material-orange, +.container-fluid .well-material-orange, +body .jumbotron-material-orange, +.container .jumbotron-material-orange, +.container-fluid .jumbotron-material-orange { + background-color: #ff9800; +} +body .well-material-deeporange, +.container .well-material-deeporange, +.container-fluid .well-material-deeporange, +body .jumbotron-material-deeporange, +.container .jumbotron-material-deeporange, +.container-fluid .jumbotron-material-deeporange { + background-color: #ff5722; +} +body .well-material-grey, +.container .well-material-grey, +.container-fluid .well-material-grey, +body .jumbotron-material-grey, +.container .jumbotron-material-grey, +.container-fluid .jumbotron-material-grey { + background-color: #9e9e9e; +} +body .well-material-bluegrey, +.container .well-material-bluegrey, +.container-fluid .well-material-bluegrey, +body .jumbotron-material-bluegrey, +.container .jumbotron-material-bluegrey, +.container-fluid .jumbotron-material-bluegrey { + background-color: #607d8b; +} +body .well-material-brown, +.container .well-material-brown, +.container-fluid .well-material-brown, +body .jumbotron-material-brown, +.container .jumbotron-material-brown, +.container-fluid .jumbotron-material-brown { + background-color: #795548; +} +body .well-material-lightgrey, +.container .well-material-lightgrey, +.container-fluid .well-material-lightgrey, +body .jumbotron-material-lightgrey, +.container .jumbotron-material-lightgrey, +.container-fluid .jumbotron-material-lightgrey { + background-color: #ececec; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: rgba(255, 255, 255, 0.84); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.btn:hover { + color: rgba(255, 255, 255, 0.84); +} +.btn:hover:not(.btn-link) { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.btn:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn:not(.btn-link), +.btn-default:not(.btn-link) { + background-color: transparent; +} +.btn-primary:not(.btn-link) { + background-color: #4285f4; +} +.btn-success:not(.btn-link) { + background-color: #0f9d58; +} +.btn-info:not(.btn-link) { + background-color: #03a9f4; +} +.btn-warning:not(.btn-link) { + background-color: #ff5722; +} +.btn-danger:not(.btn-link) { + background-color: #f44336; +} +.btn-material-red:not(.btn-link) { + background-color: #f44336; +} +.btn-material-pink:not(.btn-link) { + background-color: #e91e63; +} +.btn-material-purple:not(.btn-link) { + background-color: #9c27b0; +} +.btn-material-deeppurple:not(.btn-link) { + background-color: #673ab7; +} +.btn-material-indigo:not(.btn-link) { + background-color: #3f51b5; +} +.btn-material-lightblue:not(.btn-link) { + background-color: #03a9f4; +} +.btn-material-cyan:not(.btn-link) { + background-color: #00bcd4; +} +.btn-material-teal:not(.btn-link) { + background-color: #009688; +} +.btn-material-lightgreen:not(.btn-link) { + background-color: #8bc34a; +} +.btn-material-lime:not(.btn-link) { + background-color: #cddc39; +} +.btn-material-lightyellow:not(.btn-link) { + background-color: #ffeb3b; +} +.btn-material-orange:not(.btn-link) { + background-color: #ff9800; +} +.btn-material-deeporange:not(.btn-link) { + background-color: #ff5722; +} +.btn-material-grey:not(.btn-link) { + background-color: #9e9e9e; +} +.btn-material-bluegrey:not(.btn-link) { + background-color: #607d8b; +} +.btn-material-brown:not(.btn-link) { + background-color: #795548; +} +.btn-material-lightgrey:not(.btn-link) { + background-color: #ececec; +} +.btn-link, +.btn:not([class^="btn btn-"]), +.btn-default { + color: rgba(0, 0, 0, 0.84); +} +.btn-link:hover, +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + color: rgba(0, 0, 0, 0.84); +} +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + background-color: rgba(255, 255, 255, 0.5); +} +.btn-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.open > .dropdown-toggle.btn, +.open > .dropdown-toggle.btn-default { + background-color: transparent; +} +.open > .dropdown-toggle.btn-primary { + background-color: #4285f4; +} +.open > .dropdown-toggle.btn-success { + background-color: #0f9d58; +} +.open > .dropdown-toggle.btn-info { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-red { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-pink { + background-color: #e91e63; +} +.open > .dropdown-toggle.btn-material-purple { + background-color: #9c27b0; +} +.open > .dropdown-toggle.btn-material-deeppurple { + background-color: #673ab7; +} +.open > .dropdown-toggle.btn-material-indigo { + background-color: #3f51b5; +} +.open > .dropdown-toggle.btn-material-lightblue { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-material-cyan { + background-color: #00bcd4; +} +.open > .dropdown-toggle.btn-material-teal { + background-color: #009688; +} +.open > .dropdown-toggle.btn-material-lightgreen { + background-color: #8bc34a; +} +.open > .dropdown-toggle.btn-material-lime { + background-color: #cddc39; +} +.open > .dropdown-toggle.btn-material-lightyellow { + background-color: #ffeb3b; +} +.open > .dropdown-toggle.btn-material-orange { + background-color: #ff9800; +} +.open > .dropdown-toggle.btn-material-deeporange { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-material-grey { + background-color: #9e9e9e; +} +.open > .dropdown-toggle.btn-material-bluegrey { + background-color: #607d8b; +} +.open > .dropdown-toggle.btn-material-brown { + background-color: #795548; +} +.open > .dropdown-toggle.btn-material-lightgrey { + background-color: #ececec; +} +.btn-flat { + box-shadow: none !important; +} +.btn-flat.btn-default:hover { + background: none; +} +.btn-group, +.btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group:active:not(.btn-link), +.btn-group-vertical:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group.open .dropdown-toggle, +.btn-group-vertical.open .dropdown-toggle { + box-shadow: none; +} +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group.btn-group-raised:active:not(.btn-link), +.btn-group-vertical.btn-group-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group .btn, +.btn-group-vertical .btn, +.btn-group .btn:active, +.btn-group-vertical .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn-group { + box-shadow: none !important; + margin: 0; +} +.btn-group .btn:active .caret, +.btn-group-vertical .btn:active .caret { + margin-left: -1px; +} +.btn-group-flat { + box-shadow: none !important; +} +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; +} +.btn-fab, +.btn-fab:hover, +.btn-fab-default, +.btn-fab:hover-default { + background-color: transparent; +} +.btn-fab-primary, +.btn-fab:hover-primary { + background-color: #4285f4; +} +.btn-fab-success, +.btn-fab:hover-success { + background-color: #0f9d58; +} +.btn-fab-info, +.btn-fab:hover-info { + background-color: #03a9f4; +} +.btn-fab-warning, +.btn-fab:hover-warning { + background-color: #ff5722; +} +.btn-fab-danger, +.btn-fab:hover-danger { + background-color: #f44336; +} +.btn-fab-material-red, +.btn-fab:hover-material-red { + background-color: #f44336; +} +.btn-fab-material-pink, +.btn-fab:hover-material-pink { + background-color: #e91e63; +} +.btn-fab-material-purple, +.btn-fab:hover-material-purple { + background-color: #9c27b0; +} +.btn-fab-material-deeppurple, +.btn-fab:hover-material-deeppurple { + background-color: #673ab7; +} +.btn-fab-material-indigo, +.btn-fab:hover-material-indigo { + background-color: #3f51b5; +} +.btn-fab-material-lightblue, +.btn-fab:hover-material-lightblue { + background-color: #03a9f4; +} +.btn-fab-material-cyan, +.btn-fab:hover-material-cyan { + background-color: #00bcd4; +} +.btn-fab-material-teal, +.btn-fab:hover-material-teal { + background-color: #009688; +} +.btn-fab-material-lightgreen, +.btn-fab:hover-material-lightgreen { + background-color: #8bc34a; +} +.btn-fab-material-lime, +.btn-fab:hover-material-lime { + background-color: #cddc39; +} +.btn-fab-material-lightyellow, +.btn-fab:hover-material-lightyellow { + background-color: #ffeb3b; +} +.btn-fab-material-orange, +.btn-fab:hover-material-orange { + background-color: #ff9800; +} +.btn-fab-material-deeporange, +.btn-fab:hover-material-deeporange { + background-color: #ff5722; +} +.btn-fab-material-grey, +.btn-fab:hover-material-grey { + background-color: #9e9e9e; +} +.btn-fab-material-bluegrey, +.btn-fab:hover-material-bluegrey { + background-color: #607d8b; +} +.btn-fab-material-brown, +.btn-fab:hover-material-brown { + background-color: #795548; +} +.btn-fab-material-lightgrey, +.btn-fab:hover-material-lightgrey { + background-color: #ececec; +} +.btn-fab, +.btn-fab .ripple-wrapper { + border-radius: 100%; +} +.btn-fab.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 0px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.checkbox label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; +} +.checkbox label .check:before { + display: block; + content: ""; + border: 2px solid rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +.checkbox .check, +.checkbox-default .check { + color: #0f9d58; +} +.checkbox-primary .check { + color: #4285f4; +} +.checkbox-success .check { + color: #0f9d58; +} +.checkbox-info .check { + color: #03a9f4; +} +.checkbox-warning .check { + color: #ff5722; +} +.checkbox-danger .check { + color: #f44336; +} +.checkbox-material-red .check { + color: #f44336; +} +.checkbox-material-pink .check { + color: #e91e63; +} +.checkbox-material-purple .check { + color: #9c27b0; +} +.checkbox-material-deeppurple .check { + color: #673ab7; +} +.checkbox-material-indigo .check { + color: #3f51b5; +} +.checkbox-material-lightblue .check { + color: #03a9f4; +} +.checkbox-material-cyan .check { + color: #00bcd4; +} +.checkbox-material-teal .check { + color: #009688; +} +.checkbox-material-lightgreen .check { + color: #8bc34a; +} +.checkbox-material-lime .check { + color: #cddc39; +} +.checkbox-material-lightyellow .check { + color: #ffeb3b; +} +.checkbox-material-orange .check { + color: #ff9800; +} +.checkbox-material-deeporange .check { + color: #ff5722; +} +.checkbox-material-grey .check { + color: #9e9e9e; +} +.checkbox-material-bluegrey .check { + color: #607d8b; +} +.checkbox-material-brown .check { + color: #795548; +} +.checkbox-material-lightgrey .check { + color: #ececec; +} +.checkbox input[type=checkbox] { + opacity: 0; +} +.checkbox input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + -webkit-animation: uncheck 300ms ease-out forwards; + -ms-animation: uncheck 300ms ease-out forwards; + animation: uncheck 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; +} +.checkbox input[type=checkbox]:checked ~ .check:before { + -webkit-animation: check 300ms ease-out forwards; + -ms-animation: check 300ms ease-out forwards; + animation: check 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.checkbox input[type=checkbox]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] ~ .check:after { + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.checkbox input[type=checkbox]:checked ~ .check:after, +.checkbox-default input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-primary input[type=checkbox]:checked ~ .check:after { + background-color: #4285f4; +} +.checkbox-success input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-info input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-warning input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-danger input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-red input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-pink input[type=checkbox]:checked ~ .check:after { + background-color: #e91e63; +} +.checkbox-material-purple input[type=checkbox]:checked ~ .check:after { + background-color: #9c27b0; +} +.checkbox-material-deeppurple input[type=checkbox]:checked ~ .check:after { + background-color: #673ab7; +} +.checkbox-material-indigo input[type=checkbox]:checked ~ .check:after { + background-color: #3f51b5; +} +.checkbox-material-lightblue input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-material-cyan input[type=checkbox]:checked ~ .check:after { + background-color: #00bcd4; +} +.checkbox-material-teal input[type=checkbox]:checked ~ .check:after { + background-color: #009688; +} +.checkbox-material-lightgreen input[type=checkbox]:checked ~ .check:after { + background-color: #8bc34a; +} +.checkbox-material-lime input[type=checkbox]:checked ~ .check:after { + background-color: #cddc39; +} +.checkbox-material-lightyellow input[type=checkbox]:checked ~ .check:after { + background-color: #ffeb3b; +} +.checkbox-material-orange input[type=checkbox]:checked ~ .check:after { + background-color: #ff9800; +} +.checkbox-material-deeporange input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-material-grey input[type=checkbox]:checked ~ .check:after { + background-color: #9e9e9e; +} +.checkbox-material-bluegrey input[type=checkbox]:checked ~ .check:after { + background-color: #607d8b; +} +.checkbox-material-brown input[type=checkbox]:checked ~ .check:after { + background-color: #795548; +} +.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { + background-color: #ececec; +} +@-webkit-keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-ms-keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -ms-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -ms-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -ms-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.radio label span { + display: block; + position: absolute; + left: 10px; + top: 2px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.radio label .circle { + border: 2px solid rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} +.radio label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} +.radio label input[type=radio]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.radio label input[type=radio]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.radio input[type=radio]:checked ~ .check, +.radio-default input[type=radio]:checked ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .check { + background-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .check { + background-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .check { + background-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .check { + background-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .check { + background-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .check { + background-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .check { + background-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .check { + background-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .check { + background-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .check { + background-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .check { + background-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .check { + background-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .check { + background-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .check { + background-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .check { + background-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .check { + background-color: #ececec; +} +.radio input[type=radio]:checked ~ .circle, +.radio-default input[type=radio]:checked ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .circle { + border-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .circle { + border-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .circle { + border-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .circle { + border-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .circle { + border-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .circle { + border-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .circle { + border-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .circle { + border-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .circle { + border-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .circle { + border-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .circle { + border-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .circle { + border-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .circle { + border-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .circle { + border-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .circle { + border-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .circle { + border-color: #ececec; +} +.radio input[type=radio][disabled] ~ .check, +.radio input[type=radio][disabled] ~ .circle { + opacity: 0.5; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + -webkit-transform: scale(0.55); + -ms-transform: scale(0.55); + transform: scale(0.55); +} +.radio input[type=radio][disabled] ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio input[type=radio][disabled] ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +fieldset[disabled] .form-control, +.form-control-wrapper .form-control, +.form-control, +fieldset[disabled] .form-control:focus, +.form-control-wrapper .form-control:focus, +.form-control:focus, +fieldset[disabled] .form-control.focus, +.form-control-wrapper .form-control.focus, +.form-control.focus { + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +fieldset[disabled] .form-control:not(textarea):not(select), +.form-control-wrapper .form-control:not(textarea):not(select), +.form-control:not(textarea):not(select), +fieldset[disabled] .form-control:focus:not(textarea):not(select), +.form-control-wrapper .form-control:focus:not(textarea):not(select), +.form-control:focus:not(textarea):not(select), +fieldset[disabled] .form-control.focus:not(textarea):not(select), +.form-control-wrapper .form-control.focus:not(textarea):not(select), +.form-control.focus:not(textarea):not(select) { + height: 28px; +} +fieldset[disabled] .form-control:disabled, +.form-control-wrapper .form-control:disabled, +.form-control:disabled, +fieldset[disabled] .form-control:focus:disabled, +.form-control-wrapper .form-control:focus:disabled, +.form-control:focus:disabled, +fieldset[disabled] .form-control.focus:disabled, +.form-control-wrapper .form-control.focus:disabled, +.form-control.focus:disabled { + border-style: dashed; +} +select.form-control { + height: 23px; +} +select[multiple].form-control, +select[multiple].form-control:focus, +select[multiple].form-control.focus { + height: 85px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control:focus, +.form-control-wrapper .form-control.focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + -webkit-transition: 0.2s ease all; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; +} +.form-control-wrapper .form-control:focus:invalid ~ .floating-label, +.form-control-wrapper .form-control.focus:invalid ~ .floating-label { + color: #f44336; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + background-color: #5264ae; +} +.form-control-wrapper .form-control:focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control:focus:invalid ~ .material-input:after, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:after { + background-color: #f44336; +} +.form-control-wrapper .form-control.empty ~ .floating-label { + opacity: 1; +} +.form-control-wrapper .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: #5264ae; + bottom: -1px; + -webkit-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: -webkit-transform 0s; + transition: transform 0s; +} +.form-control-wrapper .form-control:focus ~ .material-input:before, +.form-control-wrapper .form-control.focus ~ .material-input:before { + -webkit-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; +} +.form-control-wrapper .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; +} +.form-control-wrapper .input-lg ~ .material-input:after { + height: 26px; +} +.form-control-wrapper textarea { + resize: none; +} +.form-control-wrapper textarea ~ .form-control-highlight { + margin-top: -11px; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + opacity: 0; +} +.form-control-wrapper select ~ .material-input:after { + display: none; +} +.form-group.has-warning .material-input:before, +.form-group.has-warning input.form-control:focus ~ .material-input:after, +.form-group.has-warning input.form-control.focus ~ .material-input:after { + background: #ff5722; +} +.form-group.has-warning .control-label, +.form-group.has-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after, +.form-group.has-error input.form-control.focus ~ .material-input:after { + background: #f44336; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group.has-success .material-input:before, +.form-group.has-success input.form-control:focus ~ .material-input:after, +.form-group.has-success input.form-control.focus ~ .material-input:after { + background: #0f9d58; +} +.form-group.has-success .control-label, +.form-group.has-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after, +.form-group.has-info input.form-control.focus ~ .material-input:after { + background: #03a9f4; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group .material-input:before, +.form-group-default .material-input:before { + background-color: #3f51b5; +} +.form-group-primary .material-input:before { + background-color: #4285f4; +} +.form-group-success .material-input:before { + background-color: #0f9d58; +} +.form-group-info .material-input:before { + background-color: #03a9f4; +} +.form-group-warning .material-input:before { + background-color: #ff5722; +} +.form-group-danger .material-input:before { + background-color: #f44336; +} +.form-group-material-red .material-input:before { + background-color: #f44336; +} +.form-group-material-pink .material-input:before { + background-color: #e91e63; +} +.form-group-material-purple .material-input:before { + background-color: #9c27b0; +} +.form-group-material-deeppurple .material-input:before { + background-color: #673ab7; +} +.form-group-material-indigo .material-input:before { + background-color: #3f51b5; +} +.form-group-material-lightblue .material-input:before { + background-color: #03a9f4; +} +.form-group-material-cyan .material-input:before { + background-color: #00bcd4; +} +.form-group-material-teal .material-input:before { + background-color: #009688; +} +.form-group-material-lightgreen .material-input:before { + background-color: #8bc34a; +} +.form-group-material-lime .material-input:before { + background-color: #cddc39; +} +.form-group-material-lightyellow .material-input:before { + background-color: #ffeb3b; +} +.form-group-material-orange .material-input:before { + background-color: #ff9800; +} +.form-group-material-deeporange .material-input:before { + background-color: #ff5722; +} +.form-group-material-grey .material-input:before { + background-color: #9e9e9e; +} +.form-group-material-bluegrey .material-input:before { + background-color: #607d8b; +} +.form-group-material-brown .material-input:before { + background-color: #795548; +} +.form-group-material-lightgrey .material-input:before { + background-color: #ececec; +} +.form-group input.form-control:focus ~ .material-input:after, +.form-group-default input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control:focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control:focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control:focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control:focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control:focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control:focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control:focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control:focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control:focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control:focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control:focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control:focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control:focus ~ .material-input:after { + background-color: #ececec; +} +.form-group input.form-control.focus ~ .material-input:after, +.form-group-default input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control.focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control.focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control.focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control.focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control.focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control.focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control.focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control.focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control.focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control.focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control.focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control.focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control.focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control.focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control.focus ~ .material-input:after { + background-color: #ececec; +} +.form-group .control-label, +.form-group-default .control-label { + color: rgba(0, 0, 0, 0.84); +} +.form-group-primary .control-label { + color: #4285f4; +} +.form-group-success .control-label { + color: #0f9d58; +} +.form-group-info .control-label { + color: #03a9f4; +} +.form-group-warning .control-label { + color: #ff5722; +} +.form-group-danger .control-label { + color: #f44336; +} +.form-group-material-red .control-label { + color: #f44336; +} +.form-group-material-pink .control-label { + color: #e91e63; +} +.form-group-material-purple .control-label { + color: #9c27b0; +} +.form-group-material-deeppurple .control-label { + color: #673ab7; +} +.form-group-material-indigo .control-label { + color: #3f51b5; +} +.form-group-material-lightblue .control-label { + color: #03a9f4; +} +.form-group-material-cyan .control-label { + color: #00bcd4; +} +.form-group-material-teal .control-label { + color: #009688; +} +.form-group-material-lightgreen .control-label { + color: #8bc34a; +} +.form-group-material-lime .control-label { + color: #cddc39; +} +.form-group-material-lightyellow .control-label { + color: #ffeb3b; +} +.form-group-material-orange .control-label { + color: #ff9800; +} +.form-group-material-deeporange .control-label { + color: #ff5722; +} +.form-group-material-grey .control-label { + color: #9e9e9e; +} +.form-group-material-bluegrey .control-label { + color: #607d8b; +} +.form-group-material-brown .control-label { + color: #795548; +} +.form-group-material-lightgrey .control-label { + color: #ececec; +} +.form-group input.form-control:not(.empty) ~ .floating-label, +.form-group-default input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-primary input.form-control:not(.empty) ~ .floating-label { + color: #4285f4; +} +.form-group-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-danger input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-red input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-pink input.form-control:not(.empty) ~ .floating-label { + color: #e91e63; +} +.form-group-material-purple input.form-control:not(.empty) ~ .floating-label { + color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:not(.empty) ~ .floating-label { + color: #673ab7; +} +.form-group-material-indigo input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-material-lightblue input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-material-cyan input.form-control:not(.empty) ~ .floating-label { + color: #00bcd4; +} +.form-group-material-teal input.form-control:not(.empty) ~ .floating-label { + color: #009688; +} +.form-group-material-lightgreen input.form-control:not(.empty) ~ .floating-label { + color: #8bc34a; +} +.form-group-material-lime input.form-control:not(.empty) ~ .floating-label { + color: #cddc39; +} +.form-group-material-lightyellow input.form-control:not(.empty) ~ .floating-label { + color: #ffeb3b; +} +.form-group-material-orange input.form-control:not(.empty) ~ .floating-label { + color: #ff9800; +} +.form-group-material-deeporange input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-material-grey input.form-control:not(.empty) ~ .floating-label { + color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:not(.empty) ~ .floating-label { + color: #607d8b; +} +.form-group-material-brown input.form-control:not(.empty) ~ .floating-label { + color: #795548; +} +.form-group-material-lightgrey input.form-control:not(.empty) ~ .floating-label { + color: #ececec; +} +.input-group .form-control-wrapper { + margin-right: 5px; + margin-left: 5px; + bottom: -10px; +} +.input-group .form-control-wrapper .form-control { + float: none; +} +.input-group .input-group-addon { + border: 0; +} +.input-group .input-group-btn .btn { + border-radius: 4px; +} +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; +} +select.form-control:focus, +select.form-control.focus { + box-shadow: none; + border-color: #757575; +} +@keyframes input-highlight { + 0% { + left: 20%; + -webkit-transform: scaleX(20%); + transform: scaleX(20%); + } + 99% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} +legend { + border-bottom: 0; +} +.modal-content { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 0; + border: 0; +} +.modal-content .modal-header { + border-bottom: 0; +} +.modal-content .modal-footer { + border-top: 0; +} +.modal-content .modal-footer .btn + .btn { + margin-bottom: 10px; +} +.list-group { + border-radius: 0; +} +.list-group .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; +} +.list-group .list-group-item .row-picture, +.list-group .list-group-item .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img, +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i, +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + display: block; + width: 56px; + height: 56px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img { + background: rgba(0, 0, 0, 0.1); + padding: 1px; +} +.list-group .list-group-item .row-picture img.circle, +.list-group .list-group-item .row-action-primary img.circle { + border-radius: 100%; +} +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i { + background: rgba(0, 0, 0, 0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; +} +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; +} +.list-group .list-group-item .row-content { + display: inline-block; + width: -webkit-calc(100% - 92px); + width: calc(100% - 92px); + min-height: 66px; +} +.list-group .list-group-item .row-content .action-secondary { + position: absolute; + right: 16px; + top: 16px; +} +.list-group .list-group-item .row-content .action-secondary i { + font-size: 20px; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.list-group .list-group-item .row-content .action-secondary ~ * { + max-width: -webkit-calc(100% - 30px); + max-width: calc(100% - 30px); +} +.list-group .list-group-item .row-content .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0, 0, 0, 0.54); + font-size: 14px; +} +.list-group .list-group-item .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; +} +.list-group .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; +} +.list-group .list-group-separator:before { + content: ""; + width: -webkit-calc(100% - 90px); + width: calc(100% - 90px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + float: right; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-text { + color: rgba(255, 255, 255, 0.84); + margin-top: 20px; + margin-bottom: 20px; +} +.navbar .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.84); + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; +} +.navbar .navbar-toggle { + border-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.84); +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: rgba(212, 212, 212, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; + } +} +.navbar .navbar-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-link:hover { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link[disabled]:hover, +fieldset[disabled] .navbar .btn-link:hover, +.navbar .btn-link[disabled]:focus, +fieldset[disabled] .navbar .btn-link:focus { + color: #e5e5e5; +} +.navbar .navbar-form { + margin-top: 16px; +} +.navbar .navbar-form .form-control-wrapper .form-control, +.navbar .navbar-form .form-control { + border-color: rgba(255, 255, 255, 0.84); + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar, +.navbar-default { + background-color: #4285f4; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-info { + background-color: #03a9f4; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-danger { + background-color: #f44336; +} +.navbar-material-red { + background-color: #f44336; +} +.navbar-material-pink { + background-color: #e91e63; +} +.navbar-material-purple { + background-color: #9c27b0; +} +.navbar-material-deeppurple { + background-color: #673ab7; +} +.navbar-material-indigo { + background-color: #3f51b5; +} +.navbar-material-lightblue { + background-color: #03a9f4; +} +.navbar-material-cyan { + background-color: #00bcd4; +} +.navbar-material-teal { + background-color: #009688; +} +.navbar-material-lightgreen { + background-color: #8bc34a; +} +.navbar-material-lime { + background-color: #cddc39; +} +.navbar-material-lightyellow { + background-color: #ffeb3b; +} +.navbar-material-orange { + background-color: #ff9800; +} +.navbar-material-deeporange { + background-color: #ff5722; +} +.navbar-material-grey { + background-color: #9e9e9e; +} +.navbar-material-bluegrey { + background-color: #607d8b; +} +.navbar-material-brown { + background-color: #795548; +} +.navbar-material-lightgrey { + background-color: #ececec; +} +.navbar-inverse { + background-color: #3f51b5; +} +.navbar-material-white { + background-color: #FFF; +} +.navbar-material-white .navbar-brand, +.navbar-material-white .navbar-brand:hover, +.navbar-material-white .navbar-brand:focus { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a:hover, +.navbar-material-white .navbar-nav > li > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .active > a, +.navbar-material-white .navbar-nav > .active > a:hover, +.navbar-material-white .navbar-nav > .active > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-material-white .navbar-nav > .disabled > a, +.navbar-material-white .navbar-nav > .disabled > a:hover, +.navbar-material-white .navbar-nav > .disabled > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .open > a, +.navbar-material-white .navbar-nav > .open > a:hover, +.navbar-material-white .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.84); +} +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} +.dropdown-menu .divider { + background-color: rgba(229, 229, 229, 0.12); +} +.dropdown-menu li { + overflow: hidden; + position: relative; +} +.dropdown-menu li a:hover { + background: rgba(0, 0, 0, 0.08); +} +.alert { + border: 0px; + border-radius: 0; +} +.alert a, +.alert .alert-link { + color: #FFFFFF; +} +.alert, +.alert-default { + background-color: #ffffff; +} +.alert-primary { + background-color: #4285f4; +} +.alert-success { + background-color: #0f9d58; +} +.alert-info { + background-color: #03a9f4; +} +.alert-warning { + background-color: #ff5722; +} +.alert-danger { + background-color: #f44336; +} +.alert-material-red { + background-color: #f44336; +} +.alert-material-pink { + background-color: #e91e63; +} +.alert-material-purple { + background-color: #9c27b0; +} +.alert-material-deeppurple { + background-color: #673ab7; +} +.alert-material-indigo { + background-color: #3f51b5; +} +.alert-material-lightblue { + background-color: #03a9f4; +} +.alert-material-cyan { + background-color: #00bcd4; +} +.alert-material-teal { + background-color: #009688; +} +.alert-material-lightgreen { + background-color: #8bc34a; +} +.alert-material-lime { + background-color: #cddc39; +} +.alert-material-lightyellow { + background-color: #ffeb3b; +} +.alert-material-orange { + background-color: #ff9800; +} +.alert-material-deeporange { + background-color: #ff5722; +} +.alert-material-grey { + background-color: #9e9e9e; +} +.alert-material-bluegrey { + background-color: #607d8b; +} +.alert-material-brown { + background-color: #795548; +} +.alert-material-lightgrey { + background-color: #ececec; +} +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #FFFFFF; +} +.alert-default a, +.alert-default .alert-link { + color: #000000; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-default { + background-color: #4285f4; +} +.progress .progress-bar-primary { + background-color: #4285f4; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.progress .progress-bar-info { + background-color: #03a9f4; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #f44336; +} +.progress .progress-bar-material-red { + background-color: #f44336; +} +.progress .progress-bar-material-pink { + background-color: #e91e63; +} +.progress .progress-bar-material-purple { + background-color: #9c27b0; +} +.progress .progress-bar-material-deeppurple { + background-color: #673ab7; +} +.progress .progress-bar-material-indigo { + background-color: #3f51b5; +} +.progress .progress-bar-material-lightblue { + background-color: #03a9f4; +} +.progress .progress-bar-material-cyan { + background-color: #00bcd4; +} +.progress .progress-bar-material-teal { + background-color: #009688; +} +.progress .progress-bar-material-lightgreen { + background-color: #8bc34a; +} +.progress .progress-bar-material-lime { + background-color: #cddc39; +} +.progress .progress-bar-material-lightyellow { + background-color: #ffeb3b; +} +.progress .progress-bar-material-orange { + background-color: #ff9800; +} +.progress .progress-bar-material-deeporange { + background-color: #ff5722; +} +.progress .progress-bar-material-grey { + background-color: #9e9e9e; +} +.progress .progress-bar-material-bluegrey { + background-color: #607d8b; +} +.progress .progress-bar-material-brown { + background-color: #795548; +} +.progress .progress-bar-material-lightgrey { + background-color: #ececec; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #f44336; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #03a9f4; +} +.nav-tabs { + background: #4285f4; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 0; + margin: 0; +} +.nav-tabs > li > a:hover { + background: transparent; + border: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.open > a, +.nav-tabs > li.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; +} +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); +} +.popover, +.tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; +} +.tooltip, +.tooltip.in { + opacity: 1; +} +.popover.left .arrow:after, +.tooltip.left .arrow:after, +.popover.left .tooltip-arrow, +.tooltip.left .tooltip-arrow { + border-left-color: #323232; +} +.popover.right .arrow:after, +.tooltip.right .arrow:after, +.popover.right .tooltip-arrow, +.tooltip.right .tooltip-arrow { + border-right-color: #323232; +} +.popover.top .arrow:after, +.tooltip.top .arrow:after, +.popover.top .tooltip-arrow, +.tooltip.top .tooltip-arrow { + border-top-color: #323232; +} +.popover.bottom .arrow:after, +.tooltip.bottom .arrow:after, +.popover.bottom .tooltip-arrow, +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #323232; +} +.icon, +.icon-default { + color: rgba(0, 0, 0, 0.84); +} +.icon-primary { + color: #4285f4; +} +.icon-success { + color: #0f9d58; +} +.icon-info { + color: #03a9f4; +} +.icon-warning { + color: #ff5722; +} +.icon-danger { + color: #f44336; +} +.icon-material-red { + color: #f44336; +} +.icon-material-pink { + color: #e91e63; +} +.icon-material-purple { + color: #9c27b0; +} +.icon-material-deeppurple { + color: #673ab7; +} +.icon-material-indigo { + color: #3f51b5; +} +.icon-material-lightblue { + color: #03a9f4; +} +.icon-material-cyan { + color: #00bcd4; +} +.icon-material-teal { + color: #009688; +} +.icon-material-lightgreen { + color: #8bc34a; +} +.icon-material-lime { + color: #cddc39; +} +.icon-material-lightyellow { + color: #ffeb3b; +} +.icon-material-orange { + color: #ff9800; +} +.icon-material-deeporange { + color: #ff5722; +} +.icon-material-grey { + color: #9e9e9e; +} +.icon-material-bluegrey { + color: #607d8b; +} +.icon-material-brown { + color: #795548; +} +.icon-material-lightgrey { + color: #ececec; +} +.snackbar { + background-color: #323232; + color: rgba(255, 255, 255, 0.84); + font-size: 14px; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 0; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: translateY(200%); + -ms-transform: translateY(200%); + transform: translateY(200%); +} +.snackbar.snackbar-opened { + padding: 14px 15px; + margin-bottom: 20px; + height: auto; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.snackbar.toast { + border-radius: 200px; +} +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { + border-width: 1px; +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + -webkit-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + -webkit-transform: scale(2.5); + -ms-transform: scale(2.5); + transform: scale(2.5); +} +[disabled].noUi-slider { + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} +.slider { + background: #c8c8c8; +} +.slider.noUi-connect, +.slider-default.noUi-connect { + background-color: #4285f4; +} +.slider-primary.noUi-connect { + background-color: #4285f4; +} +.slider-success.noUi-connect { + background-color: #0f9d58; +} +.slider-info.noUi-connect { + background-color: #03a9f4; +} +.slider-warning.noUi-connect { + background-color: #ff5722; +} +.slider-danger.noUi-connect { + background-color: #f44336; +} +.slider-material-red.noUi-connect { + background-color: #f44336; +} +.slider-material-pink.noUi-connect { + background-color: #e91e63; +} +.slider-material-purple.noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple.noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo.noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue.noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan.noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal.noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen.noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime.noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow.noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange.noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange.noUi-connect { + background-color: #ff5722; +} +.slider-material-grey.noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey.noUi-connect { + background-color: #607d8b; +} +.slider-material-brown.noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey.noUi-connect { + background-color: #ececec; +} +.slider .noUi-connect, +.slider-default .noUi-connect { + background-color: #4285f4; +} +.slider-primary .noUi-connect { + background-color: #4285f4; +} +.slider-success .noUi-connect { + background-color: #0f9d58; +} +.slider-info .noUi-connect { + background-color: #03a9f4; +} +.slider-warning .noUi-connect { + background-color: #ff5722; +} +.slider-danger .noUi-connect { + background-color: #f44336; +} +.slider-material-red .noUi-connect { + background-color: #f44336; +} +.slider-material-pink .noUi-connect { + background-color: #e91e63; +} +.slider-material-purple .noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo .noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal .noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen .noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime .noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-connect { + background-color: #ff5722; +} +.slider-material-grey .noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-connect { + background-color: #607d8b; +} +.slider-material-brown .noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey .noUi-connect { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + background-color: #4285f4; +} +.slider-primary .noUi-handle { + background-color: #4285f4; +} +.slider-success .noUi-handle { + background-color: #0f9d58; +} +.slider-info .noUi-handle { + background-color: #03a9f4; +} +.slider-warning .noUi-handle { + background-color: #ff5722; +} +.slider-danger .noUi-handle { + background-color: #f44336; +} +.slider-material-red .noUi-handle { + background-color: #f44336; +} +.slider-material-pink .noUi-handle { + background-color: #e91e63; +} +.slider-material-purple .noUi-handle { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + background-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + background-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + background-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + background-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + background-color: #ff5722; +} +.slider-material-grey .noUi-handle { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + background-color: #607d8b; +} +.slider-material-brown .noUi-handle { + background-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + border-color: #4285f4; +} +.slider-primary .noUi-handle { + border-color: #4285f4; +} +.slider-success .noUi-handle { + border-color: #0f9d58; +} +.slider-info .noUi-handle { + border-color: #03a9f4; +} +.slider-warning .noUi-handle { + border-color: #ff5722; +} +.slider-danger .noUi-handle { + border-color: #f44336; +} +.slider-material-red .noUi-handle { + border-color: #f44336; +} +.slider-material-pink .noUi-handle { + border-color: #e91e63; +} +.slider-material-purple .noUi-handle { + border-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + border-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + border-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + border-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + border-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + border-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + border-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + border-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + border-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + border-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + border-color: #ff5722; +} +.slider-material-grey .noUi-handle { + border-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + border-color: #607d8b; +} +.slider-material-brown .noUi-handle { + border-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + border-color: #ececec; +} diff --git a/bootstrap/css-compiled/material.css b/bootstrap/css-compiled/material.css new file mode 100755 index 0000000..645adf7 --- /dev/null +++ b/bootstrap/css-compiled/material.css @@ -0,0 +1,3247 @@ +/* Generated by less 1.7.5 */ +@-webkit-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); +} +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); +} +body { + background-color: #EEEEEE; +} +body.inverse { + background: #333333; +} +body.inverse, +body.inverse .form-control { + color: rgba(255, 255, 255, 0.84); +} +body, +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +body .well, +.container .well, +.container-fluid .well, +body .well:not([class^="well well-material-"]), +.container .well:not([class^="well well-material-"]), +.container-fluid .well:not([class^="well well-material-"]), +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + color: rgba(0, 0, 0, 0.84); +} +body .well .floating-label, +.container .well .floating-label, +.container-fluid .well .floating-label, +body .well:not([class^="well well-material-"]) .floating-label, +.container .well:not([class^="well well-material-"]) .floating-label, +.container-fluid .well:not([class^="well well-material-"]) .floating-label { + color: #7e7e7e; +} +body .well .form-control, +.container .well .form-control, +.container-fluid .well .form-control, +body .well:not([class^="well well-material-"]) .form-control, +.container .well:not([class^="well well-material-"]) .form-control, +.container-fluid .well:not([class^="well well-material-"]) .form-control { + border-bottom-color: #7e7e7e; +} +body .well .form-control::-webkit-input-placeholder, +.container .well .form-control::-webkit-input-placeholder, +.container-fluid .well .form-control::-webkit-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-webkit-input-placeholder { + color: #7e7e7e; +} +body .well .form-control::-moz-placeholder, +.container .well .form-control::-moz-placeholder, +.container-fluid .well .form-control::-moz-placeholder, +body .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container .well:not([class^="well well-material-"]) .form-control::-moz-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control::-moz-placeholder { + color: #7e7e7e; + opacity: 1; +} +body .well .form-control:-ms-input-placeholder, +.container .well .form-control:-ms-input-placeholder, +.container-fluid .well .form-control:-ms-input-placeholder, +body .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder, +.container-fluid .well:not([class^="well well-material-"]) .form-control:-ms-input-placeholder { + color: #7e7e7e; +} +body .well .option, +.container .well .option, +.container-fluid .well .option, +body .well:not([class^="well well-material-"]) .option, +.container .well:not([class^="well well-material-"]) .option, +.container-fluid .well:not([class^="well well-material-"]) .option, +body .well .create, +.container .well .create, +.container-fluid .well .create, +body .well:not([class^="well well-material-"]) .create, +.container .well:not([class^="well well-material-"]) .create, +.container-fluid .well:not([class^="well well-material-"]) .create { + color: rgba(0, 0, 0, 0.84); +} +body [class^="well well-material-"], +.container [class^="well well-material-"], +.container-fluid [class^="well well-material-"], +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control, +body [class^="well well-material-"] .floating-label, +.container [class^="well well-material-"] .floating-label, +.container-fluid [class^="well well-material-"] .floating-label { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control, +.container [class^="well well-material-"] .form-control, +.container-fluid [class^="well well-material-"] .form-control { + border-bottom-color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container [class^="well well-material-"] .form-control::-webkit-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .form-control::-moz-placeholder, +.container [class^="well well-material-"] .form-control::-moz-placeholder, +.container-fluid [class^="well well-material-"] .form-control::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); + opacity: 1; +} +body [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container [class^="well well-material-"] .form-control:-ms-input-placeholder, +.container-fluid [class^="well well-material-"] .form-control:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +body [class^="well well-material-"] .option, +.container [class^="well well-material-"] .option, +.container-fluid [class^="well well-material-"] .option, +body [class^="well well-material-"] .create, +.container [class^="well well-material-"] .create, +.container-fluid [class^="well well-material-"] .create { + color: rgba(0, 0, 0, 0.84); +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron { + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 2px; + border: 0; +} +body .well p, +.container .well p, +.container-fluid .well p, +body .jumbotron p, +.container .jumbotron p, +.container-fluid .jumbotron p { + font-weight: 300; +} +body .well, +.container .well, +.container-fluid .well, +body .jumbotron, +.container .jumbotron, +.container-fluid .jumbotron, +body .well-default, +.container .well-default, +.container-fluid .well-default, +body .jumbotron-default, +.container .jumbotron-default, +.container-fluid .jumbotron-default { + background-color: #ffffff; +} +body .well-primary, +.container .well-primary, +.container-fluid .well-primary, +body .jumbotron-primary, +.container .jumbotron-primary, +.container-fluid .jumbotron-primary { + background-color: #4285f4; +} +body .well-success, +.container .well-success, +.container-fluid .well-success, +body .jumbotron-success, +.container .jumbotron-success, +.container-fluid .jumbotron-success { + background-color: #0f9d58; +} +body .well-info, +.container .well-info, +.container-fluid .well-info, +body .jumbotron-info, +.container .jumbotron-info, +.container-fluid .jumbotron-info { + background-color: #03a9f4; +} +body .well-warning, +.container .well-warning, +.container-fluid .well-warning, +body .jumbotron-warning, +.container .jumbotron-warning, +.container-fluid .jumbotron-warning { + background-color: #ff5722; +} +body .well-danger, +.container .well-danger, +.container-fluid .well-danger, +body .jumbotron-danger, +.container .jumbotron-danger, +.container-fluid .jumbotron-danger { + background-color: #f44336; +} +body .well-material-red, +.container .well-material-red, +.container-fluid .well-material-red, +body .jumbotron-material-red, +.container .jumbotron-material-red, +.container-fluid .jumbotron-material-red { + background-color: #f44336; +} +body .well-material-pink, +.container .well-material-pink, +.container-fluid .well-material-pink, +body .jumbotron-material-pink, +.container .jumbotron-material-pink, +.container-fluid .jumbotron-material-pink { + background-color: #e91e63; +} +body .well-material-purple, +.container .well-material-purple, +.container-fluid .well-material-purple, +body .jumbotron-material-purple, +.container .jumbotron-material-purple, +.container-fluid .jumbotron-material-purple { + background-color: #9c27b0; +} +body .well-material-deeppurple, +.container .well-material-deeppurple, +.container-fluid .well-material-deeppurple, +body .jumbotron-material-deeppurple, +.container .jumbotron-material-deeppurple, +.container-fluid .jumbotron-material-deeppurple { + background-color: #673ab7; +} +body .well-material-indigo, +.container .well-material-indigo, +.container-fluid .well-material-indigo, +body .jumbotron-material-indigo, +.container .jumbotron-material-indigo, +.container-fluid .jumbotron-material-indigo { + background-color: #3f51b5; +} +body .well-material-lightblue, +.container .well-material-lightblue, +.container-fluid .well-material-lightblue, +body .jumbotron-material-lightblue, +.container .jumbotron-material-lightblue, +.container-fluid .jumbotron-material-lightblue { + background-color: #03a9f4; +} +body .well-material-cyan, +.container .well-material-cyan, +.container-fluid .well-material-cyan, +body .jumbotron-material-cyan, +.container .jumbotron-material-cyan, +.container-fluid .jumbotron-material-cyan { + background-color: #00bcd4; +} +body .well-material-teal, +.container .well-material-teal, +.container-fluid .well-material-teal, +body .jumbotron-material-teal, +.container .jumbotron-material-teal, +.container-fluid .jumbotron-material-teal { + background-color: #009688; +} +body .well-material-lightgreen, +.container .well-material-lightgreen, +.container-fluid .well-material-lightgreen, +body .jumbotron-material-lightgreen, +.container .jumbotron-material-lightgreen, +.container-fluid .jumbotron-material-lightgreen { + background-color: #8bc34a; +} +body .well-material-lime, +.container .well-material-lime, +.container-fluid .well-material-lime, +body .jumbotron-material-lime, +.container .jumbotron-material-lime, +.container-fluid .jumbotron-material-lime { + background-color: #cddc39; +} +body .well-material-lightyellow, +.container .well-material-lightyellow, +.container-fluid .well-material-lightyellow, +body .jumbotron-material-lightyellow, +.container .jumbotron-material-lightyellow, +.container-fluid .jumbotron-material-lightyellow { + background-color: #ffeb3b; +} +body .well-material-orange, +.container .well-material-orange, +.container-fluid .well-material-orange, +body .jumbotron-material-orange, +.container .jumbotron-material-orange, +.container-fluid .jumbotron-material-orange { + background-color: #ff9800; +} +body .well-material-deeporange, +.container .well-material-deeporange, +.container-fluid .well-material-deeporange, +body .jumbotron-material-deeporange, +.container .jumbotron-material-deeporange, +.container-fluid .jumbotron-material-deeporange { + background-color: #ff5722; +} +body .well-material-grey, +.container .well-material-grey, +.container-fluid .well-material-grey, +body .jumbotron-material-grey, +.container .jumbotron-material-grey, +.container-fluid .jumbotron-material-grey { + background-color: #9e9e9e; +} +body .well-material-bluegrey, +.container .well-material-bluegrey, +.container-fluid .well-material-bluegrey, +body .jumbotron-material-bluegrey, +.container .jumbotron-material-bluegrey, +.container-fluid .jumbotron-material-bluegrey { + background-color: #607d8b; +} +body .well-material-brown, +.container .well-material-brown, +.container-fluid .well-material-brown, +body .jumbotron-material-brown, +.container .jumbotron-material-brown, +.container-fluid .jumbotron-material-brown { + background-color: #795548; +} +body .well-material-lightgrey, +.container .well-material-lightgrey, +.container-fluid .well-material-lightgrey, +body .jumbotron-material-lightgrey, +.container .jumbotron-material-lightgrey, +.container-fluid .jumbotron-material-lightgrey { + background-color: #ececec; +} +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: rgba(255, 255, 255, 0.84); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + outline: none !important; +} +.btn:hover { + color: rgba(255, 255, 255, 0.84); +} +.btn:hover:not(.btn-link) { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.28); +} +.btn:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn:not(.btn-link), +.btn-default:not(.btn-link) { + background-color: transparent; +} +.btn-primary:not(.btn-link) { + background-color: #4285f4; +} +.btn-success:not(.btn-link) { + background-color: #0f9d58; +} +.btn-info:not(.btn-link) { + background-color: #03a9f4; +} +.btn-warning:not(.btn-link) { + background-color: #ff5722; +} +.btn-danger:not(.btn-link) { + background-color: #f44336; +} +.btn-material-red:not(.btn-link) { + background-color: #f44336; +} +.btn-material-pink:not(.btn-link) { + background-color: #e91e63; +} +.btn-material-purple:not(.btn-link) { + background-color: #9c27b0; +} +.btn-material-deeppurple:not(.btn-link) { + background-color: #673ab7; +} +.btn-material-indigo:not(.btn-link) { + background-color: #3f51b5; +} +.btn-material-lightblue:not(.btn-link) { + background-color: #03a9f4; +} +.btn-material-cyan:not(.btn-link) { + background-color: #00bcd4; +} +.btn-material-teal:not(.btn-link) { + background-color: #009688; +} +.btn-material-lightgreen:not(.btn-link) { + background-color: #8bc34a; +} +.btn-material-lime:not(.btn-link) { + background-color: #cddc39; +} +.btn-material-lightyellow:not(.btn-link) { + background-color: #ffeb3b; +} +.btn-material-orange:not(.btn-link) { + background-color: #ff9800; +} +.btn-material-deeporange:not(.btn-link) { + background-color: #ff5722; +} +.btn-material-grey:not(.btn-link) { + background-color: #9e9e9e; +} +.btn-material-bluegrey:not(.btn-link) { + background-color: #607d8b; +} +.btn-material-brown:not(.btn-link) { + background-color: #795548; +} +.btn-material-lightgrey:not(.btn-link) { + background-color: #ececec; +} +.btn-link, +.btn:not([class^="btn btn-"]), +.btn-default { + color: rgba(0, 0, 0, 0.84); +} +.btn-link:hover, +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + color: rgba(0, 0, 0, 0.84); +} +.btn:not([class^="btn btn-"]):hover, +.btn-default:hover { + background-color: rgba(255, 255, 255, 0.5); +} +.btn-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.open > .dropdown-toggle.btn, +.open > .dropdown-toggle.btn-default { + background-color: transparent; +} +.open > .dropdown-toggle.btn-primary { + background-color: #4285f4; +} +.open > .dropdown-toggle.btn-success { + background-color: #0f9d58; +} +.open > .dropdown-toggle.btn-info { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-warning { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-danger { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-red { + background-color: #f44336; +} +.open > .dropdown-toggle.btn-material-pink { + background-color: #e91e63; +} +.open > .dropdown-toggle.btn-material-purple { + background-color: #9c27b0; +} +.open > .dropdown-toggle.btn-material-deeppurple { + background-color: #673ab7; +} +.open > .dropdown-toggle.btn-material-indigo { + background-color: #3f51b5; +} +.open > .dropdown-toggle.btn-material-lightblue { + background-color: #03a9f4; +} +.open > .dropdown-toggle.btn-material-cyan { + background-color: #00bcd4; +} +.open > .dropdown-toggle.btn-material-teal { + background-color: #009688; +} +.open > .dropdown-toggle.btn-material-lightgreen { + background-color: #8bc34a; +} +.open > .dropdown-toggle.btn-material-lime { + background-color: #cddc39; +} +.open > .dropdown-toggle.btn-material-lightyellow { + background-color: #ffeb3b; +} +.open > .dropdown-toggle.btn-material-orange { + background-color: #ff9800; +} +.open > .dropdown-toggle.btn-material-deeporange { + background-color: #ff5722; +} +.open > .dropdown-toggle.btn-material-grey { + background-color: #9e9e9e; +} +.open > .dropdown-toggle.btn-material-bluegrey { + background-color: #607d8b; +} +.open > .dropdown-toggle.btn-material-brown { + background-color: #795548; +} +.open > .dropdown-toggle.btn-material-lightgrey { + background-color: #ececec; +} +.btn-flat { + box-shadow: none !important; +} +.btn-flat.btn-default:hover { + background: none; +} +.btn-group, +.btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group:active:not(.btn-link), +.btn-group-vertical:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group.open .dropdown-toggle, +.btn-group-vertical.open .dropdown-toggle { + box-shadow: none; +} +.btn-group.btn-group-raised, +.btn-group-vertical.btn-group-raised { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); +} +.btn-group.btn-group-raised:active:not(.btn-link), +.btn-group-vertical.btn-group-raised:active:not(.btn-link) { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} +.btn-group .btn, +.btn-group-vertical .btn, +.btn-group .btn:active, +.btn-group-vertical .btn:active, +.btn-group .btn-group, +.btn-group-vertical .btn-group { + box-shadow: none !important; + margin: 0; +} +.btn-group .btn:active .caret, +.btn-group-vertical .btn:active .caret { + margin-left: -1px; +} +.btn-group-flat { + box-shadow: none !important; +} +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; +} +.btn-fab, +.btn-fab:hover, +.btn-fab-default, +.btn-fab:hover-default { + background-color: transparent; +} +.btn-fab-primary, +.btn-fab:hover-primary { + background-color: #4285f4; +} +.btn-fab-success, +.btn-fab:hover-success { + background-color: #0f9d58; +} +.btn-fab-info, +.btn-fab:hover-info { + background-color: #03a9f4; +} +.btn-fab-warning, +.btn-fab:hover-warning { + background-color: #ff5722; +} +.btn-fab-danger, +.btn-fab:hover-danger { + background-color: #f44336; +} +.btn-fab-material-red, +.btn-fab:hover-material-red { + background-color: #f44336; +} +.btn-fab-material-pink, +.btn-fab:hover-material-pink { + background-color: #e91e63; +} +.btn-fab-material-purple, +.btn-fab:hover-material-purple { + background-color: #9c27b0; +} +.btn-fab-material-deeppurple, +.btn-fab:hover-material-deeppurple { + background-color: #673ab7; +} +.btn-fab-material-indigo, +.btn-fab:hover-material-indigo { + background-color: #3f51b5; +} +.btn-fab-material-lightblue, +.btn-fab:hover-material-lightblue { + background-color: #03a9f4; +} +.btn-fab-material-cyan, +.btn-fab:hover-material-cyan { + background-color: #00bcd4; +} +.btn-fab-material-teal, +.btn-fab:hover-material-teal { + background-color: #009688; +} +.btn-fab-material-lightgreen, +.btn-fab:hover-material-lightgreen { + background-color: #8bc34a; +} +.btn-fab-material-lime, +.btn-fab:hover-material-lime { + background-color: #cddc39; +} +.btn-fab-material-lightyellow, +.btn-fab:hover-material-lightyellow { + background-color: #ffeb3b; +} +.btn-fab-material-orange, +.btn-fab:hover-material-orange { + background-color: #ff9800; +} +.btn-fab-material-deeporange, +.btn-fab:hover-material-deeporange { + background-color: #ff5722; +} +.btn-fab-material-grey, +.btn-fab:hover-material-grey { + background-color: #9e9e9e; +} +.btn-fab-material-bluegrey, +.btn-fab:hover-material-bluegrey { + background-color: #607d8b; +} +.btn-fab-material-brown, +.btn-fab:hover-material-brown { + background-color: #795548; +} +.btn-fab-material-lightgrey, +.btn-fab:hover-material-lightgrey { + background-color: #ececec; +} +.btn-fab, +.btn-fab .ripple-wrapper { + border-radius: 100%; +} +.btn-fab.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; +} +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} +.checkbox label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.checkbox label span { + display: block; + position: absolute; + left: 0px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.checkbox label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; +} +.checkbox label .check:before { + display: block; + content: ""; + border: 2px solid rgba(0, 0, 0, 0.84); + height: 20px; + width: 20px; + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +.checkbox .check, +.checkbox-default .check { + color: #0f9d58; +} +.checkbox-primary .check { + color: #4285f4; +} +.checkbox-success .check { + color: #0f9d58; +} +.checkbox-info .check { + color: #03a9f4; +} +.checkbox-warning .check { + color: #ff5722; +} +.checkbox-danger .check { + color: #f44336; +} +.checkbox-material-red .check { + color: #f44336; +} +.checkbox-material-pink .check { + color: #e91e63; +} +.checkbox-material-purple .check { + color: #9c27b0; +} +.checkbox-material-deeppurple .check { + color: #673ab7; +} +.checkbox-material-indigo .check { + color: #3f51b5; +} +.checkbox-material-lightblue .check { + color: #03a9f4; +} +.checkbox-material-cyan .check { + color: #00bcd4; +} +.checkbox-material-teal .check { + color: #009688; +} +.checkbox-material-lightgreen .check { + color: #8bc34a; +} +.checkbox-material-lime .check { + color: #cddc39; +} +.checkbox-material-lightyellow .check { + color: #ffeb3b; +} +.checkbox-material-orange .check { + color: #ff9800; +} +.checkbox-material-deeporange .check { + color: #ff5722; +} +.checkbox-material-grey .check { + color: #9e9e9e; +} +.checkbox-material-bluegrey .check { + color: #607d8b; +} +.checkbox-material-brown .check { + color: #795548; +} +.checkbox-material-lightgrey .check { + color: #ececec; +} +.checkbox input[type=checkbox] { + opacity: 0; +} +.checkbox input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + -webkit-animation: uncheck 300ms ease-out forwards; + -ms-animation: uncheck 300ms ease-out forwards; + animation: uncheck 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; +} +.checkbox input[type=checkbox]:checked ~ .check:before { + -webkit-animation: check 300ms ease-out forwards; + -ms-animation: check 300ms ease-out forwards; + animation: check 300ms ease-out forwards; +} +.checkbox input[type=checkbox]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.checkbox input[type=checkbox]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; +} +.checkbox input[type=checkbox][disabled] ~ .check:after { + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.checkbox input[type=checkbox]:checked ~ .check:after, +.checkbox-default input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-primary input[type=checkbox]:checked ~ .check:after { + background-color: #4285f4; +} +.checkbox-success input[type=checkbox]:checked ~ .check:after { + background-color: #0f9d58; +} +.checkbox-info input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-warning input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-danger input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-red input[type=checkbox]:checked ~ .check:after { + background-color: #f44336; +} +.checkbox-material-pink input[type=checkbox]:checked ~ .check:after { + background-color: #e91e63; +} +.checkbox-material-purple input[type=checkbox]:checked ~ .check:after { + background-color: #9c27b0; +} +.checkbox-material-deeppurple input[type=checkbox]:checked ~ .check:after { + background-color: #673ab7; +} +.checkbox-material-indigo input[type=checkbox]:checked ~ .check:after { + background-color: #3f51b5; +} +.checkbox-material-lightblue input[type=checkbox]:checked ~ .check:after { + background-color: #03a9f4; +} +.checkbox-material-cyan input[type=checkbox]:checked ~ .check:after { + background-color: #00bcd4; +} +.checkbox-material-teal input[type=checkbox]:checked ~ .check:after { + background-color: #009688; +} +.checkbox-material-lightgreen input[type=checkbox]:checked ~ .check:after { + background-color: #8bc34a; +} +.checkbox-material-lime input[type=checkbox]:checked ~ .check:after { + background-color: #cddc39; +} +.checkbox-material-lightyellow input[type=checkbox]:checked ~ .check:after { + background-color: #ffeb3b; +} +.checkbox-material-orange input[type=checkbox]:checked ~ .check:after { + background-color: #ff9800; +} +.checkbox-material-deeporange input[type=checkbox]:checked ~ .check:after { + background-color: #ff5722; +} +.checkbox-material-grey input[type=checkbox]:checked ~ .check:after { + background-color: #9e9e9e; +} +.checkbox-material-bluegrey input[type=checkbox]:checked ~ .check:after { + background-color: #607d8b; +} +.checkbox-material-brown input[type=checkbox]:checked ~ .check:after { + background-color: #795548; +} +.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after { + background-color: #ececec; +} +@-webkit-keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-ms-keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -ms-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -ms-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -ms-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@keyframes check { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio label { + cursor: pointer; + padding-left: 45px; + position: relative; +} +.radio label span { + display: block; + position: absolute; + left: 10px; + top: 2px; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.radio label .circle { + border: 2px solid rgba(0, 0, 0, 0.84); + height: 15px; + width: 15px; + border-radius: 100%; +} +.radio label .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.84); + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); +} +.radio label .check:after { + display: block; + position: absolute; + content: ""; + background-color: rgba(0, 0, 0, 0.84); + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); +} +.radio label input[type=radio]:not(:checked) ~ .check:after { + -webkit-animation: rippleOff 500ms; + -ms-animation: rippleOff 500ms; + animation: rippleOff 500ms; +} +.radio label input[type=radio]:checked ~ .check:after { + -webkit-animation: rippleOn 500ms; + -ms-animation: rippleOn 500ms; + animation: rippleOn 500ms; +} +.radio input[type=radio]:checked ~ .check, +.radio-default input[type=radio]:checked ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .check { + background-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .check { + background-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .check { + background-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .check { + background-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .check { + background-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .check { + background-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .check { + background-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .check { + background-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .check { + background-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .check { + background-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .check { + background-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .check { + background-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .check { + background-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .check { + background-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .check { + background-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .check { + background-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .check { + background-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .check { + background-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .check { + background-color: #ececec; +} +.radio input[type=radio]:checked ~ .circle, +.radio-default input[type=radio]:checked ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio-primary input[type=radio]:checked ~ .circle { + border-color: #4285f4; +} +.radio-success input[type=radio]:checked ~ .circle { + border-color: #0f9d58; +} +.radio-info input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-warning input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-danger input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-red input[type=radio]:checked ~ .circle { + border-color: #f44336; +} +.radio-material-pink input[type=radio]:checked ~ .circle { + border-color: #e91e63; +} +.radio-material-purple input[type=radio]:checked ~ .circle { + border-color: #9c27b0; +} +.radio-material-deeppurple input[type=radio]:checked ~ .circle { + border-color: #673ab7; +} +.radio-material-indigo input[type=radio]:checked ~ .circle { + border-color: #3f51b5; +} +.radio-material-lightblue input[type=radio]:checked ~ .circle { + border-color: #03a9f4; +} +.radio-material-cyan input[type=radio]:checked ~ .circle { + border-color: #00bcd4; +} +.radio-material-teal input[type=radio]:checked ~ .circle { + border-color: #009688; +} +.radio-material-lightgreen input[type=radio]:checked ~ .circle { + border-color: #8bc34a; +} +.radio-material-lime input[type=radio]:checked ~ .circle { + border-color: #cddc39; +} +.radio-material-lightyellow input[type=radio]:checked ~ .circle { + border-color: #ffeb3b; +} +.radio-material-orange input[type=radio]:checked ~ .circle { + border-color: #ff9800; +} +.radio-material-deeporange input[type=radio]:checked ~ .circle { + border-color: #ff5722; +} +.radio-material-grey input[type=radio]:checked ~ .circle { + border-color: #9e9e9e; +} +.radio-material-bluegrey input[type=radio]:checked ~ .circle { + border-color: #607d8b; +} +.radio-material-brown input[type=radio]:checked ~ .circle { + border-color: #795548; +} +.radio-material-lightgrey input[type=radio]:checked ~ .circle { + border-color: #ececec; +} +.radio input[type=radio][disabled] ~ .check, +.radio input[type=radio][disabled] ~ .circle { + opacity: 0.5; +} +.radio input[type=radio] { + display: none; +} +.radio input[type=radio]:checked ~ .check { + -webkit-transform: scale(0.55); + -ms-transform: scale(0.55); + transform: scale(0.55); +} +.radio input[type=radio][disabled] ~ .circle { + border-color: rgba(0, 0, 0, 0.84); +} +.radio input[type=radio][disabled] ~ .check { + background-color: rgba(0, 0, 0, 0.84); +} +@-webkit-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-webkit-keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@-ms-keyframes rippleOn { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +@keyframes rippleOff { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} +fieldset[disabled] .form-control, +.form-control-wrapper .form-control, +.form-control, +fieldset[disabled] .form-control:focus, +.form-control-wrapper .form-control:focus, +.form-control:focus, +fieldset[disabled] .form-control.focus, +.form-control-wrapper .form-control.focus, +.form-control.focus { + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; +} +fieldset[disabled] .form-control:not(textarea):not(select), +.form-control-wrapper .form-control:not(textarea):not(select), +.form-control:not(textarea):not(select), +fieldset[disabled] .form-control:focus:not(textarea):not(select), +.form-control-wrapper .form-control:focus:not(textarea):not(select), +.form-control:focus:not(textarea):not(select), +fieldset[disabled] .form-control.focus:not(textarea):not(select), +.form-control-wrapper .form-control.focus:not(textarea):not(select), +.form-control.focus:not(textarea):not(select) { + height: 28px; +} +fieldset[disabled] .form-control:disabled, +.form-control-wrapper .form-control:disabled, +.form-control:disabled, +fieldset[disabled] .form-control:focus:disabled, +.form-control-wrapper .form-control:focus:disabled, +.form-control:focus:disabled, +fieldset[disabled] .form-control.focus:disabled, +.form-control-wrapper .form-control.focus:disabled, +.form-control.focus:disabled { + border-style: dashed; +} +select.form-control { + height: 23px; +} +select[multiple].form-control, +select[multiple].form-control:focus, +select[multiple].form-control.focus { + height: 85px; +} +.form-control-wrapper { + position: relative; + /* active state */ +} +.form-control-wrapper .form-control:focus, +.form-control-wrapper .form-control.focus { + outline: none; +} +.form-control-wrapper .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + -webkit-transition: 0.2s ease all; + transition: 0.2s ease all; + opacity: 0; +} +.form-control-wrapper .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; +} +.form-control-wrapper .form-control:focus:invalid ~ .floating-label, +.form-control-wrapper .form-control.focus:invalid ~ .floating-label { + color: #f44336; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + background-color: #5264ae; +} +.form-control-wrapper .form-control:focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:before, +.form-control-wrapper .form-control:focus:invalid ~ .material-input:after, +.form-control-wrapper .form-control.focus:invalid ~ .material-input:after { + background-color: #f44336; +} +.form-control-wrapper .form-control.empty ~ .floating-label { + opacity: 1; +} +.form-control-wrapper .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: #5264ae; + bottom: -1px; + -webkit-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: -webkit-transform 0s; + transition: transform 0s; +} +.form-control-wrapper .form-control:focus ~ .material-input:before, +.form-control-wrapper .form-control.focus ~ .material-input:before { + -webkit-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); + -webkit-transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; +} +.form-control-wrapper .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; +} +.form-control-wrapper .input-lg ~ .material-input:after { + height: 26px; +} +.form-control-wrapper textarea { + resize: none; +} +.form-control-wrapper textarea ~ .form-control-highlight { + margin-top: -11px; +} +.form-control-wrapper .form-control:focus ~ .material-input:after, +.form-control-wrapper .form-control.focus ~ .material-input:after { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + opacity: 0; +} +.form-control-wrapper select ~ .material-input:after { + display: none; +} +.form-group.has-warning .material-input:before, +.form-group.has-warning input.form-control:focus ~ .material-input:after, +.form-group.has-warning input.form-control.focus ~ .material-input:after { + background: #ff5722; +} +.form-group.has-warning .control-label, +.form-group.has-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group.has-error .material-input:before, +.form-group.has-error input.form-control:focus ~ .material-input:after, +.form-group.has-error input.form-control.focus ~ .material-input:after { + background: #f44336; +} +.form-group.has-error .control-label, +.form-group.has-error input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group.has-success .material-input:before, +.form-group.has-success input.form-control:focus ~ .material-input:after, +.form-group.has-success input.form-control.focus ~ .material-input:after { + background: #0f9d58; +} +.form-group.has-success .control-label, +.form-group.has-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group.has-info .material-input:before, +.form-group.has-info input.form-control:focus ~ .material-input:after, +.form-group.has-info input.form-control.focus ~ .material-input:after { + background: #03a9f4; +} +.form-group.has-info .control-label, +.form-group.has-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group .material-input:before, +.form-group-default .material-input:before { + background-color: #3f51b5; +} +.form-group-primary .material-input:before { + background-color: #4285f4; +} +.form-group-success .material-input:before { + background-color: #0f9d58; +} +.form-group-info .material-input:before { + background-color: #03a9f4; +} +.form-group-warning .material-input:before { + background-color: #ff5722; +} +.form-group-danger .material-input:before { + background-color: #f44336; +} +.form-group-material-red .material-input:before { + background-color: #f44336; +} +.form-group-material-pink .material-input:before { + background-color: #e91e63; +} +.form-group-material-purple .material-input:before { + background-color: #9c27b0; +} +.form-group-material-deeppurple .material-input:before { + background-color: #673ab7; +} +.form-group-material-indigo .material-input:before { + background-color: #3f51b5; +} +.form-group-material-lightblue .material-input:before { + background-color: #03a9f4; +} +.form-group-material-cyan .material-input:before { + background-color: #00bcd4; +} +.form-group-material-teal .material-input:before { + background-color: #009688; +} +.form-group-material-lightgreen .material-input:before { + background-color: #8bc34a; +} +.form-group-material-lime .material-input:before { + background-color: #cddc39; +} +.form-group-material-lightyellow .material-input:before { + background-color: #ffeb3b; +} +.form-group-material-orange .material-input:before { + background-color: #ff9800; +} +.form-group-material-deeporange .material-input:before { + background-color: #ff5722; +} +.form-group-material-grey .material-input:before { + background-color: #9e9e9e; +} +.form-group-material-bluegrey .material-input:before { + background-color: #607d8b; +} +.form-group-material-brown .material-input:before { + background-color: #795548; +} +.form-group-material-lightgrey .material-input:before { + background-color: #ececec; +} +.form-group input.form-control:focus ~ .material-input:after, +.form-group-default input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control:focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control:focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control:focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control:focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control:focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control:focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control:focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control:focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control:focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control:focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control:focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control:focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control:focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control:focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control:focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control:focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control:focus ~ .material-input:after { + background-color: #ececec; +} +.form-group input.form-control.focus ~ .material-input:after, +.form-group-default input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-primary input.form-control.focus ~ .material-input:after { + background-color: #4285f4; +} +.form-group-success input.form-control.focus ~ .material-input:after { + background-color: #0f9d58; +} +.form-group-info input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-warning input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-danger input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-red input.form-control.focus ~ .material-input:after { + background-color: #f44336; +} +.form-group-material-pink input.form-control.focus ~ .material-input:after { + background-color: #e91e63; +} +.form-group-material-purple input.form-control.focus ~ .material-input:after { + background-color: #9c27b0; +} +.form-group-material-deeppurple input.form-control.focus ~ .material-input:after { + background-color: #673ab7; +} +.form-group-material-indigo input.form-control.focus ~ .material-input:after { + background-color: #3f51b5; +} +.form-group-material-lightblue input.form-control.focus ~ .material-input:after { + background-color: #03a9f4; +} +.form-group-material-cyan input.form-control.focus ~ .material-input:after { + background-color: #00bcd4; +} +.form-group-material-teal input.form-control.focus ~ .material-input:after { + background-color: #009688; +} +.form-group-material-lightgreen input.form-control.focus ~ .material-input:after { + background-color: #8bc34a; +} +.form-group-material-lime input.form-control.focus ~ .material-input:after { + background-color: #cddc39; +} +.form-group-material-lightyellow input.form-control.focus ~ .material-input:after { + background-color: #ffeb3b; +} +.form-group-material-orange input.form-control.focus ~ .material-input:after { + background-color: #ff9800; +} +.form-group-material-deeporange input.form-control.focus ~ .material-input:after { + background-color: #ff5722; +} +.form-group-material-grey input.form-control.focus ~ .material-input:after { + background-color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control.focus ~ .material-input:after { + background-color: #607d8b; +} +.form-group-material-brown input.form-control.focus ~ .material-input:after { + background-color: #795548; +} +.form-group-material-lightgrey input.form-control.focus ~ .material-input:after { + background-color: #ececec; +} +.form-group .control-label, +.form-group-default .control-label { + color: rgba(0, 0, 0, 0.84); +} +.form-group-primary .control-label { + color: #4285f4; +} +.form-group-success .control-label { + color: #0f9d58; +} +.form-group-info .control-label { + color: #03a9f4; +} +.form-group-warning .control-label { + color: #ff5722; +} +.form-group-danger .control-label { + color: #f44336; +} +.form-group-material-red .control-label { + color: #f44336; +} +.form-group-material-pink .control-label { + color: #e91e63; +} +.form-group-material-purple .control-label { + color: #9c27b0; +} +.form-group-material-deeppurple .control-label { + color: #673ab7; +} +.form-group-material-indigo .control-label { + color: #3f51b5; +} +.form-group-material-lightblue .control-label { + color: #03a9f4; +} +.form-group-material-cyan .control-label { + color: #00bcd4; +} +.form-group-material-teal .control-label { + color: #009688; +} +.form-group-material-lightgreen .control-label { + color: #8bc34a; +} +.form-group-material-lime .control-label { + color: #cddc39; +} +.form-group-material-lightyellow .control-label { + color: #ffeb3b; +} +.form-group-material-orange .control-label { + color: #ff9800; +} +.form-group-material-deeporange .control-label { + color: #ff5722; +} +.form-group-material-grey .control-label { + color: #9e9e9e; +} +.form-group-material-bluegrey .control-label { + color: #607d8b; +} +.form-group-material-brown .control-label { + color: #795548; +} +.form-group-material-lightgrey .control-label { + color: #ececec; +} +.form-group input.form-control:not(.empty) ~ .floating-label, +.form-group-default input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-primary input.form-control:not(.empty) ~ .floating-label { + color: #4285f4; +} +.form-group-success input.form-control:not(.empty) ~ .floating-label { + color: #0f9d58; +} +.form-group-info input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-warning input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-danger input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-red input.form-control:not(.empty) ~ .floating-label { + color: #f44336; +} +.form-group-material-pink input.form-control:not(.empty) ~ .floating-label { + color: #e91e63; +} +.form-group-material-purple input.form-control:not(.empty) ~ .floating-label { + color: #9c27b0; +} +.form-group-material-deeppurple input.form-control:not(.empty) ~ .floating-label { + color: #673ab7; +} +.form-group-material-indigo input.form-control:not(.empty) ~ .floating-label { + color: #3f51b5; +} +.form-group-material-lightblue input.form-control:not(.empty) ~ .floating-label { + color: #03a9f4; +} +.form-group-material-cyan input.form-control:not(.empty) ~ .floating-label { + color: #00bcd4; +} +.form-group-material-teal input.form-control:not(.empty) ~ .floating-label { + color: #009688; +} +.form-group-material-lightgreen input.form-control:not(.empty) ~ .floating-label { + color: #8bc34a; +} +.form-group-material-lime input.form-control:not(.empty) ~ .floating-label { + color: #cddc39; +} +.form-group-material-lightyellow input.form-control:not(.empty) ~ .floating-label { + color: #ffeb3b; +} +.form-group-material-orange input.form-control:not(.empty) ~ .floating-label { + color: #ff9800; +} +.form-group-material-deeporange input.form-control:not(.empty) ~ .floating-label { + color: #ff5722; +} +.form-group-material-grey input.form-control:not(.empty) ~ .floating-label { + color: #9e9e9e; +} +.form-group-material-bluegrey input.form-control:not(.empty) ~ .floating-label { + color: #607d8b; +} +.form-group-material-brown input.form-control:not(.empty) ~ .floating-label { + color: #795548; +} +.form-group-material-lightgrey input.form-control:not(.empty) ~ .floating-label { + color: #ececec; +} +.input-group .form-control-wrapper { + margin-right: 5px; + margin-left: 5px; + bottom: -10px; +} +.input-group .form-control-wrapper .form-control { + float: none; +} +.input-group .input-group-addon { + border: 0; +} +.input-group .input-group-btn .btn { + border-radius: 4px; +} +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; +} +select.form-control:focus, +select.form-control.focus { + box-shadow: none; + border-color: #757575; +} +@keyframes input-highlight { + 0% { + left: 20%; + -webkit-transform: scaleX(20%); + transform: scaleX(20%); + } + 99% { + -webkit-transform: scaleX(0); + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} +legend { + border-bottom: 0; +} +.modal-content { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-radius: 0; + border: 0; +} +.modal-content .modal-header { + border-bottom: 0; +} +.modal-content .modal-footer { + border-top: 0; +} +.modal-content .modal-footer .btn + .btn { + margin-bottom: 10px; +} +.list-group { + border-radius: 0; +} +.list-group .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; +} +.list-group .list-group-item .row-picture, +.list-group .list-group-item .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img, +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i, +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + display: block; + width: 56px; + height: 56px; +} +.list-group .list-group-item .row-picture img, +.list-group .list-group-item .row-action-primary img { + background: rgba(0, 0, 0, 0.1); + padding: 1px; +} +.list-group .list-group-item .row-picture img.circle, +.list-group .list-group-item .row-action-primary img.circle { + border-radius: 100%; +} +.list-group .list-group-item .row-picture i, +.list-group .list-group-item .row-action-primary i { + background: rgba(0, 0, 0, 0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; +} +.list-group .list-group-item .row-picture label, +.list-group .list-group-item .row-action-primary label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; +} +.list-group .list-group-item .row-content { + display: inline-block; + width: -webkit-calc(100% - 92px); + width: calc(100% - 92px); + min-height: 66px; +} +.list-group .list-group-item .row-content .action-secondary { + position: absolute; + right: 16px; + top: 16px; +} +.list-group .list-group-item .row-content .action-secondary i { + font-size: 20px; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.list-group .list-group-item .row-content .action-secondary ~ * { + max-width: -webkit-calc(100% - 30px); + max-width: calc(100% - 30px); +} +.list-group .list-group-item .row-content .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0, 0, 0, 0.54); + font-size: 14px; +} +.list-group .list-group-item .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; +} +.list-group .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; +} +.list-group .list-group-separator:before { + content: ""; + width: -webkit-calc(100% - 90px); + width: calc(100% - 90px); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + float: right; +} +.navbar { + background-color: #4285f4; + border: 0; + border-radius: 0; +} +.navbar .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-brand:hover, +.navbar .navbar-brand:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-text { + color: rgba(255, 255, 255, 0.84); + margin-top: 20px; + margin-bottom: 20px; +} +.navbar .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.84); + padding-top: 20px; + padding-bottom: 20px; +} +.navbar .navbar-nav > li > a:hover, +.navbar .navbar-nav > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; +} +.navbar .navbar-nav > .active > a, +.navbar .navbar-nav > .active > a:hover, +.navbar .navbar-nav > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar .navbar-nav > .disabled > a, +.navbar .navbar-nav > .disabled > a:hover, +.navbar .navbar-nav > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; +} +.navbar .navbar-toggle { + border-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-toggle:hover, +.navbar .navbar-toggle:focus { + background-color: transparent; +} +.navbar .navbar-toggle .icon-bar { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-collapse, +.navbar .navbar-form { + border-color: rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav > .open > a, +.navbar .navbar-nav > .open > a:hover, +.navbar .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.84); +} +@media (max-width: 767px) { + .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { + border: 0; + color: rgba(212, 212, 212, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.84); + } + .navbar .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar .navbar-nav .open .dropdown-menu > li > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: transparent; + } + .navbar .navbar-nav .open .dropdown-menu > .active > a, + .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { + color: rgba(255, 255, 255, 0.84); + background-color: rgba(0, 0, 0, 0.05); + } + .navbar .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #e5e5e5; + background-color: transparent; + } +} +.navbar .navbar-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-link:hover { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link:hover, +.navbar .btn-link:focus { + color: rgba(255, 255, 255, 0.84); +} +.navbar .btn-link[disabled]:hover, +fieldset[disabled] .navbar .btn-link:hover, +.navbar .btn-link[disabled]:focus, +fieldset[disabled] .navbar .btn-link:focus { + color: #e5e5e5; +} +.navbar .navbar-form { + margin-top: 16px; +} +.navbar .navbar-form .form-control-wrapper .form-control, +.navbar .navbar-form .form-control { + border-color: rgba(255, 255, 255, 0.84); + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form .form-control-wrapper .material-input:before, +.navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { + background-color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form ::-moz-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar .navbar-form :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.84); +} +.navbar, +.navbar-default { + background-color: #4285f4; +} +.navbar-primary { + background-color: #4285f4; +} +.navbar-success { + background-color: #0f9d58; +} +.navbar-info { + background-color: #03a9f4; +} +.navbar-warning { + background-color: #ff5722; +} +.navbar-danger { + background-color: #f44336; +} +.navbar-material-red { + background-color: #f44336; +} +.navbar-material-pink { + background-color: #e91e63; +} +.navbar-material-purple { + background-color: #9c27b0; +} +.navbar-material-deeppurple { + background-color: #673ab7; +} +.navbar-material-indigo { + background-color: #3f51b5; +} +.navbar-material-lightblue { + background-color: #03a9f4; +} +.navbar-material-cyan { + background-color: #00bcd4; +} +.navbar-material-teal { + background-color: #009688; +} +.navbar-material-lightgreen { + background-color: #8bc34a; +} +.navbar-material-lime { + background-color: #cddc39; +} +.navbar-material-lightyellow { + background-color: #ffeb3b; +} +.navbar-material-orange { + background-color: #ff9800; +} +.navbar-material-deeporange { + background-color: #ff5722; +} +.navbar-material-grey { + background-color: #9e9e9e; +} +.navbar-material-bluegrey { + background-color: #607d8b; +} +.navbar-material-brown { + background-color: #795548; +} +.navbar-material-lightgrey { + background-color: #ececec; +} +.navbar-inverse { + background-color: #3f51b5; +} +.navbar-material-white { + background-color: #FFF; +} +.navbar-material-white .navbar-brand, +.navbar-material-white .navbar-brand:hover, +.navbar-material-white .navbar-brand:focus { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a { + color: rgba(0, 0, 0, 0.84); +} +.navbar-material-white .navbar-nav > li > a:hover, +.navbar-material-white .navbar-nav > li > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .active > a, +.navbar-material-white .navbar-nav > .active > a:hover, +.navbar-material-white .navbar-nav > .active > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-material-white .navbar-nav > .disabled > a, +.navbar-material-white .navbar-nav > .disabled > a:hover, +.navbar-material-white .navbar-nav > .disabled > a:focus { + color: rgba(0, 0, 0, 0.84); + background-color: transparent; +} +.navbar-material-white .navbar-nav > .open > a, +.navbar-material-white .navbar-nav > .open > a:hover, +.navbar-material-white .navbar-nav > .open > a:focus { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(0, 0, 0, 0.84); +} +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); +} +.dropdown-menu .divider { + background-color: rgba(229, 229, 229, 0.12); +} +.dropdown-menu li { + overflow: hidden; + position: relative; +} +.dropdown-menu li a:hover { + background: rgba(0, 0, 0, 0.08); +} +.alert { + border: 0px; + border-radius: 0; +} +.alert a, +.alert .alert-link { + color: #FFFFFF; +} +.alert, +.alert-default { + background-color: #ffffff; +} +.alert-primary { + background-color: #4285f4; +} +.alert-success { + background-color: #0f9d58; +} +.alert-info { + background-color: #03a9f4; +} +.alert-warning { + background-color: #ff5722; +} +.alert-danger { + background-color: #f44336; +} +.alert-material-red { + background-color: #f44336; +} +.alert-material-pink { + background-color: #e91e63; +} +.alert-material-purple { + background-color: #9c27b0; +} +.alert-material-deeppurple { + background-color: #673ab7; +} +.alert-material-indigo { + background-color: #3f51b5; +} +.alert-material-lightblue { + background-color: #03a9f4; +} +.alert-material-cyan { + background-color: #00bcd4; +} +.alert-material-teal { + background-color: #009688; +} +.alert-material-lightgreen { + background-color: #8bc34a; +} +.alert-material-lime { + background-color: #cddc39; +} +.alert-material-lightyellow { + background-color: #ffeb3b; +} +.alert-material-orange { + background-color: #ff9800; +} +.alert-material-deeporange { + background-color: #ff5722; +} +.alert-material-grey { + background-color: #9e9e9e; +} +.alert-material-bluegrey { + background-color: #607d8b; +} +.alert-material-brown { + background-color: #795548; +} +.alert-material-lightgrey { + background-color: #ececec; +} +.alert-info, +.alert-danger, +.alert-warning, +.alert-success { + color: #FFFFFF; +} +.alert-default a, +.alert-default .alert-link { + color: #000000; +} +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; +} +.progress .progress-bar { + box-shadow: none; +} +.progress .progress-bar, +.progress .progress-bar-default { + background-color: #4285f4; +} +.progress .progress-bar-primary { + background-color: #4285f4; +} +.progress .progress-bar-success { + background-color: #0f9d58; +} +.progress .progress-bar-info { + background-color: #03a9f4; +} +.progress .progress-bar-warning { + background-color: #ff5722; +} +.progress .progress-bar-danger { + background-color: #f44336; +} +.progress .progress-bar-material-red { + background-color: #f44336; +} +.progress .progress-bar-material-pink { + background-color: #e91e63; +} +.progress .progress-bar-material-purple { + background-color: #9c27b0; +} +.progress .progress-bar-material-deeppurple { + background-color: #673ab7; +} +.progress .progress-bar-material-indigo { + background-color: #3f51b5; +} +.progress .progress-bar-material-lightblue { + background-color: #03a9f4; +} +.progress .progress-bar-material-cyan { + background-color: #00bcd4; +} +.progress .progress-bar-material-teal { + background-color: #009688; +} +.progress .progress-bar-material-lightgreen { + background-color: #8bc34a; +} +.progress .progress-bar-material-lime { + background-color: #cddc39; +} +.progress .progress-bar-material-lightyellow { + background-color: #ffeb3b; +} +.progress .progress-bar-material-orange { + background-color: #ff9800; +} +.progress .progress-bar-material-deeporange { + background-color: #ff5722; +} +.progress .progress-bar-material-grey { + background-color: #9e9e9e; +} +.progress .progress-bar-material-bluegrey { + background-color: #607d8b; +} +.progress .progress-bar-material-brown { + background-color: #795548; +} +.progress .progress-bar-material-lightgrey { + background-color: #ececec; +} +.text-warning { + color: #ff5722; +} +.text-primary { + color: #4285f4; +} +.text-danger { + color: #f44336; +} +.text-success { + color: #0f9d58; +} +.text-info { + color: #03a9f4; +} +.nav-tabs { + background: #4285f4; +} +.nav-tabs > li > a { + color: #FFFFFF; + border: 0; + margin: 0; +} +.nav-tabs > li > a:hover { + background: transparent; + border: 0; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.open > a, +.nav-tabs > li.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; +} +.nav-tabs > li.disabled > a, +.nav-tabs > li.disabled > a:hover { + color: rgba(255, 255, 255, 0.5); +} +.popover, +.tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; +} +.tooltip, +.tooltip.in { + opacity: 1; +} +.popover.left .arrow:after, +.tooltip.left .arrow:after, +.popover.left .tooltip-arrow, +.tooltip.left .tooltip-arrow { + border-left-color: #323232; +} +.popover.right .arrow:after, +.tooltip.right .arrow:after, +.popover.right .tooltip-arrow, +.tooltip.right .tooltip-arrow { + border-right-color: #323232; +} +.popover.top .arrow:after, +.tooltip.top .arrow:after, +.popover.top .tooltip-arrow, +.tooltip.top .tooltip-arrow { + border-top-color: #323232; +} +.popover.bottom .arrow:after, +.tooltip.bottom .arrow:after, +.popover.bottom .tooltip-arrow, +.tooltip.bottom .tooltip-arrow { + border-bottom-color: #323232; +} +.icon, +.icon-default { + color: rgba(0, 0, 0, 0.84); +} +.icon-primary { + color: #4285f4; +} +.icon-success { + color: #0f9d58; +} +.icon-info { + color: #03a9f4; +} +.icon-warning { + color: #ff5722; +} +.icon-danger { + color: #f44336; +} +.icon-material-red { + color: #f44336; +} +.icon-material-pink { + color: #e91e63; +} +.icon-material-purple { + color: #9c27b0; +} +.icon-material-deeppurple { + color: #673ab7; +} +.icon-material-indigo { + color: #3f51b5; +} +.icon-material-lightblue { + color: #03a9f4; +} +.icon-material-cyan { + color: #00bcd4; +} +.icon-material-teal { + color: #009688; +} +.icon-material-lightgreen { + color: #8bc34a; +} +.icon-material-lime { + color: #cddc39; +} +.icon-material-lightyellow { + color: #ffeb3b; +} +.icon-material-orange { + color: #ff9800; +} +.icon-material-deeporange { + color: #ff5722; +} +.icon-material-grey { + color: #9e9e9e; +} +.icon-material-bluegrey { + color: #607d8b; +} +.icon-material-brown { + color: #795548; +} +.icon-material-lightgrey { + color: #ececec; +} +.snackbar { + background-color: #323232; + color: rgba(255, 255, 255, 0.84); + font-size: 14px; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 0; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: translateY(200%); + -ms-transform: translateY(200%); + transform: translateY(200%); +} +.snackbar.snackbar-opened { + padding: 14px 15px; + margin-bottom: 20px; + height: auto; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.snackbar.toast { + border-radius: 200px; +} +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; +} +.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active { + border-width: 1px; +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + -webkit-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + -webkit-transform: scale(2.5); + -ms-transform: scale(2.5); + transform: scale(2.5); +} +[disabled].noUi-slider { + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} +.slider { + background: #c8c8c8; +} +.slider.noUi-connect, +.slider-default.noUi-connect { + background-color: #4285f4; +} +.slider-primary.noUi-connect { + background-color: #4285f4; +} +.slider-success.noUi-connect { + background-color: #0f9d58; +} +.slider-info.noUi-connect { + background-color: #03a9f4; +} +.slider-warning.noUi-connect { + background-color: #ff5722; +} +.slider-danger.noUi-connect { + background-color: #f44336; +} +.slider-material-red.noUi-connect { + background-color: #f44336; +} +.slider-material-pink.noUi-connect { + background-color: #e91e63; +} +.slider-material-purple.noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple.noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo.noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue.noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan.noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal.noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen.noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime.noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow.noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange.noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange.noUi-connect { + background-color: #ff5722; +} +.slider-material-grey.noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey.noUi-connect { + background-color: #607d8b; +} +.slider-material-brown.noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey.noUi-connect { + background-color: #ececec; +} +.slider .noUi-connect, +.slider-default .noUi-connect { + background-color: #4285f4; +} +.slider-primary .noUi-connect { + background-color: #4285f4; +} +.slider-success .noUi-connect { + background-color: #0f9d58; +} +.slider-info .noUi-connect { + background-color: #03a9f4; +} +.slider-warning .noUi-connect { + background-color: #ff5722; +} +.slider-danger .noUi-connect { + background-color: #f44336; +} +.slider-material-red .noUi-connect { + background-color: #f44336; +} +.slider-material-pink .noUi-connect { + background-color: #e91e63; +} +.slider-material-purple .noUi-connect { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-connect { + background-color: #673ab7; +} +.slider-material-indigo .noUi-connect { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-connect { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-connect { + background-color: #00bcd4; +} +.slider-material-teal .noUi-connect { + background-color: #009688; +} +.slider-material-lightgreen .noUi-connect { + background-color: #8bc34a; +} +.slider-material-lime .noUi-connect { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-connect { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-connect { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-connect { + background-color: #ff5722; +} +.slider-material-grey .noUi-connect { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-connect { + background-color: #607d8b; +} +.slider-material-brown .noUi-connect { + background-color: #795548; +} +.slider-material-lightgrey .noUi-connect { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + background-color: #4285f4; +} +.slider-primary .noUi-handle { + background-color: #4285f4; +} +.slider-success .noUi-handle { + background-color: #0f9d58; +} +.slider-info .noUi-handle { + background-color: #03a9f4; +} +.slider-warning .noUi-handle { + background-color: #ff5722; +} +.slider-danger .noUi-handle { + background-color: #f44336; +} +.slider-material-red .noUi-handle { + background-color: #f44336; +} +.slider-material-pink .noUi-handle { + background-color: #e91e63; +} +.slider-material-purple .noUi-handle { + background-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + background-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + background-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + background-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + background-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + background-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + background-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + background-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + background-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + background-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + background-color: #ff5722; +} +.slider-material-grey .noUi-handle { + background-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + background-color: #607d8b; +} +.slider-material-brown .noUi-handle { + background-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + background-color: #ececec; +} +.slider .noUi-handle, +.slider-default .noUi-handle { + border-color: #4285f4; +} +.slider-primary .noUi-handle { + border-color: #4285f4; +} +.slider-success .noUi-handle { + border-color: #0f9d58; +} +.slider-info .noUi-handle { + border-color: #03a9f4; +} +.slider-warning .noUi-handle { + border-color: #ff5722; +} +.slider-danger .noUi-handle { + border-color: #f44336; +} +.slider-material-red .noUi-handle { + border-color: #f44336; +} +.slider-material-pink .noUi-handle { + border-color: #e91e63; +} +.slider-material-purple .noUi-handle { + border-color: #9c27b0; +} +.slider-material-deeppurple .noUi-handle { + border-color: #673ab7; +} +.slider-material-indigo .noUi-handle { + border-color: #3f51b5; +} +.slider-material-lightblue .noUi-handle { + border-color: #03a9f4; +} +.slider-material-cyan .noUi-handle { + border-color: #00bcd4; +} +.slider-material-teal .noUi-handle { + border-color: #009688; +} +.slider-material-lightgreen .noUi-handle { + border-color: #8bc34a; +} +.slider-material-lime .noUi-handle { + border-color: #cddc39; +} +.slider-material-lightyellow .noUi-handle { + border-color: #ffeb3b; +} +.slider-material-orange .noUi-handle { + border-color: #ff9800; +} +.slider-material-deeporange .noUi-handle { + border-color: #ff5722; +} +.slider-material-grey .noUi-handle { + border-color: #9e9e9e; +} +.slider-material-bluegrey .noUi-handle { + border-color: #607d8b; +} +.slider-material-brown .noUi-handle { + border-color: #795548; +} +.slider-material-lightgrey .noUi-handle { + border-color: #ececec; +} diff --git a/bootstrap/css-compiled/ripples.css b/bootstrap/css-compiled/ripples.css new file mode 100755 index 0000000..5167364 --- /dev/null +++ b/bootstrap/css-compiled/ripples.css @@ -0,0 +1,41 @@ +/* Generated by less 1.7.5 */ +.withripple { + position: relative; +} +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + position: absolute; + width: 20px; + height: 20px; + margin-left: -10px; + margin-top: -10px; + border-radius: 100%; + background-color: rgba(0, 0, 0, 0.05); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + opacity: 0; + pointer-events: none; +} +.ripple.ripple-on { + -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + -webkit-transition: opacity 0.1s linear 0s !important; + transition: opacity 0.1s linear 0s !important; + opacity: 0; +} diff --git a/bootstrap/demo/imgs/download.png b/bootstrap/demo/imgs/download.png new file mode 100755 index 0000000..0293858 Binary files /dev/null and b/bootstrap/demo/imgs/download.png differ diff --git a/bootstrap/demo/imgs/gittip.png b/bootstrap/demo/imgs/gittip.png new file mode 100755 index 0000000..11f6928 Binary files /dev/null and b/bootstrap/demo/imgs/gittip.png differ diff --git a/bootstrap/demo/imgs/issue.png b/bootstrap/demo/imgs/issue.png new file mode 100755 index 0000000..1facf7e Binary files /dev/null and b/bootstrap/demo/imgs/issue.png differ diff --git a/bootstrap/demo/vendor/noUiSlider/jquery.nouislider.min.js b/bootstrap/demo/vendor/noUiSlider/jquery.nouislider.min.js new file mode 100755 index 0000000..640319d --- /dev/null +++ b/bootstrap/demo/vendor/noUiSlider/jquery.nouislider.min.js @@ -0,0 +1 @@ +!function(a){"use strict";function b(a,b){return Math.round(a/b)*b}function c(a){return"number"==typeof a&&!isNaN(a)&&isFinite(a)}function d(a){var b=Math.pow(10,7);return Number((Math.round(a*b)/b).toFixed(7))}function e(a,b,c){a.addClass(b),setTimeout(function(){a.removeClass(b)},c)}function f(a){return Math.max(Math.min(a,100),0)}function g(b){return a.isArray(b)?b:[b]}function h(a,b){return 100/(b-a)}function i(a,b){return 100*b/(a[1]-a[0])}function j(a,b){return i(a,a[0]<0?b+Math.abs(a[0]):b-a[0])}function k(a,b){return b*(a[1]-a[0])/100+a[0]}function l(a,b){for(var c=1;a>=b[c];)c+=1;return c}function m(a,b,c){if(c>=a.slice(-1)[0])return 100;var d,e,f,g,i=l(c,a);return d=a[i-1],e=a[i],f=b[i-1],g=b[i],f+j([d,e],c)/h(f,g)}function n(a,b,c){if(c>=100)return a.slice(-1)[0];var d,e,f,g,i=l(c,b);return d=a[i-1],e=a[i],f=b[i-1],g=b[i],k([d,e],(c-f)*h(f,g))}function o(a,c,d,e){if(100===e)return e;var f,g,h=l(e,a);return d?(f=a[h-1],g=a[h],e-f>(g-f)/2?g:f):c[h-1]?a[h-1]+b(e-a[h-1],c[h-1]):e}function p(a,b,d){var e;if("number"==typeof b&&(b=[b]),"[object Array]"!==Object.prototype.toString.call(b))throw new Error("noUiSlider: 'range' contains invalid value.");if(e="min"===a?0:"max"===a?100:parseFloat(a),!c(e)||!c(b[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");d.xPct.push(e),d.xVal.push(b[0]),e?d.xSteps.push(isNaN(b[1])?!1:b[1]):isNaN(b[1])||(d.xSteps[0]=b[1])}function q(a,b,c){return b?void(c.xSteps[a]=i([c.xVal[a],c.xVal[a+1]],b)/h(c.xPct[a],c.xPct[a+1])):!0}function r(a,b,c,d){this.xPct=[],this.xVal=[],this.xSteps=[d||!1],this.xNumSteps=[!1],this.snap=b,this.direction=c;var e,f=this;for(e in a)a.hasOwnProperty(e)&&p(e,a[e],f);f.xNumSteps=f.xSteps.slice(0);for(e in f.xNumSteps)f.xNumSteps.hasOwnProperty(e)&&q(Number(e),f.xNumSteps[e],f)}function s(a,b){if(!c(b))throw new Error("noUiSlider: 'step' is not numeric.");a.singleStep=b}function t(b,c){if("object"!=typeof c||a.isArray(c))throw new Error("noUiSlider: 'range' is not an object.");if(void 0===c.min||void 0===c.max)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");b.spectrum=new r(c,b.snap,b.dir,b.singleStep)}function u(b,c){if(c=g(c),!a.isArray(c)||!c.length||c.length>2)throw new Error("noUiSlider: 'start' option is incorrect.");b.handles=c.length,b.start=c}function v(a,b){if(a.snap=b,"boolean"!=typeof b)throw new Error("noUiSlider: 'snap' option must be a boolean.")}function w(a,b){if(a.animate=b,"boolean"!=typeof b)throw new Error("noUiSlider: 'animate' option must be a boolean.")}function x(a,b){if("lower"===b&&1===a.handles)a.connect=1;else if("upper"===b&&1===a.handles)a.connect=2;else if(b===!0&&2===a.handles)a.connect=3;else{if(b!==!1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");a.connect=0}}function y(a,b){switch(b){case"horizontal":a.ort=0;break;case"vertical":a.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function z(a,b){if(!c(b))throw new Error("noUiSlider: 'margin' option must be numeric.");if(a.margin=a.spectrum.getMargin(b),!a.margin)throw new Error("noUiSlider: 'margin' option is only supported on linear sliders.")}function A(a,b){if(!c(b))throw new Error("noUiSlider: 'limit' option must be numeric.");if(a.limit=a.spectrum.getMargin(b),!a.limit)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders.")}function B(a,b){switch(b){case"ltr":a.dir=0;break;case"rtl":a.dir=1,a.connect=[0,2,1,3][a.connect];break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function C(a,b){if("string"!=typeof b)throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var c=b.indexOf("tap")>=0,d=b.indexOf("drag")>=0,e=b.indexOf("fixed")>=0,f=b.indexOf("snap")>=0;a.events={tap:c||f,drag:d,fixed:e,snap:f}}function D(a,b){if(a.format=b,"function"==typeof b.to&&"function"==typeof b.from)return!0;throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.")}function E(b){var c,d={margin:0,limit:0,animate:!0,format:U};return c={step:{r:!1,t:s},start:{r:!0,t:u},connect:{r:!0,t:x},direction:{r:!0,t:B},snap:{r:!1,t:v},animate:{r:!1,t:w},range:{r:!0,t:t},orientation:{r:!1,t:y},margin:{r:!1,t:z},limit:{r:!1,t:A},behaviour:{r:!0,t:C},format:{r:!1,t:D}},b=a.extend({connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal"},b),a.each(c,function(a,c){if(void 0===b[a]){if(c.r)throw new Error("noUiSlider: '"+a+"' is required.");return!0}c.t(d,b[a])}),d.style=d.ort?"top":"left",d}function F(a,b,c){var d=a+b[0],e=a+b[1];return c?(0>d&&(e+=Math.abs(d)),e>100&&(d-=e-100),[f(d),f(e)]):[d,e]}function G(a){a.preventDefault();var b,c,d=0===a.type.indexOf("touch"),e=0===a.type.indexOf("mouse"),f=0===a.type.indexOf("pointer"),g=a;return 0===a.type.indexOf("MSPointer")&&(f=!0),a.originalEvent&&(a=a.originalEvent),d&&(b=a.changedTouches[0].pageX,c=a.changedTouches[0].pageY),(e||f)&&(f||void 0!==window.pageXOffset||(window.pageXOffset=document.documentElement.scrollLeft,window.pageYOffset=document.documentElement.scrollTop),b=a.clientX+window.pageXOffset,c=a.clientY+window.pageYOffset),g.points=[b,c],g.cursor=e,g}function H(b,c){var d=a("
").addClass(T[2]),e=["-lower","-upper"];return b&&e.reverse(),d.children().addClass(T[3]+" "+T[3]+e[c]),d}function I(a,b,c){switch(a){case 1:b.addClass(T[7]),c[0].addClass(T[6]);break;case 3:c[1].addClass(T[6]);case 2:c[0].addClass(T[7]);case 0:b.addClass(T[6])}}function J(a,b,c){var d,e=[];for(d=0;a>d;d+=1)e.push(H(b,d).appendTo(c));return e}function K(b,c,d){return d.addClass([T[0],T[8+b],T[4+c]].join(" ")),a("
").appendTo(d).addClass(T[1])}function L(b,c,d){function h(){return B[["width","height"][c.ort]]()}function i(a){var b,c=[D.val()];for(b=0;b1),e=u(d[0],c[g],1===d.length),d.length>1&&(e=u(d[1],c[g?0:1],!1)||e),e&&i(["slide"])}function q(b){a("."+T[15]).removeClass(T[15]),b.cursor&&a("body").css("cursor","").off(R),P.off(R),D.removeClass(T[12]),i(["set","change"])}function r(b,c){1===c.handles.length&&c.handles[0].children().addClass(T[15]),b.stopPropagation(),o(S.move,P,p,{start:b.calcPoint,handles:c.handles,positions:[E[0],E[C.length-1]]}),o(S.end,P,q,null),b.cursor&&(a("body").css("cursor",a(b.target).css("cursor")),C.length>1&&D.addClass(T[12]),a("body").on("selectstart"+R,!1))}function s(b){var d,f=b.calcPoint,g=0;b.stopPropagation(),a.each(C,function(){g+=this.offset()[c.style]}),g=g/2>f||1===C.length?0:1,f-=B.offset()[c.style],d=100*f/h(),c.events.snap||e(D,T[14],300),u(C[g],d),i(["slide","set","change"]),c.events.snap&&r(b,{handles:[C[g]]})}function t(a){var b,c;if(!a.fixed)for(b=0;b1&&(b=e?Math.max(b,g):Math.min(b,h)),d!==!1&&c.limit&&C.length>1&&(b=e?Math.min(b,i):Math.max(b,j)),b=H.getStep(b),b=f(parseFloat(b.toFixed(7))),b===E[e]?!1:(a.css(c.style,b+"%"),a.is(":first-child")&&a.toggleClass(T[17],b>50),E[e]=b,L[e]=H.fromStepping(b),l(M[e]),!0)}function v(a,b){var d,e,f;for(c.limit&&(a+=1),d=0;a>d;d+=1)e=d%2,f=b[e],null!==f&&f!==!1&&("number"==typeof f&&(f=String(f)),f=c.format.from(f),(f===!1||isNaN(f)||u(C[e],H.toStepping(f),d===3-c.dir)===!1)&&l(M[e]))}function w(a){if(D[0].LinkIsEmitting)return this;var b,d=g(a);return c.dir&&c.handles>1&&d.reverse(),c.animate&&-1!==E[0]&&e(D,T[14],300),b=C.length>1?3:1,1===d.length&&(b=1),v(b,d),i(["set"]),this}function x(){var a,b=[];for(a=0;a=c[1]?c[2]:c[0];return[[f,e]]});return j(b)}function A(){return d}var B,C,D=a(b),E=[-1,-1],H=c.spectrum,L=[],M=["lower","upper"].slice(0,c.handles);if(c.dir&&M.reverse(),b.LinkUpdate=l,b.LinkConfirm=m,b.LinkDefaultFormatter=c.format,b.LinkDefaultFlag="lower",b.reappend=n,D.hasClass(T[0]))throw new Error("Slider was already initialized.");B=K(c.dir,c.ort,D),C=J(c.handles,c.dir,B),I(c.connect,D,C),t(c.events),b.vSet=w,b.vGet=x,b.destroy=y,b.getCurrentStep=z,b.getOriginalOptions=A,b.getInfo=function(){return[H,c.style,c.ort]},D.val(c.start)}function M(a){if(!this.length)throw new Error("noUiSlider: Can't initialize slider on empty selection.");var b=E(a,this);return this.each(function(){L(this,b,a)})}function N(b){return this.each(function(){if(!this.destroy)return void a(this).noUiSlider(b);var c=a(this).val(),d=this.destroy(),e=a.extend({},d,b);a(this).noUiSlider(e),this.reappend(),d.start===e.start&&a(this).val(c)})}function O(){return this[0][arguments.length?"vSet":"vGet"].apply(this[0],arguments)}var P=a(document),Q=a.fn.val,R=".nui",S=window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"},T=["noUi-target","noUi-base","noUi-origin","noUi-handle","noUi-horizontal","noUi-vertical","noUi-background","noUi-connect","noUi-ltr","noUi-rtl","noUi-dragable","","noUi-state-drag","","noUi-state-tap","noUi-active","","noUi-stacking"];r.prototype.getMargin=function(a){return 2===this.xPct.length?i(this.xVal,a):!1},r.prototype.toStepping=function(a){return a=m(this.xVal,this.xPct,a),this.direction&&(a=100-a),a},r.prototype.fromStepping=function(a){return this.direction&&(a=100-a),d(n(this.xVal,this.xPct,a))},r.prototype.getStep=function(a){return this.direction&&(a=100-a),a=o(this.xPct,this.xSteps,this.snap,a),this.direction&&(a=100-a),a},r.prototype.getApplicableStep=function(a){var b=l(a,this.xPct),c=100===a?2:1;return[this.xNumSteps[b-2],this.xVal[b-c],this.xNumSteps[b-c]]},r.prototype.convert=function(a){return this.getStep(this.toStepping(a))};var U={to:function(a){return a.toFixed(2)},from:Number};a.fn.val=function(){function b(a){return a.hasClass(T[0])?O:Q}var c=arguments,d=a(this[0]);return arguments.length?this.each(function(){b(a(this)).apply(a(this),c)}):b(d).call(d)},a.fn.noUiSlider=function(a,b){switch(a){case"step":return this[0].getCurrentStep();case"options":return this[0].getOriginalOptions()}return(b?N:M).call(this,a)}}(window.jQuery||window.Zepto); diff --git a/bootstrap/icons/LICENSE.txt b/bootstrap/icons/LICENSE.txt new file mode 100755 index 0000000..6f9c3cf --- /dev/null +++ b/bootstrap/icons/LICENSE.txt @@ -0,0 +1,27 @@ +// Copyright (c) 2014 The Polymer Authors. All rights reserved. +// +// Redistribution and use in source and binary forms, with or without +// modification, are permitted provided that the following conditions are +// met: +// +// * Redistributions of source code must retain the above copyright +// notice, this list of conditions and the following disclaimer. +// * Redistributions in binary form must reproduce the above +// copyright notice, this list of conditions and the following disclaimer +// in the documentation and/or other materials provided with the +// distribution. +// * Neither the name of Google Inc. nor the names of its +// contributors may be used to endorse or promote products derived from +// this software without specific prior written permission. +// +// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS +// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT +// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR +// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT +// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, +// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT +// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \ No newline at end of file diff --git a/bootstrap/icons/fonts/Material-Design.eot b/bootstrap/icons/fonts/Material-Design.eot new file mode 100755 index 0000000..49485ec Binary files /dev/null and b/bootstrap/icons/fonts/Material-Design.eot differ diff --git a/bootstrap/icons/fonts/Material-Design.svg b/bootstrap/icons/fonts/Material-Design.svg new file mode 100755 index 0000000..999b7a0 --- /dev/null +++ b/bootstrap/icons/fonts/Material-Design.svg @@ -0,0 +1,515 @@ + + + + + +{ + "fontFamily": "Material-Design", + "majorVersion": 1, + "minorVersion": 0, + "license": "BSD", + "version": "Version 1.0", + "fontId": "Material-Design", + "psName": "Material-Design", + "subFamily": "Regular", + "fullName": "Material-Design", + "description": "Font generated by IcoMoon." +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/bootstrap/icons/fonts/Material-Design.ttf b/bootstrap/icons/fonts/Material-Design.ttf new file mode 100755 index 0000000..d71ce13 Binary files /dev/null and b/bootstrap/icons/fonts/Material-Design.ttf differ diff --git a/bootstrap/icons/fonts/Material-Design.woff b/bootstrap/icons/fonts/Material-Design.woff new file mode 100755 index 0000000..dbcd778 Binary files /dev/null and b/bootstrap/icons/fonts/Material-Design.woff differ diff --git a/bootstrap/icons/icons-material-design.css b/bootstrap/icons/icons-material-design.css new file mode 100755 index 0000000..49ef069 --- /dev/null +++ b/bootstrap/icons/icons-material-design.css @@ -0,0 +1,1499 @@ +@font-face { + font-family: 'Material-Design'; + src:url('fonts/Material-Design.eot?2u7a7w'); + src:url('fonts/Material-Design.eot?#iefix2u7a7w') format('embedded-opentype'), + url('fonts/Material-Design.woff?2u7a7w') format('woff'), + url('fonts/Material-Design.ttf?2u7a7w') format('truetype'), + url('fonts/Material-Design.svg?2u7a7w#Material-Design') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^="icon-material-"], [class*=" icon-material-"] { + font-family: 'Material-Design'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-material-access-alarms:before { + content: "\e600"; +} +.icon-material-accessibility:before { + content: "\e601"; +} +.icon-material-access-time:before { + content: "\e602"; +} +.icon-material-account-box:before { + content: "\e603"; +} +.icon-material-account-circle:before { + content: "\e604"; +} +.icon-material-adb:before { + content: "\e605"; +} +.icon-material-add:before { + content: "\e606"; +} +.icon-material-add-alarm:before { + content: "\e607"; +} +.icon-material-add-box:before { + content: "\e608"; +} +.icon-material-add-circle:before { + content: "\e609"; +} +.icon-material-add-circle-outline:before { + content: "\e60a"; +} +.icon-material-airplanemode-off:before { + content: "\e60b"; +} +.icon-material-airplanemode-on:before { + content: "\e60c"; +} +.icon-material-android:before { + content: "\e60d"; +} +.icon-material-apps:before { + content: "\e60e"; +} +.icon-material-archive:before { + content: "\e60f"; +} +.icon-material-arrow-back:before { + content: "\e610"; +} +.icon-material-arrow-drop-down:before { + content: "\e611"; +} +.icon-material-arrow-drop-down-circle:before { + content: "\e612"; +} +.icon-material-arrow-drop-up:before { + content: "\e613"; +} +.icon-material-arrow-forward:before { + content: "\e614"; +} +.icon-material-attachment:before { + content: "\e615"; +} +.icon-material-auto-fix:before { + content: "\e616"; +} +.icon-material-backspace:before { + content: "\e617"; +} +.icon-material-backup:before { + content: "\e618"; +} +.icon-material-beenhere:before { + content: "\e619"; +} +.icon-material-block:before { + content: "\e61a"; +} +.icon-material-bluetooth2:before { + content: "\e61b"; +} +.icon-material-bluetooth:before { + content: "\e61c"; +} +.icon-material-bluetooth-audio:before { + content: "\e61d"; +} +.icon-material-bluetooth-connected2:before { + content: "\e61e"; +} +.icon-material-bluetooth-connected:before { + content: "\e61f"; +} +.icon-material-bluetooth-disabled:before { + content: "\e620"; +} +.icon-material-bluetooth-searching:before { + content: "\e621"; +} +.icon-material-book:before { + content: "\e622"; +} +.icon-material-bookmark:before { + content: "\e623"; +} +.icon-material-bookmark-outline:before { + content: "\e624"; +} +.icon-material-brightness-auto:before { + content: "\e625"; +} +.icon-material-brightness-high:before { + content: "\e626"; +} +.icon-material-brightness-low:before { + content: "\e627"; +} +.icon-material-brightness-medium:before { + content: "\e628"; +} +.icon-material-bug-report:before { + content: "\e629"; +} +.icon-material-cake:before { + content: "\e62a"; +} +.icon-material-call:before { + content: "\e62b"; +} +.icon-material-call-end:before { + content: "\e62c"; + font-size: 60%; +} +.icon-material-call-made:before { + content: "\e62d"; +} +.icon-material-call-merge:before { + content: "\e62e"; +} +.icon-material-call-missed:before { + content: "\e62f"; +} +.icon-material-call-received:before { + content: "\e630"; +} +.icon-material-call-split:before { + content: "\e631"; +} +.icon-material-camera:before { + content: "\e632"; +} +.icon-material-camera-alt:before { + content: "\e633"; +} +.icon-material-camera-roll:before { + content: "\e634"; +} +.icon-material-cancel:before { + content: "\e635"; +} +.icon-material-cast:before { + content: "\e636"; +} +.icon-material-cast-connected:before { + content: "\e637"; +} +.icon-material-chat:before { + content: "\e638"; +} +.icon-material-check:before { + content: "\e639"; +} +.icon-material-check-box:before { + content: "\e63a"; +} +.icon-material-check-box-blank:before { + content: "\e63b"; +} +.icon-material-check-box-outline:before { + content: "\e63c"; +} +.icon-material-check-box-outline-blank:before { + content: "\e63d"; +} +.icon-material-check-circle:before { + content: "\e63e"; +} +.icon-material-check-circle-blank:before { + content: "\e63f"; +} +.icon-material-check-circle-outline:before { + content: "\e640"; +} +.icon-material-check-circle-outline-blank:before { + content: "\e641"; +} +.icon-material-chevron-left:before { + content: "\e642"; +} +.icon-material-chevron-right:before { + content: "\e643"; +} +.icon-material-chromecast:before { + content: "\e644"; +} +.icon-material-circles:before { + content: "\e645"; +} +.icon-material-circles-add:before { + content: "\e646"; +} +.icon-material-circles-extended:before { + content: "\e647"; +} +.icon-material-clear:before { + content: "\e648"; +} +.icon-material-close:before { + content: "\e649"; +} +.icon-material-closed-caption:before { + content: "\e64a"; +} +.icon-material-cloud:before { + content: "\e64b"; +} +.icon-material-cloud-circle:before { + content: "\e64c"; +} +.icon-material-cloud-done:before { + content: "\e64d"; +} +.icon-material-cloud-download:before { + content: "\e64e"; +} +.icon-material-cloud-off:before { + content: "\e64f"; +} +.icon-material-cloud-queue:before { + content: "\e650"; +} +.icon-material-cloud-upload:before { + content: "\e651"; +} +.icon-material-comment:before { + content: "\e652"; +} +.icon-material-communities:before { + content: "\e653"; +} +.icon-material-content-copy:before { + content: "\e654"; +} +.icon-material-content-cut:before { + content: "\e655"; +} +.icon-material-content-paste:before { + content: "\e656"; +} +.icon-material-create:before { + content: "\e657"; +} +.icon-material-credit-card:before { + content: "\e658"; +} +.icon-material-crop:before { + content: "\e659"; +} +.icon-material-crop-free:before { + content: "\e65a"; +} +.icon-material-crop-landscape:before { + content: "\e65b"; +} +.icon-material-crop-portrait:before { + content: "\e65c"; +} +.icon-material-crop-square:before { + content: "\e65d"; +} +.icon-material-data-usage:before { + content: "\e65e"; +} +.icon-material-delete:before { + content: "\e65f"; +} +.icon-material-developer-mode:before { + content: "\e660"; +} +.icon-material-dialpad:before { + content: "\e661"; +} +.icon-material-directions:before { + content: "\e662"; +} +.icon-material-directions-bike:before { + content: "\e663"; +} +.icon-material-directions-bus:before { + content: "\e664"; +} +.icon-material-directions-car:before { + content: "\e665"; +} +.icon-material-directions-subway:before { + content: "\e666"; +} +.icon-material-directions-train:before { + content: "\e667"; +} +.icon-material-directions-transit:before { + content: "\e668"; +} +.icon-material-directionswalk:before { + content: "\e669"; +} +.icon-material-disc-full:before { + content: "\e66a"; +} +.icon-material-dock:before { + content: "\e66b"; +} +.icon-material-domain:before { + content: "\e66c"; +} +.icon-material-done:before { + content: "\e66d"; +} +.icon-material-done-all:before { + content: "\e66e"; +} +.icon-material-do-not-disturb:before { + content: "\e66f"; +} +.icon-material-drafts:before { + content: "\e670"; +} +.icon-material-drawer:before { + content: "\e671"; +} +.icon-material-drive:before { + content: "\e672"; +} +.icon-material-drive-document:before { + content: "\e673"; +} +.icon-material-drive-drawing:before { + content: "\e674"; +} +.icon-material-drive-eta:before { + content: "\e675"; +} +.icon-material-drive-file:before { + content: "\e676"; +} +.icon-material-drive-form:before { + content: "\e677"; +} +.icon-material-drive-fusiontable:before { + content: "\e678"; +} +.icon-material-drive-image:before { + content: "\e679"; +} +.icon-material-drive-ms-excel:before { + content: "\e67a"; +} +.icon-material-drive-ms-powerpoint:before { + content: "\e67b"; +} +.icon-material-drive-ms-word:before { + content: "\e67c"; +} +.icon-material-drive-pdf:before { + content: "\e67d"; +} +.icon-material-drive-presentation:before { + content: "\e67e"; +} +.icon-material-drive-script:before { + content: "\e67f"; +} +.icon-material-drive-site:before { + content: "\e680"; +} +.icon-material-drive-spreadsheet:before { + content: "\e681"; +} +.icon-material-drive-video:before { + content: "\e682"; +} +.icon-material-earth:before { + content: "\e683"; +} +.icon-material-email2:before { + content: "\e684"; +} +.icon-material-email:before { + content: "\e685"; +} +.icon-material-error:before { + content: "\e686"; +} +.icon-material-event2:before { + content: "\e687"; +} +.icon-material-event:before { + content: "\e688"; +} +.icon-material-exit-to-app:before { + content: "\e689"; +} +.icon-material-expand-less:before { + content: "\e68a"; +} +.icon-material-expand-more:before { + content: "\e68b"; +} +.icon-material-explore:before { + content: "\e68c"; +} +.icon-material-extension:before { + content: "\e68d"; +} +.icon-material-fast-forward:before { + content: "\e68e"; +} +.icon-material-fast-rewind:before { + content: "\e68f"; +} +.icon-material-favorite:before { + content: "\e690"; +} +.icon-material-favorite-outline:before { + content: "\e691"; +} +.icon-material-file-download:before { + content: "\e692"; +} +.icon-material-file-upload:before { + content: "\e693"; +} +.icon-material-filter:before { + content: "\e694"; +} +.icon-material-flag:before { + content: "\e695"; +} +.icon-material-flash-auto:before { + content: "\e696"; +} +.icon-material-flash-off:before { + content: "\e697"; +} +.icon-material-flash-on:before { + content: "\e698"; +} +.icon-material-flights:before { + content: "\e699"; +} +.icon-material-flip-to-back:before { + content: "\e69a"; +} +.icon-material-flip-to-front:before { + content: "\e69b"; +} +.icon-material-folder:before { + content: "\e69c"; +} +.icon-material-folder-mydrive:before { + content: "\e69d"; +} +.icon-material-folder-shared:before { + content: "\e69e"; +} +.icon-material-forum:before { + content: "\e69f"; +} +.icon-material-forward:before { + content: "\e6a0"; +} +.icon-material-fullscreen:before { + content: "\e6a1"; +} +.icon-material-fullscreen-exit:before { + content: "\e6a2"; +} +.icon-material-gamepad:before { + content: "\e6a3"; +} +.icon-material-games:before { + content: "\e6a4"; +} +.icon-material-gesture:before { + content: "\e6a5"; +} +.icon-material-glass:before { + content: "\e6a6"; +} +.icon-material-gmail2:before { + content: "\e6a7"; +} +.icon-material-gmail:before { + content: "\e6a8"; +} +.icon-material-google:before { + content: "\e6a9"; +} +.icon-material-google-plus:before { + content: "\e6aa"; +} +.icon-material-gps-fixed:before { + content: "\e6ab"; +} +.icon-material-gps-not-fixed:before { + content: "\e6ac"; +} +.icon-material-gps-off:before { + content: "\e6ad"; +} +.icon-material-group:before { + content: "\e6ae"; +} +.icon-material-group-add:before { + content: "\e6af"; +} +.icon-material-hangout2:before { + content: "\e6b0"; +} +.icon-material-hangout:before { + content: "\e6b1"; +} +.icon-material-hangout-video:before { + content: "\e6b2"; +} +.icon-material-hangout-video-off:before { + content: "\e6b3"; +} +.icon-material-headset:before { + content: "\e6b4"; +} +.icon-material-headset-mic:before { + content: "\e6b5"; +} +.icon-material-help:before { + content: "\e6b6"; +} +.icon-material-high-quality:before { + content: "\e6b7"; +} +.icon-material-history:before { + content: "\e6b8"; +} +.icon-material-home:before { + content: "\e6b9"; +} +.icon-material-hotel:before { + content: "\e6ba"; +} +.icon-material-https:before { + content: "\e6bb"; +} +.icon-material-image:before { + content: "\e6bc"; +} +.icon-material-import-export:before { + content: "\e6bd"; +} +.icon-material-inbox:before { + content: "\e6be"; +} +.icon-material-info:before { + content: "\e6bf"; +} +.icon-material-info-outline:before { + content: "\e6c0"; +} +.icon-material-invert-colors:before { + content: "\e6c1"; +} +.icon-material-keep2:before { + content: "\e6c2"; +} +.icon-material-keep:before { + content: "\e6c3"; +} +.icon-material-keyboard:before { + content: "\e6c4"; +} +.icon-material-keyboard-alt:before { + content: "\e6c5"; +} +.icon-material-keyboard-arrow-down:before { + content: "\e6c6"; +} +.icon-material-keyboard-arrow-left:before { + content: "\e6c7"; +} +.icon-material-keyboard-arrow-right:before { + content: "\e6c8"; +} +.icon-material-keyboard-arrow-up:before { + content: "\e6c9"; +} +.icon-material-keyboard-backspace:before { + content: "\e6ca"; +} +.icon-material-keyboard-capslock:before { + content: "\e6cb"; +} +.icon-material-keyboard-control:before { + content: "\e6cc"; + font-size: 36%; +} +.icon-material-keyboard-hide:before { + content: "\e6cd"; +} +.icon-material-keyboard-return:before { + content: "\e6ce"; +} +.icon-material-keyboard-tab:before { + content: "\e6cf"; +} +.icon-material-keyboard-voice:before { + content: "\e6d0"; +} +.icon-material-label:before { + content: "\e6d1"; +} +.icon-material-label-outline:before { + content: "\e6d2"; +} +.icon-material-landscape:before { + content: "\e6d3"; +} +.icon-material-language:before { + content: "\e6d4"; +} +.icon-material-laptop:before { + content: "\e6d5"; +} +.icon-material-launch:before { + content: "\e6d6"; +} +.icon-material-link:before { + content: "\e6d7"; +} +.icon-material-list:before { + content: "\e6d8"; +} +.icon-material-live-help:before { + content: "\e6d9"; +} +.icon-material-location:before { + content: "\e6da"; +} +.icon-material-location-city:before { + content: "\e6db"; +} +.icon-material-location-disabled:before { + content: "\e6dc"; +} +.icon-material-location-searching:before { + content: "\e6dd"; +} +.icon-material-lock:before { + content: "\e6de"; +} +.icon-material-lock-open:before { + content: "\e6df"; +} +.icon-material-lock-outline:before { + content: "\e6e0"; +} +.icon-material-loop:before { + content: "\e6e1"; +} +.icon-material-mail:before { + content: "\e6e2"; +} +.icon-material-map:before { + content: "\e6e3"; +} +.icon-material-markunread:before { + content: "\e6e4"; +} +.icon-material-memory:before { + content: "\e6e5"; +} +.icon-material-menu:before { + content: "\e6e6"; +} +.icon-material-message:before { + content: "\e6e7"; +} +.icon-material-messenger:before { + content: "\e6e8"; +} +.icon-material-mic:before { + content: "\e6e9"; +} +.icon-material-mic-none:before { + content: "\e6ea"; +} +.icon-material-mic-off:before { + content: "\e6eb"; +} +.icon-material-mms:before { + content: "\e6ec"; +} +.icon-material-mood:before { + content: "\e6ed"; +} +.icon-material-more:before { + content: "\e6ee"; +} +.icon-material-more-horiz:before { + content: "\e6ef"; + font-size: 25%; +} +.icon-material-more-vert:before { + content: "\e6f0"; +} +.icon-material-mouse:before { + content: "\e6f1"; +} +.icon-material-movie:before { + content: "\e6f2"; +} +.icon-material-nest-protect:before { + content: "\e6f3"; +} +.icon-material-nest-thermostat:before { + content: "\e6f4"; +} +.icon-material-network-cell:before { + content: "\e6f5"; +} +.icon-material-network-wifi:before { + content: "\e6f6"; +} +.icon-material-news:before { + content: "\e6f7"; +} +.icon-material-nfc:before { + content: "\e6f8"; +} +.icon-material-notifications:before { + content: "\e6f9"; +} +.icon-material-notifications-none:before { + content: "\e6fa"; +} +.icon-material-notifications-off:before { + content: "\e6fb"; +} +.icon-material-notifications-on:before { + content: "\e6fc"; +} +.icon-material-notifications-paused:before { + content: "\e6fd"; +} +.icon-material-pages:before { + content: "\e6fe"; +} +.icon-material-palette:before { + content: "\e6ff"; +} +.icon-material-panorama:before { + content: "\e700"; +} +.icon-material-party-mode:before { + content: "\e701"; +} +.icon-material-pause:before { + content: "\e702"; +} +.icon-material-pause-circle-fill:before { + content: "\e703"; +} +.icon-material-pause-circle-outline:before { + content: "\e704"; +} +.icon-material-people:before { + content: "\e705"; +} +.icon-material-person:before { + content: "\e706"; +} +.icon-material-person-add:before { + content: "\e707"; +} +.icon-material-person-location:before { + content: "\e708"; +} +.icon-material-person-outline:before { + content: "\e709"; +} +.icon-material-phone2:before { + content: "\e70a"; +} +.icon-material-phone:before { + content: "\e70b"; +} +.icon-material-phone-bluetooth-speaker:before { + content: "\e70c"; +} +.icon-material-phone-forwarded:before { + content: "\e70d"; +} +.icon-material-phone-in-talk:before { + content: "\e70e"; +} +.icon-material-phone-locked:before { + content: "\e70f"; +} +.icon-material-phone-missed:before { + content: "\e710"; +} +.icon-material-phone-paused:before { + content: "\e711"; +} +.icon-material-photo:before { + content: "\e712"; +} +.icon-material-photo-album:before { + content: "\e713"; +} +.icon-material-photo-library:before { + content: "\e714"; +} +.icon-material-place:before { + content: "\e715"; +} +.icon-material-play-arrow:before { + content: "\e716"; +} +.icon-material-play-circle-fill:before { + content: "\e717"; +} +.icon-material-play-circle-outline:before { + content: "\e718"; +} +.icon-material-play-download:before { + content: "\e719"; +} +.icon-material-play-install:before { + content: "\e71a"; +} +.icon-material-plus-one:before { + content: "\e71b"; +} +.icon-material-poll:before { + content: "\e71c"; +} +.icon-material-polymer:before { + content: "\e71d"; +} +.icon-material-portrait:before { + content: "\e71e"; +} +.icon-material-post-blogger:before { + content: "\e71f"; +} +.icon-material-post-facebook:before { + content: "\e720"; +} +.icon-material-post-gplus:before { + content: "\e721"; +} +.icon-material-post-instagram:before { + content: "\e722"; +} +.icon-material-post-linkedin:before { + content: "\e723"; +} +.icon-material-post-pinterest:before { + content: "\e724"; +} +.icon-material-post-tumblr:before { + content: "\e725"; +} +.icon-material-post-twitter:before { + content: "\e726"; +} +.icon-material-print:before { + content: "\e727"; +} +.icon-material-public:before { + content: "\e728"; +} +.icon-material-queue:before { + content: "\e729"; +} +.icon-material-radio-button-off:before { + content: "\e72a"; +} +.icon-material-radio-button-on:before { + content: "\e72b"; +} +.icon-material-receipt:before { + content: "\e72c"; +} +.icon-material-refresh:before { + content: "\e72d"; +} +.icon-material-reminder:before { + content: "\e72e"; +} +.icon-material-remove:before { + content: "\e72f"; + font-size: 16%; +} +.icon-material-remove-circle:before { + content: "\e730"; +} +.icon-material-remove-circle-outline:before { + content: "\e731"; +} +.icon-material-replay:before { + content: "\e732"; +} +.icon-material-reply:before { + content: "\e733"; +} +.icon-material-reply-all:before { + content: "\e734"; +} +.icon-material-report:before { + content: "\e735"; +} +.icon-material-ring-volume:before { + content: "\e736"; +} +.icon-material-rotate-left:before { + content: "\e737"; +} +.icon-material-rotate-right:before { + content: "\e738"; +} +.icon-material-satellite:before { + content: "\e739"; +} +.icon-material-save:before { + content: "\e73a"; +} +.icon-material-schedule:before { + content: "\e73b"; +} +.icon-material-school:before { + content: "\e73c"; +} +.icon-material-screen-lock-landscape:before { + content: "\e73d"; +} +.icon-material-screen-lock-portrait:before { + content: "\e73e"; +} +.icon-material-screen-lock-rotation:before { + content: "\e73f"; +} +.icon-material-screen-rotation:before { + content: "\e740"; +} +.icon-material-sd-card:before { + content: "\e741"; +} +.icon-material-sd-storage:before { + content: "\e742"; +} +.icon-material-search:before { + content: "\e743"; +} +.icon-material-select-all:before { + content: "\e744"; +} +.icon-material-send:before { + content: "\e745"; +} +.icon-material-settings:before { + content: "\e746"; +} +.icon-material-settings-applications:before { + content: "\e747"; +} +.icon-material-settings-bluetooth:before { + content: "\e748"; +} +.icon-material-settings-cell:before { + content: "\e749"; +} +.icon-material-settings-phone:before { + content: "\e74a"; +} +.icon-material-settings-power:before { + content: "\e74b"; +} +.icon-material-settings-voice:before { + content: "\e74c"; +} +.icon-material-share:before { + content: "\e74d"; +} +.icon-material-share-alt:before { + content: "\e74e"; +} +.icon-material-shopping-basket:before { + content: "\e74f"; +} +.icon-material-shopping-cart:before { + content: "\e750"; +} +.icon-material-shuffle:before { + content: "\e751"; +} +.icon-material-signal-cellular-1-bar:before { + content: "\e752"; +} +.icon-material-signal-cellular-2-bar:before { + content: "\e753"; +} +.icon-material-signal-cellular-3-bar:before { + content: "\e754"; +} +.icon-material-signal-cellular-4-bar:before { + content: "\e755"; +} +.icon-material-signal-wifi-1-bar:before { + content: "\e756"; +} +.icon-material-signal-wifi-2-bar:before { + content: "\e757"; +} +.icon-material-signal-wifi-3-bar:before { + content: "\e758"; +} +.icon-material-signal-wifi-4-bar:before { + content: "\e759"; +} +.icon-material-sim-card-alert:before { + content: "\e75a"; +} +.icon-material-skip-next:before { + content: "\e75b"; +} +.icon-material-skip-previous:before { + content: "\e75c"; +} +.icon-material-slideshow:before { + content: "\e75d"; +} +.icon-material-sms:before { + content: "\e75e"; +} +.icon-material-sms-failed:before { + content: "\e75f"; +} +.icon-material-sort:before { + content: "\e760"; +} +.icon-material-speaker:before { + content: "\e761"; +} +.icon-material-star:before { + content: "\e762"; +} +.icon-material-star-half:before { + content: "\e763"; +} +.icon-material-star-outline:before { + content: "\e764"; +} +.icon-material-star-rate:before { + content: "\e765"; +} +.icon-material-stop:before { + content: "\e766"; +} +.icon-material-storage:before { + content: "\e767"; +} +.icon-material-store:before { + content: "\e768"; +} +.icon-material-swap-driving-apps:before { + content: "\e769"; +} +.icon-material-swap-horiz:before { + content: "\e76a"; +} +.icon-material-swap-vert:before { + content: "\e76b"; +} +.icon-material-swap-vert-circle:before { + content: "\e76c"; +} +.icon-material-switch-camera:before { + content: "\e76d"; +} +.icon-material-switch-video:before { + content: "\e76e"; +} +.icon-material-sync:before { + content: "\e76f"; +} +.icon-material-sync-disabled:before { + content: "\e770"; +} +.icon-material-sync-green:before { + content: "\e771"; +} +.icon-material-sync-problem:before { + content: "\e772"; +} +.icon-material-sync-problem-red:before { + content: "\e773"; +} +.icon-material-system-update:before { + content: "\e774"; +} +.icon-material-tab:before { + content: "\e775"; +} +.icon-material-tablet:before { + content: "\e776"; +} +.icon-material-tab-unselected:before { + content: "\e777"; +} +.icon-material-tag-faces:before { + content: "\e778"; +} +.icon-material-tap-and-play:before { + content: "\e779"; +} +.icon-material-terrain:before { + content: "\e77a"; +} +.icon-material-text-format:before { + content: "\e77b"; +} +.icon-material-textsms:before { + content: "\e77c"; +} +.icon-material-theaters:before { + content: "\e77d"; +} +.icon-material-thumb-down:before { + content: "\e77e"; +} +.icon-material-thumb-up:before { + content: "\e77f"; +} +.icon-material-timelapse:before { + content: "\e780"; +} +.icon-material-timer:before { + content: "\e781"; +} +.icon-material-time-to-leave:before { + content: "\e782"; +} +.icon-material-today:before { + content: "\e783"; +} +.icon-material-traffic4:before { + content: "\e784"; +} +.icon-material-translate:before { + content: "\e785"; +} +.icon-material-tv:before { + content: "\e786"; +} +.icon-material-undo:before { + content: "\e787"; +} +.icon-material-unfold-less:before { + content: "\e788"; +} +.icon-material-unfold-more:before { + content: "\e789"; +} +.icon-material-unknown-1:before { + content: "\e78a"; +} +.icon-material-unknown-2:before { + content: "\e78b"; +} +.icon-material-unknown-3:before { + content: "\e78c"; +} +.icon-material-unknown-4:before { + content: "\e78d"; +} +.icon-material-unknown-5:before { + content: "\e78e"; +} +.icon-material-unknown-6:before { + content: "\e78f"; +} +.icon-material-unknown-7:before { + content: "\e790"; +} +.icon-material-usb2:before { + content: "\e791"; +} +.icon-material-usb:before { + content: "\e792"; +} +.icon-material-vibration:before { + content: "\e793"; +} +.icon-material-videocam:before { + content: "\e794"; +} +.icon-material-videocam-off:before { + content: "\e795"; +} +.icon-material-video-youtube:before { + content: "\e796"; +} +.icon-material-view-array:before { + content: "\e797"; +} +.icon-material-view-column:before { + content: "\e798"; +} +.icon-material-view-headline:before { + content: "\e799"; +} +.icon-material-view-list:before { + content: "\e79a"; +} +.icon-material-view-module:before { + content: "\e79b"; +} +.icon-material-view-quilt:before { + content: "\e79c"; +} +.icon-material-view-stream:before { + content: "\e79d"; +} +.icon-material-visibility:before { + content: "\e79e"; +} +.icon-material-visibility-off:before { + content: "\e79f"; +} +.icon-material-voice:before { + content: "\e7a0"; +} +.icon-material-voicemail:before { + content: "\e7a1"; +} +.icon-material-volume-down:before { + content: "\e7a2"; +} +.icon-material-volume-mute:before { + content: "\e7a3"; +} +.icon-material-volume-off:before { + content: "\e7a4"; +} +.icon-material-volume-up:before { + content: "\e7a5"; +} +.icon-material-vpn:before { + content: "\e7a6"; +} +.icon-material-warning:before { + content: "\e7a7"; +} +.icon-material-watch2:before { + content: "\e7a8"; +} +.icon-material-wb-auto:before { + content: "\e7a9"; +} +.icon-material-wb-cloudy:before { + content: "\e7aa"; +} +.icon-material-wb-incandescent:before { + content: "\e7ab"; +} +.icon-material-wb-irradescent:before { + content: "\e7ac"; +} +.icon-material-wb-sunny2:before { + content: "\e7ad"; +} +.icon-material-web2:before { + content: "\e7ae"; +} +.icon-material-whatshot:before { + content: "\e7af"; +} +.icon-material-wifi-tethering2:before { + content: "\e7b0"; +} +.icon-material-wifi-tethering3:before { + content: "\e7b1"; +} +.icon-material-work2:before { + content: "\e7b2"; +} +.icon-material-call2:before { + content: "\e7b3"; +} +.icon-material-call-end2:before { + content: "\e7b4"; +} +.icon-material-call-made2:before { + content: "\e7b5"; +} +.icon-material-call-merge2:before { + content: "\e7b6"; +} +.icon-material-call-missed2:before { + content: "\e7b7"; +} +.icon-material-call-received2:before { + content: "\e7b8"; +} +.icon-material-call-split2:before { + content: "\e7b9"; +} +.icon-material-chat2:before { + content: "\e7ba"; +} +.icon-material-comment2:before { + content: "\e7bb"; +} +.icon-material-dialpad2:before { + content: "\e7bc"; +} +.icon-material-email3:before { + content: "\e7bd"; +} +.icon-material-forum2:before { + content: "\e7be"; +} +.icon-material-gmail3:before { + content: "\e7bf"; +} +.icon-material-hangout3:before { + content: "\e7c0"; +} +.icon-material-hangout-video2:before { + content: "\e7c1"; +} +.icon-material-hangout-video-off2:before { + content: "\e7c2"; +} +.icon-material-import-export2:before { + content: "\e7c3"; +} +.icon-material-live-help2:before { + content: "\e7c4"; +} +.icon-material-message2:before { + content: "\e7c5"; +} +.icon-material-messenger2:before { + content: "\e7c6"; +} +.icon-material-phone3:before { + content: "\e7c7"; +} +.icon-material-ring-volume2:before { + content: "\e7c8"; +} +.icon-material-textsms2:before { + content: "\e7c9"; +} +.icon-material-voicemail2:before { + content: "\e7ca"; +} +.icon-material-closed-caption2:before { + content: "\e7cb"; +} +.icon-material-fast-forward2:before { + content: "\e7cc"; +} +.icon-material-fast-rewind2:before { + content: "\e7cd"; +} +.icon-material-games2:before { + content: "\e7ce"; +} +.icon-material-high-quality2:before { + content: "\e7cf"; +} +.icon-material-loop2:before { + content: "\e7d0"; +} +.icon-material-mic2:before { + content: "\e7d1"; +} +.icon-material-mic-none2:before { + content: "\e7d2"; +} +.icon-material-mic-off2:before { + content: "\e7d3"; +} +.icon-material-movie2:before { + content: "\e7d4"; +} +.icon-material-news2:before { + content: "\e7d5"; +} +.icon-material-pause2:before { + content: "\e7d6"; +} +.icon-material-pause-circle-fill2:before { + content: "\e7d7"; +} +.icon-material-pause-circle-outline2:before { + content: "\e7d8"; +} +.icon-material-play-arrow2:before { + content: "\e7d9"; +} +.icon-material-play-circle-fill2:before { + content: "\e7da"; +} +.icon-material-play-circle-outline2:before { + content: "\e7db"; +} +.icon-material-queue2:before { + content: "\e7dc"; +} +.icon-material-replay2:before { + content: "\e7dd"; +} +.icon-material-shuffle2:before { + content: "\e7de"; +} +.icon-material-skip-next2:before { + content: "\e7df"; +} +.icon-material-skip-previous2:before { + content: "\e7e0"; +} +.icon-material-stop2:before { + content: "\e7e1"; +} +.icon-material-videocam2:before { + content: "\e7e2"; +} +.icon-material-videocam-off2:before { + content: "\e7e3"; +} +.icon-material-video-youtube2:before { + content: "\e7e4"; +} +.icon-material-volume-down2:before { + content: "\e7e5"; +} +.icon-material-volume-mute2:before { + content: "\e7e6"; +} +.icon-material-volume-off2:before { + content: "\e7e7"; +} +.icon-material-volume-up2:before { + content: "\e7e8"; +} +.icon-material-web22:before { + content: "\e7e9"; +} diff --git a/bootstrap/less/alerts.less b/bootstrap/less/alerts.less new file mode 100755 index 0000000..97b8347 --- /dev/null +++ b/bootstrap/less/alerts.less @@ -0,0 +1,18 @@ +// main: material.less + +.alert { + border: 0px; + border-radius: 0; + a, .alert-link { + color: #FFFFFF; + } + .variations(~"", background-color, #FFFFFF); + &-info, &-danger, &-warning, &-success { + color: #FFFFFF; + } + &-default { + a, .alert-link { + color: #000000; + } + } +} diff --git a/bootstrap/less/animations.less b/bootstrap/less/animations.less new file mode 100755 index 0000000..3bed5ec --- /dev/null +++ b/bootstrap/less/animations.less @@ -0,0 +1,44 @@ +// main: material.less + +@-webkit-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@-moz-keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} +@keyframes input-highlight { + 0% { + left: 20%; + width: 20%; + } + 99% { + width: 0; + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} diff --git a/bootstrap/less/buttons.less b/bootstrap/less/buttons.less new file mode 100755 index 0000000..19f2dbd --- /dev/null +++ b/bootstrap/less/buttons.less @@ -0,0 +1,107 @@ +// main: material.less + +.btn-shadow() { + .shadow-z-2(); + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + &:active:not(.btn-link) { + .shadow-z-3(); + } +} + +.btn { + position: relative; + padding: 8px 30px; + border: 0; + margin: 10px 1px; + + cursor: pointer; + border-radius: 4px; + text-transform: uppercase; + text-decoration: none; + color: @darkbg-text; + + &:hover { + color: @darkbg-text; + } + &:hover:not(.btn-link) { + .shadow-z-2-hover(); + } + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); + &:active:not(.btn-link) { + .shadow-z-3(); + } + outline: none !important; + + .variations(~":not(.btn-link)", background-color, @btn-default); + +} +// This is needed to style buttons which has not a variation suffix (they must stiled as btn-default) +.btn-link, .btn:not([class^="btn btn-"]), .btn-default { + color: @lightbg-text; + &:hover { + color: @lightbg-text; + } +} +.btn:not([class^="btn btn-"]), .btn-default { + &:hover { + background-color: rgba(255,255,255,0.5); + } +} + +.btn-raised { + .btn-shadow(); +} + +.open > .dropdown-toggle.btn { + .variations(~"", background-color, @btn-default); +} +.btn-flat { + box-shadow: none !important; + &.btn-default:hover { + background: none; + } +} + +.btn-group, .btn-group-vertical { + position: relative; + border-radius: 4px; + margin: 10px 1px; + + .btn-shadow(); + &.open .dropdown-toggle { + box-shadow: none; + } + &.btn-group-raised { + .btn-shadow(); + } + .btn, .btn:active, .btn-group { + box-shadow: none !important; + margin: 0; + } + .btn:active .caret { margin-left: -1px; } +} +.btn-group-flat { + box-shadow: none !important; +} + +// Floating Action Button (FAB) + +.btn-fab { + margin: 0; + padding: 15px; + font-size: 26px; + width: 56px; + height: 56px; + &, &:hover { + .variations(~"", background-color, transparent); + } + &, .ripple-wrapper { + border-radius: 100%; + } + &.btn-mini { + width: 40px; + height: 40px; + padding: 13px; + font-size: 15px; + } +} diff --git a/bootstrap/less/checkboxes.less b/bootstrap/less/checkboxes.less new file mode 100755 index 0000000..32fb8f1 --- /dev/null +++ b/bootstrap/less/checkboxes.less @@ -0,0 +1,190 @@ +// main: material.less + +.form-horizontal .checkbox { + padding-top: 15px; +} +.checkbox { + transform: rotate(0deg); + label { + cursor: pointer; + padding-left: 45px; + position: relative; + span { + display: block; + position: absolute; + left: 0px; + transition-duration: 0.2s; + } + .check:after { + display: block; + position: absolute; + content: ""; + background-color: @lightbg-text; + left: -5px; + top: -15px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + } + .check:before { + display: block; + content: ""; + border: 2px solid @lightbg-text; + height: 20px; + width: 20px; + .transition-delay(0.2s); + } + } + + // Variations + .variations(~" .check", color, @success); + + // Hide native checkbox + input[type=checkbox] { opacity: 0; } + + input[type=checkbox] ~ .check:before { + position: absolute; + top: 2px; + left: 11px; + width: 18px; + height: 18px; + border: solid 2px; + border-color: #5a5a5a; + .animation(uncheck 300ms ease-out forwards); + } + + input[type=checkbox]:focus ~ .check:after { + opacity: 0.2; + } + + input[type=checkbox]:checked ~ .check:before { + .animation(check 300ms ease-out forwards); + } + + // Ripple effect on click + input[type=checkbox]:not(:checked) ~ .check:after { + .animation(rippleOff 500ms); + } + input[type=checkbox]:checked ~ .check:after { + .animation(rippleOn 500ms); + } + + // Style for disabled inputs + input[type=checkbox][disabled]:not(:checked) ~ .check:before { + opacity: 0.5; + } + input[type=checkbox][disabled] ~ .check:after { + background-color: @lightbg-text; + transform: rotate(-45deg); + } + + .variations(~" input[type=checkbox]:checked ~ .check:after", background-color, @success); +} + + +@-webkit-keyframes uncheck { + 0% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + transform: rotate(45deg); + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 100% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} + +.keyframe-check() { + 100% { + top: -3px; + left: 17px; + width: 10px; + height: 21px; + transform: rotate(45deg); + border-color: #0f9d58; + border-left-color: transparent; + border-top-color: transparent; + } + 51% { + border-left: transparent; + border-top-color: transparent; + } + 50% { + top: 14px; + left: 17px; + width: 4px; + height: 4px; + transform: rotate(45deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } + 0% { + top: 1px; + left: 12px; + width: 18px; + height: 18px; + transform: rotate(0deg); + border-color: #5a5a5a; + border-left-color: #5a5a5a; + border-top-color: #5a5a5a; + } +} +@-webkit-keyframes check {.keyframe-check()} +@-moz-keyframes check {.keyframe-check()} +@-ms-keyframes check {.keyframe-check()} +@-o-keyframes check {.keyframe-check()} +@keyframes check {.keyframe-check()} + +.ripple() { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@-webkit-keyframes rippleOn {.ripple()} +@-moz-keyframes rippleOn {.ripple()} +@-ms-keyframes rippleOn {.ripple()} +@-o-keyframes rippleOn {.ripple()} +@keyframes rippleOn {.ripple()} + +@-webkit-keyframes rippleOff {.ripple()} +@-moz-keyframes rippleOff {.ripple()} +@-ms-keyframes rippleOn {.ripple()} +@-o-keyframes rippleOff {.ripple()} +@keyframes rippleOff {.ripple()} diff --git a/bootstrap/less/icons.less b/bootstrap/less/icons.less new file mode 100755 index 0000000..9a473de --- /dev/null +++ b/bootstrap/less/icons.less @@ -0,0 +1,5 @@ +// main: material.less + +.icon { + .variations(~"", color, @lightbg-text); +} diff --git a/bootstrap/less/inputs.less b/bootstrap/less/inputs.less new file mode 100755 index 0000000..64ca357 --- /dev/null +++ b/bootstrap/less/inputs.less @@ -0,0 +1,214 @@ +// main: material.less + +fieldset[disabled] .form-control, .form-control-wrapper .form-control, .form-control { + &, &:focus, &.focus { + &:not(textarea):not(select) { + height: 28px; + } + padding: 0; + float: none; + border: 0; + box-shadow: none; + border-radius: 0; + background: transparent; + border-bottom: 1px solid #757575; + &:disabled { + border-style: dashed; + } + } +} +select.form-control { + height: 23px; +} +select[multiple].form-control { + &, &:focus, &.focus { + height: 85px; + } +} + +.form-control-wrapper { + position: relative; + + .form-control:focus, .form-control.focus { + outline: none; + } + + .floating-label { + color: #7E7E7E; + font-size: 14px; + position: absolute; + pointer-events: none; + left: 0px; + top: 5px; + transition: 0.2s ease all; + opacity: 0; + } + .form-control:not(.empty) ~ .floating-label { + top: -10px; + font-size: 10px; + opacity: 1; + } + .form-control:focus:invalid ~ .floating-label, .form-control.focus:invalid ~ .floating-label { + color: @input-danger; + } + .form-control:focus ~ .material-input:after, .form-control.focus ~ .material-input:after { + background-color: @input-default; + } + .form-control:focus:invalid ~ .material-input, .form-control.focus:invalid ~ .material-input { + &:before, &:after { + background-color: @input-danger; + } + } + .form-control.empty ~ .floating-label { + opacity: 1; + } + .material-input:before { + position: absolute; + content: ""; + width: 100%; + left: 0; + height: 2px; + background-color: @input-default; + bottom: -1px; + transform: scaleX(0); + transition: transform 0s; + } + .form-control:focus ~ .material-input:before, .form-control.focus ~ .material-input:before { + transform: scaleX(1); + transition: transform 0.2s ease-out; + } + .material-input:after { + content: ""; + position: absolute; + height: 18px; + width: 100px; + margin-top: -1px; + top: 7px; + left: 0; + pointer-events: none; + opacity: 0.9; + transform-origin: left; + } + .input-lg ~ .material-input:after { + height: 26px; + } + textarea { resize: none; } + textarea ~ .form-control-highlight { + margin-top: -11px; + } + + /* active state */ + .form-control:focus ~ .material-input:after, .form-control.focus ~ .material-input:after { + -webkit-animation: input-highlight 0.3s ease; + animation: input-highlight 0.3s ease; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + opacity: 0; + } + + select ~ .material-input:after { + display: none; + } + +} + +.form-group { + &.has-warning { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-warning; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-warning; + } + } + &.has-error { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-danger; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-danger; + } + } + &.has-success { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-success; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-success; + } + } + &.has-info { + .material-input:before, input.form-control:focus ~ .material-input:after, input.form-control.focus ~ .material-input:after { + background: @input-info; + } + .control-label, input.form-control:not(.empty) ~ .floating-label { + color: @input-info; + } + } + .variations(~" .material-input:before", background-color, @indigo); + .variations(~" input.form-control:focus ~ .material-input:after", background-color, @indigo); + .variations(~" input.form-control.focus ~ .material-input:after", background-color, @indigo); + .variations(~" .control-label", color, @lightbg-text); + .variations(~" input.form-control:not(.empty) ~ .floating-label", color, @indigo); + +} + +.input-group { + .form-control-wrapper { + .form-control { + float: none; + } + margin-right: 5px; + margin-left: 5px; + bottom: -10px; + } + .input-group-addon { + border: 0; + } + .input-group-btn .btn { + border-radius: 4px; + } +} + +select.form-control { + border: 0; + box-shadow: none; + border-bottom: 1px solid #757575; + border-radius: 0; + &:focus, &.focus { + box-shadow: none; + border-color: #757575; + } +} + + +.keyframe-input-highlight() { + 0% { + left: 20%; + transform: scaleX(20%); + } + 99% { + transform: scaleX(0); + left: 0; + opacity: 1; + } + 100% { + opacity: 0; + } +} + +@keyframes input-highlight {.keyframe-input-highlight()} + + +// Input files (kinda hack) +.form-control-wrapper input[type=file] { + opacity: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; +} diff --git a/bootstrap/less/lists.less b/bootstrap/less/lists.less new file mode 100755 index 0000000..e0554bf --- /dev/null +++ b/bootstrap/less/lists.less @@ -0,0 +1,84 @@ +// main: material.less +.list-group { + border-radius: 0; + .list-group-item { + background-color: transparent; + overflow: hidden; + border: 0; + border-radius: 0; + padding: 0 16px; + .row-picture, .row-action-primary { + float: left; + display: inline-block; + padding-right: 16px; + img, i, label { + display: block; + width: 56px; + height: 56px; + } + img { + background: rgba(0,0,0,0.1); + padding: 1px; + &.circle { + border-radius: 100%; + } + } + i { + background: rgba(0,0,0,0.25); + border-radius: 100%; + text-align: center; + line-height: 56px; + font-size: 20px; + color: white; + } + label { + margin-left: 7px; + margin-right: -7px; + margin-top: 5px; + margin-bottom: -5px; + } + } + .row-content { + display: inline-block; + width: ~"calc(100% - 92px)"; + min-height: 66px; + .action-secondary { + position: absolute; + right: 16px; + top: 16px; + i { + font-size: 20px; + color: rgba(0,0,0,0.25); + cursor: pointer; + } + } + .action-secondary ~ * { + max-width: ~"calc(100% - 30px)"; + } + .least-content { + position: absolute; + right: 16px; + top: 0px; + color: rgba(0,0,0,0.54); + font-size: 14px; + } + } + .list-group-item-heading { + color: rgba(0, 0, 0, 0.77); + font-size: 20px; + line-height: 29px; + } + } + .list-group-separator { + clear: both; + overflow: hidden; + margin-top: 10px; + margin-bottom: 10px; + &:before { + content: ""; + width: ~"calc(100% - 90px)"; + border-bottom: 1px solid rgba(0,0,0,0.1); + float: right; + } + } +} diff --git a/bootstrap/less/material-wfont.less b/bootstrap/less/material-wfont.less new file mode 100755 index 0000000..ed90a7d --- /dev/null +++ b/bootstrap/less/material-wfont.less @@ -0,0 +1,3 @@ +// out: ../css-compiled/material-wfont.css +@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic); +@import "material.less"; diff --git a/bootstrap/less/material.less b/bootstrap/less/material.less new file mode 100755 index 0000000..8d6c821 --- /dev/null +++ b/bootstrap/less/material.less @@ -0,0 +1,112 @@ +// out: ../css-compiled/material.css +// Material Theme 0.0.1 +// ----------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; +@import "prefixer.less"; +@import "animations.less"; +@import "shadows.less"; + +body { + background-color: #EEEEEE; + &.inverse { + background: #333333; + &, .form-control { + color: @darkbg-text; + } + } +} + +body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +// Well and Jumbotrons +@import "welljumbo.less"; + +// Buttons +@import "buttons.less"; + +// Checkboxes +@import "checkboxes.less"; + +// Radios +@import "radios.less"; + +// Text inputs +@import "inputs.less"; + +legend { + border-bottom: 0; +} + +.modal-content { + .shadow-z-2(); + border-radius: 0; + border: 0; + .modal-header { + border-bottom: 0; + } + .modal-footer { + border-top: 0; + .btn+.btn { + margin-bottom: 10px; + } + } +} + +// Lists +@import "lists.less"; + +// Navbar +@import "navbar.less"; + +.dropdown-menu { + border: 0; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + .divider { + background-color: rgba(229, 229, 229, 0.12); + } + li { + overflow: hidden; + position: relative; + a:hover { + background: rgba(0,0,0,0.08); + } + } +} + +// Alerts +@import "alerts.less"; + +// Progress bar +@import "progress.less"; + +// Typography +.text-warning { + color: @btn-warning; +} +.text-primary { + color: @btn-primary; +} +.text-danger { + color: @btn-danger; +} +.text-success { + color: @btn-success; +} +.text-info { + color: @btn-info; +} + +@import "tabs.less"; + +@import "popups.less"; + +@import "icons.less"; + + +// External plugins +@import "plugin-snackbarjs.less"; +@import "plugin-nouislider.less"; diff --git a/bootstrap/less/mixins.less b/bootstrap/less/mixins.less new file mode 100755 index 0000000..73ccffd --- /dev/null +++ b/bootstrap/less/mixins.less @@ -0,0 +1,78 @@ +// main: material.less + +// usage: .variations(~" .check", color, transparent); +.variations(@extra, @property, @default) { + // Bootstrap shades + &@{extra}, &-default@{extra} { + @{property}: @default; + } + &-primary@{extra} { + @{property}: @primary; + } + &-success@{extra} { + @{property}: @success; + } + &-info@{extra} { + @{property}: @info; + } + &-warning@{extra} { + @{property}: @warning; + } + &-danger@{extra} { + @{property}: @danger; + } + // Material shades + &-material-red@{extra} { + @{property}: @red; + } + &-material-pink@{extra} { + @{property}: @pink; + } + &-material-purple@{extra} { + @{property}: @purple; + } + &-material-deeppurple@{extra} { + @{property}: @deeppurple; + } + &-material-indigo@{extra} { + @{property}: @indigo; + } + &-material-lightblue@{extra} { + @{property}: @lightblue; + } + &-material-cyan@{extra} { + @{property}: @cyan; + } + &-material-teal@{extra} { + @{property}: @teal; + } + &-material-lightgreen@{extra} { + @{property}: @lightgreen; + } + &-material-lime@{extra} { + @{property}: @lime; + } + &-material-lightyellow@{extra} { + @{property}: @lightyellow; + } + &-material-orange@{extra} { + @{property}: @orange; + } + &-material-deeporange@{extra} { + @{property}: @deeporange; + } + &-material-grey@{extra} { + @{property}: @grey; + } + &-material-bluegrey@{extra} { + @{property}: @bluegrey; + } + &-material-brown@{extra} { + @{property}: @brown; + } + &-material-lightgrey@{extra} { + @{property}: @lightgrey; + } +} + +@all-variations: ~"-default, -primary, -info, -success, -warning, -danger"; diff --git a/bootstrap/less/navbar.less b/bootstrap/less/navbar.less new file mode 100755 index 0000000..2feca82 --- /dev/null +++ b/bootstrap/less/navbar.less @@ -0,0 +1,208 @@ +// main: material.less + +.navbar { + background-color: @navbar-default-bg; + border: 0; + border-radius: 0; + + .navbar-brand { + position: relative; + height: 60px; + line-height: 30px; + color: @navbar-brand-color; + &:hover, + &:focus { + color: @navbar-brand-color; + background-color: transparent; + } + } + + .navbar-text { + color: @navbar-color; + margin-top: 20px; + margin-bottom: 20px; + } + + .navbar-nav { + > li > a { + color: @navbar-link-color; + padding-top: 20px; + padding-bottom: 20px; + + &:hover, + &:focus { + color: @navbar-link-hover-color; + background-color: @navbar-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-link-active-color; + background-color: @navbar-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-link-disabled-color; + background-color: @navbar-link-disabled-bg; + } + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + border-color: @navbar-toggle-border-color; + &:hover, + &:focus { + background-color: @navbar-toggle-hover-bg; + } + .icon-bar { + background-color: @navbar-toggle-icon-bar-bg; + } + } + + .navbar-collapse, + .navbar-form { + border-color: rgba(0,0,0,0.1); + } + + // Dropdowns + .navbar-nav { + > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-link-active-bg; + color: @navbar-link-active-color; + } + } + + @media (max-width: 767px) { + // Dropdowns get custom display + .open .dropdown-menu { + > .dropdown-header { + border: 0; + color: darken(@navbar-link-color, 17%) + } + .divider { + background-color: @navbar-border; + } + > li > a { + color: @navbar-link-color; + &:hover, + &:focus { + color: @navbar-link-hover-color; + background-color: @navbar-link-hover-bg; + } + } + > .active > a { + &, + &:hover, + &:focus { + color: @navbar-link-active-color; + background-color: @navbar-link-active-bg; + } + } + > .disabled > a { + &, + &:hover, + &:focus { + color: @navbar-link-disabled-color; + background-color: @navbar-link-disabled-bg; + } + } + } + } + } + + .navbar-link { + color: @navbar-link-color; + &:hover { + color: @navbar-link-hover-color; + } + } + + .btn-link { + color: @navbar-link-color; + &:hover, + &:focus { + color: @navbar-link-hover-color; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @navbar-link-disabled-color; + } + } + } + + .navbar-form { + margin-top: 16px; + .form-control-wrapper .form-control, .form-control { + border-color: @navbar-border; + color: @navbar-border; + } + .form-control-wrapper { + .material-input:before, input:focus ~ .material-input:after { + background-color: @navbar-border; + } + } + ::-webkit-input-placeholder { color: @navbar-border; } + :-moz-placeholder { color: @navbar-border; }; + ::-moz-placeholder { color: @navbar-border; }; + :-ms-input-placeholder { color: @navbar-border; }; + } + + .variations(~"", background-color, @primary); + &-inverse { + background-color: @indigo; + } + &-material-white { + background-color: #FFF; + .navbar-brand, .navbar-brand:hover, .navbar-brand:focus { + color: @lightbg-text; + } + .navbar-nav { + & > li > a { + color: @lightbg-text; + + &:hover, + &:focus { + color: @lightbg-text; + background-color: @navbar-link-hover-bg; + } + } + & > .active > a { + &, + &:hover, + &:focus { + color: @lightbg-text; + background-color: @navbar-link-active-bg; + } + } + & > .disabled > a { + &, + &:hover, + &:focus { + color: @lightbg-text; + background-color: @navbar-link-disabled-bg; + } + } + + & > .open > a { + &, + &:hover, + &:focus { + background-color: @navbar-link-active-bg; + color: @lightbg-text; + } + } + + } + } +} diff --git a/bootstrap/less/plugin-nouislider.less b/bootstrap/less/plugin-nouislider.less new file mode 100755 index 0000000..30cc75b --- /dev/null +++ b/bootstrap/less/plugin-nouislider.less @@ -0,0 +1,108 @@ +// main: material.less +.noUi-target, +.noUi-target * { + -webkit-touch-callout: none; + -webkit-user-select: none; + -ms-touch-action: none; + -ms-user-select: none; + -moz-user-select: none; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.noUi-base { + width: 100%; + height: 100%; + position: relative; +} +.noUi-origin { + position: absolute; + right: 0; + top: 0; + left: 0; + bottom: 0; +} +.noUi-handle { + position: relative; + z-index: 1; + box-sizing: border-box; + -webkit-box-sizing: border-box; +} +.noUi-stacking .noUi-handle { + z-index: 10; +} +.noUi-stacking + .noUi-origin { + *z-index: -1; +} +.noUi-state-tap .noUi-origin { + -webkit-transition: left 0.3s, top 0.3s; + transition: left 0.3s, top 0.3s; +} +.noUi-state-drag * { + cursor: inherit !important; +} +.noUi-horizontal { + height: 10px; +} +.noUi-horizontal .noUi-handle { + box-sizing: border-box; + width: 12px; + height: 12px; + left: -10px; + top: -5px; +} +.noUi-horizontal.noUi-extended { + padding: 0 15px; +} +.noUi-horizontal.noUi-extended .noUi-origin { + right: -15px; +} +.noUi-background { + height: 2px; + margin: 20px 0; +} +.noUi-origin { + margin: 0; + border-radius: 0; + height: 2px; + background: #c8c8c8; + &[style^="left: 0"] .noUi-handle { + background-color: #fff; + border: 2px solid #c8c8c8; + &.noUi-active { + border-width: 1px; + } + } +} +.noUi-target { + border-radius: 2px; +} +.noUi-handle { + border-radius: 100%; + cursor: default; + transition: all 0.2s ease-out; + border: 1px solid; +} +.noUi-horizontal { + height: 2px; + margin: 15px 0; +} +.noUi-horizontal .noUi-handle.noUi-active { + transform: scale(2.5); +} +[disabled].noUi-slider{ + opacity: 0.5; +} +[disabled] .noUi-handle { + cursor: not-allowed; +} + +.slider { + background: #c8c8c8; +} + +.slider { + .variations(~".noUi-connect", background-color, @primary); + .variations(~" .noUi-connect", background-color, @primary); + .variations(~" .noUi-handle", background-color, @primary); + .variations(~" .noUi-handle", border-color, @primary); +} diff --git a/bootstrap/less/plugin-snackbarjs.less b/bootstrap/less/plugin-snackbarjs.less new file mode 100755 index 0000000..243582a --- /dev/null +++ b/bootstrap/less/plugin-snackbarjs.less @@ -0,0 +1,42 @@ +// main: material.less + +// Support for SnackbarJS plugin +// https://github.com/FezVrasta/snackbarjs + +.snackbar { + // Style + background-color: #323232; + color: @darkbg-text; + font-size: 14px; + border-radius: 2px; + .shadow-z-1; + + // Animation + height: 0; + -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; + -moz-transform: translateY(200%); + -webkit-transform: translateY(200%); + transform: translateY(200%); +} + +.snackbar.snackbar-opened { + // Style + padding: 14px 15px; + margin-bottom: 20px; + + // Animation + height: auto; + -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; + -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; + transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; + -moz-transform: none; + -webkit-transform: none; + transform: none; +} + +// Variations +.snackbar.toast { + border-radius: 200px; +} diff --git a/bootstrap/less/popups.less b/bootstrap/less/popups.less new file mode 100755 index 0000000..433aae4 --- /dev/null +++ b/bootstrap/less/popups.less @@ -0,0 +1,27 @@ +// main: material.less + +.popover, .tooltip-inner { + background: #323232; + color: #FFF; + border-radius: 2px; + +} + +.tooltip, .tooltip.in { + opacity: 1; +} + +.popover, .tooltip { + &.left .arrow:after, &.left .tooltip-arrow { + border-left-color: #323232; + } + &.right .arrow:after, &.right .tooltip-arrow { + border-right-color: #323232; + } + &.top .arrow:after, &.top .tooltip-arrow { + border-top-color: #323232; + } + &.bottom .arrow:after, &.bottom .tooltip-arrow { + border-bottom-color: #323232; + } +} diff --git a/bootstrap/less/prefixer.less b/bootstrap/less/prefixer.less new file mode 100755 index 0000000..39b3a94 --- /dev/null +++ b/bootstrap/less/prefixer.less @@ -0,0 +1,371 @@ +// main: material + +//--------------------------------------------------- +// LESS Prefixer +//--------------------------------------------------- +// +// All of the CSS3 fun, none of the prefixes! +// +// As a rule, you can use the CSS properties you +// would expect just by adding a '.': +// +// box-shadow => .box-shadow(@args) +// +// Also, when shorthand is available, arguments are +// not parameterized. Learn CSS, not LESS Prefixer. +// +// ------------------------------------------------- +// TABLE OF CONTENTS +// (*) denotes a syntax-sugar helper +// ------------------------------------------------- +// +// .animation(@args) +// .animation-delay(@delay) +// .animation-direction(@direction) +// .animation-duration(@duration) +// .animation-fill-mode(@mode) +// .animation-iteration-count(@count) +// .animation-name(@name) +// .animation-play-state(@state) +// .animation-timing-function(@function) +// .background-size(@args) +// .border-radius(@args) +// .box-shadow(@args) +// .inner-shadow(@args) * +// .box-sizing(@args) +// .border-box() * +// .content-box() * +// .columns(@args) +// .column-count(@count) +// .column-gap(@gap) +// .column-rule(@args) +// .column-width(@width) +// .gradient(@default,@start,@stop) * +// .linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])* +// .linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])* +// .opacity(@factor) +// .transform(@args) +// .transform-origin(@args) +// .transform-style(@style) +// .rotate(@deg) +// .scale(@factor) +// .translate(@x,@y) +// .translate3d(@x,@y,@z) +// .translateHardware(@x,@y) * +// .text-shadow(@args) +// .transition(@args) +// .transition-delay(@delay) +// .transition-duration(@duration) +// .transition-property(@property) +// .transition-timing-function(@function) +// +// +// +// Credit to LESS Elements for the motivation and +// to CSS3Please.com for implementation. +// +// Copyright (c) 2012 Joel Sutherland +// MIT Licensed: +// http://www.opensource.org/licenses/mit-license.php +// +//--------------------------------------------------- + + +// Animation + +.animation(@args) { + -webkit-animation: @args; + -moz-animation: @args; + -ms-animation: @args; + -o-animation: @args; + animation: @args; +} +.animation-delay(@delay) { + -webkit-animation-delay: @delay; + -moz-animation-delay: @delay; + -ms-animation-delay: @delay; + -o-animation-delay: @delay; + animation-delay: @delay; +} +.animation-direction(@direction) { + -webkit-animation-direction: @direction; + -moz-animation-direction: @direction; + -ms-animation-direction: @direction; + -o-animation-direction: @direction; +} +.animation-duration(@duration) { + -webkit-animation-duration: @duration; + -moz-animation-duration: @duration; + -ms-animation-duration: @duration; + -o-animation-duration: @duration; +} +.animation-fill-mode(@mode) { + -webkit-animation-fill-mode: @mode; + -moz-animation-fill-mode: @mode; + -ms-animation-fill-mode: @mode; + -o-animation-fill-mode: @mode; + animation-fill-mode: @mode; +} +.animation-iteration-count(@count) { + -webkit-animation-iteration-count: @count; + -moz-animation-iteration-count: @count; + -ms-animation-iteration-count: @count; + -o-animation-iteration-count: @count; + animation-iteration-count: @count; +} +.animation-name(@name) { + -webkit-animation-name: @name; + -moz-animation-name: @name; + -ms-animation-name: @name; + -o-animation-name: @name; + animation-name: @name; +} +.animation-play-state(@state) { + -webkit-animation-play-state: @state; + -moz-animation-play-state: @state; + -ms-animation-play-state: @state; + -o-animation-play-state: @state; + animation-play-state: @state; +} +.animation-timing-function(@function) { + -webkit-animation-timing-function: @function; + -moz-animation-timing-function: @function; + -ms-animation-timing-function: @function; + -o-animation-timing-function: @function; + animation-timing-function: @function; +} + + +// Background Size + +.background-size(@args) { + -webkit-background-size: @args; + background-size: @args; +} + + +// Border Radius + +.border-radius(@args) { + -webkit-border-radius: @args; + border-radius: @args; + + background-clip: padding-box; +} + + +// Box Shadows + +.box-shadow(@args) { + -webkit-box-shadow: @args; + box-shadow: @args; +} +.inner-shadow(@args) { + .box-shadow(inset @args); +} + + +// Box Sizing + +.box-sizing(@args) { + -webkit-box-sizing: @args; + -moz-box-sizing: @args; + box-sizing: @args; +} +.border-box(){ + .box-sizing(border-box); +} +.content-box(){ + .box-sizing(content-box); +} + + +// Columns + +.columns(@args) { + -webkit-columns: @args; + -moz-columns: @args; + columns: @args; +} +.column-count(@count) { + -webkit-column-count: @count; + -moz-column-count: @count; + column-count: @count; +} +.column-gap(@gap) { + -webkit-column-gap: @gap; + -moz-column-gap: @gap; + column-gap: @gap; +} +.column-width(@width) { + -webkit-column-width: @width; + -moz-column-width: @width; + column-width: @width; +} +.column-rule(@args) { + -webkit-column-rule: @args; + -moz-column-rule: @args; + column-rule: @args; +} + + +// Gradients + +.gradient(@default: #F5F5F5, @start: #EEE, @stop: #FFF) { + .linear-gradient-top(@default,@start,0%,@stop,100%); +} +.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2) { + background-color: @default; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2 @color2)); + background-image: -webkit-linear-gradient(top, @color1 @stop1, @color2 @stop2); + background-image: -moz-linear-gradient(top, @color1 @stop1, @color2 @stop2); + background-image: -ms-linear-gradient(top, @color1 @stop1, @color2 @stop2); + background-image: -o-linear-gradient(top, @color1 @stop1, @color2 @stop2); + background-image: linear-gradient(top, @color1 @stop1, @color2 @stop2); +} +.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3) { + background-color: @default; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3)); + background-image: -webkit-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: -moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: -ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: -o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3); +} +.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3,@color4,@stop4) { + background-color: @default; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3), color-stop(@stop4 @color4)); + background-image: -webkit-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: -moz-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: -ms-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: -o-linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: linear-gradient(top, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); +} +.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2) { + background-color: @default; + background-image: -webkit-gradient(linear, left top, left top, color-stop(@stop1, @color1), color-stop(@stop2 @color2)); + background-image: -webkit-linear-gradient(left, @color1 @stop1, @color2 @stop2); + background-image: -moz-linear-gradient(left, @color1 @stop1, @color2 @stop2); + background-image: -ms-linear-gradient(left, @color1 @stop1, @color2 @stop2); + background-image: -o-linear-gradient(left, @color1 @stop1, @color2 @stop2); + background-image: linear-gradient(left, @color1 @stop1, @color2 @stop2); +} +.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3) { + background-color: @default; + background-image: -webkit-gradient(linear, left top, left top, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3)); + background-image: -webkit-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: -moz-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: -ms-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: -o-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); + background-image: linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3); +} +.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,@color3,@stop3,@color4,@stop4) { + background-color: @default; + background-image: -webkit-gradient(linear, left top, left top, color-stop(@stop1, @color1), color-stop(@stop2 @color2), color-stop(@stop3 @color3), color-stop(@stop4 @color4)); + background-image: -webkit-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: -moz-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: -ms-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: -o-linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); + background-image: linear-gradient(left, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); +} + + +// Opacity + +.opacity(@factor) { + @iefactor: @factor*100; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{iefactor})"; + filter: ~"alpha(opacity=(@{iefactor}))"; + opacity: @factor; +} + + +// Text Shadow + +.text-shadow(@args) { + text-shadow: @args; +} + + +// Transforms + +.transform(@args) { + -webkit-transform: @args; + -moz-transform: @args; + -ms-transform: @args; + -o-transform: @args; + transform: @args; +} +.transform-origin(@args) { + -webkit-transform-origin: @args; + -moz-transform-origin: @args; + -ms-transform-origin: @args; + -o-transform-origin: @args; + transform-origin: @args; +} +.transform-style(@style) { + -webkit-transform-style: @style; + -moz-transform-style: @style; + -ms-transform-style: @style; + -o-transform-style: @style; + transform-style: @style; +} +.rotate(@deg:45deg){ + .transform(rotate(@deg)); +} +.scale(@factor:.5){ + .transform(scale(@factor)); +} +.translate(@x,@y){ + .transform(translate(@x,@y)); +} +.translate3d(@x,@y,@z) { + .transform(translate3d(@x,@y,@z)); +} +.translateHardware(@x,@y) { + .translate(@x,@y); + -webkit-transform: translate3d(@x,@y,0); + -moz-transform: translate3d(@x,@y,0); + -o-transform: translate3d(@x,@y,0); + -ms-transform: translate3d(@x,@y,0); + transform: translate3d(@x,@y,0); +} + + +// Transitions + +.transition(@args:200ms) { + -webkit-transition: @args; + -moz-transition: @args; + -o-transition: @args; + -ms-transition: @args; + transition: @args; +} +.transition-delay(@delay:0) { + -webkit-transition-delay: @delay; + -moz-transition-delay: @delay; + -o-transition-delay: @delay; + -ms-transition-delay: @delay; + transition-delay: @delay; +} +.transition-duration(@duration:200ms) { + -webkit-transition-duration: @duration; + -moz-transition-duration: @duration; + -o-transition-duration: @duration; + -ms-transition-duration: @duration; + transition-duration: @duration; +} +.transition-property(@property:all) { + -webkit-transition-property: @property; + -moz-transition-property: @property; + -o-transition-property: @property; + -ms-transition-property: @property; + transition-property: @property; +} +.transition-timing-function(@function:ease) { + -webkit-transition-timing-function: @function; + -moz-transition-timing-function: @function; + -o-transition-timing-function: @function; + -ms-transition-timing-function: @function; + transition-timing-function: @function; +} diff --git a/bootstrap/less/progress.less b/bootstrap/less/progress.less new file mode 100755 index 0000000..d2f9e1c --- /dev/null +++ b/bootstrap/less/progress.less @@ -0,0 +1,12 @@ +// main: material.less + +.progress { + height: 4px; + border-radius: 0; + box-shadow: none; + background: #c8c8c8; + .progress-bar { + box-shadow: none; + .variations(~"", background-color, @primary); + } +} diff --git a/bootstrap/less/radios.less b/bootstrap/less/radios.less new file mode 100755 index 0000000..b25ad78 --- /dev/null +++ b/bootstrap/less/radios.less @@ -0,0 +1,97 @@ +// main: material.less + +.form-horizontal .radio { + margin-bottom: 10px; +} +.radio { + label { + cursor: pointer; + padding-left: 45px; + position: relative; + span { + display: block; + position: absolute; + left: 10px; + top: 2px; + transition-duration: 0.2s; + } + .circle { + border: 2px solid @lightbg-text; + height: 15px; + width: 15px; + border-radius: 100%; + } + .check { + height: 15px; + width: 15px; + border-radius: 100%; + background-color: @radio-default; + transform: scale(0); + } + .check:after { + display: block; + position: absolute; + content: ""; + background-color: @lightbg-text; + left: -18px; + top: -18px; + height: 50px; + width: 50px; + border-radius: 100%; + z-index: 1; + opacity: 0; + margin: 0; + transform: scale(1.5); + } + input[type=radio]:not(:checked) ~ .check:after { + .animation(rippleOff 500ms); + } + input[type=radio]:checked ~ .check:after { + .animation(rippleOn 500ms); + } + + } + .variations(~" input[type=radio]:checked ~ .check", background-color, @radio-default); + .variations(~" input[type=radio]:checked ~ .circle", border-color, @radio-default); + + input[type=radio][disabled] ~ .check, + input[type=radio][disabled] ~ .circle { + opacity: 0.5; + } + + input[type=radio] { display: none; } + input[type=radio]:checked ~ .check { + transform: scale(0.55); + } + input[type=radio][disabled] ~ .circle { + border-color: @lightbg-text; + } + input[type=radio][disabled] ~ .check { + background-color: @lightbg-text; + } + +} + +.ripple() { + 0% { + opacity: 0; + } + 50% { + opacity: 0.2; + } + 100% { + opacity: 0; + } +} + +@-webkit-keyframes rippleOn {.ripple()} +@-moz-keyframes rippleOn {.ripple()} +@-ms-keyframes rippleOn {.ripple()} +@-o-keyframes rippleOn {.ripple()} +@keyframes rippleOn {.ripple()} + +@-webkit-keyframes rippleOff {.ripple()} +@-moz-keyframes rippleOff {.ripple()} +@-ms-keyframes rippleOn {.ripple()} +@-o-keyframes rippleOff {.ripple()} +@keyframes rippleOff {.ripple()} diff --git a/bootstrap/less/ripples.less b/bootstrap/less/ripples.less new file mode 100755 index 0000000..4c8b227 --- /dev/null +++ b/bootstrap/less/ripples.less @@ -0,0 +1,44 @@ +// out: ../css-compiled/ripples.css + +.withripple { + position: relative; +} +.ripple-wrapper { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + overflow: hidden; + border-radius: 2px; +} +.ripple { + position: absolute; + width: 20px; + height: 20px; + margin-left: -10px; + margin-top: -10px; + border-radius: 100%; + background-color: rgba(0,0,0,0.05); + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transform-origin: 50%; + -ms-transform-origin: 50%; + transform-origin: 50%; + opacity: 0; + pointer-events: none; +} +.ripple.ripple-on { + -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -ms-transition: opacity 0.15s ease-in 0s, -ms-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + -moz-transition: opacity 0.15s ease-in 0s, -moz-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; + opacity: 1; +} +.ripple.ripple-out { + -webkit-transition: opacity 0.1s linear 0s !important; + transition: opacity 0.1s linear 0s !important; + opacity: 0; +} diff --git a/bootstrap/less/shadows.less b/bootstrap/less/shadows.less new file mode 100755 index 0000000..5506d29 --- /dev/null +++ b/bootstrap/less/shadows.less @@ -0,0 +1,31 @@ +// main: material.less + + +.shadow-z-1 { + box-shadow: 0 1px 3px rgba(0,0,0, .12), + 0 1px 2px rgba(0,0,0, .24) ; +} + +.shadow-z-2 { + box-shadow: 0 3px 6px rgba(0,0,0, .16), + 0 3px 6px rgba(0,0,0, .23) ; +} +.shadow-z-2-hover { + box-shadow: 0 3px 6px rgba(0,0,0, .20), + 0 3px 6px rgba(0,0,0, .28) ; +} + +.shadow-z-3 { + box-shadow: 0 10px 20px rgba(0,0,0, .19), + 0 6px 6px rgba(0,0,0, .23) ; +} + +.shadow-z-4 { + box-shadow: 0 14px 28px rgba(0,0,0, .25), + 0 10px 10px rgba(0,0,0, .22) ; +} + +.shadow-z-5 { + box-shadow: 0 19px 38px rgba(0,0,0, .30), + 0 15px 12px rgba(0,0,0, .22) ; +} diff --git a/bootstrap/less/tabs.less b/bootstrap/less/tabs.less new file mode 100755 index 0000000..bfe2096 --- /dev/null +++ b/bootstrap/less/tabs.less @@ -0,0 +1,26 @@ +// main: material.less + +.nav-tabs { + background: @navbar-default-bg; + > li { + > a { + color: #FFFFFF; + border: 0; + margin: 0; + &:hover { + background: transparent; + border: 0; + } + } + &.active > a, &.active > a:hover, &.open > a, &.open > a:hover { + background: transparent !important; + border: 0 !important; + color: #FFFFFF !important; + font-weight: 500; + } + &.disabled > a, &.disabled > a:hover { + color: rgba(255,255,255,0.5); + } + } + +} diff --git a/bootstrap/less/variables.less b/bootstrap/less/variables.less new file mode 100755 index 0000000..2f0a33e --- /dev/null +++ b/bootstrap/less/variables.less @@ -0,0 +1,101 @@ +// main: material.less + + + +// Material colors palette +@red: #F44336; +@pink: #E91E63; +@purple: #9C27B0; +@deeppurple: #673AB7; +@indigo: #3F51B5; +@lightblue: #03A9F4; +@cyan: #00BCD4; +@teal: #009688; +@lightgreen: #8BC34A; +@lime: #CDDC39; +@lightyellow: #FFEB3B; +@orange: #FF9800; +@deeporange: #FF5722; +@grey: #9E9E9E; +@bluegrey: #607D8B; +@brown: #795548; +@lightgrey: #ECECEC; + +// Bootstrap shades +@primary: #4285F4; +@success: #0F9D58; +@info: @lightblue; +@warning: @deeporange; +@danger: @red; + +// Typography elements for Material +@darkbg-text: rgba(255,255,255,0.84); +@lightbg-text: rgba(0,0,0,0.84); +@icon-color: rgba(0,0,0,0.5); + + +// Bootstrap variables +@btn-default: transparent; +@btn-default-text: @lightbg-text; + +@btn-primary: @primary; +@btn-primary-text: @darkbg-text; + +@btn-success: @success; +@btn-success-text: @darkbg-text; + +@btn-info: @info; +@btn-info-text: @darkbg-text; + +@btn-warning: @warning; +@btn-warning-text: @darkbg-text; + +@btn-danger: @danger; +@btn-danger-text: @darkbg-text; + +@input-unchecked: rgba(137, 137, 137, 0.3); +@input-checked: rgba(15, 157, 88, 0.3); + +@radio-default: @lightbg-text; +@radio-primary: @primary; +@radio-success: @success; +@radio-info: @info; +@radio-warning: @warning; +@radio-danger: @danger; + +@input-danger: @danger; +@input-default: #5264AE; +@input-warning: @warning; +@input-success: @success; +@input-info: @info; + +@navbar-danger-bg: @danger; +@navbar-inverse-bg: #5264AE; +@navbar-warning-bg: @warning; +@navbar-success-bg: @success; +@navbar-info-bg: @info; +@navbar-default-bg: @primary; +@navbar-color: @darkbg-text; +@navbar-link-color: @darkbg-text; +@navbar-link-hover-color: @darkbg-text; +@navbar-link-hover-bg: transparent; +@navbar-link-active-color: @darkbg-text; +@navbar-link-active-bg: rgba(0,0,0,0.05); +@navbar-link-disabled-color: #E5E5E5; +@navbar-link-disabled-bg: transparent; +@navbar-brand-color: @darkbg-text; +@navbar-toggle-border-color: @darkbg-text; +@navbar-toggle-hover-bg: transparent; +@navbar-toggle-icon-bar-bg: @darkbg-text; +@navbar-border: @darkbg-text; + +@alert-success: @success; +@alert-info: @info; +@alert-warning: @warning; +@alert-danger: @danger; + +@progress-success: @success; +@progress-info: @info; +@progress-warning: @warning; +@progress-danger: @danger; + diff --git a/bootstrap/less/welljumbo.less b/bootstrap/less/welljumbo.less new file mode 100755 index 0000000..c114fde --- /dev/null +++ b/bootstrap/less/welljumbo.less @@ -0,0 +1,66 @@ +// main: material.less +body, .container, .container-fluid { + + .well, .well:not([class^="well well-material-"]) { + &, .form-control { + color: @lightbg-text; + } + .floating-label { + color: #7e7e7e; + } + .form-control { + border-bottom-color: #7e7e7e; + &::-webkit-input-placeholder { + color: #7e7e7e; + } + &::-moz-placeholder { + color: #7e7e7e; + opacity: 1; + } + &:-ms-input-placeholder { + color: #7e7e7e; + } + } + .option, .create { + color: @lightbg-text; + } + } + + [class^="well well-material-"] { + &, .form-control, .floating-label { + color: @darkbg-text; + } + .form-control { + border-bottom-color: @darkbg-text; + &::-webkit-input-placeholder { + color: @darkbg-text; + } + &::-moz-placeholder { + color: @darkbg-text; + opacity: 1; + } + &:-ms-input-placeholder { + color: @darkbg-text; + } + } + // Rule to fix selectize plugin + .option, .create { + color: @lightbg-text; + } + } + + .well, .jumbotron { + + background-color: #fff; + padding: 19px; + margin-bottom: 20px; + .shadow-z-2(); + border-radius: 2px; + border: 0; + p { + font-weight: 300; + } + + .variations(~"", background-color, #FFF); + } +} diff --git a/bootstrap/screenshots/Thumbs.db b/bootstrap/screenshots/Thumbs.db new file mode 100755 index 0000000..dc62846 Binary files /dev/null and b/bootstrap/screenshots/Thumbs.db differ diff --git a/bootstrap/screenshots/gittip-button.jpg b/bootstrap/screenshots/gittip-button.jpg new file mode 100755 index 0000000..aa8baef Binary files /dev/null and b/bootstrap/screenshots/gittip-button.jpg differ diff --git a/bootstrap/screenshots/issues-button.jpg b/bootstrap/screenshots/issues-button.jpg new file mode 100755 index 0000000..e6207e6 Binary files /dev/null and b/bootstrap/screenshots/issues-button.jpg differ diff --git a/bootstrap/screenshots/palette.jpg b/bootstrap/screenshots/palette.jpg new file mode 100755 index 0000000..9b5c01f Binary files /dev/null and b/bootstrap/screenshots/palette.jpg differ diff --git a/bootstrap/scripts/jquery.parse.js b/bootstrap/scripts/jquery.parse.js new file mode 100644 index 0000000..a345f98 --- /dev/null +++ b/bootstrap/scripts/jquery.parse.js @@ -0,0 +1,197 @@ +(function($) { + + var ns, _opts, methods, uriRgx; + + //Plugin namespace you can change this if you want.. + //i.e, ns = "db" = $.db.get/post/put/delete + ns = "parse"; + + //default opts + _opts = { + base: "https://api.parse.com/1/" + }; + + //public methods + methods = {}; + + //uriRgx + uriRgx = /(files|installations|login|push|roles|requestPasswordReset|users)/; + + function _creds() { + var error; + + if (_opts.app_id && _opts.rest_key) { + return true; + } + + error = "Missing app_id, or rest_key authentication parameters.\n" + + "Pass these credentials to $." + ns + ".init\n" + + "app_id = Application Id\n" + + "rest_key = REST API Key"; + alert(error); + $.error(error); + + return false; + } + + function _error(jqXHR, textStatus, errorThrown) { + $.error("$." + ns + " :" + textStatus + " " + errorThrown); + } + + //TODO JSON.stringify dependency? + function _http(method, uri, data) { + var req; + + if (!_creds()) { + return false; + } + + + req = { + //data + contentType: "application/json", + processData: false, + dataType: 'json', + + //action + url: _opts.base + (uriRgx.test(uri) ? uri: "classes/" + uri), + type: method, + + //Credentials + //NEW! Parse.com now supports CORS...https://parse.com/docs/rest + headers: { + "X-Parse-Application-Id": _opts.app_id, + "X-Parse-REST-API-Key": _opts.rest_key + } + }; + + //If a session token is present in $.parse.init, adds it to the header + if( _opts.session_token ) { + req.headers["X-Parse-Session-Token"] = _opts.session_token; + } + + //if no data passed just return ajax + if (typeof data !== 'object') { + return $.ajax(req); + } + + //makes for easier reuse of query objects passed in as reference + data = $.extend({}, data); + + //if get request process data as application/x-www-form-urlencoded + if (method === 'GET') { + req.processData = true; + //if there is a where object it needs to be stringified first. + //no need to encodeURIComponent on data.where as $.ajax does that natively + if (data.where && typeof data.where === 'object') { + data.where = JSON.stringify(data.where); + } + } + //otherwise stringify all data. + else { + data = JSON.stringify(data); + } + + //set request data + req.data = data; + + return $.ajax(req); + } + + + function _response(req, cb, error) { + typeof cb === "function" && req.done(cb); + error = typeof error === 'function' ? error : _error; + req.fail(error); + return $[ns]; + } + + function _logger(method, uri, data){ + var str = [ "$.", ns, ".", method, "(", "\"",uri,"\""]; + data && str.push(", " + (JSON ? JSON.stringify(data) : "data") ); + str = str.join('')+");"; + $.publish && $.publish("parse.log", [str]); + return str; + } + //exports + methods.init = function(customOpts) { + $.extend(_opts, typeof customOpts === 'object' ? customOpts: {}, true); + return $[ns]; + }; + + + /* + Creates $.parse.get/post/put/delete methods + Examples.... + + $.parse.post('tasks',{ body : "Build all the things!" },function(json){ + console.log(json); + }); + + */ + $.each(['GET', 'POST', 'PUT', 'DELETE'], function(i, action) { + var m = action.toLowerCase(); + + methods[m] = function() { + var args, uri, data, cb, req; + + args = arguments; + + uri = args[0]; + data = args[1]; + cb = args[2]; + error = args[3] + + if (typeof args[1] === 'function') { + data = false; + cb = args[1]; + error = args[2]; + } + + _logger(m, uri, data); + + req = _http(action, uri, data); + + return _response(req, cb, error); + }; + + }); + + //alias methods + $.extend(methods, { + + //@param Object data eg.. '{"username": "cooldude6", "password": "p_n7!-e8", "phone": "415-392-0202"}' + //@param Function optional callback + //@param Function optional error callback + //@return $[ns] aka $.parse + signup: function(data, cb, error) { + return this.post('users', data, cb, error); + }, + + //@param String username + //@param String password + //@param Function optional callback + //@param Function optional error callback + //@return $[ns] aka $.parse + login: function(username, password, cb, error) { + return this.get('login', { username: username, password: password }, cb, error); + }, + + //@param String email address of user + //@param Function optional callback + //@param Function optional error callback + //@return $[ns] aka $.parse + requestPasswordReset: function(email, cb, error) { + return this.post('requestPasswordReset', { email: email }, cb, error); + } + + }); + + + + + + //attach methods to jQuery object using ns var aka 'parse' + $[ns] = methods; + +})(jQuery); \ No newline at end of file diff --git a/bootstrap/scripts/material.js b/bootstrap/scripts/material.js new file mode 100755 index 0000000..1f84607 --- /dev/null +++ b/bootstrap/scripts/material.js @@ -0,0 +1,84 @@ +/* globals ripples */ + +$(function (){ + + if (ripples) { + ripples.init(".btn:not(.btn-link), .navbar a, .nav-tabs a, .withripple"); + } + + var initInputs = function() { + // Add fake-checkbox to material checkboxes + $(".checkbox > label > input").not(".bs-material").addClass("bs-material").after(""); + + // Add fake-radio to material radios + $(".radio > label > input").not(".bs-material").addClass("bs-material").after(""); + + // Add elements for material inputs + $("input.form-control, textarea.form-control, select.form-control").not(".bs-material").each( function() { + if ($(this).is(".bs-material")) { return; } + $(this).wrap("
"); + $(this).after(""); + if ($(this).hasClass("floating-label")) { + var placeholder = $(this).attr("placeholder"); + $(this).attr("placeholder", null).removeClass("floating-label"); + $(this).after("
" + placeholder + "
"); + } + if ($(this).is(":empty") || $(this).val() === null || $(this).val() == "undefined" || $(this).val() === "") { + $(this).addClass("empty"); + } + + if ($(this).parent().next().is("[type=file]")) { + $(this).parent().addClass("fileinput"); + var $input = $(this).parent().next().detach(); + $(this).after($input); + } + }); + + }; + initInputs(); + + // Support for "arrive.js" to dynamically detect creation of elements + // include it before this script to take advantage of this feature + // https://github.com/uzairfarooq/arrive/ + if (document.arrive) { + document.arrive("input, textarea, select", function() { + initInputs(); + }); + } + + $(document).on("change", ".checkbox input", function() { + $(this).blur(); + }); + + $(document).on("keyup change", ".form-control", function() { + var self = $(this); + setTimeout(function() { + if (self.val() === "") { + self.addClass("empty"); + } else { + self.removeClass("empty"); + } + }, 1); + }); + $(document) + .on("focus", ".form-control-wrapper.fileinput", function() { + $(this).find("input").addClass("focus"); + }) + .on("blur", ".form-control-wrapper.fileinput", function() { + $(this).find("input").removeClass("focus"); + }) + .on("change", ".form-control-wrapper.fileinput [type=file]", function() { + var value = ""; + $.each($(this)[0].files, function(i, file) { + console.log(file); + value += file.name + ", "; + }); + value = value.substring(0, value.length - 2); + if (value) { + $(this).prev().removeClass("empty"); + } else { + $(this).prev().addClass("empty"); + } + $(this).prev().val(value); + }); +}); diff --git a/bootstrap/scripts/ripples.js b/bootstrap/scripts/ripples.js new file mode 100755 index 0000000..1f518ff --- /dev/null +++ b/bootstrap/scripts/ripples.js @@ -0,0 +1,130 @@ +/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */ +/* globals CustomEvent */ + +var ripples = { + init : function(withRipple) { + "use strict"; + + // Cross browser matches function + function matchesSelector(dom_element, selector) { + var matches = dom_element.matches || dom_element.matchesSelector || dom_element.webkitMatchesSelector || dom_element.mozMatchesSelector || dom_element.msMatchesSelector || dom_element.oMatchesSelector; + return matches.call(dom_element, selector); + } + + // animations time + var rippleOutTime = 100, + rippleStartTime = 500; + + // Helper to bind events on dynamically created elements + var bind = function(event, selector, callback) { + document.addEventListener(event, function(e) { + var target = (typeof e.detail !== "number") ? e.detail : e.target; + + if (matchesSelector(target, selector)) { + callback(e, target); + } + }); + }; + + var rippleStart = function(e, target) { + + // Init variables + var $rippleWrapper = target, + $el = $rippleWrapper.parentNode, + $ripple = document.createElement("div"), + elPos = $el.getBoundingClientRect(), + mousePos = {x: e.clientX - elPos.left, y: e.clientY - elPos.top}, + scale = "transform:scale(" + Math.round($rippleWrapper.offsetWidth / 5) + ")", + rippleEnd = new CustomEvent("rippleEnd", {detail: $ripple}), + refreshElementStyle; + + $ripplecache = $ripple; + + // Set ripple class + $ripple.className = "ripple"; + + // Move ripple to the mouse position + $ripple.setAttribute("style", "left:" + mousePos.x + "px; top:" + mousePos.y + "px;"); + + // Insert new ripple into ripple wrapper + $rippleWrapper.appendChild($ripple); + + // Make sure the ripple has the class applied (ugly hack but it works) + refreshElementStyle = window.getComputedStyle($ripple).opacity; + + // Let other funtions know that this element is animating + $ripple.dataset.animating = 1; + + // Set scale value to ripple and animate it + $ripple.className = "ripple ripple-on"; + $ripple.setAttribute("style", $ripple.getAttribute("style") + ["-ms-" + scale,"-moz-" + scale,"-webkit-" + scale,scale].join(";")); + + // This function is called when the animation is finished + setTimeout(function() { + + // Let know to other functions that this element has finished the animation + $ripple.dataset.animating = 0; + document.dispatchEvent(rippleEnd); + + }, rippleStartTime); + + }; + + var rippleOut = function($ripple) { + console.log($ripple); + // Clear previous animation + $ripple.className = "ripple ripple-on ripple-out"; + + // Let ripple fade out (with CSS) + setTimeout(function() { + $ripple.remove(); + }, rippleOutTime); + }; + + // Helper, need to know if mouse is up or down + var mouseDown = false; + document.body.onmousedown = function() { + mouseDown = true; + }; + document.body.onmouseup = function() { + mouseDown = false; + }; + + // Append ripple wrapper if not exists already + var rippleInit = function(e, target) { + + if (target.getElementsByClassName("ripple-wrapper").length === 0) { + target.className += " withripple"; + var $rippleWrapper = document.createElement("div"); + $rippleWrapper.className = "ripple-wrapper"; + target.appendChild($rippleWrapper); + } + + }; + + + var $ripplecache; + + // Events handler + // init RippleJS and start ripple effect on mousedown + bind("mouseover", withRipple, rippleInit); + + console.log(withRipple); + // start ripple effect on mousedown + bind("mousedown", ".ripple-wrapper", rippleStart); + // if animation ends and user is not holding mouse then destroy the ripple + bind("rippleEnd", ".ripple-wrapper .ripple", function(e, $ripple) { + if (!mouseDown) { + rippleOut($ripple); + } + }); + // Destroy ripple when mouse is not holded anymore if the ripple still exists + bind("mouseup", ".ripple-wrapper", function() { + var $ripple = $ripplecache; + if ($ripple.dataset.animating != 1) { + rippleOut($ripple); + } + }); + + } +}; diff --git a/css/custom.css b/css/custom.css new file mode 100644 index 0000000..a0e0d33 --- /dev/null +++ b/css/custom.css @@ -0,0 +1,275 @@ +.articles a, .articles a { + color: #534540; +} +.articles a:visited { + color: #bbbbbb; +} +body { + background-color: white; + +} +div.article-container { + max-width: 1400px; + margin: 0; + padding-bottom: 40px; + padding-left: 220px; + padding-right: 10px; +} +.articles h2 { + margin-top: 0px; + margin-bottom: 0px; + font-size: 16px; + font-family: "monaco", "Lucida Console", monospace; +} +a.comments i { + top: 2px; + position: relative; + padding-right: 2px; + font-size: 16px; +} +a.comments, a.comments:visited, a.comments i { + color: #bbbbbb; +} +a.comments:hover, a.comments:hover i{ + color: #428bca; + text-decoration: none; +} +a.comments { + display: block; + margin-top: -2px; + font-size: 16px; +} +div.page-header { + margin-top: 30px; + padding-bottom: 0px; + border-bottom: 0; +} +div.votes { + font-size: 23px; + color: #534540; + display: block; + text-align: right; + font-family: "HelveticaNeue-CondensedBold", "Helvetica", sans-serif; + margin-top: -8px; + padding-right: 5px; + padding-left: 0px; + white-space: nowrap; + min-height: 10px; +} +.kim-heading{ + color: #ff6600; + font-family: "HelveticaNeue-CondensedBold", "Helvetica", sans-serif; + font-size: 40px; +} +p.lead{ + font-family: "monaco", "Lucida Console", monospace; + font-size: 18px; +} +span.details{ + color: #cccccc; + font-size: 13px; +} +div.articles div.row{ + padding-top: 10px; + padding-bottom: 10px; +} +.articles div.row:hover{ + background-color: #fcf5e2; + cursor: pointer; +} +.articles h2 a span{ + line-height: 21px; + max-width: 100%; + padding-bottom: 1px; +} +.articles h2 a:hover{ + color: #428bca; +} +div.summary{ + color: #534540; + padding-top: 8px; + font-size: 16px; + line-height: 23px; +} +div.row.selected{ + background-color: #FAFAFA; +} +img.loading{ + display: block; + margin: auto; + padding-top: 10px; + padding-bottom: 10px; +} +span.social-icons{ + float: right; + position: relative; + font-size: 18px; + padding-right: 29px +} +span.social-icons i.icon-material-post-twitter{ + color: #55ACEE; +} +span.social-icons i.icon-material-post-facebook{ + color: #3B5998; +} +span.overflow-span{ + display: inline-block; + overflow-x: hidden; +} +img.summary-image{ + width: 100%; +} +.embedly-embed{ + width: 100%; + max-width: 100%; +} +a.reddit-link{ + color: #428bca;; +} +img.sources-img{ + width: 20px; + height: 20px; + margin-top: -12px; +} +div.news-sources{ + position: fixed; + top: 0; + float: left; + overflow: hidden; + height: 100%; +} +div.news-sources-scroll{ + overflow: auto; + height: 100%; + white-space: nowrap; + font-size: 0; + width: 200px; + background-color: #f7f7f7; +} +.kimdigest-warning{ + padding-top: 10px; +} +span.source{ + display: block; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 10px; + cursor: pointer; +} +span.source.selected{ + background-color: #eee; +} +a.source-link{ + padding-left: 10px; + font-size: 14px; + text-decoration: none; + max-width: 145px; + display: inline-block; + text-overflow: ellipsis; + white-space: nowrap; + /* width: 100px; */ + position: relative; + overflow: hidden; +} +a.login-link, a.add-source{ + font-size: 14px; + display: block; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 10px; + cursor: pointer; +} +a.source-close{ + color: #888; + font-size: 14px; + float: right; + padding-right: 10px; + font-family: "monaco", "Lucida Console", monospace; + text-decoration: none; +} +a.source-close:hover{ + color: #d50000; +} +.source:hover a.source-close:before{ + content: "x"; +} +div.embed img{ + width: 100%; + max-width: 100%; +} +.form-group { + padding-bottom: 30px; +} +.modal-footer { + padding-top: 30px; +} +.modal-content { + border-radius: 5px; +} +.form-button { + height: 50px; +} +.form-button button{ + float: right; +} +.article-title-container{ + padding-left: 25px; +} +.modal h4{ + font-family: "monaco", "Lucida Console", monospace; +} + +/*MEDIA QUERIES*/ + +@media (max-width: 1200px){ + img.sources-img{ + width: 40px; + height: 40px; + display: inline; + margin-top: 0px; + } + div.news-sources, div.news-sources-scroll{ + height: 40px; + width: 100%; + z-index: 100; + } + span.source{ + display: inline; + padding-top: 0px; + padding-left: 0px; + } + a.source-link{ + padding-left: 0px; + font-size: 0px; + } + span.source.selected img{ + border-bottom: 4px solid #000000; + } + a.login-link, a.add-source{ + font-size: 14px; + display: inline; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 10px; + padding-right: 5px; + } + div.page-header { + margin-top: 50px; + } + a.source-close{ + display: none; + } + div.article-container{ + padding-left: 10px; + } + a.comments{ + font-size: 0px; + margin-top: 1px; + } + .article-title-container { + padding-left: 30px; + } + div.votes{ + padding-left: 10px; + } +} diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..1ae05a9 Binary files /dev/null and b/favicon.ico differ diff --git a/imgs/ajax-loader.gif b/imgs/ajax-loader.gif new file mode 100644 index 0000000..e5d5b02 Binary files /dev/null and b/imgs/ajax-loader.gif differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2db940a --- /dev/null +++ b/index.html @@ -0,0 +1,143 @@ + + + + + + KimDigest + + + + + + + + + + + + + + + + + + +
+
+ + + HN Digest + reddit digest + reddit mixes +
+
+ +
+ + + +
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/js/backend.js b/js/backend.js new file mode 100644 index 0000000..f845233 --- /dev/null +++ b/js/backend.js @@ -0,0 +1,160 @@ + // PARSE INIT +$(document).on("ready", function(){ + var token = getCookie("sessionToken"); + $.parse.init({ + app_id : "X5BI6AKRaHjDARCRv6MbSfPaDDea8dh4nsVt9Swa", // <-- enter your Application Id here + rest_key : "8GMw0nRaw8ZyjTSm0ZkMCpr62skq4xt8S2CpqMmQ", // <--enter your REST API Key here + session_token : token + }); + if (token != "" && token != undefined) + { + $(".login-link").hide(); + $(".add-source").show(); + loadSources(); + } +}); + +// USER AUTH + +function signup(email, password) +{ + $.parse.signup({ + username : email, + password : password, + email : email + }, function(json){ + setCookie("sessionToken", json.sessionToken); + $.parse.init({ + app_id : "X5BI6AKRaHjDARCRv6MbSfPaDDea8dh4nsVt9Swa", // <-- enter your Application Id here + rest_key : "8GMw0nRaw8ZyjTSm0ZkMCpr62skq4xt8S2CpqMmQ", // <--enter your REST API Key here + session_token: json.sessionToken + }); + $(".login-link").hide(); + $(".add-source").show(); + }); +} + +function login(email, password) +{ + $.parse.login(email, password, function(json){ + setCookie("sessionToken", json.sessionToken); + $.parse.init({ + app_id : "X5BI6AKRaHjDARCRv6MbSfPaDDea8dh4nsVt9Swa", // <-- enter your Application Id here + rest_key : "8GMw0nRaw8ZyjTSm0ZkMCpr62skq4xt8S2CpqMmQ", // <--enter your REST API Key here + session_token: json.sessionToken + }); + $(".login-link").hide(); + $(".add-source").show(); + loadSources(); + }, function(json){ + console.log(json); + }); +} + +function resetPassword(email) +{ + $.parse.requestPasswordReset(email, function(json){ + console.log(json); + }, function(json){ + console.log(json); + }); +} + +// Store Summaries + +function postSummary(url, summary) +{ + $.parse.post('content',{ url : url, summary: summary, ACL: {"*": { "read": true } } }, function(json){ + return; + }); +} + +// Get Summaries + +function getSummary(url, callback) +{ + $.parse.get('content', { where: { url : url }}, function(json){ + if (json.results[0] != undefined){ + callback(json.results[0].summary); + } + else + { + return callback(false); + } + }); +} + +// Add Source + +function addSource(api, color, header, logo) +{ + $.parse.get("users/me", {}, function(json){ + var user = { + __type: "Pointer", + className: "_User", + objectId: json.objectId + }; + var acl = {}; + acl[json.objectId] = { "read": true, "write": true}; + $.parse.post("sources", { + api : api, + color : color, + header : header, + logo : logo, + user : user, + ACL : acl + }, function(source){ + $(".source").removeClass("selected"); + kimonoLoadArticles(header, color, api); + $(".news-sources-scroll").append(" " + header + ""); + }); + }); +} + +// Load Sources +function loadSources() +{ + $.parse.get("users/me", {}, function(json){ + var user = { + __type: "Pointer", + className: "_User", + objectId: json.objectId + }; + $.parse.get("sources", {"where": {"user": user}}, function(json){ + var results = json.results; + for (var i = 0; i < results.length; i++) + { + var source = results[i]; + $(".news-sources-scroll").append(" " + source.header + ""); + } + }); + }); +} + +// Delete Source by Object ID +function deleteSource(oid) +{ + $.parse.delete('sources/' + oid, function(json){ + $("[oid='" + oid + "']").parent(".source").remove(); + }); +} + +// Cookie Management functions + +function setCookie(cname, cvalue) { + var d = new Date(); + d.setTime(d.getTime() + (730*24*60*60*1000)); + var expires = "expires="+d.toUTCString(); + document.cookie = cname + "=" + cvalue + "; " + expires; +} + +function getCookie(cname) { + var name = cname + "="; + var ca = document.cookie.split(';'); + for(var i=0; iThere\'s no URL to summarize here.
'); + return; + } + if (url.match(/\.(jpeg|jpg|gif|png)$/) != null) + { + article.find(".col-md-10").append('
'); + return; + } + // handle imgur, youtube, and other rich data sources w/ embedly or sources that otherwise won't work + if (url.match(/(imgur.com|youtube.com|instagram.com|twitter.com|amazon.com|flickr.com|twitch.tv|vimeo.com|ustream.tv|vine.co|soundcloud.com|grooveshark.com|last.fm|spotify.com|rdio.com|bop.fm|hypem.com|youtu.be|instagr.am|nytimes.com|nyti.ms|mixcloud.com)/i) != null) + { + getSummary(url, function(summary) + { + if (summary == false) + { + article.find(".col-md-10").append('
' + url + '
'); + article.find(".summary").embedly({ + key: '1feb0ac822504e7db52252655f1c0a79', + done: function(results){ + postSummary(url, article.find(".summary").html()); + } + }); + } + else + { + article.find(".col-md-10").append('
' + summary + '
'); + } + if (url.match(/(youtube.com|vimeo.com|youtu.be)/i) != null) + { + var embed = article.find(".embedly-embed"); + article.find(".embedly-embed").css("height", embed.width()*9/16+"px"); + } + }); + + return; + } + + // add loading image + article.find(".col-md-10").append(''); + + // handle reddit + if (url.match(/(reddit.com)/i) != null) + { + getSummary(url, function(summary) + { + if (summary == false) + { + var a = document.createElement('a'); + a.href = url; + var pathlist = a.pathname.split("/"); + pathlist = $.grep(pathlist,function(n){ return(n); }); + var urlparams = ""; + for (var i = 0; i < pathlist.length; i++) + { + var param = pathlist[i]; + urlparams = urlparams + "&kimpath" + (i+1) + "=" + param; + } + var redditapi = "2b470ss0"; + if (pathlist[5] != undefined) + { + redditapi = "7oycj7wk"; + } + $.ajax({ + url:"https://www.kimonolabs.com/api/" + redditapi + "?apikey=989877be85a3ca05477428c8b41d4fbe" + urlparams, + success: function (response) { + + var linkcontent = " "; + if (response.results.links != undefined) + { + var links = response.results.links; + for (var i = 0; i < links.length; i++) + { + var link = links[i].link; + linkcontent = linkcontent + '
' + link + ''; + } + } + + article.find(".loading").remove(); + + if (response.lastrunstatus != false) + { + article.find(".col-md-10").append('
' + response.results.content[0].text + linkcontent + '
'); + postSummary(url, response.results.content[0].text + linkcontent); + } + else + { + article.find(".col-md-10").append('
No summary available for this content.
'); + } + }, + error: function (xhr, status) { + console.log("error"); + }, + dataType: "jsonp" + }); + } + else + { + article.find(".loading").remove(); + article.find(".col-md-10").append('
' + summary + '
'); + } + }); + + return; + } + + getSummary(url, function(summary) + { + if (summary == false) + { + $.ajax({ + url: "https://sender.blockspring.com/api_v1/blocks/4cb25739ecb0859eded3c310e80c2763?api_key=0cbedf965e96b67e781a3c04d418b31d", + type: "POST", + data: { url: url}, + crossDomain: true + }).done(function(response){ + article.find(".loading").remove(); + if (response.results == "" || response.results.indexOf("IOError") >= 0 ) + { + article.find(".col-md-10").append('
' + url + '
'); + article.find(".summary").embedly({ + key: '1feb0ac822504e7db52252655f1c0a79', + done: function(results){ + postSummary(url, article.find(".summary").html()); + } + }); + return; + } + article.find(".col-md-10").append('
' + response.results + '
'); + postSummary(url, response.results); + }); + } + else + { + article.find(".loading").remove(); + article.find(".col-md-10").append('
' + summary + '
'); + } + + }); + +}); + +// INITIALIZATION + +kimonoLoadArticles("HN Digest", "#ff6600", "bsiqi5o0"); + +// SOURCE LOADING + +function kimonoLoadArticles(header, color, apiId) +{ + $("div.articles").html(''); + $.ajax({ + url:"https://www.kimonolabs.com/api/" + apiId + "?apikey=989877be85a3ca05477428c8b41d4fbe", + success: function (response) { + loadArticles(header, color, response.results["collection1"]); + }, + error: function (xhr, status) { + console.log("error"); + }, + dataType: "jsonp" + }); +} + +function loadArticles(header, color, items) +{ + var articles = ""; + + for (var i=0; i' + + points + + '
' + + '
' + + '

' + title + '

' + + '' + time + ' · ' + author + '' + + '
' + + '
' + + '' + comments + '' + + '
' + + ''; + } + + $(".kim-heading").text(header).css("color", color); + + $("div.articles").html(articles); + +} +