├── .gitignore ├── LICENSE ├── Makefile ├── README.md ├── TODO.md ├── bootstrap.css ├── bootstrap.min.css ├── docs ├── assets │ ├── css │ │ └── docs.css │ ├── ico │ │ ├── bootstrap-apple-114x114.png │ │ ├── bootstrap-apple-57x57.png │ │ ├── bootstrap-apple-72x72.png │ │ └── favicon.ico │ ├── img │ │ ├── bird.png │ │ ├── browsers.png │ │ ├── example-diagram-01.png │ │ ├── example-diagram-02.png │ │ ├── example-diagram-03.png │ │ ├── grid-18px.png │ │ └── twitter-logo-no-bird.png │ └── js │ │ ├── application.js │ │ ├── google-code-prettify │ │ ├── prettify.css │ │ └── prettify.js │ │ └── jquery-1.7.min.js ├── index.html └── javascript.html ├── examples ├── container-app.html ├── fb-app.html ├── fb-canvas.html ├── fluid.html └── hero.html ├── js ├── bootstrap-alerts.js ├── bootstrap-buttons.js ├── bootstrap-dropdown.js ├── bootstrap-modal.js ├── bootstrap-popover.js ├── bootstrap-scrollspy.js ├── bootstrap-tabs.js ├── bootstrap-twipsy.js ├── jquery-1.7.min.js ├── less-1.1.5.min.js └── tests │ ├── index.html │ ├── unit │ ├── bootstrap-alerts.js │ ├── bootstrap-buttons.js │ ├── bootstrap-dropdown.js │ ├── bootstrap-modal.js │ ├── bootstrap-popover.js │ ├── bootstrap-scrollspy.js │ ├── bootstrap-tabs.js │ └── bootstrap-twipsy.js │ └── vendor │ ├── qunit.css │ └── qunit.js └── lib ├── bootstrap.less ├── bootstrap.min.less ├── forms.less ├── grid-canvas.less ├── mixins.less ├── patterns.less ├── reset.less ├── scaffolding.less ├── tables.less ├── type.less └── variables.less /.gitignore: -------------------------------------------------------------------------------- 1 | *~ 2 | .DS_Store 3 | thumbs.db 4 | js/min -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | VERSION=1.4.0 2 | DATE=$(shell DATE) 3 | BOOTSTRAP = ./bootstrap.css 4 | BOOTSTRAP_MIN = ./bootstrap.min.css 5 | BOOTSTRAP_LESS = ./lib/bootstrap.less 6 | LESS_COMPRESSOR ?= `which lessc` 7 | UGLIFY_JS ?= `which uglifyjs` 8 | WATCHR ?= `which watchr` 9 | 10 | build: 11 | @@if test ! -z ${LESS_COMPRESSOR}; then \ 12 | sed -e 's/@VERSION/'"v${VERSION}"'/' -e 's/@DATE/'"${DATE}"'/' <${BOOTSTRAP_LESS} >${BOOTSTRAP_LESS}.tmp; \ 13 | lessc ${BOOTSTRAP_LESS}.tmp > ${BOOTSTRAP}; \ 14 | lessc ${BOOTSTRAP_LESS}.tmp > ${BOOTSTRAP_MIN} --compress; \ 15 | rm -f ${BOOTSTRAP_LESS}.tmp; \ 16 | echo "Bootstrap successfully built! - `date`"; \ 17 | else \ 18 | echo "You must have the LESS compiler installed in order to build Bootstrap."; \ 19 | echo "You can install it by running: npm install less -g"; \ 20 | fi 21 | 22 | js/min: 23 | @@if test ! -z ${UGLIFY_JS}; then \ 24 | mkdir -p js/min; \ 25 | uglifyjs -o js/min/bootstrap-alerts.min.js js/bootstrap-alerts.js;\ 26 | uglifyjs -o js/min/bootstrap-buttons.min.js js/bootstrap-buttons.js;\ 27 | uglifyjs -o js/min/bootstrap-dropdown.min.js js/bootstrap-dropdown.js;\ 28 | uglifyjs -o js/min/bootstrap-modal.min.js js/bootstrap-modal.js;\ 29 | uglifyjs -o js/min/bootstrap-popover.min.js js/bootstrap-popover.js;\ 30 | uglifyjs -o js/min/bootstrap-scrollspy.min.js js/bootstrap-scrollspy.js;\ 31 | uglifyjs -o js/min/bootstrap-tabs.min.js js/bootstrap-tabs.js;\ 32 | uglifyjs -o js/min/bootstrap-twipsy.min.js js/bootstrap-twipsy.js;\ 33 | else \ 34 | echo "You must have the UGLIFYJS minifier installed in order to minify Bootstrap's js."; \ 35 | echo "You can install it by running: npm install uglify-js -g"; \ 36 | fi 37 | 38 | watch: 39 | @@if test ! -z ${WATCHR}; then \ 40 | echo "Watching less files..."; \ 41 | watchr -e "watch('lib/.*\.less') { system 'make' }"; \ 42 | else \ 43 | echo "You must have the watchr installed in order to watch Bootstrap less files."; \ 44 | echo "You can install it by running: gem install watchr"; \ 45 | fi 46 | 47 | .PHONY: build watch -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | FBOOTSTRAPP 2 | ================= 3 | 4 | Fbootstrapp is a toolkit for kickstarting the development of facebook iframe apps. 5 | 6 | It is based on Twitter's excellent Bootstrap. 7 | Just as that, it includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more. 8 | 9 | However, these are all styled in colors reminiscing facebook's UI. 10 | 11 | There are two 12-column grids included, one for 520px (fan-page), the other one for 760px (standalone app). 12 | Put your content in a ```
``` or a ```
``` 13 | 14 | 15 | Usage 16 | ----- 17 | 18 | You can use Fbootstrapp in one of two ways: just drop the compiled CSS into any new project and start cranking, or run LESS on your site and compile on the fly like a boss. 19 | 20 | Here's what the LESS version looks like: 21 | 22 | ``` html 23 | 24 | 25 | ``` 26 | 27 | Or if you prefer, the standard css way: 28 | 29 | ``` html 30 | 31 | ``` 32 | 33 | For more info, refer to the bootstrap docs @ http://twitter.github.com/bootstrap 34 | The usage is identical. 35 | 36 | 37 | Bug tracker 38 | ----------- 39 | 40 | Have a bug? Please create an issue here on GitHub! 41 | 42 | https://github.com/ckrack/fbootstrapp/issues 43 | 44 | 45 | Authors 46 | ------- 47 | 48 | **Clemens Krack (Fbootstrapp)** 49 | 50 | + http://twitter.com/clmnsk 51 | + http://github.com/ckrack 52 | 53 | **Mark Otto (Bootstrap)** 54 | 55 | + http://twitter.com/mdo 56 | + http://github.com/markdotto 57 | 58 | **Jacob Thornton (Bootstrap)** 59 | 60 | + http://twitter.com/fat 61 | + http://github.com/fat 62 | 63 | 64 | License 65 | --------------------- 66 | 67 | Copyright 2011 Twitter, Inc. 68 | Copyright 2011 C. Krack 69 | 70 | Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0 -------------------------------------------------------------------------------- /TODO.md: -------------------------------------------------------------------------------- 1 | # FORMS - add styles for a condensed form no labels, just inputs and the actions bar (like commenting, status update) - update the actions bar to resemble facebook's a bit more # H5BP - include parts of h5bp, that are not in the mixins yet. (not the reset) - use h5bp .htaccess, html # FB Specific - add javascript sdk -------------------------------------------------------------------------------- /docs/assets/css/docs.css: -------------------------------------------------------------------------------- 1 | /* Add additional stylesheets below 2 | -------------------------------------------------- */ 3 | /* 4 | Bootstrap's documentation styles 5 | Special styles for presenting Bootstrap's documentation and examples 6 | */ 7 | 8 | /* Body and structure 9 | -------------------------------------------------- */ 10 | body { 11 | background-color: #fff; 12 | position: relative; 13 | } 14 | section { 15 | padding-top: 60px; 16 | } 17 | section > .row { 18 | margin-bottom: 10px; 19 | } 20 | 21 | 22 | /* Jumbotrons 23 | -------------------------------------------------- */ 24 | .jumbotron { 25 | min-width: 940px; 26 | padding-top: 40px; 27 | } 28 | .jumbotron .inner { 29 | background: transparent url(../img/grid-18px.png) top center; 30 | padding: 45px 0; 31 | -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); 32 | -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); 33 | /* box-shadow: inset 0 10px 30px rgba(0,0,0,.3); 34 | */} 35 | .jumbotron h1, 36 | .jumbotron p { 37 | margin-bottom: 9px; 38 | color: #fff; 39 | text-align: center; 40 | text-shadow: 0 1px 1px rgba(0,0,0,.3); 41 | } 42 | .jumbotron h1 { 43 | font-size: 54px; 44 | line-height: 1; 45 | text-shadow: 0 1px 2px rgba(0,0,0,.5); 46 | } 47 | .jumbotron p { 48 | font-weight: 300; 49 | } 50 | .jumbotron .lead { 51 | font-size: 20px; 52 | line-height: 27px; 53 | } 54 | .jumbotron p a { 55 | color: #fff; 56 | font-weight: bold; 57 | } 58 | 59 | /* Specific jumbotrons 60 | ------------------------- */ 61 | /* main docs page */ 62 | .masthead { 63 | background-color: #049cd9; 64 | background-repeat: no-repeat; 65 | background-image: -webkit-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9)); 66 | background-image: -webkit-linear-gradient(#004D9F, #049cd9); 67 | background-image: -moz-linear-gradient(#004D9F, #049cd9); 68 | background-image: -o-linear-gradient(top, #004D9F, #049cd9); 69 | background-image: -khtml-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9)); 70 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004D9F', endColorstr='#049cd9', GradientType=0); /* IE8 and down */ 71 | } 72 | /* supporting docs pages */ 73 | .subhead { 74 | background-color: #767d80; 75 | background-repeat: no-repeat; 76 | background-image: -webkit-gradient(linear, left top, left bottom, from(#565d60), to(#767d80)); 77 | background-image: -webkit-linear-gradient(#565d60, #767d80); 78 | background-image: -moz-linear-gradient(#565d60, #767d80); 79 | background-image: -o-linear-gradient(top, #565d60, #767d80); 80 | background-image: -khtml-gradient(linear, left top, left bottom, from(#565d60), to(#767d80)); 81 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565d60', endColorstr='#767d80', GradientType=0); /* IE8 and down */ 82 | } 83 | .subhead .inner { 84 | padding: 36px 0 27px; 85 | } 86 | .subhead h1, 87 | .subhead p { 88 | text-align: left; 89 | } 90 | .subhead h1 { 91 | font-size: 40px; 92 | } 93 | .subhead p a { 94 | font-weight: normal; 95 | } 96 | 97 | 98 | /* Footer 99 | -------------------------------------------------- */ 100 | .footer { 101 | background-color: #eee; 102 | min-width: 940px; 103 | padding: 30px 0; 104 | text-shadow: 0 1px 0 #fff; 105 | border-top: 1px solid #e5e5e5; 106 | -webkit-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); 107 | -moz-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); 108 | /* box-shadow: inset 0 5px 15px rgba(0,0,0,.025); 109 | */} 110 | .footer p { 111 | color: #555; 112 | } 113 | 114 | 115 | /* Quickstart section for getting le code 116 | -------------------------------------------------- */ 117 | .quickstart { 118 | background-color: #f5f5f5; 119 | background-repeat: repeat-x; 120 | background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); 121 | background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); 122 | background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); 123 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); 124 | background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); 125 | background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); 126 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; 127 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); 128 | background-image: linear-gradient(#f9f9f9, #f5f5f5); 129 | border-top: 1px solid #fff; 130 | border-bottom: 1px solid #eee; 131 | } 132 | .quickstart .container { 133 | margin-bottom: 0; 134 | } 135 | .quickstart .row { 136 | margin: 0 -20px; 137 | -webkit-box-shadow: 1px 0 0 #f9f9f9; 138 | -moz-box-shadow: 1px 0 0 #f9f9f9; 139 | box-shadow: 1px 0 0 #f9f9f9; 140 | } 141 | .quickstart [class*="span"] { 142 | width: 285px; 143 | height: 117px; 144 | margin-left: 0; 145 | padding: 17px 20px 26px; 146 | border-left: 1px solid #eee; 147 | -webkit-box-shadow: inset 1px 0 0 #f9f9f9; 148 | -moz-box-shadow: inset 1px 0 0 #f9f9f9; 149 | box-shadow: inset 1px 0 0 #f9f9f9; 150 | } 151 | .quickstart [class*="span"]:last-child { 152 | border-right: 1px solid #eee; 153 | width: 286px; 154 | } 155 | .quickstart h6, 156 | .quickstart p { 157 | line-height: 18px; 158 | text-align: center; 159 | margin-bottom: 9px; 160 | color: #333; 161 | } 162 | .quickstart .current-version, 163 | .quickstart .current-version a { 164 | color: #999; 165 | } 166 | .quickstart h6 { 167 | color: #999; 168 | } 169 | .quickstart textarea { 170 | display: block; 171 | width: 275px; 172 | height: auto; 173 | margin: 0 0 9px; 174 | line-height: 21px; 175 | white-space: nowrap; 176 | overflow: hidden; 177 | } 178 | 179 | 180 | /* Special grid styles 181 | -------------------------------------------------- */ 182 | .show-grid { 183 | margin-top: 10px; 184 | margin-bottom: 10px; 185 | } 186 | .show-grid [class*="span"] { 187 | background: #eee; 188 | text-align: center; 189 | -webkit-border-radius: 3px; 190 | -moz-border-radius: 3px; 191 | border-radius: 3px; 192 | min-height: 30px; 193 | line-height: 30px; 194 | } 195 | .show-grid:hover [class*="span"] { 196 | background: #ddd; 197 | } 198 | .show-grid .show-grid { 199 | margin-top: 0; 200 | margin-bottom: 0; 201 | } 202 | .show-grid .show-grid [class*="span"] { 203 | background-color: #ccc; 204 | } 205 | 206 | 207 | /* Render mini layout previews 208 | -------------------------------------------------- */ 209 | .mini-layout { 210 | border: 1px solid #ddd; 211 | -webkit-border-radius: 6px; 212 | -moz-border-radius: 6px; 213 | border-radius: 6px; 214 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); 215 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); 216 | box-shadow: 0 1px 2px rgba(0,0,0,.075); 217 | } 218 | .mini-layout { 219 | height: 240px; 220 | margin-bottom: 20px; 221 | padding: 9px; 222 | } 223 | .mini-layout div { 224 | -webkit-border-radius: 3px; 225 | -moz-border-radius: 3px; 226 | border-radius: 3px; 227 | } 228 | .mini-layout .mini-layout-body { 229 | background-color: #dceaf4; 230 | margin: 0 auto; 231 | width: 240px; 232 | height: 240px; 233 | } 234 | .mini-layout.fluid .mini-layout-sidebar, 235 | .mini-layout.fluid .mini-layout-header, 236 | .mini-layout.fluid .mini-layout-body { 237 | float: left; 238 | } 239 | .mini-layout.fluid .mini-layout-sidebar { 240 | background-color: #bbd8e9; 241 | width: 90px; 242 | height: 240px; 243 | } 244 | .mini-layout.fluid .mini-layout-body { 245 | width: 300px; 246 | margin-left: 10px; 247 | } 248 | 249 | 250 | /* Topbar special styles 251 | -------------------------------------------------- */ 252 | .topbar-wrapper { 253 | position: relative; 254 | height: 40px; 255 | margin: 5px 0 15px; 256 | } 257 | .topbar-wrapper .topbar { 258 | position: absolute; 259 | margin: 0 -20px; 260 | } 261 | .topbar-wrapper .topbar .topbar-inner { 262 | padding-left: 20px; 263 | padding-right: 20px; 264 | -webkit-border-radius: 4px; 265 | -moz-border-radius: 4px; 266 | border-radius: 4px; 267 | } 268 | 269 | /* Topbar in js docs 270 | ------------------------- */ 271 | #bootstrap-js .topbar-wrapper { 272 | z-index: 1; 273 | } 274 | #bootstrap-js .topbar-wrapper .topbar { 275 | position: absolute; 276 | margin: 0 -20px; 277 | } 278 | #bootstrap-js .topbar-wrapper .topbar .topbar-inner { 279 | padding-left: 20px; 280 | padding-right: 20px; 281 | -webkit-border-radius: 4px; 282 | -moz-border-radius: 4px; 283 | border-radius: 4px; 284 | } 285 | #bootstrap-js .topbar-wrapper .container { 286 | width: auto; 287 | } 288 | 289 | 290 | /* Popover docs 291 | -------------------------------------------------- */ 292 | .popover-well { 293 | min-height: 160px; 294 | } 295 | .popover-well .popover { 296 | display: block; 297 | } 298 | .popover-well .popover-wrapper { 299 | width: 50%; 300 | height: 160px; 301 | float: left; 302 | margin-left: 55px; 303 | position: relative; 304 | } 305 | .popover-well .popover-menu-wrapper { 306 | height: 80px; 307 | } 308 | img.large-bird { 309 | margin: 5px 0 0 310px; 310 | opacity: .1; 311 | } 312 | 313 | /* Pretty Print 314 | -------------------------------------------------- */ 315 | pre.prettyprint { 316 | overflow: hidden; 317 | } -------------------------------------------------------------------------------- /docs/assets/ico/bootstrap-apple-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/ico/bootstrap-apple-114x114.png -------------------------------------------------------------------------------- /docs/assets/ico/bootstrap-apple-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/ico/bootstrap-apple-57x57.png -------------------------------------------------------------------------------- /docs/assets/ico/bootstrap-apple-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/ico/bootstrap-apple-72x72.png -------------------------------------------------------------------------------- /docs/assets/ico/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/ico/favicon.ico -------------------------------------------------------------------------------- /docs/assets/img/bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/bird.png -------------------------------------------------------------------------------- /docs/assets/img/browsers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/browsers.png -------------------------------------------------------------------------------- /docs/assets/img/example-diagram-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/example-diagram-01.png -------------------------------------------------------------------------------- /docs/assets/img/example-diagram-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/example-diagram-02.png -------------------------------------------------------------------------------- /docs/assets/img/example-diagram-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/example-diagram-03.png -------------------------------------------------------------------------------- /docs/assets/img/grid-18px.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/grid-18px.png -------------------------------------------------------------------------------- /docs/assets/img/twitter-logo-no-bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ckrack/fbootstrapp/468b7599961931a65f18b6dc95433b1bfb670b82/docs/assets/img/twitter-logo-no-bird.png -------------------------------------------------------------------------------- /docs/assets/js/application.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function(){ 2 | 3 | // table sort example 4 | // ================== 5 | 6 | $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } ) 7 | 8 | 9 | // add on logic 10 | // ============ 11 | 12 | $('.add-on :checkbox').click(function () { 13 | if ($(this).attr('checked')) { 14 | $(this).parents('.add-on').addClass('active') 15 | } else { 16 | $(this).parents('.add-on').removeClass('active') 17 | } 18 | }) 19 | 20 | 21 | // Disable certain links in docs 22 | // ============================= 23 | // Please do not carry these styles over to your projects, it's merely here to prevent button clicks form taking you away from your spot on page 24 | 25 | $('ul.tabs a, ul.pills a, .pagination a, .well .btn, .actions .btn, .alert-message .btn, a.close').click(function (e) { 26 | e.preventDefault() 27 | }) 28 | 29 | // Copy code blocks in docs 30 | $(".copy-code").focus(function () { 31 | var el = this; 32 | // push select to event loop for chrome :{o 33 | setTimeout(function () { $(el).select(); }, 0); 34 | }); 35 | 36 | 37 | // POSITION STATIC TWIPSIES 38 | // ======================== 39 | 40 | $(window).bind( 'load resize', function () { 41 | $(".twipsies a").each(function () { 42 | $(this) 43 | .twipsy({ 44 | live: false 45 | , placement: $(this).attr('title') 46 | , trigger: 'manual' 47 | , offset: 2 48 | }) 49 | .twipsy('show') 50 | }) 51 | }) 52 | }); 53 | -------------------------------------------------------------------------------- /docs/assets/js/google-code-prettify/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #268bd2; } 6 | .kwd, .tag { color: #195f91; } 7 | .typ, .atn, .dec, .var { color: #CB4B16; } 8 | .pln { color: #93a1a1; } 9 | .prettyprint { 10 | background-color: #fefbf3; 11 | padding: 9px; 12 | border: 1px solid rgba(0,0,0,.2); 13 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); 14 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); 15 | box-shadow: 0 1px 2px rgba(0,0,0,.1); 16 | } 17 | 18 | /* Specify class=linenums on a pre to get line numbering */ 19 | ol.linenums { 20 | margin: 0 0 0 40px; 21 | } 22 | /* IE indents via margin-left */ 23 | ol.linenums li { 24 | padding: 0 5px; 25 | color: rgba(0,0,0,.15); 26 | line-height: 20px; 27 | -webkit-border-radius: 2px; 28 | -moz-border-radius: 2px; 29 | border-radius: 2px; 30 | } 31 | /* Alternate shading for lines */ 32 | li.L1, li.L3, li.L5, li.L7, li.L9 { } 33 | 34 | /* 35 | $base03: #002b36; 36 | $base02: #073642; 37 | $base01: #586e75; 38 | $base00: #657b83; 39 | $base0: #839496; 40 | $base1: #93a1a1; 41 | $base2: #eee8d5; 42 | $base3: #fdf6e3; 43 | $yellow: #b58900; 44 | $orange: #cb4b16; 45 | $red: #dc322f; 46 | $magenta: #d33682; 47 | $violet: #6c71c4; 48 | $blue: #268bd2; 49 | $cyan: #2aa198; 50 | $green: #859900; 51 | */ 52 | 53 | 54 | /* 55 | #1d1f21 Background 56 | #282a2e Current Line 57 | #373b41 Selection 58 | #c5c8c6 Foreground 59 | #969896 Comment 60 | #cc6666 Red 61 | #de935f Orange 62 | #f0c674 Yellow 63 | #b5bd68 Green 64 | #8abeb7 Aqua 65 | #81a2be Blue 66 | #b294bb Purple 67 | */ 68 | 69 | 70 | /* DARK THEME */ 71 | /* ---------- */ 72 | 73 | .prettyprint-dark { 74 | background-color: #1d1f21; 75 | border: 0; 76 | padding: 10px; 77 | } 78 | .prettyprint-dark .linenums li { 79 | color: #444; 80 | } 81 | .prettyprint-dark .linenums li:hover { 82 | background-color: #282a2e; 83 | } 84 | /* tags in html */ 85 | .prettyprint-dark .kwd, 86 | .prettyprint-dark .tag { color: #cc6666; } 87 | /* html attr */ 88 | .prettyprint-dark .typ, 89 | .prettyprint-dark .atn, 90 | .prettyprint-dark .dec, 91 | .prettyprint-dark .var { color: #de935f; } 92 | /* html attr values */ 93 | .prettyprint-dark .str, 94 | .prettyprint-dark .atv { color: #b5bd68; } 95 | -------------------------------------------------------------------------------- /docs/assets/js/google-code-prettify/prettify.js: -------------------------------------------------------------------------------- 1 | var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; 2 | (function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a= 3 | [],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;ci[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m), 9 | l=[],p={},d=0,g=e.length;d=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, 10 | q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/, 11 | q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g, 12 | "");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a), 13 | a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e} 14 | for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], 18 | "catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"], 19 | H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], 20 | J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+ 21 | I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]), 22 | ["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css", 23 | /^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}), 24 | ["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes", 25 | hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p=0){var k=k.match(g),f,b;if(b= 26 | !k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 |
79 |
80 |
81 | Project name 82 | 87 |
88 | 89 | 90 | 91 |
92 |
93 |
94 |
95 | 96 |
97 | 98 |
99 |
100 |

Page name Supporting text or tagline

101 |
102 |
103 |
104 |

Main content

105 |
106 |
107 |

Secondary content

108 |
109 |
110 |
111 | 112 |
113 |

© Company 2011

114 |
115 | 116 |
117 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /examples/fb-app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | App / Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 13 | 14 | 18 | 19 | 20 | 21 | 22 | 23 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
37 | 38 | 40 |
41 | 42 |
43 |

Hello, world!

44 |

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

45 |

Learn more »

46 |
47 | 48 | 49 |
50 |
51 |

Heading

52 |

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

53 |

View details »

54 |
55 |
56 |

Heading

57 |

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

58 |

View details »

59 |
60 |
61 |

Heading

62 |

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

63 |

View details »

64 |
65 |
66 |
67 | 68 | 70 |
71 |
72 |

Media Example thumbnails

73 |
74 |

Big

75 | 87 |

Medium

88 | 105 |

Small

106 | 128 |
129 | 130 | 131 | 132 | 134 |
135 |
136 |

Tables For, you guessed it, tabular data

137 |
138 | 139 |

Example: Default table styles

140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 |
#First NameLast NameLanguage
1SomeOneEnglish
2JoeSixpackEnglish
3StuDentCode
170 | 171 |

Example: Zebra-striped

172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 204 | 205 | 206 | 209 | 212 | 213 | 214 |
#First NameLast NameLanguage
1SomeOneEnglish
2JoeSixpackEnglish
3StuDentCode
202 | span 4 columns 203 |
207 | span 2 columns 208 | 210 | span 2 columns 211 |
215 | 216 |
217 | 218 | 219 | 220 | 222 |
223 |
224 |

Forms

225 |
226 | 227 |
228 |
229 | Example form legend 230 |
231 | 232 |
233 | 234 |
235 |
236 |
237 | 238 |
239 | 246 |
247 |
248 |
249 | 250 |
251 | 252 | Small snippet of help text 253 |
254 |
255 |
256 | 257 |
258 | 259 | Success! 260 |
261 |
262 |
263 | 264 |
265 | 266 | Ruh roh! 267 |
268 |
269 |
270 | 271 |
272 | Example form legend 273 |
274 | 275 |
276 |
    277 |
  • 278 | 282 |
    • 283 |
  • 284 | 288 |
    • 289 |
  • 290 | 294 |
    • 295 |
  • 296 | 300 |
    • 301 |
302 | 303 | Note: Labels surround all the options for much larger click areas and a more usable form. 304 | 305 |
306 |
307 |
308 | 309 |
310 | 311 | 312 | Block of help text to describe the field above if need be. 313 | 314 |
315 |
316 |
317 | 318 |
319 |
    320 |
  • 321 | 325 |
    • 326 |
  • 327 | 331 |
    • 332 |
333 |
334 |
335 |
336 |   337 |   338 |   339 | 340 |
341 |
342 |
343 | 344 |
345 | 346 | 347 | 348 | 350 | 400 | 401 | 402 | 403 | 405 |
406 | 407 |
408 | × 409 |

Holy guacamole! Best check yo self, you’re not looking too good.

410 |
411 |
412 | × 413 |

Oh snap! Change this and that and try again.

414 |
415 |
416 | × 417 |

Well done! You successfully read this alert message.

418 |
419 |
420 | × 421 |

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

422 |
423 | 424 |
425 | × 426 |

Holy guacamole! This is a warning! Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

427 |
428 | Take this action Or do this 429 |
430 |
431 |
432 | × 433 |

Oh snap! You got an error! Change this and that and try again.

434 |
    435 |
  • Duis mollis est non commodo luctus
    • 436 |
  • Nisi erat porttitor ligula
    • 437 |
  • Eget lacinia odio sem nec elit
    • 438 |
439 |
440 | Take this action Or do this 441 |
442 |
443 |
444 | × 445 |

Well done! You successfully read this alert message. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum.

446 |
447 | Take this action Or do this 448 |
449 |
450 |
451 | × 452 |

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

453 |
454 | Take this action Or do this 455 |
456 |
457 | 458 |
459 | 460 | 461 |
462 |

© Company 2011

463 |
464 | 465 |
466 | 467 | 468 | 469 | -------------------------------------------------------------------------------- /examples/fb-canvas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Canvas / Fbootstrapp by Clemens Krack, based on Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 13 | 14 | 18 | 19 | 20 | 21 | 22 | 23 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
37 | 38 | 40 |
41 | 42 |
43 |

Hello, world!

44 |

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

45 |

Learn more »

46 |
47 | 48 | 49 |
50 |
51 |

Heading

52 |

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

53 |

View details »

54 |
55 |
56 |

Heading

57 |

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

58 |

View details »

59 |
60 |
61 |

Heading

62 |

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

63 |

View details »

64 |
65 |
66 |
67 | 68 | 70 |
71 |
72 |

Media Example images

73 |
74 | 75 | 87 | 109 | 141 | 142 |
143 | 144 | 145 | 147 |
148 |
149 |

Tables For, you guessed it, tabular data

150 |
151 | 152 |

Example: Default table styles

153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 |
#First NameLast NameLanguage
1SomeOneEnglish
2JoeSixpackEnglish
3StuDentCode
183 | 184 |

Example: Zebra-striped

185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 217 | 218 | 219 | 222 | 225 | 226 | 227 |
#First NameLast NameLanguage
1SomeOneEnglish
2JoeSixpackEnglish
3StuDentCode
215 | span 4 columns 216 |
220 | span 2 columns 221 | 223 | span 2 columns 224 |
228 | 229 |
230 | 231 | 232 | 233 | 235 |
236 |
237 |

Forms

238 |
239 | 240 |
241 |
242 | Example form legend 243 |
244 | 245 |
246 | 247 |
248 |
249 |
250 | 251 |
252 | 259 |
260 |
261 |
262 | 263 |
264 | Example form legend 265 |
266 | 267 |
268 |
    269 |
  • 270 | 274 |
    • 275 |
  • 276 | 280 |
    • 281 |
  • 282 | 286 |
    • 287 |
  • 288 | 292 |
    • 293 |
294 | 295 | Note: Labels surround all the options for much larger click areas and a more usable form. 296 | 297 |
298 |
299 |
300 | 301 |
302 | 303 | 304 | Block of help text to describe the field above if need be. 305 | 306 |
307 |
308 |
309 | 310 |
311 |
    312 |
  • 313 | 317 |
    • 318 |
  • 319 | 323 |
    • 324 |
325 |
326 |
327 |
328 |   329 |   330 |   331 | 332 |
333 |
334 |
335 | 336 |
337 | 338 | 339 | 340 | 342 | 392 | 393 | 394 | 395 | 397 |
398 | 399 |
400 | × 401 |

Holy guacamole! Best check yo self, you’re not looking too good.

402 |
403 |
404 | × 405 |

Oh snap! Change this and that and try again.

406 |
407 |
408 | × 409 |

Well done! You successfully read this alert message.

410 |
411 |
412 | × 413 |

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

414 |
415 | 416 |
417 | × 418 |

Holy guacamole! This is a warning! Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

419 |
420 | Take this action Or do this 421 |
422 |
423 |
424 | × 425 |

Oh snap! You got an error! Change this and that and try again.

426 |
    427 |
  • Duis mollis est non commodo luctus
    • 428 |
  • Nisi erat porttitor ligula
    • 429 |
  • Eget lacinia odio sem nec elit
    • 430 |
431 |
432 | Take this action Or do this 433 |
434 |
435 |
436 | × 437 |

Well done! You successfully read this alert message. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum.

438 |
439 | Take this action Or do this 440 |
441 |
442 |
443 | × 444 |

Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.

445 |
446 | Take this action Or do this 447 |
448 |
449 | 450 |
451 | 452 |
453 |

© Company 2011

454 |
455 | 456 |
457 | 458 | 459 | 460 | -------------------------------------------------------------------------------- /examples/fluid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | Project name 35 | 40 |

Logged in as username

41 |
42 |
43 |
44 | 45 |
46 |
47 |
48 |
Sidebar
49 | 55 |
Sidebar
56 | 64 |
Sidebar
65 | 69 |
70 |
71 |
72 | 73 |
74 |

Hello, world!

75 |

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

76 |

Learn more »

77 |
78 | 79 |
80 |
81 |

Heading

82 |

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

83 |

View details »

84 |
85 |
86 |

Heading

87 |

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

88 |

View details »

89 |
90 |
91 |

Heading

92 |

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

93 |

View details »

94 |
95 |
96 |
97 | 98 |
99 |
100 |

Heading

101 |

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

102 |

View details »

103 |
104 |
105 |

Heading

106 |

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

107 |

View details »

108 |
109 |
110 |

Heading

111 |

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

112 |

View details »

113 |
114 |
115 |
116 |

© Company 2011

117 |
118 |
119 |
120 | 121 | 122 | -------------------------------------------------------------------------------- /examples/hero.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Bootstrap, from Twitter 6 | 7 | 8 | 9 | 10 | 13 | 14 | 15 | 16 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 |
32 |
33 |
34 | Project name 35 | 40 |
41 |
42 |
43 | 44 |
45 | 46 | 47 |
48 |

Hello, world!

49 |

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

50 |

Learn more »

51 |
52 | 53 | 54 |
55 |
56 |

Heading

57 |

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

58 |

View details »

59 |
60 |
61 |

Heading

62 |

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

63 |

View details »

64 |
65 |
66 |

Heading

67 |

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

68 |

View details »

69 |
70 |
71 | 72 |
73 |

© Company 2011

74 |
75 | 76 |
77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /js/bootstrap-alerts.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-alerts.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#alerts 4 | * ========================================================== 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================== */ 19 | 20 | 21 | !function( $ ){ 22 | 23 | "use strict" 24 | 25 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 26 | * ======================================================= */ 27 | 28 | var transitionEnd 29 | 30 | $(document).ready(function () { 31 | 32 | $.support.transition = (function () { 33 | var thisBody = document.body || document.documentElement 34 | , thisStyle = thisBody.style 35 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 36 | return support 37 | })() 38 | 39 | // set CSS transition event type 40 | if ( $.support.transition ) { 41 | transitionEnd = "TransitionEnd" 42 | if ( $.browser.webkit ) { 43 | transitionEnd = "webkitTransitionEnd" 44 | } else if ( $.browser.mozilla ) { 45 | transitionEnd = "transitionend" 46 | } else if ( $.browser.opera ) { 47 | transitionEnd = "oTransitionEnd" 48 | } 49 | } 50 | 51 | }) 52 | 53 | /* ALERT CLASS DEFINITION 54 | * ====================== */ 55 | 56 | var Alert = function ( content, options ) { 57 | if (options == 'close') return this.close.call(content) 58 | this.settings = $.extend({}, $.fn.alert.defaults, options) 59 | this.$element = $(content) 60 | .delegate(this.settings.selector, 'click', this.close) 61 | } 62 | 63 | Alert.prototype = { 64 | 65 | close: function (e) { 66 | var $element = $(this) 67 | , className = 'alert-message' 68 | 69 | $element = $element.hasClass(className) ? $element : $element.parent() 70 | 71 | e && e.preventDefault() 72 | $element.removeClass('in') 73 | 74 | function removeElement () { 75 | $element.remove() 76 | } 77 | 78 | $.support.transition && $element.hasClass('fade') ? 79 | $element.bind(transitionEnd, removeElement) : 80 | removeElement() 81 | } 82 | 83 | } 84 | 85 | 86 | /* ALERT PLUGIN DEFINITION 87 | * ======================= */ 88 | 89 | $.fn.alert = function ( options ) { 90 | 91 | if ( options === true ) { 92 | return this.data('alert') 93 | } 94 | 95 | return this.each(function () { 96 | var $this = $(this) 97 | , data 98 | 99 | if ( typeof options == 'string' ) { 100 | 101 | data = $this.data('alert') 102 | 103 | if (typeof data == 'object') { 104 | return data[options].call( $this ) 105 | } 106 | 107 | } 108 | 109 | $(this).data('alert', new Alert( this, options )) 110 | 111 | }) 112 | } 113 | 114 | $.fn.alert.defaults = { 115 | selector: '.close' 116 | } 117 | 118 | $(document).ready(function () { 119 | new Alert($('body'), { 120 | selector: '.alert-message[data-alert] .close' 121 | }) 122 | }) 123 | 124 | }( window.jQuery || window.ender ); -------------------------------------------------------------------------------- /js/bootstrap-buttons.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrap-buttons.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#buttons 4 | * ============================================================ 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | !function( $ ){ 21 | 22 | "use strict" 23 | 24 | function setState(el, state) { 25 | var d = 'disabled' 26 | , $el = $(el) 27 | , data = $el.data() 28 | 29 | state = state + 'Text' 30 | data.resetText || $el.data('resetText', $el.html()) 31 | 32 | $el.html( data[state] || $.fn.button.defaults[state] ) 33 | 34 | setTimeout(function () { 35 | state == 'loadingText' ? 36 | $el.addClass(d).attr(d, d) : 37 | $el.removeClass(d).removeAttr(d) 38 | }, 0) 39 | } 40 | 41 | function toggle(el) { 42 | $(el).toggleClass('active') 43 | } 44 | 45 | $.fn.button = function(options) { 46 | return this.each(function () { 47 | if (options == 'toggle') { 48 | return toggle(this) 49 | } 50 | options && setState(this, options) 51 | }) 52 | } 53 | 54 | $.fn.button.defaults = { 55 | loadingText: 'loading...' 56 | } 57 | 58 | $(function () { 59 | $('body').delegate('.btn[data-toggle]', 'click', function () { 60 | $(this).button('toggle') 61 | }) 62 | }) 63 | 64 | }( window.jQuery || window.ender ); -------------------------------------------------------------------------------- /js/bootstrap-dropdown.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrap-dropdown.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#dropdown 4 | * ============================================================ 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function( $ ){ 22 | 23 | "use strict" 24 | 25 | /* DROPDOWN PLUGIN DEFINITION 26 | * ========================== */ 27 | 28 | $.fn.dropdown = function ( selector ) { 29 | return this.each(function () { 30 | $(this).delegate(selector || d, 'click', function (e) { 31 | var li = $(this).parent('li') 32 | , isActive = li.hasClass('open') 33 | 34 | clearMenus() 35 | !isActive && li.toggleClass('open') 36 | return false 37 | }) 38 | }) 39 | } 40 | 41 | /* APPLY TO STANDARD DROPDOWN ELEMENTS 42 | * =================================== */ 43 | 44 | var d = 'a.menu, .dropdown-toggle' 45 | 46 | function clearMenus() { 47 | $(d).parent('li').removeClass('open') 48 | } 49 | 50 | $(function () { 51 | $('html').bind("click", clearMenus) 52 | $('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' ) 53 | }) 54 | 55 | }( window.jQuery || window.ender ); 56 | -------------------------------------------------------------------------------- /js/bootstrap-modal.js: -------------------------------------------------------------------------------- 1 | /* ========================================================= 2 | * bootstrap-modal.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#modal 4 | * ========================================================= 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================= */ 19 | 20 | 21 | !function( $ ){ 22 | 23 | "use strict" 24 | 25 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 26 | * ======================================================= */ 27 | 28 | var transitionEnd 29 | 30 | $(document).ready(function () { 31 | 32 | $.support.transition = (function () { 33 | var thisBody = document.body || document.documentElement 34 | , thisStyle = thisBody.style 35 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 36 | return support 37 | })() 38 | 39 | // set CSS transition event type 40 | if ( $.support.transition ) { 41 | transitionEnd = "TransitionEnd" 42 | if ( $.browser.webkit ) { 43 | transitionEnd = "webkitTransitionEnd" 44 | } else if ( $.browser.mozilla ) { 45 | transitionEnd = "transitionend" 46 | } else if ( $.browser.opera ) { 47 | transitionEnd = "oTransitionEnd" 48 | } 49 | } 50 | 51 | }) 52 | 53 | 54 | /* MODAL PUBLIC CLASS DEFINITION 55 | * ============================= */ 56 | 57 | var Modal = function ( content, options ) { 58 | this.settings = $.extend({}, $.fn.modal.defaults, options) 59 | this.$element = $(content) 60 | .delegate('.close', 'click.modal', $.proxy(this.hide, this)) 61 | 62 | if ( this.settings.show ) { 63 | this.show() 64 | } 65 | 66 | return this 67 | } 68 | 69 | Modal.prototype = { 70 | 71 | toggle: function () { 72 | return this[!this.isShown ? 'show' : 'hide']() 73 | } 74 | 75 | , show: function () { 76 | var that = this 77 | this.isShown = true 78 | this.$element.trigger('show') 79 | 80 | escape.call(this) 81 | backdrop.call(this, function () { 82 | var transition = $.support.transition && that.$element.hasClass('fade') 83 | 84 | that.$element 85 | .appendTo(document.body) 86 | .show() 87 | 88 | if (transition) { 89 | that.$element[0].offsetWidth // force reflow 90 | } 91 | 92 | that.$element.addClass('in') 93 | 94 | transition ? 95 | that.$element.one(transitionEnd, function () { that.$element.trigger('shown') }) : 96 | that.$element.trigger('shown') 97 | 98 | }) 99 | 100 | return this 101 | } 102 | 103 | , hide: function (e) { 104 | e && e.preventDefault() 105 | 106 | if ( !this.isShown ) { 107 | return this 108 | } 109 | 110 | var that = this 111 | this.isShown = false 112 | 113 | escape.call(this) 114 | 115 | this.$element 116 | .trigger('hide') 117 | .removeClass('in') 118 | 119 | $.support.transition && this.$element.hasClass('fade') ? 120 | hideWithTransition.call(this) : 121 | hideModal.call(this) 122 | 123 | return this 124 | } 125 | 126 | } 127 | 128 | 129 | /* MODAL PRIVATE METHODS 130 | * ===================== */ 131 | 132 | function hideWithTransition() { 133 | // firefox drops transitionEnd events :{o 134 | var that = this 135 | , timeout = setTimeout(function () { 136 | that.$element.unbind(transitionEnd) 137 | hideModal.call(that) 138 | }, 500) 139 | 140 | this.$element.one(transitionEnd, function () { 141 | clearTimeout(timeout) 142 | hideModal.call(that) 143 | }) 144 | } 145 | 146 | function hideModal (that) { 147 | this.$element 148 | .hide() 149 | .trigger('hidden') 150 | 151 | backdrop.call(this) 152 | } 153 | 154 | function backdrop ( callback ) { 155 | var that = this 156 | , animate = this.$element.hasClass('fade') ? 'fade' : '' 157 | if ( this.isShown && this.settings.backdrop ) { 158 | var doAnimate = $.support.transition && animate 159 | 160 | this.$backdrop = $('
') 161 | .appendTo(document.body) 162 | 163 | if ( this.settings.backdrop != 'static' ) { 164 | this.$backdrop.click($.proxy(this.hide, this)) 165 | } 166 | 167 | if ( doAnimate ) { 168 | this.$backdrop[0].offsetWidth // force reflow 169 | } 170 | 171 | this.$backdrop.addClass('in') 172 | 173 | doAnimate ? 174 | this.$backdrop.one(transitionEnd, callback) : 175 | callback() 176 | 177 | } else if ( !this.isShown && this.$backdrop ) { 178 | this.$backdrop.removeClass('in') 179 | 180 | $.support.transition && this.$element.hasClass('fade')? 181 | this.$backdrop.one(transitionEnd, $.proxy(removeBackdrop, this)) : 182 | removeBackdrop.call(this) 183 | 184 | } else if ( callback ) { 185 | callback() 186 | } 187 | } 188 | 189 | function removeBackdrop() { 190 | this.$backdrop.remove() 191 | this.$backdrop = null 192 | } 193 | 194 | function escape() { 195 | var that = this 196 | if ( this.isShown && this.settings.keyboard ) { 197 | $(document).bind('keyup.modal', function ( e ) { 198 | if ( e.which == 27 ) { 199 | that.hide() 200 | } 201 | }) 202 | } else if ( !this.isShown ) { 203 | $(document).unbind('keyup.modal') 204 | } 205 | } 206 | 207 | 208 | /* MODAL PLUGIN DEFINITION 209 | * ======================= */ 210 | 211 | $.fn.modal = function ( options ) { 212 | var modal = this.data('modal') 213 | 214 | if (!modal) { 215 | 216 | if (typeof options == 'string') { 217 | options = { 218 | show: /show|toggle/.test(options) 219 | } 220 | } 221 | 222 | return this.each(function () { 223 | $(this).data('modal', new Modal(this, options)) 224 | }) 225 | } 226 | 227 | if ( options === true ) { 228 | return modal 229 | } 230 | 231 | if ( typeof options == 'string' ) { 232 | modal[options]() 233 | } else if ( modal ) { 234 | modal.toggle() 235 | } 236 | 237 | return this 238 | } 239 | 240 | $.fn.modal.Modal = Modal 241 | 242 | $.fn.modal.defaults = { 243 | backdrop: false 244 | , keyboard: false 245 | , show: false 246 | } 247 | 248 | 249 | /* MODAL DATA- IMPLEMENTATION 250 | * ========================== */ 251 | 252 | $(document).ready(function () { 253 | $('body').delegate('[data-controls-modal]', 'click', function (e) { 254 | e.preventDefault() 255 | var $this = $(this).data('show', true) 256 | $('#' + $this.attr('data-controls-modal')).modal( $this.data() ) 257 | }) 258 | }) 259 | 260 | }( window.jQuery || window.ender ); 261 | -------------------------------------------------------------------------------- /js/bootstrap-popover.js: -------------------------------------------------------------------------------- 1 | /* =========================================================== 2 | * bootstrap-popover.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#popover 4 | * =========================================================== 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * =========================================================== */ 19 | 20 | 21 | !function( $ ) { 22 | 23 | "use strict" 24 | 25 | var Popover = function ( element, options ) { 26 | this.$element = $(element) 27 | this.options = options 28 | this.enabled = true 29 | this.fixTitle() 30 | } 31 | 32 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js 33 | ========================================= */ 34 | 35 | Popover.prototype = $.extend({}, $.fn.twipsy.Twipsy.prototype, { 36 | 37 | setContent: function () { 38 | var $tip = this.tip() 39 | $tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle()) 40 | $tip.find('.content > *')[this.options.html ? 'html' : 'text'](this.getContent()) 41 | $tip[0].className = 'popover' 42 | } 43 | 44 | , hasContent: function () { 45 | return this.getTitle() || this.getContent() 46 | } 47 | 48 | , getContent: function () { 49 | var content 50 | , $e = this.$element 51 | , o = this.options 52 | 53 | if (typeof this.options.content == 'string') { 54 | content = $e.attr(this.options.content) 55 | } else if (typeof this.options.content == 'function') { 56 | content = this.options.content.call(this.$element[0]) 57 | } 58 | 59 | return content 60 | } 61 | 62 | , tip: function() { 63 | if (!this.$tip) { 64 | this.$tip = $('
') 65 | .html(this.options.template) 66 | } 67 | return this.$tip 68 | } 69 | 70 | }) 71 | 72 | 73 | /* POPOVER PLUGIN DEFINITION 74 | * ======================= */ 75 | 76 | $.fn.popover = function (options) { 77 | if (typeof options == 'object') options = $.extend({}, $.fn.popover.defaults, options) 78 | $.fn.twipsy.initWith.call(this, options, Popover, 'popover') 79 | return this 80 | } 81 | 82 | $.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { 83 | placement: 'right' 84 | , content: 'data-content' 85 | , template: '

' 86 | }) 87 | 88 | $.fn.twipsy.rejectAttrOptions.push( 'content' ) 89 | 90 | }( window.jQuery || window.ender ); 91 | -------------------------------------------------------------------------------- /js/bootstrap-scrollspy.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-scrollspy.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#scrollspy 4 | * ============================================================= 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================== */ 19 | 20 | 21 | !function ( $ ) { 22 | 23 | "use strict" 24 | 25 | var $window = $(window) 26 | 27 | function ScrollSpy( topbar, selector ) { 28 | var processScroll = $.proxy(this.processScroll, this) 29 | this.$topbar = $(topbar) 30 | this.selector = selector || 'li > a' 31 | this.refresh() 32 | this.$topbar.delegate(this.selector, 'click', processScroll) 33 | $window.scroll(processScroll) 34 | this.processScroll() 35 | } 36 | 37 | ScrollSpy.prototype = { 38 | 39 | refresh: function () { 40 | this.targets = this.$topbar.find(this.selector).map(function () { 41 | var href = $(this).attr('href') 42 | return /^#\w/.test(href) && $(href).length ? href : null 43 | }) 44 | 45 | this.offsets = $.map(this.targets, function (id) { 46 | return $(id).offset().top 47 | }) 48 | } 49 | 50 | , processScroll: function () { 51 | var scrollTop = $window.scrollTop() + 10 52 | , offsets = this.offsets 53 | , targets = this.targets 54 | , activeTarget = this.activeTarget 55 | , i 56 | 57 | for (i = offsets.length; i--;) { 58 | activeTarget != targets[i] 59 | && scrollTop >= offsets[i] 60 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) 61 | && this.activateButton( targets[i] ) 62 | } 63 | } 64 | 65 | , activateButton: function (target) { 66 | this.activeTarget = target 67 | 68 | this.$topbar 69 | .find(this.selector).parent('.active') 70 | .removeClass('active') 71 | 72 | this.$topbar 73 | .find(this.selector + '[href="' + target + '"]') 74 | .parent('li') 75 | .addClass('active') 76 | } 77 | 78 | } 79 | 80 | /* SCROLLSPY PLUGIN DEFINITION 81 | * =========================== */ 82 | 83 | $.fn.scrollSpy = function( options ) { 84 | var scrollspy = this.data('scrollspy') 85 | 86 | if (!scrollspy) { 87 | return this.each(function () { 88 | $(this).data('scrollspy', new ScrollSpy( this, options )) 89 | }) 90 | } 91 | 92 | if ( options === true ) { 93 | return scrollspy 94 | } 95 | 96 | if ( typeof options == 'string' ) { 97 | scrollspy[options]() 98 | } 99 | 100 | return this 101 | } 102 | 103 | $(document).ready(function () { 104 | $('body').scrollSpy('[data-scrollspy] li > a') 105 | }) 106 | 107 | }( window.jQuery || window.ender ); -------------------------------------------------------------------------------- /js/bootstrap-tabs.js: -------------------------------------------------------------------------------- 1 | /* ======================================================== 2 | * bootstrap-tabs.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#tabs 4 | * ======================================================== 5 | * Copyright 2011 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ======================================================== */ 19 | 20 | 21 | !function( $ ){ 22 | 23 | "use strict" 24 | 25 | function activate ( element, container ) { 26 | container 27 | .find('> .active') 28 | .removeClass('active') 29 | .find('> .dropdown-menu > .active') 30 | .removeClass('active') 31 | 32 | element.addClass('active') 33 | 34 | if ( element.parent('.dropdown-menu') ) { 35 | element.closest('li.dropdown').addClass('active') 36 | } 37 | } 38 | 39 | function tab( e ) { 40 | var $this = $(this) 41 | , $ul = $this.closest('ul:not(.dropdown-menu)') 42 | , href = $this.attr('href') 43 | , previous 44 | , $href 45 | 46 | if ( /^#\w+/.test(href) ) { 47 | e.preventDefault() 48 | 49 | if ( $this.parent('li').hasClass('active') ) { 50 | return 51 | } 52 | 53 | previous = $ul.find('.active a').last()[0] 54 | $href = $(href) 55 | 56 | activate($this.parent('li'), $ul) 57 | activate($href, $href.parent()) 58 | 59 | $this.trigger({ 60 | type: 'change' 61 | , relatedTarget: previous 62 | }) 63 | } 64 | } 65 | 66 | 67 | /* TABS/PILLS PLUGIN DEFINITION 68 | * ============================ */ 69 | 70 | $.fn.tabs = $.fn.pills = function ( selector ) { 71 | return this.each(function () { 72 | $(this).delegate(selector || '.tabs li > a, .pills > li > a', 'click', tab) 73 | }) 74 | } 75 | 76 | $(document).ready(function () { 77 | $('body').tabs('ul[data-tabs] li > a, ul[data-pills] > li > a') 78 | }) 79 | 80 | }( window.jQuery || window.ender ); 81 | -------------------------------------------------------------------------------- /js/bootstrap-twipsy.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-twipsy.js v1.4.0 3 | * http://twitter.github.com/bootstrap/javascript.html#twipsy 4 | * Adapted from the original jQuery.tipsy by Jason Frame 5 | * ========================================================== 6 | * Copyright 2011 Twitter, Inc. 7 | * 8 | * Licensed under the Apache License, Version 2.0 (the "License"); 9 | * you may not use this file except in compliance with the License. 10 | * You may obtain a copy of the License at 11 | * 12 | * http://www.apache.org/licenses/LICENSE-2.0 13 | * 14 | * Unless required by applicable law or agreed to in writing, software 15 | * distributed under the License is distributed on an "AS IS" BASIS, 16 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 17 | * See the License for the specific language governing permissions and 18 | * limitations under the License. 19 | * ========================================================== */ 20 | 21 | 22 | !function( $ ) { 23 | 24 | "use strict" 25 | 26 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 27 | * ======================================================= */ 28 | 29 | var transitionEnd 30 | 31 | $(document).ready(function () { 32 | 33 | $.support.transition = (function () { 34 | var thisBody = document.body || document.documentElement 35 | , thisStyle = thisBody.style 36 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 37 | return support 38 | })() 39 | 40 | // set CSS transition event type 41 | if ( $.support.transition ) { 42 | transitionEnd = "TransitionEnd" 43 | if ( $.browser.webkit ) { 44 | transitionEnd = "webkitTransitionEnd" 45 | } else if ( $.browser.mozilla ) { 46 | transitionEnd = "transitionend" 47 | } else if ( $.browser.opera ) { 48 | transitionEnd = "oTransitionEnd" 49 | } 50 | } 51 | 52 | }) 53 | 54 | 55 | /* TWIPSY PUBLIC CLASS DEFINITION 56 | * ============================== */ 57 | 58 | var Twipsy = function ( element, options ) { 59 | this.$element = $(element) 60 | this.options = options 61 | this.enabled = true 62 | this.fixTitle() 63 | } 64 | 65 | Twipsy.prototype = { 66 | 67 | show: function() { 68 | var pos 69 | , actualWidth 70 | , actualHeight 71 | , placement 72 | , $tip 73 | , tp 74 | 75 | if (this.hasContent() && this.enabled) { 76 | $tip = this.tip() 77 | this.setContent() 78 | 79 | if (this.options.animate) { 80 | $tip.addClass('fade') 81 | } 82 | 83 | $tip 84 | .remove() 85 | .css({ top: 0, left: 0, display: 'block' }) 86 | .prependTo(document.body) 87 | 88 | pos = $.extend({}, this.$element.offset(), { 89 | width: this.$element[0].offsetWidth 90 | , height: this.$element[0].offsetHeight 91 | }) 92 | 93 | actualWidth = $tip[0].offsetWidth 94 | actualHeight = $tip[0].offsetHeight 95 | 96 | placement = maybeCall(this.options.placement, this, [ $tip[0], this.$element[0] ]) 97 | 98 | switch (placement) { 99 | case 'below': 100 | tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} 101 | break 102 | case 'above': 103 | tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} 104 | break 105 | case 'left': 106 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset} 107 | break 108 | case 'right': 109 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset} 110 | break 111 | } 112 | 113 | $tip 114 | .css(tp) 115 | .addClass(placement) 116 | .addClass('in') 117 | } 118 | } 119 | 120 | , setContent: function () { 121 | var $tip = this.tip() 122 | $tip.find('.twipsy-inner')[this.options.html ? 'html' : 'text'](this.getTitle()) 123 | $tip[0].className = 'twipsy' 124 | } 125 | 126 | , hide: function() { 127 | var that = this 128 | , $tip = this.tip() 129 | 130 | $tip.removeClass('in') 131 | 132 | function removeElement () { 133 | $tip.remove() 134 | } 135 | 136 | $.support.transition && this.$tip.hasClass('fade') ? 137 | $tip.bind(transitionEnd, removeElement) : 138 | removeElement() 139 | } 140 | 141 | , fixTitle: function() { 142 | var $e = this.$element 143 | if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { 144 | $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title') 145 | } 146 | } 147 | 148 | , hasContent: function () { 149 | return this.getTitle() 150 | } 151 | 152 | , getTitle: function() { 153 | var title 154 | , $e = this.$element 155 | , o = this.options 156 | 157 | this.fixTitle() 158 | 159 | if (typeof o.title == 'string') { 160 | title = $e.attr(o.title == 'title' ? 'data-original-title' : o.title) 161 | } else if (typeof o.title == 'function') { 162 | title = o.title.call($e[0]) 163 | } 164 | 165 | title = ('' + title).replace(/(^\s*|\s*$)/, "") 166 | 167 | return title || o.fallback 168 | } 169 | 170 | , tip: function() { 171 | return this.$tip = this.$tip || $('
').html(this.options.template) 172 | } 173 | 174 | , validate: function() { 175 | if (!this.$element[0].parentNode) { 176 | this.hide() 177 | this.$element = null 178 | this.options = null 179 | } 180 | } 181 | 182 | , enable: function() { 183 | this.enabled = true 184 | } 185 | 186 | , disable: function() { 187 | this.enabled = false 188 | } 189 | 190 | , toggleEnabled: function() { 191 | this.enabled = !this.enabled 192 | } 193 | 194 | , toggle: function () { 195 | this[this.tip().hasClass('in') ? 'hide' : 'show']() 196 | } 197 | 198 | } 199 | 200 | 201 | /* TWIPSY PRIVATE METHODS 202 | * ====================== */ 203 | 204 | function maybeCall ( thing, ctx, args ) { 205 | return typeof thing == 'function' ? thing.apply(ctx, args) : thing 206 | } 207 | 208 | /* TWIPSY PLUGIN DEFINITION 209 | * ======================== */ 210 | 211 | $.fn.twipsy = function (options) { 212 | $.fn.twipsy.initWith.call(this, options, Twipsy, 'twipsy') 213 | return this 214 | } 215 | 216 | $.fn.twipsy.initWith = function (options, Constructor, name) { 217 | var twipsy 218 | , binder 219 | , eventIn 220 | , eventOut 221 | 222 | if (options === true) { 223 | return this.data(name) 224 | } else if (typeof options == 'string') { 225 | twipsy = this.data(name) 226 | if (twipsy) { 227 | twipsy[options]() 228 | } 229 | return this 230 | } 231 | 232 | options = $.extend({}, $.fn[name].defaults, options) 233 | 234 | function get(ele) { 235 | var twipsy = $.data(ele, name) 236 | 237 | if (!twipsy) { 238 | twipsy = new Constructor(ele, $.fn.twipsy.elementOptions(ele, options)) 239 | $.data(ele, name, twipsy) 240 | } 241 | 242 | return twipsy 243 | } 244 | 245 | function enter() { 246 | var twipsy = get(this) 247 | twipsy.hoverState = 'in' 248 | 249 | if (options.delayIn == 0) { 250 | twipsy.show() 251 | } else { 252 | twipsy.fixTitle() 253 | setTimeout(function() { 254 | if (twipsy.hoverState == 'in') { 255 | twipsy.show() 256 | } 257 | }, options.delayIn) 258 | } 259 | } 260 | 261 | function leave() { 262 | var twipsy = get(this) 263 | twipsy.hoverState = 'out' 264 | if (options.delayOut == 0) { 265 | twipsy.hide() 266 | } else { 267 | setTimeout(function() { 268 | if (twipsy.hoverState == 'out') { 269 | twipsy.hide() 270 | } 271 | }, options.delayOut) 272 | } 273 | } 274 | 275 | if (!options.live) { 276 | this.each(function() { 277 | get(this) 278 | }) 279 | } 280 | 281 | if (options.trigger != 'manual') { 282 | binder = options.live ? 'live' : 'bind' 283 | eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus' 284 | eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur' 285 | this[binder](eventIn, enter)[binder](eventOut, leave) 286 | } 287 | 288 | return this 289 | } 290 | 291 | $.fn.twipsy.Twipsy = Twipsy 292 | 293 | $.fn.twipsy.defaults = { 294 | animate: true 295 | , delayIn: 0 296 | , delayOut: 0 297 | , fallback: '' 298 | , placement: 'above' 299 | , html: false 300 | , live: false 301 | , offset: 0 302 | , title: 'title' 303 | , trigger: 'hover' 304 | , template: '
' 305 | } 306 | 307 | $.fn.twipsy.rejectAttrOptions = [ 'title' ] 308 | 309 | $.fn.twipsy.elementOptions = function(ele, options) { 310 | var data = $(ele).data() 311 | , rejects = $.fn.twipsy.rejectAttrOptions 312 | , i = rejects.length 313 | 314 | while (i--) { 315 | delete data[rejects[i]] 316 | } 317 | 318 | return $.extend({}, options, data) 319 | } 320 | 321 | }( window.jQuery || window.ender ); -------------------------------------------------------------------------------- /js/tests/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Bootstrap Plugin Test Suite 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 |
33 |

Bootstrap Plugin Test Suite

34 |

35 |

36 |
    37 |
    38 |
    39 | 40 | -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-alerts.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-alerts") 4 | 5 | test("should be defined on jquery object", function () { 6 | ok($(document.body).alert, 'alert method is defined') 7 | }) 8 | 9 | test("should return element", function () { 10 | ok($(document.body).alert()[0] == document.body, 'document.body returned') 11 | }) 12 | 13 | test("should fade element out on clicking .close", function () { 14 | var alertHTML = '
    ' 15 | + '×' 16 | + '

    Holy guacamole! Best check yo self, you’re not looking too good.

    ' 17 | + '
    ' 18 | , alert = $(alertHTML).alert() 19 | 20 | alert.find('.close').click() 21 | 22 | ok(!alert.hasClass('in'), 'remove .in class on .close click') 23 | }) 24 | 25 | test("should remove element when clicking .close", function () { 26 | $.support.transition = false 27 | 28 | var alertHTML = '
    ' 29 | + '×' 30 | + '

    Holy guacamole! Best check yo self, you’re not looking too good.

    ' 31 | + '
    ' 32 | , alert = $(alertHTML).appendTo('#qunit-runoff').alert() 33 | 34 | ok($('#qunit-runoff').find('.alert-message').length, 'element added to dom') 35 | 36 | alert.find('.close').click() 37 | 38 | ok(!$('#qunit-runoff').find('.alert-message').length, 'element removed from dom') 39 | }) 40 | 41 | }) -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-buttons.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-buttons") 4 | 5 | test("should be defined on jquery object", function () { 6 | ok($(document.body).button, 'tabs method is defined') 7 | }) 8 | 9 | test("should return element", function () { 10 | ok($(document.body).button()[0] == document.body, 'document.body returned') 11 | }) 12 | 13 | test("should return set state to loading", function () { 14 | var btn = $('') 15 | equals(btn.html(), 'mdo', 'btn text equals mdo') 16 | btn.button('loading') 17 | equals(btn.html(), 'fat', 'btn text equals fat') 18 | ok(btn.attr('disabled'), 'btn is disabled') 19 | ok(btn.hasClass('disabled'), 'btn has disabled class') 20 | }) 21 | 22 | test("should return reset state", function () { 23 | var btn = $('') 24 | equals(btn.html(), 'mdo', 'btn text equals mdo') 25 | btn.button('loading') 26 | equals(btn.html(), 'fat', 'btn text equals fat') 27 | ok(btn.attr('disabled'), 'btn is disabled') 28 | ok(btn.hasClass('disabled'), 'btn is disabled') 29 | btn.button('reset') 30 | equals(btn.html(), 'mdo', 'btn text equals mdo') 31 | ok(!btn.attr('disabled'), 'btn is not disabled') 32 | ok(!btn.hasClass('disabled'), 'btn does not have disabled class') 33 | }) 34 | 35 | test("should toggle active", function () { 36 | var btn = $('') 37 | ok(!btn.hasClass('active'), 'btn does not have active class') 38 | btn.button('toggle') 39 | ok(btn.hasClass('active'), 'btn has class active') 40 | }) 41 | 42 | }) -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-dropdown.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-dropdowns") 4 | 5 | test("should be defined on jquery object", function () { 6 | ok($(document.body).dropdown, 'dropdown method is defined') 7 | }) 8 | 9 | test("should return element", function () { 10 | ok($(document.body).dropdown()[0] == document.body, 'document.body returned') 11 | }) 12 | 13 | test("should add class open to menu if clicked", function () { 14 | var dropdownHTML = '' 25 | , dropdown = $(dropdownHTML).dropdown() 26 | 27 | dropdown.find('.dropdown-toggle').click() 28 | ok(dropdown.find('.dropdown').hasClass('open'), 'open class added on click') 29 | }) 30 | 31 | test("should remove open class if body clicked", function () { 32 | var dropdownHTML = '' 43 | , dropdown = $(dropdownHTML).dropdown().appendTo('#qunit-runoff') 44 | 45 | dropdown.find('.dropdown-toggle').click() 46 | ok(dropdown.find('.dropdown').hasClass('open'), 'open class added on click') 47 | $('body').click() 48 | ok(!dropdown.find('.dropdown').hasClass('open'), 'open class removed') 49 | dropdown.remove() 50 | }) 51 | 52 | }) -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-modal.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-modal") 4 | 5 | test("should be defined on jquery object", function () { 6 | var div = $("") 7 | ok(div.modal, 'modal method is defined') 8 | }) 9 | 10 | test("should return element", function () { 11 | var div = $("") 12 | ok(div.modal() == div, 'div element returned') 13 | }) 14 | 15 | test("should expose defaults var for settings", function () { 16 | ok($.fn.modal.defaults, 'default object exposed') 17 | }) 18 | 19 | test("should insert into dom when show method is called", function () { 20 | stop() 21 | $.support.transition = false 22 | var div = $("") 23 | div 24 | .modal() 25 | .bind("shown", function () { 26 | ok($('#modal-test').length, 'modal insterted into dom') 27 | start() 28 | div.remove() 29 | }) 30 | .modal("show") 31 | }) 32 | 33 | test("should hide modal when hide is called", function () { 34 | stop() 35 | $.support.transition = false 36 | var div = $("") 37 | div 38 | .modal() 39 | .bind("shown", function () { 40 | ok($('#modal-test').is(":visible"), 'modal visible') 41 | ok($('#modal-test').length, 'modal insterted into dom') 42 | div.modal("hide") 43 | }) 44 | .bind("hidden", function() { 45 | ok(!$('#modal-test').is(":visible"), 'modal hidden') 46 | start() 47 | div.remove() 48 | }) 49 | .modal("show") 50 | }) 51 | 52 | test("should toggle when toggle is called", function () { 53 | stop() 54 | $.support.transition = false 55 | var div = $("") 56 | div 57 | .modal() 58 | .bind("shown", function () { 59 | ok($('#modal-test').is(":visible"), 'modal visible') 60 | ok($('#modal-test').length, 'modal insterted into dom') 61 | div.modal("toggle") 62 | }) 63 | .bind("hidden", function() { 64 | ok(!$('#modal-test').is(":visible"), 'modal hidden') 65 | start() 66 | div.remove() 67 | }) 68 | .modal("toggle") 69 | }) 70 | 71 | test("should remove from dom when click .close", function () { 72 | stop() 73 | $.support.transition = false 74 | var div = $("") 75 | div 76 | .modal() 77 | .bind("shown", function () { 78 | ok($('#modal-test').is(":visible"), 'modal visible') 79 | ok($('#modal-test').length, 'modal insterted into dom') 80 | div.find('.close').click() 81 | }) 82 | .bind("hidden", function() { 83 | ok(!$('#modal-test').is(":visible"), 'modal hidden') 84 | start() 85 | div.remove() 86 | }) 87 | .modal("toggle") 88 | }) 89 | 90 | test("should add backdrop when desired", function () { 91 | stop() 92 | $.support.transition = false 93 | var div = $("") 94 | div 95 | .modal({ backdrop:true }) 96 | .bind("shown", function () { 97 | equal($('.modal-backdrop').length, 1, 'modal backdrop inserted into dom') 98 | start() 99 | div.remove() 100 | $('.modal-backdrop').remove() 101 | }) 102 | .modal("show") 103 | }) 104 | 105 | test("should not add backdrop when not desired", function () { 106 | stop() 107 | $.support.transition = false 108 | var div = $("") 109 | div 110 | .modal({backdrop:false}) 111 | .bind("shown", function () { 112 | equal($('.modal-backdrop').length, 0, 'modal backdrop not inserted into dom') 113 | start() 114 | div.remove() 115 | }) 116 | .modal("show") 117 | }) 118 | 119 | test("should close backdrop when clicked", function () { 120 | stop() 121 | $.support.transition = false 122 | var div = $("") 123 | div 124 | .modal({backdrop:true}) 125 | .bind("shown", function () { 126 | equal($('.modal-backdrop').length, 1, 'modal backdrop inserted into dom') 127 | $('.modal-backdrop').click() 128 | equal($('.modal-backdrop').length, 0, 'modal backdrop removed from dom') 129 | start() 130 | div.remove() 131 | }) 132 | .modal("show") 133 | }) 134 | 135 | test("should not close backdrop when click disabled", function () { 136 | stop() 137 | $.support.transition = false 138 | var div = $("") 139 | div 140 | .modal({backdrop: 'static'}) 141 | .bind("shown", function () { 142 | equal($('.modal-backdrop').length, 1, 'modal backdrop inserted into dom') 143 | $('.modal-backdrop').click() 144 | equal($('.modal-backdrop').length, 1, 'modal backdrop still in dom') 145 | start() 146 | div.remove() 147 | $('.modal-backdrop').remove() 148 | }) 149 | .modal("show") 150 | }) 151 | }) 152 | -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-popover.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-popover") 4 | 5 | test("should be defined on jquery object", function () { 6 | var div = $('
    ') 7 | ok(div.popover, 'popover method is defined') 8 | }) 9 | 10 | test("should return element", function () { 11 | var div = $('
    ') 12 | ok(div.popover() == div, 'document.body returned') 13 | }) 14 | 15 | test("should render popover element", function () { 16 | $.support.transition = false 17 | var popover = $('@mdo') 18 | .appendTo('#qunit-runoff') 19 | .popover() 20 | .popover('show') 21 | 22 | ok($('.popover').length, 'popover was inserted') 23 | popover.popover('hide') 24 | ok(!$(".popover").length, 'popover removed') 25 | $('#qunit-runoff').empty() 26 | }) 27 | 28 | test("should store popover instance in popover data object", function () { 29 | $.support.transition = false 30 | var popover = $('@mdo') 31 | .popover() 32 | 33 | ok(!!popover.data('popover'), 'popover instance exists') 34 | }) 35 | 36 | test("should get title and content from options", function () { 37 | $.support.transition = false 38 | var popover = $('@fat') 39 | .appendTo('#qunit-runoff') 40 | .popover({ 41 | title: function () { 42 | return '@fat' 43 | } 44 | , content: function () { 45 | return 'loves writing tests （╯°□°）╯︵ ┻━┻' 46 | } 47 | }) 48 | 49 | popover.popover('show') 50 | 51 | ok($('.popover').length, 'popover was inserted') 52 | equals($('.popover .title').text(), '@fat', 'title correctly inserted') 53 | equals($('.popover .content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted') 54 | 55 | popover.popover('hide') 56 | ok(!$('.popover').length, 'popover was removed') 57 | $('#qunit-runoff').empty() 58 | }) 59 | 60 | test("should get title and content from attributes", function () { 61 | $.support.transition = false 62 | var popover = $('@mdo') 63 | .appendTo('#qunit-runoff') 64 | .popover() 65 | .popover('show') 66 | 67 | ok($('.popover').length, 'popover was inserted') 68 | equals($('.popover .title').text(), '@mdo', 'title correctly inserted') 69 | equals($('.popover .content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted') 70 | 71 | popover.popover('hide') 72 | ok(!$('.popover').length, 'popover was removed') 73 | $('#qunit-runoff').empty() 74 | }) 75 | 76 | }) 77 | -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-scrollspy.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-scrollspy") 4 | 5 | test("should be defined on jquery object", function () { 6 | ok($(document.body).scrollspy, 'scrollspy method is defined') 7 | }) 8 | 9 | test("should return element", function () { 10 | ok($(document.body).scrollspy()[0] == document.body, 'document.body returned') 11 | }) 12 | 13 | test("should switch active class on scroll", function () { 14 | var sectionHTML = '
    ' 15 | , $section = $(sectionHTML).append('#qunit-runoff') 16 | , topbarHTML ='
    ' 17 | + '
    ' 18 | + '
    ' 19 | + '

    Bootstrap

    ' 20 | + '' 23 | + '
    ' 24 | + '
    ' 25 | + '
    ' 26 | , $topbar = $(topbarHTML).topbar() 27 | 28 | ok(topbar.find('.active', true) 29 | }) 30 | 31 | }) -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-tabs.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-tabs") 4 | 5 | test("should be defined on jquery object", function () { 6 | ok($(document.body).tabs, 'tabs method is defined') 7 | }) 8 | 9 | test("should return element", function () { 10 | ok($(document.body).tabs()[0] == document.body, 'document.body returned') 11 | }) 12 | 13 | test("should activate element by tab id", function () { 14 | var $tabsHTML = $('') 18 | 19 | 20 | $('
    ').appendTo("#qunit-runoff") 21 | 22 | $tabsHTML.tabs().find('a').last().click() 23 | equals($("#qunit-runoff").find('.active').attr('id'), "profile") 24 | 25 | $tabsHTML.tabs().find('a').first().click() 26 | equals($("#qunit-runoff").find('.active').attr('id'), "home") 27 | 28 | $("#qunit-runoff").empty() 29 | }) 30 | 31 | test("should activate element by pill id", function () { 32 | var $pillsHTML = $('') 36 | 37 | 38 | $('
    ').appendTo("#qunit-runoff") 39 | 40 | $pillsHTML.pills().find('a').last().click() 41 | equals($("#qunit-runoff").find('.active').attr('id'), "profile") 42 | 43 | $pillsHTML.pills().find('a').first().click() 44 | equals($("#qunit-runoff").find('.active').attr('id'), "home") 45 | 46 | $("#qunit-runoff").empty() 47 | }) 48 | 49 | test( "should trigger change event on activate", function () { 50 | var $tabsHTML = $('') 54 | , $target 55 | , count = 0 56 | , relatedTarget 57 | , target 58 | 59 | $tabsHTML 60 | .tabs() 61 | .bind( "change", function (e) { 62 | target = e.target 63 | relatedTarget = e.relatedTarget 64 | count++ 65 | }) 66 | 67 | $target = $tabsHTML 68 | .find('a') 69 | .last() 70 | .click() 71 | 72 | equals(relatedTarget, $tabsHTML.find('a').first()[0]) 73 | equals(target, $target[0]) 74 | equals(count, 1) 75 | }) 76 | 77 | }) -------------------------------------------------------------------------------- /js/tests/unit/bootstrap-twipsy.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | module("bootstrap-twipsy") 4 | 5 | test("should be defined on jquery object", function () { 6 | var div = $("
    ") 7 | ok(div.twipsy, 'popover method is defined') 8 | }) 9 | 10 | test("should return element", function () { 11 | var div = $("
    ") 12 | ok(div.twipsy() == div, 'document.body returned') 13 | }) 14 | 15 | test("should expose default settings", function () { 16 | ok(!!$.fn.twipsy.defaults, 'defaults is defined') 17 | }) 18 | 19 | test("should remove title attribute", function () { 20 | var twipsy = $('').twipsy() 21 | ok(!twipsy.attr('title'), 'title tag was removed') 22 | }) 23 | 24 | test("should add data attribute for referencing original title", function () { 25 | var twipsy = $('').twipsy() 26 | equals(twipsy.attr('data-original-title'), 'Another twipsy', 'original title preserved in data attribute') 27 | }) 28 | 29 | test("should place tooltips relative to placement option", function () { 30 | $.support.transition = false 31 | var twipsy = $('') 32 | .appendTo('#qunit-runoff') 33 | .twipsy({placement: 'below'}) 34 | .twipsy('show') 35 | 36 | ok($(".twipsy").hasClass('fade below in'), 'has correct classes applied') 37 | twipsy.twipsy('hide') 38 | ok(!$(".twipsy").length, 'twipsy removed') 39 | $('#qunit-runoff').empty() 40 | }) 41 | 42 | test("should add a fallback in cases where elements have no title tag", function () { 43 | $.support.transition = false 44 | var twipsy = $('') 45 | .appendTo('#qunit-runoff') 46 | .twipsy({fallback: '@fat'}) 47 | .twipsy('show') 48 | 49 | equals($(".twipsy").text(), "@fat", 'has correct default text') 50 | twipsy.twipsy('hide') 51 | ok(!$(".twipsy").length, 'twipsy removed') 52 | $('#qunit-runoff').empty() 53 | }) 54 | 55 | test("should not allow html entities", function () { 56 | $.support.transition = false 57 | var twipsy = $('') 58 | .appendTo('#qunit-runoff') 59 | .twipsy() 60 | .twipsy('show') 61 | 62 | ok(!$('.twipsy b').length, 'b tag was not inserted') 63 | twipsy.twipsy('hide') 64 | ok(!$(".twipsy").length, 'twipsy removed') 65 | $('#qunit-runoff').empty() 66 | }) 67 | 68 | test("should allow html entities if html option set to true", function () { 69 | $.support.transition = false 70 | var twipsy = $('') 71 | .appendTo('#qunit-runoff') 72 | .twipsy({html: true}) 73 | .twipsy('show') 74 | 75 | ok($('.twipsy b').length, 'b tag was inserted') 76 | twipsy.twipsy('hide') 77 | ok(!$(".twipsy").length, 'twipsy removed') 78 | $('#qunit-runoff').empty() 79 | }) 80 | 81 | }) -------------------------------------------------------------------------------- /js/tests/vendor/qunit.css: -------------------------------------------------------------------------------- 1 | /** 2 | * QUnit - A JavaScript Unit Testing Framework 3 | * 4 | * http://docs.jquery.com/QUnit 5 | * 6 | * Copyright (c) 2011 John Resig, Jörn Zaefferer 7 | * Dual licensed under the MIT (MIT-LICENSE.txt) 8 | * or GPL (GPL-LICENSE.txt) licenses. 9 | */ 10 | 11 | /** Font Family and Sizes */ 12 | 13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult { 14 | font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif; 15 | } 16 | 17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; } 18 | #qunit-tests { font-size: smaller; } 19 | 20 | 21 | /** Resets */ 22 | 23 | #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult { 24 | margin: 0; 25 | padding: 0; 26 | } 27 | 28 | 29 | /** Header */ 30 | 31 | #qunit-header { 32 | padding: 0.5em 0 0.5em 1em; 33 | 34 | color: #8699a4; 35 | background-color: #0d3349; 36 | 37 | font-size: 1.5em; 38 | line-height: 1em; 39 | font-weight: normal; 40 | 41 | border-radius: 15px 15px 0 0; 42 | -moz-border-radius: 15px 15px 0 0; 43 | -webkit-border-top-right-radius: 15px; 44 | -webkit-border-top-left-radius: 15px; 45 | } 46 | 47 | #qunit-header a { 48 | text-decoration: none; 49 | color: #c2ccd1; 50 | } 51 | 52 | #qunit-header a:hover, 53 | #qunit-header a:focus { 54 | color: #fff; 55 | } 56 | 57 | #qunit-banner { 58 | height: 5px; 59 | } 60 | 61 | #qunit-testrunner-toolbar { 62 | padding: 0.5em 0 0.5em 2em; 63 | color: #5E740B; 64 | background-color: #eee; 65 | } 66 | 67 | #qunit-userAgent { 68 | padding: 0.5em 0 0.5em 2.5em; 69 | background-color: #2b81af; 70 | color: #fff; 71 | text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; 72 | } 73 | 74 | 75 | /** Tests: Pass/Fail */ 76 | 77 | #qunit-tests { 78 | list-style-position: inside; 79 | } 80 | 81 | #qunit-tests li { 82 | padding: 0.4em 0.5em 0.4em 2.5em; 83 | border-bottom: 1px solid #fff; 84 | list-style-position: inside; 85 | } 86 | 87 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running { 88 | display: none; 89 | } 90 | 91 | #qunit-tests li strong { 92 | cursor: pointer; 93 | } 94 | 95 | #qunit-tests li a { 96 | padding: 0.5em; 97 | color: #c2ccd1; 98 | text-decoration: none; 99 | } 100 | #qunit-tests li a:hover, 101 | #qunit-tests li a:focus { 102 | color: #000; 103 | } 104 | 105 | #qunit-tests ol { 106 | margin-top: 0.5em; 107 | padding: 0.5em; 108 | 109 | background-color: #fff; 110 | 111 | border-radius: 15px; 112 | -moz-border-radius: 15px; 113 | -webkit-border-radius: 15px; 114 | 115 | box-shadow: inset 0px 2px 13px #999; 116 | -moz-box-shadow: inset 0px 2px 13px #999; 117 | -webkit-box-shadow: inset 0px 2px 13px #999; 118 | } 119 | 120 | #qunit-tests table { 121 | border-collapse: collapse; 122 | margin-top: .2em; 123 | } 124 | 125 | #qunit-tests th { 126 | text-align: right; 127 | vertical-align: top; 128 | padding: 0 .5em 0 0; 129 | } 130 | 131 | #qunit-tests td { 132 | vertical-align: top; 133 | } 134 | 135 | #qunit-tests pre { 136 | margin: 0; 137 | white-space: pre-wrap; 138 | word-wrap: break-word; 139 | } 140 | 141 | #qunit-tests del { 142 | background-color: #e0f2be; 143 | color: #374e0c; 144 | text-decoration: none; 145 | } 146 | 147 | #qunit-tests ins { 148 | background-color: #ffcaca; 149 | color: #500; 150 | text-decoration: none; 151 | } 152 | 153 | /*** Test Counts */ 154 | 155 | #qunit-tests b.counts { color: black; } 156 | #qunit-tests b.passed { color: #5E740B; } 157 | #qunit-tests b.failed { color: #710909; } 158 | 159 | #qunit-tests li li { 160 | margin: 0.5em; 161 | padding: 0.4em 0.5em 0.4em 0.5em; 162 | background-color: #fff; 163 | border-bottom: none; 164 | list-style-position: inside; 165 | } 166 | 167 | /*** Passing Styles */ 168 | 169 | #qunit-tests li li.pass { 170 | color: #5E740B; 171 | background-color: #fff; 172 | border-left: 26px solid #C6E746; 173 | } 174 | 175 | #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; } 176 | #qunit-tests .pass .test-name { color: #366097; } 177 | 178 | #qunit-tests .pass .test-actual, 179 | #qunit-tests .pass .test-expected { color: #999999; } 180 | 181 | #qunit-banner.qunit-pass { background-color: #C6E746; } 182 | 183 | /*** Failing Styles */ 184 | 185 | #qunit-tests li li.fail { 186 | color: #710909; 187 | background-color: #fff; 188 | border-left: 26px solid #EE5757; 189 | white-space: pre; 190 | } 191 | 192 | #qunit-tests > li:last-child { 193 | border-radius: 0 0 15px 15px; 194 | -moz-border-radius: 0 0 15px 15px; 195 | -webkit-border-bottom-right-radius: 15px; 196 | -webkit-border-bottom-left-radius: 15px; 197 | } 198 | 199 | #qunit-tests .fail { color: #000000; background-color: #EE5757; } 200 | #qunit-tests .fail .test-name, 201 | #qunit-tests .fail .module-name { color: #000000; } 202 | 203 | #qunit-tests .fail .test-actual { color: #EE5757; } 204 | #qunit-tests .fail .test-expected { color: green; } 205 | 206 | #qunit-banner.qunit-fail { background-color: #EE5757; } 207 | 208 | 209 | /** Result */ 210 | 211 | #qunit-testresult { 212 | padding: 0.5em 0.5em 0.5em 2.5em; 213 | 214 | color: #2b81af; 215 | background-color: #D2E0E6; 216 | 217 | border-bottom: 1px solid white; 218 | } 219 | 220 | /** Fixture */ 221 | 222 | #qunit-fixture { 223 | position: absolute; 224 | top: -10000px; 225 | left: -10000px; 226 | } 227 | 228 | /** Runoff */ 229 | 230 | #qunit-runoff { 231 | display:none; 232 | } -------------------------------------------------------------------------------- /lib/bootstrap.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap @VERSION 3 | * 4 | * Copyright 2011 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | * Date: @DATE 10 | */ 11 | 12 | // CSS Reset 13 | @import "reset.less"; 14 | 15 | // Core variables and mixins 16 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 17 | @import "mixins.less"; 18 | 19 | // Grid system and page structure 20 | @import "grid-canvas.less"; 21 | @import "scaffolding.less"; 22 | 23 | // Styled patterns and elements 24 | @import "type.less"; 25 | @import "forms.less"; 26 | @import "tables.less"; 27 | @import "patterns.less"; -------------------------------------------------------------------------------- /lib/bootstrap.min.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap @VERSION 3 | * 4 | * Copyright 2011 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | * Date: @DATE 10 | */ 11 | 12 | // CSS Reset 13 | @import "reset.less"; 14 | 15 | // Core variables and mixins 16 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 17 | @import "mixins.less"; 18 | 19 | // Grid system and page structure 20 | @import "grid-canvas.less"; 21 | @import "scaffolding.less"; 22 | 23 | // Styled patterns and elements 24 | @import "type.less"; 25 | @import "forms.less"; 26 | @import "tables.less"; 27 | @import "patterns.less"; -------------------------------------------------------------------------------- /lib/forms.less: -------------------------------------------------------------------------------- 1 | /* Forms.less 2 | * Base styles for various input types, form layouts, and states 3 | * ------------------------------------------------------------- */ 4 | 5 | 6 | // FORM STYLES 7 | // ----------- 8 | 9 | form { 10 | margin-bottom: @baseline; 11 | } 12 | 13 | // Groups of fields with labels on top (legends) 14 | fieldset { 15 | margin-bottom: @baseline; 16 | padding-top: @baseline; 17 | legend { 18 | display: block; 19 | padding-left: 150px; 20 | font-size: @basefont * 1.5; 21 | line-height: 1; 22 | color: @grayDark; 23 | *padding: 0 0 5px 145px; /* IE6-7 */ 24 | *line-height: 1.5; /* IE6-7 */ 25 | } 26 | } 27 | 28 | // Parent element that clears floats and wraps labels and fields together 29 | form .clearfix { 30 | margin-bottom: @baseline; 31 | .clearfix() 32 | } 33 | 34 | // Set font for forms 35 | label, 36 | input, 37 | select, 38 | textarea { 39 | #font > .facebook(); 40 | } 41 | 42 | // Float labels left 43 | label { 44 | padding-top: 6px; 45 | font-size: @basefont; 46 | font-weight: bold; 47 | line-height: @baseline; 48 | float: left; 49 | width: 130px; 50 | text-align: right; 51 | color: @gray; 52 | } 53 | 54 | // Shift over the inside div to align all label's relevant content 55 | form .input { 56 | margin-left: 150px; 57 | } 58 | 59 | // Checkboxs and radio buttons 60 | input[type=checkbox], 61 | input[type=radio] { 62 | cursor: pointer; 63 | } 64 | 65 | // Inputs, Textareas, Selects 66 | input, 67 | textarea, 68 | select, 69 | .uneditable-input { 70 | display: inline-block; 71 | width: 210px; 72 | height: @baseline; 73 | padding: 4px; 74 | font-size: @basefont; 75 | line-height: @baseline; 76 | color: @gray; 77 | border: 1px solid @formBorderColor; 78 | .border-radius(@formBorderRadius); 79 | } 80 | 81 | // remove padding from select 82 | select { 83 | padding: 2px; 84 | padding: initial; 85 | } 86 | 87 | // mini reset for non-html5 file types 88 | input[type=checkbox], 89 | input[type=radio] { 90 | width: auto; 91 | height: auto; 92 | padding: 0; 93 | margin: 3px 0; 94 | *margin-top: 0; /* IE6-7 */ 95 | line-height: normal; 96 | border: none; 97 | } 98 | 99 | input[type=file] { 100 | background-color: @white; 101 | padding: initial; 102 | border: initial; 103 | line-height: initial; 104 | .box-shadow(none); 105 | } 106 | 107 | input[type=button], 108 | input[type=reset], 109 | input[type=submit] { 110 | width: auto; 111 | height: auto; 112 | } 113 | 114 | select, 115 | input[type=file] { 116 | height: @baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size 117 | *height: auto; // Reset for IE7 118 | line-height: @baseline * 1.5; 119 | *margin-top: 4px; /* For IE7, add top margin to align select with labels */ 120 | } 121 | 122 | // Make multiple select elements height not fixed 123 | select[multiple] { 124 | height: inherit; 125 | background-color: @white; // Fixes Chromium bug of unreadable items 126 | } 127 | 128 | textarea { 129 | height: auto; 130 | } 131 | 132 | // For text that needs to appear as an input but should not be an input 133 | .uneditable-input { 134 | background-color: @white; 135 | display: block; 136 | border-color: #eee; 137 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.025)); 138 | cursor: not-allowed; 139 | } 140 | 141 | // Placeholder text gets special styles; can't be bundled together though for some reason 142 | :-moz-placeholder { 143 | color: @grayLight; 144 | } 145 | ::-webkit-input-placeholder { 146 | color: @grayLight; 147 | } 148 | 149 | // Focus states 150 | input, 151 | textarea { 152 | @transition: border linear .2s, box-shadow linear .2s; 153 | .transition(@transition); 154 | .box-shadow(inset 0 1px 3px rgba(0,0,0,.1)); 155 | } 156 | input:focus, 157 | textarea:focus { 158 | outline: 0; 159 | border-color: rgba(82,168,236,.8); 160 | @shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 161 | .box-shadow(@shadow); 162 | } 163 | input[type=file]:focus, 164 | input[type=checkbox]:focus, 165 | select:focus { 166 | .box-shadow(none); // override for file inputs 167 | outline: 1px dotted #666; // Selet elements don't get box-shadow styles, so instead we do outline 168 | } 169 | 170 | 171 | // FORM FIELD FEEDBACK STATES 172 | // -------------------------- 173 | 174 | // Mixin for form field states 175 | .formFieldState(@textColor: #555, @borderColor: @formBorderColor, @backgroundColor: @grayWhite) { 176 | // Set the text color 177 | > label, 178 | .help-block, 179 | .help-inline { 180 | color: @textColor; 181 | } 182 | // Style inputs accordingly 183 | input, 184 | textarea { 185 | color: @textColor; 186 | border-color: @borderColor; 187 | &:focus { 188 | border-color: darken(@borderColor, 10%); 189 | .box-shadow(0 0 6px lighten(@borderColor, 20%)); 190 | } 191 | } 192 | // Give a small background color for input-prepend/-append 193 | .input-prepend .add-on, 194 | .input-append .add-on { 195 | color: @textColor; 196 | background-color: @backgroundColor; 197 | border-color: darken(@borderColor, 10%); 198 | } 199 | } 200 | // Error 201 | form .clearfix.error { 202 | .formFieldState(@red, @red, @redLight); 203 | } 204 | // Warning 205 | form .clearfix.warning { 206 | .formFieldState(@yellow, @yellow, @yellowLight); 207 | } 208 | // Success 209 | form .clearfix.success { 210 | .formFieldState(@green, @green, @green); 211 | } 212 | 213 | 214 | // Grid style input sizes 215 | // This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border 216 | .formColumns(@columnSpan: 1) { 217 | display: inline-block; 218 | float: none; 219 | width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 10; 220 | margin-left: 0; 221 | } 222 | input, 223 | textarea { 224 | // Default columns 225 | &.span1 { .formColumns(1); } 226 | &.span2 { .formColumns(2); } 227 | &.span3 { .formColumns(3); } 228 | &.span4 { .formColumns(4); } 229 | &.span5 { .formColumns(5); } 230 | &.span6 { .formColumns(6); } 231 | &.span7 { .formColumns(7); } 232 | &.span8 { .formColumns(8); } 233 | &.span9 { .formColumns(9); } 234 | &.span10 { .formColumns(10); } 235 | &.span11 { .formColumns(11); } 236 | &.span12 { .formColumns(12); } 237 | &.span13 { .formColumns(13); } 238 | &.span14 { .formColumns(14); } 239 | &.span15 { .formColumns(15); } 240 | &.span16 { .formColumns(16); } 241 | } 242 | 243 | // Form element sizes 244 | // TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes 245 | .input-mini, 246 | input.mini, 247 | textarea.mini, 248 | select.mini { 249 | .formColumns(1); 250 | } 251 | .input-small, 252 | input.small, 253 | textarea.small, 254 | select.small { 255 | .formColumns(2); 256 | } 257 | .input-medium, 258 | input.medium, 259 | textarea.medium, 260 | select.medium { 261 | .formColumns(3); 262 | } 263 | .input-large, 264 | input.large, 265 | textarea.large, 266 | select.large { 267 | .formColumns(4); 268 | } 269 | .input-xlarge, 270 | input.xlarge, 271 | textarea.xlarge, 272 | select.xlarge { 273 | .formColumns(6); 274 | } 275 | .input-xxlarge, 276 | input.xxlarge, 277 | textarea.xxlarge, 278 | select.xxlarge { 279 | .formColumns(8); 280 | } 281 | textarea.xxlarge { 282 | overflow-y: auto; 283 | } 284 | 285 | // Disabled and read-only inputs 286 | input[disabled], 287 | select[disabled], 288 | textarea[disabled], 289 | input[readonly], 290 | select[readonly], 291 | textarea[readonly] { 292 | background-color: @grayWhite; 293 | border-color: #ddd; 294 | cursor: not-allowed; 295 | } 296 | 297 | // Actions (the buttons) 298 | .actions { 299 | background: @grayWhite; 300 | margin-top: @baseline; 301 | margin-bottom: @baseline; 302 | padding: (@baseline - 1) 20px @baseline 150px; 303 | border-top: 1px solid #ddd; 304 | .border-radius(0 0 @formBorderRadius @formBorderRadius); 305 | .secondary-action { 306 | float: right; 307 | a { 308 | line-height: 30px; 309 | &:hover { 310 | text-decoration: underline; 311 | } 312 | } 313 | } 314 | } 315 | 316 | // Help Text 317 | // TODO: Do we need to set basefont and baseline here? 318 | .help-inline, 319 | .help-block { 320 | font-size: @basefont; 321 | line-height: @baseline; 322 | color: @grayLight; 323 | } 324 | .help-inline { 325 | padding-left: 5px; 326 | *position: relative; /* IE6-7 */ 327 | *top: -5px; /* IE6-7 */ 328 | } 329 | 330 | // Big blocks of help text 331 | .help-block { 332 | display: block; 333 | max-width: 600px; 334 | } 335 | 336 | // Inline Fields (input fields that appear as inline objects 337 | .inline-inputs { 338 | color: @gray; 339 | span { 340 | padding: 0 2px 0 1px; 341 | } 342 | } 343 | 344 | // Allow us to put symbols and text within the input field for a cleaner look 345 | .input-prepend, 346 | .input-append { 347 | input { 348 | .border-radius(0 @formBorderRadius @formBorderRadius 0); 349 | } 350 | .add-on { 351 | position: relative; 352 | background: @grayWhite; 353 | border: 1px solid @formBorderColor; 354 | z-index: 2; 355 | float: left; 356 | display: block; 357 | width: auto; 358 | min-width: 16px; 359 | height: @baseline; 360 | padding: 4px 4px 4px 5px; 361 | margin-right: -1px; 362 | font-weight: normal; 363 | line-height: 18px; 364 | color: @grayLight; 365 | text-align: center; 366 | text-shadow: 0 1px 0 @white; 367 | .border-radius(@formBorderRadius 0 0 @formBorderRadius); 368 | } 369 | .active { 370 | background: lighten(@green, 30); 371 | border-color: @green; 372 | } 373 | } 374 | .input-prepend { 375 | .add-on { 376 | *margin-top: 1px; /* IE6-7 */ 377 | } 378 | } 379 | .input-append { 380 | input { 381 | float: left; 382 | .border-radius(@formBorderRadius 0 0 @formBorderRadius); 383 | } 384 | .add-on { 385 | .border-radius(0 @formBorderRadius @formBorderRadius 0); 386 | margin-right: 0; 387 | margin-left: -1px; 388 | } 389 | } 390 | 391 | // Stacked options for forms (radio buttons or checkboxes) 392 | .inputs-list { 393 | margin: 0 0 5px; 394 | width: 100%; 395 | li { 396 | display: block; 397 | padding: 0; 398 | width: 100%; 399 | } 400 | label { 401 | display: block; 402 | float: none; 403 | width: auto; 404 | padding: 0; 405 | margin-left: 20px; 406 | line-height: @baseline+4; 407 | text-align: left; 408 | white-space: normal; 409 | font-weight: normal; 410 | strong { 411 | color: @grayDark; 412 | } 413 | small { 414 | font-size: @basefont - 2; 415 | font-weight: normal; 416 | } 417 | } 418 | .inputs-list { 419 | margin-left: 25px; 420 | margin-bottom: 10px; 421 | padding-top: 0; 422 | } 423 | &:first-child { 424 | padding-top: 6px; 425 | } 426 | li + li { 427 | padding-top: 2px; 428 | } 429 | input[type=radio], 430 | input[type=checkbox] { 431 | margin-bottom: 0; 432 | margin-left: -20px; 433 | float: left; 434 | } 435 | } 436 | 437 | // Stacked forms 438 | .form-stacked { 439 | padding-left: 20px; 440 | fieldset { 441 | padding-top: @baseline / 2; 442 | } 443 | legend { 444 | padding-left: 0; 445 | } 446 | label { 447 | display: block; 448 | float: none; 449 | width: auto; 450 | font-weight: bold; 451 | text-align: left; 452 | line-height: 20px; 453 | padding-top: 0; 454 | } 455 | .clearfix { 456 | margin-bottom: @baseline / 2; 457 | div.input { 458 | margin-left: 0; 459 | } 460 | } 461 | .inputs-list { 462 | margin-bottom: 0; 463 | li { 464 | padding-top: 0; 465 | label { 466 | font-weight: normal; 467 | padding-top: 0; 468 | } 469 | } 470 | } 471 | div.clearfix.error { 472 | padding-top: 10px; 473 | padding-bottom: 10px; 474 | padding-left: 10px; 475 | margin-top: 0; 476 | margin-left: -10px; 477 | } 478 | .actions { 479 | margin-left: -20px; 480 | padding-left: 20px; 481 | } 482 | } 483 | -------------------------------------------------------------------------------- /lib/grid-canvas.less: -------------------------------------------------------------------------------- 1 | // GRID DUPLICATION FOR THE CANVAS SIZED APPS 2 | // ---------------- 3 | .container.canvas { 4 | @gridColumns: 12; 5 | @gridColumnWidth: 45px; 6 | @gridGutterWidth: 20px; 7 | @extraSpace: (@gridGutterWidth * 2); // For our grid calculations 8 | @siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 9 | 10 | .fixed-container(); 11 | 12 | // GRID MIXINS 13 | // ---------------- 14 | 15 | .fixed-container() { 16 | width: @siteWidth; 17 | margin-left: auto; 18 | margin-right: auto; 19 | .clearfix(); 20 | } 21 | 22 | .columns(@columnSpan: 1) { 23 | width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)); 24 | } 25 | .offset(@columnOffset: 1) { 26 | margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace; 27 | } 28 | // Necessary grid styles for every column to make them appear next to each other horizontally 29 | .gridColumn() { 30 | display: inline; 31 | float: left; 32 | margin-left: @gridGutterWidth; 33 | } 34 | // makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something 35 | .makeColumn(@columnSpan: 1) { 36 | .gridColumn(); 37 | .columns(@columnSpan); 38 | } 39 | 40 | // THE GRID 41 | // ---------------- 42 | 43 | .row { 44 | .clearfix(); 45 | margin-left: -@gridGutterWidth; 46 | } 47 | 48 | // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7) 49 | // Credit to @dhg for the idea 50 | .row > [class*="span"] { 51 | .gridColumn(); 52 | } 53 | 54 | // Default columns 55 | .span1 { .columns(1); } 56 | .span2 { .columns(2); } 57 | .span3 { .columns(3); } 58 | .span4 { .columns(4); } 59 | .span5 { .columns(5); } 60 | .span6 { .columns(6); } 61 | .span7 { .columns(7); } 62 | .span8 { .columns(8); } 63 | .span9 { .columns(9); } 64 | .span10 { .columns(10); } 65 | .span11 { .columns(11); } 66 | .span12 { .columns(12); } 67 | .span13 { .columns(13); } 68 | .span14 { .columns(14); } 69 | .span15 { .columns(15); } 70 | .span16 { .columns(16); } 71 | 72 | // For optional 24-column grid 73 | .span17 { .columns(17); } 74 | .span18 { .columns(18); } 75 | .span19 { .columns(19); } 76 | .span20 { .columns(20); } 77 | .span21 { .columns(21); } 78 | .span22 { .columns(22); } 79 | .span23 { .columns(23); } 80 | .span24 { .columns(24); } 81 | 82 | // Offset column options 83 | .row { 84 | > .offset1 { .offset(1); } 85 | > .offset2 { .offset(2); } 86 | > .offset3 { .offset(3); } 87 | > .offset4 { .offset(4); } 88 | > .offset5 { .offset(5); } 89 | > .offset6 { .offset(6); } 90 | > .offset7 { .offset(7); } 91 | > .offset8 { .offset(8); } 92 | > .offset9 { .offset(9); } 93 | > .offset10 { .offset(10); } 94 | > .offset11 { .offset(11); } 95 | > .offset12 { .offset(12); } 96 | } 97 | 98 | // Unique column sizes for 12-column grid 99 | .span-one-third { width: 240px; } 100 | .span-two-thirds { width: 500px; } 101 | .row { 102 | > .offset-one-third { margin-left: 260px; } 103 | > .offset-two-thirds { margin-left: 540px; } 104 | } 105 | 106 | // FORM INPUT SIZES 107 | // ---------------- 108 | 109 | .formColumns(@columnSpan: 1) { 110 | display: inline-block; 111 | float: none; 112 | width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 10; 113 | margin-left: 0; 114 | } 115 | input, 116 | textarea { 117 | // Default columns 118 | &.span1 { .formColumns(1); } 119 | &.span2 { .formColumns(2); } 120 | &.span3 { .formColumns(3); } 121 | &.span4 { .formColumns(4); } 122 | &.span5 { .formColumns(5); } 123 | &.span6 { .formColumns(6); } 124 | &.span7 { .formColumns(7); } 125 | &.span8 { .formColumns(8); } 126 | &.span9 { .formColumns(9); } 127 | &.span10 { .formColumns(10); } 128 | &.span11 { .formColumns(11); } 129 | &.span12 { .formColumns(12); } 130 | &.span13 { .formColumns(13); } 131 | &.span14 { .formColumns(14); } 132 | &.span15 { .formColumns(15); } 133 | &.span16 { .formColumns(16); } 134 | } 135 | 136 | // TABLE CELL SIZES 137 | // ---------------- 138 | 139 | // This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border 140 | .tableColumns(@columnSpan: 1) { 141 | width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1)); 142 | } 143 | table { 144 | // Default columns 145 | .span1 { .tableColumns(1); } 146 | .span2 { .tableColumns(2); } 147 | .span3 { .tableColumns(3); } 148 | .span4 { .tableColumns(4); } 149 | .span5 { .tableColumns(5); } 150 | .span6 { .tableColumns(6); } 151 | .span7 { .tableColumns(7); } 152 | .span8 { .tableColumns(8); } 153 | .span9 { .tableColumns(9); } 154 | .span10 { .tableColumns(10); } 155 | .span11 { .tableColumns(11); } 156 | .span12 { .tableColumns(12); } 157 | .span13 { .tableColumns(13); } 158 | .span14 { .tableColumns(14); } 159 | .span15 { .tableColumns(15); } 160 | .span16 { .tableColumns(16); } 161 | } 162 | 163 | } -------------------------------------------------------------------------------- /lib/mixins.less: -------------------------------------------------------------------------------- 1 | /* Mixins.less 2 | * Snippets of reusable CSS to develop faster and keep code readable 3 | * ----------------------------------------------------------------- */ 4 | 5 | 6 | // Clearfix for clearing floats like a boss h5bp.com/q 7 | .clearfix() { 8 | zoom: 1; 9 | &:before, 10 | &:after { 11 | display: table; 12 | content: ""; 13 | zoom: 1; 14 | } 15 | &:after { 16 | clear: both; 17 | } 18 | } 19 | 20 | // Center-align a block level element 21 | .center-block() { 22 | display: block; 23 | margin-left: auto; 24 | margin-right: auto; 25 | } 26 | 27 | // Sizing shortcuts 28 | .size(@height: 5px, @width: 5px) { 29 | height: @height; 30 | width: @width; 31 | } 32 | .square(@size: 5px) { 33 | .size(@size, @size); 34 | } 35 | 36 | // Input placeholder text 37 | .placeholder(@color: @grayLight) { 38 | :-moz-placeholder { 39 | color: @color; 40 | } 41 | ::-webkit-input-placeholder { 42 | color: @color; 43 | } 44 | } 45 | 46 | // Font Stacks 47 | #font { 48 | .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) { 49 | font-size: @size; 50 | font-weight: @weight; 51 | line-height: @lineHeight; 52 | } 53 | .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) { 54 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 55 | font-size: @size; 56 | font-weight: @weight; 57 | line-height: @lineHeight; 58 | } 59 | .serif(@weight: normal, @size: 14px, @lineHeight: 20px) { 60 | font-family: "Georgia", Times New Roman, Times, serif; 61 | font-size: @size; 62 | font-weight: @weight; 63 | line-height: @lineHeight; 64 | } 65 | .monospace(@weight: normal, @size: 12px, @lineHeight: 20px) { 66 | font-family: "Monaco", Courier New, monospace; 67 | font-size: @size; 68 | font-weight: @weight; 69 | line-height: @lineHeight; 70 | } 71 | .facebook(@weight: normal, @size: 11px, @lineHeight: 14px) { 72 | font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 73 | font-size: @size; 74 | font-weight: @weight; 75 | line-height: @lineHeight; 76 | } 77 | } 78 | 79 | // Grid System 80 | .fixed-container() { 81 | width: @siteWidth; 82 | margin-left: auto; 83 | margin-right: auto; 84 | .clearfix(); 85 | } 86 | .columns(@columnSpan: 1) { 87 | width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)); 88 | } 89 | .offset(@columnOffset: 1) { 90 | margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace; 91 | } 92 | // Necessary grid styles for every column to make them appear next to each other horizontally 93 | .gridColumn() { 94 | display: inline; 95 | float: left; 96 | margin-left: @gridGutterWidth; 97 | } 98 | // makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something 99 | .makeColumn(@columnSpan: 1) { 100 | .gridColumn(); 101 | .columns(@columnSpan); 102 | } 103 | 104 | // Border Radius 105 | .border-radius(@radius: 5px) { 106 | -webkit-border-radius: @radius; 107 | -moz-border-radius: @radius; 108 | border-radius: @radius; 109 | } 110 | 111 | // Drop shadows 112 | .box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) { 113 | -webkit-box-shadow: @shadow; 114 | -moz-box-shadow: @shadow; 115 | box-shadow: @shadow; 116 | } 117 | 118 | // Transitions 119 | .transition(@transition) { 120 | -webkit-transition: @transition; 121 | -moz-transition: @transition; 122 | -ms-transition: @transition; 123 | -o-transition: @transition; 124 | transition: @transition; 125 | } 126 | 127 | // Background clipping 128 | .background-clip(@clip) { 129 | -webkit-background-clip: @clip; 130 | -moz-background-clip: @clip; 131 | background-clip: @clip; 132 | } 133 | 134 | // CSS3 Content Columns 135 | .content-columns(@columnCount, @columnGap: 20px) { 136 | -webkit-column-count: @columnCount; 137 | -moz-column-count: @columnCount; 138 | column-count: @columnCount; 139 | -webkit-column-gap: @columnGap; 140 | -moz-column-gap: @columnGap; 141 | column-gap: @columnGap; 142 | } 143 | 144 | // Make any element resizable for prototyping 145 | .resizable(@direction: both) { 146 | resize: @direction; // Options are horizontal, vertical, both 147 | overflow: auto; // Safari fix 148 | } 149 | 150 | // Add an alphatransparency value to any background or border color (via Elyse Holladay) 151 | #translucent { 152 | .background(@color: @white, @alpha: 1) { 153 | background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); 154 | } 155 | .border(@color: @white, @alpha: 1) { 156 | border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); 157 | background-clip: padding-box; 158 | } 159 | } 160 | 161 | // Gradient Bar Colors for buttons and allerts 162 | .gradientBar(@primaryColor, @secondaryColor) { 163 | #gradient > .vertical(@primaryColor, @secondaryColor); 164 | border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%); 165 | border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); 166 | } 167 | 168 | // Gradients 169 | #gradient { 170 | .horizontal (@startColor: #555, @endColor: #333) { 171 | background-color: @endColor; 172 | background-repeat: repeat-x; 173 | background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror 174 | background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+ 175 | background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10 176 | background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ 177 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ 178 | background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 179 | background-image: linear-gradient(left, @startColor, @endColor); // Le standard 180 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down 181 | } 182 | .vertical (@startColor: #555, @endColor: #333) { 183 | background-color: @endColor; 184 | background-repeat: repeat-x; 185 | background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror 186 | background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ 187 | background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10 188 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ 189 | background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ 190 | background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 191 | background-image: linear-gradient(top, @startColor, @endColor); // The standard 192 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down 193 | } 194 | .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { 195 | background-color: @endColor; 196 | background-repeat: repeat-x; 197 | background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+ 198 | background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10 199 | background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+ 200 | background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 201 | background-image: linear-gradient(@deg, @startColor, @endColor); // The standard 202 | } 203 | .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { 204 | background-color: @endColor; 205 | background-repeat: no-repeat; 206 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); 207 | background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor); 208 | background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor); 209 | background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); 210 | background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); 211 | background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); 212 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback 213 | } 214 | } 215 | 216 | // Reset filters for IE 217 | .reset-filter() { 218 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 219 | } 220 | 221 | // Opacity 222 | .opacity(@opacity: 100) { 223 | filter: e(%("alpha(opacity=%d)", @opacity)); 224 | -khtml-opacity: @opacity / 100; 225 | -moz-opacity: @opacity / 100; 226 | opacity: @opacity / 100; 227 | } -------------------------------------------------------------------------------- /lib/reset.less: -------------------------------------------------------------------------------- 1 | /* Reset.less 2 | * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). 3 | * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ 4 | 5 | 6 | // ERIC MEYER RESET 7 | // -------------------------------------------------- 8 | 9 | html, body { margin: 0; padding: 0; } 10 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } 11 | table { border-collapse: collapse; border-spacing: 0; } 12 | ol, ul { list-style: none; } 13 | q:before, q:after, blockquote:before, blockquote:after { content: ""; } 14 | 15 | 16 | // Normalize.css 17 | // Pulling in select resets form the normalize.css project 18 | // -------------------------------------------------- 19 | 20 | // Display in IE6-9 and FF3 21 | // ------------------------- 22 | // Source: http://github.com/necolas/normalize.css 23 | html { 24 | font-size: 100%; 25 | -webkit-text-size-adjust: 100%; 26 | -ms-text-size-adjust: 100%; 27 | } 28 | // Focus states 29 | a:focus { 30 | outline: thin dotted; 31 | } 32 | // Hover & Active 33 | a:hover, 34 | a:active { 35 | outline: 0; 36 | } 37 | 38 | // Display in IE6-9 and FF3 39 | // ------------------------- 40 | // Source: http://github.com/necolas/normalize.css 41 | article, 42 | aside, 43 | details, 44 | figcaption, 45 | figure, 46 | footer, 47 | header, 48 | hgroup, 49 | nav, 50 | section { 51 | display: block; 52 | } 53 | 54 | // Display block in IE6-9 and FF3 55 | // ------------------------- 56 | // Source: http://github.com/necolas/normalize.css 57 | audio, 58 | canvas, 59 | video { 60 | display: inline-block; 61 | *display: inline; 62 | *zoom: 1; 63 | } 64 | 65 | // Prevents modern browsers from displaying 'audio' without controls 66 | // ------------------------- 67 | // Source: http://github.com/necolas/normalize.css 68 | audio:not([controls]) { 69 | display: none; 70 | } 71 | 72 | // Prevents sub and sup affecting line-height in all browsers 73 | // ------------------------- 74 | // Source: http://github.com/necolas/normalize.css 75 | sub, 76 | sup { 77 | font-size: 75%; 78 | line-height: 0; 79 | position: relative; 80 | vertical-align: baseline; 81 | } 82 | sup { 83 | top: -0.5em; 84 | } 85 | sub { 86 | bottom: -0.25em; 87 | } 88 | 89 | // Img border in a's and image quality 90 | // ------------------------- 91 | // Source: http://github.com/necolas/normalize.css 92 | img { 93 | border: 0; 94 | -ms-interpolation-mode: bicubic; 95 | } 96 | 97 | // Forms 98 | // ------------------------- 99 | // Source: http://github.com/necolas/normalize.css 100 | 101 | // Font size in all browsers, margin changes, misc consistency 102 | button, 103 | input, 104 | select, 105 | textarea { 106 | font-size: 100%; 107 | margin: 0; 108 | vertical-align: baseline; 109 | *vertical-align: middle; 110 | } 111 | button, 112 | input { 113 | line-height: normal; // FF3/4 have !important on line-height in UA stylesheet 114 | *overflow: visible; // Inner spacing ie IE6/7 115 | } 116 | button::-moz-focus-inner, 117 | input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 118 | border: 0; 119 | padding: 0; 120 | } 121 | button, 122 | input[type="button"], 123 | input[type="reset"], 124 | input[type="submit"] { 125 | cursor: pointer; // Cursors on all buttons applied consistently 126 | -webkit-appearance: button; // Style clicable inputs in iOS 127 | } 128 | input[type="search"] { // Appearance in Safari/Chrome 129 | -webkit-appearance: textfield; 130 | -webkit-box-sizing: content-box; 131 | -moz-box-sizing: content-box; 132 | box-sizing: content-box; 133 | } 134 | input[type="search"]::-webkit-search-decoration { 135 | -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 136 | } 137 | textarea { 138 | overflow: auto; // Remove vertical scrollbar in IE6-9 139 | vertical-align: top; // Readability and alignment cross-browser 140 | } -------------------------------------------------------------------------------- /lib/scaffolding.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Scaffolding 3 | * Basic and global styles for generating a grid system, structural layout, and page templates 4 | * ------------------------------------------------------------------------------------------- */ 5 | 6 | 7 | // STRUCTURAL LAYOUT 8 | // ----------------- 9 | 10 | body { 11 | background-color: @white; 12 | margin: 0; 13 | overflow:hidden; // prevent scrollbars 14 | #font > .facebook(normal,@basefont,@baseline); 15 | color: @grayDark; 16 | } 17 | 18 | // Container (centered, fixed-width layouts) 19 | .container { 20 | .fixed-container(); 21 | } 22 | 23 | 24 | // Fluid layouts (left aligned, with sidebar, min- & max-width content) 25 | .container-fluid { 26 | position: relative; 27 | min-width: 940px; 28 | padding-left: 20px; 29 | padding-right: 20px; 30 | .clearfix(); 31 | > .sidebar { 32 | position: absolute; 33 | top: 0; 34 | left: 20px; 35 | width: 220px; 36 | } 37 | // TODO in v2: rename this and .popover .content to be more specific 38 | > .content { 39 | margin-left: 240px; 40 | } 41 | } 42 | 43 | 44 | // BASE STYLES 45 | // ----------- 46 | 47 | // Links 48 | a { 49 | color: @linkColor; 50 | text-decoration: none; 51 | line-height: inherit; 52 | font-weight: inherit; 53 | &:hover { 54 | color: @linkColorHover; 55 | text-decoration: underline; 56 | } 57 | } 58 | 59 | // Quick floats 60 | .pull-right { 61 | float: right; 62 | } 63 | .pull-left { 64 | float: left; 65 | } 66 | 67 | // Toggling content 68 | .hide { 69 | display: none; 70 | } 71 | .show { 72 | display: block; 73 | } 74 | 75 | 76 | // GRID SYSTEM 77 | // ----------- 78 | // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there 79 | 80 | .row { 81 | .clearfix(); 82 | margin-left: -@gridGutterWidth; 83 | } 84 | 85 | // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7) 86 | // Credit to @dhg for the idea 87 | .row > [class*="span"] { 88 | .gridColumn(); 89 | } 90 | 91 | // Default columns 92 | .span1 { .columns(1); } 93 | .span2 { .columns(2); } 94 | .span3 { .columns(3); } 95 | .span4 { .columns(4); } 96 | .span5 { .columns(5); } 97 | .span6 { .columns(6); } 98 | .span7 { .columns(7); } 99 | .span8 { .columns(8); } 100 | .span9 { .columns(9); } 101 | .span10 { .columns(10); } 102 | .span11 { .columns(11); } 103 | .span12 { .columns(12); } 104 | .span13 { .columns(13); } 105 | .span14 { .columns(14); } 106 | .span15 { .columns(15); } 107 | .span16 { .columns(16); } 108 | 109 | // For optional 24-column grid 110 | .span17 { .columns(17); } 111 | .span18 { .columns(18); } 112 | .span19 { .columns(19); } 113 | .span20 { .columns(20); } 114 | .span21 { .columns(21); } 115 | .span22 { .columns(22); } 116 | .span23 { .columns(23); } 117 | .span24 { .columns(24); } 118 | 119 | // Offset column options 120 | .row { 121 | > .offset1 { .offset(1); } 122 | > .offset2 { .offset(2); } 123 | > .offset3 { .offset(3); } 124 | > .offset4 { .offset(4); } 125 | > .offset5 { .offset(5); } 126 | > .offset6 { .offset(6); } 127 | > .offset7 { .offset(7); } 128 | > .offset8 { .offset(8); } 129 | > .offset9 { .offset(9); } 130 | > .offset10 { .offset(10); } 131 | > .offset11 { .offset(11); } 132 | > .offset12 { .offset(12); } 133 | } 134 | 135 | // Unique column sizes for 12-column grid 136 | .span-one-third { width: 160px; } 137 | .span-two-thirds { width: 340px; } 138 | .row { 139 | > .offset-one-third { margin-left: 180px; } 140 | > .offset-two-thirds { margin-left: 360px; } 141 | } -------------------------------------------------------------------------------- /lib/tables.less: -------------------------------------------------------------------------------- 1 | /* 2 | * Tables.less 3 | * Tables for, you guessed it, tabular data 4 | * ---------------------------------------- */ 5 | 6 | 7 | // BASELINE STYLES 8 | // --------------- 9 | 10 | table { 11 | width: 100%; 12 | margin-bottom: @baseline; 13 | padding: 0; 14 | font-size: @basefont; 15 | border-collapse: collapse; 16 | th, 17 | td { 18 | padding: 10px 10px 9px; 19 | line-height: @baseline; 20 | text-align: left; 21 | } 22 | th { 23 | padding-top: 9px; 24 | font-weight: bold; 25 | vertical-align: middle; 26 | } 27 | td { 28 | vertical-align: top; 29 | border-top: 1px solid #ddd; 30 | } 31 | // When scoped to row, fix th in tbody 32 | tbody th { 33 | border-top: 1px solid #ddd; 34 | vertical-align: top; 35 | } 36 | } 37 | 38 | 39 | // CONDENSED VERSION 40 | // ----------------- 41 | .condensed-table { 42 | th, 43 | td { 44 | padding: 5px 5px 4px; 45 | } 46 | } 47 | 48 | 49 | // BORDERED VERSION 50 | // ---------------- 51 | 52 | .bordered-table { 53 | border: 1px solid #ddd; 54 | border-collapse: separate; // Done so we can round those corners! 55 | *border-collapse: collapse; /* IE7, collapse table to remove spacing */ 56 | .border-radius(4px); 57 | th + th, 58 | td + td, 59 | th + td { 60 | border-left: 1px solid #ddd; 61 | } 62 | thead tr:first-child th:first-child, 63 | tbody tr:first-child td:first-child { 64 | .border-radius(4px 0 0 0); 65 | } 66 | thead tr:first-child th:last-child, 67 | tbody tr:first-child td:last-child { 68 | .border-radius(0 4px 0 0); 69 | } 70 | tbody tr:last-child td:first-child { 71 | .border-radius(0 0 0 4px); 72 | } 73 | tbody tr:last-child td:last-child { 74 | .border-radius(0 0 4px 0); 75 | } 76 | } 77 | 78 | 79 | // TABLE CELL SIZES 80 | // ---------------- 81 | 82 | // This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border 83 | .tableColumns(@columnSpan: 1) { 84 | width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1)); 85 | } 86 | table { 87 | // Default columns 88 | .span1 { .tableColumns(1); } 89 | .span2 { .tableColumns(2); } 90 | .span3 { .tableColumns(3); } 91 | .span4 { .tableColumns(4); } 92 | .span5 { .tableColumns(5); } 93 | .span6 { .tableColumns(6); } 94 | .span7 { .tableColumns(7); } 95 | .span8 { .tableColumns(8); } 96 | .span9 { .tableColumns(9); } 97 | .span10 { .tableColumns(10); } 98 | .span11 { .tableColumns(11); } 99 | .span12 { .tableColumns(12); } 100 | .span13 { .tableColumns(13); } 101 | .span14 { .tableColumns(14); } 102 | .span15 { .tableColumns(15); } 103 | .span16 { .tableColumns(16); } 104 | } 105 | 106 | 107 | // ZEBRA-STRIPING 108 | // -------------- 109 | 110 | // Default zebra-stripe styles (alternating gray and transparent backgrounds) 111 | .zebra-striped { 112 | tbody { 113 | tr:nth-child(odd) td, 114 | tr:nth-child(odd) th { 115 | background-color: #f9f9f9; 116 | } 117 | tr:hover td, 118 | tr:hover th { 119 | background-color: @grayWhite; 120 | } 121 | } 122 | } 123 | 124 | table { 125 | // Tablesorting styles w/ jQuery plugin 126 | .header { 127 | cursor: pointer; 128 | &:after { 129 | content: ""; 130 | float: right; 131 | margin-top: 7px; 132 | border-width: 0 4px 4px; 133 | border-style: solid; 134 | border-color: #000 transparent; 135 | visibility: hidden; 136 | } 137 | } 138 | // Style the sorted column headers (THs) 139 | .headerSortUp, 140 | .headerSortDown { 141 | background-color: rgba(141,192,219,.25); 142 | text-shadow: 0 1px 1px rgba(255,255,255,.75); 143 | } 144 | // Style the ascending (reverse alphabetical) column header 145 | .header:hover { 146 | &:after { 147 | visibility:visible; 148 | } 149 | } 150 | // Style the descending (alphabetical) column header 151 | .headerSortDown, 152 | .headerSortDown:hover { 153 | &:after { 154 | visibility:visible; 155 | .opacity(60); 156 | } 157 | } 158 | // Style the ascending (reverse alphabetical) column header 159 | .headerSortUp { 160 | &:after { 161 | border-bottom: none; 162 | border-left: 4px solid transparent; 163 | border-right: 4px solid transparent; 164 | border-top: 4px solid #000; 165 | visibility:visible; 166 | .box-shadow(none); //can't add boxshadow to downward facing arrow :( 167 | .opacity(60); 168 | } 169 | } 170 | // Blue Table Headings 171 | .blue { 172 | color: @blue; 173 | border-bottom-color: @blue; 174 | } 175 | .headerSortUp.blue, 176 | .headerSortDown.blue { 177 | background-color: lighten(@blue, 40%); 178 | } 179 | // Green Table Headings 180 | .green { 181 | color: @green; 182 | border-bottom-color: @green; 183 | } 184 | .headerSortUp.green, 185 | .headerSortDown.green { 186 | background-color: lighten(@green, 40%); 187 | } 188 | // Red Table Headings 189 | .red { 190 | color: @red; 191 | border-bottom-color: @red; 192 | } 193 | .headerSortUp.red, 194 | .headerSortDown.red { 195 | background-color: lighten(@red, 50%); 196 | } 197 | // Yellow Table Headings 198 | .yellow { 199 | color: @yellow; 200 | border-bottom-color: @yellow; 201 | } 202 | .headerSortUp.yellow, 203 | .headerSortDown.yellow { 204 | background-color: lighten(@yellow, 40%); 205 | } 206 | // Orange Table Headings 207 | .orange { 208 | color: @orange; 209 | border-bottom-color: @orange; 210 | } 211 | .headerSortUp.orange, 212 | .headerSortDown.orange { 213 | background-color: lighten(@orange, 40%); 214 | } 215 | // Purple Table Headings 216 | .purple { 217 | color: @purple; 218 | border-bottom-color: @purple; 219 | } 220 | .headerSortUp.purple, 221 | .headerSortDown.purple { 222 | background-color: lighten(@purple, 40%); 223 | } 224 | } -------------------------------------------------------------------------------- /lib/type.less: -------------------------------------------------------------------------------- 1 | /* Typography.less 2 | * Headings, body text, lists, code, and more for a versatile and durable typography system 3 | * ---------------------------------------------------------------------------------------- */ 4 | 5 | 6 | // BODY TEXT 7 | // --------- 8 | 9 | p { 10 | #font > .shorthand(normal,@basefont,@baseline); 11 | margin-bottom: @baseline / 2; 12 | small { 13 | font-size: @basefont - 2; 14 | color: @grayLight; 15 | } 16 | } 17 | 18 | 19 | // HEADINGS 20 | // -------- 21 | 22 | h1, h2, h3, h4, h5, h6 { 23 | color: @grayDark; 24 | small { 25 | color: @grayLight; 26 | &.block { 27 | display: block; 28 | } 29 | } 30 | &.tab { 31 | border-bottom: 1px solid @grayLighter; 32 | border-top: 1px solid @grayLighter; 33 | margin-bottom: 8px; 34 | padding: 3px 6px; 35 | background: @grayWhite; 36 | font-weight: bold; 37 | a { 38 | font-weight: normal; 39 | color: @blue; 40 | } 41 | } 42 | } 43 | h1 { 44 | margin-bottom: @baseline; 45 | font-size: 24px; 46 | line-height: @baseline * 2; 47 | small { 48 | font-size: 16px; 49 | } 50 | } 51 | h2 { 52 | font-size: 20px; 53 | letter-spacing: -0.03em; 54 | line-height: @baseline * 2; 55 | small { 56 | font-size: 14px; 57 | } 58 | } 59 | h3, h4, h5, h6 { 60 | line-height: @baseline * 2; 61 | } 62 | h3 { 63 | font-size: 15px; 64 | font-weight: bold; 65 | small { 66 | font-size: 13px; 67 | } 68 | } 69 | h4 { 70 | font-size: 15px; 71 | small { 72 | font-size: 12px; 73 | } 74 | } 75 | h5 { 76 | font-size: 14px; 77 | } 78 | h6 { 79 | font-size: 13px; 80 | color: @grayLight; 81 | text-transform: uppercase; 82 | } 83 | 84 | 85 | // COLORS 86 | // ------ 87 | 88 | // Unordered and Ordered lists 89 | ul, ol { 90 | margin: 0 0 @baseline 25px; 91 | } 92 | ul ul, 93 | ul ol, 94 | ol ol, 95 | ol ul { 96 | margin-bottom: 0; 97 | } 98 | ul { 99 | list-style: disc; 100 | } 101 | ol { 102 | list-style: decimal; 103 | } 104 | li { 105 | line-height: @baseline; 106 | color: @gray; 107 | } 108 | ul.unstyled { 109 | list-style: none; 110 | margin-left: 0; 111 | } 112 | 113 | // Description Lists 114 | dl { 115 | margin-bottom: @baseline; 116 | dt, dd { 117 | line-height: @baseline; 118 | } 119 | dt { 120 | font-weight: bold; 121 | } 122 | dd { 123 | margin-left: @baseline / 2; 124 | } 125 | } 126 | 127 | // MISC 128 | // ---- 129 | 130 | // Horizontal rules 131 | hr { 132 | margin: 20px 0 19px; 133 | border: 0; 134 | border-bottom: 1px solid #eee; 135 | } 136 | 137 | // Emphasis 138 | strong { 139 | font-style: inherit; 140 | font-weight: bold; 141 | } 142 | em { 143 | font-style: italic; 144 | font-weight: inherit; 145 | line-height: inherit; 146 | } 147 | .muted { 148 | color: @grayLight; 149 | } 150 | 151 | // Blockquotes 152 | blockquote { 153 | margin-bottom: @baseline; 154 | border-left: 5px solid #eee; 155 | padding-left: 15px; 156 | p { 157 | #font > .shorthand(300,14px,@baseline); 158 | margin-bottom: 0; 159 | } 160 | small { 161 | display: block; 162 | #font > .shorthand(300,12px,@baseline); 163 | color: @grayLight; 164 | &:before { 165 | content: '\2014 \00A0'; 166 | } 167 | } 168 | } 169 | 170 | // Addresses 171 | address { 172 | display: block; 173 | line-height: @baseline; 174 | margin-bottom: @baseline; 175 | } 176 | 177 | // Inline and block code styles 178 | code, pre { 179 | padding: 0 3px 2px; 180 | font-family: Monaco, Andale Mono, Courier New, monospace; 181 | font-size: 12px; 182 | .border-radius(3px); 183 | } 184 | code { 185 | color: @green; 186 | padding: 1px 3px; 187 | } 188 | pre { 189 | background-color: @grayWhite; 190 | display: block; 191 | padding: (@baseline - 1) / 2; 192 | margin: 0 0 @baseline; 193 | line-height: @baseline; 194 | font-size: 12px; 195 | border: 1px solid #ccc; 196 | border: 1px solid rgba(0,0,0,.15); 197 | .border-radius(3px); 198 | white-space: pre; 199 | white-space: pre-wrap; 200 | word-wrap: break-word; 201 | 202 | } -------------------------------------------------------------------------------- /lib/variables.less: -------------------------------------------------------------------------------- 1 | /* Variables.less 2 | * Variables to customize the look and feel of Bootstrap 3 | * ----------------------------------------------------- */ 4 | 5 | 6 | // Links 7 | @linkColor: #3b5998; 8 | @linkColorHover: #3b5998; 9 | 10 | // Grays 11 | @black: #000; 12 | @grayDark: #333; 13 | @gray: #666; 14 | @grayLight: #999; 15 | @grayLighter: #e2e2e2; 16 | @grayWhite: #f2f2f2; 17 | @white: #fff; 18 | 19 | // Accent Colors 20 | @blue: #627aad; 21 | @blueDark: #3b5998; 22 | @blueLight: #d4dae8; 23 | @blueLighter: #eceff6; 24 | @greenDark: #2C5115; 25 | @green: #3B6E22; 26 | @greenLight: #69A74E; 27 | @red: #dd3c10; 28 | @redLight: #ffebe8; 29 | @yellow: #e2c822; 30 | @yellowLight: #fff9d7; 31 | @orange: #f89406; /*unmodified*/ 32 | @pink: #c3325f; /*unmodified*/ 33 | @purple: #7a43b6; /*unmodified*/ 34 | 35 | // Baseline grid 36 | @basefont: 11px; 37 | @baseline: 14px; 38 | 39 | // Griditude 40 | // Modify the grid styles in mixins.less 41 | @gridColumns: 12; 42 | @gridColumnWidth: 25px; 43 | @gridGutterWidth: 20px; 44 | @extraSpace: (@gridGutterWidth * 2); // For our grid calculations 45 | @siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 46 | 47 | 48 | // Color Scheme 49 | // Use this to roll your own color schemes if you like (unused by Bootstrap by default) 50 | @baseColor: @blue; // Set a base color 51 | @complement: spin(@baseColor, 180); // Determine a complementary color 52 | @split1: spin(@baseColor, 158); // Split complements 53 | @split2: spin(@baseColor, -158); 54 | @triad1: spin(@baseColor, 135); // Triads colors 55 | @triad2: spin(@baseColor, -135); 56 | @tetra1: spin(@baseColor, 90); // Tetra colors 57 | @tetra2: spin(@baseColor, -90); 58 | @analog1: spin(@baseColor, 22); // Analogs colors 59 | @analog2: spin(@baseColor, -22); 60 | 61 | 62 | // form borders 63 | @formBorderRadius: 0px; 64 | @btnBorderRadius: 0px; 65 | @formBorderColor: @blueLight; 66 | 67 | // alert/block-alert borders 68 | @alertBorderRadius: 0px; 69 | 70 | // pills/tabs borders 71 | @pillsBorderRadius: 15px; 72 | @tabsBorderRadius: 2px; 73 | 74 | // More variables coming soon: 75 | // - @basefont to @baseFontSize 76 | // - @baseline to @baseLineHeight 77 | // - @baseFontFamily 78 | // - @primaryButtonColor 79 | // - anything else? File an issue on GitHub --------------------------------------------------------------------------------