├── .gitattributes ├── 404.php ├── README.md ├── archive.php ├── codesniffer.ruleset.xml ├── comments.php ├── content-none.php ├── content-page.php ├── content-search.php ├── content-single.php ├── content.php ├── fonts ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.svg ├── fontawesome-webfont.ttf └── fontawesome-webfont.woff ├── footer.php ├── functions.php ├── gruntfile.js ├── header.php ├── inc ├── custom-header.php ├── customizer.php ├── extras.php ├── jetpack.php ├── template-tags.php ├── wp_bootstrap_navwalker.php └── wpcom.php ├── index.php ├── js ├── _custom.js ├── bootstrap │ ├── affix.js │ ├── alert.js │ ├── button.js │ ├── carousel.js │ ├── collapse.js │ ├── dropdown.js │ ├── modal.js │ ├── popover.js │ ├── scrollspy.js │ ├── tab.js │ ├── tooltip.js │ └── transition.js └── scripts.min.js ├── languages ├── _s.pot └── readme.txt ├── layouts ├── content-sidebar.css └── sidebar-content.css ├── package.json ├── page.php ├── rtl.css ├── screenshot.png ├── search.php ├── sidebar.php ├── single.php └── styles ├── _reset.scss ├── bootstrap ├── _bootstrap.scss └── bootstrap │ ├── _alerts.scss │ ├── _badges.scss │ ├── _breadcrumbs.scss │ ├── _button-groups.scss │ ├── _buttons.scss │ ├── _carousel.scss │ ├── _close.scss │ ├── _code.scss │ ├── _component-animations.scss │ ├── _dropdowns.scss │ ├── _forms.scss │ ├── _glyphicons.scss │ ├── _grid.scss │ ├── _input-groups.scss │ ├── _jumbotron.scss │ ├── _labels.scss │ ├── _list-group.scss │ ├── _media.scss │ ├── _mixins.scss │ ├── _modals.scss │ ├── _navbar.scss │ ├── _navs.scss │ ├── _normalize.scss │ ├── _pager.scss │ ├── _pagination.scss │ ├── _panels.scss │ ├── _popovers.scss │ ├── _print.scss │ ├── _progress-bars.scss │ ├── _responsive-embed.scss │ ├── _responsive-utilities.scss │ ├── _scaffolding.scss │ ├── _tables.scss │ ├── _theme.scss │ ├── _thumbnails.scss │ ├── _tooltip.scss │ ├── _type.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── _wells.scss │ └── mixins │ ├── _alerts.scss │ ├── _background-variant.scss │ ├── _border-radius.scss │ ├── _buttons.scss │ ├── _center-block.scss │ ├── _clearfix.scss │ ├── _forms.scss │ ├── _gradients.scss │ ├── _grid-framework.scss │ ├── _grid.scss │ ├── _hide-text.scss │ ├── _image.scss │ ├── _labels.scss │ ├── _list-group.scss │ ├── _nav-divider.scss │ ├── _nav-vertical-align.scss │ ├── _opacity.scss │ ├── _pagination.scss │ ├── _panels.scss │ ├── _progress-bar.scss │ ├── _reset-filter.scss │ ├── _resize.scss │ ├── _responsive-visibility.scss │ ├── _size.scss │ ├── _tab-focus.scss │ ├── _table-row.scss │ ├── _text-emphasis.scss │ ├── _text-overflow.scss │ └── _vendor-prefixes.scss ├── font-awesome ├── _bordered-pulled.scss ├── _core.scss ├── _extras.scss ├── _fixed-width.scss ├── _icons.scss ├── _larger.scss ├── _list.scss ├── _mixins.scss ├── _path.scss ├── _rotated-flipped.scss ├── _spinning.scss ├── _stacked.scss ├── _variables.scss └── font-awesome.scss └── style.scss /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | *.sln merge=union 7 | *.csproj merge=union 8 | *.vbproj merge=union 9 | *.fsproj merge=union 10 | *.dbproj merge=union 11 | 12 | # Standard to msysgit 13 | *.doc diff=astextplain 14 | *.DOC diff=astextplain 15 | *.docx diff=astextplain 16 | *.DOCX diff=astextplain 17 | *.dot diff=astextplain 18 | *.DOT diff=astextplain 19 | *.pdf diff=astextplain 20 | *.PDF diff=astextplain 21 | *.rtf diff=astextplain 22 | *.RTF diff=astextplain 23 | -------------------------------------------------------------------------------- /404.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |
11 |
12 | 13 |
14 |
15 |

16 |
17 | 18 |
19 |

20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 |

28 |
    29 | 'count', 32 | 'order' => 'DESC', 33 | 'show_count' => 1, 34 | 'title_li' => '', 35 | 'number' => 10, 36 | ) ); 37 | ?> 38 |
39 |
40 | 41 | 42 | ' . sprintf( __( 'Try looking in the monthly archives. %1$s', '_s' ), convert_smilies( ':)' ) ) . '

'; 45 | the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=$archive_content" ); 46 | ?> 47 | 48 | 49 | 50 |
51 |
52 | 53 |
54 |
55 | 56 | 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | Underscores-Strap 3 | === 4 | 5 | v0.1.0 6 | * [Wordpress starter theme called _s, or underscores](https://github.com/Automattic/_s) 7 | * [Bootstrap for Sass v3.3.1](https://github.com/twbs/bootstrap-sass) 8 | * [Grunt](http://gruntjs.com/) 9 | 10 | 11 | ##Getting Started 12 | 13 | 14 | 1. ```npm install``` 15 | 2. Setup Underscores following the [getting started guide](https://github.com/automattic/_s) 16 | 3. ```grunt``` to watch for changes and livereload 17 | 18 | 19 | ##Assets management 20 | 21 | ###CSS 22 | * Edit any file in styles/ 23 | * styles/style.scss for all the imports 24 | * Remove/Comment out unwanted components in styles/bootstrap/_bootstrap.scss 25 | 26 | ###Javascript 27 | * js/_custom.js for your custom JS 28 | * Remove unwanted Bootstrap JS components from jsFileList in gruntfile.js 29 | * _custom.js and bootstrap js gets concatenated and minified into scripts.min.js 30 | 31 | ##Misc 32 | ###Font Awesome 33 | * Glyphicons are replaced with [Font Awesome](http://fortawesome.github.io/Font-Awesome/) 34 | -------------------------------------------------------------------------------- /archive.php: -------------------------------------------------------------------------------- 1 | 11 | 12 |
13 |
14 | 15 | 16 | 17 |
18 | ', '' ); 20 | the_archive_description( '
', '
' ); 21 | ?> 22 |
23 | 24 | 25 | 26 | 27 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 |
47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /codesniffer.ruleset.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | A custom set of code standard rules to check for Underscores. 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /comments.php: -------------------------------------------------------------------------------- 1 | 20 | 21 |
22 | 23 | 24 | 25 | 26 |

27 | ' . get_the_title() . '' ); 30 | ?> 31 |

32 | 33 | 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> 34 | 39 | 40 | 41 |
    42 | 'ol', 45 | 'short_ping' => true, 46 | ) ); 47 | ?> 48 |
49 | 50 | 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> 51 | 56 | 57 | 58 | 59 | 60 | 64 |

65 | 66 | 67 | 68 | 69 |
70 | -------------------------------------------------------------------------------- /content-none.php: -------------------------------------------------------------------------------- 1 | 10 | 11 |
12 |
13 |

14 |
15 | 16 |
17 | 18 | 19 |

Get started here.', '_s' ), esc_url( admin_url( 'post-new.php' ) ) ); ?>

20 | 21 | 22 | 23 |

24 | 25 | 26 | 27 | 28 |

29 | 30 | 31 | 32 |
33 |
34 | -------------------------------------------------------------------------------- /content-page.php: -------------------------------------------------------------------------------- 1 | 8 | 9 |
> 10 |
11 | ', '' ); ?> 12 |
13 | 14 |
15 | 16 | '
' . __( 'Pages:', '_s' ), 19 | 'after' => '
', 20 | ) ); 21 | ?> 22 |
23 | 24 | 27 |
28 | -------------------------------------------------------------------------------- /content-search.php: -------------------------------------------------------------------------------- 1 | 10 | 11 |
> 12 |
13 | ', esc_url( get_permalink() ) ), '' ); ?> 14 | 15 | 16 |
17 | 18 |
19 | 20 |
21 | 22 |
23 | 24 |
25 | 26 | 29 |
30 | -------------------------------------------------------------------------------- /content-single.php: -------------------------------------------------------------------------------- 1 | 6 | 7 |
> 8 |
9 | ', '' ); ?> 10 | 11 |
12 | 13 |
14 |
15 | 16 |
17 | 18 | '
' . __( 'Pages:', '_s' ), 21 | 'after' => '
', 22 | ) ); 23 | ?> 24 |
25 | 26 | 29 |
30 | -------------------------------------------------------------------------------- /content.php: -------------------------------------------------------------------------------- 1 | 6 | 7 |
> 8 |
9 | ', esc_url( get_permalink() ) ), '' ); ?> 10 | 11 | 12 |
13 | 14 |
15 | 16 |
17 | 18 |
19 | →', '_s' ), 23 | the_title( '"', '"', false ) 24 | ) ); 25 | ?> 26 | 27 | '
' . __( 'Pages:', '_s' ), 30 | 'after' => '
', 31 | ) ); 32 | ?> 33 |
34 | 35 | 38 |
-------------------------------------------------------------------------------- /fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DennisKo/Underscores-Strap/04e8cc9ae9d4d0c6e4232693825888d7e927b8e4/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DennisKo/Underscores-Strap/04e8cc9ae9d4d0c6e4232693825888d7e927b8e4/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DennisKo/Underscores-Strap/04e8cc9ae9d4d0c6e4232693825888d7e927b8e4/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DennisKo/Underscores-Strap/04e8cc9ae9d4d0c6e4232693825888d7e927b8e4/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /footer.php: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | __( 'Primary Menu', '_s' ), 46 | ) ); 47 | 48 | /* 49 | * Switch default core markup for search form, comment form, and comments 50 | * to output valid HTML5. 51 | */ 52 | add_theme_support( 'html5', array( 53 | 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption', 54 | ) ); 55 | 56 | /* 57 | * Enable support for Post Formats. 58 | * See http://codex.wordpress.org/Post_Formats 59 | */ 60 | add_theme_support( 'post-formats', array( 61 | 'aside', 'image', 'video', 'quote', 'link', 62 | ) ); 63 | 64 | // Set up the WordPress core custom background feature. 65 | add_theme_support( 'custom-background', apply_filters( '_s_custom_background_args', array( 66 | 'default-color' => 'ffffff', 67 | 'default-image' => '', 68 | ) ) ); 69 | } 70 | endif; // _s_setup 71 | add_action( 'after_setup_theme', '_s_setup' ); 72 | 73 | /** 74 | * Register widget area. 75 | * 76 | * @link http://codex.wordpress.org/Function_Reference/register_sidebar 77 | */ 78 | function _s_widgets_init() { 79 | register_sidebar( array( 80 | 'name' => __( 'Sidebar', '_s' ), 81 | 'id' => 'sidebar-1', 82 | 'description' => '', 83 | 'before_widget' => '
', 84 | 'after_widget' => '
', 85 | 'before_title' => '

', 86 | 'after_title' => '

', 87 | ) ); 88 | } 89 | add_action( 'widgets_init', '_s_widgets_init' ); 90 | 91 | /** 92 | * Enqueue scripts and styles. 93 | */ 94 | function _s_scripts() { 95 | wp_enqueue_style( '_s-style', get_stylesheet_uri() ); 96 | 97 | wp_enqueue_script( '_s-scripts', get_template_directory_uri() . '/js/scripts.min.js', array('jquery'), '20120206', true ); 98 | 99 | } 100 | add_action( 'wp_enqueue_scripts', '_s_scripts' ); 101 | 102 | /** 103 | * Implement the Custom Header feature. 104 | */ 105 | //require get_template_directory() . '/inc/custom-header.php'; 106 | 107 | /** 108 | * Custom template tags for this theme. 109 | */ 110 | require get_template_directory() . '/inc/template-tags.php'; 111 | 112 | /** 113 | * Custom functions that act independently of the theme templates. 114 | */ 115 | require get_template_directory() . '/inc/extras.php'; 116 | 117 | /** 118 | * Customizer additions. 119 | */ 120 | require get_template_directory() . '/inc/customizer.php'; 121 | 122 | /** 123 | * Load Jetpack compatibility file. 124 | */ 125 | require get_template_directory() . '/inc/jetpack.php'; 126 | 127 | // Register Custom Navigation Walker for Bootstrap 128 | require_once('inc/wp_bootstrap_navwalker.php'); 129 | -------------------------------------------------------------------------------- /gruntfile.js: -------------------------------------------------------------------------------- 1 | var mountFolder = function(connect, dir) { 2 | return connect.static(require('path').resolve(dir)); 3 | }; 4 | 5 | module.exports = function(grunt) { 6 | 7 | // Time how long tasks take. Can help when optimizing build times 8 | require('time-grunt')(grunt); 9 | 10 | // Load grunt tasks automatically 11 | // require('load-grunt-tasks')(grunt); 12 | require('jit-grunt')(grunt); 13 | 14 | var jsFileList = [ 15 | 'js/bootstrap/transition.js', 16 | 'js/bootstrap/alert.js', 17 | 'js/bootstrap/button.js', 18 | 'js/bootstrap/carousel.js', 19 | 'js/bootstrap/collapse.js', 20 | 'js/bootstrap/dropdown.js', 21 | 'js/bootstrap/modal.js', 22 | 'js/bootstrap/tooltip.js', 23 | 'js/bootstrap/popover.js', 24 | 'js/bootstrap/scrollspy.js', 25 | 'js/bootstrap/tab.js', 26 | 'js/bootstrap/affix.js', 27 | 'js/_*.js' 28 | ]; 29 | 30 | grunt.initConfig({ 31 | pkg: grunt.file.readJSON('package.json'), 32 | 33 | concat: { 34 | options: { 35 | separator: ';', 36 | }, 37 | dist: { 38 | src: [jsFileList], 39 | dest: 'js/scripts.min.js', 40 | }, 41 | }, 42 | 43 | uglify: { 44 | dist: { 45 | files: { 46 | 'js/scripts.min.js': [jsFileList] 47 | } 48 | } 49 | }, 50 | 51 | sass: { 52 | dist: { 53 | options: { 54 | trace: true, 55 | style: 'compressed' 56 | }, 57 | files: { 58 | 'style.css': 'styles/style.scss' 59 | } 60 | } 61 | }, 62 | 63 | autoprefixer: { 64 | options: { 65 | browsers:['last 2 versions', 'ie 8', 'ie 7'] 66 | }, 67 | target: { 68 | src: 'style.css', 69 | dest: 'style.css' 70 | } 71 | }, 72 | 73 | watch: { 74 | sass: { 75 | files: [ 76 | 'styles/*.scss', 77 | 'styles/**/*.scss' 78 | ], 79 | tasks: ['sass', 'autoprefixer'] 80 | }, 81 | js: { 82 | files: [ 83 | jsFileList 84 | ], 85 | tasks: ['concat','uglify'] 86 | }, 87 | livereload: { 88 | // Browser live reloading 89 | // https://github.com/gruntjs/grunt-contrib-watch#live-reloading 90 | options: { 91 | livereload: true 92 | }, 93 | files: [ 94 | 'style.css', 95 | 'js/scripts.min.js', 96 | 'inc/*.php', 97 | '*.php' 98 | ] 99 | } 100 | } 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | }); 109 | 110 | 111 | // default task(s) 112 | grunt.registerTask('default', function() { 113 | grunt.task.run([ 114 | 'concat', 115 | 'uglify', 116 | 'sass', 117 | 'watch' 118 | ]); 119 | }); 120 | }; 121 | -------------------------------------------------------------------------------- /header.php: -------------------------------------------------------------------------------- 1 | section and everything up till
6 | * 7 | * @package _s 8 | */ 9 | ?> 10 | > 11 | 12 | 13 | 14 | <?php wp_title( '|', true, 'right' ); ?> 15 | 16 | 17 | 18 | 19 | 20 | 21 | > 22 |
23 | 55 |
56 | -------------------------------------------------------------------------------- /inc/custom-header.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | 14 | * 15 | * @package _s 16 | */ 17 | 18 | /** 19 | * Set up the WordPress core custom header feature. 20 | * 21 | * @uses _s_header_style() 22 | * @uses _s_admin_header_style() 23 | * @uses _s_admin_header_image() 24 | */ 25 | function _s_custom_header_setup() { 26 | add_theme_support( 'custom-header', apply_filters( '_s_custom_header_args', array( 27 | 'default-image' => '', 28 | 'default-text-color' => '000000', 29 | 'width' => 1000, 30 | 'height' => 250, 31 | 'flex-height' => true, 32 | 'wp-head-callback' => '_s_header_style', 33 | 'admin-head-callback' => '_s_admin_header_style', 34 | 'admin-preview-callback' => '_s_admin_header_image', 35 | ) ) ); 36 | } 37 | add_action( 'after_setup_theme', '_s_custom_header_setup' ); 38 | 39 | if ( ! function_exists( '_s_header_style' ) ) : 40 | /** 41 | * Styles the header image and text displayed on the blog 42 | * 43 | * @see _s_custom_header_setup(). 44 | */ 45 | function _s_header_style() { 46 | $header_text_color = get_header_textcolor(); 47 | 48 | // If no custom options for text are set, let's bail 49 | // get_header_textcolor() options: HEADER_TEXTCOLOR is default, hide text (returns 'blank') or any hex value 50 | if ( HEADER_TEXTCOLOR == $header_text_color ) { 51 | return; 52 | } 53 | 54 | // If we get this far, we have custom styles. Let's do this. 55 | ?> 56 | 76 | Header admin panel. 83 | * 84 | * @see _s_custom_header_setup(). 85 | */ 86 | function _s_admin_header_style() { 87 | ?> 88 | 104 | Header admin panel. 111 | * 112 | * @see _s_custom_header_setup(). 113 | */ 114 | function _s_admin_header_image() { 115 | $style = sprintf( ' style="color:#%s;"', get_header_textcolor() ); 116 | ?> 117 |
118 |

onclick="return false;" href="">

119 |
>
120 | 121 | 122 | 123 |
124 | get_setting( 'blogname' )->transport = 'postMessage'; 15 | $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; 16 | $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; 17 | } 18 | add_action( 'customize_register', '_s_customize_register' ); 19 | 20 | /** 21 | * Binds JS handlers to make Theme Customizer preview reload changes asynchronously. 22 | */ 23 | function _s_customize_preview_js() { 24 | wp_enqueue_script( '_s_customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20130508', true ); 25 | } 26 | add_action( 'customize_preview_init', '_s_customize_preview_js' ); 27 | -------------------------------------------------------------------------------- /inc/extras.php: -------------------------------------------------------------------------------- 1 | tag based on what is being viewed. 40 | * 41 | * @param string $title Default title text for current view. 42 | * @param string $sep Optional separator. 43 | * @return string The filtered title. 44 | */ 45 | function _s_wp_title( $title, $sep ) { 46 | if ( is_feed() ) { 47 | return $title; 48 | } 49 | 50 | global $page, $paged; 51 | 52 | // Add the blog name 53 | $title .= get_bloginfo( 'name', 'display' ); 54 | 55 | // Add the blog description for the home/front page. 56 | $site_description = get_bloginfo( 'description', 'display' ); 57 | if ( $site_description && ( is_home() || is_front_page() ) ) { 58 | $title .= " $sep $site_description"; 59 | } 60 | 61 | // Add a page number if necessary: 62 | if ( ( $paged >= 2 || $page >= 2 ) && ! is_404() ) { 63 | $title .= " $sep " . sprintf( __( 'Page %s', '_s' ), max( $paged, $page ) ); 64 | } 65 | 66 | return $title; 67 | } 68 | add_filter( 'wp_title', '_s_wp_title', 10, 2 ); 69 | 70 | /** 71 | * Sets the authordata global when viewing an author archive. 72 | * 73 | * This provides backwards compatibility with 74 | * http://core.trac.wordpress.org/changeset/25574 75 | * 76 | * It removes the need to call the_post() and rewind_posts() in an author 77 | * template to print information about the author. 78 | * 79 | * @global WP_Query $wp_query WordPress Query object. 80 | * @return void 81 | */ 82 | function _s_setup_author() { 83 | global $wp_query; 84 | 85 | if ( $wp_query->is_author() && isset( $wp_query->post ) ) { 86 | $GLOBALS['authordata'] = get_userdata( $wp_query->post->post_author ); 87 | } 88 | } 89 | add_action( 'wp', '_s_setup_author' ); 90 | -------------------------------------------------------------------------------- /inc/jetpack.php: -------------------------------------------------------------------------------- 1 | 'main', 16 | 'footer' => 'page', 17 | ) ); 18 | } 19 | add_action( 'after_setup_theme', '_s_jetpack_setup' ); 20 | -------------------------------------------------------------------------------- /inc/wpcom.php: -------------------------------------------------------------------------------- 1 | '', 22 | 'border' => '', 23 | 'text' => '', 24 | 'link' => '', 25 | 'url' => '', 26 | ); 27 | } 28 | } 29 | add_action( 'after_setup_theme', '_s_wpcom_setup' ); 30 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 15 | 16 |
17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |
43 |
44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /js/_custom.js: -------------------------------------------------------------------------------- 1 | // Your custom js here 2 | -------------------------------------------------------------------------------- /js/bootstrap/affix.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: affix.js v3.3.1 3 | * http://getbootstrap.com/javascript/#affix 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // AFFIX CLASS DEFINITION 14 | // ====================== 15 | 16 | var Affix = function (element, options) { 17 | this.options = $.extend({}, Affix.DEFAULTS, options) 18 | 19 | this.$target = $(this.options.target) 20 | .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) 21 | .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) 22 | 23 | this.$element = $(element) 24 | this.affixed = 25 | this.unpin = 26 | this.pinnedOffset = null 27 | 28 | this.checkPosition() 29 | } 30 | 31 | Affix.VERSION = '3.3.1' 32 | 33 | Affix.RESET = 'affix affix-top affix-bottom' 34 | 35 | Affix.DEFAULTS = { 36 | offset: 0, 37 | target: window 38 | } 39 | 40 | Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) { 41 | var scrollTop = this.$target.scrollTop() 42 | var position = this.$element.offset() 43 | var targetHeight = this.$target.height() 44 | 45 | if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false 46 | 47 | if (this.affixed == 'bottom') { 48 | if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom' 49 | return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom' 50 | } 51 | 52 | var initializing = this.affixed == null 53 | var colliderTop = initializing ? scrollTop : position.top 54 | var colliderHeight = initializing ? targetHeight : height 55 | 56 | if (offsetTop != null && colliderTop <= offsetTop) return 'top' 57 | if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom' 58 | 59 | return false 60 | } 61 | 62 | Affix.prototype.getPinnedOffset = function () { 63 | if (this.pinnedOffset) return this.pinnedOffset 64 | this.$element.removeClass(Affix.RESET).addClass('affix') 65 | var scrollTop = this.$target.scrollTop() 66 | var position = this.$element.offset() 67 | return (this.pinnedOffset = position.top - scrollTop) 68 | } 69 | 70 | Affix.prototype.checkPositionWithEventLoop = function () { 71 | setTimeout($.proxy(this.checkPosition, this), 1) 72 | } 73 | 74 | Affix.prototype.checkPosition = function () { 75 | if (!this.$element.is(':visible')) return 76 | 77 | var height = this.$element.height() 78 | var offset = this.options.offset 79 | var offsetTop = offset.top 80 | var offsetBottom = offset.bottom 81 | var scrollHeight = $('body').height() 82 | 83 | if (typeof offset != 'object') offsetBottom = offsetTop = offset 84 | if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) 85 | if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) 86 | 87 | var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom) 88 | 89 | if (this.affixed != affix) { 90 | if (this.unpin != null) this.$element.css('top', '') 91 | 92 | var affixType = 'affix' + (affix ? '-' + affix : '') 93 | var e = $.Event(affixType + '.bs.affix') 94 | 95 | this.$element.trigger(e) 96 | 97 | if (e.isDefaultPrevented()) return 98 | 99 | this.affixed = affix 100 | this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null 101 | 102 | this.$element 103 | .removeClass(Affix.RESET) 104 | .addClass(affixType) 105 | .trigger(affixType.replace('affix', 'affixed') + '.bs.affix') 106 | } 107 | 108 | if (affix == 'bottom') { 109 | this.$element.offset({ 110 | top: scrollHeight - height - offsetBottom 111 | }) 112 | } 113 | } 114 | 115 | 116 | // AFFIX PLUGIN DEFINITION 117 | // ======================= 118 | 119 | function Plugin(option) { 120 | return this.each(function () { 121 | var $this = $(this) 122 | var data = $this.data('bs.affix') 123 | var options = typeof option == 'object' && option 124 | 125 | if (!data) $this.data('bs.affix', (data = new Affix(this, options))) 126 | if (typeof option == 'string') data[option]() 127 | }) 128 | } 129 | 130 | var old = $.fn.affix 131 | 132 | $.fn.affix = Plugin 133 | $.fn.affix.Constructor = Affix 134 | 135 | 136 | // AFFIX NO CONFLICT 137 | // ================= 138 | 139 | $.fn.affix.noConflict = function () { 140 | $.fn.affix = old 141 | return this 142 | } 143 | 144 | 145 | // AFFIX DATA-API 146 | // ============== 147 | 148 | $(window).on('load', function () { 149 | $('[data-spy="affix"]').each(function () { 150 | var $spy = $(this) 151 | var data = $spy.data() 152 | 153 | data.offset = data.offset || {} 154 | 155 | if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom 156 | if (data.offsetTop != null) data.offset.top = data.offsetTop 157 | 158 | Plugin.call($spy, data) 159 | }) 160 | }) 161 | 162 | }(jQuery); 163 | -------------------------------------------------------------------------------- /js/bootstrap/alert.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: alert.js v3.3.1 3 | * http://getbootstrap.com/javascript/#alerts 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // ALERT CLASS DEFINITION 14 | // ====================== 15 | 16 | var dismiss = '[data-dismiss="alert"]' 17 | var Alert = function (el) { 18 | $(el).on('click', dismiss, this.close) 19 | } 20 | 21 | Alert.VERSION = '3.3.1' 22 | 23 | Alert.TRANSITION_DURATION = 150 24 | 25 | Alert.prototype.close = function (e) { 26 | var $this = $(this) 27 | var selector = $this.attr('data-target') 28 | 29 | if (!selector) { 30 | selector = $this.attr('href') 31 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 32 | } 33 | 34 | var $parent = $(selector) 35 | 36 | if (e) e.preventDefault() 37 | 38 | if (!$parent.length) { 39 | $parent = $this.closest('.alert') 40 | } 41 | 42 | $parent.trigger(e = $.Event('close.bs.alert')) 43 | 44 | if (e.isDefaultPrevented()) return 45 | 46 | $parent.removeClass('in') 47 | 48 | function removeElement() { 49 | // detach from parent, fire event then clean up data 50 | $parent.detach().trigger('closed.bs.alert').remove() 51 | } 52 | 53 | $.support.transition && $parent.hasClass('fade') ? 54 | $parent 55 | .one('bsTransitionEnd', removeElement) 56 | .emulateTransitionEnd(Alert.TRANSITION_DURATION) : 57 | removeElement() 58 | } 59 | 60 | 61 | // ALERT PLUGIN DEFINITION 62 | // ======================= 63 | 64 | function Plugin(option) { 65 | return this.each(function () { 66 | var $this = $(this) 67 | var data = $this.data('bs.alert') 68 | 69 | if (!data) $this.data('bs.alert', (data = new Alert(this))) 70 | if (typeof option == 'string') data[option].call($this) 71 | }) 72 | } 73 | 74 | var old = $.fn.alert 75 | 76 | $.fn.alert = Plugin 77 | $.fn.alert.Constructor = Alert 78 | 79 | 80 | // ALERT NO CONFLICT 81 | // ================= 82 | 83 | $.fn.alert.noConflict = function () { 84 | $.fn.alert = old 85 | return this 86 | } 87 | 88 | 89 | // ALERT DATA-API 90 | // ============== 91 | 92 | $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) 93 | 94 | }(jQuery); 95 | -------------------------------------------------------------------------------- /js/bootstrap/button.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: button.js v3.3.1 3 | * http://getbootstrap.com/javascript/#buttons 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // BUTTON PUBLIC CLASS DEFINITION 14 | // ============================== 15 | 16 | var Button = function (element, options) { 17 | this.$element = $(element) 18 | this.options = $.extend({}, Button.DEFAULTS, options) 19 | this.isLoading = false 20 | } 21 | 22 | Button.VERSION = '3.3.1' 23 | 24 | Button.DEFAULTS = { 25 | loadingText: 'loading...' 26 | } 27 | 28 | Button.prototype.setState = function (state) { 29 | var d = 'disabled' 30 | var $el = this.$element 31 | var val = $el.is('input') ? 'val' : 'html' 32 | var data = $el.data() 33 | 34 | state = state + 'Text' 35 | 36 | if (data.resetText == null) $el.data('resetText', $el[val]()) 37 | 38 | // push to event loop to allow forms to submit 39 | setTimeout($.proxy(function () { 40 | $el[val](data[state] == null ? this.options[state] : data[state]) 41 | 42 | if (state == 'loadingText') { 43 | this.isLoading = true 44 | $el.addClass(d).attr(d, d) 45 | } else if (this.isLoading) { 46 | this.isLoading = false 47 | $el.removeClass(d).removeAttr(d) 48 | } 49 | }, this), 0) 50 | } 51 | 52 | Button.prototype.toggle = function () { 53 | var changed = true 54 | var $parent = this.$element.closest('[data-toggle="buttons"]') 55 | 56 | if ($parent.length) { 57 | var $input = this.$element.find('input') 58 | if ($input.prop('type') == 'radio') { 59 | if ($input.prop('checked') && this.$element.hasClass('active')) changed = false 60 | else $parent.find('.active').removeClass('active') 61 | } 62 | if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change') 63 | } else { 64 | this.$element.attr('aria-pressed', !this.$element.hasClass('active')) 65 | } 66 | 67 | if (changed) this.$element.toggleClass('active') 68 | } 69 | 70 | 71 | // BUTTON PLUGIN DEFINITION 72 | // ======================== 73 | 74 | function Plugin(option) { 75 | return this.each(function () { 76 | var $this = $(this) 77 | var data = $this.data('bs.button') 78 | var options = typeof option == 'object' && option 79 | 80 | if (!data) $this.data('bs.button', (data = new Button(this, options))) 81 | 82 | if (option == 'toggle') data.toggle() 83 | else if (option) data.setState(option) 84 | }) 85 | } 86 | 87 | var old = $.fn.button 88 | 89 | $.fn.button = Plugin 90 | $.fn.button.Constructor = Button 91 | 92 | 93 | // BUTTON NO CONFLICT 94 | // ================== 95 | 96 | $.fn.button.noConflict = function () { 97 | $.fn.button = old 98 | return this 99 | } 100 | 101 | 102 | // BUTTON DATA-API 103 | // =============== 104 | 105 | $(document) 106 | .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { 107 | var $btn = $(e.target) 108 | if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') 109 | Plugin.call($btn, 'toggle') 110 | e.preventDefault() 111 | }) 112 | .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { 113 | $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) 114 | }) 115 | 116 | }(jQuery); 117 | -------------------------------------------------------------------------------- /js/bootstrap/collapse.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: collapse.js v3.3.1 3 | * http://getbootstrap.com/javascript/#collapse 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // COLLAPSE PUBLIC CLASS DEFINITION 14 | // ================================ 15 | 16 | var Collapse = function (element, options) { 17 | this.$element = $(element) 18 | this.options = $.extend({}, Collapse.DEFAULTS, options) 19 | this.$trigger = $(this.options.trigger).filter('[href="#' + element.id + '"], [data-target="#' + element.id + '"]') 20 | this.transitioning = null 21 | 22 | if (this.options.parent) { 23 | this.$parent = this.getParent() 24 | } else { 25 | this.addAriaAndCollapsedClass(this.$element, this.$trigger) 26 | } 27 | 28 | if (this.options.toggle) this.toggle() 29 | } 30 | 31 | Collapse.VERSION = '3.3.1' 32 | 33 | Collapse.TRANSITION_DURATION = 350 34 | 35 | Collapse.DEFAULTS = { 36 | toggle: true, 37 | trigger: '[data-toggle="collapse"]' 38 | } 39 | 40 | Collapse.prototype.dimension = function () { 41 | var hasWidth = this.$element.hasClass('width') 42 | return hasWidth ? 'width' : 'height' 43 | } 44 | 45 | Collapse.prototype.show = function () { 46 | if (this.transitioning || this.$element.hasClass('in')) return 47 | 48 | var activesData 49 | var actives = this.$parent && this.$parent.find('> .panel').children('.in, .collapsing') 50 | 51 | if (actives && actives.length) { 52 | activesData = actives.data('bs.collapse') 53 | if (activesData && activesData.transitioning) return 54 | } 55 | 56 | var startEvent = $.Event('show.bs.collapse') 57 | this.$element.trigger(startEvent) 58 | if (startEvent.isDefaultPrevented()) return 59 | 60 | if (actives && actives.length) { 61 | Plugin.call(actives, 'hide') 62 | activesData || actives.data('bs.collapse', null) 63 | } 64 | 65 | var dimension = this.dimension() 66 | 67 | this.$element 68 | .removeClass('collapse') 69 | .addClass('collapsing')[dimension](0) 70 | .attr('aria-expanded', true) 71 | 72 | this.$trigger 73 | .removeClass('collapsed') 74 | .attr('aria-expanded', true) 75 | 76 | this.transitioning = 1 77 | 78 | var complete = function () { 79 | this.$element 80 | .removeClass('collapsing') 81 | .addClass('collapse in')[dimension]('') 82 | this.transitioning = 0 83 | this.$element 84 | .trigger('shown.bs.collapse') 85 | } 86 | 87 | if (!$.support.transition) return complete.call(this) 88 | 89 | var scrollSize = $.camelCase(['scroll', dimension].join('-')) 90 | 91 | this.$element 92 | .one('bsTransitionEnd', $.proxy(complete, this)) 93 | .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) 94 | } 95 | 96 | Collapse.prototype.hide = function () { 97 | if (this.transitioning || !this.$element.hasClass('in')) return 98 | 99 | var startEvent = $.Event('hide.bs.collapse') 100 | this.$element.trigger(startEvent) 101 | if (startEvent.isDefaultPrevented()) return 102 | 103 | var dimension = this.dimension() 104 | 105 | this.$element[dimension](this.$element[dimension]())[0].offsetHeight 106 | 107 | this.$element 108 | .addClass('collapsing') 109 | .removeClass('collapse in') 110 | .attr('aria-expanded', false) 111 | 112 | this.$trigger 113 | .addClass('collapsed') 114 | .attr('aria-expanded', false) 115 | 116 | this.transitioning = 1 117 | 118 | var complete = function () { 119 | this.transitioning = 0 120 | this.$element 121 | .removeClass('collapsing') 122 | .addClass('collapse') 123 | .trigger('hidden.bs.collapse') 124 | } 125 | 126 | if (!$.support.transition) return complete.call(this) 127 | 128 | this.$element 129 | [dimension](0) 130 | .one('bsTransitionEnd', $.proxy(complete, this)) 131 | .emulateTransitionEnd(Collapse.TRANSITION_DURATION) 132 | } 133 | 134 | Collapse.prototype.toggle = function () { 135 | this[this.$element.hasClass('in') ? 'hide' : 'show']() 136 | } 137 | 138 | Collapse.prototype.getParent = function () { 139 | return $(this.options.parent) 140 | .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') 141 | .each($.proxy(function (i, element) { 142 | var $element = $(element) 143 | this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) 144 | }, this)) 145 | .end() 146 | } 147 | 148 | Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { 149 | var isOpen = $element.hasClass('in') 150 | 151 | $element.attr('aria-expanded', isOpen) 152 | $trigger 153 | .toggleClass('collapsed', !isOpen) 154 | .attr('aria-expanded', isOpen) 155 | } 156 | 157 | function getTargetFromTrigger($trigger) { 158 | var href 159 | var target = $trigger.attr('data-target') 160 | || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 161 | 162 | return $(target) 163 | } 164 | 165 | 166 | // COLLAPSE PLUGIN DEFINITION 167 | // ========================== 168 | 169 | function Plugin(option) { 170 | return this.each(function () { 171 | var $this = $(this) 172 | var data = $this.data('bs.collapse') 173 | var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) 174 | 175 | if (!data && options.toggle && option == 'show') options.toggle = false 176 | if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) 177 | if (typeof option == 'string') data[option]() 178 | }) 179 | } 180 | 181 | var old = $.fn.collapse 182 | 183 | $.fn.collapse = Plugin 184 | $.fn.collapse.Constructor = Collapse 185 | 186 | 187 | // COLLAPSE NO CONFLICT 188 | // ==================== 189 | 190 | $.fn.collapse.noConflict = function () { 191 | $.fn.collapse = old 192 | return this 193 | } 194 | 195 | 196 | // COLLAPSE DATA-API 197 | // ================= 198 | 199 | $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { 200 | var $this = $(this) 201 | 202 | if (!$this.attr('data-target')) e.preventDefault() 203 | 204 | var $target = getTargetFromTrigger($this) 205 | var data = $target.data('bs.collapse') 206 | var option = data ? 'toggle' : $.extend({}, $this.data(), { trigger: this }) 207 | 208 | Plugin.call($target, option) 209 | }) 210 | 211 | }(jQuery); 212 | -------------------------------------------------------------------------------- /js/bootstrap/dropdown.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: dropdown.js v3.3.1 3 | * http://getbootstrap.com/javascript/#dropdowns 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // DROPDOWN CLASS DEFINITION 14 | // ========================= 15 | 16 | var backdrop = '.dropdown-backdrop' 17 | var toggle = '[data-toggle="dropdown"]' 18 | var Dropdown = function (element) { 19 | $(element).on('click.bs.dropdown', this.toggle) 20 | } 21 | 22 | Dropdown.VERSION = '3.3.1' 23 | 24 | Dropdown.prototype.toggle = function (e) { 25 | var $this = $(this) 26 | 27 | if ($this.is('.disabled, :disabled')) return 28 | 29 | var $parent = getParent($this) 30 | var isActive = $parent.hasClass('open') 31 | 32 | clearMenus() 33 | 34 | if (!isActive) { 35 | if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { 36 | // if mobile we use a backdrop because click events don't delegate 37 | $('
').insertAfter($(this)).on('click', clearMenus) 38 | } 39 | 40 | var relatedTarget = { relatedTarget: this } 41 | $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) 42 | 43 | if (e.isDefaultPrevented()) return 44 | 45 | $this 46 | .trigger('focus') 47 | .attr('aria-expanded', 'true') 48 | 49 | $parent 50 | .toggleClass('open') 51 | .trigger('shown.bs.dropdown', relatedTarget) 52 | } 53 | 54 | return false 55 | } 56 | 57 | Dropdown.prototype.keydown = function (e) { 58 | if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return 59 | 60 | var $this = $(this) 61 | 62 | e.preventDefault() 63 | e.stopPropagation() 64 | 65 | if ($this.is('.disabled, :disabled')) return 66 | 67 | var $parent = getParent($this) 68 | var isActive = $parent.hasClass('open') 69 | 70 | if ((!isActive && e.which != 27) || (isActive && e.which == 27)) { 71 | if (e.which == 27) $parent.find(toggle).trigger('focus') 72 | return $this.trigger('click') 73 | } 74 | 75 | var desc = ' li:not(.divider):visible a' 76 | var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc) 77 | 78 | if (!$items.length) return 79 | 80 | var index = $items.index(e.target) 81 | 82 | if (e.which == 38 && index > 0) index-- // up 83 | if (e.which == 40 && index < $items.length - 1) index++ // down 84 | if (!~index) index = 0 85 | 86 | $items.eq(index).trigger('focus') 87 | } 88 | 89 | function clearMenus(e) { 90 | if (e && e.which === 3) return 91 | $(backdrop).remove() 92 | $(toggle).each(function () { 93 | var $this = $(this) 94 | var $parent = getParent($this) 95 | var relatedTarget = { relatedTarget: this } 96 | 97 | if (!$parent.hasClass('open')) return 98 | 99 | $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) 100 | 101 | if (e.isDefaultPrevented()) return 102 | 103 | $this.attr('aria-expanded', 'false') 104 | $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget) 105 | }) 106 | } 107 | 108 | function getParent($this) { 109 | var selector = $this.attr('data-target') 110 | 111 | if (!selector) { 112 | selector = $this.attr('href') 113 | selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 114 | } 115 | 116 | var $parent = selector && $(selector) 117 | 118 | return $parent && $parent.length ? $parent : $this.parent() 119 | } 120 | 121 | 122 | // DROPDOWN PLUGIN DEFINITION 123 | // ========================== 124 | 125 | function Plugin(option) { 126 | return this.each(function () { 127 | var $this = $(this) 128 | var data = $this.data('bs.dropdown') 129 | 130 | if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) 131 | if (typeof option == 'string') data[option].call($this) 132 | }) 133 | } 134 | 135 | var old = $.fn.dropdown 136 | 137 | $.fn.dropdown = Plugin 138 | $.fn.dropdown.Constructor = Dropdown 139 | 140 | 141 | // DROPDOWN NO CONFLICT 142 | // ==================== 143 | 144 | $.fn.dropdown.noConflict = function () { 145 | $.fn.dropdown = old 146 | return this 147 | } 148 | 149 | 150 | // APPLY TO STANDARD DROPDOWN ELEMENTS 151 | // =================================== 152 | 153 | $(document) 154 | .on('click.bs.dropdown.data-api', clearMenus) 155 | .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) 156 | .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) 157 | .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) 158 | .on('keydown.bs.dropdown.data-api', '[role="menu"]', Dropdown.prototype.keydown) 159 | .on('keydown.bs.dropdown.data-api', '[role="listbox"]', Dropdown.prototype.keydown) 160 | 161 | }(jQuery); 162 | -------------------------------------------------------------------------------- /js/bootstrap/popover.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: popover.js v3.3.1 3 | * http://getbootstrap.com/javascript/#popovers 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // POPOVER PUBLIC CLASS DEFINITION 14 | // =============================== 15 | 16 | var Popover = function (element, options) { 17 | this.init('popover', element, options) 18 | } 19 | 20 | if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') 21 | 22 | Popover.VERSION = '3.3.1' 23 | 24 | Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { 25 | placement: 'right', 26 | trigger: 'click', 27 | content: '', 28 | template: '' 29 | }) 30 | 31 | 32 | // NOTE: POPOVER EXTENDS tooltip.js 33 | // ================================ 34 | 35 | Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) 36 | 37 | Popover.prototype.constructor = Popover 38 | 39 | Popover.prototype.getDefaults = function () { 40 | return Popover.DEFAULTS 41 | } 42 | 43 | Popover.prototype.setContent = function () { 44 | var $tip = this.tip() 45 | var title = this.getTitle() 46 | var content = this.getContent() 47 | 48 | $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) 49 | $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events 50 | this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text' 51 | ](content) 52 | 53 | $tip.removeClass('fade top bottom left right in') 54 | 55 | // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do 56 | // this manually by checking the contents. 57 | if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() 58 | } 59 | 60 | Popover.prototype.hasContent = function () { 61 | return this.getTitle() || this.getContent() 62 | } 63 | 64 | Popover.prototype.getContent = function () { 65 | var $e = this.$element 66 | var o = this.options 67 | 68 | return $e.attr('data-content') 69 | || (typeof o.content == 'function' ? 70 | o.content.call($e[0]) : 71 | o.content) 72 | } 73 | 74 | Popover.prototype.arrow = function () { 75 | return (this.$arrow = this.$arrow || this.tip().find('.arrow')) 76 | } 77 | 78 | Popover.prototype.tip = function () { 79 | if (!this.$tip) this.$tip = $(this.options.template) 80 | return this.$tip 81 | } 82 | 83 | 84 | // POPOVER PLUGIN DEFINITION 85 | // ========================= 86 | 87 | function Plugin(option) { 88 | return this.each(function () { 89 | var $this = $(this) 90 | var data = $this.data('bs.popover') 91 | var options = typeof option == 'object' && option 92 | var selector = options && options.selector 93 | 94 | if (!data && option == 'destroy') return 95 | if (selector) { 96 | if (!data) $this.data('bs.popover', (data = {})) 97 | if (!data[selector]) data[selector] = new Popover(this, options) 98 | } else { 99 | if (!data) $this.data('bs.popover', (data = new Popover(this, options))) 100 | } 101 | if (typeof option == 'string') data[option]() 102 | }) 103 | } 104 | 105 | var old = $.fn.popover 106 | 107 | $.fn.popover = Plugin 108 | $.fn.popover.Constructor = Popover 109 | 110 | 111 | // POPOVER NO CONFLICT 112 | // =================== 113 | 114 | $.fn.popover.noConflict = function () { 115 | $.fn.popover = old 116 | return this 117 | } 118 | 119 | }(jQuery); 120 | -------------------------------------------------------------------------------- /js/bootstrap/scrollspy.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: scrollspy.js v3.3.1 3 | * http://getbootstrap.com/javascript/#scrollspy 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // SCROLLSPY CLASS DEFINITION 14 | // ========================== 15 | 16 | function ScrollSpy(element, options) { 17 | var process = $.proxy(this.process, this) 18 | 19 | this.$body = $('body') 20 | this.$scrollElement = $(element).is('body') ? $(window) : $(element) 21 | this.options = $.extend({}, ScrollSpy.DEFAULTS, options) 22 | this.selector = (this.options.target || '') + ' .nav li > a' 23 | this.offsets = [] 24 | this.targets = [] 25 | this.activeTarget = null 26 | this.scrollHeight = 0 27 | 28 | this.$scrollElement.on('scroll.bs.scrollspy', process) 29 | this.refresh() 30 | this.process() 31 | } 32 | 33 | ScrollSpy.VERSION = '3.3.1' 34 | 35 | ScrollSpy.DEFAULTS = { 36 | offset: 10 37 | } 38 | 39 | ScrollSpy.prototype.getScrollHeight = function () { 40 | return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) 41 | } 42 | 43 | ScrollSpy.prototype.refresh = function () { 44 | var offsetMethod = 'offset' 45 | var offsetBase = 0 46 | 47 | if (!$.isWindow(this.$scrollElement[0])) { 48 | offsetMethod = 'position' 49 | offsetBase = this.$scrollElement.scrollTop() 50 | } 51 | 52 | this.offsets = [] 53 | this.targets = [] 54 | this.scrollHeight = this.getScrollHeight() 55 | 56 | var self = this 57 | 58 | this.$body 59 | .find(this.selector) 60 | .map(function () { 61 | var $el = $(this) 62 | var href = $el.data('target') || $el.attr('href') 63 | var $href = /^#./.test(href) && $(href) 64 | 65 | return ($href 66 | && $href.length 67 | && $href.is(':visible') 68 | && [[$href[offsetMethod]().top + offsetBase, href]]) || null 69 | }) 70 | .sort(function (a, b) { return a[0] - b[0] }) 71 | .each(function () { 72 | self.offsets.push(this[0]) 73 | self.targets.push(this[1]) 74 | }) 75 | } 76 | 77 | ScrollSpy.prototype.process = function () { 78 | var scrollTop = this.$scrollElement.scrollTop() + this.options.offset 79 | var scrollHeight = this.getScrollHeight() 80 | var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() 81 | var offsets = this.offsets 82 | var targets = this.targets 83 | var activeTarget = this.activeTarget 84 | var i 85 | 86 | if (this.scrollHeight != scrollHeight) { 87 | this.refresh() 88 | } 89 | 90 | if (scrollTop >= maxScroll) { 91 | return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) 92 | } 93 | 94 | if (activeTarget && scrollTop < offsets[0]) { 95 | this.activeTarget = null 96 | return this.clear() 97 | } 98 | 99 | for (i = offsets.length; i--;) { 100 | activeTarget != targets[i] 101 | && scrollTop >= offsets[i] 102 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) 103 | && this.activate(targets[i]) 104 | } 105 | } 106 | 107 | ScrollSpy.prototype.activate = function (target) { 108 | this.activeTarget = target 109 | 110 | this.clear() 111 | 112 | var selector = this.selector + 113 | '[data-target="' + target + '"],' + 114 | this.selector + '[href="' + target + '"]' 115 | 116 | var active = $(selector) 117 | .parents('li') 118 | .addClass('active') 119 | 120 | if (active.parent('.dropdown-menu').length) { 121 | active = active 122 | .closest('li.dropdown') 123 | .addClass('active') 124 | } 125 | 126 | active.trigger('activate.bs.scrollspy') 127 | } 128 | 129 | ScrollSpy.prototype.clear = function () { 130 | $(this.selector) 131 | .parentsUntil(this.options.target, '.active') 132 | .removeClass('active') 133 | } 134 | 135 | 136 | // SCROLLSPY PLUGIN DEFINITION 137 | // =========================== 138 | 139 | function Plugin(option) { 140 | return this.each(function () { 141 | var $this = $(this) 142 | var data = $this.data('bs.scrollspy') 143 | var options = typeof option == 'object' && option 144 | 145 | if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) 146 | if (typeof option == 'string') data[option]() 147 | }) 148 | } 149 | 150 | var old = $.fn.scrollspy 151 | 152 | $.fn.scrollspy = Plugin 153 | $.fn.scrollspy.Constructor = ScrollSpy 154 | 155 | 156 | // SCROLLSPY NO CONFLICT 157 | // ===================== 158 | 159 | $.fn.scrollspy.noConflict = function () { 160 | $.fn.scrollspy = old 161 | return this 162 | } 163 | 164 | 165 | // SCROLLSPY DATA-API 166 | // ================== 167 | 168 | $(window).on('load.bs.scrollspy.data-api', function () { 169 | $('[data-spy="scroll"]').each(function () { 170 | var $spy = $(this) 171 | Plugin.call($spy, $spy.data()) 172 | }) 173 | }) 174 | 175 | }(jQuery); 176 | -------------------------------------------------------------------------------- /js/bootstrap/tab.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: tab.js v3.3.1 3 | * http://getbootstrap.com/javascript/#tabs 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // TAB CLASS DEFINITION 14 | // ==================== 15 | 16 | var Tab = function (element) { 17 | this.element = $(element) 18 | } 19 | 20 | Tab.VERSION = '3.3.1' 21 | 22 | Tab.TRANSITION_DURATION = 150 23 | 24 | Tab.prototype.show = function () { 25 | var $this = this.element 26 | var $ul = $this.closest('ul:not(.dropdown-menu)') 27 | var selector = $this.data('target') 28 | 29 | if (!selector) { 30 | selector = $this.attr('href') 31 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 32 | } 33 | 34 | if ($this.parent('li').hasClass('active')) return 35 | 36 | var $previous = $ul.find('.active:last a') 37 | var hideEvent = $.Event('hide.bs.tab', { 38 | relatedTarget: $this[0] 39 | }) 40 | var showEvent = $.Event('show.bs.tab', { 41 | relatedTarget: $previous[0] 42 | }) 43 | 44 | $previous.trigger(hideEvent) 45 | $this.trigger(showEvent) 46 | 47 | if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return 48 | 49 | var $target = $(selector) 50 | 51 | this.activate($this.closest('li'), $ul) 52 | this.activate($target, $target.parent(), function () { 53 | $previous.trigger({ 54 | type: 'hidden.bs.tab', 55 | relatedTarget: $this[0] 56 | }) 57 | $this.trigger({ 58 | type: 'shown.bs.tab', 59 | relatedTarget: $previous[0] 60 | }) 61 | }) 62 | } 63 | 64 | Tab.prototype.activate = function (element, container, callback) { 65 | var $active = container.find('> .active') 66 | var transition = callback 67 | && $.support.transition 68 | && (($active.length && $active.hasClass('fade')) || !!container.find('> .fade').length) 69 | 70 | function next() { 71 | $active 72 | .removeClass('active') 73 | .find('> .dropdown-menu > .active') 74 | .removeClass('active') 75 | .end() 76 | .find('[data-toggle="tab"]') 77 | .attr('aria-expanded', false) 78 | 79 | element 80 | .addClass('active') 81 | .find('[data-toggle="tab"]') 82 | .attr('aria-expanded', true) 83 | 84 | if (transition) { 85 | element[0].offsetWidth // reflow for transition 86 | element.addClass('in') 87 | } else { 88 | element.removeClass('fade') 89 | } 90 | 91 | if (element.parent('.dropdown-menu')) { 92 | element 93 | .closest('li.dropdown') 94 | .addClass('active') 95 | .end() 96 | .find('[data-toggle="tab"]') 97 | .attr('aria-expanded', true) 98 | } 99 | 100 | callback && callback() 101 | } 102 | 103 | $active.length && transition ? 104 | $active 105 | .one('bsTransitionEnd', next) 106 | .emulateTransitionEnd(Tab.TRANSITION_DURATION) : 107 | next() 108 | 109 | $active.removeClass('in') 110 | } 111 | 112 | 113 | // TAB PLUGIN DEFINITION 114 | // ===================== 115 | 116 | function Plugin(option) { 117 | return this.each(function () { 118 | var $this = $(this) 119 | var data = $this.data('bs.tab') 120 | 121 | if (!data) $this.data('bs.tab', (data = new Tab(this))) 122 | if (typeof option == 'string') data[option]() 123 | }) 124 | } 125 | 126 | var old = $.fn.tab 127 | 128 | $.fn.tab = Plugin 129 | $.fn.tab.Constructor = Tab 130 | 131 | 132 | // TAB NO CONFLICT 133 | // =============== 134 | 135 | $.fn.tab.noConflict = function () { 136 | $.fn.tab = old 137 | return this 138 | } 139 | 140 | 141 | // TAB DATA-API 142 | // ============ 143 | 144 | var clickHandler = function (e) { 145 | e.preventDefault() 146 | Plugin.call($(this), 'show') 147 | } 148 | 149 | $(document) 150 | .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) 151 | .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) 152 | 153 | }(jQuery); 154 | -------------------------------------------------------------------------------- /js/bootstrap/transition.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * Bootstrap: transition.js v3.3.1 3 | * http://getbootstrap.com/javascript/#transitions 4 | * ======================================================================== 5 | * Copyright 2011-2014 Twitter, Inc. 6 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 7 | * ======================================================================== */ 8 | 9 | 10 | +function ($) { 11 | 'use strict'; 12 | 13 | // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) 14 | // ============================================================ 15 | 16 | function transitionEnd() { 17 | var el = document.createElement('bootstrap') 18 | 19 | var transEndEventNames = { 20 | WebkitTransition : 'webkitTransitionEnd', 21 | MozTransition : 'transitionend', 22 | OTransition : 'oTransitionEnd otransitionend', 23 | transition : 'transitionend' 24 | } 25 | 26 | for (var name in transEndEventNames) { 27 | if (el.style[name] !== undefined) { 28 | return { end: transEndEventNames[name] } 29 | } 30 | } 31 | 32 | return false // explicit for ie8 ( ._.) 33 | } 34 | 35 | // http://blog.alexmaccaw.com/css-transitions 36 | $.fn.emulateTransitionEnd = function (duration) { 37 | var called = false 38 | var $el = this 39 | $(this).one('bsTransitionEnd', function () { called = true }) 40 | var callback = function () { if (!called) $($el).trigger($.support.transition.end) } 41 | setTimeout(callback, duration) 42 | return this 43 | } 44 | 45 | $(function () { 46 | $.support.transition = transitionEnd() 47 | 48 | if (!$.support.transition) return 49 | 50 | $.event.special.bsTransitionEnd = { 51 | bindType: $.support.transition.end, 52 | delegateType: $.support.transition.end, 53 | handle: function (e) { 54 | if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) 55 | } 56 | } 57 | }) 58 | 59 | }(jQuery); 60 | -------------------------------------------------------------------------------- /languages/_s.pot: -------------------------------------------------------------------------------- 1 | # Copyright (C) 2014 Automattic 2 | # This file is distributed under the GNU General Public License v2 or later. 3 | msgid "" 4 | msgstr "" 5 | "Project-Id-Version: _s 1.0-wpcom\n" 6 | "Report-Msgid-Bugs-To: http://wordpress.org/tags/_s\n" 7 | "POT-Creation-Date: 2014-09-11 00:43:48+00:00\n" 8 | "MIME-Version: 1.0\n" 9 | "Content-Type: text/plain; charset=UTF-8\n" 10 | "Content-Transfer-Encoding: 8bit\n" 11 | "PO-Revision-Date: 2014-MO-DA HO:MI+ZONE\n" 12 | "Last-Translator: FULL NAME \n" 13 | "Language-Team: LANGUAGE \n" 14 | 15 | #: 404.php:15 16 | msgid "Oops! That page can’t be found." 17 | msgstr "" 18 | 19 | #: 404.php:19 20 | msgid "It looks like nothing was found at this location. Maybe try one of the links below or a search?" 21 | msgstr "" 22 | 23 | #: 404.php:27 24 | msgid "Most Used Categories" 25 | msgstr "" 26 | 27 | #. translators: %1$s: smiley 28 | 29 | #: 404.php:44 30 | msgid "Try looking in the monthly archives. %1$s" 31 | msgstr "" 32 | 33 | #: archive.php:27 34 | msgid "Author: %s" 35 | msgstr "" 36 | 37 | #: archive.php:30 38 | msgid "Day: %s" 39 | msgstr "" 40 | 41 | #: archive.php:33 42 | msgid "Month: %s" 43 | msgstr "" 44 | 45 | #: archive.php:33 46 | msgctxt "monthly archives date format" 47 | msgid "F Y" 48 | msgstr "" 49 | 50 | #: archive.php:36 51 | msgid "Year: %s" 52 | msgstr "" 53 | 54 | #: archive.php:36 55 | msgctxt "yearly archives date format" 56 | msgid "Y" 57 | msgstr "" 58 | 59 | #: archive.php:39 60 | msgid "Asides" 61 | msgstr "" 62 | 63 | #: archive.php:42 64 | msgid "Galleries" 65 | msgstr "" 66 | 67 | #: archive.php:45 68 | msgid "Images" 69 | msgstr "" 70 | 71 | #: archive.php:48 72 | msgid "Videos" 73 | msgstr "" 74 | 75 | #: archive.php:51 76 | msgid "Quotes" 77 | msgstr "" 78 | 79 | #: archive.php:54 80 | msgid "Links" 81 | msgstr "" 82 | 83 | #: archive.php:57 84 | msgid "Statuses" 85 | msgstr "" 86 | 87 | #: archive.php:60 88 | msgid "Audios" 89 | msgstr "" 90 | 91 | #: archive.php:63 92 | msgid "Chats" 93 | msgstr "" 94 | 95 | #: archive.php:66 96 | msgid "Archives" 97 | msgstr "" 98 | 99 | #: comments.php:28 100 | msgctxt "comments title" 101 | msgid "One thought on “%2$s”" 102 | msgid_plural "%1$s thoughts on “%2$s”" 103 | msgstr[0] "" 104 | msgstr[1] "" 105 | 106 | #: comments.php:35 comments.php:52 107 | msgid "Comment navigation" 108 | msgstr "" 109 | 110 | #: comments.php:36 comments.php:53 111 | msgid "← Older Comments" 112 | msgstr "" 113 | 114 | #: comments.php:37 comments.php:54 115 | msgid "Newer Comments →" 116 | msgstr "" 117 | 118 | #: comments.php:64 119 | msgid "Comments are closed." 120 | msgstr "" 121 | 122 | #: content-none.php:13 123 | msgid "Nothing Found" 124 | msgstr "" 125 | 126 | #: content-none.php:19 127 | msgid "Ready to publish your first post? Get started here." 128 | msgstr "" 129 | 130 | #: content-none.php:23 131 | msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords." 132 | msgstr "" 133 | 134 | #: content-none.php:28 135 | msgid "It seems we can’t find what you’re looking for. Perhaps searching can help." 136 | msgstr "" 137 | 138 | #: content-page.php:18 content-single.php:20 content.php:22 139 | msgid "Pages:" 140 | msgstr "" 141 | 142 | #: content-page.php:25 inc/template-tags.php:122 143 | msgid "Edit" 144 | msgstr "" 145 | 146 | #: content.php:19 147 | msgid "Continue reading →" 148 | msgstr "" 149 | 150 | #: footer.php:15 151 | msgid "http://wordpress.org/" 152 | msgstr "" 153 | 154 | #: footer.php:15 155 | msgid "Proudly powered by %s" 156 | msgstr "" 157 | 158 | #: footer.php:17 159 | msgid "Theme: %1$s by %2$s." 160 | msgstr "" 161 | 162 | #: functions.php:45 header.php:32 163 | msgid "Primary Menu" 164 | msgstr "" 165 | 166 | #: functions.php:80 167 | msgid "Sidebar" 168 | msgstr "" 169 | 170 | #: header.php:23 171 | msgid "Skip to content" 172 | msgstr "" 173 | 174 | #: inc/extras.php:63 175 | msgid "Page %s" 176 | msgstr "" 177 | 178 | #: inc/template-tags.php:21 179 | msgid "Posts navigation" 180 | msgstr "" 181 | 182 | #: inc/template-tags.php:25 183 | msgid "← Older posts" 184 | msgstr "" 185 | 186 | #: inc/template-tags.php:29 187 | msgid "Newer posts →" 188 | msgstr "" 189 | 190 | #: inc/template-tags.php:52 191 | msgid "Post navigation" 192 | msgstr "" 193 | 194 | #: inc/template-tags.php:55 195 | msgctxt "Previous post link" 196 | msgid "← %title" 197 | msgstr "" 198 | 199 | #: inc/template-tags.php:56 200 | msgctxt "Next post link" 201 | msgid "%title →" 202 | msgstr "" 203 | 204 | #: inc/template-tags.php:82 205 | msgctxt "post date" 206 | msgid "Posted on %s" 207 | msgstr "" 208 | 209 | #: inc/template-tags.php:87 210 | msgctxt "post author" 211 | msgid "by %s" 212 | msgstr "" 213 | 214 | #. translators: used between list items, there is a space after the comma 215 | 216 | #: inc/template-tags.php:104 inc/template-tags.php:110 217 | msgid ", " 218 | msgstr "" 219 | 220 | #: inc/template-tags.php:106 221 | msgid "Posted in %1$s" 222 | msgstr "" 223 | 224 | #: inc/template-tags.php:112 225 | msgid "Tagged %1$s" 226 | msgstr "" 227 | 228 | #: inc/template-tags.php:118 229 | msgid "Leave a comment" 230 | msgstr "" 231 | 232 | #: inc/template-tags.php:118 233 | msgid "1 Comment" 234 | msgstr "" 235 | 236 | #: inc/template-tags.php:118 237 | msgid "% Comments" 238 | msgstr "" 239 | 240 | #: search.php:16 241 | msgid "Search Results for: %s" 242 | msgstr "" 243 | #. Theme Name of the plugin/theme 244 | msgid "_s" 245 | msgstr "" 246 | 247 | #. Theme URI of the plugin/theme 248 | msgid "http://underscores.me/" 249 | msgstr "" 250 | 251 | #. Description of the plugin/theme 252 | msgid "Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for." 253 | msgstr "" 254 | 255 | #. Author of the plugin/theme 256 | msgid "Automattic" 257 | msgstr "" 258 | 259 | #. Author URI of the plugin/theme 260 | msgid "http://automattic.com/" 261 | msgstr "" 262 | -------------------------------------------------------------------------------- /languages/readme.txt: -------------------------------------------------------------------------------- 1 | Place your theme language files in this directory. 2 | 3 | Please visit the following links to learn more about translating WordPress themes: 4 | 5 | http://codex.wordpress.org/WordPress_in_Your_Language 6 | https://make.wordpress.org/docs/theme-developer-handbook/part-two-theme-functionality/localization/ 7 | http://codex.wordpress.org/Function_Reference/load_theme_textdomain 8 | -------------------------------------------------------------------------------- /layouts/content-sidebar.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: _s 3 | Layout: Content-Sidebar 4 | */ 5 | 6 | .content-area { 7 | float: left; 8 | margin: 0 -25% 0 0; 9 | width: 100%; 10 | } 11 | .site-main { 12 | margin: 0 25% 0 0; 13 | } 14 | .site-content .widget-area { 15 | float: right; 16 | overflow: hidden; 17 | width: 25%; 18 | } 19 | .site-footer { 20 | clear: both; 21 | width: 100%; 22 | } -------------------------------------------------------------------------------- /layouts/sidebar-content.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: _s 3 | Layout: Sidebar-Content 4 | */ 5 | 6 | .content-area { 7 | float: right; 8 | margin: 0 0 0 -25%; 9 | width: 100%; 10 | } 11 | .site-main { 12 | margin: 0 0 0 25%; 13 | } 14 | .site-content .widget-area { 15 | float: left; 16 | overflow: hidden; 17 | width: 25%; 18 | } 19 | .site-footer { 20 | clear: both; 21 | width: 100%; 22 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "_s", 3 | "version": "0.1.0", 4 | "description": "_s starter theme", 5 | "main": "Gruntfile.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/thinkxl/_s" 12 | }, 13 | "keywords": [ 14 | "WordPress", 15 | "Starter", 16 | "Grunt", 17 | "Underscores", 18 | "sass" 19 | ], 20 | "devDependencies": { 21 | "grunt": "~0.4.2", 22 | "grunt-contrib-sass": "latest", 23 | "jit-grunt": "^0.8.0", 24 | "grunt-contrib-watch": "^0.6.1", 25 | "grunt-autoprefixer": "~1.0.0", 26 | "grunt-contrib-concat": "~0.5.0", 27 | "grunt-contrib-uglify": "~0.5.0", 28 | "grunt-contrib-watch": "~0.6.1", 29 | "load-grunt-tasks": "~0.6.0", 30 | "time-grunt": "~0.4.0" 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /page.php: -------------------------------------------------------------------------------- 1 | 14 | 15 |
16 |
17 | 18 | 19 | 20 | 21 | 22 | 28 | 29 | 30 | 31 |
32 |
33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /rtl.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: _s 3 | 4 | Adding support for language written in a Right To Left (RTL) direction is easy - 5 | it's just a matter of overwriting all the horizontal positioning attributes 6 | of your CSS stylesheet in a separate stylesheet file named rtl.css. 7 | 8 | http://codex.wordpress.org/Right_to_Left_Language_Support 9 | 10 | */ 11 | 12 | /* 13 | body { 14 | direction: rtl; 15 | unicode-bidi: embed; 16 | } 17 | */ -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/DennisKo/Underscores-Strap/04e8cc9ae9d4d0c6e4232693825888d7e927b8e4/screenshot.png -------------------------------------------------------------------------------- /search.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |
11 |
12 | 13 | 14 | 15 |
16 |

' . get_search_query() . '' ); ?>

17 |
18 | 19 | 20 | 21 | 22 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 |
42 |
43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /sidebar.php: -------------------------------------------------------------------------------- 1 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /single.php: -------------------------------------------------------------------------------- 1 | 9 | 10 |
11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 25 | 26 | 27 | 28 |
29 |
30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /styles/_reset.scss: -------------------------------------------------------------------------------- 1 | html, body, div, span, applet, object, iframe, 2 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 | a, abbr, acronym, address, big, cite, code, 4 | del, dfn, em, font, ins, kbd, q, s, samp, 5 | small, strike, strong, sub, sup, tt, var, 6 | dl, dt, dd, ol, ul, li, 7 | fieldset, form, label, legend, 8 | table, caption, tbody, tfoot, thead, tr, th, td { 9 | border: 0; 10 | font-family: inherit; 11 | font-size: 100%; 12 | font-style: inherit; 13 | font-weight: inherit; 14 | margin: 0; 15 | outline: 0; 16 | padding: 0; 17 | vertical-align: baseline; 18 | } 19 | html { 20 | font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 21 | overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ 22 | -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 23 | -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 24 | box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ 25 | } 26 | *, 27 | *:before, 28 | *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 29 | box-sizing: inherit; 30 | } 31 | article, 32 | aside, 33 | details, 34 | figcaption, 35 | figure, 36 | footer, 37 | header, 38 | main, 39 | nav, 40 | section { 41 | display: block; 42 | } 43 | ol, ul { 44 | list-style: none; 45 | } 46 | table { /* tables still need 'cellspacing="0"' in the markup */ 47 | border-collapse: separate; 48 | border-spacing: 0; 49 | } 50 | caption, th, td { 51 | font-weight: normal; 52 | text-align: left; 53 | } 54 | blockquote:before, blockquote:after, 55 | q:before, q:after { 56 | content: ""; 57 | } 58 | blockquote, q { 59 | quotes: "" ""; 60 | } 61 | a:focus { 62 | outline: thin dotted; 63 | } 64 | a:hover, 65 | a:active { 66 | outline: 0; 67 | } 68 | a img { 69 | border: 0; 70 | } 71 | -------------------------------------------------------------------------------- /styles/bootstrap/_bootstrap.scss: -------------------------------------------------------------------------------- 1 | // Core variables and mixins 2 | @import "bootstrap/variables"; 3 | @import "bootstrap/mixins"; 4 | 5 | // Reset and dependencies 6 | @import "bootstrap/normalize"; 7 | @import "bootstrap/print"; 8 | 9 | 10 | // Font Awesome is much more awesome! 11 | // @import "bootstrap/glyphicons"; 12 | 13 | // Core CSS 14 | @import "bootstrap/scaffolding"; 15 | @import "bootstrap/type"; 16 | @import "bootstrap/code"; 17 | @import "bootstrap/grid"; 18 | @import "bootstrap/tables"; 19 | @import "bootstrap/forms"; 20 | @import "bootstrap/buttons"; 21 | 22 | // Components 23 | @import "bootstrap/component-animations"; 24 | @import "bootstrap/dropdowns"; 25 | @import "bootstrap/button-groups"; 26 | @import "bootstrap/input-groups"; 27 | @import "bootstrap/navs"; 28 | @import "bootstrap/navbar"; 29 | @import "bootstrap/breadcrumbs"; 30 | @import "bootstrap/pagination"; 31 | @import "bootstrap/pager"; 32 | @import "bootstrap/labels"; 33 | @import "bootstrap/badges"; 34 | @import "bootstrap/jumbotron"; 35 | @import "bootstrap/thumbnails"; 36 | @import "bootstrap/alerts"; 37 | @import "bootstrap/progress-bars"; 38 | @import "bootstrap/media"; 39 | @import "bootstrap/list-group"; 40 | @import "bootstrap/panels"; 41 | @import "bootstrap/responsive-embed"; 42 | @import "bootstrap/wells"; 43 | @import "bootstrap/close"; 44 | 45 | // Components w/ JavaScript 46 | @import "bootstrap/modals"; 47 | @import "bootstrap/tooltip"; 48 | @import "bootstrap/popovers"; 49 | @import "bootstrap/carousel"; 50 | 51 | // Utility classes 52 | @import "bootstrap/utilities"; 53 | @import "bootstrap/responsive-utilities"; 54 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_alerts.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: $alert-padding; 11 | margin-bottom: $line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: $alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing $headings-color 19 | color: inherit; 20 | } 21 | // Provide class for links that match alerts 22 | .alert-link { 23 | font-weight: $alert-link-font-weight; 24 | } 25 | 26 | // Improve alignment and spacing of inner content 27 | > p, 28 | > ul { 29 | margin-bottom: 0; 30 | } 31 | > p + p { 32 | margin-top: 5px; 33 | } 34 | } 35 | 36 | // Dismissible alerts 37 | // 38 | // Expand the right padding and account for the close button's positioning. 39 | 40 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 41 | .alert-dismissible { 42 | padding-right: ($alert-padding + 20); 43 | 44 | // Adjust close link position 45 | .close { 46 | position: relative; 47 | top: -2px; 48 | right: -21px; 49 | color: inherit; 50 | } 51 | } 52 | 53 | // Alternate styles 54 | // 55 | // Generate contextual modifier classes for colorizing the alert. 56 | 57 | .alert-success { 58 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); 59 | } 60 | .alert-info { 61 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); 62 | } 63 | .alert-warning { 64 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); 65 | } 66 | .alert-danger { 67 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); 68 | } 69 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_badges.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: $font-size-small; 12 | font-weight: $badge-font-weight; 13 | color: $badge-color; 14 | line-height: $badge-line-height; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: $badge-bg; 19 | border-radius: $badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | .btn-xs & { 32 | top: 0; 33 | padding: 1px 5px; 34 | } 35 | 36 | // [converter] extracted a& to a.badge 37 | 38 | // Account for badges in navs 39 | .list-group-item.active > &, 40 | .nav-pills > .active > a > & { 41 | color: $badge-active-color; 42 | background-color: $badge-active-bg; 43 | } 44 | .list-group-item > & { 45 | float: right; 46 | } 47 | .list-group-item > & + & { 48 | margin-right: 5px; 49 | } 50 | .nav-pills > li > a > & { 51 | margin-left: 3px; 52 | } 53 | } 54 | 55 | // Hover state, but only for links 56 | a.badge { 57 | &:hover, 58 | &:focus { 59 | color: $badge-link-hover-color; 60 | text-decoration: none; 61 | cursor: pointer; 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal; 8 | margin-bottom: $line-height-computed; 9 | list-style: none; 10 | background-color: $breadcrumb-bg; 11 | border-radius: $border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 18 | padding: 0 5px; 19 | color: $breadcrumb-color; 20 | } 21 | } 22 | 23 | > .active { 24 | color: $breadcrumb-active-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_button-groups.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Button groups 3 | // -------------------------------------------------- 4 | 5 | // Make the div behave like a button 6 | .btn-group, 7 | .btn-group-vertical { 8 | position: relative; 9 | display: inline-block; 10 | vertical-align: middle; // match .btn alignment given font-size hack above 11 | > .btn { 12 | position: relative; 13 | float: left; 14 | // Bring the "active" button to the front 15 | &:hover, 16 | &:focus, 17 | &:active, 18 | &.active { 19 | z-index: 2; 20 | } 21 | } 22 | } 23 | 24 | // Prevent double borders when buttons are next to each other 25 | .btn-group { 26 | .btn + .btn, 27 | .btn + .btn-group, 28 | .btn-group + .btn, 29 | .btn-group + .btn-group { 30 | margin-left: -1px; 31 | } 32 | } 33 | 34 | // Optional: Group multiple button groups together for a toolbar 35 | .btn-toolbar { 36 | margin-left: -5px; // Offset the first child's margin 37 | @include clearfix; 38 | 39 | .btn-group, 40 | .input-group { 41 | float: left; 42 | } 43 | > .btn, 44 | > .btn-group, 45 | > .input-group { 46 | margin-left: 5px; 47 | } 48 | } 49 | 50 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 51 | border-radius: 0; 52 | } 53 | 54 | // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match 55 | .btn-group > .btn:first-child { 56 | margin-left: 0; 57 | &:not(:last-child):not(.dropdown-toggle) { 58 | @include border-right-radius(0); 59 | } 60 | } 61 | // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it 62 | .btn-group > .btn:last-child:not(:first-child), 63 | .btn-group > .dropdown-toggle:not(:first-child) { 64 | @include border-left-radius(0); 65 | } 66 | 67 | // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) 68 | .btn-group > .btn-group { 69 | float: left; 70 | } 71 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 72 | border-radius: 0; 73 | } 74 | .btn-group > .btn-group:first-child { 75 | > .btn:last-child, 76 | > .dropdown-toggle { 77 | @include border-right-radius(0); 78 | } 79 | } 80 | .btn-group > .btn-group:last-child > .btn:first-child { 81 | @include border-left-radius(0); 82 | } 83 | 84 | // On active and open, don't show outline 85 | .btn-group .dropdown-toggle:active, 86 | .btn-group.open .dropdown-toggle { 87 | outline: 0; 88 | } 89 | 90 | 91 | // Sizing 92 | // 93 | // Remix the default button sizing classes into new ones for easier manipulation. 94 | 95 | .btn-group-xs > .btn { @extend .btn-xs; } 96 | .btn-group-sm > .btn { @extend .btn-sm; } 97 | .btn-group-lg > .btn { @extend .btn-lg; } 98 | 99 | 100 | // Split button dropdowns 101 | // ---------------------- 102 | 103 | // Give the line between buttons some depth 104 | .btn-group > .btn + .dropdown-toggle { 105 | padding-left: 8px; 106 | padding-right: 8px; 107 | } 108 | .btn-group > .btn-lg + .dropdown-toggle { 109 | padding-left: 12px; 110 | padding-right: 12px; 111 | } 112 | 113 | // The clickable button for toggling the menu 114 | // Remove the gradient and set the same inset shadow as the :active state 115 | .btn-group.open .dropdown-toggle { 116 | @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); 117 | 118 | // Show no shadow for `.btn-link` since it has no other button styles. 119 | &.btn-link { 120 | @include box-shadow(none); 121 | } 122 | } 123 | 124 | 125 | // Reposition the caret 126 | .btn .caret { 127 | margin-left: 0; 128 | } 129 | // Carets in other button sizes 130 | .btn-lg .caret { 131 | border-width: $caret-width-large $caret-width-large 0; 132 | border-bottom-width: 0; 133 | } 134 | // Upside down carets for .dropup 135 | .dropup .btn-lg .caret { 136 | border-width: 0 $caret-width-large $caret-width-large; 137 | } 138 | 139 | 140 | // Vertical button groups 141 | // ---------------------- 142 | 143 | .btn-group-vertical { 144 | > .btn, 145 | > .btn-group, 146 | > .btn-group > .btn { 147 | display: block; 148 | float: none; 149 | width: 100%; 150 | max-width: 100%; 151 | } 152 | 153 | // Clear floats so dropdown menus can be properly placed 154 | > .btn-group { 155 | @include clearfix; 156 | > .btn { 157 | float: none; 158 | } 159 | } 160 | 161 | > .btn + .btn, 162 | > .btn + .btn-group, 163 | > .btn-group + .btn, 164 | > .btn-group + .btn-group { 165 | margin-top: -1px; 166 | margin-left: 0; 167 | } 168 | } 169 | 170 | .btn-group-vertical > .btn { 171 | &:not(:first-child):not(:last-child) { 172 | border-radius: 0; 173 | } 174 | &:first-child:not(:last-child) { 175 | border-top-right-radius: $border-radius-base; 176 | @include border-bottom-radius(0); 177 | } 178 | &:last-child:not(:first-child) { 179 | border-bottom-left-radius: $border-radius-base; 180 | @include border-top-radius(0); 181 | } 182 | } 183 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 184 | border-radius: 0; 185 | } 186 | .btn-group-vertical > .btn-group:first-child:not(:last-child) { 187 | > .btn:last-child, 188 | > .dropdown-toggle { 189 | @include border-bottom-radius(0); 190 | } 191 | } 192 | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 193 | @include border-top-radius(0); 194 | } 195 | 196 | 197 | // Justified button groups 198 | // ---------------------- 199 | 200 | .btn-group-justified { 201 | display: table; 202 | width: 100%; 203 | table-layout: fixed; 204 | border-collapse: separate; 205 | > .btn, 206 | > .btn-group { 207 | float: none; 208 | display: table-cell; 209 | width: 1%; 210 | } 211 | > .btn-group .btn { 212 | width: 100%; 213 | } 214 | 215 | > .btn-group .dropdown-menu { 216 | left: auto; 217 | } 218 | } 219 | 220 | 221 | // Checkbox and radio options 222 | // 223 | // In order to support the browser's form validation feedback, powered by the 224 | // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use 225 | // `display: none;` or `visibility: hidden;` as that also hides the popover. 226 | // Simply visually hiding the inputs via `opacity` would leave them clickable in 227 | // certain cases which is prevented by using `clip` and `pointer-events`. 228 | // This way, we ensure a DOM element is visible to position the popover from. 229 | // 230 | // See https://github.com/twbs/bootstrap/pull/12794 and 231 | // https://github.com/twbs/bootstrap/pull/14559 for more information. 232 | 233 | [data-toggle="buttons"] { 234 | > .btn, 235 | > .btn-group > .btn { 236 | input[type="radio"], 237 | input[type="checkbox"] { 238 | position: absolute; 239 | clip: rect(0,0,0,0); 240 | pointer-events: none; 241 | } 242 | } 243 | } 244 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_buttons.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Buttons 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // -------------------------------------------------- 8 | 9 | .btn { 10 | display: inline-block; 11 | margin-bottom: 0; // For input.btn 12 | font-weight: $btn-font-weight; 13 | text-align: center; 14 | vertical-align: middle; 15 | touch-action: manipulation; 16 | cursor: pointer; 17 | background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 18 | border: 1px solid transparent; 19 | white-space: nowrap; 20 | @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base); 21 | @include user-select(none); 22 | 23 | &, 24 | &:active, 25 | &.active { 26 | &:focus, 27 | &.focus { 28 | @include tab-focus; 29 | } 30 | } 31 | 32 | &:hover, 33 | &:focus, 34 | &.focus { 35 | color: $btn-default-color; 36 | text-decoration: none; 37 | } 38 | 39 | &:active, 40 | &.active { 41 | outline: 0; 42 | background-image: none; 43 | @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); 44 | } 45 | 46 | &.disabled, 47 | &[disabled], 48 | fieldset[disabled] & { 49 | cursor: $cursor-disabled; 50 | pointer-events: none; // Future-proof disabling of clicks 51 | @include opacity(.65); 52 | @include box-shadow(none); 53 | } 54 | } 55 | 56 | 57 | // Alternate buttons 58 | // -------------------------------------------------- 59 | 60 | .btn-default { 61 | @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); 62 | } 63 | .btn-primary { 64 | @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); 65 | } 66 | // Success appears as green 67 | .btn-success { 68 | @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); 69 | } 70 | // Info appears as blue-green 71 | .btn-info { 72 | @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); 73 | } 74 | // Warning appears as orange 75 | .btn-warning { 76 | @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); 77 | } 78 | // Danger and error appear as red 79 | .btn-danger { 80 | @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); 81 | } 82 | 83 | 84 | // Link buttons 85 | // ------------------------- 86 | 87 | // Make a button look and behave like a link 88 | .btn-link { 89 | color: $link-color; 90 | font-weight: normal; 91 | border-radius: 0; 92 | 93 | &, 94 | &:active, 95 | &.active, 96 | &[disabled], 97 | fieldset[disabled] & { 98 | background-color: transparent; 99 | @include box-shadow(none); 100 | } 101 | &, 102 | &:hover, 103 | &:focus, 104 | &:active { 105 | border-color: transparent; 106 | } 107 | &:hover, 108 | &:focus { 109 | color: $link-hover-color; 110 | text-decoration: underline; 111 | background-color: transparent; 112 | } 113 | &[disabled], 114 | fieldset[disabled] & { 115 | &:hover, 116 | &:focus { 117 | color: $btn-link-disabled-color; 118 | text-decoration: none; 119 | } 120 | } 121 | } 122 | 123 | 124 | // Button Sizes 125 | // -------------------------------------------------- 126 | 127 | .btn-lg { 128 | // line-height: ensure even-numbered height of button next to large input 129 | @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); 130 | } 131 | .btn-sm { 132 | // line-height: ensure proper height of button next to small input 133 | @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); 134 | } 135 | .btn-xs { 136 | @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small); 137 | } 138 | 139 | 140 | // Block button 141 | // -------------------------------------------------- 142 | 143 | .btn-block { 144 | display: block; 145 | width: 100%; 146 | } 147 | 148 | // Vertically space out multiple block buttons 149 | .btn-block + .btn-block { 150 | margin-top: 5px; 151 | } 152 | 153 | // Specificity overrides 154 | input[type="submit"], 155 | input[type="reset"], 156 | input[type="button"] { 157 | &.btn-block { 158 | width: 100%; 159 | } 160 | } 161 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_carousel.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Carousel 3 | // -------------------------------------------------- 4 | 5 | 6 | // Wrapper for the slide container and indicators 7 | .carousel { 8 | position: relative; 9 | } 10 | 11 | .carousel-inner { 12 | position: relative; 13 | overflow: hidden; 14 | width: 100%; 15 | 16 | > .item { 17 | display: none; 18 | position: relative; 19 | @include transition(.6s ease-in-out left); 20 | 21 | // Account for jankitude on images 22 | > img, 23 | > a > img { 24 | @include img-responsive; 25 | line-height: 1; 26 | } 27 | 28 | // WebKit CSS3 transforms for supported devices 29 | @media all and (transform-3d), (-webkit-transform-3d) { 30 | transition: transform .6s ease-in-out; 31 | backface-visibility: hidden; 32 | perspective: 1000; 33 | 34 | &.next, 35 | &.active.right { 36 | transform: translate3d(100%, 0, 0); 37 | left: 0; 38 | } 39 | &.prev, 40 | &.active.left { 41 | transform: translate3d(-100%, 0, 0); 42 | left: 0; 43 | } 44 | &.next.left, 45 | &.prev.right, 46 | &.active { 47 | transform: translate3d(0, 0, 0); 48 | left: 0; 49 | } 50 | } 51 | } 52 | 53 | > .active, 54 | > .next, 55 | > .prev { 56 | display: block; 57 | } 58 | 59 | > .active { 60 | left: 0; 61 | } 62 | 63 | > .next, 64 | > .prev { 65 | position: absolute; 66 | top: 0; 67 | width: 100%; 68 | } 69 | 70 | > .next { 71 | left: 100%; 72 | } 73 | > .prev { 74 | left: -100%; 75 | } 76 | > .next.left, 77 | > .prev.right { 78 | left: 0; 79 | } 80 | 81 | > .active.left { 82 | left: -100%; 83 | } 84 | > .active.right { 85 | left: 100%; 86 | } 87 | 88 | } 89 | 90 | // Left/right controls for nav 91 | // --------------------------- 92 | 93 | .carousel-control { 94 | position: absolute; 95 | top: 0; 96 | left: 0; 97 | bottom: 0; 98 | width: $carousel-control-width; 99 | @include opacity($carousel-control-opacity); 100 | font-size: $carousel-control-font-size; 101 | color: $carousel-control-color; 102 | text-align: center; 103 | text-shadow: $carousel-text-shadow; 104 | // We can't have this transition here because WebKit cancels the carousel 105 | // animation if you trip this while in the middle of another animation. 106 | 107 | // Set gradients for backgrounds 108 | &.left { 109 | @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001)); 110 | } 111 | &.right { 112 | left: auto; 113 | right: 0; 114 | @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5)); 115 | } 116 | 117 | // Hover/focus state 118 | &:hover, 119 | &:focus { 120 | outline: 0; 121 | color: $carousel-control-color; 122 | text-decoration: none; 123 | @include opacity(.9); 124 | } 125 | 126 | // Toggles 127 | .icon-prev, 128 | .icon-next, 129 | .glyphicon-chevron-left, 130 | .glyphicon-chevron-right { 131 | position: absolute; 132 | top: 50%; 133 | z-index: 5; 134 | display: inline-block; 135 | } 136 | .icon-prev, 137 | .glyphicon-chevron-left { 138 | left: 50%; 139 | margin-left: -10px; 140 | } 141 | .icon-next, 142 | .glyphicon-chevron-right { 143 | right: 50%; 144 | margin-right: -10px; 145 | } 146 | .icon-prev, 147 | .icon-next { 148 | width: 20px; 149 | height: 20px; 150 | margin-top: -10px; 151 | font-family: serif; 152 | } 153 | 154 | 155 | .icon-prev { 156 | &:before { 157 | content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) 158 | } 159 | } 160 | .icon-next { 161 | &:before { 162 | content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) 163 | } 164 | } 165 | } 166 | 167 | // Optional indicator pips 168 | // 169 | // Add an unordered list with the following class and add a list item for each 170 | // slide your carousel holds. 171 | 172 | .carousel-indicators { 173 | position: absolute; 174 | bottom: 10px; 175 | left: 50%; 176 | z-index: 15; 177 | width: 60%; 178 | margin-left: -30%; 179 | padding-left: 0; 180 | list-style: none; 181 | text-align: center; 182 | 183 | li { 184 | display: inline-block; 185 | width: 10px; 186 | height: 10px; 187 | margin: 1px; 188 | text-indent: -999px; 189 | border: 1px solid $carousel-indicator-border-color; 190 | border-radius: 10px; 191 | cursor: pointer; 192 | 193 | // IE8-9 hack for event handling 194 | // 195 | // Internet Explorer 8-9 does not support clicks on elements without a set 196 | // `background-color`. We cannot use `filter` since that's not viewed as a 197 | // background color by the browser. Thus, a hack is needed. 198 | // 199 | // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we 200 | // set alpha transparency for the best results possible. 201 | background-color: #000 \9; // IE8 202 | background-color: rgba(0,0,0,0); // IE9 203 | } 204 | .active { 205 | margin: 0; 206 | width: 12px; 207 | height: 12px; 208 | background-color: $carousel-indicator-active-bg; 209 | } 210 | } 211 | 212 | // Optional captions 213 | // ----------------------------- 214 | // Hidden by default for smaller viewports 215 | .carousel-caption { 216 | position: absolute; 217 | left: 15%; 218 | right: 15%; 219 | bottom: 20px; 220 | z-index: 10; 221 | padding-top: 20px; 222 | padding-bottom: 20px; 223 | color: $carousel-caption-color; 224 | text-align: center; 225 | text-shadow: $carousel-text-shadow; 226 | & .btn { 227 | text-shadow: none; // No shadow for button elements in carousel-caption 228 | } 229 | } 230 | 231 | 232 | // Scale up controls for tablets and up 233 | @media screen and (min-width: $screen-sm-min) { 234 | 235 | // Scale up the controls a smidge 236 | .carousel-control { 237 | .glyphicon-chevron-left, 238 | .glyphicon-chevron-right, 239 | .icon-prev, 240 | .icon-next { 241 | width: 30px; 242 | height: 30px; 243 | margin-top: -15px; 244 | font-size: 30px; 245 | } 246 | .glyphicon-chevron-left, 247 | .icon-prev { 248 | margin-left: -15px; 249 | } 250 | .glyphicon-chevron-right, 251 | .icon-next { 252 | margin-right: -15px; 253 | } 254 | } 255 | 256 | // Show and left align the captions 257 | .carousel-caption { 258 | left: 20%; 259 | right: 20%; 260 | padding-bottom: 30px; 261 | } 262 | 263 | // Move up the indicators 264 | .carousel-indicators { 265 | bottom: 20px; 266 | } 267 | } 268 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_close.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: ($font-size-base * 1.5); 9 | font-weight: $close-font-weight; 10 | line-height: 1; 11 | color: $close-color; 12 | text-shadow: $close-text-shadow; 13 | @include opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: $close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | @include opacity(.5); 21 | } 22 | 23 | // [converter] extracted button& to button.close 24 | } 25 | 26 | // Additional properties for button version 27 | // iOS requires the button element instead of an anchor tag. 28 | // If you want the anchor version, it requires `href="#"`. 29 | button.close { 30 | padding: 0; 31 | cursor: pointer; 32 | background: transparent; 33 | border: 0; 34 | -webkit-appearance: none; 35 | } 36 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_code.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: $font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: $code-color; 19 | background-color: $code-bg; 20 | border-radius: $border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: $kbd-color; 28 | background-color: $kbd-bg; 29 | border-radius: $border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: (($line-height-computed - 1) / 2); 44 | margin: 0 0 ($line-height-computed / 2); 45 | font-size: ($font-size-base - 1); // 14px to 13px 46 | line-height: $line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: $pre-color; 50 | background-color: $pre-bg; 51 | border: 1px solid $pre-border-color; 52 | border-radius: $border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: $pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_component-animations.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | @include transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | visibility: hidden; 21 | 22 | &.in { display: block; visibility: visible; } 23 | // [converter] extracted tr&.in to tr.collapse.in 24 | // [converter] extracted tbody&.in to tbody.collapse.in 25 | } 26 | 27 | tr.collapse.in { display: table-row; } 28 | 29 | tbody.collapse.in { display: table-row-group; } 30 | 31 | .collapsing { 32 | position: relative; 33 | height: 0; 34 | overflow: hidden; 35 | @include transition-property(height, visibility); 36 | @include transition-duration(.35s); 37 | @include transition-timing-function(ease); 38 | } 39 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_dropdowns.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Dropdown menus 3 | // -------------------------------------------------- 4 | 5 | 6 | // Dropdown arrow/caret 7 | .caret { 8 | display: inline-block; 9 | width: 0; 10 | height: 0; 11 | margin-left: 2px; 12 | vertical-align: middle; 13 | border-top: $caret-width-base solid; 14 | border-right: $caret-width-base solid transparent; 15 | border-left: $caret-width-base solid transparent; 16 | } 17 | 18 | // The dropdown wrapper (div) 19 | .dropdown { 20 | position: relative; 21 | } 22 | 23 | // Prevent the focus on the dropdown toggle when closing dropdowns 24 | .dropdown-toggle:focus { 25 | outline: 0; 26 | } 27 | 28 | // The dropdown menu (ul) 29 | .dropdown-menu { 30 | position: absolute; 31 | top: 100%; 32 | left: 0; 33 | z-index: $zindex-dropdown; 34 | display: none; // none by default, but block on "open" of the menu 35 | float: left; 36 | min-width: 160px; 37 | padding: 5px 0; 38 | margin: 2px 0 0; // override default ul 39 | list-style: none; 40 | font-size: $font-size-base; 41 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) 42 | background-color: $dropdown-bg; 43 | border: 1px solid $dropdown-fallback-border; // IE8 fallback 44 | border: 1px solid $dropdown-border; 45 | border-radius: $border-radius-base; 46 | @include box-shadow(0 6px 12px rgba(0,0,0,.175)); 47 | background-clip: padding-box; 48 | 49 | // Aligns the dropdown menu to right 50 | // 51 | // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` 52 | &.pull-right { 53 | right: 0; 54 | left: auto; 55 | } 56 | 57 | // Dividers (basically an hr) within the dropdown 58 | .divider { 59 | @include nav-divider($dropdown-divider-bg); 60 | } 61 | 62 | // Links within the dropdown menu 63 | > li > a { 64 | display: block; 65 | padding: 3px 20px; 66 | clear: both; 67 | font-weight: normal; 68 | line-height: $line-height-base; 69 | color: $dropdown-link-color; 70 | white-space: nowrap; // prevent links from randomly breaking onto new lines 71 | } 72 | } 73 | 74 | // Hover/Focus state 75 | .dropdown-menu > li > a { 76 | &:hover, 77 | &:focus { 78 | text-decoration: none; 79 | color: $dropdown-link-hover-color; 80 | background-color: $dropdown-link-hover-bg; 81 | } 82 | } 83 | 84 | // Active state 85 | .dropdown-menu > .active > a { 86 | &, 87 | &:hover, 88 | &:focus { 89 | color: $dropdown-link-active-color; 90 | text-decoration: none; 91 | outline: 0; 92 | background-color: $dropdown-link-active-bg; 93 | } 94 | } 95 | 96 | // Disabled state 97 | // 98 | // Gray out text and ensure the hover/focus state remains gray 99 | 100 | .dropdown-menu > .disabled > a { 101 | &, 102 | &:hover, 103 | &:focus { 104 | color: $dropdown-link-disabled-color; 105 | } 106 | 107 | // Nuke hover/focus effects 108 | &:hover, 109 | &:focus { 110 | text-decoration: none; 111 | background-color: transparent; 112 | background-image: none; // Remove CSS gradient 113 | @include reset-filter; 114 | cursor: $cursor-disabled; 115 | } 116 | } 117 | 118 | // Open state for the dropdown 119 | .open { 120 | // Show the menu 121 | > .dropdown-menu { 122 | display: block; 123 | } 124 | 125 | // Remove the outline when :focus is triggered 126 | > a { 127 | outline: 0; 128 | } 129 | } 130 | 131 | // Menu positioning 132 | // 133 | // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown 134 | // menu with the parent. 135 | .dropdown-menu-right { 136 | left: auto; // Reset the default from `.dropdown-menu` 137 | right: 0; 138 | } 139 | // With v3, we enabled auto-flipping if you have a dropdown within a right 140 | // aligned nav component. To enable the undoing of that, we provide an override 141 | // to restore the default dropdown menu alignment. 142 | // 143 | // This is only for left-aligning a dropdown menu within a `.navbar-right` or 144 | // `.pull-right` nav component. 145 | .dropdown-menu-left { 146 | left: 0; 147 | right: auto; 148 | } 149 | 150 | // Dropdown section headers 151 | .dropdown-header { 152 | display: block; 153 | padding: 3px 20px; 154 | font-size: $font-size-small; 155 | line-height: $line-height-base; 156 | color: $dropdown-header-color; 157 | white-space: nowrap; // as with > li > a 158 | } 159 | 160 | // Backdrop to catch body clicks on mobile, etc. 161 | .dropdown-backdrop { 162 | position: fixed; 163 | left: 0; 164 | right: 0; 165 | bottom: 0; 166 | top: 0; 167 | z-index: ($zindex-dropdown - 10); 168 | } 169 | 170 | // Right aligned dropdowns 171 | .pull-right > .dropdown-menu { 172 | right: 0; 173 | left: auto; 174 | } 175 | 176 | // Allow for dropdowns to go bottom up (aka, dropup-menu) 177 | // 178 | // Just add .dropup after the standard .dropdown class and you're set, bro. 179 | // TODO: abstract this so that the navbar fixed styles are not placed here? 180 | 181 | .dropup, 182 | .navbar-fixed-bottom .dropdown { 183 | // Reverse the caret 184 | .caret { 185 | border-top: 0; 186 | border-bottom: $caret-width-base solid; 187 | content: ""; 188 | } 189 | // Different positioning for bottom up menu 190 | .dropdown-menu { 191 | top: auto; 192 | bottom: 100%; 193 | margin-bottom: 1px; 194 | } 195 | } 196 | 197 | 198 | // Component alignment 199 | // 200 | // Reiterate per navbar.less and the modified component alignment there. 201 | 202 | @media (min-width: $grid-float-breakpoint) { 203 | .navbar-right { 204 | .dropdown-menu { 205 | right: 0; left: auto; 206 | } 207 | // Necessary for overrides of the default right aligned menu. 208 | // Will remove come v4 in all likelihood. 209 | .dropdown-menu-left { 210 | left: 0; right: auto; 211 | } 212 | } 213 | } 214 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_grid.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | @include container-fixed; 12 | 13 | @media (min-width: $screen-sm-min) { 14 | width: $container-sm; 15 | } 16 | @media (min-width: $screen-md-min) { 17 | width: $container-md; 18 | } 19 | @media (min-width: $screen-lg-min) { 20 | width: $container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | @include container-fixed; 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | @include make-row; 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | @include make-grid-columns; 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | @include make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: $screen-sm-min) { 65 | @include make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: $screen-md-min) { 74 | @include make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: $screen-lg-min) { 83 | @include make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_input-groups.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Input groups 3 | // -------------------------------------------------- 4 | 5 | // Base styles 6 | // ------------------------- 7 | .input-group { 8 | position: relative; // For dropdowns 9 | display: table; 10 | border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table 11 | 12 | // Undo padding and float of grid classes 13 | &[class*="col-"] { 14 | float: none; 15 | padding-left: 0; 16 | padding-right: 0; 17 | } 18 | 19 | .form-control { 20 | // Ensure that the input is always above the *appended* addon button for 21 | // proper border colors. 22 | position: relative; 23 | z-index: 2; 24 | 25 | // IE9 fubars the placeholder attribute in text inputs and the arrows on 26 | // select elements in input groups. To fix it, we float the input. Details: 27 | // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 28 | float: left; 29 | 30 | width: 100%; 31 | margin-bottom: 0; 32 | } 33 | } 34 | 35 | // Sizing options 36 | // 37 | // Remix the default form control sizing classes into new ones for easier 38 | // manipulation. 39 | 40 | .input-group-lg > .form-control, 41 | .input-group-lg > .input-group-addon, 42 | .input-group-lg > .input-group-btn > .btn { 43 | @extend .input-lg; 44 | } 45 | .input-group-sm > .form-control, 46 | .input-group-sm > .input-group-addon, 47 | .input-group-sm > .input-group-btn > .btn { 48 | @extend .input-sm; 49 | } 50 | 51 | 52 | // Display as table-cell 53 | // ------------------------- 54 | .input-group-addon, 55 | .input-group-btn, 56 | .input-group .form-control { 57 | display: table-cell; 58 | 59 | &:not(:first-child):not(:last-child) { 60 | border-radius: 0; 61 | } 62 | } 63 | // Addon and addon wrapper for buttons 64 | .input-group-addon, 65 | .input-group-btn { 66 | width: 1%; 67 | white-space: nowrap; 68 | vertical-align: middle; // Match the inputs 69 | } 70 | 71 | // Text input groups 72 | // ------------------------- 73 | .input-group-addon { 74 | padding: $padding-base-vertical $padding-base-horizontal; 75 | font-size: $font-size-base; 76 | font-weight: normal; 77 | line-height: 1; 78 | color: $input-color; 79 | text-align: center; 80 | background-color: $input-group-addon-bg; 81 | border: 1px solid $input-group-addon-border-color; 82 | border-radius: $border-radius-base; 83 | 84 | // Sizing 85 | &.input-sm { 86 | padding: $padding-small-vertical $padding-small-horizontal; 87 | font-size: $font-size-small; 88 | border-radius: $border-radius-small; 89 | } 90 | &.input-lg { 91 | padding: $padding-large-vertical $padding-large-horizontal; 92 | font-size: $font-size-large; 93 | border-radius: $border-radius-large; 94 | } 95 | 96 | // Nuke default margins from checkboxes and radios to vertically center within. 97 | input[type="radio"], 98 | input[type="checkbox"] { 99 | margin-top: 0; 100 | } 101 | } 102 | 103 | // Reset rounded corners 104 | .input-group .form-control:first-child, 105 | .input-group-addon:first-child, 106 | .input-group-btn:first-child > .btn, 107 | .input-group-btn:first-child > .btn-group > .btn, 108 | .input-group-btn:first-child > .dropdown-toggle, 109 | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 110 | .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { 111 | @include border-right-radius(0); 112 | } 113 | .input-group-addon:first-child { 114 | border-right: 0; 115 | } 116 | .input-group .form-control:last-child, 117 | .input-group-addon:last-child, 118 | .input-group-btn:last-child > .btn, 119 | .input-group-btn:last-child > .btn-group > .btn, 120 | .input-group-btn:last-child > .dropdown-toggle, 121 | .input-group-btn:first-child > .btn:not(:first-child), 122 | .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { 123 | @include border-left-radius(0); 124 | } 125 | .input-group-addon:last-child { 126 | border-left: 0; 127 | } 128 | 129 | // Button input groups 130 | // ------------------------- 131 | .input-group-btn { 132 | position: relative; 133 | // Jankily prevent input button groups from wrapping with `white-space` and 134 | // `font-size` in combination with `inline-block` on buttons. 135 | font-size: 0; 136 | white-space: nowrap; 137 | 138 | // Negative margin for spacing, position for bringing hovered/focused/actived 139 | // element above the siblings. 140 | > .btn { 141 | position: relative; 142 | + .btn { 143 | margin-left: -1px; 144 | } 145 | // Bring the "active" button to the front 146 | &:hover, 147 | &:focus, 148 | &:active { 149 | z-index: 2; 150 | } 151 | } 152 | 153 | // Negative margin to only have a 1px border between the two 154 | &:first-child { 155 | > .btn, 156 | > .btn-group { 157 | margin-right: -1px; 158 | } 159 | } 160 | &:last-child { 161 | > .btn, 162 | > .btn-group { 163 | margin-left: -1px; 164 | } 165 | } 166 | } 167 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding: $jumbotron-padding ($jumbotron-padding / 2); 8 | margin-bottom: $jumbotron-padding; 9 | color: $jumbotron-color; 10 | background-color: $jumbotron-bg; 11 | 12 | h1, 13 | .h1 { 14 | color: $jumbotron-heading-color; 15 | } 16 | p { 17 | margin-bottom: ($jumbotron-padding / 2); 18 | font-size: $jumbotron-font-size; 19 | font-weight: 200; 20 | } 21 | 22 | > hr { 23 | border-top-color: darken($jumbotron-bg, 10%); 24 | } 25 | 26 | .container &, 27 | .container-fluid & { 28 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 29 | } 30 | 31 | .container { 32 | max-width: 100%; 33 | } 34 | 35 | @media screen and (min-width: $screen-sm-min) { 36 | padding: ($jumbotron-padding * 1.6) 0; 37 | 38 | .container &, 39 | .container-fluid & { 40 | padding-left: ($jumbotron-padding * 2); 41 | padding-right: ($jumbotron-padding * 2); 42 | } 43 | 44 | h1, 45 | .h1 { 46 | font-size: ($font-size-base * 4.5); 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_labels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: $label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // [converter] extracted a& to a.label 18 | 19 | // Empty labels collapse automatically (not available in IE8) 20 | &:empty { 21 | display: none; 22 | } 23 | 24 | // Quick fix for labels in buttons 25 | .btn & { 26 | position: relative; 27 | top: -1px; 28 | } 29 | } 30 | 31 | // Add hover effects, but only for links 32 | a.label { 33 | &:hover, 34 | &:focus { 35 | color: $label-link-hover-color; 36 | text-decoration: none; 37 | cursor: pointer; 38 | } 39 | } 40 | 41 | // Colors 42 | // Contextual variations (linked labels get darker on :hover) 43 | 44 | .label-default { 45 | @include label-variant($label-default-bg); 46 | } 47 | 48 | .label-primary { 49 | @include label-variant($label-primary-bg); 50 | } 51 | 52 | .label-success { 53 | @include label-variant($label-success-bg); 54 | } 55 | 56 | .label-info { 57 | @include label-variant($label-info-bg); 58 | } 59 | 60 | .label-warning { 61 | @include label-variant($label-warning-bg); 62 | } 63 | 64 | .label-danger { 65 | @include label-variant($label-danger-bg); 66 | } 67 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_list-group.scss: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // 8 | // Easily usable on
    ,
      , or
      . 9 | 10 | .list-group { 11 | // No need to set list-style: none; since .list-group-item is block level 12 | margin-bottom: 20px; 13 | padding-left: 0; // reset padding because ul and ol 14 | } 15 | 16 | 17 | // Individual list items 18 | // 19 | // Use on `li`s or `div`s within the `.list-group` parent. 20 | 21 | .list-group-item { 22 | position: relative; 23 | display: block; 24 | padding: 10px 15px; 25 | // Place the border on the list items and negative margin up for better styling 26 | margin-bottom: -1px; 27 | background-color: $list-group-bg; 28 | border: 1px solid $list-group-border; 29 | 30 | // Round the first and last items 31 | &:first-child { 32 | @include border-top-radius($list-group-border-radius); 33 | } 34 | &:last-child { 35 | margin-bottom: 0; 36 | @include border-bottom-radius($list-group-border-radius); 37 | } 38 | } 39 | 40 | 41 | // Linked list items 42 | // 43 | // Use anchor elements instead of `li`s or `div`s to create linked list items. 44 | // Includes an extra `.active` modifier class for showing selected items. 45 | 46 | a.list-group-item { 47 | color: $list-group-link-color; 48 | 49 | .list-group-item-heading { 50 | color: $list-group-link-heading-color; 51 | } 52 | 53 | // Hover state 54 | &:hover, 55 | &:focus { 56 | text-decoration: none; 57 | color: $list-group-link-hover-color; 58 | background-color: $list-group-hover-bg; 59 | } 60 | } 61 | 62 | .list-group-item { 63 | // Disabled state 64 | &.disabled, 65 | &.disabled:hover, 66 | &.disabled:focus { 67 | background-color: $list-group-disabled-bg; 68 | color: $list-group-disabled-color; 69 | cursor: $cursor-disabled; 70 | 71 | // Force color to inherit for custom content 72 | .list-group-item-heading { 73 | color: inherit; 74 | } 75 | .list-group-item-text { 76 | color: $list-group-disabled-text-color; 77 | } 78 | } 79 | 80 | // Active class on item itself, not parent 81 | &.active, 82 | &.active:hover, 83 | &.active:focus { 84 | z-index: 2; // Place active items above their siblings for proper border styling 85 | color: $list-group-active-color; 86 | background-color: $list-group-active-bg; 87 | border-color: $list-group-active-border; 88 | 89 | // Force color to inherit for custom content 90 | .list-group-item-heading, 91 | .list-group-item-heading > small, 92 | .list-group-item-heading > .small { 93 | color: inherit; 94 | } 95 | .list-group-item-text { 96 | color: $list-group-active-text-color; 97 | } 98 | } 99 | } 100 | 101 | 102 | // Contextual variants 103 | // 104 | // Add modifier classes to change text and background color on individual items. 105 | // Organizationally, this must come after the `:hover` states. 106 | 107 | @include list-group-item-variant(success, $state-success-bg, $state-success-text); 108 | @include list-group-item-variant(info, $state-info-bg, $state-info-text); 109 | @include list-group-item-variant(warning, $state-warning-bg, $state-warning-text); 110 | @include list-group-item-variant(danger, $state-danger-bg, $state-danger-text); 111 | 112 | 113 | // Custom content options 114 | // 115 | // Extra classes for creating well-formatted content within `.list-group-item`s. 116 | 117 | .list-group-item-heading { 118 | margin-top: 0; 119 | margin-bottom: 5px; 120 | } 121 | .list-group-item-text { 122 | margin-bottom: 0; 123 | line-height: 1.3; 124 | } 125 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_media.scss: -------------------------------------------------------------------------------- 1 | .media { 2 | // Proper spacing between instances of .media 3 | margin-top: 15px; 4 | 5 | &:first-child { 6 | margin-top: 0; 7 | } 8 | } 9 | 10 | .media-right, 11 | .media > .pull-right { 12 | padding-left: 10px; 13 | } 14 | 15 | .media-left, 16 | .media > .pull-left { 17 | padding-right: 10px; 18 | } 19 | 20 | .media-left, 21 | .media-right, 22 | .media-body { 23 | display: table-cell; 24 | vertical-align: top; 25 | } 26 | 27 | .media-middle { 28 | vertical-align: middle; 29 | } 30 | 31 | .media-bottom { 32 | vertical-align: bottom; 33 | } 34 | 35 | // Reset margins on headings for tighter default spacing 36 | .media-heading { 37 | margin-top: 0; 38 | margin-bottom: 5px; 39 | } 40 | 41 | // Media list variation 42 | // 43 | // Undo default ul/ol styles 44 | .media-list { 45 | padding-left: 0; 46 | list-style: none; 47 | } 48 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text"; 6 | @import "mixins/opacity"; 7 | @import "mixins/image"; 8 | @import "mixins/labels"; 9 | @import "mixins/reset-filter"; 10 | @import "mixins/resize"; 11 | @import "mixins/responsive-visibility"; 12 | @import "mixins/size"; 13 | @import "mixins/tab-focus"; 14 | @import "mixins/text-emphasis"; 15 | @import "mixins/text-overflow"; 16 | @import "mixins/vendor-prefixes"; 17 | 18 | // Components 19 | @import "mixins/alerts"; 20 | @import "mixins/buttons"; 21 | @import "mixins/panels"; 22 | @import "mixins/pagination"; 23 | @import "mixins/list-group"; 24 | @import "mixins/nav-divider"; 25 | @import "mixins/forms"; 26 | @import "mixins/progress-bar"; 27 | @import "mixins/table-row"; 28 | 29 | // Skins 30 | @import "mixins/background-variant"; 31 | @import "mixins/border-radius"; 32 | @import "mixins/gradients"; 33 | 34 | // Layout 35 | @import "mixins/clearfix"; 36 | @import "mixins/center-block"; 37 | @import "mixins/nav-vertical-align"; 38 | @import "mixins/grid-framework"; 39 | @import "mixins/grid"; 40 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_modals.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Modals 3 | // -------------------------------------------------- 4 | 5 | // .modal-open - body class for killing the scroll 6 | // .modal - container to scroll within 7 | // .modal-dialog - positioning shell for the actual modal 8 | // .modal-content - actual modal w/ bg and corners and shit 9 | 10 | // Kill the scroll on the body 11 | .modal-open { 12 | overflow: hidden; 13 | } 14 | 15 | // Container that the modal scrolls within 16 | .modal { 17 | display: none; 18 | overflow: hidden; 19 | position: fixed; 20 | top: 0; 21 | right: 0; 22 | bottom: 0; 23 | left: 0; 24 | z-index: $zindex-modal; 25 | -webkit-overflow-scrolling: touch; 26 | 27 | // Prevent Chrome on Windows from adding a focus outline. For details, see 28 | // https://github.com/twbs/bootstrap/pull/10951. 29 | outline: 0; 30 | 31 | // When fading in the modal, animate it to slide down 32 | &.fade .modal-dialog { 33 | @include translate(0, -25%); 34 | @include transition-transform(0.3s ease-out); 35 | } 36 | &.in .modal-dialog { @include translate(0, 0) } 37 | } 38 | .modal-open .modal { 39 | overflow-x: hidden; 40 | overflow-y: auto; 41 | } 42 | 43 | // Shell div to position the modal with bottom padding 44 | .modal-dialog { 45 | position: relative; 46 | width: auto; 47 | margin: 10px; 48 | } 49 | 50 | // Actual modal 51 | .modal-content { 52 | position: relative; 53 | background-color: $modal-content-bg; 54 | border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc) 55 | border: 1px solid $modal-content-border-color; 56 | border-radius: $border-radius-large; 57 | @include box-shadow(0 3px 9px rgba(0,0,0,.5)); 58 | background-clip: padding-box; 59 | // Remove focus outline from opened modal 60 | outline: 0; 61 | } 62 | 63 | // Modal background 64 | .modal-backdrop { 65 | position: absolute; 66 | top: 0; 67 | right: 0; 68 | left: 0; 69 | background-color: $modal-backdrop-bg; 70 | // Fade for backdrop 71 | &.fade { @include opacity(0); } 72 | &.in { @include opacity($modal-backdrop-opacity); } 73 | } 74 | 75 | // Modal header 76 | // Top section of the modal w/ title and dismiss 77 | .modal-header { 78 | padding: $modal-title-padding; 79 | border-bottom: 1px solid $modal-header-border-color; 80 | min-height: ($modal-title-padding + $modal-title-line-height); 81 | } 82 | // Close icon 83 | .modal-header .close { 84 | margin-top: -2px; 85 | } 86 | 87 | // Title text within header 88 | .modal-title { 89 | margin: 0; 90 | line-height: $modal-title-line-height; 91 | } 92 | 93 | // Modal body 94 | // Where all modal content resides (sibling of .modal-header and .modal-footer) 95 | .modal-body { 96 | position: relative; 97 | padding: $modal-inner-padding; 98 | } 99 | 100 | // Footer (for actions) 101 | .modal-footer { 102 | padding: $modal-inner-padding; 103 | text-align: right; // right align buttons 104 | border-top: 1px solid $modal-footer-border-color; 105 | @include clearfix; // clear it in case folks use .pull-* classes on buttons 106 | 107 | // Properly space out buttons 108 | .btn + .btn { 109 | margin-left: 5px; 110 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs 111 | } 112 | // but override that for button groups 113 | .btn-group .btn + .btn { 114 | margin-left: -1px; 115 | } 116 | // and override it for block buttons as well 117 | .btn-block + .btn-block { 118 | margin-left: 0; 119 | } 120 | } 121 | 122 | // Measure scrollbar width for padding body during modal show/hide 123 | .modal-scrollbar-measure { 124 | position: absolute; 125 | top: -9999px; 126 | width: 50px; 127 | height: 50px; 128 | overflow: scroll; 129 | } 130 | 131 | // Scale up the modal 132 | @media (min-width: $screen-sm-min) { 133 | // Automatically set modal's width for larger viewports 134 | .modal-dialog { 135 | width: $modal-md; 136 | margin: 30px auto; 137 | } 138 | .modal-content { 139 | @include box-shadow(0 5px 15px rgba(0,0,0,.5)); 140 | } 141 | 142 | // Modal sizes 143 | .modal-sm { width: $modal-sm; } 144 | } 145 | 146 | @media (min-width: $screen-md-min) { 147 | .modal-lg { width: $modal-lg; } 148 | } 149 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_navs.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Navs 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // -------------------------------------------------- 8 | 9 | .nav { 10 | margin-bottom: 0; 11 | padding-left: 0; // Override default ul/ol 12 | list-style: none; 13 | @include clearfix; 14 | 15 | > li { 16 | position: relative; 17 | display: block; 18 | 19 | > a { 20 | position: relative; 21 | display: block; 22 | padding: $nav-link-padding; 23 | &:hover, 24 | &:focus { 25 | text-decoration: none; 26 | background-color: $nav-link-hover-bg; 27 | } 28 | } 29 | 30 | // Disabled state sets text to gray and nukes hover/tab effects 31 | &.disabled > a { 32 | color: $nav-disabled-link-color; 33 | 34 | &:hover, 35 | &:focus { 36 | color: $nav-disabled-link-hover-color; 37 | text-decoration: none; 38 | background-color: transparent; 39 | cursor: $cursor-disabled; 40 | } 41 | } 42 | } 43 | 44 | // Open dropdowns 45 | .open > a { 46 | &, 47 | &:hover, 48 | &:focus { 49 | background-color: $nav-link-hover-bg; 50 | border-color: $link-color; 51 | } 52 | } 53 | 54 | // Nav dividers (deprecated with v3.0.1) 55 | // 56 | // This should have been removed in v3 with the dropping of `.nav-list`, but 57 | // we missed it. We don't currently support this anywhere, but in the interest 58 | // of maintaining backward compatibility in case you use it, it's deprecated. 59 | .nav-divider { 60 | @include nav-divider; 61 | } 62 | 63 | // Prevent IE8 from misplacing imgs 64 | // 65 | // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 66 | > li > a > img { 67 | max-width: none; 68 | } 69 | } 70 | 71 | 72 | // Tabs 73 | // ------------------------- 74 | 75 | // Give the tabs something to sit on 76 | .nav-tabs { 77 | border-bottom: 1px solid $nav-tabs-border-color; 78 | > li { 79 | float: left; 80 | // Make the list-items overlay the bottom border 81 | margin-bottom: -1px; 82 | 83 | // Actual tabs (as links) 84 | > a { 85 | margin-right: 2px; 86 | line-height: $line-height-base; 87 | border: 1px solid transparent; 88 | border-radius: $border-radius-base $border-radius-base 0 0; 89 | &:hover { 90 | border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color; 91 | } 92 | } 93 | 94 | // Active state, and its :hover to override normal :hover 95 | &.active > a { 96 | &, 97 | &:hover, 98 | &:focus { 99 | color: $nav-tabs-active-link-hover-color; 100 | background-color: $nav-tabs-active-link-hover-bg; 101 | border: 1px solid $nav-tabs-active-link-hover-border-color; 102 | border-bottom-color: transparent; 103 | cursor: default; 104 | } 105 | } 106 | } 107 | // pulling this in mainly for less shorthand 108 | &.nav-justified { 109 | @extend .nav-justified; 110 | @extend .nav-tabs-justified; 111 | } 112 | } 113 | 114 | 115 | // Pills 116 | // ------------------------- 117 | .nav-pills { 118 | > li { 119 | float: left; 120 | 121 | // Links rendered as pills 122 | > a { 123 | border-radius: $nav-pills-border-radius; 124 | } 125 | + li { 126 | margin-left: 2px; 127 | } 128 | 129 | // Active state 130 | &.active > a { 131 | &, 132 | &:hover, 133 | &:focus { 134 | color: $nav-pills-active-link-hover-color; 135 | background-color: $nav-pills-active-link-hover-bg; 136 | } 137 | } 138 | } 139 | } 140 | 141 | 142 | // Stacked pills 143 | .nav-stacked { 144 | > li { 145 | float: none; 146 | + li { 147 | margin-top: 2px; 148 | margin-left: 0; // no need for this gap between nav items 149 | } 150 | } 151 | } 152 | 153 | 154 | // Nav variations 155 | // -------------------------------------------------- 156 | 157 | // Justified nav links 158 | // ------------------------- 159 | 160 | .nav-justified { 161 | width: 100%; 162 | 163 | > li { 164 | float: none; 165 | > a { 166 | text-align: center; 167 | margin-bottom: 5px; 168 | } 169 | } 170 | 171 | > .dropdown .dropdown-menu { 172 | top: auto; 173 | left: auto; 174 | } 175 | 176 | @media (min-width: $screen-sm-min) { 177 | > li { 178 | display: table-cell; 179 | width: 1%; 180 | > a { 181 | margin-bottom: 0; 182 | } 183 | } 184 | } 185 | } 186 | 187 | // Move borders to anchors instead of bottom of list 188 | // 189 | // Mixin for adding on top the shared `.nav-justified` styles for our tabs 190 | .nav-tabs-justified { 191 | border-bottom: 0; 192 | 193 | > li > a { 194 | // Override margin from .nav-tabs 195 | margin-right: 0; 196 | border-radius: $border-radius-base; 197 | } 198 | 199 | > .active > a, 200 | > .active > a:hover, 201 | > .active > a:focus { 202 | border: 1px solid $nav-tabs-justified-link-border-color; 203 | } 204 | 205 | @media (min-width: $screen-sm-min) { 206 | > li > a { 207 | border-bottom: 1px solid $nav-tabs-justified-link-border-color; 208 | border-radius: $border-radius-base $border-radius-base 0 0; 209 | } 210 | > .active > a, 211 | > .active > a:hover, 212 | > .active > a:focus { 213 | border-bottom-color: $nav-tabs-justified-active-link-border-color; 214 | } 215 | } 216 | } 217 | 218 | 219 | // Tabbable tabs 220 | // ------------------------- 221 | 222 | // Hide tabbable panes to start, show them when `.active` 223 | .tab-content { 224 | > .tab-pane { 225 | display: none; 226 | visibility: hidden; 227 | } 228 | > .active { 229 | display: block; 230 | visibility: visible; 231 | } 232 | } 233 | 234 | 235 | // Dropdowns 236 | // ------------------------- 237 | 238 | // Specific dropdowns 239 | .nav-tabs .dropdown-menu { 240 | // make dropdown border overlap tab border 241 | margin-top: -1px; 242 | // Remove the top rounded corners here since there is a hard edge above the menu 243 | @include border-top-radius(0); 244 | } 245 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_pager.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: $line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | @include clearfix; 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: $pager-bg; 19 | border: 1px solid $pager-border; 20 | border-radius: $pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: $pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: $pager-disabled-color; 50 | background-color: $pager-bg; 51 | cursor: $cursor-disabled; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_pagination.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | .pagination { 5 | display: inline-block; 6 | padding-left: 0; 7 | margin: $line-height-computed 0; 8 | border-radius: $border-radius-base; 9 | 10 | > li { 11 | display: inline; // Remove list-style and block-level defaults 12 | > a, 13 | > span { 14 | position: relative; 15 | float: left; // Collapse white-space 16 | padding: $padding-base-vertical $padding-base-horizontal; 17 | line-height: $line-height-base; 18 | text-decoration: none; 19 | color: $pagination-color; 20 | background-color: $pagination-bg; 21 | border: 1px solid $pagination-border; 22 | margin-left: -1px; 23 | } 24 | &:first-child { 25 | > a, 26 | > span { 27 | margin-left: 0; 28 | @include border-left-radius($border-radius-base); 29 | } 30 | } 31 | &:last-child { 32 | > a, 33 | > span { 34 | @include border-right-radius($border-radius-base); 35 | } 36 | } 37 | } 38 | 39 | > li > a, 40 | > li > span { 41 | &:hover, 42 | &:focus { 43 | color: $pagination-hover-color; 44 | background-color: $pagination-hover-bg; 45 | border-color: $pagination-hover-border; 46 | } 47 | } 48 | 49 | > .active > a, 50 | > .active > span { 51 | &, 52 | &:hover, 53 | &:focus { 54 | z-index: 2; 55 | color: $pagination-active-color; 56 | background-color: $pagination-active-bg; 57 | border-color: $pagination-active-border; 58 | cursor: default; 59 | } 60 | } 61 | 62 | > .disabled { 63 | > span, 64 | > span:hover, 65 | > span:focus, 66 | > a, 67 | > a:hover, 68 | > a:focus { 69 | color: $pagination-disabled-color; 70 | background-color: $pagination-disabled-bg; 71 | border-color: $pagination-disabled-border; 72 | cursor: $cursor-disabled; 73 | } 74 | } 75 | } 76 | 77 | // Sizing 78 | // -------------------------------------------------- 79 | 80 | // Large 81 | .pagination-lg { 82 | @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large); 83 | } 84 | 85 | // Small 86 | .pagination-sm { 87 | @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small); 88 | } 89 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_popovers.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Popovers 3 | // -------------------------------------------------- 4 | 5 | 6 | .popover { 7 | position: absolute; 8 | top: 0; 9 | left: 0; 10 | z-index: $zindex-popover; 11 | display: none; 12 | max-width: $popover-max-width; 13 | padding: 1px; 14 | // Reset font and text propertes given new insertion method 15 | font-family: $font-family-base; 16 | font-size: $font-size-base; 17 | font-weight: normal; 18 | line-height: $line-height-base; 19 | text-align: left; 20 | background-color: $popover-bg; 21 | background-clip: padding-box; 22 | border: 1px solid $popover-fallback-border-color; 23 | border: 1px solid $popover-border-color; 24 | border-radius: $border-radius-large; 25 | @include box-shadow(0 5px 10px rgba(0,0,0,.2)); 26 | 27 | // Overrides for proper insertion 28 | white-space: normal; 29 | 30 | // Offset the popover to account for the popover arrow 31 | &.top { margin-top: -$popover-arrow-width; } 32 | &.right { margin-left: $popover-arrow-width; } 33 | &.bottom { margin-top: $popover-arrow-width; } 34 | &.left { margin-left: -$popover-arrow-width; } 35 | } 36 | 37 | .popover-title { 38 | margin: 0; // reset heading margin 39 | padding: 8px 14px; 40 | font-size: $font-size-base; 41 | background-color: $popover-title-bg; 42 | border-bottom: 1px solid darken($popover-title-bg, 5%); 43 | border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0; 44 | } 45 | 46 | .popover-content { 47 | padding: 9px 14px; 48 | } 49 | 50 | // Arrows 51 | // 52 | // .arrow is outer, .arrow:after is inner 53 | 54 | .popover > .arrow { 55 | &, 56 | &:after { 57 | position: absolute; 58 | display: block; 59 | width: 0; 60 | height: 0; 61 | border-color: transparent; 62 | border-style: solid; 63 | } 64 | } 65 | .popover > .arrow { 66 | border-width: $popover-arrow-outer-width; 67 | } 68 | .popover > .arrow:after { 69 | border-width: $popover-arrow-width; 70 | content: ""; 71 | } 72 | 73 | .popover { 74 | &.top > .arrow { 75 | left: 50%; 76 | margin-left: -$popover-arrow-outer-width; 77 | border-bottom-width: 0; 78 | border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback 79 | border-top-color: $popover-arrow-outer-color; 80 | bottom: -$popover-arrow-outer-width; 81 | &:after { 82 | content: " "; 83 | bottom: 1px; 84 | margin-left: -$popover-arrow-width; 85 | border-bottom-width: 0; 86 | border-top-color: $popover-arrow-color; 87 | } 88 | } 89 | &.right > .arrow { 90 | top: 50%; 91 | left: -$popover-arrow-outer-width; 92 | margin-top: -$popover-arrow-outer-width; 93 | border-left-width: 0; 94 | border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback 95 | border-right-color: $popover-arrow-outer-color; 96 | &:after { 97 | content: " "; 98 | left: 1px; 99 | bottom: -$popover-arrow-width; 100 | border-left-width: 0; 101 | border-right-color: $popover-arrow-color; 102 | } 103 | } 104 | &.bottom > .arrow { 105 | left: 50%; 106 | margin-left: -$popover-arrow-outer-width; 107 | border-top-width: 0; 108 | border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback 109 | border-bottom-color: $popover-arrow-outer-color; 110 | top: -$popover-arrow-outer-width; 111 | &:after { 112 | content: " "; 113 | top: 1px; 114 | margin-left: -$popover-arrow-width; 115 | border-top-width: 0; 116 | border-bottom-color: $popover-arrow-color; 117 | } 118 | } 119 | 120 | &.left > .arrow { 121 | top: 50%; 122 | right: -$popover-arrow-outer-width; 123 | margin-top: -$popover-arrow-outer-width; 124 | border-right-width: 0; 125 | border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback 126 | border-left-color: $popover-arrow-outer-color; 127 | &:after { 128 | content: " "; 129 | right: 1px; 130 | border-right-width: 0; 131 | border-left-color: $popover-arrow-color; 132 | bottom: -$popover-arrow-width; 133 | } 134 | } 135 | } 136 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_print.scss: -------------------------------------------------------------------------------- 1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ 2 | 3 | // ========================================================================== 4 | // Print styles. 5 | // Inlined to avoid the additional HTTP request: h5bp.com/r 6 | // ========================================================================== 7 | 8 | @media print { 9 | *, 10 | *:before, 11 | *:after { 12 | background: transparent !important; 13 | color: #000 !important; // Black prints faster: h5bp.com/s 14 | box-shadow: none !important; 15 | text-shadow: none !important; 16 | } 17 | 18 | a, 19 | a:visited { 20 | text-decoration: underline; 21 | } 22 | 23 | a[href]:after { 24 | content: " (" attr(href) ")"; 25 | } 26 | 27 | abbr[title]:after { 28 | content: " (" attr(title) ")"; 29 | } 30 | 31 | // Don't show links that are fragment identifiers, 32 | // or use the `javascript:` pseudo protocol 33 | a[href^="#"]:after, 34 | a[href^="javascript:"]:after { 35 | content: ""; 36 | } 37 | 38 | pre, 39 | blockquote { 40 | border: 1px solid #999; 41 | page-break-inside: avoid; 42 | } 43 | 44 | thead { 45 | display: table-header-group; // h5bp.com/t 46 | } 47 | 48 | tr, 49 | img { 50 | page-break-inside: avoid; 51 | } 52 | 53 | img { 54 | max-width: 100% !important; 55 | } 56 | 57 | p, 58 | h2, 59 | h3 { 60 | orphans: 3; 61 | widows: 3; 62 | } 63 | 64 | h2, 65 | h3 { 66 | page-break-after: avoid; 67 | } 68 | 69 | // Bootstrap specific changes start 70 | // 71 | // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245 72 | // Once fixed, we can just straight up remove this. 73 | select { 74 | background: #fff !important; 75 | } 76 | 77 | // Bootstrap components 78 | .navbar { 79 | display: none; 80 | } 81 | .btn, 82 | .dropup > .btn { 83 | > .caret { 84 | border-top-color: #000 !important; 85 | } 86 | } 87 | .label { 88 | border: 1px solid #000; 89 | } 90 | 91 | .table { 92 | border-collapse: collapse !important; 93 | 94 | td, 95 | th { 96 | background-color: #fff !important; 97 | } 98 | } 99 | .table-bordered { 100 | th, 101 | td { 102 | border: 1px solid #ddd !important; 103 | } 104 | } 105 | 106 | // Bootstrap specific changes end 107 | } 108 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_progress-bars.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // Bar animations 7 | // ------------------------- 8 | 9 | // WebKit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Spec and IE10+ 16 | @keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | 22 | // Bar itself 23 | // ------------------------- 24 | 25 | // Outer container 26 | .progress { 27 | overflow: hidden; 28 | height: $line-height-computed; 29 | margin-bottom: $line-height-computed; 30 | background-color: $progress-bg; 31 | border-radius: $progress-border-radius; 32 | @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 33 | } 34 | 35 | // Bar of progress 36 | .progress-bar { 37 | float: left; 38 | width: 0%; 39 | height: 100%; 40 | font-size: $font-size-small; 41 | line-height: $line-height-computed; 42 | color: $progress-bar-color; 43 | text-align: center; 44 | background-color: $progress-bar-bg; 45 | @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 46 | @include transition(width .6s ease); 47 | } 48 | 49 | // Striped bars 50 | // 51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the 52 | // `.progress-bar-striped` class, which you just add to an existing 53 | // `.progress-bar`. 54 | .progress-striped .progress-bar, 55 | .progress-bar-striped { 56 | @include gradient-striped; 57 | background-size: 40px 40px; 58 | } 59 | 60 | // Call animation for the active one 61 | // 62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the 63 | // `.progress-bar.active` approach. 64 | .progress.active .progress-bar, 65 | .progress-bar.active { 66 | @include animation(progress-bar-stripes 2s linear infinite); 67 | } 68 | 69 | 70 | // Variations 71 | // ------------------------- 72 | 73 | .progress-bar-success { 74 | @include progress-bar-variant($progress-bar-success-bg); 75 | } 76 | 77 | .progress-bar-info { 78 | @include progress-bar-variant($progress-bar-info-bg); 79 | } 80 | 81 | .progress-bar-warning { 82 | @include progress-bar-variant($progress-bar-warning-bg); 83 | } 84 | 85 | .progress-bar-danger { 86 | @include progress-bar-variant($progress-bar-danger-bg); 87 | } 88 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_responsive-embed.scss: -------------------------------------------------------------------------------- 1 | // Embeds responsive 2 | // 3 | // Credit: Nicolas Gallagher and SUIT CSS. 4 | 5 | .embed-responsive { 6 | position: relative; 7 | display: block; 8 | height: 0; 9 | padding: 0; 10 | overflow: hidden; 11 | 12 | .embed-responsive-item, 13 | iframe, 14 | embed, 15 | object, 16 | video { 17 | position: absolute; 18 | top: 0; 19 | left: 0; 20 | bottom: 0; 21 | height: 100%; 22 | width: 100%; 23 | border: 0; 24 | } 25 | 26 | // Modifier class for 16:9 aspect ratio 27 | &.embed-responsive-16by9 { 28 | padding-bottom: 56.25%; 29 | } 30 | 31 | // Modifier class for 4:3 aspect ratio 32 | &.embed-responsive-4by3 { 33 | padding-bottom: 75%; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_responsive-utilities.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // IE10 in Windows (Phone) 8 7 | // 8 | // Support for responsive views via media queries is kind of borked in IE10, for 9 | // Surface/desktop in split view and for Windows Phone 8. This particular fix 10 | // must be accompanied by a snippet of JavaScript to sniff the user agent and 11 | // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at 12 | // our Getting Started page for more information on this bug. 13 | // 14 | // For more information, see the following: 15 | // 16 | // Issue: https://github.com/twbs/bootstrap/issues/10497 17 | // Docs: http://getbootstrap.com/getting-started/#support-ie10-width 18 | // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ 19 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ 20 | 21 | @-ms-viewport { 22 | width: device-width; 23 | } 24 | 25 | 26 | // Visibility utilities 27 | // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 28 | 29 | @include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg'); 30 | 31 | .visible-xs-block, 32 | .visible-xs-inline, 33 | .visible-xs-inline-block, 34 | .visible-sm-block, 35 | .visible-sm-inline, 36 | .visible-sm-inline-block, 37 | .visible-md-block, 38 | .visible-md-inline, 39 | .visible-md-inline-block, 40 | .visible-lg-block, 41 | .visible-lg-inline, 42 | .visible-lg-inline-block { 43 | display: none !important; 44 | } 45 | 46 | @media (max-width: $screen-xs-max) { 47 | @include responsive-visibility('.visible-xs'); 48 | } 49 | .visible-xs-block { 50 | @media (max-width: $screen-xs-max) { 51 | display: block !important; 52 | } 53 | } 54 | .visible-xs-inline { 55 | @media (max-width: $screen-xs-max) { 56 | display: inline !important; 57 | } 58 | } 59 | .visible-xs-inline-block { 60 | @media (max-width: $screen-xs-max) { 61 | display: inline-block !important; 62 | } 63 | } 64 | 65 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 66 | @include responsive-visibility('.visible-sm'); 67 | } 68 | .visible-sm-block { 69 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 70 | display: block !important; 71 | } 72 | } 73 | .visible-sm-inline { 74 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 75 | display: inline !important; 76 | } 77 | } 78 | .visible-sm-inline-block { 79 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 80 | display: inline-block !important; 81 | } 82 | } 83 | 84 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 85 | @include responsive-visibility('.visible-md'); 86 | } 87 | .visible-md-block { 88 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 89 | display: block !important; 90 | } 91 | } 92 | .visible-md-inline { 93 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 94 | display: inline !important; 95 | } 96 | } 97 | .visible-md-inline-block { 98 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 99 | display: inline-block !important; 100 | } 101 | } 102 | 103 | @media (min-width: $screen-lg-min) { 104 | @include responsive-visibility('.visible-lg'); 105 | } 106 | .visible-lg-block { 107 | @media (min-width: $screen-lg-min) { 108 | display: block !important; 109 | } 110 | } 111 | .visible-lg-inline { 112 | @media (min-width: $screen-lg-min) { 113 | display: inline !important; 114 | } 115 | } 116 | .visible-lg-inline-block { 117 | @media (min-width: $screen-lg-min) { 118 | display: inline-block !important; 119 | } 120 | } 121 | 122 | @media (max-width: $screen-xs-max) { 123 | @include responsive-invisibility('.hidden-xs'); 124 | } 125 | 126 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 127 | @include responsive-invisibility('.hidden-sm'); 128 | } 129 | 130 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 131 | @include responsive-invisibility('.hidden-md'); 132 | } 133 | 134 | @media (min-width: $screen-lg-min) { 135 | @include responsive-invisibility('.hidden-lg'); 136 | } 137 | 138 | 139 | // Print utilities 140 | // 141 | // Media queries are placed on the inside to be mixin-friendly. 142 | 143 | // Note: Deprecated .visible-print as of v3.2.0 144 | 145 | @include responsive-invisibility('.visible-print'); 146 | 147 | @media print { 148 | @include responsive-visibility('.visible-print'); 149 | } 150 | .visible-print-block { 151 | display: none !important; 152 | 153 | @media print { 154 | display: block !important; 155 | } 156 | } 157 | .visible-print-inline { 158 | display: none !important; 159 | 160 | @media print { 161 | display: inline !important; 162 | } 163 | } 164 | .visible-print-inline-block { 165 | display: none !important; 166 | 167 | @media print { 168 | display: inline-block !important; 169 | } 170 | } 171 | 172 | @media print { 173 | @include responsive-invisibility('.hidden-print'); 174 | } 175 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_scaffolding.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Scaffolding 3 | // -------------------------------------------------- 4 | 5 | 6 | // Reset the box-sizing 7 | // 8 | // Heads up! This reset may cause conflicts with some third-party widgets. 9 | // For recommendations on resolving such conflicts, see 10 | // http://getbootstrap.com/getting-started/#third-box-sizing 11 | * { 12 | @include box-sizing(border-box); 13 | } 14 | *:before, 15 | *:after { 16 | @include box-sizing(border-box); 17 | } 18 | 19 | 20 | // Body reset 21 | 22 | html { 23 | font-size: 10px; 24 | -webkit-tap-highlight-color: rgba(0,0,0,0); 25 | } 26 | 27 | body { 28 | font-family: $font-family-base; 29 | font-size: $font-size-base; 30 | line-height: $line-height-base; 31 | color: $text-color; 32 | background-color: $body-bg; 33 | } 34 | 35 | // Reset fonts for relevant elements 36 | input, 37 | button, 38 | select, 39 | textarea { 40 | font-family: inherit; 41 | font-size: inherit; 42 | line-height: inherit; 43 | } 44 | 45 | 46 | // Links 47 | 48 | a { 49 | color: $link-color; 50 | text-decoration: none; 51 | 52 | &:hover, 53 | &:focus { 54 | color: $link-hover-color; 55 | text-decoration: $link-hover-decoration; 56 | } 57 | 58 | &:focus { 59 | @include tab-focus; 60 | } 61 | } 62 | 63 | 64 | // Figures 65 | // 66 | // We reset this here because previously Normalize had no `figure` margins. This 67 | // ensures we don't break anyone's use of the element. 68 | 69 | figure { 70 | margin: 0; 71 | } 72 | 73 | 74 | // Images 75 | 76 | img { 77 | vertical-align: middle; 78 | } 79 | 80 | // Responsive images (ensure images don't scale beyond their parents) 81 | .img-responsive { 82 | @include img-responsive; 83 | } 84 | 85 | // Rounded corners 86 | .img-rounded { 87 | border-radius: $border-radius-large; 88 | } 89 | 90 | // Image thumbnails 91 | // 92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. 93 | .img-thumbnail { 94 | padding: $thumbnail-padding; 95 | line-height: $line-height-base; 96 | background-color: $thumbnail-bg; 97 | border: 1px solid $thumbnail-border; 98 | border-radius: $thumbnail-border-radius; 99 | @include transition(all .2s ease-in-out); 100 | 101 | // Keep them at most 100% wide 102 | @include img-responsive(inline-block); 103 | } 104 | 105 | // Perfect circle 106 | .img-circle { 107 | border-radius: 50%; // set radius in percents 108 | } 109 | 110 | 111 | // Horizontal rules 112 | 113 | hr { 114 | margin-top: $line-height-computed; 115 | margin-bottom: $line-height-computed; 116 | border: 0; 117 | border-top: 1px solid $hr-border; 118 | } 119 | 120 | 121 | // Only display content to screen readers 122 | // 123 | // See: http://a11yproject.com/posts/how-to-hide-content/ 124 | 125 | .sr-only { 126 | position: absolute; 127 | width: 1px; 128 | height: 1px; 129 | margin: -1px; 130 | padding: 0; 131 | overflow: hidden; 132 | clip: rect(0,0,0,0); 133 | border: 0; 134 | } 135 | 136 | // Use in conjunction with .sr-only to only display content when it's focused. 137 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 138 | // Credit: HTML5 Boilerplate 139 | 140 | .sr-only-focusable { 141 | &:active, 142 | &:focus { 143 | position: static; 144 | width: auto; 145 | height: auto; 146 | margin: 0; 147 | overflow: visible; 148 | clip: auto; 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_tables.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Tables 3 | // -------------------------------------------------- 4 | 5 | 6 | table { 7 | background-color: $table-bg; 8 | } 9 | caption { 10 | padding-top: $table-cell-padding; 11 | padding-bottom: $table-cell-padding; 12 | color: $text-muted; 13 | text-align: left; 14 | } 15 | th { 16 | text-align: left; 17 | } 18 | 19 | 20 | // Baseline styles 21 | 22 | .table { 23 | width: 100%; 24 | max-width: 100%; 25 | margin-bottom: $line-height-computed; 26 | // Cells 27 | > thead, 28 | > tbody, 29 | > tfoot { 30 | > tr { 31 | > th, 32 | > td { 33 | padding: $table-cell-padding; 34 | line-height: $line-height-base; 35 | vertical-align: top; 36 | border-top: 1px solid $table-border-color; 37 | } 38 | } 39 | } 40 | // Bottom align for column headings 41 | > thead > tr > th { 42 | vertical-align: bottom; 43 | border-bottom: 2px solid $table-border-color; 44 | } 45 | // Remove top border from thead by default 46 | > caption + thead, 47 | > colgroup + thead, 48 | > thead:first-child { 49 | > tr:first-child { 50 | > th, 51 | > td { 52 | border-top: 0; 53 | } 54 | } 55 | } 56 | // Account for multiple tbody instances 57 | > tbody + tbody { 58 | border-top: 2px solid $table-border-color; 59 | } 60 | 61 | // Nesting 62 | .table { 63 | background-color: $body-bg; 64 | } 65 | } 66 | 67 | 68 | // Condensed table w/ half padding 69 | 70 | .table-condensed { 71 | > thead, 72 | > tbody, 73 | > tfoot { 74 | > tr { 75 | > th, 76 | > td { 77 | padding: $table-condensed-cell-padding; 78 | } 79 | } 80 | } 81 | } 82 | 83 | 84 | // Bordered version 85 | // 86 | // Add borders all around the table and between all the columns. 87 | 88 | .table-bordered { 89 | border: 1px solid $table-border-color; 90 | > thead, 91 | > tbody, 92 | > tfoot { 93 | > tr { 94 | > th, 95 | > td { 96 | border: 1px solid $table-border-color; 97 | } 98 | } 99 | } 100 | > thead > tr { 101 | > th, 102 | > td { 103 | border-bottom-width: 2px; 104 | } 105 | } 106 | } 107 | 108 | 109 | // Zebra-striping 110 | // 111 | // Default zebra-stripe styles (alternating gray and transparent backgrounds) 112 | 113 | .table-striped { 114 | > tbody > tr:nth-child(odd) { 115 | background-color: $table-bg-accent; 116 | } 117 | } 118 | 119 | 120 | // Hover effect 121 | // 122 | // Placed here since it has to come after the potential zebra striping 123 | 124 | .table-hover { 125 | > tbody > tr:hover { 126 | background-color: $table-bg-hover; 127 | } 128 | } 129 | 130 | 131 | // Table cell sizing 132 | // 133 | // Reset default table behavior 134 | 135 | table col[class*="col-"] { 136 | position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) 137 | float: none; 138 | display: table-column; 139 | } 140 | table { 141 | td, 142 | th { 143 | &[class*="col-"] { 144 | position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623) 145 | float: none; 146 | display: table-cell; 147 | } 148 | } 149 | } 150 | 151 | 152 | // Table backgrounds 153 | // 154 | // Exact selectors below required to override `.table-striped` and prevent 155 | // inheritance to nested tables. 156 | 157 | // Generate the contextual variants 158 | @include table-row-variant('active', $table-bg-active); 159 | @include table-row-variant('success', $state-success-bg); 160 | @include table-row-variant('info', $state-info-bg); 161 | @include table-row-variant('warning', $state-warning-bg); 162 | @include table-row-variant('danger', $state-danger-bg); 163 | 164 | 165 | // Responsive tables 166 | // 167 | // Wrap your tables in `.table-responsive` and we'll make them mobile friendly 168 | // by enabling horizontal scrolling. Only applies <768px. Everything above that 169 | // will display normally. 170 | 171 | .table-responsive { 172 | overflow-x: auto; 173 | min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) 174 | 175 | @media screen and (max-width: $screen-xs-max) { 176 | width: 100%; 177 | margin-bottom: ($line-height-computed * 0.75); 178 | overflow-y: hidden; 179 | -ms-overflow-style: -ms-autohiding-scrollbar; 180 | border: 1px solid $table-border-color; 181 | 182 | // Tighten up spacing 183 | > .table { 184 | margin-bottom: 0; 185 | 186 | // Ensure the content doesn't wrap 187 | > thead, 188 | > tbody, 189 | > tfoot { 190 | > tr { 191 | > th, 192 | > td { 193 | white-space: nowrap; 194 | } 195 | } 196 | } 197 | } 198 | 199 | // Special overrides for the bordered tables 200 | > .table-bordered { 201 | border: 0; 202 | 203 | // Nuke the appropriate borders so that the parent can handle them 204 | > thead, 205 | > tbody, 206 | > tfoot { 207 | > tr { 208 | > th:first-child, 209 | > td:first-child { 210 | border-left: 0; 211 | } 212 | > th:last-child, 213 | > td:last-child { 214 | border-right: 0; 215 | } 216 | } 217 | } 218 | 219 | // Only nuke the last row's bottom-border in `tbody` and `tfoot` since 220 | // chances are there will be only one `tr` in a `thead` and that would 221 | // remove the border altogether. 222 | > tbody, 223 | > tfoot { 224 | > tr:last-child { 225 | > th, 226 | > td { 227 | border-bottom: 0; 228 | } 229 | } 230 | } 231 | 232 | } 233 | } 234 | } 235 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_thumbnails.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: $thumbnail-padding; 10 | margin-bottom: $line-height-computed; 11 | line-height: $line-height-base; 12 | background-color: $thumbnail-bg; 13 | border: 1px solid $thumbnail-border; 14 | border-radius: $thumbnail-border-radius; 15 | @include transition(border .2s ease-in-out); 16 | 17 | > img, 18 | a > img { 19 | @include img-responsive; 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active 25 | 26 | // Image captions 27 | .caption { 28 | padding: $thumbnail-caption-padding; 29 | color: $thumbnail-caption-color; 30 | } 31 | } 32 | 33 | // Add a hover state for linked versions only 34 | a.thumbnail:hover, 35 | a.thumbnail:focus, 36 | a.thumbnail.active { 37 | border-color: $link-color; 38 | } 39 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_tooltip.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltips 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .tooltip { 8 | position: absolute; 9 | z-index: $zindex-tooltip; 10 | display: block; 11 | visibility: visible; 12 | // Reset font and text propertes given new insertion method 13 | font-family: $font-family-base; 14 | font-size: $font-size-small; 15 | font-weight: normal; 16 | line-height: 1.4; 17 | @include opacity(0); 18 | 19 | &.in { @include opacity($tooltip-opacity); } 20 | &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; } 21 | &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; } 22 | &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; } 23 | &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; } 24 | } 25 | 26 | // Wrapper for the tooltip content 27 | .tooltip-inner { 28 | max-width: $tooltip-max-width; 29 | padding: 3px 8px; 30 | color: $tooltip-color; 31 | text-align: center; 32 | text-decoration: none; 33 | background-color: $tooltip-bg; 34 | border-radius: $border-radius-base; 35 | } 36 | 37 | // Arrows 38 | .tooltip-arrow { 39 | position: absolute; 40 | width: 0; 41 | height: 0; 42 | border-color: transparent; 43 | border-style: solid; 44 | } 45 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 46 | .tooltip { 47 | &.top .tooltip-arrow { 48 | bottom: 0; 49 | left: 50%; 50 | margin-left: -$tooltip-arrow-width; 51 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0; 52 | border-top-color: $tooltip-arrow-color; 53 | } 54 | &.top-left .tooltip-arrow { 55 | bottom: 0; 56 | right: $tooltip-arrow-width; 57 | margin-bottom: -$tooltip-arrow-width; 58 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0; 59 | border-top-color: $tooltip-arrow-color; 60 | } 61 | &.top-right .tooltip-arrow { 62 | bottom: 0; 63 | left: $tooltip-arrow-width; 64 | margin-bottom: -$tooltip-arrow-width; 65 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0; 66 | border-top-color: $tooltip-arrow-color; 67 | } 68 | &.right .tooltip-arrow { 69 | top: 50%; 70 | left: 0; 71 | margin-top: -$tooltip-arrow-width; 72 | border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; 73 | border-right-color: $tooltip-arrow-color; 74 | } 75 | &.left .tooltip-arrow { 76 | top: 50%; 77 | right: 0; 78 | margin-top: -$tooltip-arrow-width; 79 | border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; 80 | border-left-color: $tooltip-arrow-color; 81 | } 82 | &.bottom .tooltip-arrow { 83 | top: 0; 84 | left: 50%; 85 | margin-left: -$tooltip-arrow-width; 86 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; 87 | border-bottom-color: $tooltip-arrow-color; 88 | } 89 | &.bottom-left .tooltip-arrow { 90 | top: 0; 91 | right: $tooltip-arrow-width; 92 | margin-top: -$tooltip-arrow-width; 93 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; 94 | border-bottom-color: $tooltip-arrow-color; 95 | } 96 | &.bottom-right .tooltip-arrow { 97 | top: 0; 98 | left: $tooltip-arrow-width; 99 | margin-top: -$tooltip-arrow-width; 100 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; 101 | border-bottom-color: $tooltip-arrow-color; 102 | } 103 | } 104 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_utilities.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | @include clearfix; 11 | } 12 | .center-block { 13 | @include center-block; 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | @include text-hide; 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | visibility: hidden !important; 48 | } 49 | 50 | 51 | // For Affix plugin 52 | // ------------------------- 53 | 54 | .affix { 55 | position: fixed; 56 | } 57 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/_wells.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: $well-bg; 12 | border: 1px solid $well-border; 13 | border-radius: $border-radius-base; 14 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: $border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: $border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_alerts.scss: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | @mixin alert-variant($background, $border, $text-color) { 4 | background-color: $background; 5 | border-color: $border; 6 | color: $text-color; 7 | 8 | hr { 9 | border-top-color: darken($border, 5%); 10 | } 11 | .alert-link { 12 | color: darken($text-color, 10%); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_background-variant.scss: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | // [converter] $parent hack 4 | @mixin bg-variant($parent, $color) { 5 | #{$parent} { 6 | background-color: $color; 7 | } 8 | a#{$parent}:hover { 9 | background-color: darken($color, 10%); 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_border-radius.scss: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | @mixin border-top-radius($radius) { 4 | border-top-right-radius: $radius; 5 | border-top-left-radius: $radius; 6 | } 7 | @mixin border-right-radius($radius) { 8 | border-bottom-right-radius: $radius; 9 | border-top-right-radius: $radius; 10 | } 11 | @mixin border-bottom-radius($radius) { 12 | border-bottom-right-radius: $radius; 13 | border-bottom-left-radius: $radius; 14 | } 15 | @mixin border-left-radius($radius) { 16 | border-bottom-left-radius: $radius; 17 | border-top-left-radius: $radius; 18 | } 19 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_buttons.scss: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | @mixin button-variant($color, $background, $border) { 7 | color: $color; 8 | background-color: $background; 9 | border-color: $border; 10 | 11 | &:hover, 12 | &:focus, 13 | &.focus, 14 | &:active, 15 | &.active, 16 | .open > &.dropdown-toggle { 17 | color: $color; 18 | background-color: darken($background, 10%); 19 | border-color: darken($border, 12%); 20 | } 21 | &:active, 22 | &.active, 23 | .open > &.dropdown-toggle { 24 | background-image: none; 25 | } 26 | &.disabled, 27 | &[disabled], 28 | fieldset[disabled] & { 29 | &, 30 | &:hover, 31 | &:focus, 32 | &.focus, 33 | &:active, 34 | &.active { 35 | background-color: $background; 36 | border-color: $border; 37 | } 38 | } 39 | 40 | .badge { 41 | color: $background; 42 | background-color: $color; 43 | } 44 | } 45 | 46 | // Button sizes 47 | @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { 48 | padding: $padding-vertical $padding-horizontal; 49 | font-size: $font-size; 50 | line-height: $line-height; 51 | border-radius: $border-radius; 52 | } 53 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_center-block.scss: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | @mixin center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | @mixin clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /styles/bootstrap/bootstrap/mixins/_forms.scss: -------------------------------------------------------------------------------- 1 | // Form validation states 2 | // 3 | // Used in forms.less to generate the form validation CSS for warnings, errors, 4 | // and successes. 5 | 6 | @mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) { 7 | // Color the label and help text 8 | .help-block, 9 | .control-label, 10 | .radio, 11 | .checkbox, 12 | .radio-inline, 13 | .checkbox-inline, 14 | &.radio label, 15 | &.checkbox label, 16 | &.radio-inline label, 17 | &.checkbox-inline label { 18 | color: $text-color; 19 | } 20 | // Set the border and box shadow on specific inputs to match 21 | .form-control { 22 | border-color: $border-color; 23 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work 24 | &:focus { 25 | border-color: darken($border-color, 10%); 26 | $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); 27 | @include box-shadow($shadow); 28 | } 29 | } 30 | // Set validation states also for addons 31 | .input-group-addon { 32 | color: $text-color; 33 | border-color: $border-color; 34 | background-color: $background-color; 35 | } 36 | // Optional feedback icon 37 | .form-control-feedback { 38 | color: $text-color; 39 | } 40 | } 41 | 42 | 43 | // Form control focus state 44 | // 45 | // Generate a customized focus state and for any input with the specified color, 46 | // which defaults to the `$input-border-focus` variable. 47 | // 48 | // We highly encourage you to not customize the default value, but instead use 49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on 50 | // WebKit's default styles, but applicable to a wider range of browsers. Its 51 | // usability and accessibility should be taken into account with any change. 52 | // 53 | // Example usage: change the default blue border and shadow to white for better 54 | // contrast against a dark gray background. 55 | @mixin form-control-focus($color: $input-border-focus) { 56 | $color-rgba: rgba(red($color), green($color), blue($color), .6); 57 | &:focus { 58 | border-color: $color; 59 | outline: 0; 60 | @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba); 61 | } 62 | } 63 | 64 | // Form control sizing 65 | // 66 | // Relative text size, padding, and border-radii changes for form controls. For 67 | // horizontal sizing, wrap controls in the predefined grid classes. `