├── assets ├── css │ ├── animate.css │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── icomoon.css │ ├── style.css │ └── style.css.map ├── fonts │ ├── bootstrap │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 │ └── icomoon │ │ ├── icomoon.eot │ │ ├── icomoon.svg │ │ ├── icomoon.ttf │ │ └── icomoon.woff ├── images │ ├── img_bg_1_gradient.jpg │ └── loader.gif └── js │ ├── bootstrap.min.js │ ├── jquery.easing.1.3.js │ ├── jquery.min.js │ ├── jquery.waypoints.min.js │ ├── main.js │ ├── modernizr-2.6.2.min.js │ ├── respond.min.js │ └── simplyCountdown.js ├── footer.php ├── functions.php ├── header.php ├── index.php ├── launcher.php ├── markup ├── LICENSE.txt ├── README.txt ├── css │ ├── animate.css │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── icomoon.css │ ├── style.css │ └── style.css.map ├── fonts │ ├── bootstrap │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 │ └── icomoon │ │ ├── icomoon.eot │ │ ├── icomoon.svg │ │ ├── icomoon.ttf │ │ └── icomoon.woff ├── images │ ├── img_bg_1_gradient.jpg │ └── loader.gif ├── index.html ├── js │ ├── bootstrap.min.js │ ├── jquery.easing.1.3.js │ ├── jquery.min.js │ ├── jquery.waypoints.min.js │ ├── main.js │ ├── modernizr-2.6.2.min.js │ ├── respond.min.js │ └── simplyCountdown.js └── sass │ ├── _bootstrap-compass.scss │ ├── _bootstrap-mincer.scss │ ├── _bootstrap-sprockets.scss │ ├── 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 │ │ ├── _reset-text.scss │ │ ├── _resize.scss │ │ ├── _responsive-visibility.scss │ │ ├── _size.scss │ │ ├── _tab-focus.scss │ │ ├── _table-row.scss │ │ ├── _text-emphasis.scss │ │ ├── _text-overflow.scss │ │ └── _vendor-prefixes.scss │ └── style.scss ├── style.css └── testtemplate.php /assets/css/icomoon.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'icomoon'; 3 | src: url('../fonts/icomoon/icomoon.eot?zg8tpz'); 4 | src: url('../fonts/icomoon/icomoon.eot?zg8tpz#iefix') format('embedded-opentype'), 5 | url('../fonts/icomoon/icomoon.ttf?zg8tpz') format('truetype'), 6 | url('../fonts/icomoon/icomoon.woff?zg8tpz') format('woff'), 7 | url('../fonts/icomoon/icomoon.svg?zg8tpz#icomoon') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | [class^="icon-"], [class*=" icon-"] { 13 | /* use !important to prevent issues with browser extensions that change fonts */ 14 | font-family: 'icomoon' !important; 15 | speak: none; 16 | font-style: normal; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | line-height: 1; 21 | 22 | /* Better Font Rendering =========== */ 23 | -webkit-font-smoothing: antialiased; 24 | -moz-osx-font-smoothing: grayscale; 25 | } 26 | 27 | .icon-twitter:before { 28 | content: "\f099"; 29 | } 30 | .icon-facebook:before { 31 | content: "\f09a"; 32 | } 33 | .icon-facebook-f:before { 34 | content: "\f09a"; 35 | } 36 | .icon-pinterest-square:before { 37 | content: "\f0d3"; 38 | } 39 | .icon-google-plus:before { 40 | content: "\f0d5"; 41 | } 42 | .icon-linkedin:before { 43 | content: "\f0e1"; 44 | } 45 | .icon-instagram:before { 46 | content: "\f16d"; 47 | } 48 | .icon-apple:before { 49 | content: "\f179"; 50 | } 51 | .icon-windows:before { 52 | content: "\f17a"; 53 | } 54 | .icon-android:before { 55 | content: "\f17b"; 56 | } 57 | -------------------------------------------------------------------------------- /assets/css/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'icomoon'; 3 | src: url("../fonts/icomoon/icomoon.eot?srf3rx"); 4 | src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg"); 5 | font-weight: normal; 6 | font-style: normal; } 7 | /* ======================================================= 8 | * 9 | * Template Style 10 | * 11 | * ======================================================= */ 12 | body { 13 | font-family: "Open Sans", Arial, sans-serif; 14 | font-weight: 400; 15 | font-size: 16px; 16 | line-height: 1.7; 17 | color: #828282; 18 | background: #fff; } 19 | 20 | #page { 21 | position: relative; 22 | overflow-x: hidden; 23 | width: 100%; 24 | height: 100%; 25 | -webkit-transition: 0.5s; 26 | -o-transition: 0.5s; 27 | transition: 0.5s; } 28 | .offcanvas #page { 29 | overflow: hidden; 30 | position: absolute; } 31 | .offcanvas #page:after { 32 | -webkit-transition: 2s; 33 | -o-transition: 2s; 34 | transition: 2s; 35 | position: absolute; 36 | top: 0; 37 | right: 0; 38 | bottom: 0; 39 | left: 0; 40 | z-index: 101; 41 | background: rgba(0, 0, 0, 0.7); 42 | content: ""; } 43 | 44 | a { 45 | color: #0bbbe6; 46 | -webkit-transition: 0.5s; 47 | -o-transition: 0.5s; 48 | transition: 0.5s; } 49 | a:hover, a:active, a:focus { 50 | color: #0bbbe6; 51 | outline: none; 52 | text-decoration: none; } 53 | 54 | p { 55 | margin-bottom: 20px; } 56 | 57 | h1, h2, h3, h4, h5, h6, figure { 58 | color: #000; 59 | font-family: "Open Sans", Arial, sans-serif; 60 | font-weight: 400; 61 | margin: 0 0 20px 0; } 62 | 63 | ::-webkit-selection { 64 | color: #fff; 65 | background: #0bbbe6; } 66 | 67 | ::-moz-selection { 68 | color: #fff; 69 | background: #0bbbe6; } 70 | 71 | ::selection { 72 | color: #fff; 73 | background: #0bbbe6; } 74 | 75 | #fh5co-aside { 76 | width: 38.2%; 77 | top: 0; 78 | left: 0; 79 | bottom: 0; 80 | position: fixed; 81 | height: 100%; 82 | z-index: 555; 83 | background-color: #0bbbe6; 84 | background-size: cover; 85 | background-repeat: no-repeat; 86 | background-position: center center; } 87 | @media screen and (max-width: 768px) { 88 | #fh5co-aside { 89 | width: 100%; 90 | position: relative; 91 | height: 200px; } } 92 | #fh5co-aside #fh5co-logo { 93 | padding-top: 20px; } 94 | #fh5co-aside #fh5co-logo a { 95 | font-weight: 800; 96 | letter-spacing: -3px; 97 | color: #fff; } 98 | 99 | #fh5co-main-content { 100 | margin-left: 38.1966%; 101 | position: relative; 102 | z-index: 999; 103 | min-height: 600px; 104 | padding-left: 70px; 105 | padding-right: 70px; } 106 | @media screen and (max-width: 768px) { 107 | #fh5co-main-content { 108 | margin-left: 0; 109 | padding-left: 15px; 110 | padding-right: 15px; 111 | padding-top: 30px; 112 | padding-bottom: 15px; } } 113 | 114 | .dt { 115 | display: table; } 116 | .dt .dtc { 117 | display: table-cell; 118 | vertical-align: middle; } 119 | 120 | .simply-countdown-one { 121 | margin-bottom: 30px; 122 | float: left; 123 | width: 100%; } 124 | .simply-countdown-one .simply-section { 125 | float: left; 126 | margin-right: 40px; 127 | margin-bottom: 10px; 128 | text-align: center; } 129 | .simply-countdown-one .simply-section:last-child { 130 | margin-right: 0; } 131 | .simply-countdown-one .simply-section .simply-amount { 132 | font-size: 100px; 133 | color: #1c1c1c; 134 | display: block; 135 | font-weight: 800; 136 | line-height: 100px; } 137 | @media screen and (max-width: 768px) { 138 | .simply-countdown-one .simply-section .simply-amount { 139 | font-size: 30px; 140 | line-height: 30px; } } 141 | .simply-countdown-one .simply-section .simply-word { 142 | display: block; 143 | text-align: left; 144 | font-weight: 700; 145 | color: #a7a7a7; } 146 | 147 | .fh5co-intro { 148 | margin-bottom: 30px; 149 | float: left; 150 | width: 100%; 151 | position: relative; } 152 | .fh5co-intro h2 { 153 | margin-bottom: 10px; 154 | font-size: 40px; 155 | font-weight: 800; } 156 | @media screen and (max-width: 768px) { 157 | .fh5co-intro h2 { 158 | font-size: 20px; } } 159 | 160 | #fh5co-subscribe { 161 | position: relative; } 162 | #fh5co-subscribe .form-group { 163 | float: left; 164 | width: 100%; 165 | position: relative; } 166 | #fh5co-subscribe .form-group .form-control { 167 | -webkit-border-radius: 100px; 168 | -moz-border-radius: 100px; 169 | -ms-border-radius: 100px; 170 | border-radius: 100px; 171 | -webkit-box-shadow: none !important; 172 | -moz-box-shadow: none !important; 173 | -ms-box-shadow: none !important; 174 | -o-box-shadow: none !important; 175 | box-shadow: none !important; 176 | padding-right: 150px; 177 | padding-left: 30px; 178 | border: none !important; 179 | background: #eeeeee; 180 | height: 72px; 181 | font-size: 18px; } 182 | #fh5co-subscribe .form-group .btn { 183 | width: 100px; 184 | position: absolute; 185 | right: 0; 186 | top: 0; 187 | font-weight: 700; 188 | height: 72px; 189 | font-size: 14px; 190 | color: #fff; 191 | border: none !important; 192 | background: #0bbbe6; 193 | color: #fff; 194 | text-transform: uppercase; 195 | border-top-right-radius: 100px; 196 | border-bottom-right-radius: 100px; 197 | -webkit-transition: 0.3s; 198 | -o-transition: 0.3s; 199 | transition: 0.3s; } 200 | #fh5co-subscribe .form-group .btn:hover, #fh5co-subscribe .form-group .btn:active, #fh5co-subscribe .form-group .btn:focus { 201 | outline: none; 202 | box-shadow: none !important; 203 | background: #2fcef5; } 204 | #fh5co-subscribe .form-group .tip { 205 | margin-top: 10px; 206 | margin-left: 30px; 207 | font-size: 12px; 208 | color: #bdbdbd; } 209 | 210 | .fh5co-loader { 211 | position: fixed; 212 | left: 0px; 213 | top: 0px; 214 | width: 100%; 215 | height: 100%; 216 | z-index: 9999; 217 | background: url(../images/loader.gif) center no-repeat #fff; } 218 | 219 | #fh5co-footer { 220 | position: absolute; 221 | bottom: 20px; 222 | left: 70px; 223 | right: 70px; 224 | padding-top: 50px; } 225 | @media screen and (max-width: 768px) { 226 | #fh5co-footer { 227 | left: 15px; 228 | right: 15px; 229 | position: relative; } } 230 | #fh5co-footer .fh5co-copyright { 231 | text-align: right; } 232 | @media screen and (max-width: 992px) { 233 | #fh5co-footer .fh5co-copyright { 234 | text-align: left; } } 235 | #fh5co-footer .fh5co-copyright p { 236 | font-size: 13px; 237 | color: #bfbfbf; } 238 | #fh5co-footer .fh5co-copyright p:last-child { 239 | margin-bottom: 0; } 240 | 241 | #fh5co-social { 242 | padding: 0; 243 | margin: 0; } 244 | #fh5co-social li { 245 | list-style: none; 246 | padding: 0; 247 | margin: 0 20px 10px 0; 248 | display: -moz-inline-stack; 249 | display: inline-block; 250 | zoom: 1; 251 | *display: inline; } 252 | #fh5co-social li:last-child { 253 | margin-right: 0; } 254 | #fh5co-social li a { 255 | font-size: 20px; 256 | color: #bfbfbf; } 257 | #fh5co-social li a:hover, #fh5co-social li a:active, #fh5co-social li a:focus { 258 | outline: none; 259 | color: #0bbbe6; } 260 | 261 | /*# sourceMappingURL=style.css.map */ 262 | -------------------------------------------------------------------------------- /assets/css/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/style.scss","../sass/bootstrap/mixins/_vendor-prefixes.scss","../sass/bootstrap/_variables.scss"], 5 | "names": [], 6 | "file": "style.css" 7 | } -------------------------------------------------------------------------------- /assets/fonts/bootstrap/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/bootstrap/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /assets/fonts/bootstrap/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /assets/fonts/bootstrap/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/bootstrap/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /assets/fonts/bootstrap/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/icomoon/icomoon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/icomoon/icomoon.eot -------------------------------------------------------------------------------- /assets/fonts/icomoon/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by IcoMoon 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /assets/fonts/icomoon/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/icomoon/icomoon.ttf -------------------------------------------------------------------------------- /assets/fonts/icomoon/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/fonts/icomoon/icomoon.woff -------------------------------------------------------------------------------- /assets/images/img_bg_1_gradient.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/images/img_bg_1_gradient.jpg -------------------------------------------------------------------------------- /assets/images/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/assets/images/loader.gif -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | ;(function ($) { 2 | 3 | 'use strict'; 4 | 5 | var isMobile = { 6 | Android: function() { 7 | return navigator.userAgent.match(/Android/i); 8 | }, 9 | BlackBerry: function() { 10 | return navigator.userAgent.match(/BlackBerry/i); 11 | }, 12 | iOS: function() { 13 | return navigator.userAgent.match(/iPhone|iPad|iPod/i); 14 | }, 15 | Opera: function() { 16 | return navigator.userAgent.match(/Opera Mini/i); 17 | }, 18 | Windows: function() { 19 | return navigator.userAgent.match(/IEMobile/i); 20 | }, 21 | any: function() { 22 | return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); 23 | } 24 | }; 25 | 26 | 27 | var contentWayPoint = function() { 28 | var i = 0; 29 | $('.animate-box').waypoint( function( direction ) { 30 | 31 | if( direction === 'down' && !$(this.element).hasClass('animated-fast') ) { 32 | 33 | i++; 34 | 35 | $(this.element).addClass('item-animate'); 36 | setTimeout(function(){ 37 | 38 | $('body .animate-box.item-animate').each(function(k){ 39 | var el = $(this); 40 | setTimeout( function () { 41 | var effect = el.data('animate-effect'); 42 | if ( effect === 'fadeIn') { 43 | el.addClass('fadeIn animated-fast'); 44 | } else if ( effect === 'fadeInLeft') { 45 | el.addClass('fadeInLeft animated-fast'); 46 | } else if ( effect === 'fadeInRight') { 47 | el.addClass('fadeInRight animated-fast'); 48 | } else { 49 | el.addClass('fadeInUp animated-fast'); 50 | } 51 | 52 | el.removeClass('item-animate'); 53 | }, k * 100, 'easeInOutExpo' ); 54 | }); 55 | 56 | }, 100); 57 | 58 | } 59 | 60 | } , { offset: '85%' } ); 61 | }; 62 | 63 | 64 | 65 | // Loading page 66 | var loaderPage = function() { 67 | $(".fh5co-loader").fadeOut("slow"); 68 | }; 69 | 70 | 71 | var screenHeight = function() { 72 | 73 | if ( $(window).width() > 768 && !isMobile.any() ) { 74 | $('.js-dt, .js-dtc').css('min-height', $(window).height()); 75 | } else { 76 | $('.js-dt, .js-dtc').css('min-height', ''); 77 | } 78 | $(window).resize(function(){ 79 | if ( $(window).width() > 768 && !isMobile.any() ) { 80 | $('.js-dt, .js-dtc').css('min-height', $(window).height()); 81 | } else { 82 | $('.js-dt, .js-dtc').css('min-height', ''); 83 | } 84 | }); 85 | 86 | }; 87 | 88 | var countDown = function() { 89 | 90 | console.log(datedata); 91 | simplyCountdown('.simply-countdown-one', { 92 | year: datedata.year, 93 | month: datedata.month, 94 | day: datedata.day 95 | }); 96 | 97 | }; 98 | 99 | 100 | 101 | $(function(){ 102 | contentWayPoint(); 103 | loaderPage(); 104 | screenHeight(); 105 | countDown(); 106 | }); 107 | 108 | 109 | 110 | }(jQuery)); -------------------------------------------------------------------------------- /assets/js/respond.min.js: -------------------------------------------------------------------------------- 1 | 2 | /*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl 3 | * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT 4 | * */ 5 | 6 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b 2 | 3 | -------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | $launcher_year, 37 | "month" => $launcher_month, 38 | "day" => $launcher_day, 39 | ) ); 40 | }else { 41 | wp_enqueue_style( "bootstrap-css", get_theme_file_uri( "/assets/css/bootstrap.css" ) ); 42 | wp_enqueue_style( "launcher", get_stylesheet_uri(), null, "0.1" ); 43 | 44 | } 45 | } 46 | 47 | 48 | } 49 | 50 | add_action( "wp_enqueue_scripts", "launcher_assets" ); 51 | 52 | 53 | function launcher_sidebars() { 54 | register_sidebar( 55 | array( 56 | 'name' => __( 'Footer left', 'launcher' ), 57 | 'id' => 'footer-left', 58 | 'description' => __( 'Footer left', 'launcher' ), 59 | 'before_widget' => '
', 60 | 'after_widget' => '
', 61 | 'before_title' => '

', 62 | 'after_title' => '

', 63 | ) 64 | ); 65 | 66 | register_sidebar( 67 | array( 68 | 'name' => __( 'Footer right', 'launcher' ), 69 | 'id' => 'footer-right', 70 | 'description' => __( 'Footer right', 'launcher' ), 71 | 'before_widget' => '
', 72 | 'after_widget' => '
', 73 | 'before_title' => '

', 74 | 'after_title' => '

', 75 | ) 76 | ); 77 | } 78 | 79 | add_action( "widgets_init", "launcher_sidebars" ); 80 | 81 | 82 | function launcher_styles() { 83 | if ( is_page() ) { 84 | $thumbnail_url = get_the_post_thumbnail_url( null, "large" ); 85 | ?> 86 | 91 | 2 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 6 | 15 | 16 |
17 | 18 | 25 | 26 |
27 |
28 |
29 |
30 | 31 |
32 |
33 |
34 |
35 |
36 |

37 | 38 |
39 |
40 | 41 |
42 |
43 |
44 | 45 | 46 |

47 | 48 |

49 |
50 |
51 |
52 |
53 |
54 |
55 | 56 |
57 |
58 | 59 | 77 | 78 |
79 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /markup/README.txt: -------------------------------------------------------------------------------- 1 | 2 | TITLE: 3 | Launcher - 100% Fully Responsive Free HTML5 Bootstrap Template 4 | 5 | AUTHOR: 6 | DESIGNED & DEVELOPED by FreeHTML5.co 7 | 8 | Website: http://freehtml5.co/ 9 | Twitter: http://twitter.com/fh5co 10 | Facebook: http://facebook.com/fh5co 11 | 12 | 13 | CREDITS: 14 | 15 | Bootstrap 16 | http://getbootstrap.com/ 17 | 18 | jQuery 19 | http://jquery.com/ 20 | 21 | jQuery Easing 22 | http://gsgd.co.uk/sandbox/jquery/easing/ 23 | 24 | Modernizr 25 | http://modernizr.com/ 26 | 27 | Google Fonts 28 | https://www.google.com/fonts/ 29 | 30 | Icomoon 31 | https://icomoon.io/app/ 32 | 33 | Respond JS 34 | https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT 35 | 36 | animate.css 37 | http://daneden.me/animate 38 | 39 | jQuery Waypoint 40 | https://github.com/imakewebthings/waypoints/blog/master/licenses.txt 41 | 42 | simplyCountdown 43 | http://vincentloy.github.io/simplyCountdown.js/ 44 | 45 | Demo Images: 46 | http://unsplash.com 47 | 48 | -------------------------------------------------------------------------------- /markup/css/icomoon.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'icomoon'; 3 | src: url('../fonts/icomoon/icomoon.eot?zg8tpz'); 4 | src: url('../fonts/icomoon/icomoon.eot?zg8tpz#iefix') format('embedded-opentype'), 5 | url('../fonts/icomoon/icomoon.ttf?zg8tpz') format('truetype'), 6 | url('../fonts/icomoon/icomoon.woff?zg8tpz') format('woff'), 7 | url('../fonts/icomoon/icomoon.svg?zg8tpz#icomoon') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | [class^="icon-"], [class*=" icon-"] { 13 | /* use !important to prevent issues with browser extensions that change fonts */ 14 | font-family: 'icomoon' !important; 15 | speak: none; 16 | font-style: normal; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | line-height: 1; 21 | 22 | /* Better Font Rendering =========== */ 23 | -webkit-font-smoothing: antialiased; 24 | -moz-osx-font-smoothing: grayscale; 25 | } 26 | 27 | .icon-twitter:before { 28 | content: "\f099"; 29 | } 30 | .icon-facebook:before { 31 | content: "\f09a"; 32 | } 33 | .icon-facebook-f:before { 34 | content: "\f09a"; 35 | } 36 | .icon-pinterest-square:before { 37 | content: "\f0d3"; 38 | } 39 | .icon-google-plus:before { 40 | content: "\f0d5"; 41 | } 42 | .icon-linkedin:before { 43 | content: "\f0e1"; 44 | } 45 | .icon-instagram:before { 46 | content: "\f16d"; 47 | } 48 | .icon-apple:before { 49 | content: "\f179"; 50 | } 51 | .icon-windows:before { 52 | content: "\f17a"; 53 | } 54 | .icon-android:before { 55 | content: "\f17b"; 56 | } 57 | -------------------------------------------------------------------------------- /markup/css/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'icomoon'; 3 | src: url("../fonts/icomoon/icomoon.eot?srf3rx"); 4 | src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg"); 5 | font-weight: normal; 6 | font-style: normal; } 7 | /* ======================================================= 8 | * 9 | * Template Style 10 | * 11 | * ======================================================= */ 12 | body { 13 | font-family: "Open Sans", Arial, sans-serif; 14 | font-weight: 400; 15 | font-size: 16px; 16 | line-height: 1.7; 17 | color: #828282; 18 | background: #fff; } 19 | 20 | #page { 21 | position: relative; 22 | overflow-x: hidden; 23 | width: 100%; 24 | height: 100%; 25 | -webkit-transition: 0.5s; 26 | -o-transition: 0.5s; 27 | transition: 0.5s; } 28 | .offcanvas #page { 29 | overflow: hidden; 30 | position: absolute; } 31 | .offcanvas #page:after { 32 | -webkit-transition: 2s; 33 | -o-transition: 2s; 34 | transition: 2s; 35 | position: absolute; 36 | top: 0; 37 | right: 0; 38 | bottom: 0; 39 | left: 0; 40 | z-index: 101; 41 | background: rgba(0, 0, 0, 0.7); 42 | content: ""; } 43 | 44 | a { 45 | color: #0bbbe6; 46 | -webkit-transition: 0.5s; 47 | -o-transition: 0.5s; 48 | transition: 0.5s; } 49 | a:hover, a:active, a:focus { 50 | color: #0bbbe6; 51 | outline: none; 52 | text-decoration: none; } 53 | 54 | p { 55 | margin-bottom: 20px; } 56 | 57 | h1, h2, h3, h4, h5, h6, figure { 58 | color: #000; 59 | font-family: "Open Sans", Arial, sans-serif; 60 | font-weight: 400; 61 | margin: 0 0 20px 0; } 62 | 63 | ::-webkit-selection { 64 | color: #fff; 65 | background: #0bbbe6; } 66 | 67 | ::-moz-selection { 68 | color: #fff; 69 | background: #0bbbe6; } 70 | 71 | ::selection { 72 | color: #fff; 73 | background: #0bbbe6; } 74 | 75 | #fh5co-aside { 76 | width: 38.2%; 77 | top: 0; 78 | left: 0; 79 | bottom: 0; 80 | position: fixed; 81 | height: 100%; 82 | z-index: 555; 83 | background-color: #0bbbe6; 84 | background-size: cover; 85 | background-repeat: no-repeat; 86 | background-position: center center; } 87 | @media screen and (max-width: 768px) { 88 | #fh5co-aside { 89 | width: 100%; 90 | position: relative; 91 | height: 200px; } } 92 | #fh5co-aside #fh5co-logo { 93 | padding-top: 20px; } 94 | #fh5co-aside #fh5co-logo a { 95 | font-weight: 800; 96 | letter-spacing: -3px; 97 | color: #fff; } 98 | 99 | #fh5co-main-content { 100 | margin-left: 38.1966%; 101 | position: relative; 102 | z-index: 999; 103 | min-height: 600px; 104 | padding-left: 70px; 105 | padding-right: 70px; } 106 | @media screen and (max-width: 768px) { 107 | #fh5co-main-content { 108 | margin-left: 0; 109 | padding-left: 15px; 110 | padding-right: 15px; 111 | padding-top: 30px; 112 | padding-bottom: 15px; } } 113 | 114 | .dt { 115 | display: table; } 116 | .dt .dtc { 117 | display: table-cell; 118 | vertical-align: middle; } 119 | 120 | .simply-countdown-one { 121 | margin-bottom: 30px; 122 | float: left; 123 | width: 100%; } 124 | .simply-countdown-one .simply-section { 125 | float: left; 126 | margin-right: 40px; 127 | margin-bottom: 10px; 128 | text-align: center; } 129 | .simply-countdown-one .simply-section:last-child { 130 | margin-right: 0; } 131 | .simply-countdown-one .simply-section .simply-amount { 132 | font-size: 100px; 133 | color: #1c1c1c; 134 | display: block; 135 | font-weight: 800; 136 | line-height: 100px; } 137 | @media screen and (max-width: 768px) { 138 | .simply-countdown-one .simply-section .simply-amount { 139 | font-size: 30px; 140 | line-height: 30px; } } 141 | .simply-countdown-one .simply-section .simply-word { 142 | display: block; 143 | text-align: left; 144 | font-weight: 700; 145 | color: #a7a7a7; } 146 | 147 | .fh5co-intro { 148 | margin-bottom: 30px; 149 | float: left; 150 | width: 100%; 151 | position: relative; } 152 | .fh5co-intro h2 { 153 | margin-bottom: 10px; 154 | font-size: 40px; 155 | font-weight: 800; } 156 | @media screen and (max-width: 768px) { 157 | .fh5co-intro h2 { 158 | font-size: 20px; } } 159 | 160 | #fh5co-subscribe { 161 | position: relative; } 162 | #fh5co-subscribe .form-group { 163 | float: left; 164 | width: 100%; 165 | position: relative; } 166 | #fh5co-subscribe .form-group .form-control { 167 | -webkit-border-radius: 100px; 168 | -moz-border-radius: 100px; 169 | -ms-border-radius: 100px; 170 | border-radius: 100px; 171 | -webkit-box-shadow: none !important; 172 | -moz-box-shadow: none !important; 173 | -ms-box-shadow: none !important; 174 | -o-box-shadow: none !important; 175 | box-shadow: none !important; 176 | padding-right: 150px; 177 | padding-left: 30px; 178 | border: none !important; 179 | background: #eeeeee; 180 | height: 72px; 181 | font-size: 18px; } 182 | #fh5co-subscribe .form-group .btn { 183 | width: 100px; 184 | position: absolute; 185 | right: 0; 186 | top: 0; 187 | font-weight: 700; 188 | height: 72px; 189 | font-size: 14px; 190 | color: #fff; 191 | border: none !important; 192 | background: #0bbbe6; 193 | color: #fff; 194 | text-transform: uppercase; 195 | border-top-right-radius: 100px; 196 | border-bottom-right-radius: 100px; 197 | -webkit-transition: 0.3s; 198 | -o-transition: 0.3s; 199 | transition: 0.3s; } 200 | #fh5co-subscribe .form-group .btn:hover, #fh5co-subscribe .form-group .btn:active, #fh5co-subscribe .form-group .btn:focus { 201 | outline: none; 202 | box-shadow: none !important; 203 | background: #2fcef5; } 204 | #fh5co-subscribe .form-group .tip { 205 | margin-top: 10px; 206 | margin-left: 30px; 207 | font-size: 12px; 208 | color: #bdbdbd; } 209 | 210 | .fh5co-loader { 211 | position: fixed; 212 | left: 0px; 213 | top: 0px; 214 | width: 100%; 215 | height: 100%; 216 | z-index: 9999; 217 | background: url(../images/loader.gif) center no-repeat #fff; } 218 | 219 | #fh5co-footer { 220 | position: absolute; 221 | bottom: 20px; 222 | left: 70px; 223 | right: 70px; 224 | padding-top: 50px; } 225 | @media screen and (max-width: 768px) { 226 | #fh5co-footer { 227 | left: 15px; 228 | right: 15px; 229 | position: relative; } } 230 | #fh5co-footer .fh5co-copyright { 231 | text-align: right; } 232 | @media screen and (max-width: 992px) { 233 | #fh5co-footer .fh5co-copyright { 234 | text-align: left; } } 235 | #fh5co-footer .fh5co-copyright p { 236 | font-size: 13px; 237 | color: #bfbfbf; } 238 | #fh5co-footer .fh5co-copyright p:last-child { 239 | margin-bottom: 0; } 240 | 241 | #fh5co-social { 242 | padding: 0; 243 | margin: 0; } 244 | #fh5co-social li { 245 | list-style: none; 246 | padding: 0; 247 | margin: 0 20px 10px 0; 248 | display: -moz-inline-stack; 249 | display: inline-block; 250 | zoom: 1; 251 | *display: inline; } 252 | #fh5co-social li:last-child { 253 | margin-right: 0; } 254 | #fh5co-social li a { 255 | font-size: 20px; 256 | color: #bfbfbf; } 257 | #fh5co-social li a:hover, #fh5co-social li a:active, #fh5co-social li a:focus { 258 | outline: none; 259 | color: #0bbbe6; } 260 | 261 | /*# sourceMappingURL=style.css.map */ 262 | -------------------------------------------------------------------------------- /markup/css/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAkEA,UASC;EARA,WAAW,EAAE,SAAS;EACtB,GAAG,EAAC,0CAA0C;EAC9C,GAAG,EAAC,yQAG6D;EACjE,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;;;;;;;AAgCnB,IAAK;EACJ,WAAW,EA3GG,8BAA8B;EA4G5C,WAAW,EAAE,GAAG;EAChB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;EACd,UAAU,EAAE,IAAI;;;AAEjB,KAAM;EACL,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;ECmEX,kBAAkB,EAAE,IAAW;EAC1B,aAAa,EAAE,IAAW;EACvB,UAAU,EAAE,IAAW;;ADnEhC,gBAAa;EACZ,QAAQ,EAAE,MAAM;EAChB,QAAQ,EAAE,QAAQ;;AAElB,sBAAQ;EC6DR,kBAAkB,EAAE,EAAW;EAC1B,aAAa,EAAE,EAAW;EACvB,UAAU,EAAE,EAAW;ED7D9B,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,OAAO,EAAE,GAAG;EACZ,UAAU,EAAE,kBAAc;EAC1B,OAAO,EAAE,EAAE;;;AAId,CAAE;EACD,KAAK,EEmoBwB,OAAW;EDplBvC,kBAAkB,EAAE,IAAW;EAC1B,aAAa,EAAE,IAAW;EACvB,UAAU,EAAE,IAAW;;AD/ChC,0BAA2B;EAC1B,KAAK,EEgoBuB,OAAW;EF/nBvC,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,IAAI;;;AAGvB,CAAE;EACD,aAAa,EAAE,IAAI;;;AAGpB,8BAA+B;EAC9B,KAAK,EA5IQ,IAAI;EA6IjB,WAAW,EAxJG,8BAA8B;EAyJ5C,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,UAAU;;;AAEnB,mBAAoB;EAClB,KAAK,EA3IU,IAAY;EA4I3B,UAAU,EE+mBkB,OAAW;;;AF5mBzC,gBAAiB;EACf,KAAK,EAhJU,IAAY;EAiJ3B,UAAU,EE0mBkB,OAAW;;;AFxmBzC,WAAY;EACV,KAAK,EApJU,IAAY;EAqJ3B,UAAU,EEsmBkB,OAAW;;;AFlmBzC,WAAY;EACX,KAAK,EAAE,KAAK;EACZ,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,CAAC;EACT,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,GAAG;EACZ,gBAAgB,EE0lBa,OAAW;EFzlBxC,eAAe,EAAE,KAAK;EACtB,iBAAiB,EAAE,SAAS;EAC5B,mBAAmB,EAAE,aAAa;;AAElC,oCAA0C;EAb3C,WAAY;IAcV,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,KAAK;;;AAEd,sBAAW;EACV,WAAW,EAAE,IAAI;;AACjB,wBAAE;EACD,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;EACpB,KAAK,EAhLS,IAAY;;;AAoL7B,kBAAmB;EAClB,WAAW,EAAE,QAAQ;EACrB,QAAQ,EAAE,QAAQ;EAClB,OAAO,EAAE,GAAG;EACZ,UAAU,EAAE,KAAK;EACjB,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,IAAI;;AACnB,oCAA0C;EAP3C,kBAAmB;IAQjB,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;;;;AAItB,GAAI;EACH,OAAO,EAAE,KAAK;;AACd,QAAK;EACJ,OAAO,EAAE,UAAU;EACnB,cAAc,EAAE,MAAM;;;AAIxB,qBAAsB;EACrB,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,IAAI;;AACX,qCAAgB;EACf,KAAK,EAAE,IAAI;EACX,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,MAAM;;AAClB,gDAAa;EACZ,YAAY,EAAE,CAAC;;AAEhB,oDAAe;EACd,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,OAAO;EACd,OAAO,EAAE,KAAK;EACd,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,KAAK;;AAClB,oCAA0C;EAN3C,oDAAe;IAOb,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;;;AAGnB,kDAAa;EACZ,OAAO,EAAE,KAAK;EACd,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,OAAO;;;AAKjB,WAAY;EACX,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,QAAQ;;AAClB,cAAG;EACF,aAAa,EAAE,IAAI;EACnB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,GAAG;;AAChB,oCAA0C;EAJ3C,cAAG;IAKD,SAAS,EAAE,IAAI;;;;AAKlB,eAAgB;EACf,QAAQ,EAAE,QAAQ;;AAClB,2BAAY;EACX,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,QAAQ;;AAClB,yCAAc;EAnOd,qBAAqB,EAoOG,KAAK;EAnO1B,kBAAkB,EAmOG,KAAK;EAlOzB,iBAAiB,EAkOG,KAAK;EAjOrB,aAAa,EAiOG,KAAK;EAC5B,kBAAkB,EAAE,eAAc;EAClC,eAAe,EAAE,eAAc;EAC/B,cAAc,EAAE,eAAc;EAC9B,aAAa,EAAE,eAAc;EAC7B,UAAU,EAAE,eAAc;EAC1B,aAAa,EAAE,KAAK;EAEpB,YAAY,EAAE,IAAI;EAElB,MAAM,EAAE,eAAc;EACtB,UAAU,EAAE,OAAO;EACnB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;;AAEhB,gCAAK;EACJ,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,CAAC;EACR,GAAG,EAAE,CAAC;EACN,WAAW,EAAE,GAAG;EAChB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,KAAK,EAzRS,IAAY;EA0R1B,MAAM,EAAE,eAAc;EACtB,UAAU,EEgeiB,OAAW;EF/dtC,KAAK,EA5RS,IAAY;EA6R1B,cAAc,EAAE,SAAS;EACzB,uBAAuB,EAAE,KAAK;EAC9B,0BAA0B,EAAE,KAAK;ECxHlC,kBAAkB,EAAE,IAAW;EAC1B,aAAa,EAAE,IAAW;EACvB,UAAU,EAAE,IAAW;;ADyH9B,uHAA2B;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,eAAc;EAC1B,UAAU,EAAE,OAA4B;;AAI1C,gCAAK;EACJ,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,IAAI;EACjB,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAA0B;;;AAKpC,YAAa;EACZ,QAAQ,EAAE,KAAK;EACf,IAAI,EAAE,GAAG;EACT,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,+CAA+C;;;AAG5D,YAAa;EACZ,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,IAAI;EACV,KAAK,EAAE,IAAI;EACX,WAAW,EAAE,IAAI;;AACjB,oCAA0C;EAN3C,YAAa;IAOX,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,QAAQ;;;AAGnB,4BAAgB;EACf,UAAU,EAAE,KAAK;;AACjB,oCAA0C;EAF3C,4BAAgB;IAGd,UAAU,EAAE,IAAI;;;AAEjB,8BAAE;EACD,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAA0B;;AACjC,yCAAa;EACZ,aAAa,EAAE,CAAC;;;AAOpB,YAAa;EACZ,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,CAAC;;AACT,eAAG;EACF,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,aAAa;EAvUtB,OAAO,EAAC,iBAAiB;EACzB,OAAO,EAAC,YAAY;EACpB,IAAI,EAAC,CAAC;EACN,QAAQ,EAAC,MAAM;;AAsUd,0BAAa;EACZ,YAAY,EAAE,CAAC;;AAEhB,iBAAE;EACD,SAAS,EAAE,IAAI;EACf,KAAK,EAAE,OAA0B;;AACjC,0EAA2B;EAC1B,OAAO,EAAE,IAAI;EACb,KAAK,EEmZqB,OAAW", 4 | "sources": ["../sass/style.scss","../sass/bootstrap/mixins/_vendor-prefixes.scss","../sass/bootstrap/_variables.scss"], 5 | "names": [], 6 | "file": "style.css" 7 | } -------------------------------------------------------------------------------- /markup/fonts/bootstrap/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/bootstrap/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /markup/fonts/bootstrap/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/bootstrap/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /markup/fonts/bootstrap/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/bootstrap/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /markup/fonts/bootstrap/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/bootstrap/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /markup/fonts/icomoon/icomoon.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/icomoon/icomoon.eot -------------------------------------------------------------------------------- /markup/fonts/icomoon/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by IcoMoon 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /markup/fonts/icomoon/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/icomoon/icomoon.ttf -------------------------------------------------------------------------------- /markup/fonts/icomoon/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/fonts/icomoon/icomoon.woff -------------------------------------------------------------------------------- /markup/images/img_bg_1_gradient.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/images/img_bg_1_gradient.jpg -------------------------------------------------------------------------------- /markup/images/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/LearnWithHasinHayder/launcher/5728847cd5726868e8924d6dce319dd108c98404/markup/images/loader.gif -------------------------------------------------------------------------------- /markup/index.html: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 9 | 10 | 11 | Launcher — Free Website Template, Free HTML5 Template by FreeHTML5.co 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 45 | 46 | 47 | 48 |
49 | 50 | 53 | 54 |
55 |
56 |
57 |
58 | 59 |
60 |
61 |
62 |
63 |
64 |

Launcher Launching Soon!

65 |

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

66 |
67 |
68 | 69 |
70 |
71 |
72 | 73 | 74 |

Please enter your email address for early access.

75 |
76 |
77 |
78 |
79 |
80 |
81 | 82 |
83 |
84 | 85 | 101 | 102 |
103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /markup/js/main.js: -------------------------------------------------------------------------------- 1 | ;(function ($) { 2 | 3 | 'use strict'; 4 | 5 | var isMobile = { 6 | Android: function() { 7 | return navigator.userAgent.match(/Android/i); 8 | }, 9 | BlackBerry: function() { 10 | return navigator.userAgent.match(/BlackBerry/i); 11 | }, 12 | iOS: function() { 13 | return navigator.userAgent.match(/iPhone|iPad|iPod/i); 14 | }, 15 | Opera: function() { 16 | return navigator.userAgent.match(/Opera Mini/i); 17 | }, 18 | Windows: function() { 19 | return navigator.userAgent.match(/IEMobile/i); 20 | }, 21 | any: function() { 22 | return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); 23 | } 24 | }; 25 | 26 | 27 | var contentWayPoint = function() { 28 | var i = 0; 29 | $('.animate-box').waypoint( function( direction ) { 30 | 31 | if( direction === 'down' && !$(this.element).hasClass('animated-fast') ) { 32 | 33 | i++; 34 | 35 | $(this.element).addClass('item-animate'); 36 | setTimeout(function(){ 37 | 38 | $('body .animate-box.item-animate').each(function(k){ 39 | var el = $(this); 40 | setTimeout( function () { 41 | var effect = el.data('animate-effect'); 42 | if ( effect === 'fadeIn') { 43 | el.addClass('fadeIn animated-fast'); 44 | } else if ( effect === 'fadeInLeft') { 45 | el.addClass('fadeInLeft animated-fast'); 46 | } else if ( effect === 'fadeInRight') { 47 | el.addClass('fadeInRight animated-fast'); 48 | } else { 49 | el.addClass('fadeInUp animated-fast'); 50 | } 51 | 52 | el.removeClass('item-animate'); 53 | }, k * 100, 'easeInOutExpo' ); 54 | }); 55 | 56 | }, 100); 57 | 58 | } 59 | 60 | } , { offset: '85%' } ); 61 | }; 62 | 63 | 64 | 65 | // Loading page 66 | var loaderPage = function() { 67 | $(".fh5co-loader").fadeOut("slow"); 68 | }; 69 | 70 | 71 | var screenHeight = function() { 72 | 73 | if ( $(window).width() > 768 && !isMobile.any() ) { 74 | $('.js-dt, .js-dtc').css('min-height', $(window).height()); 75 | } else { 76 | $('.js-dt, .js-dtc').css('min-height', ''); 77 | } 78 | $(window).resize(function(){ 79 | if ( $(window).width() > 768 && !isMobile.any() ) { 80 | $('.js-dt, .js-dtc').css('min-height', $(window).height()); 81 | } else { 82 | $('.js-dt, .js-dtc').css('min-height', ''); 83 | } 84 | }); 85 | 86 | }; 87 | 88 | var countDown = function() { 89 | 90 | simplyCountdown('.simply-countdown-one', { 91 | year: "2018", 92 | month: "05", 93 | day: "30" 94 | }); 95 | 96 | }; 97 | 98 | 99 | 100 | $(function(){ 101 | contentWayPoint(); 102 | loaderPage(); 103 | screenHeight(); 104 | countDown(); 105 | }); 106 | 107 | 108 | 109 | }(jQuery)); -------------------------------------------------------------------------------- /markup/js/respond.min.js: -------------------------------------------------------------------------------- 1 | 2 | /*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl 3 | * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT 4 | * */ 5 | 6 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b-interpolations will be parsed as strings by Sass, and evaluated by EJS after Sass compilation. 5 | 6 | 7 | @function twbs-font-path($path) { 8 | // do something like following 9 | // from "path/to/font.ext#suffix" to "<%- asset_path(path/to/font.ext)) + #suffix %>" 10 | // from "path/to/font.ext?#suffix" to "<%- asset_path(path/to/font.ext)) + ?#suffix %>" 11 | // or from "path/to/font.ext" just "<%- asset_path(path/to/font.ext)) %>" 12 | @return "<%- asset_path('#{$path}'.replace(/[#?].*$/, '')) + '#{$path}'.replace(/(^[^#?]*)([#?]?.*$)/, '$2') %>"; 13 | } 14 | 15 | @function twbs-image-path($file) { 16 | @return "<%- asset_path('#{$file}') %>"; 17 | } 18 | 19 | $bootstrap-sass-asset-helper: true; 20 | -------------------------------------------------------------------------------- /markup/sass/_bootstrap-sprockets.scss: -------------------------------------------------------------------------------- 1 | @function twbs-font-path($path) { 2 | @return font-path($path); 3 | } 4 | 5 | @function twbs-image-path($path) { 6 | @return image-path($path); 7 | } 8 | 9 | $bootstrap-sass-asset-helper: true; 10 | -------------------------------------------------------------------------------- /markup/sass/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.5 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | // Core variables and mixins 8 | @import "bootstrap/variables"; 9 | @import "bootstrap/mixins"; 10 | 11 | // Reset and dependencies 12 | @import "bootstrap/normalize"; 13 | @import "bootstrap/print"; 14 | //@import "bootstrap/glyphicons"; 15 | 16 | // Core CSS 17 | @import "bootstrap/scaffolding"; 18 | @import "bootstrap/type"; 19 | @import "bootstrap/code"; 20 | @import "bootstrap/grid"; 21 | @import "bootstrap/tables"; 22 | @import "bootstrap/forms"; 23 | @import "bootstrap/buttons"; 24 | 25 | // Components 26 | @import "bootstrap/component-animations"; 27 | @import "bootstrap/dropdowns"; 28 | @import "bootstrap/button-groups"; 29 | @import "bootstrap/input-groups"; 30 | @import "bootstrap/navs"; 31 | @import "bootstrap/navbar"; 32 | @import "bootstrap/breadcrumbs"; 33 | @import "bootstrap/pagination"; 34 | @import "bootstrap/pager"; 35 | @import "bootstrap/labels"; 36 | @import "bootstrap/badges"; 37 | @import "bootstrap/jumbotron"; 38 | @import "bootstrap/thumbnails"; 39 | @import "bootstrap/alerts"; 40 | @import "bootstrap/progress-bars"; 41 | @import "bootstrap/media"; 42 | @import "bootstrap/list-group"; 43 | @import "bootstrap/panels"; 44 | @import "bootstrap/responsive-embed"; 45 | @import "bootstrap/wells"; 46 | @import "bootstrap/close"; 47 | 48 | // Components w/ JavaScript 49 | @import "bootstrap/modals"; 50 | @import "bootstrap/tooltip"; 51 | @import "bootstrap/popovers"; 52 | @import "bootstrap/carousel"; 53 | 54 | // Utility classes 55 | @import "bootstrap/utilities"; 56 | @import "bootstrap/responsive-utilities"; 57 | -------------------------------------------------------------------------------- /markup/sass/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 | 22 | // Provide class for links that match alerts 23 | .alert-link { 24 | font-weight: $alert-link-font-weight; 25 | } 26 | 27 | // Improve alignment and spacing of inner content 28 | > p, 29 | > ul { 30 | margin-bottom: 0; 31 | } 32 | 33 | > p + p { 34 | margin-top: 5px; 35 | } 36 | } 37 | 38 | // Dismissible alerts 39 | // 40 | // Expand the right padding and account for the close button's positioning. 41 | 42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 43 | .alert-dismissible { 44 | padding-right: ($alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /markup/sass/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: middle; 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 | 32 | .btn-xs &, 33 | .btn-group-xs > .btn & { 34 | top: 0; 35 | padding: 1px 5px; 36 | } 37 | 38 | // [converter] extracted a& to a.badge 39 | 40 | // Account for badges in navs 41 | .list-group-item.active > &, 42 | .nav-pills > .active > a > & { 43 | color: $badge-active-color; 44 | background-color: $badge-active-bg; 45 | } 46 | 47 | .list-group-item > & { 48 | float: right; 49 | } 50 | 51 | .list-group-item > & + & { 52 | margin-right: 5px; 53 | } 54 | 55 | .nav-pills > li > a > & { 56 | margin-left: 3px; 57 | } 58 | } 59 | 60 | // Hover state, but only for links 61 | a.badge { 62 | &:hover, 63 | &:focus { 64 | color: $badge-link-hover-color; 65 | text-decoration: none; 66 | cursor: pointer; 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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, 40 | .btn-group, 41 | .input-group { 42 | float: left; 43 | } 44 | > .btn, 45 | > .btn-group, 46 | > .input-group { 47 | margin-left: 5px; 48 | } 49 | } 50 | 51 | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 52 | border-radius: 0; 53 | } 54 | 55 | // 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 56 | .btn-group > .btn:first-child { 57 | margin-left: 0; 58 | &:not(:last-child):not(.dropdown-toggle) { 59 | @include border-right-radius(0); 60 | } 61 | } 62 | // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it 63 | .btn-group > .btn:last-child:not(:first-child), 64 | .btn-group > .dropdown-toggle:not(:first-child) { 65 | @include border-left-radius(0); 66 | } 67 | 68 | // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) 69 | .btn-group > .btn-group { 70 | float: left; 71 | } 72 | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { 73 | border-radius: 0; 74 | } 75 | .btn-group > .btn-group:first-child:not(:last-child) { 76 | > .btn:last-child, 77 | > .dropdown-toggle { 78 | @include border-right-radius(0); 79 | } 80 | } 81 | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { 82 | @include border-left-radius(0); 83 | } 84 | 85 | // On active and open, don't show outline 86 | .btn-group .dropdown-toggle:active, 87 | .btn-group.open .dropdown-toggle { 88 | outline: 0; 89 | } 90 | 91 | 92 | // Sizing 93 | // 94 | // Remix the default button sizing classes into new ones for easier manipulation. 95 | 96 | .btn-group-xs > .btn { @extend .btn-xs; } 97 | .btn-group-sm > .btn { @extend .btn-sm; } 98 | .btn-group-lg > .btn { @extend .btn-lg; } 99 | 100 | 101 | // Split button dropdowns 102 | // ---------------------- 103 | 104 | // Give the line between buttons some depth 105 | .btn-group > .btn + .dropdown-toggle { 106 | padding-left: 8px; 107 | padding-right: 8px; 108 | } 109 | .btn-group > .btn-lg + .dropdown-toggle { 110 | padding-left: 12px; 111 | padding-right: 12px; 112 | } 113 | 114 | // The clickable button for toggling the menu 115 | // Remove the gradient and set the same inset shadow as the :active state 116 | .btn-group.open .dropdown-toggle { 117 | @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); 118 | 119 | // Show no shadow for `.btn-link` since it has no other button styles. 120 | &.btn-link { 121 | @include box-shadow(none); 122 | } 123 | } 124 | 125 | 126 | // Reposition the caret 127 | .btn .caret { 128 | margin-left: 0; 129 | } 130 | // Carets in other button sizes 131 | .btn-lg .caret { 132 | border-width: $caret-width-large $caret-width-large 0; 133 | border-bottom-width: 0; 134 | } 135 | // Upside down carets for .dropup 136 | .dropup .btn-lg .caret { 137 | border-width: 0 $caret-width-large $caret-width-large; 138 | } 139 | 140 | 141 | // Vertical button groups 142 | // ---------------------- 143 | 144 | .btn-group-vertical { 145 | > .btn, 146 | > .btn-group, 147 | > .btn-group > .btn { 148 | display: block; 149 | float: none; 150 | width: 100%; 151 | max-width: 100%; 152 | } 153 | 154 | // Clear floats so dropdown menus can be properly placed 155 | > .btn-group { 156 | @include clearfix; 157 | > .btn { 158 | float: none; 159 | } 160 | } 161 | 162 | > .btn + .btn, 163 | > .btn + .btn-group, 164 | > .btn-group + .btn, 165 | > .btn-group + .btn-group { 166 | margin-top: -1px; 167 | margin-left: 0; 168 | } 169 | } 170 | 171 | .btn-group-vertical > .btn { 172 | &:not(:first-child):not(:last-child) { 173 | border-radius: 0; 174 | } 175 | &:first-child:not(:last-child) { 176 | border-top-right-radius: $btn-border-radius-base; 177 | @include border-bottom-radius(0); 178 | } 179 | &:last-child:not(:first-child) { 180 | border-bottom-left-radius: $btn-border-radius-base; 181 | @include border-top-radius(0); 182 | } 183 | } 184 | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 185 | border-radius: 0; 186 | } 187 | .btn-group-vertical > .btn-group:first-child:not(:last-child) { 188 | > .btn:last-child, 189 | > .dropdown-toggle { 190 | @include border-bottom-radius(0); 191 | } 192 | } 193 | .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { 194 | @include border-top-radius(0); 195 | } 196 | 197 | 198 | // Justified button groups 199 | // ---------------------- 200 | 201 | .btn-group-justified { 202 | display: table; 203 | width: 100%; 204 | table-layout: fixed; 205 | border-collapse: separate; 206 | > .btn, 207 | > .btn-group { 208 | float: none; 209 | display: table-cell; 210 | width: 1%; 211 | } 212 | > .btn-group .btn { 213 | width: 100%; 214 | } 215 | 216 | > .btn-group .dropdown-menu { 217 | left: auto; 218 | } 219 | } 220 | 221 | 222 | // Checkbox and radio options 223 | // 224 | // In order to support the browser's form validation feedback, powered by the 225 | // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use 226 | // `display: none;` or `visibility: hidden;` as that also hides the popover. 227 | // Simply visually hiding the inputs via `opacity` would leave them clickable in 228 | // certain cases which is prevented by using `clip` and `pointer-events`. 229 | // This way, we ensure a DOM element is visible to position the popover from. 230 | // 231 | // See https://github.com/twbs/bootstrap/pull/12794 and 232 | // https://github.com/twbs/bootstrap/pull/14559 for more information. 233 | 234 | [data-toggle="buttons"] { 235 | > .btn, 236 | > .btn-group > .btn { 237 | input[type="radio"], 238 | input[type="checkbox"] { 239 | position: absolute; 240 | clip: rect(0,0,0,0); 241 | pointer-events: none; 242 | } 243 | } 244 | } 245 | -------------------------------------------------------------------------------- /markup/sass/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, $btn-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 | @include opacity(.65); 51 | @include box-shadow(none); 52 | } 53 | 54 | // [converter] extracted a& to a.btn 55 | } 56 | 57 | a.btn { 58 | &.disabled, 59 | fieldset[disabled] & { 60 | pointer-events: none; // Future-proof disabling of clicks on `` elements 61 | } 62 | } 63 | 64 | 65 | // Alternate buttons 66 | // -------------------------------------------------- 67 | 68 | .btn-default { 69 | @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); 70 | } 71 | .btn-primary { 72 | @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); 73 | } 74 | // Success appears as green 75 | .btn-success { 76 | @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); 77 | } 78 | // Info appears as blue-green 79 | .btn-info { 80 | @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); 81 | } 82 | // Warning appears as orange 83 | .btn-warning { 84 | @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); 85 | } 86 | // Danger and error appear as red 87 | .btn-danger { 88 | @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); 89 | } 90 | 91 | 92 | // Link buttons 93 | // ------------------------- 94 | 95 | // Make a button look and behave like a link 96 | .btn-link { 97 | color: $link-color; 98 | font-weight: normal; 99 | border-radius: 0; 100 | 101 | &, 102 | &:active, 103 | &.active, 104 | &[disabled], 105 | fieldset[disabled] & { 106 | background-color: transparent; 107 | @include box-shadow(none); 108 | } 109 | &, 110 | &:hover, 111 | &:focus, 112 | &:active { 113 | border-color: transparent; 114 | } 115 | &:hover, 116 | &:focus { 117 | color: $link-hover-color; 118 | text-decoration: $link-hover-decoration; 119 | background-color: transparent; 120 | } 121 | &[disabled], 122 | fieldset[disabled] & { 123 | &:hover, 124 | &:focus { 125 | color: $btn-link-disabled-color; 126 | text-decoration: none; 127 | } 128 | } 129 | } 130 | 131 | 132 | // Button Sizes 133 | // -------------------------------------------------- 134 | 135 | .btn-lg { 136 | // line-height: ensure even-numbered height of button next to large input 137 | @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $btn-border-radius-large); 138 | } 139 | .btn-sm { 140 | // line-height: ensure proper height of button next to small input 141 | @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 142 | } 143 | .btn-xs { 144 | @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $btn-border-radius-small); 145 | } 146 | 147 | 148 | // Block button 149 | // -------------------------------------------------- 150 | 151 | .btn-block { 152 | display: block; 153 | width: 100%; 154 | } 155 | 156 | // Vertically space out multiple block buttons 157 | .btn-block + .btn-block { 158 | margin-top: 5px; 159 | } 160 | 161 | // Specificity overrides 162 | input[type="submit"], 163 | input[type="reset"], 164 | input[type="button"] { 165 | &.btn-block { 166 | width: 100%; 167 | } 168 | } 169 | -------------------------------------------------------------------------------- /markup/sass/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(1000px); 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 | margin-top: -10px; 134 | z-index: 5; 135 | display: inline-block; 136 | } 137 | .icon-prev, 138 | .glyphicon-chevron-left { 139 | left: 50%; 140 | margin-left: -10px; 141 | } 142 | .icon-next, 143 | .glyphicon-chevron-right { 144 | right: 50%; 145 | margin-right: -10px; 146 | } 147 | .icon-prev, 148 | .icon-next { 149 | width: 20px; 150 | height: 20px; 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 | -------------------------------------------------------------------------------- /markup/sass/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 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 30 | button.close { 31 | padding: 0; 32 | cursor: pointer; 33 | background: transparent; 34 | border: 0; 35 | -webkit-appearance: none; 36 | } 37 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | 21 | &.in { display: block; } 22 | // [converter] extracted tr&.in to tr.collapse.in 23 | // [converter] extracted tbody&.in to tbody.collapse.in 24 | } 25 | 26 | tr.collapse.in { display: table-row; } 27 | 28 | tbody.collapse.in { display: table-row-group; } 29 | 30 | .collapsing { 31 | position: relative; 32 | height: 0; 33 | overflow: hidden; 34 | @include transition-property(height, visibility); 35 | @include transition-duration(.35s); 36 | @include transition-timing-function(ease); 37 | } 38 | -------------------------------------------------------------------------------- /markup/sass/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 dashed; 14 | border-top: $caret-width-base solid \9; // IE8 15 | border-right: $caret-width-base solid transparent; 16 | border-left: $caret-width-base solid transparent; 17 | } 18 | 19 | // The dropdown wrapper (div) 20 | .dropup, 21 | .dropdown { 22 | position: relative; 23 | } 24 | 25 | // Prevent the focus on the dropdown toggle when closing dropdowns 26 | .dropdown-toggle:focus { 27 | outline: 0; 28 | } 29 | 30 | // The dropdown menu (ul) 31 | .dropdown-menu { 32 | position: absolute; 33 | top: 100%; 34 | left: 0; 35 | z-index: $zindex-dropdown; 36 | display: none; // none by default, but block on "open" of the menu 37 | float: left; 38 | min-width: 160px; 39 | padding: 5px 0; 40 | margin: 2px 0 0; // override default ul 41 | list-style: none; 42 | font-size: $font-size-base; 43 | text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer) 44 | background-color: $dropdown-bg; 45 | border: 1px solid $dropdown-fallback-border; // IE8 fallback 46 | border: 1px solid $dropdown-border; 47 | border-radius: $border-radius-base; 48 | @include box-shadow(0 6px 12px rgba(0,0,0,.175)); 49 | background-clip: padding-box; 50 | 51 | // Aligns the dropdown menu to right 52 | // 53 | // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` 54 | &.pull-right { 55 | right: 0; 56 | left: auto; 57 | } 58 | 59 | // Dividers (basically an hr) within the dropdown 60 | .divider { 61 | @include nav-divider($dropdown-divider-bg); 62 | } 63 | 64 | // Links within the dropdown menu 65 | > li > a { 66 | display: block; 67 | padding: 3px 20px; 68 | clear: both; 69 | font-weight: normal; 70 | line-height: $line-height-base; 71 | color: $dropdown-link-color; 72 | white-space: nowrap; // prevent links from randomly breaking onto new lines 73 | } 74 | } 75 | 76 | // Hover/Focus state 77 | .dropdown-menu > li > a { 78 | &:hover, 79 | &:focus { 80 | text-decoration: none; 81 | color: $dropdown-link-hover-color; 82 | background-color: $dropdown-link-hover-bg; 83 | } 84 | } 85 | 86 | // Active state 87 | .dropdown-menu > .active > a { 88 | &, 89 | &:hover, 90 | &:focus { 91 | color: $dropdown-link-active-color; 92 | text-decoration: none; 93 | outline: 0; 94 | background-color: $dropdown-link-active-bg; 95 | } 96 | } 97 | 98 | // Disabled state 99 | // 100 | // Gray out text and ensure the hover/focus state remains gray 101 | 102 | .dropdown-menu > .disabled > a { 103 | &, 104 | &:hover, 105 | &:focus { 106 | color: $dropdown-link-disabled-color; 107 | } 108 | 109 | // Nuke hover/focus effects 110 | &:hover, 111 | &:focus { 112 | text-decoration: none; 113 | background-color: transparent; 114 | background-image: none; // Remove CSS gradient 115 | @include reset-filter; 116 | cursor: $cursor-disabled; 117 | } 118 | } 119 | 120 | // Open state for the dropdown 121 | .open { 122 | // Show the menu 123 | > .dropdown-menu { 124 | display: block; 125 | } 126 | 127 | // Remove the outline when :focus is triggered 128 | > a { 129 | outline: 0; 130 | } 131 | } 132 | 133 | // Menu positioning 134 | // 135 | // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown 136 | // menu with the parent. 137 | .dropdown-menu-right { 138 | left: auto; // Reset the default from `.dropdown-menu` 139 | right: 0; 140 | } 141 | // With v3, we enabled auto-flipping if you have a dropdown within a right 142 | // aligned nav component. To enable the undoing of that, we provide an override 143 | // to restore the default dropdown menu alignment. 144 | // 145 | // This is only for left-aligning a dropdown menu within a `.navbar-right` or 146 | // `.pull-right` nav component. 147 | .dropdown-menu-left { 148 | left: 0; 149 | right: auto; 150 | } 151 | 152 | // Dropdown section headers 153 | .dropdown-header { 154 | display: block; 155 | padding: 3px 20px; 156 | font-size: $font-size-small; 157 | line-height: $line-height-base; 158 | color: $dropdown-header-color; 159 | white-space: nowrap; // as with > li > a 160 | } 161 | 162 | // Backdrop to catch body clicks on mobile, etc. 163 | .dropdown-backdrop { 164 | position: fixed; 165 | left: 0; 166 | right: 0; 167 | bottom: 0; 168 | top: 0; 169 | z-index: ($zindex-dropdown - 10); 170 | } 171 | 172 | // Right aligned dropdowns 173 | .pull-right > .dropdown-menu { 174 | right: 0; 175 | left: auto; 176 | } 177 | 178 | // Allow for dropdowns to go bottom up (aka, dropup-menu) 179 | // 180 | // Just add .dropup after the standard .dropdown class and you're set, bro. 181 | // TODO: abstract this so that the navbar fixed styles are not placed here? 182 | 183 | .dropup, 184 | .navbar-fixed-bottom .dropdown { 185 | // Reverse the caret 186 | .caret { 187 | border-top: 0; 188 | border-bottom: $caret-width-base dashed; 189 | border-bottom: $caret-width-base solid \9; // IE8 190 | content: ""; 191 | } 192 | // Different positioning for bottom up menu 193 | .dropdown-menu { 194 | top: auto; 195 | bottom: 100%; 196 | margin-bottom: 2px; 197 | } 198 | } 199 | 200 | 201 | // Component alignment 202 | // 203 | // Reiterate per navbar.less and the modified component alignment there. 204 | 205 | @media (min-width: $grid-float-breakpoint) { 206 | .navbar-right { 207 | .dropdown-menu { 208 | right: 0; left: auto; 209 | } 210 | // Necessary for overrides of the default right aligned menu. 211 | // Will remove come v4 in all likelihood. 212 | .dropdown-menu-left { 213 | left: 0; right: auto; 214 | } 215 | } 216 | } 217 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | z-index: 2; 164 | margin-left: -1px; 165 | } 166 | } 167 | } 168 | -------------------------------------------------------------------------------- /markup/sass/bootstrap/_jumbotron.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding-top: $jumbotron-padding; 8 | padding-bottom: $jumbotron-padding; 9 | margin-bottom: $jumbotron-padding; 10 | color: $jumbotron-color; 11 | background-color: $jumbotron-bg; 12 | 13 | h1, 14 | .h1 { 15 | color: $jumbotron-heading-color; 16 | } 17 | 18 | p { 19 | margin-bottom: ($jumbotron-padding / 2); 20 | font-size: $jumbotron-font-size; 21 | font-weight: 200; 22 | } 23 | 24 | > hr { 25 | border-top-color: darken($jumbotron-bg, 10%); 26 | } 27 | 28 | .container &, 29 | .container-fluid & { 30 | border-radius: $border-radius-large; // Only round corners at higher resolutions if contained in a container 31 | } 32 | 33 | .container { 34 | max-width: 100%; 35 | } 36 | 37 | @media screen and (min-width: $screen-sm-min) { 38 | padding-top: ($jumbotron-padding * 1.6); 39 | padding-bottom: ($jumbotron-padding * 1.6); 40 | 41 | .container &, 42 | .container-fluid & { 43 | padding-left: ($jumbotron-padding * 2); 44 | padding-right: ($jumbotron-padding * 2); 45 | } 46 | 47 | h1, 48 | .h1 { 49 | font-size: $jumbotron-heading-font-size; 50 | } 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | // Interactive list items 42 | // 43 | // Use anchor or button elements instead of `li`s or `div`s to create interactive items. 44 | // Includes an extra `.active` modifier class for showing selected items. 45 | 46 | a.list-group-item, 47 | button.list-group-item { 48 | color: $list-group-link-color; 49 | 50 | .list-group-item-heading { 51 | color: $list-group-link-heading-color; 52 | } 53 | 54 | // Hover state 55 | &:hover, 56 | &:focus { 57 | text-decoration: none; 58 | color: $list-group-link-hover-color; 59 | background-color: $list-group-hover-bg; 60 | } 61 | } 62 | 63 | button.list-group-item { 64 | width: 100%; 65 | text-align: left; 66 | } 67 | 68 | .list-group-item { 69 | // Disabled state 70 | &.disabled, 71 | &.disabled:hover, 72 | &.disabled:focus { 73 | background-color: $list-group-disabled-bg; 74 | color: $list-group-disabled-color; 75 | cursor: $cursor-disabled; 76 | 77 | // Force color to inherit for custom content 78 | .list-group-item-heading { 79 | color: inherit; 80 | } 81 | .list-group-item-text { 82 | color: $list-group-disabled-text-color; 83 | } 84 | } 85 | 86 | // Active class on item itself, not parent 87 | &.active, 88 | &.active:hover, 89 | &.active:focus { 90 | z-index: 2; // Place active items above their siblings for proper border styling 91 | color: $list-group-active-color; 92 | background-color: $list-group-active-bg; 93 | border-color: $list-group-active-border; 94 | 95 | // Force color to inherit for custom content 96 | .list-group-item-heading, 97 | .list-group-item-heading > small, 98 | .list-group-item-heading > .small { 99 | color: inherit; 100 | } 101 | .list-group-item-text { 102 | color: $list-group-active-text-color; 103 | } 104 | } 105 | } 106 | 107 | 108 | // Contextual variants 109 | // 110 | // Add modifier classes to change text and background color on individual items. 111 | // Organizationally, this must come after the `:hover` states. 112 | 113 | @include list-group-item-variant(success, $state-success-bg, $state-success-text); 114 | @include list-group-item-variant(info, $state-info-bg, $state-info-text); 115 | @include list-group-item-variant(warning, $state-warning-bg, $state-warning-text); 116 | @include list-group-item-variant(danger, $state-danger-bg, $state-danger-text); 117 | 118 | 119 | // Custom content options 120 | // 121 | // Extra classes for creating well-formatted content within `.list-group-item`s. 122 | 123 | .list-group-item-heading { 124 | margin-top: 0; 125 | margin-bottom: 5px; 126 | } 127 | .list-group-item-text { 128 | margin-bottom: 0; 129 | line-height: 1.3; 130 | } 131 | -------------------------------------------------------------------------------- /markup/sass/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, 11 | .media-body { 12 | zoom: 1; 13 | overflow: hidden; 14 | } 15 | 16 | .media-body { 17 | width: 10000px; 18 | } 19 | 20 | .media-object { 21 | display: block; 22 | 23 | // Fix collapse in webkit from max-width: 100% and display: table-cell. 24 | &.img-thumbnail { 25 | max-width: none; 26 | } 27 | } 28 | 29 | .media-right, 30 | .media > .pull-right { 31 | padding-left: 10px; 32 | } 33 | 34 | .media-left, 35 | .media > .pull-left { 36 | padding-right: 10px; 37 | } 38 | 39 | .media-left, 40 | .media-right, 41 | .media-body { 42 | display: table-cell; 43 | vertical-align: top; 44 | } 45 | 46 | .media-middle { 47 | vertical-align: middle; 48 | } 49 | 50 | .media-bottom { 51 | vertical-align: bottom; 52 | } 53 | 54 | // Reset margins on headings for tighter default spacing 55 | .media-heading { 56 | margin-top: 0; 57 | margin-bottom: 5px; 58 | } 59 | 60 | // Media list variation 61 | // 62 | // Undo default ul/ol styles 63 | .media-list { 64 | padding-left: 0; 65 | list-style: none; 66 | } 67 | -------------------------------------------------------------------------------- /markup/sass/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/reset-text"; 15 | @import "mixins/text-emphasis"; 16 | @import "mixins/text-overflow"; 17 | @import "mixins/vendor-prefixes"; 18 | 19 | // Components 20 | @import "mixins/alerts"; 21 | @import "mixins/buttons"; 22 | @import "mixins/panels"; 23 | @import "mixins/pagination"; 24 | @import "mixins/list-group"; 25 | @import "mixins/nav-divider"; 26 | @import "mixins/forms"; 27 | @import "mixins/progress-bar"; 28 | @import "mixins/table-row"; 29 | 30 | // Skins 31 | @import "mixins/background-variant"; 32 | @import "mixins/border-radius"; 33 | @import "mixins/gradients"; 34 | 35 | // Layout 36 | @import "mixins/clearfix"; 37 | @import "mixins/center-block"; 38 | @import "mixins/nav-vertical-align"; 39 | @import "mixins/grid-framework"; 40 | @import "mixins/grid"; 41 | -------------------------------------------------------------------------------- /markup/sass/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: fixed; 66 | top: 0; 67 | right: 0; 68 | bottom: 0; 69 | left: 0; 70 | z-index: $zindex-modal-background; 71 | background-color: $modal-backdrop-bg; 72 | // Fade for backdrop 73 | &.fade { @include opacity(0); } 74 | &.in { @include opacity($modal-backdrop-opacity); } 75 | } 76 | 77 | // Modal header 78 | // Top section of the modal w/ title and dismiss 79 | .modal-header { 80 | padding: $modal-title-padding; 81 | border-bottom: 1px solid $modal-header-border-color; 82 | min-height: ($modal-title-padding + $modal-title-line-height); 83 | } 84 | // Close icon 85 | .modal-header .close { 86 | margin-top: -2px; 87 | } 88 | 89 | // Title text within header 90 | .modal-title { 91 | margin: 0; 92 | line-height: $modal-title-line-height; 93 | } 94 | 95 | // Modal body 96 | // Where all modal content resides (sibling of .modal-header and .modal-footer) 97 | .modal-body { 98 | position: relative; 99 | padding: $modal-inner-padding; 100 | } 101 | 102 | // Footer (for actions) 103 | .modal-footer { 104 | padding: $modal-inner-padding; 105 | text-align: right; // right align buttons 106 | border-top: 1px solid $modal-footer-border-color; 107 | @include clearfix; // clear it in case folks use .pull-* classes on buttons 108 | 109 | // Properly space out buttons 110 | .btn + .btn { 111 | margin-left: 5px; 112 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs 113 | } 114 | // but override that for button groups 115 | .btn-group .btn + .btn { 116 | margin-left: -1px; 117 | } 118 | // and override it for block buttons as well 119 | .btn-block + .btn-block { 120 | margin-left: 0; 121 | } 122 | } 123 | 124 | // Measure scrollbar width for padding body during modal show/hide 125 | .modal-scrollbar-measure { 126 | position: absolute; 127 | top: -9999px; 128 | width: 50px; 129 | height: 50px; 130 | overflow: scroll; 131 | } 132 | 133 | // Scale up the modal 134 | @media (min-width: $screen-sm-min) { 135 | // Automatically set modal's width for larger viewports 136 | .modal-dialog { 137 | width: $modal-md; 138 | margin: 30px auto; 139 | } 140 | .modal-content { 141 | @include box-shadow(0 5px 15px rgba(0,0,0,.5)); 142 | } 143 | 144 | // Modal sizes 145 | .modal-sm { width: $modal-sm; } 146 | } 147 | 148 | @media (min-width: $screen-md-min) { 149 | .modal-lg { width: $modal-lg; } 150 | } 151 | -------------------------------------------------------------------------------- /markup/sass/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 | } 227 | > .active { 228 | display: block; 229 | } 230 | } 231 | 232 | 233 | // Dropdowns 234 | // ------------------------- 235 | 236 | // Specific dropdowns 237 | .nav-tabs .dropdown-menu { 238 | // make dropdown border overlap tab border 239 | margin-top: -1px; 240 | // Remove the top rounded corners here since there is a hard edge above the menu 241 | @include border-top-radius(0); 242 | } 243 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | z-index: 3; 44 | color: $pagination-hover-color; 45 | background-color: $pagination-hover-bg; 46 | border-color: $pagination-hover-border; 47 | } 48 | } 49 | 50 | > .active > a, 51 | > .active > span { 52 | &, 53 | &:hover, 54 | &:focus { 55 | z-index: 2; 56 | color: $pagination-active-color; 57 | background-color: $pagination-active-bg; 58 | border-color: $pagination-active-border; 59 | cursor: default; 60 | } 61 | } 62 | 63 | > .disabled { 64 | > span, 65 | > span:hover, 66 | > span:focus, 67 | > a, 68 | > a:hover, 69 | > a:focus { 70 | color: $pagination-disabled-color; 71 | background-color: $pagination-disabled-bg; 72 | border-color: $pagination-disabled-border; 73 | cursor: $cursor-disabled; 74 | } 75 | } 76 | } 77 | 78 | // Sizing 79 | // -------------------------------------------------- 80 | 81 | // Large 82 | .pagination-lg { 83 | @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); 84 | } 85 | 86 | // Small 87 | .pagination-sm { 88 | @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); 89 | } 90 | -------------------------------------------------------------------------------- /markup/sass/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 | 80 | // Add border bottom radius for last one 81 | &:last-child { 82 | .list-group-item:last-child { 83 | border-bottom: 0; 84 | @include border-bottom-radius(($panel-border-radius - 1)); 85 | } 86 | } 87 | } 88 | > .panel-heading + .panel-collapse > .list-group { 89 | .list-group-item:first-child { 90 | @include border-top-radius(0); 91 | } 92 | } 93 | } 94 | // Collapse space between when there's no additional content. 95 | .panel-heading + .list-group { 96 | .list-group-item:first-child { 97 | border-top-width: 0; 98 | } 99 | } 100 | .list-group + .panel-footer { 101 | border-top-width: 0; 102 | } 103 | 104 | // Tables in panels 105 | // 106 | // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and 107 | // watch it go full width. 108 | 109 | .panel { 110 | > .table, 111 | > .table-responsive > .table, 112 | > .panel-collapse > .table { 113 | margin-bottom: 0; 114 | 115 | caption { 116 | padding-left: $panel-body-padding; 117 | padding-right: $panel-body-padding; 118 | } 119 | } 120 | // Add border top radius for first one 121 | > .table:first-child, 122 | > .table-responsive:first-child > .table:first-child { 123 | @include border-top-radius(($panel-border-radius - 1)); 124 | 125 | > thead:first-child, 126 | > tbody:first-child { 127 | > tr:first-child { 128 | border-top-left-radius: ($panel-border-radius - 1); 129 | border-top-right-radius: ($panel-border-radius - 1); 130 | 131 | td:first-child, 132 | th:first-child { 133 | border-top-left-radius: ($panel-border-radius - 1); 134 | } 135 | td:last-child, 136 | th:last-child { 137 | border-top-right-radius: ($panel-border-radius - 1); 138 | } 139 | } 140 | } 141 | } 142 | // Add border bottom radius for last one 143 | > .table:last-child, 144 | > .table-responsive:last-child > .table:last-child { 145 | @include border-bottom-radius(($panel-border-radius - 1)); 146 | 147 | > tbody:last-child, 148 | > tfoot:last-child { 149 | > tr:last-child { 150 | border-bottom-left-radius: ($panel-border-radius - 1); 151 | border-bottom-right-radius: ($panel-border-radius - 1); 152 | 153 | td:first-child, 154 | th:first-child { 155 | border-bottom-left-radius: ($panel-border-radius - 1); 156 | } 157 | td:last-child, 158 | th:last-child { 159 | border-bottom-right-radius: ($panel-border-radius - 1); 160 | } 161 | } 162 | } 163 | } 164 | > .panel-body + .table, 165 | > .panel-body + .table-responsive, 166 | > .table + .panel-body, 167 | > .table-responsive + .panel-body { 168 | border-top: 1px solid $table-border-color; 169 | } 170 | > .table > tbody:first-child > tr:first-child th, 171 | > .table > tbody:first-child > tr:first-child td { 172 | border-top: 0; 173 | } 174 | > .table-bordered, 175 | > .table-responsive > .table-bordered { 176 | border: 0; 177 | > thead, 178 | > tbody, 179 | > tfoot { 180 | > tr { 181 | > th:first-child, 182 | > td:first-child { 183 | border-left: 0; 184 | } 185 | > th:last-child, 186 | > td:last-child { 187 | border-right: 0; 188 | } 189 | } 190 | } 191 | > thead, 192 | > tbody { 193 | > tr:first-child { 194 | > td, 195 | > th { 196 | border-bottom: 0; 197 | } 198 | } 199 | } 200 | > tbody, 201 | > tfoot { 202 | > tr:last-child { 203 | > td, 204 | > th { 205 | border-bottom: 0; 206 | } 207 | } 208 | } 209 | } 210 | > .table-responsive { 211 | border: 0; 212 | margin-bottom: 0; 213 | } 214 | } 215 | 216 | 217 | // Collapsable panels (aka, accordion) 218 | // 219 | // Wrap a series of panels in `.panel-group` to turn them into an accordion with 220 | // the help of our collapse JavaScript plugin. 221 | 222 | .panel-group { 223 | margin-bottom: $line-height-computed; 224 | 225 | // Tighten up margin so it's only between panels 226 | .panel { 227 | margin-bottom: 0; 228 | border-radius: $panel-border-radius; 229 | 230 | + .panel { 231 | margin-top: 5px; 232 | } 233 | } 234 | 235 | .panel-heading { 236 | border-bottom: 0; 237 | 238 | + .panel-collapse > .panel-body, 239 | + .panel-collapse > .list-group { 240 | border-top: 1px solid $panel-inner-border; 241 | } 242 | } 243 | 244 | .panel-footer { 245 | border-top: 0; 246 | + .panel-collapse .panel-body { 247 | border-bottom: 1px solid $panel-inner-border; 248 | } 249 | } 250 | } 251 | 252 | 253 | // Contextual variations 254 | .panel-default { 255 | @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border); 256 | } 257 | .panel-primary { 258 | @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border); 259 | } 260 | .panel-success { 261 | @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border); 262 | } 263 | .panel-info { 264 | @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border); 265 | } 266 | .panel-warning { 267 | @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border); 268 | } 269 | .panel-danger { 270 | @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border); 271 | } 272 | -------------------------------------------------------------------------------- /markup/sass/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 | // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element. 15 | // So reset our font and text properties to avoid inheriting weird values. 16 | @include reset-text; 17 | font-size: $font-size-base; 18 | 19 | background-color: $popover-bg; 20 | background-clip: padding-box; 21 | border: 1px solid $popover-fallback-border-color; 22 | border: 1px solid $popover-border-color; 23 | border-radius: $border-radius-large; 24 | @include box-shadow(0 5px 10px rgba(0,0,0,.2)); 25 | 26 | // Offset the popover to account for the popover arrow 27 | &.top { margin-top: -$popover-arrow-width; } 28 | &.right { margin-left: $popover-arrow-width; } 29 | &.bottom { margin-top: $popover-arrow-width; } 30 | &.left { margin-left: -$popover-arrow-width; } 31 | } 32 | 33 | .popover-title { 34 | margin: 0; // reset heading margin 35 | padding: 8px 14px; 36 | font-size: $font-size-base; 37 | background-color: $popover-title-bg; 38 | border-bottom: 1px solid darken($popover-title-bg, 5%); 39 | border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0; 40 | } 41 | 42 | .popover-content { 43 | padding: 9px 14px; 44 | } 45 | 46 | // Arrows 47 | // 48 | // .arrow is outer, .arrow:after is inner 49 | 50 | .popover > .arrow { 51 | &, 52 | &:after { 53 | position: absolute; 54 | display: block; 55 | width: 0; 56 | height: 0; 57 | border-color: transparent; 58 | border-style: solid; 59 | } 60 | } 61 | .popover > .arrow { 62 | border-width: $popover-arrow-outer-width; 63 | } 64 | .popover > .arrow:after { 65 | border-width: $popover-arrow-width; 66 | content: ""; 67 | } 68 | 69 | .popover { 70 | &.top > .arrow { 71 | left: 50%; 72 | margin-left: -$popover-arrow-outer-width; 73 | border-bottom-width: 0; 74 | border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback 75 | border-top-color: $popover-arrow-outer-color; 76 | bottom: -$popover-arrow-outer-width; 77 | &:after { 78 | content: " "; 79 | bottom: 1px; 80 | margin-left: -$popover-arrow-width; 81 | border-bottom-width: 0; 82 | border-top-color: $popover-arrow-color; 83 | } 84 | } 85 | &.right > .arrow { 86 | top: 50%; 87 | left: -$popover-arrow-outer-width; 88 | margin-top: -$popover-arrow-outer-width; 89 | border-left-width: 0; 90 | border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback 91 | border-right-color: $popover-arrow-outer-color; 92 | &:after { 93 | content: " "; 94 | left: 1px; 95 | bottom: -$popover-arrow-width; 96 | border-left-width: 0; 97 | border-right-color: $popover-arrow-color; 98 | } 99 | } 100 | &.bottom > .arrow { 101 | left: 50%; 102 | margin-left: -$popover-arrow-outer-width; 103 | border-top-width: 0; 104 | border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback 105 | border-bottom-color: $popover-arrow-outer-color; 106 | top: -$popover-arrow-outer-width; 107 | &:after { 108 | content: " "; 109 | top: 1px; 110 | margin-left: -$popover-arrow-width; 111 | border-top-width: 0; 112 | border-bottom-color: $popover-arrow-color; 113 | } 114 | } 115 | 116 | &.left > .arrow { 117 | top: 50%; 118 | right: -$popover-arrow-outer-width; 119 | margin-top: -$popover-arrow-outer-width; 120 | border-right-width: 0; 121 | border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback 122 | border-left-color: $popover-arrow-outer-color; 123 | &:after { 124 | content: " "; 125 | right: 1px; 126 | border-right-width: 0; 127 | border-left-color: $popover-arrow-color; 128 | bottom: -$popover-arrow-width; 129 | } 130 | } 131 | } 132 | -------------------------------------------------------------------------------- /markup/sass/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 | // Bootstrap components 72 | .navbar { 73 | display: none; 74 | } 75 | .btn, 76 | .dropup > .btn { 77 | > .caret { 78 | border-top-color: #000 !important; 79 | } 80 | } 81 | .label { 82 | border: 1px solid #000; 83 | } 84 | 85 | .table { 86 | border-collapse: collapse !important; 87 | 88 | td, 89 | th { 90 | background-color: #fff !important; 91 | } 92 | } 93 | .table-bordered { 94 | th, 95 | td { 96 | border: 1px solid #ddd !important; 97 | } 98 | } 99 | 100 | // Bootstrap specific changes end 101 | } 102 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | 27 | // Modifier class for 16:9 aspect ratio 28 | .embed-responsive-16by9 { 29 | padding-bottom: 56.25%; 30 | } 31 | 32 | // Modifier class for 4:3 aspect ratio 33 | .embed-responsive-4by3 { 34 | padding-bottom: 75%; 35 | } 36 | -------------------------------------------------------------------------------- /markup/sass/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 | @at-root { 22 | @-ms-viewport { 23 | width: device-width; 24 | } 25 | } 26 | 27 | 28 | // Visibility utilities 29 | // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0 30 | 31 | @include responsive-invisibility('.visible-xs'); 32 | @include responsive-invisibility('.visible-sm'); 33 | @include responsive-invisibility('.visible-md'); 34 | @include responsive-invisibility('.visible-lg'); 35 | 36 | .visible-xs-block, 37 | .visible-xs-inline, 38 | .visible-xs-inline-block, 39 | .visible-sm-block, 40 | .visible-sm-inline, 41 | .visible-sm-inline-block, 42 | .visible-md-block, 43 | .visible-md-inline, 44 | .visible-md-inline-block, 45 | .visible-lg-block, 46 | .visible-lg-inline, 47 | .visible-lg-inline-block { 48 | display: none !important; 49 | } 50 | 51 | @media (max-width: $screen-xs-max) { 52 | @include responsive-visibility('.visible-xs'); 53 | } 54 | .visible-xs-block { 55 | @media (max-width: $screen-xs-max) { 56 | display: block !important; 57 | } 58 | } 59 | .visible-xs-inline { 60 | @media (max-width: $screen-xs-max) { 61 | display: inline !important; 62 | } 63 | } 64 | .visible-xs-inline-block { 65 | @media (max-width: $screen-xs-max) { 66 | display: inline-block !important; 67 | } 68 | } 69 | 70 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 71 | @include responsive-visibility('.visible-sm'); 72 | } 73 | .visible-sm-block { 74 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 75 | display: block !important; 76 | } 77 | } 78 | .visible-sm-inline { 79 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 80 | display: inline !important; 81 | } 82 | } 83 | .visible-sm-inline-block { 84 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 85 | display: inline-block !important; 86 | } 87 | } 88 | 89 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 90 | @include responsive-visibility('.visible-md'); 91 | } 92 | .visible-md-block { 93 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 94 | display: block !important; 95 | } 96 | } 97 | .visible-md-inline { 98 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 99 | display: inline !important; 100 | } 101 | } 102 | .visible-md-inline-block { 103 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 104 | display: inline-block !important; 105 | } 106 | } 107 | 108 | @media (min-width: $screen-lg-min) { 109 | @include responsive-visibility('.visible-lg'); 110 | } 111 | .visible-lg-block { 112 | @media (min-width: $screen-lg-min) { 113 | display: block !important; 114 | } 115 | } 116 | .visible-lg-inline { 117 | @media (min-width: $screen-lg-min) { 118 | display: inline !important; 119 | } 120 | } 121 | .visible-lg-inline-block { 122 | @media (min-width: $screen-lg-min) { 123 | display: inline-block !important; 124 | } 125 | } 126 | 127 | @media (max-width: $screen-xs-max) { 128 | @include responsive-invisibility('.hidden-xs'); 129 | } 130 | 131 | @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { 132 | @include responsive-invisibility('.hidden-sm'); 133 | } 134 | 135 | @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { 136 | @include responsive-invisibility('.hidden-md'); 137 | } 138 | 139 | @media (min-width: $screen-lg-min) { 140 | @include responsive-invisibility('.hidden-lg'); 141 | } 142 | 143 | 144 | // Print utilities 145 | // 146 | // Media queries are placed on the inside to be mixin-friendly. 147 | 148 | // Note: Deprecated .visible-print as of v3.2.0 149 | 150 | @include responsive-invisibility('.visible-print'); 151 | 152 | @media print { 153 | @include responsive-visibility('.visible-print'); 154 | } 155 | .visible-print-block { 156 | display: none !important; 157 | 158 | @media print { 159 | display: block !important; 160 | } 161 | } 162 | .visible-print-inline { 163 | display: none !important; 164 | 165 | @media print { 166 | display: inline !important; 167 | } 168 | } 169 | .visible-print-inline-block { 170 | display: none !important; 171 | 172 | @media print { 173 | display: inline-block !important; 174 | } 175 | } 176 | 177 | @media print { 178 | @include responsive-invisibility('.hidden-print'); 179 | } 180 | -------------------------------------------------------------------------------- /markup/sass/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 | 152 | 153 | // iOS "clickable elements" fix for role="button" 154 | // 155 | // Fixes "clickability" issue (and more generally, the firing of events such as focus as well) 156 | // for traditionally non-focusable elements with role="button" 157 | // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 158 | 159 | [role="button"] { 160 | cursor: pointer; 161 | } 162 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. 12 | // So reset our font and text properties to avoid inheriting weird values. 13 | @include reset-text; 14 | font-size: $font-size-small; 15 | 16 | @include opacity(0); 17 | 18 | &.in { @include opacity($tooltip-opacity); } 19 | &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; } 20 | &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; } 21 | &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; } 22 | &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; } 23 | } 24 | 25 | // Wrapper for the tooltip content 26 | .tooltip-inner { 27 | max-width: $tooltip-max-width; 28 | padding: 3px 8px; 29 | color: $tooltip-color; 30 | text-align: center; 31 | background-color: $tooltip-bg; 32 | border-radius: $border-radius-base; 33 | } 34 | 35 | // Arrows 36 | .tooltip-arrow { 37 | position: absolute; 38 | width: 0; 39 | height: 0; 40 | border-color: transparent; 41 | border-style: solid; 42 | } 43 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 44 | .tooltip { 45 | &.top .tooltip-arrow { 46 | bottom: 0; 47 | left: 50%; 48 | margin-left: -$tooltip-arrow-width; 49 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0; 50 | border-top-color: $tooltip-arrow-color; 51 | } 52 | &.top-left .tooltip-arrow { 53 | bottom: 0; 54 | right: $tooltip-arrow-width; 55 | margin-bottom: -$tooltip-arrow-width; 56 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0; 57 | border-top-color: $tooltip-arrow-color; 58 | } 59 | &.top-right .tooltip-arrow { 60 | bottom: 0; 61 | left: $tooltip-arrow-width; 62 | margin-bottom: -$tooltip-arrow-width; 63 | border-width: $tooltip-arrow-width $tooltip-arrow-width 0; 64 | border-top-color: $tooltip-arrow-color; 65 | } 66 | &.right .tooltip-arrow { 67 | top: 50%; 68 | left: 0; 69 | margin-top: -$tooltip-arrow-width; 70 | border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; 71 | border-right-color: $tooltip-arrow-color; 72 | } 73 | &.left .tooltip-arrow { 74 | top: 50%; 75 | right: 0; 76 | margin-top: -$tooltip-arrow-width; 77 | border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; 78 | border-left-color: $tooltip-arrow-color; 79 | } 80 | &.bottom .tooltip-arrow { 81 | top: 0; 82 | left: 50%; 83 | margin-left: -$tooltip-arrow-width; 84 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; 85 | border-bottom-color: $tooltip-arrow-color; 86 | } 87 | &.bottom-left .tooltip-arrow { 88 | top: 0; 89 | right: $tooltip-arrow-width; 90 | margin-top: -$tooltip-arrow-width; 91 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; 92 | border-bottom-color: $tooltip-arrow-color; 93 | } 94 | &.bottom-right .tooltip-arrow { 95 | top: 0; 96 | left: $tooltip-arrow-width; 97 | margin-top: -$tooltip-arrow-width; 98 | border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; 99 | border-bottom-color: $tooltip-arrow-color; 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /markup/sass/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 | @extend .text-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 | -------------------------------------------------------------------------------- /markup/sass/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 | } 48 | 49 | 50 | // For Affix plugin 51 | // ------------------------- 52 | 53 | .affix { 54 | position: fixed; 55 | } 56 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | a#{$parent}:focus { 10 | background-color: darken($color, 10%); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | &:focus, 12 | &.focus { 13 | color: $color; 14 | background-color: darken($background, 10%); 15 | border-color: darken($border, 25%); 16 | } 17 | &:hover { 18 | color: $color; 19 | background-color: darken($background, 10%); 20 | border-color: darken($border, 12%); 21 | } 22 | &:active, 23 | &.active, 24 | .open > &.dropdown-toggle { 25 | color: $color; 26 | background-color: darken($background, 10%); 27 | border-color: darken($border, 12%); 28 | 29 | &:hover, 30 | &:focus, 31 | &.focus { 32 | color: $color; 33 | background-color: darken($background, 17%); 34 | border-color: darken($border, 25%); 35 | } 36 | } 37 | &:active, 38 | &.active, 39 | .open > &.dropdown-toggle { 40 | background-image: none; 41 | } 42 | &.disabled, 43 | &[disabled], 44 | fieldset[disabled] & { 45 | &, 46 | &:hover, 47 | &:focus, 48 | &.focus, 49 | &:active, 50 | &.active { 51 | background-color: $background; 52 | border-color: $border; 53 | } 54 | } 55 | 56 | .badge { 57 | color: $background; 58 | background-color: $color; 59 | } 60 | } 61 | 62 | // Button sizes 63 | @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { 64 | padding: $padding-vertical $padding-horizontal; 65 | font-size: $font-size; 66 | line-height: $line-height; 67 | border-radius: $border-radius; 68 | } 69 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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 | -------------------------------------------------------------------------------- /markup/sass/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. `