├── .gitignore ├── Gemfile ├── lib ├── bootflat-rails │ ├── version.rb │ └── engine.rb └── bootflat-rails.rb ├── vendor └── assets │ ├── images │ └── check_flat.png │ ├── stylesheets │ ├── bootflat │ │ ├── _media_list.scss │ │ ├── _thumbnail.scss │ │ ├── _modal.scss │ │ ├── _well.scss │ │ ├── _tooltip.scss │ │ ├── _pager.scss │ │ ├── _progress.scss │ │ ├── _pill.scss │ │ ├── _popover.scss │ │ ├── _checkbox_radio.scss │ │ ├── _label_badge.scss │ │ ├── _stepper.scss │ │ ├── _footer.scss │ │ ├── _pagination.scss │ │ ├── _jumbotron.scss │ │ ├── _alert.scss │ │ ├── _accordion.scss │ │ ├── _typography.scss │ │ ├── _toggle.scss │ │ ├── _pricing.scss │ │ ├── _button_group.scss │ │ ├── _calendar.scss │ │ ├── _dropdown.scss │ │ ├── _breadcrumb.scss │ │ ├── _timeline.scss │ │ ├── _tab.scss │ │ ├── _list.scss │ │ ├── _button.scss │ │ ├── _form.scss │ │ ├── _selecter.scss │ │ ├── _panel.scss │ │ ├── _global.scss │ │ └── _navbar.scss │ └── bootflat.scss │ └── javascripts │ └── icheck.min.js ├── app └── assets │ └── javascripts │ └── bootflat_icheck.js ├── bootflat-rails.gemspec └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | .DS_Store 3 | 4 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | 3 | gemspec 4 | -------------------------------------------------------------------------------- /lib/bootflat-rails/version.rb: -------------------------------------------------------------------------------- 1 | module BootflatRails 2 | VERSION = '0.2.1' 3 | end 4 | -------------------------------------------------------------------------------- /lib/bootflat-rails/engine.rb: -------------------------------------------------------------------------------- 1 | module BootflatRails 2 | class Engine < ::Rails::Engine 3 | end 4 | end 5 | -------------------------------------------------------------------------------- /vendor/assets/images/check_flat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zakelfassi/Bootflat-Rails/HEAD/vendor/assets/images/check_flat.png -------------------------------------------------------------------------------- /app/assets/javascripts/bootflat_icheck.js: -------------------------------------------------------------------------------- 1 | function ready() { 2 | 3 | $(':checkbox').iCheck({ 4 | checkboxClass: 'icheckbox_flat', 5 | cursor: true 6 | }); 7 | 8 | $(':radio').iCheck({ 9 | radioClass: 'iradio_flat', 10 | cursor: true 11 | }); 12 | 13 | }; 14 | 15 | $(document).ready(ready); 16 | $(document).on('page:load', ready); 17 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | & .caption { 23 | font-size: 14px; 24 | } 25 | 26 | & .caption h1, 27 | & .caption h2, 28 | & .caption h3, 29 | & .caption h4, 30 | & .caption h5, 31 | & .caption h6 { 32 | margin: 5px 0 10px; 33 | font-size: 16px; 34 | } 35 | } 36 | 37 | } 38 | 39 | 40 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /bootflat-rails.gemspec: -------------------------------------------------------------------------------- 1 | lib = File.expand_path('../lib', __FILE__) 2 | $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib) 3 | require 'bootflat-rails/version' 4 | 5 | Gem::Specification.new do |s| 6 | s.name = 'bootflat-rails' 7 | s.version = BootflatRails::VERSION 8 | s.date = Date.today.to_s 9 | s.summary = "Bootflat on Rails" 10 | s.description = "Use Bootflat (a flat adaptation of Bootstrap on Rails)" 11 | s.authors = ["Zak El Fassi", "Grzegorz Bizon"] 12 | s.email = 'z@kelfassi.com' 13 | s.files = `git ls-files`.split("\n") 14 | # s.test_files = `git ls-files -- test/*`.split("\n") 15 | s.homepage = 'https://github.com/zakelfassi/Bootflat-Rails' 16 | s.license = 'MIT' 17 | s.metadata = { "issue_tracker" => "https://github.com/zakelfassi/Bootflat-Rails/issues" } 18 | 19 | s.add_development_dependency 'sass-rails', '~> 4.0' 20 | s.add_runtime_dependency 'sass', '~> 3.3' 21 | s.add_runtime_dependency 'jquery-rails', '~> 3.1' 22 | s.add_runtime_dependency 'bootstrap-sass', '~> 3.1' 23 | end 24 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /lib/bootflat-rails.rb: -------------------------------------------------------------------------------- 1 | module BootflatRails 2 | class << self 3 | def load! 4 | require 'bootstrap-sass' 5 | 6 | if rails? 7 | require 'sass-rails' 8 | register_rails_engine 9 | end 10 | 11 | configure_sass 12 | end 13 | 14 | # Paths 15 | def gem_path 16 | @gem_path ||= File.expand_path '..', File.dirname(__FILE__) 17 | end 18 | 19 | def stylesheets_path 20 | File.join assets_path, 'stylesheets' 21 | end 22 | 23 | def javascripts_path 24 | File.join assets_path, 'javascripts' 25 | end 26 | 27 | def images_path 28 | File.join assets_path, 'images' 29 | end 30 | 31 | def assets_path 32 | @assets_path ||= File.join gem_path, 'vendor', 'assets' 33 | end 34 | 35 | # Environment detection helpers 36 | def asset_pipeline? 37 | defined?(::Sprockets) 38 | end 39 | 40 | def rails? 41 | defined?(::Rails) 42 | end 43 | 44 | private 45 | 46 | def configure_sass 47 | ::Sass.load_paths << stylesheets_path 48 | 49 | # bootstrap requires minimum precision of 10, see https://github.com/twbs/bootflat-rails/issues/409 50 | ::Sass::Script::Number.precision = [10, ::Sass::Script::Number.precision].max 51 | end 52 | 53 | def register_rails_engine 54 | require 'bootflat-rails/engine' 55 | end 56 | end 57 | end 58 | 59 | BootflatRails.load! 60 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/bootflat.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /* 4 | * Copyright 2013 FLATHEMES. 5 | * 6 | * Bootflat, v2.0.0 7 | * A open source Flat UI KIT based on Twitter Bootstrap 3.1.0 css framework. 8 | * http://http://bootflat.github.io/ 9 | * 10 | * By @flathemes 11 | * 12 | * Licensed under the MIT license. Please see LICENSE for more information. 13 | * 14 | */ 15 | 16 | 17 | /* 18 | * Include bootstrap 19 | */ 20 | @import "bootstrap-sprockets"; 21 | @import "bootstrap"; 22 | 23 | @import "bootflat/global"; 24 | @import "bootflat/typography"; 25 | @import "bootflat/button"; 26 | @import "bootflat/button_group"; 27 | @import "bootflat/label_badge"; 28 | @import "bootflat/tooltip"; 29 | @import "bootflat/popover"; 30 | @import "bootflat/progress"; 31 | @import "bootflat/breadcrumb"; 32 | @import "bootflat/pagination"; 33 | @import "bootflat/pager"; 34 | @import "bootflat/form"; 35 | @import "bootflat/checkbox_radio"; 36 | @import "bootflat/alert"; 37 | @import "bootflat/tab"; 38 | @import "bootflat/pill"; 39 | @import "bootflat/navbar"; 40 | @import "bootflat/list"; 41 | @import "bootflat/media_list"; 42 | @import "bootflat/modal"; 43 | @import "bootflat/well"; 44 | @import "bootflat/thumbnail"; 45 | @import "bootflat/jumbotron"; 46 | @import "bootflat/panel"; 47 | @import "bootflat/accordion"; 48 | @import "bootflat/footer"; 49 | @import "bootflat/dropdown"; 50 | @import "bootflat/calendar"; 51 | @import "bootflat/pricing"; 52 | @import "bootflat/selecter"; 53 | @import "bootflat/stepper"; 54 | @import "bootflat/timeline"; 55 | @import "bootflat/toggle"; 56 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/bootflat/_checkbox_radio.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | //------------------------------------------------------ 3 | $img-src: "check_flat.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 | .icheckbox_flat, 19 | .iradio_flat { 20 | display: inline-block; 21 | *display: inline; 22 | vertical-align: middle; 23 | margin: 0; 24 | margin-right: 10px; 25 | padding: 0 !important; 26 | width: 20px; 27 | height: 20px; 28 | background: image-url($img-src) no-repeat; 29 | border: none; 30 | cursor: pointer; 31 | } 32 | 33 | .icheckbox_flat { 34 | background-position: 0 0; 35 | 36 | &.checked { 37 | background-position: -22px 0; 38 | } 39 | &.disabled { 40 | background-position: -44px 0; 41 | cursor: default; 42 | } 43 | &.checked.disabled { 44 | background-position: -66px 0; 45 | } 46 | } 47 | 48 | .iradio_flat { 49 | background-position: -88px 0; 50 | 51 | &.checked { 52 | background-position: -110px 0; 53 | } 54 | &.disabled { 55 | background-position: -132px 0; 56 | cursor: default; 57 | } 58 | &.checked.disabled { 59 | background-position: -154px 0; 60 | } 61 | } 62 | 63 | } 64 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Bootflat on Rails 2 | 3 | Porting [Bootflat](http://bootflat.github.io/) on Rails. 4 | 5 | ## Demo 6 | 7 | You can check the demo app [here](http://bootflat-rails.herokuapp.com/) 8 | 9 | ## How to use? 10 | 11 | In your Gemfile, include 12 | 13 | gem 'bootflat-rails' 14 | 15 | Also, make sure you're using this branch of sass-rails (as that bootflat could only be compiled using Sass 3.3+); 16 | 17 | gem 'sass-rails', :git => 'https://github.com/zakelfassi/sass-rails' # Until the gem is officially updated. 18 | 19 | In your `Application.css`: 20 | 21 | ... 22 | *= require bootflat 23 | *= require_self 24 | */ 25 | 26 | And finally, in your `Application.js`: 27 | 28 | ... 29 | //= require bootstrap 30 | //= require icheck.min 31 | 32 | An example of using iCheck for radio/checkbox would be: 33 | 34 | $('.checkbox input').iCheck({ 35 | checkboxClass: 'icheckbox_flat', 36 | increaseArea: '20%' 37 | }); 38 | 39 | $('.radio input').iCheck({ 40 | radioClass: 'iradio_flat', 41 | increaseArea: '20%' 42 | }); 43 | 44 | You can also add following line to your `Application.js` if you want to apply icheck on all checkboxes and radio buttons: 45 | 46 | ... 47 | //= require bootflat_icheck 48 | 49 | 50 | That's pretty much all! 51 | 52 | ## Troubleshooting 53 | 54 | You may need (Rails 4.1+) to add the following line to an asset initializer (`/initializers/asset.rb`) 55 | 56 | Rails.application.config.assets.precompile << /\.(?:png|jpg|jpeg|gif)\z/ 57 | 58 | 59 | ### TODO 60 | 61 | 1. Write tests (sure.) 62 | 2. Include bootflat_form_for and bootflat_form_tag helpers or use existing gem (ex. [rails-bootstrap-forms](https://github.com/bootstrap-ruby/rails-bootstrap-forms)) 63 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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-control.left { 46 | @include radius($type: border-radius, $value: $jumbotron-radius 0 0 0); 47 | } 48 | & .carousel-control.right { 49 | @include radius($type: border-radius, $value: 0 $jumbotron-radius 0 0); 50 | } 51 | 52 | & h1, & .h1, 53 | & h2, & .h2 { 54 | font-weight: 400; 55 | } 56 | 57 | & h1, & .h1 { 58 | font-size: 28px; 59 | } 60 | & h2, & .h2 { 61 | font-size: 24px; 62 | } 63 | & p { 64 | font-size: 14px; 65 | } 66 | 67 | @media screen and (min-width: 768px) { 68 | &, 69 | .container & { 70 | padding: 0; 71 | } 72 | & h1, 73 | & .h1 { 74 | font-size: 28px; 75 | } 76 | } 77 | } 78 | } 79 | 80 | 81 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/javascripts/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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); 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 | } -------------------------------------------------------------------------------- /vendor/assets/stylesheets/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 | 21 | .navbar-default { 22 | & { 23 | background-color: $navbar-background-color; 24 | border-color: $navbar-background-color; 25 | } 26 | & .navbar-brand, 27 | & .navbar-link, 28 | & .btn-link { 29 | color: darken($navbar-background-color, 15%); 30 | } 31 | & .navbar-brand:hover, 32 | & .navbar-brand:focus, 33 | & .navbar-link:hover, 34 | & .btn-link:hover, 35 | & .btn-link:focus { 36 | color: $navbar-font-color; 37 | background-color: transparent; 38 | } 39 | & .navbar-text, 40 | & .navbar-nav > li > a { 41 | color: darken($navbar-background-color, 15%); 42 | } 43 | & .navbar-nav > li > a:hover, 44 | & .navbar-nav > li > a:focus { 45 | color: $navbar-font-color; 46 | } 47 | & .navbar-nav > .active > a, 48 | & .navbar-nav > .active > a:hover, 49 | & .navbar-nav > .active > a:focus { 50 | color: $navbar-font-color; 51 | background-color: $navbar-background-color-active; 52 | } 53 | & .btn-link[disabled]:hover, 54 | fieldset[disabled] & .btn-link:hover, 55 | & .btn-link[disabled]:focus, 56 | fieldset[disabled] & .btn-link:focus, 57 | & .navbar-nav > .disabled > a, 58 | & .navbar-nav > .disabled > a:hover, 59 | & .navbar-nav > .disabled > a:focus { 60 | color: darken($navbar-background-color, 8%); 61 | background-color: transparent; 62 | } 63 | & .navbar-toggle { 64 | border-color: darken($navbar-background-color, 15%); 65 | background-color: darken($navbar-background-color, 15%); 66 | } 67 | & .navbar-toggle:hover, 68 | & .navbar-toggle:focus { 69 | border-color: darken($navbar-background-color, 10%); 70 | background-color: darken($navbar-background-color, 10%); 71 | } 72 | & .navbar-toggle .icon-bar { 73 | background-color: $navbar-background-color; 74 | } 75 | & .navbar-collapse, 76 | & .navbar-form { 77 | border-color: $navbar-item-background-color-hover; 78 | } 79 | & .navbar-nav > .open > a, 80 | & .navbar-nav > .open > a:hover, 81 | & .navbar-nav > .open > a:focus { 82 | color: $navbar-font-color; 83 | background-color: $navbar-background-color; 84 | } 85 | 86 | @media (max-width: 767px) { 87 | & .navbar-nav > li > a:hover, 88 | & .navbar-nav > li > a:focus { 89 | background-color: $navbar-background-color-active; 90 | } 91 | & .navbar-nav .open .dropdown-menu > .divider { 92 | background-color: $navbar-item-background-color-hover; 93 | } 94 | & .navbar-nav .open .dropdown-menu > li > a { 95 | color: darken($navbar-background-color, 15%);; 96 | } 97 | & .navbar-nav .open .dropdown-menu > li > a:hover, 98 | & .navbar-nav .open .dropdown-menu > li > a:focus, 99 | & .navbar-nav .open .dropdown-menu > .active > a, 100 | & .navbar-nav .open .dropdown-menu > .active > a:hover, 101 | & .navbar-nav .open .dropdown-menu > .active > a:focus { 102 | color: $navbar-font-color; 103 | background-color: $navbar-item-background-color-hover; 104 | } 105 | & .navbar-nav .open .dropdown-menu > .dropdown-header { 106 | color: darken($navbar-background-color, 15%); 107 | } 108 | & .navbar-nav .open .dropdown-menu > .disabled > a, 109 | & .navbar-nav .open .dropdown-menu > .disabled > a:hover, 110 | & .navbar-nav .open .dropdown-menu > .disabled > a:focus { 111 | color: darken($navbar-background-color, 10%); 112 | } 113 | } 114 | } 115 | 116 | .navbar-inverse { 117 | & { 118 | background-color: lighten($navbar-inverse-background-color, 20%); 119 | border-color: lighten($navbar-inverse-background-color, 20%); 120 | } 121 | & .navbar-brand, 122 | & .navbar-link, 123 | & .btn-link { 124 | color: lighten($navbar-inverse-background-color, 55%); 125 | } 126 | & .navbar-brand:hover, 127 | & .navbar-brand:focus, 128 | & .navbar-link:hover, 129 | & .btn-link:hover, 130 | & .btn-link:focus { 131 | color: $navbar-font-color; 132 | background-color: transparent; 133 | } 134 | & .navbar-text, 135 | & .navbar-nav > li > a { 136 | color: lighten($navbar-inverse-background-color, 55%); 137 | } 138 | & .navbar-nav > li > a:hover, 139 | & .navbar-nav > li > a:focus { 140 | color: $navbar-font-color; 141 | } 142 | & .navbar-nav > .active > a, 143 | & .navbar-nav > .active > a:hover, 144 | & .navbar-nav > .active > a:focus { 145 | color: $navbar-font-color; 146 | background-color: $navbar-inverse-background-color; 147 | } 148 | & .btn-link[disabled]:hover, 149 | fieldset[disabled] & .btn-link:hover, 150 | & .btn-link[disabled]:focus, 151 | fieldset[disabled] & .btn-link:focus, 152 | & .navbar-nav > .disabled > a, 153 | & .navbar-nav > .disabled > a:hover, 154 | & .navbar-nav > .disabled > a:focus { 155 | color: lighten($navbar-inverse-background-color, 40%); 156 | background-color: transparent; 157 | } 158 | & .navbar-toggle { 159 | border-color: $navbar-inverse-background-color; 160 | background-color: $navbar-inverse-background-color; 161 | } 162 | & .navbar-toggle:hover, 163 | & .navbar-toggle:focus { 164 | border-color: lighten($navbar-inverse-background-color, 10%); 165 | background-color: lighten($navbar-inverse-background-color, 10%); 166 | } 167 | & .navbar-toggle .icon-bar { 168 | background-color: lighten($navbar-inverse-background-color, 55%); 169 | } 170 | & .navbar-collapse, 171 | & .navbar-form { 172 | border-color: $navbar-inverse-background-color; 173 | } 174 | & .navbar-nav > .open > a, 175 | & .navbar-nav > .open > a:hover, 176 | & .navbar-nav > .open > a:focus { 177 | color: $navbar-font-color; 178 | background-color: $navbar-inverse-background-color; 179 | } 180 | 181 | @media (max-width: 767px) { 182 | & .navbar-nav > li > a:hover, 183 | & .navbar-nav > li > a:focus { 184 | background-color: $navbar-inverse-background-color; 185 | } 186 | & .navbar-nav .open .dropdown-menu > .divider { 187 | background-color: $navbar-inverse-background-color; 188 | } 189 | & .navbar-nav .open .dropdown-menu > li > a { 190 | color: lighten($navbar-inverse-background-color, 55%); 191 | } 192 | & .navbar-nav .open .dropdown-menu > li > a:hover, 193 | & .navbar-nav .open .dropdown-menu > li > a:focus, 194 | & .navbar-nav .open .dropdown-menu > .active > a, 195 | & .navbar-nav .open .dropdown-menu > .active > a:hover, 196 | & .navbar-nav .open .dropdown-menu > .active > a:focus { 197 | color: $navbar-font-color; 198 | background-color: $navbar-inverse-background-color; 199 | } 200 | & .navbar-nav .open .dropdown-menu > .dropdown-header { 201 | color: lighten($navbar-inverse-background-color, 75%); 202 | } 203 | & .navbar-nav .open .dropdown-menu > .disabled > a, 204 | & .navbar-nav .open .dropdown-menu > .disabled > a:hover, 205 | & .navbar-nav .open .dropdown-menu > .disabled > a:focus { 206 | color: lighten($navbar-inverse-background-color, 40%); 207 | } 208 | } 209 | } 210 | 211 | } 212 | 213 | 214 | --------------------------------------------------------------------------------