94 | 95 |
96 |
97 |
98 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/bootstrap/mixins/_grid.scss: -------------------------------------------------------------------------------- 1 | // Grid system 2 | // 3 | // Generate semantic grid columns with these mixins. 4 | 5 | // Centered container element 6 | @mixin container-fixed($gutter: $grid-gutter-width) { 7 | margin-right: auto; 8 | margin-left: auto; 9 | padding-left: ($gutter / 2); 10 | padding-right: ($gutter / 2); 11 | @include clearfix; 12 | } 13 | 14 | // Creates a wrapper for a series of columns 15 | @mixin make-row($gutter: $grid-gutter-width) { 16 | margin-left: ($gutter / -2); 17 | margin-right: ($gutter / -2); 18 | @include clearfix; 19 | } 20 | 21 | // Generate the extra small columns 22 | @mixin make-xs-column($columns, $gutter: $grid-gutter-width) { 23 | position: relative; 24 | float: left; 25 | width: percentage(($columns / $grid-columns)); 26 | min-height: 1px; 27 | padding-left: ($gutter / 2); 28 | padding-right: ($gutter / 2); 29 | } 30 | @mixin make-xs-column-offset($columns) { 31 | margin-left: percentage(($columns / $grid-columns)); 32 | } 33 | @mixin make-xs-column-push($columns) { 34 | left: percentage(($columns / $grid-columns)); 35 | } 36 | @mixin make-xs-column-pull($columns) { 37 | right: percentage(($columns / $grid-columns)); 38 | } 39 | 40 | // Generate the small columns 41 | @mixin make-sm-column($columns, $gutter: $grid-gutter-width) { 42 | position: relative; 43 | min-height: 1px; 44 | padding-left: ($gutter / 2); 45 | padding-right: ($gutter / 2); 46 | 47 | @media (min-width: $screen-sm-min) { 48 | float: left; 49 | width: percentage(($columns / $grid-columns)); 50 | } 51 | } 52 | @mixin make-sm-column-offset($columns) { 53 | @media (min-width: $screen-sm-min) { 54 | margin-left: percentage(($columns / $grid-columns)); 55 | } 56 | } 57 | @mixin make-sm-column-push($columns) { 58 | @media (min-width: $screen-sm-min) { 59 | left: percentage(($columns / $grid-columns)); 60 | } 61 | } 62 | @mixin make-sm-column-pull($columns) { 63 | @media (min-width: $screen-sm-min) { 64 | right: percentage(($columns / $grid-columns)); 65 | } 66 | } 67 | 68 | // Generate the medium columns 69 | @mixin make-md-column($columns, $gutter: $grid-gutter-width) { 70 | position: relative; 71 | min-height: 1px; 72 | padding-left: ($gutter / 2); 73 | padding-right: ($gutter / 2); 74 | 75 | @media (min-width: $screen-md-min) { 76 | float: left; 77 | width: percentage(($columns / $grid-columns)); 78 | } 79 | } 80 | @mixin make-md-column-offset($columns) { 81 | @media (min-width: $screen-md-min) { 82 | margin-left: percentage(($columns / $grid-columns)); 83 | } 84 | } 85 | @mixin make-md-column-push($columns) { 86 | @media (min-width: $screen-md-min) { 87 | left: percentage(($columns / $grid-columns)); 88 | } 89 | } 90 | @mixin make-md-column-pull($columns) { 91 | @media (min-width: $screen-md-min) { 92 | right: percentage(($columns / $grid-columns)); 93 | } 94 | } 95 | 96 | // Generate the large columns 97 | @mixin make-lg-column($columns, $gutter: $grid-gutter-width) { 98 | position: relative; 99 | min-height: 1px; 100 | padding-left: ($gutter / 2); 101 | padding-right: ($gutter / 2); 102 | 103 | @media (min-width: $screen-lg-min) { 104 | float: left; 105 | width: percentage(($columns / $grid-columns)); 106 | } 107 | } 108 | @mixin make-lg-column-offset($columns) { 109 | @media (min-width: $screen-lg-min) { 110 | margin-left: percentage(($columns / $grid-columns)); 111 | } 112 | } 113 | @mixin make-lg-column-push($columns) { 114 | @media (min-width: $screen-lg-min) { 115 | left: percentage(($columns / $grid-columns)); 116 | } 117 | } 118 | @mixin make-lg-column-pull($columns) { 119 | @media (min-width: $screen-lg-min) { 120 | right: percentage(($columns / $grid-columns)); 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /image.php: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 15 | 16 |
> 17 |
18 | ', '' ); ?> 19 | 20 |
21 | at %4$s × %5$s in %8$s', '_tk' ), 24 | esc_attr( get_the_date( 'c' ) ), 25 | esc_html( get_the_date() ), 26 | esc_url( wp_get_attachment_url() ), 27 | $metadata['width'], 28 | $metadata['height'], 29 | esc_url( get_permalink( $post->post_parent ) ), 30 | esc_attr( strip_tags( get_the_title( $post->post_parent ) ) ), 31 | get_the_title( $post->post_parent ) 32 | ); 33 | 34 | edit_post_link( __( 'Edit', '_tk' ), '', '' ); 35 | ?> 36 |
37 | 38 | 42 |
43 | 44 |
45 |
46 |
47 | 48 |
49 | 50 | 51 |
52 | 53 |
54 | 55 |
56 | 57 | '
' . __( 'Pages:', '_tk' ), 61 | 'after' => '
', 62 | ) ); 63 | ?> 64 |
65 | 66 |
67 | Post a comment or leave a trackback: Trackback URL.', '_tk' ), esc_url( get_trackback_url() ) ); 70 | elseif ( ! comments_open() && pings_open() ) : // Only trackbacks open 71 | printf( __( 'Comments are closed, but you can leave a trackback: Trackback URL.', '_tk' ), esc_url( get_trackback_url() ) ); 72 | elseif ( comments_open() && ! pings_open() ) : // Only comments open 73 | _e( 'Trackbacks are closed, but you can post a comment.', '_tk' ); 74 | elseif ( ! comments_open() && ! pings_open() ) : // Comments and trackbacks closed 75 | _e( 'Both comments and trackbacks are currently closed.', '_tk' ); 76 | endif; 77 | 78 | edit_post_link( __( 'Edit', '_tk' ), ' ', '' ); 79 | ?> 80 |
81 |
82 | 83 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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 properties 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 | -------------------------------------------------------------------------------- /includes/custom-header.php: -------------------------------------------------------------------------------- 1 | 10 | 11 | 12 | 13 | 14 | 15 | * 16 | * @package _tk 17 | */ 18 | 19 | /** 20 | * Setup the WordPress core custom header feature. 21 | * 22 | * @uses _tk_header_style() 23 | * @uses _tk_admin_header_style() 24 | * @uses _tk_admin_header_image() 25 | * 26 | * @package _tk 27 | */ 28 | function _tk_custom_header_setup() { 29 | if ( function_exists( 'add_theme_support' ) ) { 30 | add_theme_support( 'custom-header', apply_filters( '_tk_custom_header_args', array( 31 | 'default-image' => '', 32 | 'default-text-color' => '000', 33 | 'width' => 1170, 34 | 'height' => 250, 35 | 'flex-height' => true, 36 | 'wp-head-callback' => '_tk_header_style', 37 | 'admin-head-callback' => '_tk_admin_header_style', 38 | 'admin-preview-callback' => '_tk_admin_header_image', 39 | ) ) ); 40 | } 41 | } 42 | add_action( 'after_setup_theme', '_tk_custom_header_setup' ); 43 | 44 | if ( ! function_exists( '_tk_header_style' ) ) : 45 | /** 46 | * Styles the header image and text displayed on the blog 47 | * 48 | * @see _tk_custom_header_setup(). 49 | */ 50 | function _tk_header_style() { 51 | $header_text_color = get_header_textcolor(); 52 | 53 | // If no custom options for text are set, let's bail 54 | // get_header_textcolor() options: HEADER_TEXTCOLOR is default, hide text (returns 'blank') or any hex value 55 | if ( HEADER_TEXTCOLOR == $header_text_color ) 56 | return; 57 | 58 | // If we get this far, we have custom styles. Let's do this. 59 | ?> 60 | 80 | Header admin panel. 87 | * 88 | * @see _tk_custom_header_setup(). 89 | */ 90 | function _tk_admin_header_style() { 91 | ?> 92 | 108 | Header admin panel. 115 | * 116 | * @see _tk_custom_header_setup(). 117 | */ 118 | function _tk_admin_header_image() { 119 | $style = sprintf( ' style="color:#%s;"', get_header_textcolor() ); 120 | $header_image = get_header_image(); 121 | ?> 122 |
123 |

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

124 |
>
125 | 126 | 127 | 128 |
129 | 21 | 22 |
23 | 24 | 25 | 26 | 27 |
28 |

29 | ' . get_the_title() . '' ); 32 | ?> 33 |

34 |
35 | 36 | 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> 37 | 44 | 45 | 46 |
    47 | '_tk_comment', 'avatar_size' => 50 ) ); 55 | ?> 56 |
57 | 58 | 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> 59 | 64 | 65 | 66 | 67 | 68 | 72 |

73 | 74 | 75 | 'commentform', // that's the wordpress default value! delete it or edit it ;) 77 | 'id_submit' => 'commentsubmit', 78 | 'title_reply' => __( 'Leave a Reply', '_tk' ), // that's the wordpress default value! delete it or edit it ;) 79 | 'title_reply_to' => __( 'Leave a Reply to %s', '_tk' ), // that's the wordpress default value! delete it or edit it ;) 80 | 'cancel_reply_link' => __( 'Cancel Reply', '_tk' ), // that's the wordpress default value! delete it or edit it ;) 81 | 'label_submit' => __( 'Post Comment', '_tk' ), // that's the wordpress default value! delete it or edit it ;) 82 | 83 | 'comment_field' => '

', 84 | 85 | 'comment_notes_after' => '

' . 86 | __( 'You may use these HTML tags and attributes:', '_tk' ) . 87 | '

' . allowed_tags() . '
' 88 | 89 | // So, that was the needed stuff to have bootstrap basic styles for the form elements and buttons 90 | 91 | // Basically you can edit everything here! 92 | // Checkout the docs for more: http://codex.wordpress.org/Function_Reference/comment_form 93 | // Another note: some classes are added in the bootstrap-wp.js - ckeck from line 1 94 | 95 | )); 96 | 97 | ?> 98 | 99 |
100 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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'); 30 | @include responsive-invisibility('.visible-sm'); 31 | @include responsive-invisibility('.visible-md'); 32 | @include responsive-invisibility('.visible-lg'); 33 | 34 | .visible-xs-block, 35 | .visible-xs-inline, 36 | .visible-xs-inline-block, 37 | .visible-sm-block, 38 | .visible-sm-inline, 39 | .visible-sm-inline-block, 40 | .visible-md-block, 41 | .visible-md-inline, 42 | .visible-md-inline-block, 43 | .visible-lg-block, 44 | .visible-lg-inline, 45 | .visible-lg-inline-block { 46 | display: none !important; 47 | } 48 | 49 | @media (max-width: $screen-xs-max) { 50 | @include responsive-visibility('.visible-xs'); 51 | } 52 | .visible-xs-block { 53 | @media (max-width: $screen-xs-max) { 54 | display: block !important; 55 | } 56 | } 57 | .visible-xs-inline { 58 | @media (max-width: $screen-xs-max) { 59 | display: inline !important; 60 | } 61 | } 62 | .visible-xs-inline-block { 63 | @media (max-width: $screen-xs-max) { 64 | display: inline-block !important; 65 | } 66 | } 67 | 68 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 69 | @include responsive-visibility('.visible-sm'); 70 | } 71 | .visible-sm-block { 72 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 73 | display: block !important; 74 | } 75 | } 76 | .visible-sm-inline { 77 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 78 | display: inline !important; 79 | } 80 | } 81 | .visible-sm-inline-block { 82 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 83 | display: inline-block !important; 84 | } 85 | } 86 | 87 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 88 | @include responsive-visibility('.visible-md'); 89 | } 90 | .visible-md-block { 91 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 92 | display: block !important; 93 | } 94 | } 95 | .visible-md-inline { 96 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 97 | display: inline !important; 98 | } 99 | } 100 | .visible-md-inline-block { 101 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 102 | display: inline-block !important; 103 | } 104 | } 105 | 106 | @media (min-width: $screen-lg-min) { 107 | @include responsive-visibility('.visible-lg'); 108 | } 109 | .visible-lg-block { 110 | @media (min-width: $screen-lg-min) { 111 | display: block !important; 112 | } 113 | } 114 | .visible-lg-inline { 115 | @media (min-width: $screen-lg-min) { 116 | display: inline !important; 117 | } 118 | } 119 | .visible-lg-inline-block { 120 | @media (min-width: $screen-lg-min) { 121 | display: inline-block !important; 122 | } 123 | } 124 | 125 | @media (max-width: $screen-xs-max) { 126 | @include responsive-invisibility('.hidden-xs'); 127 | } 128 | 129 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 130 | @include responsive-invisibility('.hidden-sm'); 131 | } 132 | 133 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 134 | @include responsive-invisibility('.hidden-md'); 135 | } 136 | 137 | @media (min-width: $screen-lg-min) { 138 | @include responsive-invisibility('.hidden-lg'); 139 | } 140 | 141 | 142 | // Print utilities 143 | // 144 | // Media queries are placed on the inside to be mixin-friendly. 145 | 146 | // Note: Deprecated .visible-print as of v3.2.0 147 | 148 | @include responsive-invisibility('.visible-print'); 149 | 150 | @media print { 151 | @include responsive-visibility('.visible-print'); 152 | } 153 | .visible-print-block { 154 | display: none !important; 155 | 156 | @media print { 157 | display: block !important; 158 | } 159 | } 160 | .visible-print-inline { 161 | display: none !important; 162 | 163 | @media print { 164 | display: inline !important; 165 | } 166 | } 167 | .visible-print-inline-block { 168 | display: none !important; 169 | 170 | @media print { 171 | display: inline-block !important; 172 | } 173 | } 174 | 175 | @media print { 176 | @include responsive-invisibility('.hidden-print'); 177 | } 178 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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-of-type(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-11 (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-11 (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 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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 | .dropup, 20 | .dropdown { 21 | position: relative; 22 | } 23 | 24 | // Prevent the focus on the dropdown toggle when closing dropdowns 25 | .dropdown-toggle:focus { 26 | outline: 0; 27 | } 28 | 29 | // The dropdown menu (ul) 30 | .dropdown-menu { 31 | position: absolute; 32 | top: 100%; 33 | left: 0; 34 | z-index: $zindex-dropdown; 35 | display: none; // none by default, but block on "open" of the menu 36 | float: left; 37 | min-width: 160px; 38 | padding: 5px 0; 39 | margin: 2px 0 0; // override default ul 40 | list-style: none; 41 | font-size: $font-size-base; 42 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) 43 | background-color: $dropdown-bg; 44 | border: 1px solid $dropdown-fallback-border; // IE8 fallback 45 | border: 1px solid $dropdown-border; 46 | border-radius: $border-radius-base; 47 | @include box-shadow(0 6px 12px rgba(0,0,0,.175)); 48 | background-clip: padding-box; 49 | 50 | // Aligns the dropdown menu to right 51 | // 52 | // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` 53 | &.pull-right { 54 | right: 0; 55 | left: auto; 56 | } 57 | 58 | // Dividers (basically an hr) within the dropdown 59 | .divider { 60 | @include nav-divider($dropdown-divider-bg); 61 | } 62 | 63 | // Links within the dropdown menu 64 | > li > a { 65 | display: block; 66 | padding: 3px 20px; 67 | clear: both; 68 | font-weight: normal; 69 | line-height: $line-height-base; 70 | color: $dropdown-link-color; 71 | white-space: nowrap; // prevent links from randomly breaking onto new lines 72 | } 73 | } 74 | 75 | // Hover/Focus state 76 | .dropdown-menu > li > a { 77 | &:hover, 78 | &:focus { 79 | text-decoration: none; 80 | color: $dropdown-link-hover-color; 81 | background-color: $dropdown-link-hover-bg; 82 | } 83 | } 84 | 85 | // Active state 86 | .dropdown-menu > .active > a { 87 | &, 88 | &:hover, 89 | &:focus { 90 | color: $dropdown-link-active-color; 91 | text-decoration: none; 92 | outline: 0; 93 | background-color: $dropdown-link-active-bg; 94 | } 95 | } 96 | 97 | // Disabled state 98 | // 99 | // Gray out text and ensure the hover/focus state remains gray 100 | 101 | .dropdown-menu > .disabled > a { 102 | &, 103 | &:hover, 104 | &:focus { 105 | color: $dropdown-link-disabled-color; 106 | } 107 | 108 | // Nuke hover/focus effects 109 | &:hover, 110 | &:focus { 111 | text-decoration: none; 112 | background-color: transparent; 113 | background-image: none; // Remove CSS gradient 114 | @include reset-filter; 115 | cursor: $cursor-disabled; 116 | } 117 | } 118 | 119 | // Open state for the dropdown 120 | .open { 121 | // Show the menu 122 | > .dropdown-menu { 123 | display: block; 124 | } 125 | 126 | // Remove the outline when :focus is triggered 127 | > a { 128 | outline: 0; 129 | } 130 | } 131 | 132 | // Menu positioning 133 | // 134 | // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown 135 | // menu with the parent. 136 | .dropdown-menu-right { 137 | left: auto; // Reset the default from `.dropdown-menu` 138 | right: 0; 139 | } 140 | // With v3, we enabled auto-flipping if you have a dropdown within a right 141 | // aligned nav component. To enable the undoing of that, we provide an override 142 | // to restore the default dropdown menu alignment. 143 | // 144 | // This is only for left-aligning a dropdown menu within a `.navbar-right` or 145 | // `.pull-right` nav component. 146 | .dropdown-menu-left { 147 | left: 0; 148 | right: auto; 149 | } 150 | 151 | // Dropdown section headers 152 | .dropdown-header { 153 | display: block; 154 | padding: 3px 20px; 155 | font-size: $font-size-small; 156 | line-height: $line-height-base; 157 | color: $dropdown-header-color; 158 | white-space: nowrap; // as with > li > a 159 | } 160 | 161 | // Backdrop to catch body clicks on mobile, etc. 162 | .dropdown-backdrop { 163 | position: fixed; 164 | left: 0; 165 | right: 0; 166 | bottom: 0; 167 | top: 0; 168 | z-index: ($zindex-dropdown - 10); 169 | } 170 | 171 | // Right aligned dropdowns 172 | .pull-right > .dropdown-menu { 173 | right: 0; 174 | left: auto; 175 | } 176 | 177 | // Allow for dropdowns to go bottom up (aka, dropup-menu) 178 | // 179 | // Just add .dropup after the standard .dropdown class and you're set, bro. 180 | // TODO: abstract this so that the navbar fixed styles are not placed here? 181 | 182 | .dropup, 183 | .navbar-fixed-bottom .dropdown { 184 | // Reverse the caret 185 | .caret { 186 | border-top: 0; 187 | border-bottom: $caret-width-base solid; 188 | content: ""; 189 | } 190 | // Different positioning for bottom up menu 191 | .dropdown-menu { 192 | top: auto; 193 | bottom: 100%; 194 | margin-bottom: 2px; 195 | } 196 | } 197 | 198 | 199 | // Component alignment 200 | // 201 | // Reiterate per navbar.less and the modified component alignment there. 202 | 203 | @media (min-width: $grid-float-breakpoint) { 204 | .navbar-right { 205 | .dropdown-menu { 206 | right: 0; left: auto; 207 | } 208 | // Necessary for overrides of the default right aligned menu. 209 | // Will remove come v4 in all likelihood. 210 | .dropdown-menu-left { 211 | left: 0; right: auto; 212 | } 213 | } 214 | } 215 | -------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | 'ffffff', 50 | 'default-image' => '', 51 | ) ) ); 52 | 53 | /** 54 | * Make theme available for translation 55 | * Translations can be filed in the /languages/ directory 56 | * If you're building a theme based on _tk, use a find and replace 57 | * to change '_tk' to the name of your theme in all the template files 58 | */ 59 | load_theme_textdomain( '_tk', get_template_directory() . '/languages' ); 60 | 61 | /** 62 | * This theme uses wp_nav_menu() in one location. 63 | */ 64 | register_nav_menus( array( 65 | 'primary' => __( 'Header bottom menu', '_tk' ), 66 | ) ); 67 | 68 | } 69 | endif; // _tk_setup 70 | add_action( 'after_setup_theme', '_tk_setup' ); 71 | 72 | /** 73 | * Register widgetized area and update sidebar with default widgets 74 | */ 75 | function _tk_widgets_init() { 76 | register_sidebar( array( 77 | 'name' => __( 'Sidebar', '_tk' ), 78 | 'id' => 'sidebar-1', 79 | 'before_widget' => '', 81 | 'before_title' => '

', 82 | 'after_title' => '

', 83 | ) ); 84 | } 85 | add_action( 'widgets_init', '_tk_widgets_init' ); 86 | 87 | /** 88 | * Enqueue scripts and styles 89 | */ 90 | function _tk_scripts() { 91 | 92 | // Import the necessary TK Bootstrap WP CSS additions 93 | wp_enqueue_style( '_tk-bootstrap-wp', get_template_directory_uri() . '/includes/css/bootstrap-wp.css' ); 94 | 95 | // load bootstrap css 96 | wp_enqueue_style( '_tk-bootstrap', get_template_directory_uri() . '/includes/resources/bootstrap/css/bootstrap.min.css' ); 97 | 98 | // load Font Awesome css 99 | wp_enqueue_style( '_tk-font-awesome', get_template_directory_uri() . '/includes/css/font-awesome.min.css', false, '4.1.0' ); 100 | 101 | // load _tk styles 102 | wp_enqueue_style( '_tk-style', get_stylesheet_uri() ); 103 | 104 | // load bootstrap js 105 | wp_enqueue_script('_tk-bootstrapjs', get_template_directory_uri().'/includes/resources/bootstrap/js/bootstrap.min.js', array('jquery') ); 106 | 107 | // load bootstrap wp js 108 | wp_enqueue_script( '_tk-bootstrapwp', get_template_directory_uri() . '/includes/js/bootstrap-wp.js', array('jquery') ); 109 | 110 | wp_enqueue_script( '_tk-skip-link-focus-fix', get_template_directory_uri() . '/includes/js/skip-link-focus-fix.js', array(), '20130115', true ); 111 | 112 | if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 113 | wp_enqueue_script( 'comment-reply' ); 114 | } 115 | 116 | if ( is_singular() && wp_attachment_is_image() ) { 117 | wp_enqueue_script( '_tk-keyboard-image-navigation', get_template_directory_uri() . '/includes/js/keyboard-image-navigation.js', array( 'jquery' ), '20120202' ); 118 | } 119 | 120 | //Load angular 121 | wp_enqueue_script('angularjs', get_template_directory_uri() .'/node_modules/angular/angular.min.js'); 122 | wp_enqueue_script('angularjs-route', get_template_directory_uri() .'/node_modules/angular-route/angular-route.min.js'); 123 | wp_enqueue_script('angularjs-sanitize', get_stylesheet_directory_uri() . '/node_modules/angular-sanitize/angular-sanitize.min.js'); 124 | wp_enqueue_script('scripts', get_stylesheet_directory_uri() . '/js/scripts.js', array( 'angularjs', 'angularjs-route' )); 125 | wp_enqueue_script('theme-service', get_stylesheet_directory_uri() . '/js/services.js'); 126 | 127 | wp_localize_script('scripts', 'localized', 128 | array( 129 | 'partials' => 'http://full-url-here.com/wp-content/themes/angular-bootstrap/partials/' 130 | ) 131 | ); 132 | 133 | } 134 | add_action( 'wp_enqueue_scripts', '_tk_scripts' ); 135 | 136 | /** 137 | * Implement the Custom Header feature. 138 | */ 139 | require get_template_directory() . '/includes/custom-header.php'; 140 | 141 | /** 142 | * Custom template tags for this theme. 143 | */ 144 | require get_template_directory() . '/includes/template-tags.php'; 145 | 146 | /** 147 | * Custom functions that act independently of the theme templates. 148 | */ 149 | require get_template_directory() . '/includes/extras.php'; 150 | 151 | /** 152 | * Customizer additions. 153 | */ 154 | require get_template_directory() . '/includes/customizer.php'; 155 | 156 | /** 157 | * Load Jetpack compatibility file. 158 | */ 159 | require get_template_directory() . '/includes/jetpack.php'; 160 | 161 | /** 162 | * Load custom WordPress nav walker. 163 | */ 164 | require get_template_directory() . '/includes/bootstrap-wp-navwalker.php'; 165 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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 | @include transition-transform(0.6s ease-in-out); 31 | @include backface-visibility(hidden); 32 | @include perspective(1000); 33 | 34 | &.next, 35 | &.active.right { 36 | @include translate3d(100%, 0, 0); 37 | left: 0; 38 | } 39 | &.prev, 40 | &.active.left { 41 | @include translate3d(-100%, 0, 0); 42 | left: 0; 43 | } 44 | &.next.left, 45 | &.prev.right, 46 | &.active { 47 | @include 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 | line-height: 1; 152 | font-family: serif; 153 | } 154 | 155 | 156 | .icon-prev { 157 | &:before { 158 | content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) 159 | } 160 | } 161 | .icon-next { 162 | &:before { 163 | content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) 164 | } 165 | } 166 | } 167 | 168 | // Optional indicator pips 169 | // 170 | // Add an unordered list with the following class and add a list item for each 171 | // slide your carousel holds. 172 | 173 | .carousel-indicators { 174 | position: absolute; 175 | bottom: 10px; 176 | left: 50%; 177 | z-index: 15; 178 | width: 60%; 179 | margin-left: -30%; 180 | padding-left: 0; 181 | list-style: none; 182 | text-align: center; 183 | 184 | li { 185 | display: inline-block; 186 | width: 10px; 187 | height: 10px; 188 | margin: 1px; 189 | text-indent: -999px; 190 | border: 1px solid $carousel-indicator-border-color; 191 | border-radius: 10px; 192 | cursor: pointer; 193 | 194 | // IE8-9 hack for event handling 195 | // 196 | // Internet Explorer 8-9 does not support clicks on elements without a set 197 | // `background-color`. We cannot use `filter` since that's not viewed as a 198 | // background color by the browser. Thus, a hack is needed. 199 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer 200 | // 201 | // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we 202 | // set alpha transparency for the best results possible. 203 | background-color: #000 \9; // IE8 204 | background-color: rgba(0,0,0,0); // IE9 205 | } 206 | .active { 207 | margin: 0; 208 | width: 12px; 209 | height: 12px; 210 | background-color: $carousel-indicator-active-bg; 211 | } 212 | } 213 | 214 | // Optional captions 215 | // ----------------------------- 216 | // Hidden by default for smaller viewports 217 | .carousel-caption { 218 | position: absolute; 219 | left: 15%; 220 | right: 15%; 221 | bottom: 20px; 222 | z-index: 10; 223 | padding-top: 20px; 224 | padding-bottom: 20px; 225 | color: $carousel-caption-color; 226 | text-align: center; 227 | text-shadow: $carousel-text-shadow; 228 | & .btn { 229 | text-shadow: none; // No shadow for button elements in carousel-caption 230 | } 231 | } 232 | 233 | 234 | // Scale up controls for tablets and up 235 | @media screen and (min-width: $screen-sm-min) { 236 | 237 | // Scale up the controls a smidge 238 | .carousel-control { 239 | .glyphicon-chevron-left, 240 | .glyphicon-chevron-right, 241 | .icon-prev, 242 | .icon-next { 243 | width: 30px; 244 | height: 30px; 245 | margin-top: -15px; 246 | font-size: 30px; 247 | } 248 | .glyphicon-chevron-left, 249 | .icon-prev { 250 | margin-left: -15px; 251 | } 252 | .glyphicon-chevron-right, 253 | .icon-next { 254 | margin-right: -15px; 255 | } 256 | } 257 | 258 | // Show and left align the captions 259 | .carousel-caption { 260 | left: 20%; 261 | right: 20%; 262 | padding-bottom: 30px; 263 | } 264 | 265 | // Move up the indicators 266 | .carousel-indicators { 267 | bottom: 20px; 268 | } 269 | } 270 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/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:not(:last-child) { 75 | > .btn:last-child, 76 | > .dropdown-toggle { 77 | @include border-right-radius(0); 78 | } 79 | } 80 | .btn-group > .btn-group:last-child:not(:first-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 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/bootstrap/_panels.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Panels 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .panel { 8 | margin-bottom: $line-height-computed; 9 | background-color: $panel-bg; 10 | border: 1px solid transparent; 11 | border-radius: $panel-border-radius; 12 | @include box-shadow(0 1px 1px rgba(0,0,0,.05)); 13 | } 14 | 15 | // Panel contents 16 | .panel-body { 17 | padding: $panel-body-padding; 18 | @include clearfix; 19 | } 20 | 21 | // Optional heading 22 | .panel-heading { 23 | padding: $panel-heading-padding; 24 | border-bottom: 1px solid transparent; 25 | @include border-top-radius(($panel-border-radius - 1)); 26 | 27 | > .dropdown .dropdown-toggle { 28 | color: inherit; 29 | } 30 | } 31 | 32 | // Within heading, strip any `h*` tag of its default margins for spacing. 33 | .panel-title { 34 | margin-top: 0; 35 | margin-bottom: 0; 36 | font-size: ceil(($font-size-base * 1.125)); 37 | color: inherit; 38 | 39 | > a, 40 | > small, 41 | > .small, 42 | > small > a, 43 | > .small > a { 44 | color: inherit; 45 | } 46 | } 47 | 48 | // Optional footer (stays gray in every modifier class) 49 | .panel-footer { 50 | padding: $panel-footer-padding; 51 | background-color: $panel-footer-bg; 52 | border-top: 1px solid $panel-inner-border; 53 | @include border-bottom-radius(($panel-border-radius - 1)); 54 | } 55 | 56 | 57 | // List groups in panels 58 | // 59 | // By default, space out list group content from panel headings to account for 60 | // any kind of custom content between the two. 61 | 62 | .panel { 63 | > .list-group, 64 | > .panel-collapse > .list-group { 65 | margin-bottom: 0; 66 | 67 | .list-group-item { 68 | border-width: 1px 0; 69 | border-radius: 0; 70 | } 71 | 72 | // Add border top radius for first one 73 | &:first-child { 74 | .list-group-item:first-child { 75 | border-top: 0; 76 | @include border-top-radius(($panel-border-radius - 1)); 77 | } 78 | } 79 | // Add border bottom radius for last one 80 | &:last-child { 81 | .list-group-item:last-child { 82 | border-bottom: 0; 83 | @include border-bottom-radius(($panel-border-radius - 1)); 84 | } 85 | } 86 | } 87 | } 88 | // Collapse space between when there's no additional content. 89 | .panel-heading + .list-group { 90 | .list-group-item:first-child { 91 | border-top-width: 0; 92 | } 93 | } 94 | .list-group + .panel-footer { 95 | border-top-width: 0; 96 | } 97 | 98 | // Tables in panels 99 | // 100 | // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and 101 | // watch it go full width. 102 | 103 | .panel { 104 | > .table, 105 | > .table-responsive > .table, 106 | > .panel-collapse > .table { 107 | margin-bottom: 0; 108 | 109 | caption { 110 | padding-left: $panel-body-padding; 111 | padding-right: $panel-body-padding; 112 | } 113 | } 114 | // Add border top radius for first one 115 | > .table:first-child, 116 | > .table-responsive:first-child > .table:first-child { 117 | @include border-top-radius(($panel-border-radius - 1)); 118 | 119 | > thead:first-child, 120 | > tbody:first-child { 121 | > tr:first-child { 122 | border-top-left-radius: ($panel-border-radius - 1); 123 | border-top-right-radius: ($panel-border-radius - 1); 124 | 125 | td:first-child, 126 | th:first-child { 127 | border-top-left-radius: ($panel-border-radius - 1); 128 | } 129 | td:last-child, 130 | th:last-child { 131 | border-top-right-radius: ($panel-border-radius - 1); 132 | } 133 | } 134 | } 135 | } 136 | // Add border bottom radius for last one 137 | > .table:last-child, 138 | > .table-responsive:last-child > .table:last-child { 139 | @include border-bottom-radius(($panel-border-radius - 1)); 140 | 141 | > tbody:last-child, 142 | > tfoot:last-child { 143 | > tr:last-child { 144 | border-bottom-left-radius: ($panel-border-radius - 1); 145 | border-bottom-right-radius: ($panel-border-radius - 1); 146 | 147 | td:first-child, 148 | th:first-child { 149 | border-bottom-left-radius: ($panel-border-radius - 1); 150 | } 151 | td:last-child, 152 | th:last-child { 153 | border-bottom-right-radius: ($panel-border-radius - 1); 154 | } 155 | } 156 | } 157 | } 158 | > .panel-body + .table, 159 | > .panel-body + .table-responsive, 160 | > .table + .panel-body, 161 | > .table-responsive + .panel-body { 162 | border-top: 1px solid $table-border-color; 163 | } 164 | > .table > tbody:first-child > tr:first-child th, 165 | > .table > tbody:first-child > tr:first-child td { 166 | border-top: 0; 167 | } 168 | > .table-bordered, 169 | > .table-responsive > .table-bordered { 170 | border: 0; 171 | > thead, 172 | > tbody, 173 | > tfoot { 174 | > tr { 175 | > th:first-child, 176 | > td:first-child { 177 | border-left: 0; 178 | } 179 | > th:last-child, 180 | > td:last-child { 181 | border-right: 0; 182 | } 183 | } 184 | } 185 | > thead, 186 | > tbody { 187 | > tr:first-child { 188 | > td, 189 | > th { 190 | border-bottom: 0; 191 | } 192 | } 193 | } 194 | > tbody, 195 | > tfoot { 196 | > tr:last-child { 197 | > td, 198 | > th { 199 | border-bottom: 0; 200 | } 201 | } 202 | } 203 | } 204 | > .table-responsive { 205 | border: 0; 206 | margin-bottom: 0; 207 | } 208 | } 209 | 210 | 211 | // Collapsable panels (aka, accordion) 212 | // 213 | // Wrap a series of panels in `.panel-group` to turn them into an accordion with 214 | // the help of our collapse JavaScript plugin. 215 | 216 | .panel-group { 217 | margin-bottom: $line-height-computed; 218 | 219 | // Tighten up margin so it's only between panels 220 | .panel { 221 | margin-bottom: 0; 222 | border-radius: $panel-border-radius; 223 | 224 | + .panel { 225 | margin-top: 5px; 226 | } 227 | } 228 | 229 | .panel-heading { 230 | border-bottom: 0; 231 | 232 | + .panel-collapse > .panel-body, 233 | + .panel-collapse > .list-group { 234 | border-top: 1px solid $panel-inner-border; 235 | } 236 | } 237 | 238 | .panel-footer { 239 | border-top: 0; 240 | + .panel-collapse .panel-body { 241 | border-bottom: 1px solid $panel-inner-border; 242 | } 243 | } 244 | } 245 | 246 | 247 | // Contextual variations 248 | .panel-default { 249 | @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border); 250 | } 251 | .panel-primary { 252 | @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border); 253 | } 254 | .panel-success { 255 | @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border); 256 | } 257 | .panel-info { 258 | @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border); 259 | } 260 | .panel-warning { 261 | @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border); 262 | } 263 | .panel-danger { 264 | @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border); 265 | } 266 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/bootstrap/_type.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Typography 3 | // -------------------------------------------------- 4 | 5 | 6 | // Headings 7 | // ------------------------- 8 | 9 | h1, h2, h3, h4, h5, h6, 10 | .h1, .h2, .h3, .h4, .h5, .h6 { 11 | font-family: $headings-font-family; 12 | font-weight: $headings-font-weight; 13 | line-height: $headings-line-height; 14 | color: $headings-color; 15 | 16 | small, 17 | .small { 18 | font-weight: normal; 19 | line-height: 1; 20 | color: $headings-small-color; 21 | } 22 | } 23 | 24 | h1, .h1, 25 | h2, .h2, 26 | h3, .h3 { 27 | margin-top: $line-height-computed; 28 | margin-bottom: ($line-height-computed / 2); 29 | 30 | small, 31 | .small { 32 | font-size: 65%; 33 | } 34 | } 35 | h4, .h4, 36 | h5, .h5, 37 | h6, .h6 { 38 | margin-top: ($line-height-computed / 2); 39 | margin-bottom: ($line-height-computed / 2); 40 | 41 | small, 42 | .small { 43 | font-size: 75%; 44 | } 45 | } 46 | 47 | h1, .h1 { font-size: $font-size-h1; } 48 | h2, .h2 { font-size: $font-size-h2; } 49 | h3, .h3 { font-size: $font-size-h3; } 50 | h4, .h4 { font-size: $font-size-h4; } 51 | h5, .h5 { font-size: $font-size-h5; } 52 | h6, .h6 { font-size: $font-size-h6; } 53 | 54 | 55 | // Body text 56 | // ------------------------- 57 | 58 | p { 59 | margin: 0 0 ($line-height-computed / 2); 60 | } 61 | 62 | .lead { 63 | margin-bottom: $line-height-computed; 64 | font-size: floor(($font-size-base * 1.15)); 65 | font-weight: 300; 66 | line-height: 1.4; 67 | 68 | @media (min-width: $screen-sm-min) { 69 | font-size: ($font-size-base * 1.5); 70 | } 71 | } 72 | 73 | 74 | // Emphasis & misc 75 | // ------------------------- 76 | 77 | // Ex: (12px small font / 14px base font) * 100% = about 85% 78 | small, 79 | .small { 80 | font-size: floor((100% * $font-size-small / $font-size-base)); 81 | } 82 | 83 | mark, 84 | .mark { 85 | background-color: $state-warning-bg; 86 | padding: .2em; 87 | } 88 | 89 | // Alignment 90 | .text-left { text-align: left; } 91 | .text-right { text-align: right; } 92 | .text-center { text-align: center; } 93 | .text-justify { text-align: justify; } 94 | .text-nowrap { white-space: nowrap; } 95 | 96 | // Transformation 97 | .text-lowercase { text-transform: lowercase; } 98 | .text-uppercase { text-transform: uppercase; } 99 | .text-capitalize { text-transform: capitalize; } 100 | 101 | // Contextual colors 102 | .text-muted { 103 | color: $text-muted; 104 | } 105 | 106 | @include text-emphasis-variant('.text-primary', $brand-primary); 107 | 108 | @include text-emphasis-variant('.text-success', $state-success-text); 109 | 110 | @include text-emphasis-variant('.text-info', $state-info-text); 111 | 112 | @include text-emphasis-variant('.text-warning', $state-warning-text); 113 | 114 | @include text-emphasis-variant('.text-danger', $state-danger-text); 115 | 116 | // Contextual backgrounds 117 | // For now we'll leave these alongside the text classes until v4 when we can 118 | // safely shift things around (per SemVer rules). 119 | .bg-primary { 120 | // Given the contrast here, this is the only class to have its color inverted 121 | // automatically. 122 | color: #fff; 123 | } 124 | @include bg-variant('.bg-primary', $brand-primary); 125 | 126 | @include bg-variant('.bg-success', $state-success-bg); 127 | 128 | @include bg-variant('.bg-info', $state-info-bg); 129 | 130 | @include bg-variant('.bg-warning', $state-warning-bg); 131 | 132 | @include bg-variant('.bg-danger', $state-danger-bg); 133 | 134 | 135 | // Page header 136 | // ------------------------- 137 | 138 | .page-header { 139 | padding-bottom: (($line-height-computed / 2) - 1); 140 | margin: ($line-height-computed * 2) 0 $line-height-computed; 141 | border-bottom: 1px solid $page-header-border-color; 142 | } 143 | 144 | 145 | // Lists 146 | // ------------------------- 147 | 148 | // Unordered and Ordered lists 149 | ul, 150 | ol { 151 | margin-top: 0; 152 | margin-bottom: ($line-height-computed / 2); 153 | ul, 154 | ol { 155 | margin-bottom: 0; 156 | } 157 | } 158 | 159 | // List options 160 | 161 | // [converter] extracted from `.list-unstyled` for libsass compatibility 162 | @mixin list-unstyled { 163 | padding-left: 0; 164 | list-style: none; 165 | } 166 | // [converter] extracted as `@mixin list-unstyled` for libsass compatibility 167 | .list-unstyled { 168 | @include list-unstyled; 169 | } 170 | 171 | 172 | // Inline turns list items into inline-block 173 | .list-inline { 174 | @include list-unstyled; 175 | margin-left: -5px; 176 | 177 | > li { 178 | display: inline-block; 179 | padding-left: 5px; 180 | padding-right: 5px; 181 | } 182 | } 183 | 184 | // Description Lists 185 | dl { 186 | margin-top: 0; // Remove browser default 187 | margin-bottom: $line-height-computed; 188 | } 189 | dt, 190 | dd { 191 | line-height: $line-height-base; 192 | } 193 | dt { 194 | font-weight: bold; 195 | } 196 | dd { 197 | margin-left: 0; // Undo browser default 198 | } 199 | 200 | // Horizontal description lists 201 | // 202 | // Defaults to being stacked without any of the below styles applied, until the 203 | // grid breakpoint is reached (default of ~768px). 204 | 205 | .dl-horizontal { 206 | dd { 207 | @include clearfix; // Clear the floated `dt` if an empty `dd` is present 208 | } 209 | 210 | @media (min-width: $grid-float-breakpoint) { 211 | dt { 212 | float: left; 213 | width: ($dl-horizontal-offset - 20); 214 | clear: left; 215 | text-align: right; 216 | @include text-overflow; 217 | } 218 | dd { 219 | margin-left: $dl-horizontal-offset; 220 | } 221 | } 222 | } 223 | 224 | 225 | // Misc 226 | // ------------------------- 227 | 228 | // Abbreviations and acronyms 229 | abbr[title], 230 | // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257 231 | abbr[data-original-title] { 232 | cursor: help; 233 | border-bottom: 1px dotted $abbr-border-color; 234 | } 235 | .initialism { 236 | font-size: 90%; 237 | text-transform: uppercase; 238 | } 239 | 240 | // Blockquotes 241 | blockquote { 242 | padding: ($line-height-computed / 2) $line-height-computed; 243 | margin: 0 0 $line-height-computed; 244 | font-size: $blockquote-font-size; 245 | border-left: 5px solid $blockquote-border-color; 246 | 247 | p, 248 | ul, 249 | ol { 250 | &:last-child { 251 | margin-bottom: 0; 252 | } 253 | } 254 | 255 | // Note: Deprecated small and .small as of v3.1.0 256 | // Context: https://github.com/twbs/bootstrap/issues/11660 257 | footer, 258 | small, 259 | .small { 260 | display: block; 261 | font-size: 80%; // back to default font-size 262 | line-height: $line-height-base; 263 | color: $blockquote-small-color; 264 | 265 | &:before { 266 | content: '\2014 \00A0'; // em dash, nbsp 267 | } 268 | } 269 | } 270 | 271 | // Opposite alignment of blockquote 272 | // 273 | // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0. 274 | .blockquote-reverse, 275 | blockquote.pull-right { 276 | padding-right: 15px; 277 | padding-left: 0; 278 | border-right: 5px solid $blockquote-border-color; 279 | border-left: 0; 280 | text-align: right; 281 | 282 | // Account for citation 283 | footer, 284 | small, 285 | .small { 286 | &:before { content: ''; } 287 | &:after { 288 | content: '\00A0 \2014'; // nbsp, em dash 289 | } 290 | } 291 | } 292 | 293 | // Addresses 294 | address { 295 | margin-bottom: $line-height-computed; 296 | font-style: normal; 297 | line-height: $line-height-base; 298 | } 299 | -------------------------------------------------------------------------------- /includes/resources/bootstrap/css/bootstrap/mixins/_vendor-prefixes.scss: -------------------------------------------------------------------------------- 1 | // Vendor Prefixes 2 | // 3 | // All vendor mixins are deprecated as of v3.2.0 due to the introduction of 4 | // Autoprefixer in our Gruntfile. They will be removed in v4. 5 | 6 | // - Animations 7 | // - Backface visibility 8 | // - Box shadow 9 | // - Box sizing 10 | // - Content columns 11 | // - Hyphens 12 | // - Placeholder text 13 | // - Transformations 14 | // - Transitions 15 | // - User Select 16 | 17 | 18 | // Animations 19 | @mixin animation($animation) { 20 | -webkit-animation: $animation; 21 | -o-animation: $animation; 22 | animation: $animation; 23 | } 24 | @mixin animation-name($name) { 25 | -webkit-animation-name: $name; 26 | animation-name: $name; 27 | } 28 | @mixin animation-duration($duration) { 29 | -webkit-animation-duration: $duration; 30 | animation-duration: $duration; 31 | } 32 | @mixin animation-timing-function($timing-function) { 33 | -webkit-animation-timing-function: $timing-function; 34 | animation-timing-function: $timing-function; 35 | } 36 | @mixin animation-delay($delay) { 37 | -webkit-animation-delay: $delay; 38 | animation-delay: $delay; 39 | } 40 | @mixin animation-iteration-count($iteration-count) { 41 | -webkit-animation-iteration-count: $iteration-count; 42 | animation-iteration-count: $iteration-count; 43 | } 44 | @mixin animation-direction($direction) { 45 | -webkit-animation-direction: $direction; 46 | animation-direction: $direction; 47 | } 48 | @mixin animation-fill-mode($fill-mode) { 49 | -webkit-animation-fill-mode: $fill-mode; 50 | animation-fill-mode: $fill-mode; 51 | } 52 | 53 | // Backface visibility 54 | // Prevent browsers from flickering when using CSS 3D transforms. 55 | // Default value is `visible`, but can be changed to `hidden` 56 | 57 | @mixin backface-visibility($visibility){ 58 | -webkit-backface-visibility: $visibility; 59 | -moz-backface-visibility: $visibility; 60 | backface-visibility: $visibility; 61 | } 62 | 63 | // Drop shadows 64 | // 65 | // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's 66 | // supported browsers that have box shadow capabilities now support it. 67 | 68 | @mixin box-shadow($shadow...) { 69 | -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 70 | box-shadow: $shadow; 71 | } 72 | 73 | // Box sizing 74 | @mixin box-sizing($boxmodel) { 75 | -webkit-box-sizing: $boxmodel; 76 | -moz-box-sizing: $boxmodel; 77 | box-sizing: $boxmodel; 78 | } 79 | 80 | // CSS3 Content Columns 81 | @mixin content-columns($column-count, $column-gap: $grid-gutter-width) { 82 | -webkit-column-count: $column-count; 83 | -moz-column-count: $column-count; 84 | column-count: $column-count; 85 | -webkit-column-gap: $column-gap; 86 | -moz-column-gap: $column-gap; 87 | column-gap: $column-gap; 88 | } 89 | 90 | // Optional hyphenation 91 | @mixin hyphens($mode: auto) { 92 | word-wrap: break-word; 93 | -webkit-hyphens: $mode; 94 | -moz-hyphens: $mode; 95 | -ms-hyphens: $mode; // IE10+ 96 | -o-hyphens: $mode; 97 | hyphens: $mode; 98 | } 99 | 100 | // Placeholder text 101 | @mixin placeholder($color: $input-color-placeholder) { 102 | // Firefox 103 | &::-moz-placeholder { 104 | color: $color; 105 | opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 106 | } 107 | &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+ 108 | &::-webkit-input-placeholder { color: $color; } // Safari and Chrome 109 | } 110 | 111 | // Transformations 112 | @mixin scale($ratio...) { 113 | -webkit-transform: scale($ratio); 114 | -ms-transform: scale($ratio); // IE9 only 115 | -o-transform: scale($ratio); 116 | transform: scale($ratio); 117 | } 118 | 119 | @mixin scaleX($ratio) { 120 | -webkit-transform: scaleX($ratio); 121 | -ms-transform: scaleX($ratio); // IE9 only 122 | -o-transform: scaleX($ratio); 123 | transform: scaleX($ratio); 124 | } 125 | @mixin scaleY($ratio) { 126 | -webkit-transform: scaleY($ratio); 127 | -ms-transform: scaleY($ratio); // IE9 only 128 | -o-transform: scaleY($ratio); 129 | transform: scaleY($ratio); 130 | } 131 | @mixin skew($x, $y) { 132 | -webkit-transform: skewX($x) skewY($y); 133 | -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ 134 | -o-transform: skewX($x) skewY($y); 135 | transform: skewX($x) skewY($y); 136 | } 137 | @mixin translate($x, $y) { 138 | -webkit-transform: translate($x, $y); 139 | -ms-transform: translate($x, $y); // IE9 only 140 | -o-transform: translate($x, $y); 141 | transform: translate($x, $y); 142 | } 143 | @mixin translate3d($x, $y, $z) { 144 | -webkit-transform: translate3d($x, $y, $z); 145 | transform: translate3d($x, $y, $z); 146 | } 147 | @mixin rotate($degrees) { 148 | -webkit-transform: rotate($degrees); 149 | -ms-transform: rotate($degrees); // IE9 only 150 | -o-transform: rotate($degrees); 151 | transform: rotate($degrees); 152 | } 153 | @mixin rotateX($degrees) { 154 | -webkit-transform: rotateX($degrees); 155 | -ms-transform: rotateX($degrees); // IE9 only 156 | -o-transform: rotateX($degrees); 157 | transform: rotateX($degrees); 158 | } 159 | @mixin rotateY($degrees) { 160 | -webkit-transform: rotateY($degrees); 161 | -ms-transform: rotateY($degrees); // IE9 only 162 | -o-transform: rotateY($degrees); 163 | transform: rotateY($degrees); 164 | } 165 | @mixin perspective($perspective) { 166 | -webkit-perspective: $perspective; 167 | -moz-perspective: $perspective; 168 | perspective: $perspective; 169 | } 170 | @mixin perspective-origin($perspective) { 171 | -webkit-perspective-origin: $perspective; 172 | -moz-perspective-origin: $perspective; 173 | perspective-origin: $perspective; 174 | } 175 | @mixin transform-origin($origin) { 176 | -webkit-transform-origin: $origin; 177 | -moz-transform-origin: $origin; 178 | -ms-transform-origin: $origin; // IE9 only 179 | transform-origin: $origin; 180 | } 181 | 182 | 183 | // Transitions 184 | 185 | @mixin transition($transition...) { 186 | -webkit-transition: $transition; 187 | -o-transition: $transition; 188 | transition: $transition; 189 | } 190 | @mixin transition-property($transition-property...) { 191 | -webkit-transition-property: $transition-property; 192 | transition-property: $transition-property; 193 | } 194 | @mixin transition-delay($transition-delay) { 195 | -webkit-transition-delay: $transition-delay; 196 | transition-delay: $transition-delay; 197 | } 198 | @mixin transition-duration($transition-duration...) { 199 | -webkit-transition-duration: $transition-duration; 200 | transition-duration: $transition-duration; 201 | } 202 | @mixin transition-timing-function($timing-function) { 203 | -webkit-transition-timing-function: $timing-function; 204 | transition-timing-function: $timing-function; 205 | } 206 | @mixin transition-transform($transition...) { 207 | -webkit-transition: -webkit-transform $transition; 208 | -moz-transition: -moz-transform $transition; 209 | -o-transition: -o-transform $transition; 210 | transition: transform $transition; 211 | } 212 | 213 | 214 | // User select 215 | // For selecting text on the page 216 | 217 | @mixin user-select($select) { 218 | -webkit-user-select: $select; 219 | -moz-user-select: $select; 220 | -ms-user-select: $select; // IE10+ 221 | user-select: $select; 222 | } 223 | -------------------------------------------------------------------------------- /includes/bootstrap-wp-navwalker.php: -------------------------------------------------------------------------------- 1 | \n"; 25 | } 26 | 27 | /** 28 | * @see Walker::start_el() 29 | * @since 3.0.0 30 | * 31 | * @param string $output Passed by reference. Used to append additional content. 32 | * @param object $item Menu item data object. 33 | * @param int $depth Depth of menu item. Used for padding. 34 | * @param int $current_page Menu item ID. 35 | * @param object $args 36 | */ 37 | public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) { 38 | $indent = ( $depth ) ? str_repeat( "\t", $depth ) : ''; 39 | 40 | /** 41 | * Dividers, Headers or Disabled 42 | * ============================= 43 | * Determine whether the item is a Divider, Header, Disabled or regular 44 | * menu item. To prevent errors we use the strcasecmp() function to so a 45 | * comparison that is not case sensitive. The strcasecmp() function returns 46 | * a 0 if the strings are equal. 47 | */ 48 | if ( strcasecmp( $item->attr_title, 'divider' ) == 0 && $depth === 1 ) { 49 | $output .= $indent . ''; 198 | $fb_output .= ''; 199 | 200 | if ( $container ) 201 | $fb_output .= ''; 202 | 203 | echo $fb_output; 204 | } 205 | } 206 | } 207 | 208 | ?> --------------------------------------------------------------------------------