├── .gitignore ├── .npmignore ├── README.md ├── anim-in-out.js ├── bower.json ├── bower_components ├── Bootflat │ ├── .bower.json │ ├── Gruntfile.js │ ├── LICENSE │ ├── README.markdown │ ├── _config.yml │ ├── bootflat │ │ ├── css │ │ │ ├── bootflat.css │ │ │ ├── bootflat.css.map │ │ │ └── bootflat.min.css │ │ ├── img │ │ │ └── check_flat │ │ │ │ ├── default.png │ │ │ │ └── default.psd │ │ ├── js │ │ │ ├── icheck.min.js │ │ │ ├── jquery.fs.selecter.min.js │ │ │ └── jquery.fs.stepper.min.js │ │ └── scss │ │ │ ├── bootflat.scss │ │ │ └── bootflat │ │ │ ├── _accordion.scss │ │ │ ├── _alert.scss │ │ │ ├── _breadcrumb.scss │ │ │ ├── _button.scss │ │ │ ├── _button_group.scss │ │ │ ├── _calendar.scss │ │ │ ├── _checkbox_radio.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _footer.scss │ │ │ ├── _form.scss │ │ │ ├── _global.scss │ │ │ ├── _jumbotron.scss │ │ │ ├── _label_badge.scss │ │ │ ├── _list.scss │ │ │ ├── _media_list.scss │ │ │ ├── _modal.scss │ │ │ ├── _navbar.scss │ │ │ ├── _pager.scss │ │ │ ├── _pagination.scss │ │ │ ├── _panel.scss │ │ │ ├── _pill.scss │ │ │ ├── _popover.scss │ │ │ ├── _pricing.scss │ │ │ ├── _progress.scss │ │ │ ├── _selecter.scss │ │ │ ├── _stepper.scss │ │ │ ├── _tab.scss │ │ │ ├── _thumbnail.scss │ │ │ ├── _timeline.scss │ │ │ ├── _toggle.scss │ │ │ ├── _tooltip.scss │ │ │ ├── _typography.scss │ │ │ └── _well.scss │ ├── bower.json │ ├── color-picker-blue.html │ ├── color-picker-gray.html │ ├── color-picker-green.html │ ├── color-picker-pink.html │ ├── color-picker-purple.html │ ├── color-picker-red.html │ ├── color-picker-yellow.html │ ├── color-picker.html │ ├── composer.json │ ├── css │ │ ├── bootstrap.min.css │ │ ├── site.css │ │ └── site.min.css │ ├── favicon_16.ico │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ └── glyphicons-halflings-regular.woff │ ├── google45b338b882fada75.html │ ├── img │ │ ├── Jumbotron.jpg │ │ ├── ascii-logo.gif │ │ ├── bootflat-ui-kit.jpg │ │ ├── design.png │ │ ├── divider.png │ │ ├── fast.png │ │ ├── feature-bootstrap.png │ │ ├── feature-css.png │ │ ├── feature-lightweight.png │ │ ├── feature-mobile.png │ │ ├── footer-logo.png │ │ ├── github.png │ │ ├── index.png │ │ ├── logo-index.png │ │ ├── logo.png │ │ ├── photo-1.jpg │ │ ├── photo-2.jpg │ │ ├── photo-3.jpg │ │ ├── photo-4.jpg │ │ ├── prototyping.png │ │ ├── share.gif │ │ ├── slider1.jpg │ │ ├── slider2.jpg │ │ ├── slider3.jpg │ │ ├── thumbnail-1.jpg │ │ ├── thumbnail-2.jpg │ │ ├── thumbnail-3.jpg │ │ ├── thumbnail-4.jpg │ │ ├── together.png │ │ └── wild_flowers.png │ ├── js │ │ ├── application.js │ │ ├── bootstrap.min.js │ │ ├── html5shiv.js │ │ ├── jquery-1.10.1.min.js │ │ ├── respond.min.js │ │ ├── site.min.js │ │ └── site.min.map │ ├── package.json │ └── sitemap.xml ├── angular-animate │ ├── .bower.json │ ├── README.md │ ├── angular-animate.js │ ├── angular-animate.min.js │ ├── angular-animate.min.js.map │ ├── bower.json │ ├── index.js │ └── package.json ├── angular-ui-router │ ├── .bower.json │ ├── CHANGELOG.md │ ├── CONTRIBUTING.md │ ├── LICENSE │ ├── README.md │ ├── api │ │ └── angular-ui-router.d.ts │ ├── bower.json │ ├── release │ │ ├── angular-ui-router.js │ │ └── angular-ui-router.min.js │ └── src │ │ ├── common.js │ │ ├── resolve.js │ │ ├── state.js │ │ ├── stateDirectives.js │ │ ├── stateFilters.js │ │ ├── templateFactory.js │ │ ├── urlMatcherFactory.js │ │ ├── urlRouter.js │ │ ├── view.js │ │ ├── viewDirective.js │ │ └── viewScroll.js └── angular │ ├── .bower.json │ ├── README.md │ ├── angular-csp.css │ ├── angular.js │ ├── angular.min.js │ ├── angular.min.js.gzip │ ├── angular.min.js.map │ ├── bower.json │ ├── index.js │ └── package.json ├── css └── anim-in-out.css ├── example ├── app.js ├── page1.html ├── page2.html ├── styles.css └── templates.js ├── gulpfile.js ├── index.html ├── index.js ├── package.json └── scss └── anim-in-out.scss /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | bower_components 2 | example 3 | index.html 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # angular-ui-router-anim-in-out 2 | 3 | An animation directive to use with ngAnimate 1.2+ and ui-router 4 | 5 | 6 | ## Installation 7 | 8 | ``` 9 | $ bower install angular-ui-router-anim-in-out --save 10 | ``` 11 | or 12 | ``` 13 | $ npm i -D angular-ui-router-anim-in-out 14 | ``` 15 | 16 | 17 | ## Quick Start 18 | 19 | * Include `anim-in-out.js` & `anim-in-out.css` on the page 20 | * Include module as a dependency of your app 21 | 22 | ```js 23 | angular.module('ExampleApp', ['ngAnimate', 'ui.router', 'anim-in-out']) 24 | ``` 25 | 26 | * Configure states as per [ui-router](https://github.com/angular-ui/ui-router) instructions 27 | * Add the animation directive `anim-in-out` to your `ui-view` elements by applying the class `anim-in-out` 28 | 29 | ```html 30 |
31 | ``` 32 | 33 | * Finally add classes from the `anim-in-out.css` to any elements you wish to transition on state change eg. `anim-fade`, `anim-slide-left` 34 | 35 | ```html 36 |
37 | 38 | 39 | 40 |
41 | 42 |
43 | ``` 44 | 45 | **Note: you must use absolute positioning of `ui-view` elements** 46 | 47 | ## Usage 48 | 49 | Animations are triggered by javascript in order to provide events. 50 | 51 | ```js 52 | // In your main controller 53 | $rootScope.$on('animStart', function($event, element, speed) { 54 | // do something 55 | }); 56 | 57 | $rootScope.$on('animEnd', function($event, element, speed) { 58 | // do something 59 | }); 60 | ``` 61 | 62 | The default transition speed is `1000ms` this can be altered using the `data-anim-speed` attribute on the `ui-view`. This is optionally further customised by the `data-anim-in-speed` and `data-anim-out-speed` attributes. 63 | 64 | By default the animation of the incoming state will be triggered after a delay (`data-anim-speed` / `data-anim-in-speed`), but this can be changed by setting the attribute `data-anim-sync` to `true`. 65 | 66 | ```html 67 |
68 | ``` 69 | 70 | ## FAQs 71 | 72 | #### Why is the position of my views all messed up? Or why are both views visible during the transition? 73 | This directive works as a supplement to `ui-router` and `ngAnimate`. The way these two libraries handle transitions is to add both incoming and outgoing views to the dom as sibling nodes, then add/remove the classes required to produce the transition effect. As the view elements exist in parallel in the dom you are required to use absolute positioning to counter the problem of one view effecting the others position. 74 | 75 | ## Gotchas 76 | 77 | If you notice a difference in behaviour after compiling your app such as an initial transition failing to trigger the suggestion in this [comment](https://github.com/angular/angular.js/issues/5130#issuecomment-34371140)/[plunkr](http://plnkr.co/edit/aoyRehXQnItGYA0EzTOC?p=preview) may help you, or see below:. 78 | 79 | ```js 80 | angular 81 | .module('app', ['ngAnimate']) 82 | .controller('MainCtrl', function ($scope, $timeout, $rootElement) { 83 | // Monkey-patch for ngAnimate to force animations to be played right 84 | // on the first digest. A "run-time revert" of this commit: 85 | // https://github.com/angular/angular.js/commit/eed2333298412fbad04eda97ded3487c845b9eb9 86 | // Note: dirty hack! Do not use in production code unless you accept 87 | // all consequences! 88 | $rootElement.data("$$ngAnimateState").running = false; 89 | }); 90 | ``` 91 | 92 | ## Compile Sass 93 | 94 | # Install gulp and dependencies 95 | $ npm install 96 | 97 | # Compile sass 98 | $ gulp sass 99 | 100 | 101 | ## Demo 102 | 103 | http://homerjam.github.io/angular-ui-router-anim-in-out/ 104 | 105 | ## You may also like 106 | 107 | [angular-gsapify-router](https://github.com/homerjam/angular-gsapify-router) — a similar directive that uses [GSAP](http://greensock.com/) to power transitions; also features fine grained configuration using a priority attached to each state. 108 | -------------------------------------------------------------------------------- /anim-in-out.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | var module = angular.module('hj.animInOut', ['ngAnimate']); 5 | 6 | angular.module('anim-in-out', ['hj.animInOut']); 7 | 8 | module.animation('.anim-in-out', ['$rootScope', '$timeout', '$window', 9 | function($rootScope, $timeout, $window) { 10 | return { 11 | enter: function(element, done) { 12 | var sync = $rootScope.$eval(angular.element(element).attr('data-anim-sync')) !== undefined ? $rootScope.$eval(angular.element(element).attr('data-anim-sync')) : false, 13 | speed = angular.element(element).attr('data-anim-speed') !== undefined ? $rootScope.$eval(angular.element(element).attr('data-anim-speed')) : 1000, 14 | inSpeed = angular.element(element).attr('data-anim-in-speed') !== undefined ? $rootScope.$eval(angular.element(element).attr('data-anim-in-speed')) : speed, 15 | outSpeed = angular.element(element).attr('data-anim-out-speed') !== undefined ? $rootScope.$eval(angular.element(element).attr('data-anim-out-speed')) : speed; 16 | 17 | try { 18 | var observer = new MutationObserver(function(mutations) { 19 | observer.disconnect(); 20 | 21 | $window.requestAnimationFrame(function() { 22 | $timeout(done, sync ? 0 : outSpeed); 23 | }); 24 | }); 25 | 26 | observer.observe(element[0], { 27 | attributes: true, 28 | childList: false, 29 | characterData: false 30 | }); 31 | 32 | } catch (e) { 33 | $timeout(done, Math.max(100, sync ? 0 : outSpeed)); 34 | } 35 | 36 | angular.element(element).addClass('anim-in-setup'); 37 | 38 | return function(cancelled) { 39 | angular.element(element).removeClass('anim-in-setup'); 40 | angular.element(element).addClass('anim-in'); 41 | 42 | if (!cancelled) { 43 | $timeout(function() { 44 | $rootScope.$broadcast('animEnd', element, inSpeed); 45 | 46 | angular.element(element).removeClass('anim-in'); 47 | }, inSpeed); 48 | } 49 | }; 50 | }, 51 | leave: function(element, done) { 52 | var speed = angular.element(element).attr('data-anim-speed') !== undefined ? $rootScope.$eval(angular.element(element).attr('data-anim-speed')) : 1000, 53 | outSpeed = angular.element(element).attr('data-anim-out-speed') !== undefined ? $rootScope.$eval(angular.element(element).attr('data-anim-out-speed')) : speed; 54 | 55 | $rootScope.$broadcast('animStart', element, outSpeed); 56 | 57 | try { 58 | var observer = new MutationObserver(function(mutations) { 59 | observer.disconnect(); 60 | 61 | $window.requestAnimationFrame(function() { 62 | angular.element(element).removeClass('anim-out-setup'); 63 | angular.element(element).addClass('anim-out'); 64 | 65 | $timeout(done, outSpeed); 66 | }); 67 | }); 68 | 69 | observer.observe(element[0], { 70 | attributes: true, 71 | childList: false, 72 | characterData: false 73 | }); 74 | 75 | } catch (e) { 76 | angular.element(element).removeClass('anim-out-setup'); 77 | angular.element(element).addClass('anim-out'); 78 | 79 | $timeout(done, Math.max(100, outSpeed)); 80 | } 81 | 82 | angular.element(element).addClass('anim-out-setup'); 83 | } 84 | }; 85 | } 86 | ]); 87 | 88 | })(); 89 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-ui-router-anim-in-out", 3 | "description": "Directive for use with ngAnimate and ui-router, providing events between transition phases", 4 | "version": "1.0.1", 5 | "main": [ 6 | "anim-in-out.js", 7 | "css/anim-in-out.css", 8 | "scss/anim-in-out.scss" 9 | ], 10 | "license": "MIT", 11 | "ignore": [ 12 | "*", 13 | "!anim-in-out.js", 14 | "!css/*.css", 15 | "!scss/*.scss" 16 | ], 17 | "dependencies": { 18 | "angular": ">=1.2", 19 | "angular-animate": ">=1.2", 20 | "angular-ui-router": ">=0.2" 21 | }, 22 | "devDependencies": { 23 | "Bootflat": "~2.0.4" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /bower_components/Bootflat/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Bootflat", 3 | "version": "2.0.4", 4 | "homepage": "http://bootflat.github.io", 5 | "authors": [ 6 | "flathemes " 7 | ], 8 | "description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.", 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/bootflat/bootflat.github.io.git" 12 | }, 13 | "main": [ 14 | "bootflat/css/*", 15 | "bootflat/scss/*", 16 | "bootflat/fonts/*", 17 | "bootflat/js/*", 18 | "bootflat/img/*" 19 | ], 20 | "keywords": [ 21 | "mobile", 22 | "html5", 23 | "css3", 24 | "scss", 25 | "bootflat", 26 | "bootstrap", 27 | "flat", 28 | "flat ui", 29 | "ui" 30 | ], 31 | "license": "MIT", 32 | "ignore": [ 33 | "**/.*", 34 | "node_modules", 35 | "bower_components", 36 | "angularicons", 37 | "free-psd.html", 38 | "documentation.html", 39 | "getting-started.html", 40 | "index.html", 41 | "test", 42 | "tests" 43 | ], 44 | "_release": "2.0.4", 45 | "_resolution": { 46 | "type": "version", 47 | "tag": "v2.0.4", 48 | "commit": "3fa37732cd5b2b97d4f8d101e0c1fcd4db39bf32" 49 | }, 50 | "_source": "git://github.com/bootflat/bootflat.github.io.git", 51 | "_target": "~2.0.4", 52 | "_originalSource": "Bootflat", 53 | "_direct": true 54 | } -------------------------------------------------------------------------------- /bower_components/Bootflat/Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | 3 | grunt.util.linefeed = '\n'; 4 | 5 | RegExp.quote = function (string) { 6 | return string.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&'); 7 | }; 8 | 9 | grunt.initConfig({ 10 | pkg: grunt.file.readJSON('package.json'), 11 | 12 | meta: { 13 | defaultPath: 'bootflat' 14 | }, 15 | 16 | banner: '/*\n * <%= pkg.name %> <%= pkg.version %>\n' + 17 | ' *\n' + 18 | ' * Description: <%= pkg.description %>\n' + 19 | ' *\n' + 20 | ' * Homepage: <%= pkg.homepage %>\n' + 21 | ' *\n' + 22 | ' * By @<%= pkg.author %>\n' + 23 | ' *\n' + 24 | ' * Last modify time: <%= grunt.template.today("yyyy-mm-dd") %>\n' + 25 | ' *\n' + 26 | ' * Licensed under the MIT license. Please see LICENSE for more information.\n' + 27 | ' *\n' + 28 | ' * Copyright 2013 FLATHEMES.\n' + 29 | ' *\n' + 30 | ' */\n', 31 | 32 | clean: { 33 | dist: ['<%= meta.defaultPath %>/css/'] 34 | }, 35 | uglify: { 36 | options: { 37 | banner: '<%= banner %>', 38 | sourceMap: true, 39 | sourceMapIncludeSources: true 40 | }, 41 | dist: { 42 | files: { 43 | 'js/site.min.js': [ 44 | 'js/jquery-1.10.1.min.js', 45 | 'js/bootstrap.min.js', 46 | '<%= meta.defaultPath %>/js/icheck.min.js', 47 | '<%= meta.defaultPath %>/js/jquery.fs.stepper.min.js', 48 | '<%= meta.defaultPath %>/js/jquery.fs.selecter.min.js', 49 | 'js/application.js' 50 | ] 51 | } 52 | } 53 | }, 54 | csscomb: { 55 | options: { 56 | config: '<%= meta.defaultPath %>/scss/.csscomb.json' 57 | }, 58 | dist: { 59 | files: { 60 | '<%= meta.defaultPath %>/css/<%= pkg.name %>.css': 'bootflat/css/<%= pkg.name %>.css' 61 | } 62 | } 63 | }, 64 | cssmin: { 65 | options: { 66 | keepSpecialComments: 0, 67 | banner: '<%= banner %>', 68 | }, 69 | dist: { 70 | files: { 71 | 'css/site.min.css': [ 72 | 'css/bootstrap.min.css', 73 | '<%= meta.defaultPath %>/css/<%= pkg.name %>.css', 74 | 'css/site.css' 75 | ], 76 | '<%= meta.defaultPath %>/css/<%= pkg.name %>.min.css': '<%= meta.defaultPath %>/css/<%= pkg.name %>.css' 77 | } 78 | } 79 | }, 80 | sass: { 81 | dist: { 82 | files: { 83 | '<%= meta.defaultPath %>/css/<%= pkg.name %>.css': '<%= meta.defaultPath %>/scss/<%= pkg.name %>.scss' 84 | }, 85 | options: { 86 | banner: '<%= banner %>', 87 | style: 'expanded', 88 | sourcemap: 'true' 89 | } 90 | } 91 | }, 92 | csslint: { 93 | options: { 94 | csslintrc: '<%= meta.defaultPath %>/scss/.csslintrc' 95 | }, 96 | src: [ 97 | '<%= meta.defaultPath %>/css/<%= pkg.name %>.css' 98 | ] 99 | }, 100 | validation: { 101 | options: { 102 | charset: 'utf-8', 103 | doctype: 'HTML5', 104 | failHard: true, 105 | reset: true, 106 | relaxerror: [ 107 | 'Bad value apple-mobile-web-app-title for attribute name on element meta: Keyword apple-mobile-web-app-title is not registered.', 108 | 'Bad value apple-mobile-web-app-status-bar-style for attribute name on element meta: Keyword apple-mobile-web-app-status-bar-style is not registered.', 109 | 'Bad value X-UA-Compatible for attribute http-equiv on element meta.', 110 | 'Attribute ontouchstart not allowed on element body at this point.' 111 | ] 112 | }, 113 | files: { 114 | src: '*.html' 115 | } 116 | }, 117 | sed: { 118 | versionNumber: { 119 | pattern: (function () { 120 | var old = grunt.option('oldver'); 121 | return old ? RegExp.quote(old) : old; 122 | })(), 123 | replacement: grunt.option('newver'), 124 | recursive: true 125 | } 126 | } 127 | 128 | }); 129 | 130 | require('load-grunt-tasks')(grunt); 131 | require('time-grunt')(grunt); 132 | 133 | grunt.registerTask('task-css', ['sass', 'csscomb', 'cssmin']); 134 | grunt.registerTask('task-js', ['uglify']); 135 | grunt.registerTask('task', ['clean', 'task-css', 'task-js']); 136 | grunt.registerTask('build', ['task']); 137 | grunt.registerTask('default', ['task']); 138 | grunt.registerTask('test', ['task', 'csslint', 'validation']); 139 | 140 | // Version numbering task. 141 | // grunt change-version-number --oldver=A.B.C --newver=X.Y.Z 142 | // This can be overzealous, so its changes should always be manually reviewed! 143 | grunt.registerTask('change-version-number', 'sed'); 144 | }; 145 | -------------------------------------------------------------------------------- /bower_components/Bootflat/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 bootflat 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /bower_components/Bootflat/README.markdown: -------------------------------------------------------------------------------- 1 | __________ __ _____.__ __ 2 | \______ \ ____ _____/ |__/ ____\ | _____ _/ |_ 3 | | | _// _ \ / _ \ __\ __\| | \__ \\ __\ 4 | | | ( <_> | <_> ) | | | | |__/ __ \| | 5 | |______ /\____/ \____/|__| |__| |____(____ /__| 6 | \/ \/ 7 | 8 | *** 9 | 10 | # What is Bootflat? 11 | 12 | [![Bower version](https://badge.fury.io/bo/Bootflat.png)](http://badge.fury.io/bo/Bootflat) [![NPM version](https://badge.fury.io/js/bootflat.png)](http://badge.fury.io/js/bootflat) [![Build Status](https://travis-ci.org/bootflat/bootflat.github.io.svg?branch=master)](https://travis-ci.org/bootflat/bootflat.github.io) 13 | 14 | BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps. 15 | 16 | Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with `Sass 3.3.9`. 17 | 18 | Bootflat is compatible with the following browsers: `IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome`. 19 | 20 | Thanks for supporting our framework, and enjoy! 21 | 22 | # Preview 23 | 24 | For the designers, we offer a [free PSD](https://github.com/bootflat/Bootflat.UI.Kit.PSD) file for you, it including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps. 25 | 26 | ![Bootflat UI Kit](http://bootflat.github.io/img/bootflat-ui-kit.jpg "Bootflat UI Kit") 27 | 28 | ## Features: 29 | 30 | ### 1. Bootstrap 3.2.0 31 | Bootflat is built on Bootstrap 3.2.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. 32 | 33 | ### 2. HTML5 & CSS3 34 | Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization. 35 | 36 | ### 3. Lightweight 37 | Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down. 38 | 39 | ### 4. Mobile first 40 | Bootflat is fully responsive, built for mobile-first in mind. It provides off screen navigation, and almost all the widgets are compatible with all screen sizes. 41 | 42 | ## Quick start 43 | 44 | * Clone the repo: `git clone https://github.com/bootflat/bootflat.github.io.git` 45 | * Install with [npm](https://www.npmjs.org/) `npm install bootflat` 46 | * Install with [bower](http://bower.io/) `bower install Bootflat` 47 | 48 | The source files are in the `bootflat/` folder. You can just grab the `bootflat/css/`, `bootflat/scss/`,`bootflat/js/` and `bootflat/img/` folders and you'll be good to go. 49 | 50 | 51 | 52 | 53 | 54 | Minimal Bootflat example 55 | 56 | 57 | 58 | 59 | 60 |

Test bootflat

61 | Flat button 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | ## Table of contents: 77 | 78 | + [Home page](http://bootflat.github.io) 79 | + [Getting Started](http://bootflat.github.io/getting-started.html) 80 | + [Documentation](http://bootflat.github.io/documentation.html) 81 | + [Free PSD](http://bootflat.github.io/free-psd.html) 82 | + [Flat UI Color Picker](http://bootflat.github.io/color-picker.html) 83 | 84 | ## Changelog: 85 | 86 | 2014/8/26 version 2.0.4 `add widgets: TimeLine` 87 | 88 | 2014/8/26 add `color picker`, you can make a flat design with it 89 | 90 | 2014/7/9 version 2.0.3 `support bootstrap 3.2.0 and Sass 3.3.9, add wigets: Calendar, Pricing` 91 | 92 | 2014/6/5 version 2.0.2 `add wigets: Toggle, Selecter, Stepper` 93 | 94 | 2014/4/3 version 2.0.1 `support bootstrap 3.1.1` 95 | 96 | 2014/3/6 version 2.0.0 `support bootstrap 3.0.1` 97 | 98 | ## Community 99 | 100 | + Follow [@flathemes on Twitter](https://twitter.com/flathemes). 101 | + Have a feature request or find a bug? [Submit an issue](https://github.com/bootflat/bootflat.github.io/issues). 102 | 103 | ## LICENSE 104 | 105 | Bootflat is licensed under the MIT Open Source license. For more information, please see the LICENSE file in this repository. 106 | -------------------------------------------------------------------------------- /bower_components/Bootflat/_config.yml: -------------------------------------------------------------------------------- 1 | # Meta data 2 | name: Bootflat 3 | authors: flathemes 4 | description: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. And, for the designers, we offer a free PSD Download. It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps. 5 | 6 | # Dependencies 7 | pygments: true 8 | 9 | # Permalinks 10 | permalink: pretty 11 | 12 | # Server 13 | source: docs 14 | url: http://bootflat.github.io 15 | encoding: UTF-8 16 | 17 | # Custom vars 18 | current_version: 2.0.4 19 | repo: https://github.com/bootflat/bootflat.github.io 20 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/img/check_flat/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/bootflat/img/check_flat/default.png -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/img/check_flat/default.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/bootflat/img/check_flat/default.psd -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/js/icheck.min.js: -------------------------------------------------------------------------------- 1 | /*! iCheck v1.0.1 by Damir Sultanov, http://git.io/arlzeA, MIT Licensed */ 2 | (function(f){function A(a,b,d){var c=a[0],g=/er/.test(d)?_indeterminate:/bl/.test(d)?n:k,e=d==_update?{checked:c[k],disabled:c[n],indeterminate:"true"==a.attr(_indeterminate)||"false"==a.attr(_determinate)}:c[g];if(/^(ch|di|in)/.test(d)&&!e)x(a,g);else if(/^(un|en|de)/.test(d)&&e)q(a,g);else if(d==_update)for(var f in e)e[f]?x(a,f,!0):q(a,f,!0);else if(!b||"toggle"==d){if(!b)a[_callback]("ifClicked");e?c[_type]!==r&&q(a,g):x(a,g)}}function x(a,b,d){var c=a[0],g=a.parent(),e=b==k,u=b==_indeterminate, 3 | v=b==n,s=u?_determinate:e?y:"enabled",F=l(a,s+t(c[_type])),B=l(a,b+t(c[_type]));if(!0!==c[b]){if(!d&&b==k&&c[_type]==r&&c.name){var w=a.closest("form"),p='input[name="'+c.name+'"]',p=w.length?w.find(p):f(p);p.each(function(){this!==c&&f(this).data(m)&&q(f(this),b)})}u?(c[b]=!0,c[k]&&q(a,k,"force")):(d||(c[b]=!0),e&&c[_indeterminate]&&q(a,_indeterminate,!1));D(a,e,b,d)}c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"default");g[_add](B||l(a,b)||"");g.attr("role")&&!u&&g.attr("aria-"+(v?n:k),"true"); 4 | g[_remove](F||l(a,s)||"")}function q(a,b,d){var c=a[0],g=a.parent(),e=b==k,f=b==_indeterminate,m=b==n,s=f?_determinate:e?y:"enabled",q=l(a,s+t(c[_type])),r=l(a,b+t(c[_type]));if(!1!==c[b]){if(f||!d||"force"==d)c[b]=!1;D(a,e,s,d)}!c[n]&&l(a,_cursor,!0)&&g.find("."+C).css(_cursor,"pointer");g[_remove](r||l(a,b)||"");g.attr("role")&&!f&&g.attr("aria-"+(m?n:k),"false");g[_add](q||l(a,s)||"")}function E(a,b){if(a.data(m)){a.parent().html(a.attr("style",a.data(m).s||""));if(b)a[_callback](b);a.off(".i").unwrap(); 5 | f(_label+'[for="'+a[0].id+'"]').add(a.closest(_label)).off(".i")}}function l(a,b,f){if(a.data(m))return a.data(m).o[b+(f?"":"Class")]}function t(a){return a.charAt(0).toUpperCase()+a.slice(1)}function D(a,b,f,c){if(!c){if(b)a[_callback]("ifToggled");a[_callback]("ifChanged")[_callback]("if"+t(f))}}var m="iCheck",C=m+"-helper",r="radio",k="checked",y="un"+k,n="disabled";_determinate="determinate";_indeterminate="in"+_determinate;_update="update";_type="type";_click="click";_touch="touchbegin.i touchend.i"; 6 | _add="addClass";_remove="removeClass";_callback="trigger";_label="label";_cursor="cursor";_mobile=/ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent);f.fn[m]=function(a,b){var d='input[type="checkbox"], input[type="'+r+'"]',c=f(),g=function(a){a.each(function(){var a=f(this);c=a.is(d)?c.add(a):c.add(a.find(d))})};if(/^(check|uncheck|toggle|indeterminate|determinate|disable|enable|update|destroy)$/i.test(a))return a=a.toLowerCase(),g(this),c.each(function(){var c= 7 | f(this);"destroy"==a?E(c,"ifDestroyed"):A(c,!0,a);f.isFunction(b)&&b()});if("object"!=typeof a&&a)return this;var e=f.extend({checkedClass:k,disabledClass:n,indeterminateClass:_indeterminate,labelHover:!0},a),l=e.handle,v=e.hoverClass||"hover",s=e.focusClass||"focus",t=e.activeClass||"active",B=!!e.labelHover,w=e.labelHoverClass||"hover",p=(""+e.increaseArea).replace("%","")|0;if("checkbox"==l||l==r)d='input[type="'+l+'"]';-50>p&&(p=-50);g(this);return c.each(function(){var a=f(this);E(a);var c=this, 8 | b=c.id,g=-p+"%",d=100+2*p+"%",d={position:"absolute",top:g,left:g,display:"block",width:d,height:d,margin:0,padding:0,background:"#fff",border:0,opacity:0},g=_mobile?{position:"absolute",visibility:"hidden"}:p?d:{position:"absolute",opacity:0},l="checkbox"==c[_type]?e.checkboxClass||"icheckbox":e.radioClass||"i"+r,z=f(_label+'[for="'+b+'"]').add(a.closest(_label)),u=!!e.aria,y=m+"-"+Math.random().toString(36).substr(2,6),h='
")[_callback]("ifCreated").parent().append(e.insert);d=f('').css(d).appendTo(h);a.data(m,{o:e,s:a.attr("style")}).css(g);e.inheritClass&&h[_add](c.className||"");e.inheritID&&b&&h.attr("id",m+"-"+b);"static"==h.css("position")&&h.css("position","relative");A(a,!0,_update);if(z.length)z.on(_click+".i mouseover.i mouseout.i "+_touch,function(b){var d=b[_type],e=f(this);if(!c[n]){if(d==_click){if(f(b.target).is("a"))return; 10 | A(a,!1,!0)}else B&&(/ut|nd/.test(d)?(h[_remove](v),e[_remove](w)):(h[_add](v),e[_add](w)));if(_mobile)b.stopPropagation();else return!1}});a.on(_click+".i focus.i blur.i keyup.i keydown.i keypress.i",function(b){var d=b[_type];b=b.keyCode;if(d==_click)return!1;if("keydown"==d&&32==b)return c[_type]==r&&c[k]||(c[k]?q(a,k):x(a,k)),!1;if("keyup"==d&&c[_type]==r)!c[k]&&x(a,k);else if(/us|ur/.test(d))h["blur"==d?_remove:_add](s)});d.on(_click+" mousedown mouseup mouseover mouseout "+_touch,function(b){var d= 11 | b[_type],e=/wn|up/.test(d)?t:v;if(!c[n]){if(d==_click)A(a,!1,!0);else{if(/wn|er|in/.test(d))h[_add](e);else h[_remove](e+" "+t);if(z.length&&B&&e==v)z[/ut|nd/.test(d)?_remove:_add](w)}if(_mobile)b.stopPropagation();else return!1}})})}})(window.jQuery||window.Zepto); 12 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/js/jquery.fs.stepper.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Stepper v3.0.7 - 2014-05-07 3 | * A jQuery plugin for cross browser number inputs. Part of the Formstone Library. 4 | * http://formstone.it/stepper/ 5 | * 6 | * Copyright 2014 Ben Plum; MIT Licensed 7 | */ 8 | 9 | !function(a){"use strict";function b(b){b=a.extend({},l,b||{});for(var d=a(this),e=0,f=d.length;f>e;e++)c(d.eq(e),b);return d}function c(b,c){if(!b.hasClass("stepper-input")){c=a.extend({},c,b.data("stepper-options"));var f=parseFloat(b.attr("min")),g=parseFloat(b.attr("max")),h=parseFloat(b.attr("step"))||1;b.addClass("stepper-input").wrap('
').after(''+c.labels.up+''+c.labels.down+"");var i=b.parent(".stepper"),k=a.extend({$stepper:i,$input:b,$arrow:i.find(".stepper-arrow"),min:void 0===typeof f||isNaN(f)?!1:f,max:void 0===typeof g||isNaN(g)?!1:g,step:void 0===typeof h||isNaN(h)?1:h,timer:null},c);k.digits=j(k.step),b.is(":disabled")&&i.addClass("disabled"),i.on("keypress",".stepper-input",k,d),i.on("touchstart.stepper mousedown.stepper",".stepper-arrow",k,e).data("stepper",k)}}function d(a){var b=a.data;(38===a.keyCode||40===a.keyCode)&&(a.preventDefault(),g(b,38===a.keyCode?b.step:-b.step))}function e(b){b.preventDefault(),b.stopPropagation(),f(b);var c=b.data;if(!c.$input.is(":disabled")&&!c.$stepper.hasClass("disabled")){var d=a(b.target).hasClass("up")?c.step:-c.step;c.timer=h(c.timer,125,function(){g(c,d,!1)}),g(c,d),a("body").on("touchend.stepper mouseup.stepper",c,f)}}function f(b){b.preventDefault(),b.stopPropagation();var c=b.data;i(c.timer),a("body").off(".stepper")}function g(a,b){var c=parseFloat(a.$input.val()),d=b;void 0===typeof c||isNaN(c)?d=a.min!==!1?a.min:0:a.min!==!1&&ca.max&&(d-=a.step),d!==c&&(d=k(d,a.digits),a.$input.val(d).trigger("change"))}function h(a,b,c){return i(a),setInterval(c,b)}function i(a){a&&(clearInterval(a),a=null)}function j(a){var b=String(a);return b.indexOf(".")>-1?b.length-b.indexOf(".")-1:0}function k(a,b){var c=Math.pow(10,b);return Math.round(a*c)/c}var l={customClass:"",labels:{up:"Up",down:"Down"}},m={defaults:function(b){return l=a.extend(l,b||{}),a(this)},destroy:function(){return a(this).each(function(){var b=a(this).data("stepper");b&&(b.$stepper.off(".stepper").find(".stepper-arrow").remove(),b.$input.unwrap().removeClass("stepper-input"))})},disable:function(){return a(this).each(function(){var b=a(this).data("stepper");b&&(b.$input.attr("disabled","disabled"),b.$stepper.addClass("disabled"))})},enable:function(){return a(this).each(function(){var b=a(this).data("stepper");b&&(b.$input.attr("disabled",null),b.$stepper.removeClass("disabled"))})}};a.fn.stepper=function(a){return m[a]?m[a].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof a&&a?this:b.apply(this,arguments)},a.stepper=function(a){"defaults"===a&&m.defaults.apply(this,Array.prototype.slice.call(arguments,1))}}(jQuery,this); -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | @import 4 | 5 | // Variables, Extends, Mixins 6 | "bootflat/global", 7 | 8 | // Base 9 | "bootflat/typography", 10 | "bootflat/button", 11 | "bootflat/button_group", 12 | "bootflat/label_badge", 13 | "bootflat/tooltip", 14 | "bootflat/popover", 15 | "bootflat/progress", 16 | "bootflat/breadcrumb", 17 | "bootflat/pagination", 18 | "bootflat/pager", 19 | "bootflat/form", 20 | "bootflat/stepper", 21 | "bootflat/selecter", 22 | "bootflat/checkbox_radio", 23 | "bootflat/toggle", 24 | "bootflat/calendar", 25 | "bootflat/pricing", 26 | "bootflat/alert", 27 | "bootflat/tab", 28 | "bootflat/pill", 29 | "bootflat/navbar", 30 | "bootflat/list", 31 | "bootflat/media_list", 32 | "bootflat/modal", 33 | "bootflat/well", 34 | "bootflat/thumbnail", 35 | "bootflat/jumbotron", 36 | "bootflat/panel", 37 | "bootflat/accordion", 38 | "bootflat/footer", 39 | "bootflat/timeline", 40 | "bootflat/dropdown"; 41 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_accordion.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $accordion-border-color: $lightgray-dark !default; 4 | 5 | $accordion-panel-font-color: $darkgray-dark !default; 6 | $accordion-panel-font-color-hover: $mediumgray-dark !default; 7 | $accordion-panel-radius: 4px !default; 8 | 9 | $accordion-panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 10 | 11 | $accordion-panel-background-color: $white !default; 12 | 13 | 14 | 15 | // Exports 16 | //------------------------------------------------------ 17 | 18 | @include exports("accordion") { 19 | 20 | /** 21 | * accordion 22 | * -------------------------------------------------- 23 | */ 24 | .panel-group { 25 | & .panel { 26 | @include radius($type: border-radius, $value: 0); 27 | background-color: transparent; 28 | @include box-shadow($value: none); 29 | } 30 | & .panel+.panel { 31 | margin-top: 0; 32 | } 33 | & .panel-heading { 34 | padding: 0; 35 | border-bottom-color: transparent; 36 | } 37 | & .panel-heading+.panel-collapse .panel-body { 38 | padding: 15px 0; 39 | border-top-color: transparent; 40 | } 41 | & .panel-title a { 42 | padding: 10px 0; 43 | display: block; 44 | } 45 | } 46 | .panel-group-lists { 47 | & .panel { 48 | border-bottom: 1px solid $accordion-border-color; 49 | background-color: $accordion-panel-background-color; 50 | @include box-shadow($value: $accordion-panel-shadow); 51 | } 52 | & .panel:first-child { 53 | @include radius($type: border-radius, $value: $accordion-panel-radius $accordion-panel-radius 0 0); 54 | } 55 | & .panel:last-child { 56 | @include radius($type: border-radius, $value: 0 0 $accordion-panel-radius $accordion-panel-radius); 57 | border-bottom: none; 58 | } 59 | & .panel-heading+.panel-collapse .panel-body { 60 | padding: 15px; 61 | border-top-color: $accordion-border-color; 62 | } 63 | & .panel-title a { 64 | padding: 10px 15px; 65 | color: $accordion-panel-font-color; 66 | } 67 | & .panel-title a:hover, 68 | & .panel-title a:focus, 69 | & .panel-title a:active { 70 | color: $accordion-panel-font-color-hover; 71 | } 72 | } 73 | 74 | } 75 | 76 | 77 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_alert.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $alert-primary: $aqua-light !default; 4 | $alert-success: $grass-light !default; 5 | $alert-danger: $grapefruit-light !default; 6 | $alert-warning: $sunflower-light !default; 7 | 8 | $alert-close-color: $black !default; 9 | 10 | $alert-link-color: $mediumgray-light !default; 11 | 12 | 13 | // Exports 14 | //------------------------------------------------------ 15 | 16 | @include exports("alert") { 17 | 18 | /** 19 | * alert 20 | * -------------------------------------------------- 21 | */ 22 | .alert { 23 | 24 | & h4 { 25 | margin-bottom: 10px; 26 | font-weight: bold; 27 | } 28 | 29 | &-dismissable .close { 30 | color: $alert-close-color; 31 | } 32 | 33 | @at-root &-info { 34 | background-color: lighten($alert-primary, 10%); 35 | border: $alert-primary; 36 | } 37 | @at-root &-warning { 38 | background-color: lighten($alert-warning, 10%); 39 | border: $alert-warning; 40 | } 41 | @at-root &-danger { 42 | background-color: lighten($alert-danger, 10%); 43 | border: $alert-danger; 44 | } 45 | @at-root &-success { 46 | background-color: lighten($alert-success, 10%); 47 | border: $alert-success; 48 | } 49 | 50 | @at-root & &-link { 51 | cursor: pointer; 52 | text-decoration: underline; 53 | @include opacity($opacity: 65, $filter: true); 54 | &:hover, 55 | &:focus { 56 | @include opacity($opacity: 45, $filter: true); 57 | } 58 | } 59 | 60 | @at-root & .btn-link, 61 | & .btn-link:hover, 62 | & .btn-link:focus { 63 | color: $alert-close-color; 64 | @include opacity($opacity: 65, $filter: true); 65 | } 66 | @at-root & .btn-link:focus, 67 | & .btn-link:hover { 68 | text-decoration: none; 69 | @include opacity($opacity: 40, $filter: true); 70 | } 71 | } 72 | 73 | } 74 | 75 | 76 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $breadcrumb-font-color: $darkgray-dark !default; 4 | $breadcrumb-link-color: $aqua-dark !default; 5 | $breadcrumb-background-color: $lightgray-dark !default; 6 | 7 | $breadcrumb-arrow-radius: 4px !default; 8 | $breadcrumb-arrow-font-color: $white !default; 9 | $breadcrumb-arrow-background-color: $aqua-dark !default; 10 | $breadcrumb-arrow-background-color-hover: $aqua-light !default; 11 | 12 | // Exports 13 | //------------------------------------------------------ 14 | @include exports("breadcrumb") { 15 | 16 | /** 17 | * breadcrumb 18 | * -------------------------------------------------- 19 | */ 20 | .breadcrumb { 21 | color: $breadcrumb-font-color; 22 | background-color: $breadcrumb-background-color; 23 | & > .active { 24 | color: $breadcrumb-font-color; 25 | } 26 | & a { 27 | color: $breadcrumb-link-color; 28 | } 29 | } 30 | 31 | .breadcrumb-arrow { 32 | padding: 0; 33 | list-style: none; 34 | background-color: $breadcrumb-background-color; 35 | height: 36px; 36 | line-height: 36px; 37 | 38 | & li:first-child a { 39 | @include radius($type: border-radius, $value: $breadcrumb-arrow-radius 0 0 $breadcrumb-arrow-radius); 40 | } 41 | & li, 42 | & li a, 43 | & li span{ 44 | display: inline-block; 45 | vertical-align: top; 46 | } 47 | & li:not(:first-child) { 48 | margin-left: -5px; 49 | } 50 | & li + li:before { 51 | padding: 0; 52 | content: ""; 53 | } 54 | & li span { 55 | padding: 0 10px; 56 | } 57 | & li a, 58 | & li:not(:first-child) span { 59 | padding: 0 10px 0 25px; 60 | height: 36px; 61 | line-height: 36px; 62 | } 63 | & li:first-child a { 64 | padding: 0 10px; 65 | } 66 | & li a { 67 | position: relative; 68 | border: 1px solid $breadcrumb-arrow-background-color; 69 | color: $breadcrumb-arrow-font-color; 70 | background-color: $breadcrumb-arrow-background-color; 71 | text-decoration: none; 72 | } 73 | & li:first-child a { 74 | padding-left: 10px; 75 | } 76 | & li a:before, 77 | & li a:after { 78 | position: absolute; 79 | top: -1px; 80 | content: ''; 81 | width: 0; 82 | height: 0; 83 | border-top: 18px solid transparent; 84 | border-bottom: 18px solid transparent; 85 | } 86 | & li a:before { 87 | right: -10px; 88 | border-left-width: 11px; 89 | border-left-style: solid; 90 | border-left-color: $breadcrumb-arrow-background-color; 91 | z-index: 3; 92 | } 93 | & li a:after{ 94 | right: -11px; 95 | border-left: 11px solid darken($breadcrumb-arrow-background-color, 10%); 96 | z-index: 2; 97 | } 98 | & li a:hover, 99 | & li a:focus { 100 | background-color: $breadcrumb-arrow-background-color-hover; 101 | border: 1px solid $breadcrumb-arrow-background-color-hover; 102 | } 103 | & li a:hover:before, 104 | & li a:focus:before { 105 | border-left-color: $breadcrumb-arrow-background-color-hover; 106 | } 107 | & li a:active { 108 | background-color: darken($breadcrumb-arrow-background-color, 10%); 109 | border: 1px solid darken($breadcrumb-arrow-background-color, 10%); 110 | } 111 | & li a:active:before, 112 | & li a:active:after { 113 | border-left-color: darken($breadcrumb-arrow-background-color, 10%); 114 | } 115 | & li span { 116 | color: $breadcrumb-font-color; 117 | } 118 | } 119 | } 120 | 121 | 122 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_button.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $button-normal: $mediumgray-dark !default; 4 | $button-default: $white !default; 5 | $button-primary: $aqua-dark !default; 6 | $button-success: $grass-dark !default; 7 | $button-danger: $grapefruit-dark !default; 8 | $button-warning: $sunflower-dark !default; 9 | $button-info: $mint-dark !default; 10 | 11 | $button-normal-hover: $mediumgray-light !default; 12 | $button-default-hover: $button-default !default; 13 | $button-primary-hover: $aqua-light !default; 14 | $button-success-hover: $grass-light !default; 15 | $button-danger-hover: $grapefruit-light !default; 16 | $button-warning-hover: $sunflower-light !default; 17 | $button-info-hover: $mint-light !default; 18 | 19 | $button-font-color-dark: $darkgray-dark !default; 20 | $button-font-color-light: $white !default; 21 | 22 | $button-opacity: 45 !default; 23 | $button-shadow: inset 0 1px 2px rgba(0, 0, 0, .125) !default; 24 | 25 | // Exports 26 | //------------------------------------------------------ 27 | 28 | @include exports("button") { 29 | 30 | /** 31 | * button 32 | * -------------------------------------------------- 33 | */ 34 | .btn { 35 | color: $button-font-color-light; 36 | 37 | &, 38 | &.disabled, 39 | &[disabled] { 40 | border-color: $button-normal; 41 | background-color: $button-normal; 42 | } 43 | &:hover, 44 | &:focus, 45 | &:active, 46 | &.active { 47 | color: $button-font-color-light; 48 | border-color: $button-normal-hover; 49 | background-color: $button-normal-hover; 50 | outline: none !important; 51 | } 52 | &:active, 53 | &.active { 54 | @include box-shadow($value: $button-shadow); 55 | } 56 | &.disabled, 57 | &[disabled] { 58 | @include opacity($opacity: $button-opacity, $filter: true); 59 | } 60 | 61 | @at-root &-link { 62 | &, 63 | &:hover, 64 | &:focus, 65 | &:active, 66 | &.active, 67 | &.disabled, 68 | &[disabled] { 69 | border-color: transparent; 70 | background-color: transparent; 71 | color: $button-primary; 72 | @include box-shadow($value: none); 73 | } 74 | &:hover, 75 | &:focus { 76 | text-decoration: underline; 77 | } 78 | } 79 | 80 | @at-root &-default { 81 | color: $button-font-color-dark; 82 | border-color: $button-normal !important; 83 | 84 | &:hover, 85 | &:focus, 86 | &:active, 87 | &.active { 88 | border-color: $button-normal-hover; 89 | background-color: $button-normal-hover; 90 | } 91 | &, 92 | &.disabled, 93 | &[disabled] { 94 | background-color: $button-default; 95 | } 96 | } 97 | @at-root .open .dropdown-toggle.btn-default { 98 | border-color: $button-normal-hover; 99 | background-color: $button-normal-hover; 100 | } 101 | 102 | @at-root &-primary { 103 | &, 104 | &:active, 105 | &.active, 106 | &.disabled, 107 | &[disabled] { 108 | border-color: $button-primary; 109 | background-color: $button-primary; 110 | } 111 | &:hover, 112 | &:focus { 113 | border-color: $button-primary-hover; 114 | background-color: $button-primary-hover; 115 | } 116 | } 117 | @at-root .open .dropdown-toggle.btn-primary { 118 | border-color: $button-primary-hover; 119 | background-color: $button-primary-hover; 120 | } 121 | 122 | @at-root &-info { 123 | &, 124 | &:active, 125 | &.active, 126 | &.disabled, 127 | &[disabled] { 128 | border-color: $button-info; 129 | background-color: $button-info; 130 | } 131 | &:hover, 132 | &:focus { 133 | border-color: $button-info-hover; 134 | background-color: $button-info-hover; 135 | } 136 | } 137 | @at-root .open .dropdown-toggle.btn-info { 138 | border-color: $button-info-hover; 139 | background-color: $button-info-hover; 140 | } 141 | 142 | @at-root &-success { 143 | &, 144 | &:active, 145 | &.active, 146 | &.disabled, 147 | &[disabled] { 148 | border-color: $button-success; 149 | background-color: $button-success; 150 | } 151 | &:hover, 152 | &:focus { 153 | border-color: $button-success-hover; 154 | background-color: $button-success-hover; 155 | } 156 | } 157 | @at-root .open .dropdown-toggle.btn-success { 158 | border-color: $button-success-hover; 159 | background-color: $button-success-hover; 160 | } 161 | 162 | @at-root &-warning { 163 | &, 164 | &:active, 165 | &.active, 166 | &.disabled, 167 | &[disabled] { 168 | border-color: $button-warning; 169 | background-color: $button-warning; 170 | } 171 | &:hover, 172 | &:focus { 173 | border-color: $button-warning-hover; 174 | background-color: $button-warning-hover; 175 | } 176 | } 177 | @at-root .open .dropdown-toggle.btn-warning { 178 | border-color: $button-warning-hover; 179 | background-color: $button-warning-hover; 180 | } 181 | 182 | @at-root &-danger { 183 | &, 184 | &:active, 185 | &.active, 186 | &.disabled, 187 | &[disabled], 188 | .open .dropdown-toggle.btn { 189 | border-color: $button-danger; 190 | background-color: $button-danger; 191 | } 192 | &:hover, 193 | &:focus { 194 | border-color: $button-danger-hover; 195 | background-color: $button-danger-hover; 196 | } 197 | } 198 | @at-root .open .dropdown-toggle.btn-danger { 199 | border-color: $button-danger-hover; 200 | background-color: $button-danger-hover; 201 | } 202 | } 203 | } 204 | 205 | 206 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_button_group.scss: -------------------------------------------------------------------------------- 1 | // Exports 2 | //------------------------------------------------------ 3 | 4 | @include exports("button-group") { 5 | 6 | /** 7 | * button-group 8 | * -------------------------------------------------- 9 | */ 10 | .btn-group { 11 | @at-root &.open .dropdown-toggle { 12 | @include box-shadow($value: inset 0 1px 2px rgba(0, 0, 0, .125)); 13 | } 14 | 15 | & .btn { 16 | border-left-color: darken($button-normal, 7%); 17 | } 18 | 19 | @at-root &.open .btn-default.dropdown-toggle, 20 | & .btn-default:focus, 21 | & .btn-default:active, 22 | & .btn-default.active { 23 | color: $button-default; 24 | } 25 | 26 | & .btn-primary, 27 | & .btn-primary:focus, 28 | & .btn-primary:active, 29 | & .btn-primary.active { 30 | border-left-color: darken($button-primary, 7%); 31 | } 32 | 33 | & .btn-success, 34 | & .btn-success:focus, 35 | & .btn-success:active, 36 | & .btn-success.active { 37 | border-left-color: darken($button-success, 7%); 38 | } 39 | 40 | & .btn-warning, 41 | & .btn-warning:focus, 42 | & .btn-warning:active, 43 | & .btn-warning.active { 44 | border-left-color: darken($button-warning, 12%); 45 | } 46 | 47 | & .btn-danger, 48 | & .btn-danger:focus, 49 | & .btn-danger:active, 50 | & .btn-danger.active { 51 | border-left-color: darken($button-danger, 7%); 52 | } 53 | 54 | & .btn-info, 55 | & .btn-info:focus, 56 | & .btn-info:active, 57 | & .btn-info.active { 58 | border-left-color: darken($button-info, 7%); 59 | } 60 | 61 | & .btn:first-child, 62 | & .btn-primary:first-child, 63 | & .btn-success:first-child, 64 | & .btn-warning:first-child, 65 | & .btn-danger:first-child, 66 | & .btn-info:first-child { 67 | border-left-color: transparent; 68 | } 69 | } 70 | 71 | .btn-group-vertical { 72 | & .btn, 73 | & .btn-group .btn-primary { 74 | border-top-color: darken($button-normal, 7%) !important; 75 | } 76 | 77 | & .btn-primary, 78 | & .btn-primary:focus, 79 | & .btn-primary:active, 80 | & .btn-primary.active, 81 | & .btn-group .btn-primary { 82 | border-top-color: darken($button-primary, 7%) !important; 83 | } 84 | 85 | & .btn-success, 86 | & .btn-success:focus, 87 | & .btn-success:active, 88 | & .btn-success.active, 89 | & .btn-group .btn-success { 90 | border-top-color: darken($button-success, 7%) !important; 91 | } 92 | 93 | & .btn-warning, 94 | & .btn-warning:focus, 95 | & .btn-warning:active, 96 | & .btn-warning.active, 97 | & .btn-group .btn-warning { 98 | border-top-color: darken($button-warning, 12%) !important; 99 | } 100 | 101 | & .btn-danger, 102 | & .btn-danger:focus, 103 | & .btn-danger:active, 104 | & .btn-danger.active, 105 | & .btn-group .btn-danger { 106 | border-top-color: darken($button-danger, 7%) !important; 107 | } 108 | 109 | & .btn-info, 110 | & .btn-info:focus, 111 | & .btn-info:active, 112 | & .btn-info.active, 113 | & .btn-group .btn-info { 114 | border-top-color: darken($button-info, 7%) !important; 115 | } 116 | 117 | & .btn:not(.btn-default):first-child, 118 | & .btn-primary:first-child, 119 | & .btn-success:first-child, 120 | & .btn-warning:first-child, 121 | & .btn-danger:first-child, 122 | & .btn-info:first-child { 123 | border-top: none; 124 | } 125 | } 126 | 127 | } 128 | 129 | 130 | 131 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_calendar.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $calendar-background-color: $bittersweet-light !default; 4 | $calendar-font-color: $white !default; 5 | $calendar-current-color: $bittersweet-dark !default; 6 | 7 | $calendar-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 8 | $calendar-radius: 4px !default; 9 | 10 | 11 | 12 | // Exports 13 | //------------------------------------------------------ 14 | 15 | @include exports("calendar") { 16 | 17 | /** 18 | * calendar 19 | * -------------------------------------------------- 20 | */ 21 | .calendar { 22 | padding: 20px; 23 | @include radius($type: border-radius, $value: $calendar-radius); 24 | color: $white; 25 | background-color: lighten($calendar-background-color, 10%); 26 | @include box-shadow($value: $calendar-shadow); 27 | 28 | & .unit { 29 | float: left; 30 | width: 14.28%; 31 | text-align: center; 32 | } 33 | 34 | & .years { 35 | 36 | & .prev { 37 | text-align: left; 38 | } 39 | & .next { 40 | text-align: right; 41 | } 42 | & .prev em, 43 | & .next em { 44 | position: relative; 45 | display: inline-block; 46 | @include radius($type: border-radius, $value: 50%); 47 | border: 1px solid $calendar-font-color; 48 | width: 34px; 49 | height: 34px; 50 | cursor: pointer; 51 | } 52 | & .prev em:before, 53 | & .next em:before { 54 | position: absolute; 55 | display: block; 56 | content: ""; 57 | margin-top: 6px; 58 | border-style: solid; 59 | border-width: 7px; 60 | width: 0; 61 | height: 0; 62 | font-size: 0; 63 | } 64 | & .prev em:before { 65 | top: 3px; 66 | left: 4px; 67 | border-color: transparent $calendar-font-color transparent transparent; 68 | } 69 | & .next em:before { 70 | top: 3px; 71 | left: 13px; 72 | border-color: transparent transparent transparent $calendar-font-color; 73 | } 74 | & .prev em:hover, 75 | & .next em:hover, 76 | & .prev em:active, 77 | & .next em:active { 78 | border-color: $calendar-current-color; 79 | } 80 | & .prev em:hover:before, 81 | & .prev em:active:before { 82 | border-color: transparent $calendar-current-color transparent transparent; 83 | } 84 | 85 | & .next em:hover:before, 86 | & .next em:active:before { 87 | border-color: transparent transparent transparent $calendar-current-color; 88 | } 89 | 90 | & .monyear { 91 | float: left; 92 | width: 71.42%; 93 | text-align: center; 94 | height: 34px; 95 | line-height: 34px; 96 | } 97 | } 98 | 99 | & .days { 100 | margin-top: 15px; 101 | padding-top: 15px; 102 | border-top: 1px solid lighten($calendar-current-color, 10%); 103 | & .unit { 104 | margin-bottom: 3px; 105 | text-align: center; 106 | height: 34px; 107 | line-height: 34px; 108 | 109 | & b { 110 | @include radius($type: border-radius, $value: 50%); 111 | font-weight: normal; 112 | width: 34px; 113 | height: 34px; 114 | } 115 | &:hover b, 116 | &:active b, 117 | &.active b { 118 | display: inline-block; 119 | background-color: $calendar-font-color; 120 | color: $calendar-current-color; 121 | cursor: pointer; 122 | @include transition (all 0.2s ease-in-out); 123 | } 124 | &.older b { 125 | color: $calendar-current-color; 126 | background-color: transparent; 127 | cursor: default; 128 | width: auto; 129 | height: auto; 130 | } 131 | } 132 | } 133 | } 134 | } 135 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_checkbox_radio.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $img-src: "../bootflat/img/check_flat/default.png" !default; 4 | 5 | // Exports 6 | //------------------------------------------------------ 7 | 8 | @include exports("checkbox-radio") { 9 | 10 | /** 11 | * checkbox and radio 12 | * -------------------------------------------------- 13 | */ 14 | .checkbox, .radio { 15 | margin-top: 0; 16 | padding-left: 0; 17 | } 18 | .checkbox label, .radio label { 19 | position: relative; 20 | top: 2px; 21 | padding-left: 5px; 22 | } 23 | .icheckbox_flat, 24 | .iradio_flat { 25 | display: inline-block; 26 | *display: inline; 27 | vertical-align: middle; 28 | margin: 0; 29 | padding: 0 !important; 30 | width: 20px; 31 | height: 20px; 32 | background: url($img-src) no-repeat; 33 | border: none; 34 | cursor: pointer; 35 | } 36 | 37 | .icheckbox_flat { 38 | background-position: 0 0; 39 | 40 | &.checked { 41 | background-position: -22px 0; 42 | } 43 | &.disabled { 44 | background-position: -44px 0; 45 | cursor: default; 46 | } 47 | &.checked.disabled { 48 | background-position: -66px 0; 49 | } 50 | } 51 | 52 | .iradio_flat { 53 | background-position: -88px 0; 54 | 55 | &.checked { 56 | background-position: -110px 0; 57 | } 58 | &.disabled { 59 | background-position: -132px 0; 60 | cursor: default; 61 | } 62 | &.checked.disabled { 63 | background-position: -154px 0; 64 | } 65 | } 66 | 67 | } 68 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_dropdown.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $dropdown-background-color: $darkgray-dark !default; 4 | $dropdown-background-color-hover: $darkgray-light !default; 5 | 6 | $dropdown-normal: $mediumgray-dark !default; 7 | $dropdown-default: $white !default; 8 | 9 | $dropdown-padding: 5px 20px !default; 10 | 11 | $dropdown-radius: 4px !default; 12 | 13 | $dropdown-font-size: 14px !default; 14 | $dropdown-font-color-dark: $darkgray-dark !default; 15 | $dropdown-font-color-light: $white !default; 16 | $dropdown-font-weight: 700 !default; 17 | 18 | // Exports 19 | //------------------------------------------------------ 20 | 21 | @include exports("dropdown") { 22 | 23 | /** 24 | * dropdown-menu 25 | * -------------------------------------------------- 26 | */ 27 | .dropdown-menu { 28 | border: none; 29 | background-color: $dropdown-background-color; 30 | 31 | & .dropdown-header { 32 | padding: $dropdown-padding; 33 | font-size: $dropdown-font-size; 34 | font-weight: $dropdown-font-weight; 35 | color: $dropdown-normal; 36 | } 37 | 38 | & li a { 39 | padding: $dropdown-padding; 40 | color: $dropdown-font-color-light; 41 | } 42 | & li a:hover, 43 | & li a:focus, 44 | & .active a, 45 | & .active a:hover, 46 | & .active a:focus{ 47 | color: $dropdown-font-color-light; 48 | background-color: $dropdown-background-color-hover; 49 | outline: none; 50 | } 51 | & .disabled a, 52 | & .disabled a:hover, 53 | & .disabled a:focus { 54 | color: $dropdown-background-color-hover; 55 | cursor: default; 56 | } 57 | & .divider { 58 | background-color: $dropdown-background-color-hover; 59 | border-bottom: none; 60 | } 61 | 62 | @at-root .dropup & { 63 | margin-bottom: 0; 64 | @include radius($type: border-radius, $value: $dropdown-radius $dropdown-radius 0 0); 65 | } 66 | } 67 | /** 68 | * dropdown-submenu 69 | * -------------------------------------------------- 70 | */ 71 | .dropdown-submenu { 72 | position: relative; 73 | 74 | & .dropdown-menu { 75 | top: 0; 76 | left: 100%; 77 | margin-top: -6px; 78 | margin-left: -1px; 79 | @include radius($type: border-radius, $value: 0 4px 4px 4px); 80 | } 81 | &:hover .dropdown-menu { 82 | display: block; 83 | } 84 | .dropup & .dropdown-menu { 85 | top: auto; 86 | bottom: 0; 87 | margin-top: 0; 88 | margin-bottom: -2px; 89 | @include radius($type: border-radius, $value: 4px 4px 4px 0); 90 | } 91 | & > a:after { 92 | display: block; 93 | content: " "; 94 | float: right; 95 | width: 0; 96 | height: 0; 97 | border-color: transparent; 98 | border-style: solid; 99 | border-width: 5px 0 5px 5px; 100 | border-left-color: $dropdown-default; 101 | margin-top: 5px; 102 | margin-right: -10px; 103 | } 104 | @at-root .dropdown-default & > a:after { 105 | border-left-color: $dropdown-font-color-dark; 106 | } 107 | &:hover a:after { 108 | border-left-color: $dropdown-default; 109 | } 110 | &.pull-left { 111 | float: none; 112 | } 113 | &.pull-left .dropdown-menu { 114 | left: -100%; 115 | margin-left: 10px; 116 | @include radius($type: border-radius, $value: 4px 0 4px 4px); 117 | } 118 | } 119 | 120 | } 121 | 122 | 123 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_footer.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $footer-background-color: $darkgray-dark !default; 4 | $footer-menu-title-color: $lightgray-dark !default; 5 | $footer-menu-item-color: $mediumgray-dark !default; 6 | $footer-menu-item-color-hover: $mediumgray-light !default; 7 | $footer-logo-color: $white !default; 8 | 9 | 10 | 11 | // Exports 12 | //------------------------------------------------------ 13 | 14 | @include exports("footer") { 15 | 16 | /** 17 | * footer 18 | * -------------------------------------------------- 19 | */ 20 | 21 | .footer { 22 | padding: 40px 0; 23 | background-color: $footer-background-color; 24 | 25 | &-logo, 26 | &-nav { 27 | float: left; 28 | padding: 0 20px; 29 | width: 20%; 30 | } 31 | @media (max-width: 768px) { 32 | &-logo { 33 | margin-bottom: 20px; 34 | } 35 | &-logo, 36 | &-nav { 37 | float: none; 38 | display: block; 39 | width: 100%; 40 | } 41 | } 42 | &-logo { 43 | margin-top: -5px; 44 | height: 32px; 45 | line-height: 32px; 46 | 47 | & img { 48 | margin-right: 10px; 49 | } 50 | & a { 51 | font-size: 20px; 52 | font-weight: bold; 53 | color: $footer-logo-color; 54 | } 55 | & a:hover, 56 | & a:active { 57 | text-decoration: none; 58 | } 59 | } 60 | &-nav .nav-title { 61 | margin-bottom: 15px; 62 | color: $footer-menu-title-color; 63 | } 64 | &-nav .nav-item { 65 | line-height: 28px; 66 | & > a { 67 | color: $footer-menu-item-color; 68 | } 69 | & > a:hover, 70 | & > a:active { 71 | color: $footer-menu-item-color-hover; 72 | text-decoration: none; 73 | } 74 | } 75 | &-copyright { 76 | color: $footer-menu-item-color; 77 | } 78 | } 79 | 80 | } 81 | 82 | 83 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_form.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $form-normal: $mediumgray-dark !default; 4 | $form-default: $white !default; 5 | $form-primary: $aqua-dark !default; 6 | $form-success: $grass-dark !default; 7 | $form-danger: $grapefruit-dark !default; 8 | $form-warning: $sunflower-dark !default; 9 | $form-info: $mint-dark !default; 10 | 11 | $message-success: $grass-dark !default; 12 | $message-danger: $grapefruit-dark !default; 13 | $message-warning: $sunflower-dark !default; 14 | 15 | $form-font-color: $darkgray-dark !default; 16 | $form-placeholder-font-color: $lightgray-dark !default; 17 | 18 | $form-disabled-color: $lightgray-dark !default; 19 | 20 | $search-query-value: 17px !default; 21 | 22 | $search-icon-width: 30px !default; 23 | $search-icon-line-height: 30px !default; 24 | 25 | // Exports 26 | //------------------------------------------------------ 27 | 28 | @include exports("form") { 29 | 30 | /** 31 | * form 32 | * -------------------------------------------------- 33 | */ 34 | .form-control { 35 | color: $form-font-color; 36 | border-color: $form-normal; 37 | 38 | &, 39 | &:focus { 40 | @include box-shadow($value: none); 41 | } 42 | &:focus { 43 | border-color: $form-primary; 44 | } 45 | &::-moz-placeholder, 46 | &:-ms-input-placeholder, 47 | &::-webkit-input-placeholder { 48 | color: $form-placeholder-font-color; 49 | } 50 | 51 | &.disabled, 52 | &[disabled] { 53 | border-color: $form-disabled-color; 54 | background-color: $form-disabled-color; 55 | } 56 | } 57 | 58 | .input-group-btn { 59 | & .btn + .btn { 60 | border-width: 1px; 61 | border-style: solid; 62 | border-color: darken($form-normal, 7%); 63 | } 64 | & .btn + .btn.btn-default { 65 | border-color: darken($form-default, 7%); 66 | } 67 | & .btn + .btn.btn-primary { 68 | border-color: darken($form-primary, 7%); 69 | } 70 | & .btn + .btn.btn-info { 71 | border-color: darken($form-info, 7%); 72 | } 73 | & .btn + .btn.btn-success { 74 | border-color: darken($form-success, 7%); 75 | } 76 | & .btn + .btn.btn-warning { 77 | border-color: darken($form-warning, 7%); 78 | } 79 | & .btn + .btn.btn-danger { 80 | border-color: darken($form-danger, 7%); 81 | } 82 | } 83 | 84 | .input-group-addon { 85 | background-color: $form-normal; 86 | border-color: darken($form-normal, 7%); 87 | color: $form-default; 88 | 89 | & .radio, 90 | & .checkbox { 91 | margin: -3px 0 -4px !important; 92 | } 93 | } 94 | 95 | .form-search { 96 | & .search-query, 97 | & .search-query:first-child, 98 | & .search-query:last-child { 99 | padding: 0 $search-query-value; 100 | @include radius($type: border-radius, $value: $search-query-value); 101 | } 102 | @at-root .input-group .form-control:last-child { 103 | // padding: 0 $search-query-value 0 10px; 104 | @include radius($type: border-top-left-radius, $value: 0); 105 | @include radius($type: border-bottom-left-radius, $value: 0); 106 | } 107 | @at-root .input-group .form-control:first-child { 108 | @include radius($type: border-top-right-radius, $value: 0); 109 | @include radius($type: border-bottom-right-radius, $value: 0); 110 | } 111 | & .btn { 112 | @include radius($type: border-radius, $value: $search-query-value); 113 | } 114 | } 115 | 116 | .search-only { 117 | position: relative; 118 | & .search-icon { 119 | position: absolute; 120 | top: 2px; 121 | left: $search-query-value / 2; 122 | width: $search-icon-width; 123 | line-height: $search-icon-line-height; 124 | text-align: center; 125 | font-size: $search-query-value; 126 | color: $form-placeholder-font-color; 127 | z-index: 20; 128 | } 129 | & .form-control:last-child { 130 | padding-left: $search-icon-width + 10; 131 | } 132 | } 133 | 134 | .has-success { 135 | & .help-block, 136 | & .control-label, 137 | & .radio, 138 | & .checkbox, 139 | & .radio-inline, 140 | & .checkbox-inline { 141 | color: $message-success; 142 | } 143 | & .form-control { 144 | border-color: $message-success; 145 | @include box-shadow($value: none); 146 | } 147 | & .form-control:focus { 148 | border-color: $message-success; 149 | @include box-shadow($value: none); 150 | } 151 | & .input-group-addon { 152 | background-color: $message-success; 153 | border-color: $message-success; 154 | } 155 | & .form-control-feedback { 156 | color: $message-success; 157 | } 158 | } 159 | .has-warning { 160 | & .help-block, 161 | & .control-label, 162 | & .radio, 163 | & .checkbox, 164 | & .radio-inline, 165 | & .checkbox-inline { 166 | color: $message-warning; 167 | } 168 | & .form-control { 169 | border-color: $message-warning; 170 | @include box-shadow($value: none); 171 | } 172 | & .form-control:focus { 173 | border-color: $message-warning; 174 | @include box-shadow($value: none); 175 | } 176 | & .input-group-addon { 177 | background-color: $message-warning; 178 | border-color: $message-warning; 179 | } 180 | & .form-control-feedback { 181 | color: $message-warning; 182 | } 183 | } 184 | .has-error { 185 | & .help-block, 186 | & .control-label, 187 | & .radio, 188 | & .checkbox, 189 | & .radio-inline, 190 | & .checkbox-inline { 191 | color: $message-danger; 192 | } 193 | & .form-control { 194 | border-color: $message-danger; 195 | @include box-shadow($value: none); 196 | } 197 | & .form-control:focus { 198 | border-color: $message-danger; 199 | @include box-shadow($value: none); 200 | } 201 | & .input-group-addon { 202 | background-color: $message-danger; 203 | border-color: $message-danger; 204 | } 205 | & .form-control-feedback { 206 | color: $message-danger; 207 | } 208 | } 209 | 210 | } 211 | 212 | 213 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_global.scss: -------------------------------------------------------------------------------- 1 | // Global Variables 2 | //------------------------------------------------------ 3 | $modules: () !default; 4 | 5 | $experimental: true !default; 6 | 7 | // prefix elements 8 | $prefix-webkit: true !global; 9 | $prefix-moz: true !global; 10 | $prefix-spec: true !global; 11 | 12 | // color elements 13 | $white: #FFF !default; 14 | $black: #000 !default; 15 | 16 | $bluejeans-dark: #4A89DC !default; 17 | $bluejeans-light: #5D9CEC !default; 18 | 19 | $aqua-dark: #3BAFDA !default; 20 | $aqua-light: #4FC1E9 !default; 21 | 22 | $mint-dark: #37BC9B !default; 23 | $mint-light: #48CFAD !default; 24 | 25 | $grass-dark: #8CC152 !default; 26 | $grass-light: #A0D468 !default; 27 | 28 | $sunflower-dark: #F6BB42 !default; 29 | $sunflower-light: #FFCE54 !default; 30 | 31 | $bittersweet-dark: #E9573F !default; 32 | $bittersweet-light: #FC6E51 !default; 33 | 34 | $grapefruit-dark: #DA4453 !default; 35 | $grapefruit-light: #ED5565 !default; 36 | 37 | $lavender-dark: #967ADC !default; 38 | $lavender-light: #AC92EC !default; 39 | 40 | $pinkrose-dark: #D770AD !default; 41 | $pinkrose-light: #EC87C0 !default; 42 | 43 | $lightgray-dark: #E6E9ED !default; 44 | $lightgray-light: #F5F7FA !default; 45 | 46 | $mediumgray-dark: #AAB2BD !default; 47 | $mediumgray-light: #CCD1D9 !default; 48 | 49 | $darkgray-dark: #434A54 !default; 50 | $darkgray-light: #656D78 !default; 51 | 52 | // Global Mixins 53 | //------------------------------------------------------ 54 | 55 | // We use this to loading scss files 56 | @mixin exports($name) { 57 | @if index($modules, $name) { 58 | } @else { 59 | $modules: append($modules, $name) !global; 60 | @content; 61 | } 62 | } 63 | 64 | // We use this to do set opacity 65 | @mixin opacity($opacity:50, $filter: true) { 66 | opacity: $opacity / 100; 67 | @if $filter { 68 | filter: alpha(opacity=$opacity); 69 | } 70 | } 71 | 72 | // We use this to ellipsis text 73 | @mixin ellipsis($width: 100%) { 74 | display: inline-block; 75 | max-width: $width; 76 | overflow: hidden; 77 | text-overflow: ellipsis; 78 | white-space: nowrap; 79 | } 80 | 81 | // We use this to add across browser prefixes 82 | @mixin prefixer($property, $value, $prefixes: webkit moz spec) { 83 | @if $experimental { 84 | @each $prefix in $prefixes { 85 | @if $prefix != spec { 86 | @if $property == border-top-left-radius and $prefix == moz { 87 | @if $prefix-moz { 88 | -moz-border-radius-topleft: $value; 89 | } 90 | } @else if $property == border-top-right-radius and $prefix == moz { 91 | @if $prefix-moz { 92 | -moz-border-radius-topright: $value; 93 | } 94 | } @else if $property == border-bottom-right-radius and $prefix == moz { 95 | @if $prefix-moz { 96 | -moz-border-radius-bottomright: $value; 97 | } 98 | } @else if $property == border-bottom-left-radius and $prefix == moz { 99 | @if $prefix-moz { 100 | -moz-border-radius-bottomleft: $value; 101 | } 102 | } @else { 103 | @if $prefix == webkit { 104 | @if $prefix-webkit { 105 | -webkit-#{$property}: $value; 106 | } 107 | } 108 | @if $prefix == moz { 109 | @if $prefix-moz { 110 | -moz-#{$property}: $value; 111 | } 112 | } 113 | } 114 | } @else { 115 | @if $prefix-spec { 116 | #{$property}: $value; 117 | } 118 | } 119 | } 120 | } 121 | } 122 | 123 | // We use this to add box-sizing across browser prefixes 124 | @mixin box-sizing($value: border-box) { 125 | @include prefixer($property: box-sizing, $value: $value, $prefixes: webkit moz spec); 126 | } 127 | 128 | // We use this to control border radius. 129 | @mixin radius($type: border-radius, $value: $global-radius) { 130 | @include prefixer($property: $type, $value: $value, $prefixes: webkit moz spec); 131 | } 132 | 133 | // We use this to control box shadow. 134 | @mixin box-shadow($value) { 135 | @include prefixer($property: box-shadow, $value: $value, $prefixes: webkit moz spec); 136 | } 137 | // We use this to creat animation effect. 138 | // Examples: 139 | // @include keyframes(move-the-object) { 140 | // 0% { left: 100px; } 141 | // 100% { left: 200px; } 142 | // } 143 | // .object-to-animate { 144 | // @include animation(move-the-object .5s 1); 145 | // } 146 | @mixin animation ($value...) { 147 | @include prefixer($property: animation, $value: $value, $prefixes: webkit moz spec); 148 | } 149 | // Individual Animation Properties 150 | @mixin animation-name ($value...) { 151 | @include prefixer($property: animation-name, $value: $value, $prefixes: webkit moz spec); 152 | } 153 | @mixin animation-duration ($value...) { 154 | @include prefixer($property: animation-duration, $value: $value, $prefixes: webkit moz spec); 155 | } 156 | @mixin animation-timing-function ($value...) { 157 | // ease | linear | ease-in | ease-out | ease-in-out 158 | @include prefixer($property: animation-timing-function, $value: $value, $prefixes: webkit moz spec); 159 | } 160 | @mixin animation-iteration-count ($value...) { 161 | // infinite | 162 | @include prefixer($property: animation-iteration-count, $value: $value, $prefixes: webkit moz spec); 163 | } 164 | @mixin animation-direction ($value...) { 165 | @include prefixer($property: animation-direction, $value: $value, $prefixes: webkit moz spec); 166 | } 167 | @mixin animation-play-state ($value...) { 168 | // running | paused 169 | @include prefixer($property: animation-play-state, $value: $value, $prefixes: webkit moz spec); 170 | } 171 | @mixin animation-delay ($value...) { 172 | @include prefixer($property: animation-delay, $value: $value, $prefixes: webkit moz spec); 173 | } 174 | @mixin animation-fill-mode ($value...) { 175 | // none | forwards | backwards | both 176 | @include prefixer($property: animation-fill-mode, $value: $value, $prefixes: webkit moz spec); 177 | } 178 | @mixin keyframes($name) { 179 | $original-prefix-webkit: $prefix-webkit; 180 | $original-prefix-moz: $prefix-moz; 181 | $original-prefix-spec: $prefix-spec; 182 | 183 | @if $original-prefix-webkit { 184 | @include disable-prefix(); 185 | $prefix-webkit: true !global; 186 | @-webkit-keyframes #{$name} { 187 | @content; 188 | } 189 | } 190 | @if $original-prefix-moz { 191 | @include disable-prefix(); 192 | $prefix-moz: true !global; 193 | @-moz-keyframes #{$name} { 194 | @content; 195 | } 196 | } 197 | @if $original-prefix-spec { 198 | @include disable-prefix(); 199 | $prefix-spec: true !global; 200 | @keyframes #{$name} { 201 | @content; 202 | } 203 | } 204 | 205 | $prefix-webkit: $original-prefix-webkit !global; 206 | $prefix-moz: $original-prefix-moz !global; 207 | $prefix-spec: $original-prefix-spec !global; 208 | } 209 | 210 | // We use this to set transform. 211 | @mixin transform($value: none) { 212 | // none | 213 | @include prefixer($property: transform, $value: $value, $prefixes: webkit moz spec); 214 | } 215 | 216 | @mixin transform-origin($value: 50%) { 217 | // x-axis - left | center | right | length | % 218 | // y-axis - top | center | bottom | length | % 219 | // z-axis - length 220 | @include prefixer($property: transform-origin, $value: $value, $prefixes: webkit moz spec); 221 | } 222 | 223 | @mixin transform-style ($value: flat) { 224 | @include prefixer($property: transform-style, $value: $value, $prefixes: webkit moz spec); 225 | } 226 | 227 | // We use this to set transition. 228 | // example: @include transition (all 2s ease-in-out); 229 | // @include transition (opacity 1s ease-in 2s, width 2s ease-out); 230 | // @include transition-property (transform, opacity); 231 | 232 | @mixin transition ($value...) { 233 | @if length($value) >= 1 { 234 | @include prefixer($property: transition, $value: $value, $prefixes: webkit moz spec); 235 | } @else { 236 | $value: all 0.15s ease-out 0s; 237 | @include prefixer($property: transition, $value: $value, $prefixes: webkit moz spec); 238 | } 239 | } -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $jumbotron-font-color: $darkgray-dark !default; 4 | 5 | $jumbotron-background-color: $white !default; 6 | 7 | $jumbotron-radius: 4px; 8 | $jumbotron-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 9 | 10 | 11 | // Exports 12 | //------------------------------------------------------ 13 | 14 | @include exports("jumbotron") { 15 | 16 | /** 17 | * jumbotron 18 | * -------------------------------------------------- 19 | */ 20 | .jumbotron { 21 | margin-bottom: 20px; 22 | padding: 0; 23 | @include radius($type: border-radius, $value: $jumbotron-radius); 24 | background-color: $jumbotron-background-color; 25 | @include box-shadow($value: $jumbotron-shadow); 26 | 27 | @at-root .container & { 28 | @include radius($type: border-radius, $value: $jumbotron-radius); 29 | } 30 | 31 | & > &-photo img { 32 | @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0); 33 | width: 100%; 34 | } 35 | 36 | & &-contents { 37 | padding: 20px; 38 | color: $jumbotron-font-color; 39 | } 40 | & .carousel, 41 | & .carousel-inner, 42 | & .carousel-inner > .item.active img { 43 | @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0); 44 | } 45 | .carousel-inner > .item > a >img, 46 | .carousel-inner > .item > img { 47 | width: 100%; 48 | } 49 | & .carousel-control.left { 50 | @include radius($type: border-radius, $value: $jumbotron-radius 0 0 0); 51 | } 52 | & .carousel-control.right { 53 | @include radius($type: border-radius, $value: 0 $jumbotron-radius 0 0); 54 | } 55 | 56 | & h1, & .h1, 57 | & h2, & .h2 { 58 | font-weight: 400; 59 | } 60 | 61 | & h1, & .h1 { 62 | font-size: 28px; 63 | } 64 | & h2, & .h2 { 65 | font-size: 24px; 66 | } 67 | & p { 68 | font-size: 14px; 69 | } 70 | 71 | @media screen and (min-width: 768px) { 72 | &, 73 | .container & { 74 | padding: 0; 75 | } 76 | & h1, 77 | & .h1 { 78 | font-size: 28px; 79 | } 80 | } 81 | } 82 | } 83 | 84 | 85 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_label_badge.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $label-normal: $mediumgray-dark !default; 4 | $label-default: $white !default; 5 | $label-primary: $aqua-dark !default; 6 | $label-success: $grass-dark !default; 7 | $label-danger: $grapefruit-dark !default; 8 | $label-warning: $sunflower-dark !default; 9 | $label-info: $mint-dark !default; 10 | 11 | $label-default-font-color: $darkgray-dark !default; 12 | 13 | // Exports 14 | //------------------------------------------------------ 15 | 16 | @include exports("label-badge") { 17 | 18 | /** 19 | * labels and badges 20 | * -------------------------------------------------- 21 | */ 22 | .label, 23 | .badge { 24 | background-color: $label-normal; 25 | } 26 | 27 | .label-default, 28 | .badge-default { 29 | border: 1px solid $button-normal; 30 | background-color: $label-default; 31 | color: $label-default-font-color; 32 | } 33 | 34 | .label-primary, 35 | .badge-primary { 36 | border-color: $label-primary; 37 | background-color: $label-primary; 38 | } 39 | 40 | .label-success, 41 | .badge-success { 42 | border-color: $label-success; 43 | background-color: $label-success; 44 | } 45 | 46 | .label-danger, 47 | .badge-danger { 48 | border-color: $label-danger; 49 | background-color: $label-danger; 50 | } 51 | 52 | .label-warning, 53 | .badge-warning { 54 | border-color: $label-warning; 55 | background-color: $label-warning; 56 | } 57 | 58 | .label-info, 59 | .badge-info { 60 | border-color: $label-info; 61 | background-color: $label-info; 62 | } 63 | } 64 | 65 | 66 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_list.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $list-primary: $aqua-light !default; 4 | $list-info: $mint-light !default; 5 | $list-warning: $sunflower-light !default; 6 | $list-success: $grass-light !default; 7 | $list-danger: $grapefruit-light !default; 8 | 9 | $list-primary-hover: $aqua-dark !default; 10 | $list-info-hover: $mint-dark !default; 11 | $list-warning-hover: $sunflower-dark !default; 12 | $list-success-hover: $grass-dark !default; 13 | $list-danger-hover: $grapefruit-dark !default; 14 | 15 | $list-border-color: $lightgray-dark !default; 16 | $list-background-color: $white !default; 17 | $list-font-color: $darkgray-dark !default; 18 | $list-font-color-hover: $mediumgray-dark !default; 19 | 20 | $list-item-background-color: $lightgray-dark !default; 21 | 22 | $list-radius: 4px !default; 23 | $list-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 24 | 25 | 26 | 27 | // Exports 28 | //------------------------------------------------------ 29 | 30 | @include exports("list") { 31 | 32 | /** 33 | * list 34 | * -------------------------------------------------- 35 | */ 36 | .list-group { 37 | @include radius($type: border-radius, $value: $list-radius); 38 | @include box-shadow($value: $list-shadow); 39 | @at-root &-item { 40 | border-color: transparent; 41 | border-top-color: $list-border-color; 42 | &:first-child { 43 | border-top: none; 44 | } 45 | @at-root &-heading { 46 | color: $list-font-color; 47 | } 48 | } 49 | } 50 | 51 | 52 | a.list-group-item { 53 | color: $list-font-color; 54 | 55 | & .list-group-item-heading { 56 | font-size: 16px; 57 | color: $list-font-color; 58 | } 59 | 60 | &:hover, 61 | &:focus { 62 | background-color: $list-item-background-color; 63 | } 64 | &.active, 65 | &.active:hover, 66 | &.active:focus { 67 | background-color: $list-primary; 68 | border-color: $list-primary; 69 | } 70 | &.active .list-group-item-text, 71 | &.active:hover .list-group-item-text, 72 | &.active:focus .list-group-item-text { 73 | color: $list-background-color; 74 | } 75 | } 76 | .list-group-item-primary { 77 | color: darken($list-primary, 10%); 78 | border-color: $list-primary-hover transparent transparent transparent; 79 | background-color: $list-primary; 80 | &:first-child { 81 | border-color: transparent; 82 | } 83 | @at-root a.list-group-item-primary { 84 | color: darken($list-primary, 30%); 85 | &:hover, 86 | &:focus { 87 | color: $list-background-color; 88 | background-color: $list-primary-hover; 89 | } 90 | &.active, 91 | &:hover, 92 | &:focus { 93 | background-color: $list-primary-hover; 94 | border-color: $list-primary transparent transparent transparent; 95 | } 96 | } 97 | } 98 | .list-group-item-success { 99 | color: darken($list-success, 10%); 100 | border-color: $list-success-hover transparent transparent transparent; 101 | background-color: $list-success; 102 | &:first-child { 103 | border-color: transparent; 104 | } 105 | @at-root a.list-group-item-success { 106 | color: darken($list-success, 30%); 107 | &:hover, 108 | &:focus { 109 | color: $list-background-color; 110 | background-color: $list-success-hover; 111 | } 112 | &.active, 113 | &:hover, 114 | &:focus { 115 | background-color: $list-success-hover; 116 | border-color: $list-success transparent transparent transparent; 117 | } 118 | } 119 | } 120 | .list-group-item-warning { 121 | color: darken($list-warning, 10%); 122 | border-color: $list-warning-hover transparent transparent transparent; 123 | background-color: $list-warning; 124 | &:first-child { 125 | border-color: transparent; 126 | } 127 | @at-root a.list-group-item-warning { 128 | color: darken($list-warning, 40%); 129 | &:hover, 130 | &:focus { 131 | color: $list-background-color; 132 | background-color: $list-warning-hover; 133 | } 134 | &.active, 135 | &:hover, 136 | &:focus { 137 | background-color: $list-warning-hover; 138 | border-color: $list-warning transparent transparent transparent; 139 | } 140 | } 141 | } 142 | .list-group-item-info { 143 | color: darken($list-info, 10%); 144 | border-color: $list-info-hover transparent transparent transparent; 145 | background-color: $list-info; 146 | &:first-child { 147 | border-color: transparent; 148 | } 149 | @at-root a.list-group-item-info { 150 | color: darken($list-info, 30%); 151 | &:hover, 152 | &:focus { 153 | color: $list-background-color; 154 | background-color: $list-info-hover; 155 | } 156 | &.active, 157 | &:hover, 158 | &:focus { 159 | background-color: $list-info-hover; 160 | border-color: $list-info transparent transparent transparent; 161 | } 162 | } 163 | } 164 | .list-group-item-danger { 165 | color: darken($list-danger, 10%); 166 | border-color: $list-danger-hover transparent transparent transparent; 167 | background-color: $list-danger; 168 | &:first-child { 169 | border-color: transparent; 170 | } 171 | @at-root a.list-group-item-danger { 172 | color: darken($list-danger, 30%); 173 | &:hover, 174 | &:focus { 175 | color: $list-background-color; 176 | background-color: $list-danger-hover; 177 | } 178 | &.active, 179 | &:hover, 180 | &:focus { 181 | background-color: $list-danger-hover; 182 | border-color: $list-danger transparent transparent transparent; 183 | } 184 | } 185 | } 186 | } 187 | 188 | 189 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_media_list.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $media-list-font-color-head: $darkgray-dark !default; 4 | $media-list-font-color-body: $mediumgray-dark !default; 5 | 6 | 7 | // Exports 8 | //------------------------------------------------------ 9 | 10 | @include exports("media-list") { 11 | 12 | /** 13 | * media list 14 | * -------------------------------------------------- 15 | */ 16 | .media-list { 17 | color: $media-list-font-color-body; 18 | @at-root .media-heading { 19 | font-size: 14px; 20 | color: $media-list-font-color-head; 21 | } 22 | } 23 | 24 | } 25 | 26 | 27 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_modal.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $modal-font-color: $darkgray-dark !default; 4 | 5 | $modal-radius: 4px; 6 | $modal-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 7 | 8 | 9 | // Exports 10 | //------------------------------------------------------ 11 | 12 | @include exports("modal") { 13 | 14 | /** 15 | * modal 16 | * -------------------------------------------------- 17 | */ 18 | 19 | .modal { 20 | &-content { 21 | border: none; 22 | @include radius($type: border-radius, $value: $modal-radius); 23 | color: $modal-font-color; 24 | @include box-shadow($value: $modal-shadow); 25 | } 26 | &-header { 27 | border-bottom: none; 28 | } 29 | &-body { 30 | padding: 0 15px; 31 | } 32 | &-footer { 33 | border-top: none; 34 | } 35 | } 36 | 37 | } 38 | 39 | 40 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_navbar.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $navbar-background-color: $mint-dark !default; 4 | $navbar-background-color-active: $mint-light !default; 5 | 6 | $navbar-font-color: $white !default; 7 | $navbar-item-background-color-hover: $navbar-background-color-active !default; 8 | 9 | $navbar-inverse-background-color: $black !default; 10 | 11 | // Exports 12 | //------------------------------------------------------ 13 | 14 | @include exports("navbar") { 15 | 16 | /** 17 | * navbar 18 | * -------------------------------------------------- 19 | */ 20 | .navbar-form { 21 | padding: 0 !important; 22 | } 23 | 24 | .navbar-default { 25 | & { 26 | background-color: $navbar-background-color; 27 | border-color: $navbar-background-color; 28 | } 29 | & .navbar-brand, 30 | & .navbar-link, 31 | & .btn-link { 32 | color: darken($navbar-background-color, 15%); 33 | } 34 | & .navbar-brand:hover, 35 | & .navbar-brand:focus, 36 | & .navbar-link:hover, 37 | & .btn-link:hover, 38 | & .btn-link:focus { 39 | color: $navbar-font-color; 40 | background-color: transparent; 41 | } 42 | & .navbar-text, 43 | & .navbar-nav > li > a { 44 | color: darken($navbar-background-color, 15%); 45 | } 46 | & .navbar-nav > li > a:hover, 47 | & .navbar-nav > li > a:focus { 48 | color: $navbar-font-color; 49 | } 50 | & .navbar-nav > .active > a, 51 | & .navbar-nav > .active > a:hover, 52 | & .navbar-nav > .active > a:focus { 53 | color: $navbar-font-color; 54 | background-color: $navbar-background-color-active; 55 | } 56 | & .btn-link[disabled]:hover, 57 | fieldset[disabled] & .btn-link:hover, 58 | & .btn-link[disabled]:focus, 59 | fieldset[disabled] & .btn-link:focus, 60 | & .navbar-nav > .disabled > a, 61 | & .navbar-nav > .disabled > a:hover, 62 | & .navbar-nav > .disabled > a:focus { 63 | color: darken($navbar-background-color, 8%); 64 | background-color: transparent; 65 | } 66 | & .navbar-toggle { 67 | border-color: darken($navbar-background-color, 15%); 68 | background-color: darken($navbar-background-color, 15%); 69 | } 70 | & .navbar-toggle:hover, 71 | & .navbar-toggle:focus { 72 | border-color: darken($navbar-background-color, 10%); 73 | background-color: darken($navbar-background-color, 10%); 74 | } 75 | & .navbar-toggle .icon-bar { 76 | background-color: $navbar-background-color; 77 | } 78 | & .navbar-collapse, 79 | & .navbar-form { 80 | border-color: $navbar-item-background-color-hover; 81 | } 82 | 83 | 84 | & .navbar-nav > .open > a, 85 | & .navbar-nav > .open > a:hover, 86 | & .navbar-nav > .open > a:focus { 87 | color: $navbar-font-color; 88 | background-color: $navbar-background-color; 89 | } 90 | 91 | @media (max-width: 767px) { 92 | & .navbar-nav > li > a:hover, 93 | & .navbar-nav > li > a:focus { 94 | background-color: $navbar-background-color-active; 95 | } 96 | & .navbar-nav .open .dropdown-menu > .divider { 97 | background-color: $navbar-item-background-color-hover; 98 | } 99 | & .navbar-nav .open .dropdown-menu > li > a { 100 | color: darken($navbar-background-color, 15%);; 101 | } 102 | & .navbar-nav .open .dropdown-menu > li > a:hover, 103 | & .navbar-nav .open .dropdown-menu > li > a:focus, 104 | & .navbar-nav .open .dropdown-menu > .active > a, 105 | & .navbar-nav .open .dropdown-menu > .active > a:hover, 106 | & .navbar-nav .open .dropdown-menu > .active > a:focus { 107 | color: $navbar-font-color; 108 | background-color: $navbar-item-background-color-hover; 109 | } 110 | & .navbar-nav .open .dropdown-menu > .dropdown-header { 111 | color: darken($navbar-background-color, 15%); 112 | } 113 | & .navbar-nav .open .dropdown-menu > .disabled > a, 114 | & .navbar-nav .open .dropdown-menu > .disabled > a:hover, 115 | & .navbar-nav .open .dropdown-menu > .disabled > a:focus { 116 | color: darken($navbar-background-color, 10%); 117 | } 118 | } 119 | } 120 | 121 | .navbar-inverse { 122 | & { 123 | background-color: lighten($navbar-inverse-background-color, 20%); 124 | border-color: lighten($navbar-inverse-background-color, 20%); 125 | } 126 | & .navbar-brand, 127 | & .navbar-link, 128 | & .btn-link { 129 | color: lighten($navbar-inverse-background-color, 55%); 130 | } 131 | & .navbar-brand:hover, 132 | & .navbar-brand:focus, 133 | & .navbar-link:hover, 134 | & .btn-link:hover, 135 | & .btn-link:focus { 136 | color: $navbar-font-color; 137 | background-color: transparent; 138 | } 139 | & .navbar-text, 140 | & .navbar-nav > li > a { 141 | color: lighten($navbar-inverse-background-color, 55%); 142 | } 143 | & .navbar-nav > li > a:hover, 144 | & .navbar-nav > li > a:focus { 145 | color: $navbar-font-color; 146 | } 147 | & .navbar-nav > .active > a, 148 | & .navbar-nav > .active > a:hover, 149 | & .navbar-nav > .active > a:focus { 150 | color: $navbar-font-color; 151 | background-color: $navbar-inverse-background-color; 152 | } 153 | & .btn-link[disabled]:hover, 154 | fieldset[disabled] & .btn-link:hover, 155 | & .btn-link[disabled]:focus, 156 | fieldset[disabled] & .btn-link:focus, 157 | & .navbar-nav > .disabled > a, 158 | & .navbar-nav > .disabled > a:hover, 159 | & .navbar-nav > .disabled > a:focus { 160 | color: lighten($navbar-inverse-background-color, 40%); 161 | background-color: transparent; 162 | } 163 | & .navbar-toggle { 164 | border-color: $navbar-inverse-background-color; 165 | background-color: $navbar-inverse-background-color; 166 | } 167 | & .navbar-toggle:hover, 168 | & .navbar-toggle:focus { 169 | border-color: lighten($navbar-inverse-background-color, 10%); 170 | background-color: lighten($navbar-inverse-background-color, 10%); 171 | } 172 | & .navbar-toggle .icon-bar { 173 | background-color: lighten($navbar-inverse-background-color, 55%); 174 | } 175 | & .navbar-collapse, 176 | & .navbar-form { 177 | border-color: $navbar-inverse-background-color; 178 | } 179 | & .navbar-nav > .open > a, 180 | & .navbar-nav > .open > a:hover, 181 | & .navbar-nav > .open > a:focus { 182 | color: $navbar-font-color; 183 | background-color: $navbar-inverse-background-color; 184 | } 185 | 186 | @media (max-width: 767px) { 187 | & .navbar-nav > li > a:hover, 188 | & .navbar-nav > li > a:focus { 189 | background-color: $navbar-inverse-background-color; 190 | } 191 | & .navbar-nav .open .dropdown-menu > .divider { 192 | background-color: $navbar-inverse-background-color; 193 | } 194 | & .navbar-nav .open .dropdown-menu > li > a { 195 | color: lighten($navbar-inverse-background-color, 55%); 196 | } 197 | & .navbar-nav .open .dropdown-menu > li > a:hover, 198 | & .navbar-nav .open .dropdown-menu > li > a:focus, 199 | & .navbar-nav .open .dropdown-menu > .active > a, 200 | & .navbar-nav .open .dropdown-menu > .active > a:hover, 201 | & .navbar-nav .open .dropdown-menu > .active > a:focus { 202 | color: $navbar-font-color; 203 | background-color: $navbar-inverse-background-color; 204 | } 205 | & .navbar-nav .open .dropdown-menu > .dropdown-header { 206 | color: lighten($navbar-inverse-background-color, 75%); 207 | } 208 | & .navbar-nav .open .dropdown-menu > .disabled > a, 209 | & .navbar-nav .open .dropdown-menu > .disabled > a:hover, 210 | & .navbar-nav .open .dropdown-menu > .disabled > a:focus { 211 | color: lighten($navbar-inverse-background-color, 40%); 212 | } 213 | } 214 | } 215 | 216 | } 217 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_pager.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $paper-background-color: $grass-dark !default; 4 | $paper-background-color-hover: $grass-light !default; 5 | 6 | $paper-font-color: $white !default; 7 | $paper-font-color-disabled: $lightgray-dark !default; 8 | 9 | // Exports 10 | //------------------------------------------------------ 11 | 12 | @include exports("pager") { 13 | 14 | /** 15 | * pager 16 | * -------------------------------------------------- 17 | */ 18 | .pager { 19 | 20 | & li > a, 21 | & li > span { 22 | color: $paper-font-color; 23 | background-color: $paper-background-color; 24 | border-color: $paper-background-color; 25 | } 26 | & li > a:hover, 27 | & li > a:focus { 28 | background-color: $paper-background-color-hover; 29 | border-color: $paper-background-color-hover; 30 | } 31 | & .disabled > a, 32 | & .disabled > a:hover, 33 | & .disabled > a:focus, 34 | & .disabled > span { 35 | color: $paper-font-color-disabled; 36 | background-color: $paper-font-color; 37 | border-color: $paper-font-color-disabled; 38 | } 39 | } 40 | } 41 | 42 | 43 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_pagination.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $pagination-background-color: $white !default; 4 | $pagination-background-color-hover: $mediumgray-light !default; 5 | $pagination-background-color-active: $grass-dark !default; 6 | 7 | $pagination-font-color: $darkgray-dark !default; 8 | $pagination-font-color-hover: $white !default; 9 | $pagination-font-color-disabled: $lightgray-dark !default; 10 | 11 | // Exports 12 | //------------------------------------------------------ 13 | 14 | @include exports("pagination") { 15 | 16 | /** 17 | * pagination 18 | * -------------------------------------------------- 19 | */ 20 | .pagination { 21 | 22 | & > li > a, 23 | & > li > span { 24 | color: $pagination-font-color; 25 | background-color: $pagination-background-color; 26 | border-color: $pagination-background-color-hover; 27 | } 28 | & > li > a:hover, 29 | & > li > span:hover, 30 | & > li > a:focus, 31 | & > li > span:focus { 32 | color: $pagination-font-color-hover; 33 | background-color: $pagination-background-color-hover; 34 | border-color: $pagination-background-color-hover; 35 | } 36 | & > .active > a, 37 | & > .active > span, 38 | & > .active > a:hover, 39 | & > .active > span:hover, 40 | & > .active > a:focus, 41 | & > .active > span:focus { 42 | color: $pagination-font-color-hover; 43 | background-color: $pagination-background-color-active; 44 | border-color: $pagination-background-color-active; 45 | } 46 | & > .disabled > span, 47 | & > .disabled > span:hover, 48 | & > .disabled > span:focus, 49 | & > .disabled > a, 50 | & > .disabled > a:hover, 51 | & > .disabled > a:focus { 52 | color: $pagination-font-color-disabled; 53 | background-color: $pagination-background-color; 54 | border-color: $pagination-background-color-hover; 55 | } 56 | } 57 | } 58 | 59 | 60 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_panel.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $panel-normal: $lightgray-dark !default; 4 | $panel-default: $white !default; 5 | $panel-primary: $aqua-dark !default; 6 | $panel-success: $grass-dark !default; 7 | $panel-danger: $grapefruit-dark !default; 8 | $panel-warning: $sunflower-dark !default; 9 | $panel-info: $mint-dark !default; 10 | 11 | $panel-font-color: $darkgray-dark !default; 12 | 13 | $panel-background-color: $white !default; 14 | $panel-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 15 | $panel-radius: 4px !default; 16 | 17 | 18 | // Exports 19 | //------------------------------------------------------ 20 | 21 | @include exports("panel") { 22 | 23 | /** 24 | * panel 25 | * -------------------------------------------------- 26 | */ 27 | .panel { 28 | background-color: $panel-background-color; 29 | border: none; 30 | @include radius($type: border-radius, $value: $panel-radius); 31 | @include box-shadow($value: $panel-shadow); 32 | 33 | & .list-group { 34 | @include box-shadow($value: none); 35 | } 36 | & .list-group-item:first-child { 37 | border-top: 1px solid $panel-normal; 38 | } 39 | 40 | &-heading { 41 | @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); 42 | } 43 | &-title { 44 | font-size: 14px; 45 | color: $panel-font-color; 46 | font-weight: normal; 47 | } 48 | &-footer { 49 | background-color: $panel-normal; 50 | border-top-color: $panel-normal; 51 | @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 52 | } 53 | 54 | @at-root &-default { 55 | border-color: $panel-normal; 56 | & > .panel-heading { 57 | color: $panel-font-color; 58 | background-color: $panel-normal; 59 | border-color: $panel-normal; 60 | } 61 | } 62 | @at-root &-primary { 63 | border-color: $panel-primary; 64 | & > .panel-heading { 65 | color: $panel-default; 66 | background-color: $panel-primary; 67 | border-color: $panel-primary; 68 | } 69 | } 70 | @at-root &-success { 71 | border-color: $panel-success; 72 | & > .panel-heading { 73 | color: $panel-default; 74 | background-color: $panel-success; 75 | border-color: $panel-success; 76 | } 77 | } 78 | @at-root &-info { 79 | border-color: $panel-info; 80 | & > .panel-heading { 81 | color: $panel-default; 82 | background-color: $panel-info; 83 | border-color: $panel-info; 84 | } 85 | } 86 | @at-root &-warning { 87 | border-color: $panel-warning; 88 | & > .panel-heading { 89 | color: $panel-default; 90 | background-color: $panel-warning; 91 | border-color: $panel-warning; 92 | } 93 | } 94 | @at-root &-danger { 95 | border-color: $panel-danger; 96 | & > .panel-heading { 97 | color: $panel-default; 98 | background-color: $panel-danger; 99 | border-color: $panel-danger; 100 | } 101 | } 102 | 103 | @at-root &-primary > &-heading > &-title, 104 | &-success > &-heading > &-title, 105 | &-info > &-heading > &-title, 106 | &-warning > &-heading > &-title, 107 | &-danger > &-heading > &-title { 108 | color: $panel-default; 109 | } 110 | 111 | & > .list-group:first-child .list-group-item:first-child, 112 | & > .table:first-child, 113 | & > .table-responsive:first-child > .table:first-child { 114 | @include radius($type: border-radius, $value: $panel-radius $panel-radius 0 0); 115 | } 116 | & > .list-group:last-child .list-group-item:last-child { 117 | @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 118 | } 119 | & > .table:first-child > thead:first-child > tr:first-child td:first-child, 120 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, 121 | & > .table:first-child > tbody:first-child > tr:first-child td:first-child, 122 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, 123 | & > .table:first-child > thead:first-child > tr:first-child th:first-child, 124 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, 125 | & > .table:first-child > tbody:first-child > tr:first-child th:first-child, 126 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { 127 | @include radius($type: border-radius, $value: $panel-radius 0 0 0); 128 | } 129 | & > .table:first-child > thead:first-child > tr:first-child td:last-child, 130 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, 131 | & > .table:first-child > tbody:first-child > tr:first-child td:last-child, 132 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, 133 | & > .table:first-child > thead:first-child > tr:first-child th:last-child, 134 | & > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, 135 | & > .table:first-child > tbody:first-child > tr:first-child th:last-child, 136 | & > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { 137 | @include radius($type: border-radius, $value: 0 $panel-radius 0 0); 138 | } 139 | & > .table:last-child, 140 | & > .table-responsive:last-child > .table:last-child { 141 | @include radius($type: border-radius, $value: 0 0 $panel-radius $panel-radius); 142 | } 143 | & > .table:last-child > tbody:last-child > tr:last-child td:first-child, 144 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, 145 | & > .table:last-child > tfoot:last-child > tr:last-child td:first-child, 146 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, 147 | & > .table:last-child > tbody:last-child > tr:last-child th:first-child, 148 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, 149 | & > .table:last-child > tfoot:last-child > tr:last-child th:first-child, 150 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { 151 | @include radius($type: border-radius, $value: 0 0 0 $panel-radius); 152 | } 153 | & > .table:last-child > tbody:last-child > tr:last-child td:last-child, 154 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, 155 | & > .table:last-child > tfoot:last-child > tr:last-child td:last-child, 156 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, 157 | & > .table:last-child > tbody:last-child > tr:last-child th:last-child, 158 | & > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, 159 | & > .table:last-child > tfoot:last-child > tr:last-child th:last-child, 160 | & > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { 161 | @include radius($type: border-radius, $value: 0 0 $panel-radius 0); 162 | } 163 | & > &-body + .table, 164 | & > &-body + .table-responsive { 165 | border-top-color: $panel-normal; 166 | } 167 | } 168 | 169 | } 170 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_pill.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $pill-background-color: $aqua-dark !default; 4 | $pill-background-color-hover: $lightgray-dark !default; 5 | $pill-font-color: $darkgray-dark !default; 6 | $pill-font-color-active: $white !default; 7 | 8 | 9 | // Exports 10 | //------------------------------------------------------ 11 | 12 | @include exports("pill") { 13 | 14 | /** 15 | * pill 16 | * -------------------------------------------------- 17 | */ 18 | .nav-pills { 19 | & > li.active > a, 20 | & > li.active > a:hover, 21 | & > li.active > a:focus { 22 | color: $pill-font-color-active; 23 | background-color: $pill-background-color; 24 | } 25 | & > li > a { 26 | color: $pill-background-color; 27 | } 28 | & > li > a:hover { 29 | color: $pill-font-color; 30 | background-color: $pill-background-color-hover; 31 | } 32 | & > .active > a > .badge { 33 | color: $pill-background-color; 34 | } 35 | & .open > a, 36 | & .open > a:focus, 37 | & .open > a:hover { 38 | color: $pill-font-color; 39 | background-color: $pill-background-color-hover; 40 | } 41 | } 42 | 43 | } 44 | 45 | 46 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_popover.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $popover-background-color: $darkgray-dark !default; 4 | $popover-font-color: $white !default; 5 | $popover-title-font-color: $mediumgray-dark !default; 6 | 7 | 8 | // Exports 9 | //------------------------------------------------------ 10 | 11 | @include exports("popover") { 12 | 13 | /** 14 | * popover 15 | * -------------------------------------------------- 16 | */ 17 | 18 | .popover { 19 | background-color: $popover-background-color; 20 | color: $popover-font-color; 21 | border-color: $popover-background-color; 22 | 23 | @at-root &-title { 24 | padding-bottom: 0; 25 | font-weight: bold; 26 | color: $popover-title-font-color; 27 | background-color: transparent; 28 | border-bottom: none; 29 | } 30 | &.top .arrow, 31 | &.top .arrow:after { 32 | border-top-color: $popover-background-color; 33 | } 34 | &.right .arrow, 35 | &.right .arrow:after { 36 | border-right-color: $popover-background-color; 37 | } 38 | &.bottom .arrow, 39 | &.bottom .arrow:after { 40 | border-bottom-color: $popover-background-color; 41 | } 42 | &.left .arrow, 43 | &.left .arrow:after { 44 | border-left-color: $popover-background-color; 45 | } 46 | } 47 | 48 | } 49 | 50 | 51 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_pricing.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $pricing-primary: $aqua-light !default; 4 | $pricing-success: $grass-light !default; 5 | $pricing-warning: $sunflower-light !default; 6 | 7 | $pricing-foot-background-color: $lightgray-dark !default; 8 | $pricing-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 9 | $pricing-shadow-active: 0 0 8px rgba(0, 0, 0, .6) !default; 10 | $pricing-radius: 4px !default; 11 | 12 | 13 | 14 | 15 | // Exports 16 | //------------------------------------------------------ 17 | 18 | @include exports("pricing") { 19 | 20 | /** 21 | * pricing 22 | * -------------------------------------------------- 23 | */ 24 | .pricing { 25 | 26 | & ul { 27 | list-style: none; 28 | padding: 0; 29 | } 30 | 31 | & .unit { 32 | position: relative; 33 | display: inline-block; 34 | text-align: center; 35 | min-width: 250px; 36 | @include radius($type: border-radius, $value: $pricing-radius); 37 | @include box-shadow($value: $pricing-shadow); 38 | 39 | &.active { 40 | top: 5px; 41 | margin-left: -36px; 42 | margin-right: -36px; 43 | z-index: 1; 44 | @include box-shadow($value: $pricing-shadow-active); 45 | 46 | & .price-title h3 { 47 | font-size: 40px; 48 | } 49 | } 50 | } 51 | 52 | @media screen and (max-width: 767px) { 53 | & .unit { 54 | display: block; 55 | margin-bottom: 20px; 56 | 57 | &.active { 58 | top: 0; 59 | margin-left: 0; 60 | margin-right: 0; 61 | 62 | & .price-title h3 { 63 | font-size: 30px; 64 | } 65 | } 66 | } 67 | } 68 | 69 | & .price-title { 70 | padding: 20px 20px 10px; 71 | @include radius($type: border-top-left-radius, $value: $pricing-radius); 72 | @include radius($type: border-top-right-radius, $value: $pricing-radius); 73 | color: #FFF; 74 | 75 | & h3, 76 | & h3 > p { 77 | margin: 0; 78 | } 79 | } 80 | 81 | & .price-body { 82 | padding: 20px 20px 10px; 83 | 84 | & ul { 85 | padding-top: 10px; 86 | } 87 | 88 | & li { 89 | margin-bottom: 10px; 90 | } 91 | 92 | & h4 { 93 | margin: 0; 94 | } 95 | } 96 | 97 | & .price-foot { 98 | padding: 20px; 99 | @include radius($type: border-bottom-left-radius, $value: $pricing-radius); 100 | @include radius($type: border-bottom-right-radius, $value: $pricing-radius); 101 | 102 | background-color: $pricing-foot-background-color; 103 | } 104 | 105 | & .price-primary { 106 | & .price-title { 107 | background-color: $pricing-primary; 108 | } 109 | & .price-body { 110 | background-color: lighten($pricing-primary, 30%); 111 | & ul { 112 | border-top: 1px solid lighten($pricing-primary, 20%); 113 | } 114 | } 115 | } 116 | & .price-success { 117 | & .price-title { 118 | background-color: $pricing-success; 119 | } 120 | & .price-body { 121 | background-color: lighten($pricing-success, 30%); 122 | & ul { 123 | border-top: 1px solid lighten($pricing-success, 20%); 124 | } 125 | } 126 | } 127 | & .price-warning { 128 | & .price-title { 129 | background-color: $pricing-warning; 130 | } 131 | & .price-body { 132 | background-color: lighten($pricing-warning, 30%); 133 | & ul { 134 | border-top: 1px solid lighten($pricing-warning, 20%); 135 | } 136 | } 137 | } 138 | } 139 | } 140 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_progress.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $progress-primary: $aqua-dark !default; 4 | $progress-success: $grass-dark !default; 5 | $progress-danger: $grapefruit-dark !default; 6 | $progress-warning: $sunflower-dark !default; 7 | $progress-info: $mint-dark !default; 8 | 9 | $progress-background-color: $lightgray-dark !default; 10 | 11 | // Exports 12 | //------------------------------------------------------ 13 | @include exports("progress") { 14 | 15 | /** 16 | * progress 17 | * -------------------------------------------------- 18 | */ 19 | .progress { 20 | background-color: $progress-background-color; 21 | @include box-shadow($value: none); 22 | 23 | &-bar { 24 | background-color: $progress-primary; 25 | @include box-shadow($value: none); 26 | } 27 | &-bar-success { 28 | background-color: $progress-success; 29 | } 30 | &-bar-info { 31 | background-color: $progress-info; 32 | } 33 | &-bar-warning { 34 | background-color: $progress-warning; 35 | } 36 | &-bar-danger { 37 | background-color: $progress-danger; 38 | } 39 | } 40 | } 41 | 42 | 43 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_selecter.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $selecter-primary: $aqua-dark !default; 4 | 5 | $selecter-border-color: $mediumgray-dark !default; 6 | $selecter-background-color: $white !default; 7 | $selecter-disabled-color: $mediumgray-dark !default; 8 | $selecter-disabled-background-color: $lightgray-dark !default; 9 | $selecter-radius-value: 4px !default; 10 | $selecter-arrow-width: 20px !default; 11 | 12 | $selecter-group-color: $mediumgray-dark !default; 13 | $selecter-group-background-color: $lightgray-light !default; 14 | 15 | $selecter-item-border-color: $lightgray-dark !default; 16 | $selecter-item-hover: $lightgray-dark !default; 17 | $selecter-item-selected: $aqua-dark !default; 18 | $selecter-item-selected-border-color: $aqua-light !default; 19 | 20 | 21 | // Exports 22 | //------------------------------------------------------ 23 | 24 | @include exports("selecter") { 25 | .selecter { 26 | display: block; 27 | position: relative; 28 | max-width: 100%; 29 | z-index: 1; 30 | outline: none; 31 | 32 | & .selecter-element { 33 | display: none; 34 | *left: -999999px; 35 | height: 100%; 36 | left: 0; 37 | position: absolute; 38 | @include opacity($opacity: 0, $filter: true); 39 | width: 100%; 40 | z-index: 0; 41 | } 42 | & .selecter-element, 43 | & .selecter-element:focus { 44 | outline: none; 45 | -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 46 | -webkit-tap-highlight-color: transparent; 47 | } 48 | 49 | & .selecter-selected { 50 | background-color: $selecter-background-color; 51 | border: 1px solid $selecter-border-color; 52 | @include radius($value: $selecter-radius-value); 53 | cursor: pointer; 54 | display: block; 55 | overflow: hidden; 56 | padding: 6px 10px; 57 | position: relative; 58 | text-overflow: clip; 59 | z-index: 2; 60 | 61 | &:after { 62 | position: absolute; 63 | top: 14px; 64 | right: 10px; 65 | content: ""; 66 | width: 0; 67 | height: 0; 68 | border-top: 4px solid $black; 69 | border-left: 4px solid transparent; 70 | border-right: 4px solid transparent; 71 | } 72 | } 73 | & .selecter-options { 74 | border: 1px solid $selecter-border-color; 75 | border-width: 0 1px 1px; 76 | @include radius($value: 0 0 $selecter-radius-value $selecter-radius-value); 77 | @include box-shadow($value: 0 6px 12px rgba(0,0,0,.175)); 78 | background-color: $selecter-background-color; 79 | display: none; 80 | left: 0; 81 | max-height: 260px; 82 | overflow: auto; 83 | overflow-x: hidden; 84 | position: absolute; 85 | top: 100%; 86 | width: 100%; 87 | *width: auto; 88 | z-index: 50; 89 | } 90 | & .selecter-group { 91 | border-bottom: 1px solid $selecter-item-border-color; 92 | color: $selecter-group-color; 93 | background-color: $selecter-group-background-color; 94 | display: block; 95 | font-size: 11px; 96 | padding: 5px 10px 4px; 97 | text-transform: uppercase; 98 | } 99 | & .selecter-item { 100 | background-color: $selecter-background-color; 101 | border-bottom: 1px solid $selecter-item-border-color; 102 | cursor: pointer; 103 | display: block; 104 | margin: 0; 105 | overflow: hidden; 106 | padding: 6px 10px; 107 | text-overflow: ellipsis; 108 | width: 100%; 109 | 110 | &.selected { 111 | color: $white; 112 | border-bottom-color: $selecter-item-selected-border-color; 113 | background-color: $selecter-item-selected; 114 | } 115 | &.disabled { 116 | color: $selecter-disabled-color; 117 | cursor: default; 118 | } 119 | &:first-child { 120 | @include radius($value: 0); 121 | } 122 | &:last-child { 123 | @include radius($value: 0 0 $selecter-radius-value $selecter-radius-value); 124 | border-bottom: 0; 125 | } 126 | } 127 | 128 | & .selecter-item:hover { 129 | background-color: $selecter-item-hover; 130 | } 131 | & .selecter-item.selected:hover { 132 | background-color: $selecter-item-selected; 133 | } 134 | 135 | & .selecter-item.disabled:hover, 136 | &:hover .selecter-selected, 137 | &.disabled .selecter-item:hover { 138 | background-color: $selecter-background-color; 139 | } 140 | 141 | /* Open */ 142 | &.open { 143 | outline: 0; 144 | z-index: 3; 145 | 146 | & .selecter-selected { 147 | border: 1px solid $selecter-primary; 148 | @include radius($value: $selecter-radius-value $selecter-radius-value 0 0); 149 | z-index: 51; 150 | } 151 | } 152 | 153 | &.open .selecter-selected, 154 | &.focus .selecter-selected { 155 | background-color: $selecter-background-color; 156 | } 157 | 158 | /* 'Cover' Positioning */ 159 | &.cover { 160 | & .selecter-options { 161 | @include radius($value: $selecter-radius-value); 162 | border-width: 1px; 163 | top: 0; 164 | 165 | & .selecter-item.first { 166 | @include radius($value: $selecter-radius-value $selecter-radius-value 0 0); 167 | } 168 | 169 | } 170 | 171 | &.open .selecter-selected { 172 | @include radius($value: $selecter-radius-value $selecter-radius-value 0 0); 173 | z-index: 49; 174 | } 175 | } 176 | 177 | 178 | /* 'Bottom' Positioning */ 179 | &.bottom { 180 | & .selecter-options { 181 | border-width: 1px 1px 0; 182 | bottom: 100%; 183 | top: auto; 184 | } 185 | & .selecter-item:last-child { 186 | @include radius($value: 0); 187 | border: none; 188 | } 189 | &.open .selecter-selected { 190 | @include radius($value: 0 0 $selecter-radius-value $selecter-radius-value); 191 | } 192 | &.open .selecter-options { 193 | @include radius($value: $selecter-radius-value $selecter-radius-value 0 0); 194 | } 195 | } 196 | 197 | /* 'Bottom' + 'Cover' Positioning */ 198 | &.bottom.cover { 199 | & .selecter-options { 200 | bottom: 0; 201 | top: auto; 202 | } 203 | &.open .selecter-selected, 204 | &.open .selecter-options { 205 | @include radius($value: $selecter-radius-value); 206 | } 207 | } 208 | 209 | 210 | /* Multiple Select */ 211 | &.multiple .selecter-options { 212 | @include radius($value: $selecter-radius-value); 213 | border-width: 1px; 214 | box-shadow: none; 215 | display: block; 216 | position: static; 217 | width: 100%; 218 | } 219 | 220 | /* 'Disabled' State */ 221 | &.disabled { 222 | & .selecter-selected { 223 | background-color: $selecter-disabled-background-color; 224 | border-color: $selecter-disabled-background-color; 225 | color: $selecter-disabled-color; 226 | cursor: default; 227 | } 228 | & .selecter-options { 229 | background-color: $selecter-disabled-background-color; 230 | border-color: $selecter-disabled-background-color; 231 | } 232 | & .selecter-group, 233 | & .selecter-item { 234 | background-color: $selecter-disabled-background-color; 235 | border-color: $selecter-item-border-color; 236 | color: $selecter-disabled-color; 237 | cursor: default; 238 | } 239 | & .selecter-item.selected { 240 | background-color: $selecter-primary; 241 | @include opacity($opacity: 45, $filter: true); 242 | color: $white; 243 | } 244 | } 245 | 246 | 247 | /* Scroller Support */ 248 | & .selecter-options.scroller { 249 | overflow: hidden; 250 | 251 | & .scroller-content { 252 | max-height: 260px; 253 | padding: 0; 254 | } 255 | } 256 | 257 | } 258 | } 259 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_stepper.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $stepper-primary: $aqua-dark !default; 4 | $stepper-primary-hover: $aqua-light !default; 5 | 6 | $stepper-arrow-width: 20px !default; 7 | 8 | 9 | // Exports 10 | //------------------------------------------------------ 11 | 12 | @include exports("stepper") { 13 | 14 | /** 15 | * stepper 16 | * -------------------------------------------------- 17 | */ 18 | .stepper { 19 | & .stepper-input { 20 | overflow: hidden; 21 | -moz-appearance: textfield; 22 | 23 | &::-webkit-inner-spin-button, 24 | &::-webkit-outer-spin-button { 25 | -webkit-appearance: none; 26 | margin: 0; 27 | } 28 | } 29 | 30 | & .stepper-arrow { 31 | background-color: $stepper-primary; 32 | cursor: pointer; 33 | display: block; 34 | height: 50%; 35 | position: absolute; 36 | right: 15px; 37 | text-indent: -99999px; 38 | width: $stepper-arrow-width; 39 | 40 | &:hover, 41 | &:active { 42 | background-color: $stepper-primary-hover; 43 | } 44 | } 45 | & .up { 46 | @include prefixer($property: border-top-right-radius, $value: 3px, $prefixes: webkit moz spec); 47 | border: 1px solid darken($stepper-primary, 7%); 48 | top: 0; 49 | } 50 | & .down { 51 | @include prefixer($property: border-bottom-right-radius, $value: 3px, $prefixes: webkit moz spec); 52 | bottom: 0; 53 | } 54 | & .up::before, 55 | & .down::before { 56 | content: ""; 57 | position: absolute; 58 | width: 0; 59 | height: 0; 60 | border-left: 4px solid transparent; 61 | border-right: 4px solid transparent; 62 | } 63 | & .up::before { 64 | top: 5px; 65 | left: 5px; 66 | border-bottom: 4px solid $white; 67 | } 68 | & .down:before { 69 | bottom: 5px; 70 | left: 6px; 71 | border-top: 4px solid $white; 72 | } 73 | &.disabled .stepper-arrow { 74 | background-color: $stepper-primary; 75 | @include opacity($opacity: 45, $filter: true); 76 | } 77 | } 78 | 79 | } 80 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_tab.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $tab-background-color: $lightgray-dark !default; 4 | $tab-background-color-hover: $lightgray-light !default; 5 | $tab-radius: 4px !default; 6 | 7 | $tab-font-color: $darkgray-dark !default; 8 | $tab-font-color-acitve: $white !default; 9 | 10 | $tab-aside-width: 74px !default; 11 | 12 | $tab-border-color: $mediumgray-light !default; 13 | // Exports 14 | //------------------------------------------------------ 15 | 16 | @include exports("tab") { 17 | 18 | /** 19 | * tab 20 | * -------------------------------------------------- 21 | */ 22 | .nav-tabs { 23 | border-bottom: none; 24 | background-color: $tab-background-color; 25 | @include radius($type: border-radius, $value: $tab-radius $tab-radius 0 0); 26 | 27 | & > li { 28 | margin-bottom: 0; 29 | border-left: 1px solid $tab-border-color; 30 | } 31 | & > li:first-child { 32 | border-left: none; 33 | } 34 | & > li > a { 35 | margin-right: 0; 36 | border: none; 37 | @include radius($type: border-radius, $value: 0); 38 | color: $tab-font-color; 39 | } 40 | & > li:first-child > a { 41 | @include radius($type: border-radius, $value: $tab-radius 0 0 0); 42 | } 43 | & > li > a:focus, 44 | & > li > a:hover { 45 | border: none; 46 | background-color: $tab-background-color-hover; 47 | } 48 | & > li.active > a, 49 | & > li.active > a:focus, 50 | & > li.active > a:hover { 51 | border: none; 52 | background-color: $tab-font-color-acitve !important; 53 | } 54 | 55 | & .dropdown-toggle, 56 | & .dropdown-toggle:hover, 57 | & .dropdown-toggle:focus { 58 | color: $tab-font-color; 59 | } 60 | 61 | & li.dropdown.open .dropdown-toggle { 62 | color: $tab-font-color; 63 | background-color: $tab-background-color-hover; 64 | } 65 | & li.dropdown.active.open .dropdown-toggle { 66 | color: $tab-font-color; 67 | } 68 | & li.dropdown.active.open .dropdown-toggle .caret, 69 | & li.dropdown.active .dropdown-toggle .caret { 70 | border-top-color: $tab-font-color; 71 | border-bottom-color: $tab-font-color; 72 | } 73 | & li.dropdown.open .caret, 74 | & li.dropdown.open.active .caret, 75 | & li.dropdown.open a:hover .caret, 76 | & li.dropdown.open a:focus .caret, 77 | & .dropdown-toggle .caret, 78 | & .dropdown-toggle:hover .caret, 79 | & .dropdown-toggle:focus .caret { 80 | border-top-color: $tab-font-color; 81 | border-bottom-color: $tab-font-color; 82 | } 83 | 84 | &.nav-justified > li > a { 85 | margin-bottom: 0; 86 | text-align: center; 87 | } 88 | &.nav-justified > .dropdown .dropdown-menu { 89 | top: auto; 90 | left: auto; 91 | } 92 | &.nav-justified > li > a { 93 | @include radius($type: border-radius, $value: 0); 94 | } 95 | &.nav-justified > li:first-child > a { 96 | @include radius($type: border-radius, $value: $tab-radius 0 0 0); 97 | } 98 | &.nav-justified > li:last-child > a { 99 | @include radius($type: border-radius, $value: 0 $tab-radius 0 0); 100 | } 101 | &.nav-justified > .active > a, 102 | &.nav-justified > .active > a:hover, 103 | &.nav-justified > .active > a:focus { 104 | border: none; 105 | } 106 | @media (min-width: 768px) { 107 | &.nav-justified > li > a { 108 | border-bottom: none; 109 | @include radius($type: border-radius, $value: 0); 110 | } 111 | &.nav-justified > .active > a, 112 | &.nav-justified > .active > a:hover, 113 | &.nav-justified > .active > a:focus { 114 | border-bottom: none; 115 | } 116 | } 117 | 118 | @at-root .tab-content { 119 | padding: 10px; 120 | } 121 | } 122 | 123 | .tabs-below { 124 | & .nav-tabs { 125 | @include radius($type: border-radius, $value: 0 0 $tab-radius $tab-radius); 126 | } 127 | & .nav-tabs > li:first-child > a { 128 | @include radius($type: border-radius, $value: 0 0 0 $tab-radius); 129 | } 130 | & .nav-tabs.nav-justified > li:last-child > a { 131 | @include radius($type: border-radius, $value: 0 0 $tab-radius 0); 132 | } 133 | } 134 | 135 | .tabs-left .nav-tabs > li, 136 | .tabs-right .nav-tabs > li { 137 | float: none; 138 | border-left: none; 139 | border-top: 1px solid $tab-border-color; 140 | } 141 | .tabs-left .nav-tabs > li:first-child, 142 | .tabs-right .nav-tabs > li:first-child { 143 | border-top: none; 144 | } 145 | .tabs-left .nav-tabs > li > a, 146 | .tabs-right .nav-tabs > li > a { 147 | min-width: $tab-aside-width; 148 | margin-right: 0; 149 | } 150 | .tabs-left { 151 | & .nav-tabs { 152 | float: left; 153 | margin-right: 19px; 154 | @include radius($type: border-radius, $value: $tab-radius 0 0 $tab-radius); 155 | } 156 | & .nav-tabs > li:first-child > a { 157 | @include radius($type: border-radius, $value: $tab-radius 0 0 0); 158 | } 159 | & .nav-tabs > li:last-child > a { 160 | @include radius($type: border-radius, $value: 0 0 0 $tab-radius); 161 | } 162 | } 163 | .tabs-right { 164 | & .nav-tabs { 165 | float: right; 166 | margin-left: 19px; 167 | @include radius($type: border-radius, $value: 0 $tab-radius $tab-radius 0); 168 | } 169 | & .nav-tabs > li:first-child > a { 170 | @include radius($type: border-radius, $value: 0 $tab-radius 0 0); 171 | } 172 | & .nav-tabs > li:last-child > a { 173 | @include radius($type: border-radius, $value: 0 0 $tab-radius 0); 174 | } 175 | } 176 | 177 | } 178 | 179 | 180 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_thumbnail.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $media-font-color: $darkgray-dark !default; 4 | 5 | 6 | $thumbnail-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 7 | 8 | 9 | // Exports 10 | //------------------------------------------------------ 11 | 12 | @include exports("thumbnail") { 13 | 14 | /** 15 | * thumbnail 16 | * -------------------------------------------------- 17 | */ 18 | .thumbnail { 19 | border: none; 20 | @include box-shadow($value: $list-shadow); 21 | 22 | & a > img, & > img { 23 | width: 100%; 24 | } 25 | 26 | & .caption { 27 | font-size: 14px; 28 | } 29 | 30 | & .caption h1, 31 | & .caption h2, 32 | & .caption h3, 33 | & .caption h4, 34 | & .caption h5, 35 | & .caption h6 { 36 | margin: 5px 0 10px; 37 | font-size: 16px; 38 | } 39 | } 40 | 41 | } 42 | 43 | 44 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_timeline.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $timeline-division-background-color: $mediumgray-light !default; 4 | $timeline-years-background-color: $mediumgray-dark !default; 5 | $timeline-years-color: $white !default; 6 | $timeline-dotted-color: $aqua-light !default; 7 | $timeline-dotted-border-color: $lightgray-light !default; 8 | 9 | $timeline-radius: 4px !default; 10 | 11 | // Exports 12 | //------------------------------------------------------ 13 | 14 | @include exports("timeline") { 15 | 16 | /** 17 | * timeline 18 | * -------------------------------------------------- 19 | */ 20 | 21 | .timeline { 22 | & dl { 23 | position: relative; 24 | top: 0; 25 | margin: 0; 26 | padding: 20px 0; 27 | 28 | &:before { 29 | position: absolute; 30 | top: 0; 31 | bottom: 0; 32 | left: 50%; 33 | margin-left: -1px; 34 | width: 2px; 35 | content: ''; 36 | background-color: $timeline-division-background-color; 37 | z-index: 100; 38 | } 39 | 40 | & dt { 41 | position: relative; 42 | top: 30px; 43 | padding: 3px 5px; 44 | margin: 0 auto 30px; 45 | text-align: center; 46 | @include radius($type: border-radius, $value: $timeline-radius); 47 | background-color: $timeline-years-background-color; 48 | font-weight: normal; 49 | color: $timeline-years-color; 50 | width: 120px; 51 | z-index: 200; 52 | } 53 | 54 | & dd { 55 | position: relative; 56 | z-index: 200; 57 | & .circ { 58 | position: absolute; 59 | top: 40px; 60 | left: 50%; 61 | margin-left: -11px; 62 | border: 4px solid $timeline-dotted-border-color; 63 | width: 22px; 64 | height: 22px; 65 | @include radius($type: border-radius, $value: 50%); 66 | background-color: $timeline-dotted-color; 67 | z-index: 200; 68 | } 69 | 70 | & .time { 71 | position: absolute; 72 | top: 31px; 73 | left: 50%; 74 | padding: 10px 20px; 75 | width: 100px; 76 | display: inline-block; 77 | color: $timeline-dotted-color; 78 | } 79 | 80 | & .events { 81 | position: relative; 82 | margin-top: 31px; 83 | padding: 10px 10px 0; 84 | @include radius($type: border-radius, $value: $timeline-radius); 85 | background-color: $white; 86 | width: 47%; 87 | 88 | &:before { 89 | position: absolute; 90 | top: 12px; 91 | width: 0; 92 | height: 0; 93 | content: ''; 94 | border-width: 6px; 95 | border-style: solid; 96 | } 97 | 98 | & .events-object { 99 | margin-right: 10px; 100 | } 101 | 102 | & .events-body { 103 | overflow: hidden; 104 | zoom: 1; 105 | 106 | & .events-heading { 107 | margin: 0 0 10px; 108 | font-size: 14px; 109 | } 110 | } 111 | } 112 | 113 | &.pos-right { 114 | 115 | & .time { 116 | margin-left: -100px; 117 | text-align: right; 118 | } 119 | & .events { 120 | float: right; 121 | 122 | &:before { 123 | left: -12px; 124 | border-color: transparent $white transparent transparent; 125 | } 126 | } 127 | } 128 | &.pos-left { 129 | & .time { 130 | margin-left: 0; 131 | text-align: left; 132 | } 133 | & .events { 134 | float: left; 135 | &:before { 136 | right: -12px; 137 | border-color: transparent transparent transparent $white; 138 | } 139 | } 140 | } 141 | } 142 | } 143 | } 144 | @media screen and (max-width: 767px) { 145 | .timeline dl { 146 | &:before { 147 | left: 60px; 148 | } 149 | & dt { 150 | margin: 0 0 30px; 151 | } 152 | & dd { 153 | & .circ { 154 | left: 60px; 155 | } 156 | & .time { 157 | left: 0; 158 | } 159 | &.pos-left { 160 | & .time { 161 | margin-left: 0; 162 | padding: 10px 0; 163 | text-align: left; 164 | } 165 | & .events { 166 | float: right; 167 | width: 84%; 168 | &:before { 169 | left: -12px; 170 | border-color: transparent $white transparent transparent; 171 | } 172 | } 173 | } 174 | &.pos-right { 175 | & .time { 176 | margin-left: 0; 177 | padding: 10px 0; 178 | text-align: left; 179 | } 180 | & .events { 181 | float: right; 182 | width: 84%; 183 | } 184 | } 185 | } 186 | } 187 | } 188 | 189 | } 190 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_toggle.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $toggle-height: 32px !default; 4 | $toggle-checkbox-opacity: 0 !default; 5 | 6 | $toggle-transition-value: all .25s ease-in-out !default; 7 | 8 | $toggle-default-background-color: $white !default; 9 | $toggle-checked-background-color: $grass-light !default; 10 | $toggle-disabled-background-color: $lightgray-dark !default; 11 | 12 | $toggle-handle-width: 50px !default; 13 | $toggle-handle-height: 32px !default; 14 | $toggle-handle-radius: 19px !default; 15 | 16 | $toggle-control-width: 30px !default; 17 | $toggle-control-height: 30px !default; 18 | $toggle-control-radius: 30px !default; 19 | 20 | $toggle-shadow: inset 0 0 0 1px lighten($mediumgray-dark, 5%) !default; 21 | $toggle-control-shadow: inset 0 0 0 1px lighten($mediumgray-dark, 5%), 1px 1px 1px lighten($mediumgray-dark, 10%) !default; 22 | $toggle-checked-shadow: inset 0 0 0 1px $lightgray-light, 1px 1px 1px lighten($mediumgray-dark, 10%) !default; 23 | 24 | // Exports 25 | //------------------------------------------------------ 26 | 27 | @include exports("toggle") { 28 | 29 | /** 30 | * toggle 31 | * -------------------------------------------------- 32 | */ 33 | .toggle { 34 | height: $toggle-height; 35 | 36 | & input[type="checkbox"], 37 | & input[type="radio"] { 38 | width: 0; 39 | height: 0; 40 | margin: 0; 41 | padding: 0; 42 | text-indent: -100000px; 43 | @include opacity($opacity: $toggle-checkbox-opacity, $filter: true); 44 | } 45 | 46 | & .handle { 47 | display: block; 48 | position: relative; 49 | top: -20px; 50 | left: 0; 51 | width: $toggle-handle-width; 52 | height: $toggle-handle-height; 53 | background-color: $toggle-default-background-color; 54 | @include radius($value: $toggle-handle-radius); 55 | @include box-shadow($value:$toggle-shadow); 56 | 57 | &:before, 58 | &:after { 59 | content: ""; 60 | position: absolute; 61 | top: 1px; 62 | left: 1px; 63 | display: block; 64 | width: $toggle-control-width; 65 | height: $toggle-control-height; 66 | @include radius($value: $toggle-control-radius); 67 | @include transition($toggle-transition-value); 68 | background-color: $toggle-default-background-color; 69 | @include box-shadow($value:$toggle-control-shadow); 70 | } 71 | 72 | } 73 | & input[type="checkbox"]:disabled + .handle, 74 | & input[type="radio"]:disabled + .handle, 75 | & input[type="checkbox"]:disabled + .handle:before, 76 | & input[type="radio"]:disabled + .handle:before, 77 | & input[type="checkbox"]:disabled + .handle:after, 78 | & input[type="radio"]:disabled + .handle:after { 79 | @include opacity($opacity: 60, $filter: true); 80 | background-color: $toggle-disabled-background-color; 81 | } 82 | 83 | & input[type="checkbox"]:checked + .handle:before, 84 | & input[type="radio"]:checked + .handle:before { 85 | width: $toggle-handle-width; 86 | background-color: $toggle-checked-background-color; 87 | } 88 | & input[type="checkbox"]:checked + .handle:after, 89 | & input[type="radio"]:checked + .handle:after { 90 | left: 20px; 91 | @include box-shadow($value:$toggle-checked-shadow); 92 | } 93 | } 94 | } 95 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_tooltip.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $tooltip-background-color: $darkgray-dark !default; 4 | $tooltip-font-color: $white !default; 5 | 6 | 7 | // Exports 8 | //------------------------------------------------------ 9 | 10 | @include exports("tooltip") { 11 | 12 | /** 13 | * tooltip 14 | * -------------------------------------------------- 15 | */ 16 | 17 | .tooltip { 18 | @at-root &-inner { 19 | color: $tooltip-font-color; 20 | background-color: $tooltip-background-color; 21 | } 22 | &.top &-arrow, 23 | &.top-left &-arrow, 24 | &.top-right &-arrow { 25 | border-top-color: $tooltip-background-color; 26 | } 27 | &.right &-arrow { 28 | border-right-color: $tooltip-background-color; 29 | } 30 | &.left &-arrow { 31 | border-left-color: $tooltip-background-color; 32 | } 33 | &.bottom &-arrow, 34 | &.bottom-left &-arrow, 35 | &.bottom-right &-arrow { 36 | border-bottom-color: $tooltip-background-color; 37 | } 38 | } 39 | 40 | } 41 | 42 | 43 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_typography.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $body-font-color: $darkgray-dark !default; 4 | $body-background-color: $white !default; 5 | 6 | $link-font-color: $aqua-dark !default; 7 | $link-font-color-hover: $aqua-light !default; 8 | 9 | $blockquote-border-color: $mediumgray-light !default; 10 | 11 | $image-radius: 4px !default; 12 | 13 | // Exports 14 | //------------------------------------------------------ 15 | 16 | @include exports("typography") { 17 | 18 | /** 19 | * typography 20 | * -------------------------------------------------- 21 | */ 22 | 23 | body { 24 | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 25 | // font-family: 'Lato', sans-serif; 26 | color: $body-font-color; 27 | background-color: $body-background-color; 28 | } 29 | a { 30 | color: $link-font-color; 31 | text-decoration: none; 32 | 33 | &:hover, 34 | &:focus { 35 | color: $link-font-color-hover; 36 | text-decoration: none; 37 | } 38 | &:focus { 39 | outline: none; 40 | } 41 | } 42 | h1, 43 | h2, 44 | h3, 45 | h4, 46 | h5, 47 | h6, 48 | .h1, 49 | .h2, 50 | .h3, 51 | .h4, 52 | .h5, 53 | .h6 { 54 | font-family: inherit; 55 | font-weight: 700; 56 | line-height: 1.1; 57 | color: inherit; 58 | } 59 | h1 small, 60 | h2 small, 61 | h3 small, 62 | h4 small, 63 | h5 small, 64 | h6 small, 65 | .h1 small, 66 | .h2 small, 67 | .h3 small, 68 | .h4 small, 69 | .h5 small, 70 | .h6 small { 71 | color: #e7e9ec; 72 | } 73 | h1, 74 | h2, 75 | h3 { 76 | margin-top: 30px; 77 | margin-bottom: 15px; 78 | } 79 | h4, 80 | h5, 81 | h6 { 82 | margin-top: 15px; 83 | margin-bottom: 15px; 84 | } 85 | h6 { 86 | font-weight: normal; 87 | } 88 | h1, 89 | .h1 { 90 | font-size: 51px; 91 | } 92 | h2, 93 | .h2 { 94 | font-size: 43px; 95 | } 96 | h3, 97 | .h3 { 98 | font-size: 30px; 99 | } 100 | h4, 101 | .h4 { 102 | font-size: 19px; 103 | } 104 | h5, 105 | .h5 { 106 | font-size: 18px; 107 | } 108 | h6, 109 | .h6 { 110 | font-size: 14px; 111 | } 112 | blockquote { 113 | border-left: 3px solid $blockquote-border-color; 114 | } 115 | .img-rounded { 116 | @include radius($type: border-radius, $value: $image-radius); 117 | } 118 | .img-comment { 119 | font-size: 15px; 120 | line-height: 1.2; 121 | font-style: italic; 122 | margin: 24px 0; 123 | } 124 | 125 | } 126 | 127 | 128 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bootflat/scss/bootflat/_well.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $well-font-color: $darkgray-dark !default; 4 | $well-background-color: $white !default; 5 | 6 | $well-blockquote-color: $mediumgray-light !default; 7 | 8 | $well-radius: 4px; 9 | $well-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; 10 | 11 | 12 | // Exports 13 | //------------------------------------------------------ 14 | 15 | @include exports("well") { 16 | 17 | /** 18 | * well 19 | * -------------------------------------------------- 20 | */ 21 | 22 | .well { 23 | padding: 10px; 24 | border: none; 25 | @include radius($type: border-radius, $value: $well-radius); 26 | color: $modal-font-color; 27 | background-color: $well-background-color; 28 | @include box-shadow($value: $well-shadow); 29 | 30 | & blockquote { 31 | border-color: $well-blockquote-color; 32 | } 33 | @at-root &-lg { 34 | padding: 20px; 35 | } 36 | @at-root &-sm { 37 | padding: 5px; 38 | } 39 | } 40 | 41 | } 42 | 43 | 44 | -------------------------------------------------------------------------------- /bower_components/Bootflat/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Bootflat", 3 | "version": "2.0.4", 4 | "homepage": "http://bootflat.github.io", 5 | "authors": [ 6 | "flathemes " 7 | ], 8 | "description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.", 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/bootflat/bootflat.github.io.git" 12 | }, 13 | "main": [ 14 | "bootflat/css/*", 15 | "bootflat/scss/*", 16 | "bootflat/fonts/*", 17 | "bootflat/js/*", 18 | "bootflat/img/*" 19 | ], 20 | "keywords": [ 21 | "mobile", 22 | "html5", 23 | "css3", 24 | "scss", 25 | "bootflat", 26 | "bootstrap", 27 | "flat", 28 | "flat ui", 29 | "ui" 30 | ], 31 | "license": "MIT", 32 | "ignore": [ 33 | "**/.*", 34 | "node_modules", 35 | "bower_components", 36 | "angularicons", 37 | "free-psd.html", 38 | "documentation.html", 39 | "getting-started.html", 40 | "index.html", 41 | "test", 42 | "tests" 43 | ] 44 | } 45 | -------------------------------------------------------------------------------- /bower_components/Bootflat/composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootflat/bootflat", 3 | "description": "An open source Flat UI KIT based on Bootstrap (3.2.0). A faster, easier and less repetitive way for web developers to create elegant web apps.", 4 | "version": "2.0.4", 5 | "keywords": [ 6 | "mobile", 7 | "html5", 8 | "css3", 9 | "scss", 10 | "bootflat", 11 | "bootstrap", 12 | "flat", 13 | "flat ui", 14 | "ui" 15 | ], 16 | "homepage": "http://bootflat.github.io/", 17 | "authors": [ 18 | { 19 | "name": "Bootflat", 20 | "email": "info@flathemes.com" 21 | } 22 | ], 23 | "support": { 24 | "issues": "https://github.com/bootflat/bootflat.github.io/issues" 25 | }, 26 | "license": "MIT" 27 | } 28 | -------------------------------------------------------------------------------- /bower_components/Bootflat/favicon_16.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/favicon_16.ico -------------------------------------------------------------------------------- /bower_components/Bootflat/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /bower_components/Bootflat/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /bower_components/Bootflat/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /bower_components/Bootflat/google45b338b882fada75.html: -------------------------------------------------------------------------------- 1 | google-site-verification: google45b338b882fada75.html -------------------------------------------------------------------------------- /bower_components/Bootflat/img/Jumbotron.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/Jumbotron.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/ascii-logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/ascii-logo.gif -------------------------------------------------------------------------------- /bower_components/Bootflat/img/bootflat-ui-kit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/bootflat-ui-kit.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/design.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/design.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/divider.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/divider.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/fast.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/fast.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/feature-bootstrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/feature-bootstrap.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/feature-css.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/feature-css.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/feature-lightweight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/feature-lightweight.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/feature-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/feature-mobile.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/footer-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/footer-logo.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/github.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/index.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/logo-index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/logo-index.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/logo.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/photo-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/photo-1.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/photo-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/photo-2.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/photo-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/photo-3.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/photo-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/photo-4.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/prototyping.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/prototyping.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/share.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/share.gif -------------------------------------------------------------------------------- /bower_components/Bootflat/img/slider1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/slider1.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/slider2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/slider2.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/slider3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/slider3.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/thumbnail-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/thumbnail-1.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/thumbnail-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/thumbnail-2.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/thumbnail-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/thumbnail-3.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/thumbnail-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/thumbnail-4.jpg -------------------------------------------------------------------------------- /bower_components/Bootflat/img/together.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/together.png -------------------------------------------------------------------------------- /bower_components/Bootflat/img/wild_flowers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/Bootflat/img/wild_flowers.png -------------------------------------------------------------------------------- /bower_components/Bootflat/js/application.js: -------------------------------------------------------------------------------- 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT 2 | // IT'S ALL JUST JUNK FOR OUR DOCS! 3 | // ++++++++++++++++++++++++++++++++++++++++++ 4 | 5 | !function ($) { 6 | $(function(){ 7 | 8 | $('.tooltip-demo').tooltip({ 9 | selector: "[data-toggle=tooltip]", 10 | container: "body" 11 | }); 12 | 13 | $("input[type='number']").stepper(); 14 | 15 | $(".selecter_1").selecter(); 16 | 17 | $(".selecter_2").selecter(); 18 | 19 | $(".selecter_3").selecter(); 20 | 21 | $(".selecter_4").selecter(); 22 | 23 | $(".selecter_5").selecter(); 24 | 25 | $(".selecter_6").selecter(); 26 | 27 | $('.checkbox input').iCheck({ 28 | checkboxClass: 'icheckbox_flat', 29 | increaseArea: '20%' 30 | }); 31 | 32 | $('.radio input').iCheck({ 33 | radioClass: 'iradio_flat', 34 | increaseArea: '20%' 35 | }); 36 | $('#accordion1').collapse(); 37 | $('#accordion2').collapse(); 38 | }) 39 | }(window.jQuery) 40 | -------------------------------------------------------------------------------- /bower_components/Bootflat/js/html5shiv.js: -------------------------------------------------------------------------------- 1 | /* 2 | HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed 3 | */ 4 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); 5 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; 6 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| 7 | "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); 8 | for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d #mq-test-1 { width: 42px; }',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document); 4 | 5 | /*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ 6 | (function(a){"use strict";function x(){u(!0)}var b={};if(a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!b.mediaQueriesSupported){var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var b=m.shift();v(b.href,function(c){p(c,b.href,b.media),h[b.href]=!0,a.setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(b){var h="clientWidth",k=d[h],m="CSS1Compat"===c.compatMode&&k||c.body[h]||k,n={},o=l[l.length-1],p=(new Date).getTime();if(b&&q&&i>p-q)return a.clearTimeout(r),r=a.setTimeout(u,i),void 0;q=p;for(var v in e)if(e.hasOwnProperty(v)){var w=e[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?t||s():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?t||s():1)),w.hasquery&&(z&&A||!(z||m>=x)||!(A||y>=m))||(n[w.media]||(n[w.media]=[]),n[w.media].push(f[w.rules]))}for(var C in g)g.hasOwnProperty(C)&&g[C]&&g[C].parentNode===j&&j.removeChild(g[C]);for(var D in n)if(n.hasOwnProperty(D)){var E=c.createElement("style"),F=n[D].join("\n");E.type="text/css",E.media=D,j.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(c.createTextNode(F)),g.push(E)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)}})(this); 7 | -------------------------------------------------------------------------------- /bower_components/Bootflat/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bootflat", 3 | "private": false, 4 | "version": "2.0.4", 5 | "description": "BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.2.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.", 6 | "author":"Flathemes ", 7 | "homepage": "http://bootflat.github.com/", 8 | "keywords": [ 9 | "mobile", 10 | "html5", 11 | "css3", 12 | "scss", 13 | "bootflat", 14 | "bootstrap", 15 | "flat", 16 | "flat ui", 17 | "ui" 18 | ], 19 | "bugs": { 20 | "url": "https://github.com/bootflat/bootflat.github.io/issues" 21 | }, 22 | "license": "MIT", 23 | "repository" : { 24 | "type" : "git", 25 | "url" : "https://github.com/bootflat/bootflat.github.io.git" 26 | }, 27 | "devDependencies": { 28 | "grunt": "~0.4.4", 29 | "grunt-contrib-clean": "~0.5.0", 30 | "grunt-contrib-csslint": "~0.2.0", 31 | "grunt-contrib-cssmin": "~0.9.0", 32 | "grunt-contrib-uglify": "~0.4.0", 33 | "grunt-contrib-sass": "~0.7.3", 34 | "grunt-csscomb": "~2.0.1", 35 | "grunt-html-validation": "~0.1.15", 36 | "grunt-sed": "~0.1.1", 37 | "load-grunt-tasks": "~0.4.0", 38 | "time-grunt": "~0.3.1" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /bower_components/Bootflat/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | http://bootflat.github.io/ 7 | 1.0 8 | 2014-08-29T02:17:10+00:00 9 | Always 10 | 11 | 12 | http://bootflat.github.io/color-picker.html 13 | 0.8 14 | 2014-08-29T02:17:10+00:00 15 | Always 16 | 17 | 18 | http://bootflat.github.io/color-picker-blue.html 19 | 0.8 20 | 2014-08-29T02:17:10+00:00 21 | Always 22 | 23 | 24 | http://bootflat.github.io/color-picker-gray.html 25 | 0.8 26 | 2014-08-29T02:17:10+00:00 27 | Always 28 | 29 | 30 | http://bootflat.github.io/color-picker-green.html 31 | 0.8 32 | 2014-08-29T02:17:10+00:00 33 | Always 34 | 35 | 36 | http://bootflat.github.io/color-picker-pink.html 37 | 0.8 38 | 2014-08-29T02:17:10+00:00 39 | Always 40 | 41 | 42 | http://bootflat.github.io/color-picker-purple.html 43 | 0.8 44 | 2014-08-29T02:17:10+00:00 45 | Always 46 | 47 | 48 | http://bootflat.github.io/color-picker-red.html 49 | 0.8 50 | 2014-08-29T02:17:10+00:00 51 | Always 52 | 53 | 54 | http://bootflat.github.io/color-picker-yellow.html 55 | 0.8 56 | 2014-08-29T02:17:10+00:00 57 | Always 58 | 59 | 60 | http://bootflat.github.io/documentation.html 61 | 0.8 62 | 2014-08-29T02:17:10+00:00 63 | Always 64 | 65 | 66 | http://bootflat.github.io/free-psd.html 67 | 0.8 68 | 2014-08-29T02:17:10+00:00 69 | Always 70 | 71 | 72 | http://bootflat.github.io/getting-started.html 73 | 0.8 74 | 2014-08-29T02:17:10+00:00 75 | Always 76 | 77 | 78 | http://bootflat.github.io/index.html 79 | 0.8 80 | 2014-08-29T02:17:10+00:00 81 | Always 82 | 83 | 84 | -------------------------------------------------------------------------------- /bower_components/angular-animate/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-animate", 3 | "version": "1.4.7", 4 | "main": "./angular-animate.js", 5 | "ignore": [], 6 | "dependencies": { 7 | "angular": "1.4.7" 8 | }, 9 | "homepage": "https://github.com/angular/bower-angular-animate", 10 | "_release": "1.4.7", 11 | "_resolution": { 12 | "type": "version", 13 | "tag": "v1.4.7", 14 | "commit": "3e63136fc3d882828594f3ceb929784eb43aa944" 15 | }, 16 | "_source": "git://github.com/angular/bower-angular-animate.git", 17 | "_target": ">=1.2", 18 | "_originalSource": "angular-animate" 19 | } -------------------------------------------------------------------------------- /bower_components/angular-animate/README.md: -------------------------------------------------------------------------------- 1 | # packaged angular-animate 2 | 3 | This repo is for distribution on `npm` and `bower`. The source for this module is in the 4 | [main AngularJS repo](https://github.com/angular/angular.js/tree/master/src/ngAnimate). 5 | Please file issues and pull requests against that repo. 6 | 7 | ## Install 8 | 9 | You can install this package either with `npm` or with `bower`. 10 | 11 | ### npm 12 | 13 | ```shell 14 | npm install angular-animate 15 | ``` 16 | 17 | Then add `ngAnimate` as a dependency for your app: 18 | 19 | ```javascript 20 | angular.module('myApp', [require('angular-animate')]); 21 | ``` 22 | 23 | ### bower 24 | 25 | ```shell 26 | bower install angular-animate 27 | ``` 28 | 29 | Then add a ` 33 | ``` 34 | 35 | Then add `ngAnimate` as a dependency for your app: 36 | 37 | ```javascript 38 | angular.module('myApp', ['ngAnimate']); 39 | ``` 40 | 41 | ## Documentation 42 | 43 | Documentation is available on the 44 | [AngularJS docs site](http://docs.angularjs.org/api/ngAnimate). 45 | 46 | ## License 47 | 48 | The MIT License 49 | 50 | Copyright (c) 2010-2015 Google, Inc. http://angularjs.org 51 | 52 | Permission is hereby granted, free of charge, to any person obtaining a copy 53 | of this software and associated documentation files (the "Software"), to deal 54 | in the Software without restriction, including without limitation the rights 55 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 56 | copies of the Software, and to permit persons to whom the Software is 57 | furnished to do so, subject to the following conditions: 58 | 59 | The above copyright notice and this permission notice shall be included in 60 | all copies or substantial portions of the Software. 61 | 62 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 63 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 64 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 65 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 66 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 67 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 68 | THE SOFTWARE. 69 | -------------------------------------------------------------------------------- /bower_components/angular-animate/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-animate", 3 | "version": "1.4.7", 4 | "main": "./angular-animate.js", 5 | "ignore": [], 6 | "dependencies": { 7 | "angular": "1.4.7" 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /bower_components/angular-animate/index.js: -------------------------------------------------------------------------------- 1 | require('./angular-animate'); 2 | module.exports = 'ngAnimate'; 3 | -------------------------------------------------------------------------------- /bower_components/angular-animate/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-animate", 3 | "version": "1.4.7", 4 | "description": "AngularJS module for animations", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/angular/angular.js.git" 12 | }, 13 | "keywords": [ 14 | "angular", 15 | "framework", 16 | "browser", 17 | "animation", 18 | "client-side" 19 | ], 20 | "author": "Angular Core Team ", 21 | "license": "MIT", 22 | "bugs": { 23 | "url": "https://github.com/angular/angular.js/issues" 24 | }, 25 | "homepage": "http://angularjs.org" 26 | } 27 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-ui-router", 3 | "version": "0.2.15", 4 | "main": "./release/angular-ui-router.js", 5 | "dependencies": { 6 | "angular": ">= 1.0.8" 7 | }, 8 | "ignore": [ 9 | "**/.*", 10 | "node_modules", 11 | "bower_components", 12 | "component.json", 13 | "package.json", 14 | "lib", 15 | "config", 16 | "sample", 17 | "test", 18 | "tests", 19 | "ngdoc_assets", 20 | "Gruntfile.js", 21 | "files.js" 22 | ], 23 | "homepage": "https://github.com/angular-ui/ui-router", 24 | "_release": "0.2.15", 25 | "_resolution": { 26 | "type": "version", 27 | "tag": "0.2.15", 28 | "commit": "805e69bae319e922e4d3265b7ef565058aaff850" 29 | }, 30 | "_source": "git://github.com/angular-ui/ui-router.git", 31 | "_target": ">=0.2", 32 | "_originalSource": "angular-ui-router" 33 | } -------------------------------------------------------------------------------- /bower_components/angular-ui-router/CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | 2 | # Report an Issue 3 | 4 | Help us make UI-Router better! If you think you might have found a bug, or some other weirdness, start by making sure 5 | it hasn't already been reported. You can [search through existing issues](https://github.com/angular-ui/ui-router/search?q=wat%3F&type=Issues) 6 | to see if someone's reported one similar to yours. 7 | 8 | If not, then [create a plunkr](http://bit.ly/UIR-Plunk) that demonstrates the problem (try to use as little code 9 | as possible: the more minimalist, the faster we can debug it). 10 | 11 | Next, [create a new issue](https://github.com/angular-ui/ui-router/issues/new) that briefly explains the problem, 12 | and provides a bit of background as to the circumstances that triggered it. Don't forget to include the link to 13 | that plunkr you created! 14 | 15 | **Note**: If you're unsure how a feature is used, or are encountering some unexpected behavior that you aren't sure 16 | is a bug, it's best to talk it out on 17 | [StackOverflow](http://stackoverflow.com/questions/ask?tags=angularjs,angular-ui-router) before reporting it. This 18 | keeps development streamlined, and helps us focus on building great software. 19 | 20 | 21 | Issues only! | 22 | -------------| 23 | Please keep in mind that the issue tracker is for *issues*. Please do *not* post an issue if you need help or support. Instead, see one of the above-mentioned forums or [IRC](irc://irc.freenode.net/#angularjs). | 24 | 25 | ####Purple Labels 26 | A purple label means that **you** need to take some further action. 27 | - ![Not Actionable - Need Info](http://angular-ui.github.io/ui-router/images/notactionable.png): Your issue is not specific enough, or there is no clear action that we can take. Please clarify and refine your issue. 28 | - ![Plunkr Please](http://angular-ui.github.io/ui-router/images/plunkrplease.png): Please [create a plunkr](http://bit.ly/UIR-Plunk) 29 | - ![StackOverflow](http://angular-ui.github.io/ui-router/images/stackoverflow.png): We suspect your issue is really a help request, or could be answered by the community. Please ask your question on [StackOverflow](http://stackoverflow.com/questions/ask?tags=angularjs,angular-ui-router). If you determine that is an actual issue, please explain why. 30 | 31 | If your issue gets labeled with purple label, no further action will be taken until you respond to the label appropriately. 32 | 33 | # Contribute 34 | 35 | **(1)** See the **[Developing](#developing)** section below, to get the development version of UI-Router up and running on your local machine. 36 | 37 | **(2)** Check out the [roadmap](https://github.com/angular-ui/ui-router/milestones) to see where the project is headed, and if your feature idea fits with where we're headed. 38 | 39 | **(3)** If you're not sure, [open an RFC](https://github.com/angular-ui/ui-router/issues/new?title=RFC:%20My%20idea) to get some feedback on your idea. 40 | 41 | **(4)** Finally, commit some code and open a pull request. Code & commits should abide by the following rules: 42 | 43 | - *Always* have test coverage for new features (or regression tests for bug fixes), and *never* break existing tests 44 | - Commits should represent one logical change each; if a feature goes through multiple iterations, squash your commits down to one 45 | - Make sure to follow the [Angular commit message format](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md#commit-message-format) so your change will appear in the changelog of the next release. 46 | - Changes should always respect the coding style of the project 47 | 48 | 49 | 50 | # Developing 51 | 52 | UI-Router uses grunt >= 0.4.x. Make sure to upgrade your environment and read the 53 | [Migration Guide](http://gruntjs.com/upgrading-from-0.3-to-0.4). 54 | 55 | Dependencies for building from source and running tests: 56 | 57 | * [grunt-cli](https://github.com/gruntjs/grunt-cli) - run: `$ npm install -g grunt-cli` 58 | * Then, install the development dependencies by running `$ npm install` from the project directory 59 | 60 | There are a number of targets in the gruntfile that are used to generating different builds: 61 | 62 | * `grunt`: Perform a normal build, runs jshint and karma tests 63 | * `grunt build`: Perform a normal build 64 | * `grunt dist`: Perform a clean build and generate documentation 65 | * `grunt dev`: Run dev server (sample app) and watch for changes, builds and runs karma tests on changes. 66 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License 2 | 3 | Copyright (c) 2013-2015 The AngularUI Team, Karsten Sperling 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/api/angular-ui-router.d.ts: -------------------------------------------------------------------------------- 1 | // Type definitions for Angular JS 1.1.5+ (ui.router module) 2 | // Project: https://github.com/angular-ui/ui-router 3 | // Definitions by: Michel Salib 4 | // Definitions: https://github.com/borisyankov/DefinitelyTyped 5 | 6 | declare module ng.ui { 7 | 8 | interface IState { 9 | name?: string; 10 | template?: string; 11 | templateUrl?: any; // string || () => string 12 | templateProvider?: any; // () => string || IPromise 13 | controller?: any; 14 | controllerAs?: string; 15 | controllerProvider?: any; 16 | resolve?: {}; 17 | url?: string; 18 | params?: any; 19 | views?: {}; 20 | abstract?: boolean; 21 | onEnter?: (...args: any[]) => void; 22 | onExit?: (...args: any[]) => void; 23 | data?: any; 24 | reloadOnSearch?: boolean; 25 | } 26 | 27 | interface ITypedState extends IState { 28 | data?: T; 29 | } 30 | 31 | interface IStateProvider extends IServiceProvider { 32 | state(name: string, config: IState): IStateProvider; 33 | state(config: IState): IStateProvider; 34 | decorator(name?: string, decorator?: (state: IState, parent: Function) => any): any; 35 | } 36 | 37 | interface IUrlMatcher { 38 | concat(pattern: string): IUrlMatcher; 39 | exec(path: string, searchParams: {}): {}; 40 | parameters(): string[]; 41 | format(values: {}): string; 42 | } 43 | 44 | interface IUrlMatcherFactory { 45 | compile(pattern: string): IUrlMatcher; 46 | isMatcher(o: any): boolean; 47 | } 48 | 49 | interface IUrlRouterProvider extends IServiceProvider { 50 | when(whenPath: RegExp, handler: Function): IUrlRouterProvider; 51 | when(whenPath: RegExp, handler: any[]): IUrlRouterProvider; 52 | when(whenPath: RegExp, toPath: string): IUrlRouterProvider; 53 | when(whenPath: IUrlMatcher, hanlder: Function): IUrlRouterProvider; 54 | when(whenPath: IUrlMatcher, handler: any[]): IUrlRouterProvider; 55 | when(whenPath: IUrlMatcher, toPath: string): IUrlRouterProvider; 56 | when(whenPath: string, handler: Function): IUrlRouterProvider; 57 | when(whenPath: string, handler: any[]): IUrlRouterProvider; 58 | when(whenPath: string, toPath: string): IUrlRouterProvider; 59 | otherwise(handler: Function): IUrlRouterProvider; 60 | otherwise(handler: any[]): IUrlRouterProvider; 61 | otherwise(path: string): IUrlRouterProvider; 62 | rule(handler: Function): IUrlRouterProvider; 63 | rule(handler: any[]): IUrlRouterProvider; 64 | } 65 | 66 | interface IStateOptions { 67 | location?: any; 68 | inherit?: boolean; 69 | relative?: IState; 70 | notify?: boolean; 71 | reload?: boolean; 72 | } 73 | 74 | interface IHrefOptions { 75 | lossy?: boolean; 76 | inherit?: boolean; 77 | relative?: IState; 78 | absolute?: boolean; 79 | } 80 | 81 | interface IStateService { 82 | go(to: string, params?: {}, options?: IStateOptions): IPromise; 83 | transitionTo(state: string, params?: {}, updateLocation?: boolean): void; 84 | transitionTo(state: string, params?: {}, options?: IStateOptions): void; 85 | includes(state: string, params?: {}): boolean; 86 | is(state:string, params?: {}): boolean; 87 | is(state: IState, params?: {}): boolean; 88 | href(state: IState, params?: {}, options?: IHrefOptions): string; 89 | href(state: string, params?: {}, options?: IHrefOptions): string; 90 | get(state: string): IState; 91 | get(): IState[]; 92 | current: IState; 93 | params: any; 94 | reload(): void; 95 | } 96 | 97 | interface IStateParamsService { 98 | [key: string]: any; 99 | } 100 | 101 | interface IStateParams { 102 | [key: string]: any; 103 | } 104 | 105 | interface IUrlRouterService { 106 | /* 107 | * Triggers an update; the same update that happens when the address bar 108 | * url changes, aka $locationChangeSuccess. 109 | * 110 | * This method is useful when you need to use preventDefault() on the 111 | * $locationChangeSuccess event, perform some custom logic (route protection, 112 | * auth, config, redirection, etc) and then finally proceed with the transition 113 | * by calling $urlRouter.sync(). 114 | * 115 | */ 116 | sync(): void; 117 | } 118 | 119 | interface IUiViewScrollProvider { 120 | /* 121 | * Reverts back to using the core $anchorScroll service for scrolling 122 | * based on the url anchor. 123 | */ 124 | useAnchorScroll(): void; 125 | } 126 | } 127 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-ui-router", 3 | "version": "0.2.15", 4 | "main": "./release/angular-ui-router.js", 5 | "dependencies": { 6 | "angular": ">= 1.0.8" 7 | }, 8 | "ignore": [ 9 | "**/.*", 10 | "node_modules", 11 | "bower_components", 12 | "component.json", 13 | "package.json", 14 | "lib", 15 | "config", 16 | "sample", 17 | "test", 18 | "tests", 19 | "ngdoc_assets", 20 | "Gruntfile.js", 21 | "files.js" 22 | ] 23 | } 24 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/src/stateFilters.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @ngdoc filter 3 | * @name ui.router.state.filter:isState 4 | * 5 | * @requires ui.router.state.$state 6 | * 7 | * @description 8 | * Translates to {@link ui.router.state.$state#methods_is $state.is("stateName")}. 9 | */ 10 | $IsStateFilter.$inject = ['$state']; 11 | function $IsStateFilter($state) { 12 | var isFilter = function (state) { 13 | return $state.is(state); 14 | }; 15 | isFilter.$stateful = true; 16 | return isFilter; 17 | } 18 | 19 | /** 20 | * @ngdoc filter 21 | * @name ui.router.state.filter:includedByState 22 | * 23 | * @requires ui.router.state.$state 24 | * 25 | * @description 26 | * Translates to {@link ui.router.state.$state#methods_includes $state.includes('fullOrPartialStateName')}. 27 | */ 28 | $IncludedByStateFilter.$inject = ['$state']; 29 | function $IncludedByStateFilter($state) { 30 | var includesFilter = function (state) { 31 | return $state.includes(state); 32 | }; 33 | includesFilter.$stateful = true; 34 | return includesFilter; 35 | } 36 | 37 | angular.module('ui.router.state') 38 | .filter('isState', $IsStateFilter) 39 | .filter('includedByState', $IncludedByStateFilter); 40 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/src/templateFactory.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @ngdoc object 3 | * @name ui.router.util.$templateFactory 4 | * 5 | * @requires $http 6 | * @requires $templateCache 7 | * @requires $injector 8 | * 9 | * @description 10 | * Service. Manages loading of templates. 11 | */ 12 | $TemplateFactory.$inject = ['$http', '$templateCache', '$injector']; 13 | function $TemplateFactory( $http, $templateCache, $injector) { 14 | 15 | /** 16 | * @ngdoc function 17 | * @name ui.router.util.$templateFactory#fromConfig 18 | * @methodOf ui.router.util.$templateFactory 19 | * 20 | * @description 21 | * Creates a template from a configuration object. 22 | * 23 | * @param {object} config Configuration object for which to load a template. 24 | * The following properties are search in the specified order, and the first one 25 | * that is defined is used to create the template: 26 | * 27 | * @param {string|object} config.template html string template or function to 28 | * load via {@link ui.router.util.$templateFactory#fromString fromString}. 29 | * @param {string|object} config.templateUrl url to load or a function returning 30 | * the url to load via {@link ui.router.util.$templateFactory#fromUrl fromUrl}. 31 | * @param {Function} config.templateProvider function to invoke via 32 | * {@link ui.router.util.$templateFactory#fromProvider fromProvider}. 33 | * @param {object} params Parameters to pass to the template function. 34 | * @param {object} locals Locals to pass to `invoke` if the template is loaded 35 | * via a `templateProvider`. Defaults to `{ params: params }`. 36 | * 37 | * @return {string|object} The template html as a string, or a promise for 38 | * that string,or `null` if no template is configured. 39 | */ 40 | this.fromConfig = function (config, params, locals) { 41 | return ( 42 | isDefined(config.template) ? this.fromString(config.template, params) : 43 | isDefined(config.templateUrl) ? this.fromUrl(config.templateUrl, params) : 44 | isDefined(config.templateProvider) ? this.fromProvider(config.templateProvider, params, locals) : 45 | null 46 | ); 47 | }; 48 | 49 | /** 50 | * @ngdoc function 51 | * @name ui.router.util.$templateFactory#fromString 52 | * @methodOf ui.router.util.$templateFactory 53 | * 54 | * @description 55 | * Creates a template from a string or a function returning a string. 56 | * 57 | * @param {string|object} template html template as a string or function that 58 | * returns an html template as a string. 59 | * @param {object} params Parameters to pass to the template function. 60 | * 61 | * @return {string|object} The template html as a string, or a promise for that 62 | * string. 63 | */ 64 | this.fromString = function (template, params) { 65 | return isFunction(template) ? template(params) : template; 66 | }; 67 | 68 | /** 69 | * @ngdoc function 70 | * @name ui.router.util.$templateFactory#fromUrl 71 | * @methodOf ui.router.util.$templateFactory 72 | * 73 | * @description 74 | * Loads a template from the a URL via `$http` and `$templateCache`. 75 | * 76 | * @param {string|Function} url url of the template to load, or a function 77 | * that returns a url. 78 | * @param {Object} params Parameters to pass to the url function. 79 | * @return {string|Promise.} The template html as a string, or a promise 80 | * for that string. 81 | */ 82 | this.fromUrl = function (url, params) { 83 | if (isFunction(url)) url = url(params); 84 | if (url == null) return null; 85 | else return $http 86 | .get(url, { cache: $templateCache, headers: { Accept: 'text/html' }}) 87 | .then(function(response) { return response.data; }); 88 | }; 89 | 90 | /** 91 | * @ngdoc function 92 | * @name ui.router.util.$templateFactory#fromProvider 93 | * @methodOf ui.router.util.$templateFactory 94 | * 95 | * @description 96 | * Creates a template by invoking an injectable provider function. 97 | * 98 | * @param {Function} provider Function to invoke via `$injector.invoke` 99 | * @param {Object} params Parameters for the template. 100 | * @param {Object} locals Locals to pass to `invoke`. Defaults to 101 | * `{ params: params }`. 102 | * @return {string|Promise.} The template html as a string, or a promise 103 | * for that string. 104 | */ 105 | this.fromProvider = function (provider, params, locals) { 106 | return $injector.invoke(provider, null, locals || { params: params }); 107 | }; 108 | } 109 | 110 | angular.module('ui.router.util').service('$templateFactory', $TemplateFactory); 111 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/src/view.js: -------------------------------------------------------------------------------- 1 | 2 | $ViewProvider.$inject = []; 3 | function $ViewProvider() { 4 | 5 | this.$get = $get; 6 | /** 7 | * @ngdoc object 8 | * @name ui.router.state.$view 9 | * 10 | * @requires ui.router.util.$templateFactory 11 | * @requires $rootScope 12 | * 13 | * @description 14 | * 15 | */ 16 | $get.$inject = ['$rootScope', '$templateFactory']; 17 | function $get( $rootScope, $templateFactory) { 18 | return { 19 | // $view.load('full.viewName', { template: ..., controller: ..., resolve: ..., async: false, params: ... }) 20 | /** 21 | * @ngdoc function 22 | * @name ui.router.state.$view#load 23 | * @methodOf ui.router.state.$view 24 | * 25 | * @description 26 | * 27 | * @param {string} name name 28 | * @param {object} options option object. 29 | */ 30 | load: function load(name, options) { 31 | var result, defaults = { 32 | template: null, controller: null, view: null, locals: null, notify: true, async: true, params: {} 33 | }; 34 | options = extend(defaults, options); 35 | 36 | if (options.view) { 37 | result = $templateFactory.fromConfig(options.view, options.params, options.locals); 38 | } 39 | if (result && options.notify) { 40 | /** 41 | * @ngdoc event 42 | * @name ui.router.state.$state#$viewContentLoading 43 | * @eventOf ui.router.state.$view 44 | * @eventType broadcast on root scope 45 | * @description 46 | * 47 | * Fired once the view **begins loading**, *before* the DOM is rendered. 48 | * 49 | * @param {Object} event Event object. 50 | * @param {Object} viewConfig The view config properties (template, controller, etc). 51 | * 52 | * @example 53 | * 54 | * 
55 |          * $scope.$on('$viewContentLoading',
56 |          * function(event, viewConfig){
57 |          *     // Access to all the view config properties.
58 |          *     // and one special property 'targetView'
59 |          *     // viewConfig.targetView
60 |          * });
61 |          *
62 | */ 63 | $rootScope.$broadcast('$viewContentLoading', options); 64 | } 65 | return result; 66 | } 67 | }; 68 | } 69 | } 70 | 71 | angular.module('ui.router.state').provider('$view', $ViewProvider); 72 | -------------------------------------------------------------------------------- /bower_components/angular-ui-router/src/viewScroll.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @ngdoc object 3 | * @name ui.router.state.$uiViewScrollProvider 4 | * 5 | * @description 6 | * Provider that returns the {@link ui.router.state.$uiViewScroll} service function. 7 | */ 8 | function $ViewScrollProvider() { 9 | 10 | var useAnchorScroll = false; 11 | 12 | /** 13 | * @ngdoc function 14 | * @name ui.router.state.$uiViewScrollProvider#useAnchorScroll 15 | * @methodOf ui.router.state.$uiViewScrollProvider 16 | * 17 | * @description 18 | * Reverts back to using the core [`$anchorScroll`](http://docs.angularjs.org/api/ng.$anchorScroll) service for 19 | * scrolling based on the url anchor. 20 | */ 21 | this.useAnchorScroll = function () { 22 | useAnchorScroll = true; 23 | }; 24 | 25 | /** 26 | * @ngdoc object 27 | * @name ui.router.state.$uiViewScroll 28 | * 29 | * @requires $anchorScroll 30 | * @requires $timeout 31 | * 32 | * @description 33 | * When called with a jqLite element, it scrolls the element into view (after a 34 | * `$timeout` so the DOM has time to refresh). 35 | * 36 | * If you prefer to rely on `$anchorScroll` to scroll the view to the anchor, 37 | * this can be enabled by calling {@link ui.router.state.$uiViewScrollProvider#methods_useAnchorScroll `$uiViewScrollProvider.useAnchorScroll()`}. 38 | */ 39 | this.$get = ['$anchorScroll', '$timeout', function ($anchorScroll, $timeout) { 40 | if (useAnchorScroll) { 41 | return $anchorScroll; 42 | } 43 | 44 | return function ($element) { 45 | return $timeout(function () { 46 | $element[0].scrollIntoView(); 47 | }, 0, false); 48 | }; 49 | }]; 50 | } 51 | 52 | angular.module('ui.router.state').provider('$uiViewScroll', $ViewScrollProvider); 53 | -------------------------------------------------------------------------------- /bower_components/angular/.bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular", 3 | "version": "1.4.7", 4 | "main": "./angular.js", 5 | "ignore": [], 6 | "dependencies": {}, 7 | "homepage": "https://github.com/angular/bower-angular", 8 | "_release": "1.4.7", 9 | "_resolution": { 10 | "type": "version", 11 | "tag": "v1.4.7", 12 | "commit": "6bdc6b4855b416bf029105324080ca7d6aca0e9f" 13 | }, 14 | "_source": "git://github.com/angular/bower-angular.git", 15 | "_target": "1.4.7", 16 | "_originalSource": "angular" 17 | } -------------------------------------------------------------------------------- /bower_components/angular/README.md: -------------------------------------------------------------------------------- 1 | # packaged angular 2 | 3 | This repo is for distribution on `npm` and `bower`. The source for this module is in the 4 | [main AngularJS repo](https://github.com/angular/angular.js). 5 | Please file issues and pull requests against that repo. 6 | 7 | ## Install 8 | 9 | You can install this package either with `npm` or with `bower`. 10 | 11 | ### npm 12 | 13 | ```shell 14 | npm install angular 15 | ``` 16 | 17 | Then add a ` 21 | ``` 22 | 23 | Or `require('angular')` from your code. 24 | 25 | ### bower 26 | 27 | ```shell 28 | bower install angular 29 | ``` 30 | 31 | Then add a ` 35 | ``` 36 | 37 | ## Documentation 38 | 39 | Documentation is available on the 40 | [AngularJS docs site](http://docs.angularjs.org/). 41 | 42 | ## License 43 | 44 | The MIT License 45 | 46 | Copyright (c) 2010-2015 Google, Inc. http://angularjs.org 47 | 48 | Permission is hereby granted, free of charge, to any person obtaining a copy 49 | of this software and associated documentation files (the "Software"), to deal 50 | in the Software without restriction, including without limitation the rights 51 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 52 | copies of the Software, and to permit persons to whom the Software is 53 | furnished to do so, subject to the following conditions: 54 | 55 | The above copyright notice and this permission notice shall be included in 56 | all copies or substantial portions of the Software. 57 | 58 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 59 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 60 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 61 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 62 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 63 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 64 | THE SOFTWARE. 65 | -------------------------------------------------------------------------------- /bower_components/angular/angular-csp.css: -------------------------------------------------------------------------------- 1 | /* Include this file in your html if you are using the CSP mode. */ 2 | 3 | @charset "UTF-8"; 4 | 5 | [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], 6 | .ng-cloak, .x-ng-cloak, 7 | .ng-hide:not(.ng-hide-animate) { 8 | display: none !important; 9 | } 10 | 11 | ng\:form { 12 | display: block; 13 | } 14 | 15 | .ng-animate-shim { 16 | visibility:hidden; 17 | } 18 | 19 | .ng-anchor { 20 | position:absolute; 21 | } 22 | -------------------------------------------------------------------------------- /bower_components/angular/angular.min.js.gzip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/homerjam/angular-ui-router-anim-in-out/9b446973acf6ef244ed5083bc5a797234463e925/bower_components/angular/angular.min.js.gzip -------------------------------------------------------------------------------- /bower_components/angular/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular", 3 | "version": "1.4.7", 4 | "main": "./angular.js", 5 | "ignore": [], 6 | "dependencies": { 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /bower_components/angular/index.js: -------------------------------------------------------------------------------- 1 | require('./angular'); 2 | module.exports = angular; 3 | -------------------------------------------------------------------------------- /bower_components/angular/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular", 3 | "version": "1.4.7", 4 | "description": "HTML enhanced for web apps", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/angular/angular.js.git" 12 | }, 13 | "keywords": [ 14 | "angular", 15 | "framework", 16 | "browser", 17 | "client-side" 18 | ], 19 | "author": "Angular Core Team ", 20 | "license": "MIT", 21 | "bugs": { 22 | "url": "https://github.com/angular/angular.js/issues" 23 | }, 24 | "homepage": "http://angularjs.org" 25 | } 26 | -------------------------------------------------------------------------------- /example/app.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | 'use strict'; 4 | 5 | angular.module('MainCtrl', []).controller('MainCtrl', ['$rootScope', '$scope', '$log', 6 | function($rootScope, $scope, $log) { 7 | var ctrl = this; 8 | 9 | ctrl.speed = 500; 10 | ctrl.mainViewStyle = 'anim-fade'; 11 | ctrl.page1Style = 'anim-zoom-out'; 12 | ctrl.page2Style = 'anim-slide-below-fade'; 13 | 14 | $rootScope.$on('animStart', function() { 15 | $log.log('animStart'); 16 | }); 17 | 18 | $rootScope.$on('animEnd', function() { 19 | $log.log('animEnd'); 20 | }); 21 | } 22 | ]); 23 | 24 | angular.module('ExampleApp', ['ngAnimate', 'ui.router', 'anim-in-out', 'MainCtrl']) 25 | .config(['$stateProvider', '$locationProvider', '$urlMatcherFactoryProvider', '$urlRouterProvider', 26 | function($stateProvider, $locationProvider, $urlMatcherFactoryProvider, $urlRouterProvider) { 27 | 28 | // $locationProvider.html5Mode(true); 29 | 30 | // Allow trailing slashes 31 | $urlMatcherFactoryProvider.strictMode(false); 32 | 33 | $urlRouterProvider.otherwise('/'); 34 | 35 | $stateProvider.state('page1', { 36 | url: '/', 37 | views: { 38 | main: { 39 | templateUrl: 'example/page1.html' 40 | } 41 | } 42 | }); 43 | 44 | $stateProvider.state('page2', { 45 | url: '/page2', 46 | views: { 47 | main: { 48 | templateUrl: 'example/page2.html' 49 | } 50 | } 51 | }); 52 | 53 | } 54 | ]); 55 | 56 | })(); 57 | -------------------------------------------------------------------------------- /example/page1.html: -------------------------------------------------------------------------------- 1 |
9 | 10 |

Page 1

11 | 12 |
-------------------------------------------------------------------------------- /example/page2.html: -------------------------------------------------------------------------------- 1 |
9 | 10 |

Page 2

11 | 12 |
-------------------------------------------------------------------------------- /example/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | position: absolute; 3 | width: 100%; 4 | height: 100%; 5 | margin: 0; 6 | overflow: hidden; 7 | -webkit-user-select: none; 8 | -moz-user-select: none; 9 | -ms-user-select: none; 10 | user-select: none; 11 | } 12 | 13 | #menu { 14 | position: relative; 15 | z-index: 1; 16 | margin: 2%; 17 | } 18 | 19 | #main { 20 | position: absolute; 21 | top: 0; 22 | left: 0; 23 | width: 100%; 24 | height: 100%; 25 | z-index: 0; 26 | } 27 | 28 | h1 { 29 | font-size: 10em; 30 | margin: 0; 31 | } 32 | 33 | #main .wrapper { 34 | position: absolute; 35 | left: 10%; 36 | right: 10%; 37 | top: 10%; 38 | bottom: 10%; 39 | height: 10em; 40 | margin: auto; 41 | text-align: center; 42 | } 43 | 44 | #controls { 45 | position: relative; 46 | z-index: 1; 47 | margin: 2%; 48 | width: 12em; 49 | } 50 | 51 | .form-control { 52 | margin-bottom: 1em; 53 | } -------------------------------------------------------------------------------- /example/templates.js: -------------------------------------------------------------------------------- 1 | angular.module("ExampleApp").run(["$templateCache", function($templateCache) {$templateCache.put("example/page1.html","
\n\n

Page 1

\n\n
"); 2 | $templateCache.put("example/page2.html","
\n\n

Page 2

\n\n
");}]); -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | /* jshint unused: true */ 2 | 3 | var gulp = require('gulp'), 4 | sass = require('gulp-sass'), 5 | runSequence = require('run-sequence'), 6 | templateCache = require('gulp-angular-templatecache'), 7 | postcss = require('gulp-postcss'); 8 | 9 | gulp.task('default', function() { 10 | return runSequence('sass', 'templates'); 11 | }); 12 | 13 | gulp.task('sass', function() { 14 | return gulp.src('./scss/*.scss') 15 | .pipe(sass()) 16 | .pipe(postcss([require('autoprefixer')])) 17 | .pipe(gulp.dest('./css')); 18 | }); 19 | 20 | gulp.task('templates', function() { 21 | return gulp.src('./example/*.html') 22 | .pipe(templateCache('templates.js', { 23 | root: 'example/', 24 | module: 'ExampleApp' 25 | })) 26 | .pipe(gulp.dest('./example')); 27 | }); 28 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | angular-ui-router-anim-in-out 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 26 | 27 |
28 | 29 | 30 | 31 | 35 | 36 | 48 | 49 | 61 | 62 | 74 |
75 | 76 |
86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | require('angular'); 2 | require('angular-animate'); 3 | require('angular-ui-router'); 4 | require('./anim-in-out'); 5 | module.exports = 'anim-in-out'; 6 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angular-ui-router-anim-in-out", 3 | "version": "1.0.2", 4 | "description": "An animation directive to use with ngAnimate 1.2+ and ui-router, providing events between transition phases", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "https://homerjam@github.com/homerjam/angular-ui-router-anim-in-out.git" 12 | }, 13 | "author": "James Homer", 14 | "license": "MIT", 15 | "bugs": { 16 | "url": "https://github.com/homerjam/angular-ui-router-anim-in-out/issues" 17 | }, 18 | "homepage": "https://github.com/homerjam/angular-ui-router-anim-in-out", 19 | "devDependencies": { 20 | "autoprefixer-core": "^6.0.1", 21 | "gulp": "^3.9.0", 22 | "gulp-angular-templatecache": "^1.8.0", 23 | "gulp-postcss": "^6.0.1", 24 | "gulp-sass": "^2.0.4", 25 | "run-sequence": "^1.1.4" 26 | }, 27 | "dependencies": { 28 | "angular": "^1.4.7", 29 | "angular-animate": "^1.4.7", 30 | "angular-ui-router": "^0.2.15" 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /scss/anim-in-out.scss: -------------------------------------------------------------------------------- 1 | $speed: 500ms; 2 | 3 | [ui-view] { 4 | position: absolute; 5 | } 6 | 7 | .anim-in-out { 8 | 9 | &.anim-in-setup { 10 | 11 | &.anim-swap, .anim-swap { 12 | } 13 | 14 | &.anim-fade, .anim-fade { 15 | opacity: 0; 16 | } 17 | 18 | &.anim-slide-left, .anim-slide-left { 19 | transform: translateX(100%); 20 | } 21 | 22 | &.anim-slide-right, .anim-slide-right { 23 | transform: translateX(-100%); 24 | } 25 | 26 | &.anim-slide-below, .anim-slide-below { 27 | transform: translateY(20px); 28 | } 29 | 30 | &.anim-slide-below-fade, .anim-slide-below-fade { 31 | opacity: 0; 32 | transform: translateY(20px); 33 | } 34 | 35 | &.anim-zoom-out, .anim-zoom-out { 36 | transform: scale(0.95); 37 | } 38 | 39 | &.anim-zoom-in, .anim-zoom-in { 40 | transform: scale(1.025); 41 | } 42 | 43 | &.anim-zoom-out-full, .anim-zoom-out-full { 44 | transform: scale(0); 45 | } 46 | 47 | &.anim-zoom-in-full, .anim-zoom-in-full { 48 | transform: scale(10); 49 | } 50 | 51 | } 52 | 53 | &.anim-in { 54 | 55 | &.anim-swap, .anim-swap { 56 | } 57 | 58 | &.anim-fade, .anim-fade { 59 | opacity: 1; 60 | transition: all $speed; 61 | } 62 | 63 | &.anim-slide-left, .anim-slide-left { 64 | transform: translateX(0); 65 | transition: all $speed; 66 | } 67 | 68 | &.anim-slide-right, .anim-slide-right { 69 | transform: translateX(0); 70 | transition: all $speed; 71 | } 72 | 73 | &.anim-slide-below, .anim-slide-below { 74 | transform: translateY(0); 75 | transition: all $speed; 76 | } 77 | 78 | &.anim-slide-below-fade, .anim-slide-below-fade { 79 | opacity: 1; 80 | transform: translateY(0); 81 | transition: all $speed; 82 | } 83 | 84 | &.anim-zoom-out, .anim-zoom-out { 85 | transform: scale(1); 86 | transition: all $speed; 87 | } 88 | 89 | &.anim-zoom-in, .anim-zoom-in { 90 | transform: scale(1); 91 | transition: all $speed; 92 | } 93 | 94 | &.anim-zoom-out-full, .anim-zoom-out-full { 95 | transform: scale(1); 96 | transition: all $speed; 97 | } 98 | 99 | &.anim-zoom-in-full, .anim-zoom-in-full { 100 | transform: scale(1); 101 | transition: all $speed; 102 | } 103 | 104 | } 105 | 106 | &.anim-out-setup { 107 | 108 | &.anim-swap, .anim-swap { 109 | } 110 | 111 | &.anim-fade, .anim-fade { 112 | opacity: 1; 113 | transition: all $speed; 114 | } 115 | 116 | &.anim-slide-left, .anim-slide-left { 117 | transform: translateX(0); 118 | transition: all $speed; 119 | } 120 | 121 | &.anim-slide-right, .anim-slide-right { 122 | transform: translateX(0); 123 | transition: all $speed; 124 | } 125 | 126 | &.anim-slide-below, .anim-slide-below { 127 | transform: translateY(0); 128 | transition: all $speed; 129 | } 130 | 131 | &.anim-slide-below-fade, .anim-slide-below-fade { 132 | opacity: 1; 133 | transform: translateY(0); 134 | transition: all $speed; 135 | } 136 | 137 | &.anim-zoom-out, .anim-zoom-out { 138 | transform: scale(1); 139 | transition: all $speed; 140 | } 141 | 142 | &.anim-zoom-in, .anim-zoom-in { 143 | transform: scale(1); 144 | transition: all $speed; 145 | } 146 | 147 | &.anim-zoom-out-full, .anim-zoom-out-full { 148 | transform: scale(1); 149 | transition: all $speed; 150 | } 151 | 152 | &.anim-zoom-in-full, .anim-zoom-in-full { 153 | transform: scale(1); 154 | transition: all $speed; 155 | } 156 | 157 | } 158 | 159 | &.anim-out { 160 | 161 | &.anim-swap, .anim-swap { 162 | display: none; 163 | } 164 | 165 | &.anim-fade, .anim-fade { 166 | opacity: 0; 167 | transition: all $speed; 168 | } 169 | 170 | &.anim-slide-left, .anim-slide-left { 171 | transform: translateX(-100%); 172 | transition: all $speed; 173 | } 174 | 175 | &.anim-slide-right, .anim-slide-right { 176 | transform: translateX(100%); 177 | transition: all $speed; 178 | } 179 | 180 | &.anim-slide-below, .anim-slide-below { 181 | transform: translateY(20px); 182 | transition: all $speed; 183 | } 184 | 185 | &.anim-slide-below-fade, .anim-slide-below-fade { 186 | opacity: 0; 187 | transform: translateY(20px); 188 | transition: all $speed; 189 | } 190 | 191 | &.anim-zoom-out, .anim-zoom-out { 192 | transform: scale(0.95); 193 | transition: all $speed; 194 | } 195 | 196 | &.anim-zoom-in, .anim-zoom-in { 197 | transform: scale(1.025); 198 | transition: all $speed; 199 | } 200 | 201 | &.anim-zoom-out-full, .anim-zoom-out-full { 202 | transform: scale(0); 203 | transition: all $speed; 204 | } 205 | 206 | &.anim-zoom-in-full, .anim-zoom-in-full { 207 | transform: scale(10); 208 | transition: all $speed; 209 | } 210 | 211 | } 212 | 213 | } 214 | --------------------------------------------------------------------------------