├── bootstrap ├── .gitignore ├── docs │ └── assets │ │ ├── img │ │ ├── bird.png │ │ ├── browsers.png │ │ ├── grid-18px.png │ │ ├── example-diagram-01.png │ │ ├── example-diagram-02.png │ │ ├── example-diagram-03.png │ │ └── twitter-logo-no-bird.png │ │ ├── ico │ │ ├── favicon.ico │ │ ├── bootstrap-apple-57x57.png │ │ ├── bootstrap-apple-72x72.png │ │ └── bootstrap-apple-114x114.png │ │ ├── js │ │ ├── google-code-prettify │ │ │ ├── prettify.css │ │ │ └── prettify.js │ │ └── application.js │ │ └── css │ │ └── docs.css ├── site.js ├── LICENSE ├── lib │ ├── bootstrap.less │ ├── variables.less │ ├── scaffolding.less │ ├── type.less │ ├── reset.less │ ├── tables.less │ ├── mixins.less │ ├── forms.less │ └── patterns.less ├── js │ ├── tests │ │ ├── unit │ │ │ ├── bootstrap-scrollspy.js │ │ │ ├── bootstrap-alerts.js │ │ │ ├── bootstrap-tabs.js │ │ │ ├── bootstrap-dropdown.js │ │ │ ├── bootstrap-popover.js │ │ │ ├── bootstrap-twipsy.js │ │ │ └── bootstrap-modal.js │ │ ├── index.html │ │ └── vendor │ │ │ └── qunit.css │ ├── bootstrap-dropdown.js │ ├── bootstrap-tabs.js │ ├── bootstrap-popover.js │ ├── bootstrap-alerts.js │ ├── bootstrap-scrollspy.js │ ├── bootstrap-modal.js │ └── bootstrap-twipsy.js ├── Makefile ├── examples │ ├── hero.html │ ├── container-app.html │ └── fluid.html ├── README.md └── site.css ├── README.md ├── BootstrapExtension.php ├── LICENSE.txt └── Bootstrap.php /bootstrap/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/bird.png -------------------------------------------------------------------------------- /bootstrap/site.js: -------------------------------------------------------------------------------- 1 | $(function(){ 2 | $(".editButtons input").each(function(){ 3 | $(this).addClass("btn"); 4 | }); 5 | }); -------------------------------------------------------------------------------- /bootstrap/docs/assets/ico/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/ico/favicon.ico -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/browsers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/browsers.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/grid-18px.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/grid-18px.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/example-diagram-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/example-diagram-01.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/example-diagram-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/example-diagram-02.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/example-diagram-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/example-diagram-03.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/ico/bootstrap-apple-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/ico/bootstrap-apple-57x57.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/ico/bootstrap-apple-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/ico/bootstrap-apple-72x72.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/img/twitter-logo-no-bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/img/twitter-logo-no-bird.png -------------------------------------------------------------------------------- /bootstrap/docs/assets/ico/bootstrap-apple-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aaronpk/Bootstrap-Skin/master/bootstrap/docs/assets/ico/bootstrap-apple-114x114.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | A work in progress. 2 | 3 | ![MediaWiki Bootstrap Skin](http://aaronpk.github.com/mediawiki-bootstrap-screenshot.png "MediaWiki Bootstrap Skin") 4 | 5 | ![MediaWiki Bootstrap Skin Grid System](http://aaronpk.github.com/mediawiki-bootstrap-grid-system.png "MediaWiki Bootstrap Skin Grid System") -------------------------------------------------------------------------------- /bootstrap/LICENSE: -------------------------------------------------------------------------------- 1 | Copyright 2011 Twitter, Inc. 2 | 3 | Licensed under the Apache License, Version 2.0 (the "License"); 4 | you may not use this file except in compliance with the License. 5 | You may obtain a copy of the License at 6 | 7 | http://www.apache.org/licenses/LICENSE-2.0 8 | 9 | Unless required by applicable law or agreed to in writing, software 10 | distributed under the License is distributed on an "AS IS" BASIS, 11 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 | See the License for the specific language governing permissions and 13 | limitations under the License. -------------------------------------------------------------------------------- /bootstrap/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 "scaffolding.less"; 21 | 22 | // Styled patterns and elements 23 | @import "type.less"; 24 | @import "forms.less"; 25 | @import "tables.less"; 26 | @import "patterns.less"; -------------------------------------------------------------------------------- /bootstrap/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 | }) -------------------------------------------------------------------------------- /bootstrap/Makefile: -------------------------------------------------------------------------------- 1 | VERSION=1.2.0 2 | DATE=$(shell DATE) 3 | BOOTSTRAP = ./bootstrap.css 4 | BOOTSTRAP_MIN = ./bootstrap.min.css 5 | BOOTSTRAP_LESS = ./lib/bootstrap.less 6 | LESS_COMPESSOR ?= `which lessc` 7 | WATCHR ?= `which watchr` 8 | 9 | build: 10 | @@if test ! -z ${LESS_COMPESSOR}; then \ 11 | sed -e 's/@VERSION/'"v${VERSION}"'/' -e 's/@DATE/'"${DATE}"'/' <${BOOTSTRAP_LESS} >${BOOTSTRAP_LESS}.tmp; \ 12 | lessc ${BOOTSTRAP_LESS}.tmp > ${BOOTSTRAP}; \ 13 | lessc ${BOOTSTRAP_LESS}.tmp > ${BOOTSTRAP_MIN} --compress; \ 14 | rm -f ${BOOTSTRAP_LESS}.tmp; \ 15 | echo "Bootstrap successfully built! - `date`"; \ 16 | else \ 17 | echo "You must have the LESS compiler installed in order to build Bootstrap."; \ 18 | echo "You can install it by running: npm install less -g"; \ 19 | fi 20 | 21 | watch: 22 | @@if test ! -z ${WATCHR}; then \ 23 | echo "Watching less files..."; \ 24 | watchr -e "watch('lib/.*\.less') { system 'make' }"; \ 25 | else \ 26 | echo "You must have the watchr installed in order to watch Bootstrap less files."; \ 27 | echo "You can install it by running: gem install watchr"; \ 28 | fi 29 | 30 | .PHONY: build watch -------------------------------------------------------------------------------- /bootstrap/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 | pre.prettyprint { 10 | background: #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 { margin: 0 0 0 40px; } /* IE indents via margin-left */ 20 | ol.linenums li { color: rgba(0,0,0,.15); line-height: 20px; } 21 | /* Alternate shading for lines */ 22 | li.L1, li.L3, li.L5, li.L7, li.L9 { } 23 | 24 | /* 25 | $base03: #002b36; 26 | $base02: #073642; 27 | $base01: #586e75; 28 | $base00: #657b83; 29 | $base0: #839496; 30 | $base1: #93a1a1; 31 | $base2: #eee8d5; 32 | $base3: #fdf6e3; 33 | $yellow: #b58900; 34 | $orange: #cb4b16; 35 | $red: #dc322f; 36 | $magenta: #d33682; 37 | $violet: #6c71c4; 38 | $blue: #268bd2; 39 | $cyan: #2aa198; 40 | $green: #859900; 41 | */ -------------------------------------------------------------------------------- /bootstrap/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 |

Bootstrap Plugin Test Suite

32 |

33 |

34 |
    35 |
    36 |
    37 | 38 | -------------------------------------------------------------------------------- /BootstrapExtension.php: -------------------------------------------------------------------------------- 1 | 'Bootstrap', 6 | 'author' => 'Aaron Parecki', 7 | 'description' => 'Adds tags to support Bootstrap layouts', 8 | 'url' => 'https://github.com/aaronpk/Bootstrap-Skin' 9 | ); 10 | 11 | function BootstrapSetup() { 12 | global $wgParser; 13 | 14 | for($i=1; $i<=16; $i++) 15 | $wgParser->setHook('span'.$i, array('BootstrapExtension','span'.$i)); 16 | $wgParser->setHook('span-one-third', array('BootstrapExtension','span-one-third')); 17 | $wgParser->setHook('span-two-thirds', array('BootstrapExtension','span-two-thirds')); 18 | $wgParser->setHook('row', array('BootstrapExtension','row')); 19 | $wgParser->setHook('mediagrid', array('BootstrapExtension','mediagrid')); 20 | } 21 | 22 | class BootstrapExtension { 23 | 24 | public static function mediagrid() 25 | { 26 | 27 | } 28 | 29 | public static function __callStatic($name, $fargs) 30 | { 31 | global $wgParser; 32 | 33 | $input = $fargs[0]; 34 | 35 | $class = FALSE; 36 | if(is_array($fargs[1])) { 37 | if(array_key_exists('class', $fargs[1])) { 38 | $class = $fargs[1]['class']; 39 | } 40 | } 41 | 42 | return '
    ' . $wgParser->recursiveTagParse($input) . '
    '; 43 | } 44 | 45 | } 46 | 47 | -------------------------------------------------------------------------------- /bootstrap/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 | -------------------------------------------------------------------------------- /bootstrap/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 | }) -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-dropdown.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrap-dropdown.js v1.3.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 | var d = 'a.menu, .dropdown-toggle' 24 | 25 | function clearMenus() { 26 | $(d).parent('li').removeClass('open') 27 | } 28 | 29 | $(function () { 30 | $('html').bind("click", clearMenus) 31 | $('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' ) 32 | }) 33 | 34 | /* DROPDOWN PLUGIN DEFINITION 35 | * ========================== */ 36 | 37 | $.fn.dropdown = function ( selector ) { 38 | return this.each(function () { 39 | $(this).delegate(selector || d, 'click', function (e) { 40 | var li = $(this).parent('li') 41 | , isActive = li.hasClass('open') 42 | 43 | clearMenus() 44 | !isActive && li.toggleClass('open') 45 | return false 46 | }) 47 | }) 48 | } 49 | 50 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/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 | }) -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-tabs.js: -------------------------------------------------------------------------------- 1 | /* ======================================================== 2 | * bootstrap-tabs.js v1.3.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 | function activate ( element, container ) { 24 | container.find('.active').removeClass('active') 25 | element.addClass('active') 26 | } 27 | 28 | function tab( e ) { 29 | var $this = $(this) 30 | , href = $this.attr('href') 31 | , $ul = $(e.liveFired) 32 | , $controlled 33 | 34 | if (/^#\w+/.test(href)) { 35 | e.preventDefault() 36 | 37 | if ($this.hasClass('active')) { 38 | return 39 | } 40 | 41 | $href = $(href) 42 | 43 | activate($this.parent('li'), $ul) 44 | activate($href, $href.parent()) 45 | } 46 | } 47 | 48 | 49 | /* TABS/PILLS PLUGIN DEFINITION 50 | * ============================ */ 51 | 52 | $.fn.tabs = $.fn.pills = function ( selector ) { 53 | return this.each(function () { 54 | $(this).delegate(selector || '.tabs li > a, .pills > li > a', 'click', tab) 55 | }) 56 | } 57 | 58 | $(document).ready(function () { 59 | $('body').tabs('ul[data-tabs] li > a, ul[data-pills] > li > a') 60 | }) 61 | 62 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/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 | }) -------------------------------------------------------------------------------- /bootstrap/lib/variables.less: -------------------------------------------------------------------------------- 1 | /* Variables.less 2 | * Variables to customize the look and feel of Bootstrap 3 | * ----------------------------------------------------- */ 4 | 5 | 6 | // Links 7 | @linkColor: #0069d6; 8 | @linkColorHover: darken(@linkColor, 15); 9 | 10 | // Grays 11 | @black: #000; 12 | @grayDark: lighten(@black, 25%); 13 | @gray: lighten(@black, 50%); 14 | @grayLight: lighten(@black, 75%); 15 | @grayLighter: lighten(@black, 90%); 16 | @white: #fff; 17 | 18 | // Accent Colors 19 | @blue: #049CDB; 20 | @blueDark: #0064CD; 21 | @green: #46a546; 22 | @red: #9d261d; 23 | @yellow: #ffc40d; 24 | @orange: #f89406; 25 | @pink: #c3325f; 26 | @purple: #7a43b6; 27 | 28 | // Baseline grid 29 | @basefont: 13px; 30 | @baseline: 18px; 31 | 32 | // Griditude 33 | // Modify the grid styles in mixins.less 34 | @gridColumns: 16; 35 | @gridColumnWidth: 40px; 36 | @gridGutterWidth: 20px; 37 | @extraSpace: (@gridGutterWidth * 2); // For our grid calculations 38 | @siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); 39 | 40 | // Color Scheme 41 | // Use this to roll your own color schemes if you like (unused by Bootstrap by default) 42 | @baseColor: @blue; // Set a base color 43 | @complement: spin(@baseColor, 180); // Determine a complementary color 44 | @split1: spin(@baseColor, 158); // Split complements 45 | @split2: spin(@baseColor, -158); 46 | @triad1: spin(@baseColor, 135); // Triads colors 47 | @triad2: spin(@baseColor, -135); 48 | @tetra1: spin(@baseColor, 90); // Tetra colors 49 | @tetra2: spin(@baseColor, -90); 50 | @analog1: spin(@baseColor, 22); // Analogs colors 51 | @analog2: spin(@baseColor, -22); 52 | 53 | 54 | 55 | // More variables coming soon: 56 | // - @basefont to @baseFontSize 57 | // - @baseline to @baseLineHeight 58 | // - @baseFontFamily 59 | // - @primaryButtonColor 60 | // - anything else? File an issue on GitHub -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-popover.js: -------------------------------------------------------------------------------- 1 | /* =========================================================== 2 | * bootstrap-popover.js v1.3.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 | var Popover = function ( element, options ) { 24 | this.$element = $(element) 25 | this.options = options 26 | this.enabled = true 27 | this.fixTitle() 28 | } 29 | 30 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js 31 | ========================================= */ 32 | 33 | Popover.prototype = $.extend({}, $.fn.twipsy.Twipsy.prototype, { 34 | 35 | setContent: function () { 36 | var $tip = this.tip() 37 | $tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle()) 38 | $tip.find('.content p')[this.options.html ? 'html' : 'text'](this.getContent()) 39 | $tip[0].className = 'popover' 40 | } 41 | 42 | , getContent: function () { 43 | var contentvar 44 | , $e = this.$element 45 | , o = this.options 46 | 47 | if (typeof this.options.content == 'string') { 48 | content = $e.attr(o.content) 49 | } else if (typeof this.options.content == 'function') { 50 | content = this.options.content.call(this.$element[0]) 51 | } 52 | return content 53 | } 54 | 55 | , tip: function() { 56 | if (!this.$tip) { 57 | this.$tip = $('
    ') 58 | .html('

    ') 59 | } 60 | return this.$tip 61 | } 62 | 63 | }) 64 | 65 | 66 | /* POPOVER PLUGIN DEFINITION 67 | * ======================= */ 68 | 69 | $.fn.popover = function (options) { 70 | if (typeof options == 'object') options = $.extend({}, $.fn.popover.defaults, options) 71 | $.fn.twipsy.initWith.call(this, options, Popover, 'popover') 72 | return this 73 | } 74 | 75 | $.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, { content: 'data-content', placement: 'right'}) 76 | 77 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/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 | }) -------------------------------------------------------------------------------- /bootstrap/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 | }) -------------------------------------------------------------------------------- /bootstrap/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 | -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-alerts.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-alerts.js v1.3.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 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 24 | * ======================================================= */ 25 | 26 | var transitionEnd 27 | 28 | $(document).ready(function () { 29 | 30 | $.support.transition = (function () { 31 | var thisBody = document.body || document.documentElement 32 | , thisStyle = thisBody.style 33 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 34 | return support 35 | })() 36 | 37 | // set CSS transition event type 38 | if ( $.support.transition ) { 39 | transitionEnd = "TransitionEnd" 40 | if ( $.browser.webkit ) { 41 | transitionEnd = "webkitTransitionEnd" 42 | } else if ( $.browser.mozilla ) { 43 | transitionEnd = "transitionend" 44 | } else if ( $.browser.opera ) { 45 | transitionEnd = "oTransitionEnd" 46 | } 47 | } 48 | 49 | }) 50 | 51 | /* ALERT CLASS DEFINITION 52 | * ====================== */ 53 | 54 | var Alert = function ( content, selector ) { 55 | this.$element = $(content) 56 | .delegate(selector || '.close', 'click', this.close) 57 | } 58 | 59 | Alert.prototype = { 60 | 61 | close: function (e) { 62 | var $element = $(this).parent('.alert-message') 63 | 64 | e && e.preventDefault() 65 | $element.removeClass('in') 66 | 67 | function removeElement () { 68 | $element.remove() 69 | } 70 | 71 | $.support.transition && $element.hasClass('fade') ? 72 | $element.bind(transitionEnd, removeElement) : 73 | removeElement() 74 | } 75 | 76 | } 77 | 78 | 79 | /* ALERT PLUGIN DEFINITION 80 | * ======================= */ 81 | 82 | $.fn.alert = function ( options ) { 83 | 84 | if ( options === true ) { 85 | return this.data('alert') 86 | } 87 | 88 | return this.each(function () { 89 | var $this = $(this) 90 | 91 | if ( typeof options == 'string' ) { 92 | return $this.data('alert')[options]() 93 | } 94 | 95 | $(this).data('alert', new Alert( this )) 96 | 97 | }) 98 | } 99 | 100 | $(document).ready(function () { 101 | new Alert($('body'), '.alert-message[data-alert] .close') 102 | }) 103 | 104 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-scrollspy.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-scrollspy.js v1.3.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 | var $window = $(window) 24 | 25 | function ScrollSpy( topbar, selector ) { 26 | var processScroll = $.proxy(this.processScroll, this) 27 | this.$topbar = $(topbar) 28 | this.selector = selector || 'li > a' 29 | this.refresh() 30 | this.$topbar.delegate(this.selector, 'click', processScroll) 31 | $window.scroll(processScroll) 32 | this.processScroll() 33 | } 34 | 35 | ScrollSpy.prototype = { 36 | 37 | refresh: function () { 38 | this.targets = this.$topbar.find(this.selector).map(function () { 39 | var href = $(this).attr('href') 40 | return /^#\w/.test(href) && $(href).length ? href : null 41 | }) 42 | 43 | this.offsets = $.map(this.targets, function (id) { 44 | return $(id).offset().top 45 | }) 46 | } 47 | 48 | , processScroll: function () { 49 | var scrollTop = $window.scrollTop() + 10 50 | , offsets = this.offsets 51 | , targets = this.targets 52 | , activeTarget = this.activeTarget 53 | , i 54 | 55 | for (i = offsets.length; i--;) { 56 | activeTarget != targets[i] 57 | && scrollTop >= offsets[i] 58 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) 59 | && this.activateButton( targets[i] ) 60 | } 61 | } 62 | 63 | , activateButton: function (target) { 64 | this.activeTarget = target 65 | 66 | this.$topbar 67 | .find(this.selector).parent('.active') 68 | .removeClass('active') 69 | 70 | this.$topbar 71 | .find(this.selector + '[href="' + target + '"]') 72 | .parent('li') 73 | .addClass('active') 74 | } 75 | 76 | } 77 | 78 | /* SCROLLSPY PLUGIN DEFINITION 79 | * =========================== */ 80 | 81 | $.fn.scrollSpy = function( options ) { 82 | var scrollspy = this.data('scrollspy') 83 | 84 | if (!scrollspy) { 85 | return this.each(function () { 86 | $(this).data('scrollspy', new ScrollSpy( this, options )) 87 | }) 88 | } 89 | 90 | if ( options === true ) { 91 | return scrollspy 92 | } 93 | 94 | if ( typeof options == 'string' ) { 95 | scrollspy[options]() 96 | } 97 | 98 | return this 99 | } 100 | 101 | $(document).ready(function () { 102 | $('body').scrollSpy('[data-scrollspy] li > a') 103 | }) 104 | 105 | }( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/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 | html, body { 11 | background-color: @white; 12 | } 13 | body { 14 | margin: 0; 15 | #font > .sans-serif(normal,@basefont,@baseline); 16 | color: @grayDark; 17 | } 18 | 19 | // Container (centered, fixed-width layouts) 20 | .container { 21 | .fixed-container(); 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 | float: left; 33 | width: 220px; 34 | } 35 | // TODO in v2: rename this and .popover .content to be more specific 36 | > .content { 37 | margin-left: 240px; 38 | } 39 | } 40 | 41 | 42 | // BASE STYLES 43 | // ----------- 44 | 45 | // Links 46 | a { 47 | color: @linkColor; 48 | text-decoration: none; 49 | line-height: inherit; 50 | font-weight: inherit; 51 | &:hover { 52 | color: @linkColorHover; 53 | text-decoration: underline; 54 | } 55 | } 56 | 57 | // Quick floats 58 | .pull-right { 59 | float: right; 60 | } 61 | .pull-left { 62 | float: left; 63 | } 64 | 65 | // Toggling content 66 | .hide { 67 | display: none; 68 | } 69 | .show { 70 | display: block; 71 | } 72 | 73 | 74 | // GRID SYSTEM 75 | // ----------- 76 | // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there 77 | 78 | .row { 79 | .clearfix(); 80 | margin-left: -1 * @gridGutterWidth; 81 | } 82 | 83 | // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7) 84 | // Credit to @dhg for the idea 85 | [class*="span"] { 86 | .gridColumn(); 87 | } 88 | 89 | // Default columns 90 | .span1 { .columns(1); } 91 | .span2 { .columns(2); } 92 | .span3 { .columns(3); } 93 | .span4 { .columns(4); } 94 | .span5 { .columns(5); } 95 | .span6 { .columns(6); } 96 | .span7 { .columns(7); } 97 | .span8 { .columns(8); } 98 | .span9 { .columns(9); } 99 | .span10 { .columns(10); } 100 | .span11 { .columns(11); } 101 | .span12 { .columns(12); } 102 | .span13 { .columns(13); } 103 | .span14 { .columns(14); } 104 | .span15 { .columns(15); } 105 | .span16 { .columns(16); } 106 | 107 | // For optional 24-column grid 108 | .span17 { .columns(17); } 109 | .span18 { .columns(18); } 110 | .span19 { .columns(19); } 111 | .span20 { .columns(20); } 112 | .span21 { .columns(21); } 113 | .span22 { .columns(22); } 114 | .span23 { .columns(23); } 115 | .span24 { .columns(24); } 116 | 117 | // Offset column options 118 | .offset1 { .offset(1); } 119 | .offset2 { .offset(2); } 120 | .offset3 { .offset(3); } 121 | .offset4 { .offset(4); } 122 | .offset5 { .offset(5); } 123 | .offset6 { .offset(6); } 124 | .offset7 { .offset(7); } 125 | .offset8 { .offset(8); } 126 | .offset9 { .offset(9); } 127 | .offset10 { .offset(10); } 128 | .offset11 { .offset(11); } 129 | .offset12 { .offset(12); } 130 | 131 | // Unique column sizes for 16-column grid 132 | .span-one-third { width: 300px; } 133 | .span-two-thirds { width: 620px; } 134 | .offset-one-third { margin-left: 340px; } 135 | .offset-two-thirds { margin-left: 660px; } 136 | -------------------------------------------------------------------------------- /bootstrap/README.md: -------------------------------------------------------------------------------- 1 | TWITTER BOOTSTRAP 2 | ================= 3 | 4 | Bootstrap is Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more. 5 | 6 | To get started -- checkout http://twitter.github.com/bootstrap! 7 | 8 | 9 | Usage 10 | ----- 11 | 12 | You can use Twitter Bootstrap 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. 13 | 14 | Here's what the LESS version looks like: 15 | 16 | ``` html 17 | 18 | 19 | ``` 20 | 21 | Or if you prefer, the standard css way: 22 | 23 | ``` html 24 | 25 | ``` 26 | 27 | For more info, refer to the docs! 28 | 29 | 30 | Versioning 31 | ---------- 32 | 33 | For transparency and insight into our release cycle, and for striving to maintain backwards compatibility, Bootstrap will be maintained under the Semantic Versioning guidelines as much as possible. 34 | 35 | Releases will be numbered with the follow format: 36 | 37 | `..` 38 | 39 | And constructed with the following guidelines: 40 | 41 | * Breaking backwards compatibility bumps the major 42 | * New additions without breaking backwards compatibility bumps the minor 43 | * Bug fixes and misc changes bump the patch 44 | 45 | For more information on SemVer, please visit http://semver.org/. 46 | 47 | 48 | Bug tracker 49 | ----------- 50 | 51 | Have a bug? Please create an issue here on GitHub! 52 | 53 | https://github.com/twitter/bootstrap/issues 54 | 55 | 56 | Twitter account 57 | --------------- 58 | 59 | Keep up to date on announcements and more by following Bootstrap on Twitter, @TwBootstrap. 60 | 61 | 62 | Mailing list 63 | ------------ 64 | 65 | Have a question? Ask on our mailing list! 66 | 67 | twitter-bootstrap@googlegroups.com 68 | 69 | http://groups.google.com/group/twitter-bootstrap 70 | 71 | 72 | Developers 73 | ---------- 74 | 75 | We have included a makefile with convenience methods for working with the bootstrap library. 76 | 77 | + **build** - `make build` 78 | This will run the less compiler on the bootstrap lib and generate a bootstrap.css and bootstrap.min.css file. 79 | The lessc compiler is required for this command to run. 80 | 81 | + **watch** - `make watch` 82 | This is a convenience method for watching your less files and automatically building them whenever you save. 83 | Watchr is required for this command to run. 84 | 85 | 86 | Authors 87 | ------- 88 | 89 | **Mark Otto** 90 | 91 | + http://twitter.com/mdo 92 | + http://github.com/markdotto 93 | 94 | **Jacob Thornton** 95 | 96 | + http://twitter.com/fat 97 | + http://github.com/fat 98 | 99 | 100 | Copyright and license 101 | --------------------- 102 | 103 | Copyright 2011 Twitter, Inc. 104 | 105 | Licensed under the Apache License, Version 2.0 (the "License"); 106 | you may not use this work except in compliance with the License. 107 | You may obtain a copy of the License in the LICENSE file, or at: 108 | 109 | http://www.apache.org/licenses/LICENSE-2.0 110 | 111 | Unless required by applicable law or agreed to in writing, software 112 | distributed under the License is distributed on an "AS IS" BASIS, 113 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 114 | See the License for the specific language governing permissions and 115 | limitations under the License. 116 | -------------------------------------------------------------------------------- /bootstrap/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 | font-weight: bold; 24 | color: @grayDark; 25 | small { 26 | color: @grayLight; 27 | } 28 | } 29 | h1 { 30 | margin-bottom: @baseline; 31 | font-size: 30px; 32 | line-height: @baseline * 2; 33 | small { 34 | font-size: 18px; 35 | } 36 | } 37 | h2 { 38 | font-size: 24px; 39 | line-height: @baseline * 2; 40 | small { 41 | font-size: 14px; 42 | } 43 | } 44 | h3, h4, h5, h6 { 45 | line-height: @baseline * 2; 46 | } 47 | h3 { 48 | font-size: 18px; 49 | small { 50 | font-size: 14px; 51 | } 52 | } 53 | h4 { 54 | font-size: 16px; 55 | small { 56 | font-size: 12px; 57 | } 58 | } 59 | h5 { 60 | font-size: 14px; 61 | } 62 | h6 { 63 | font-size: 13px; 64 | color: @grayLight; 65 | text-transform: uppercase; 66 | } 67 | 68 | 69 | // COLORS 70 | // ------ 71 | 72 | // Unordered and Ordered lists 73 | ul, ol { 74 | margin: 0 0 @baseline 25px; 75 | } 76 | ul ul, 77 | ul ol, 78 | ol ol, 79 | ol ul { 80 | margin-bottom: 0; 81 | } 82 | ul { 83 | list-style: disc; 84 | } 85 | ol { 86 | list-style: decimal; 87 | } 88 | li { 89 | line-height: @baseline; 90 | color: @gray; 91 | } 92 | ul.unstyled { 93 | list-style: none; 94 | margin-left: 0; 95 | } 96 | 97 | // Description Lists 98 | dl { 99 | margin-bottom: @baseline; 100 | dt, dd { 101 | line-height: @baseline; 102 | } 103 | dt { 104 | font-weight: bold; 105 | } 106 | dd { 107 | margin-left: @baseline / 2; 108 | } 109 | } 110 | 111 | // MISC 112 | // ---- 113 | 114 | // Horizontal rules 115 | hr { 116 | margin: 20px 0 19px; 117 | border: 0; 118 | border-bottom: 1px solid #eee; 119 | } 120 | 121 | // Emphasis 122 | strong { 123 | font-style: inherit; 124 | font-weight: bold; 125 | } 126 | em { 127 | font-style: italic; 128 | font-weight: inherit; 129 | line-height: inherit; 130 | } 131 | .muted { 132 | color: @grayLight; 133 | } 134 | 135 | // Blockquotes 136 | blockquote { 137 | margin-bottom: @baseline; 138 | border-left: 5px solid #eee; 139 | padding-left: 15px; 140 | p { 141 | #font > .shorthand(300,14px,@baseline); 142 | margin-bottom: 0; 143 | } 144 | small { 145 | display: block; 146 | #font > .shorthand(300,12px,@baseline); 147 | color: @grayLight; 148 | &:before { 149 | content: '\2014 \00A0'; 150 | } 151 | } 152 | } 153 | 154 | // Addresses 155 | address { 156 | display: block; 157 | line-height: @baseline; 158 | margin-bottom: @baseline; 159 | } 160 | 161 | // Inline and block code styles 162 | code, pre { 163 | padding: 0 3px 2px; 164 | font-family: Monaco, Andale Mono, Courier New, monospace; 165 | font-size: 12px; 166 | .border-radius(3px); 167 | } 168 | code { 169 | background-color: lighten(@orange, 40%); 170 | color: rgba(0,0,0,.75); 171 | padding: 1px 3px; 172 | } 173 | pre { 174 | background-color: #f5f5f5; 175 | display: block; 176 | padding: (@baseline - 1) / 2; 177 | margin: 0 0 @baseline; 178 | line-height: @baseline; 179 | font-size: 12px; 180 | border: 1px solid #ccc; 181 | border: 1px solid rgba(0,0,0,.15); 182 | .border-radius(3px); 183 | white-space: pre; 184 | white-space: pre-wrap; 185 | word-wrap: break-word; 186 | 187 | } -------------------------------------------------------------------------------- /bootstrap/examples/container-app.html: -------------------------------------------------------------------------------- 1 | 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 | -------------------------------------------------------------------------------- /bootstrap/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 | overflow-y: scroll; 25 | font-size: 100%; 26 | -webkit-text-size-adjust: 100%; 27 | -ms-text-size-adjust: 100%; 28 | } 29 | // Focus states 30 | a:focus { 31 | outline: thin dotted; 32 | } 33 | // Hover & Active 34 | a:hover, 35 | a:active { 36 | outline: 0; 37 | } 38 | 39 | // Display in IE6-9 and FF3 40 | // ------------------------- 41 | // Source: http://github.com/necolas/normalize.css 42 | article, 43 | aside, 44 | details, 45 | figcaption, 46 | figure, 47 | footer, 48 | header, 49 | hgroup, 50 | nav, 51 | section { 52 | display: block; 53 | } 54 | 55 | // Display block in IE6-9 and FF3 56 | // ------------------------- 57 | // Source: http://github.com/necolas/normalize.css 58 | audio, 59 | canvas, 60 | video { 61 | display: inline-block; 62 | *display: inline; 63 | *zoom: 1; 64 | } 65 | 66 | // Prevents modern browsers from displaying 'audio' without controls 67 | // ------------------------- 68 | // Source: http://github.com/necolas/normalize.css 69 | audio:not([controls]) { 70 | display: none; 71 | } 72 | 73 | // Prevents sub and sup affecting line-height in all browsers 74 | // ------------------------- 75 | // Source: http://github.com/necolas/normalize.css 76 | sub, 77 | sup { 78 | font-size: 75%; 79 | line-height: 0; 80 | position: relative; 81 | vertical-align: baseline; 82 | } 83 | sup { 84 | top: -0.5em; 85 | } 86 | sub { 87 | bottom: -0.25em; 88 | } 89 | 90 | // Img border in a's and image quality 91 | // ------------------------- 92 | // Source: http://github.com/necolas/normalize.css 93 | img { 94 | border: 0; 95 | -ms-interpolation-mode: bicubic; 96 | } 97 | 98 | // Forms 99 | // ------------------------- 100 | // Source: http://github.com/necolas/normalize.css 101 | 102 | // Font size in all browsers, margin changes, misc consistency 103 | button, 104 | input, 105 | select, 106 | textarea { 107 | font-size: 100%; 108 | margin: 0; 109 | vertical-align: baseline; 110 | *vertical-align: middle; 111 | } 112 | button, 113 | input { 114 | line-height: normal; // FF3/4 have !important on line-height in UA stylesheet 115 | *overflow: visible; // Inner spacing ie IE6/7 116 | } 117 | button::-moz-focus-inner, 118 | input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 119 | border: 0; 120 | padding: 0; 121 | } 122 | button, 123 | input[type="button"], 124 | input[type="reset"], 125 | input[type="submit"] { 126 | cursor: pointer; // Cursors on all buttons applied consistently 127 | -webkit-appearance: button; // Style clicable inputs in iOS 128 | } 129 | input[type="search"] { // Appearance in Safari/Chrome 130 | -webkit-appearance: textfield; 131 | -webkit-box-sizing: content-box; 132 | -moz-box-sizing: content-box; 133 | box-sizing: content-box; 134 | } 135 | input[type="search"]::-webkit-search-decoration { 136 | -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 137 | } 138 | textarea { 139 | overflow: auto; // Remove vertical scrollbar in IE6-9 140 | vertical-align: top; // Readability and alignment cross-browser 141 | } -------------------------------------------------------------------------------- /bootstrap/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 | border-collapse: separate; // Done so we can round those corners! 15 | *border-collapse: collapse; /* IE7, collapse table to remove spacing */ 16 | font-size: @basefont; 17 | border: 1px solid #ddd; 18 | .border-radius(4px); 19 | th, td { 20 | padding: 10px 10px 9px; 21 | line-height: @baseline; 22 | text-align: left; 23 | } 24 | th { 25 | padding-top: 9px; 26 | font-weight: bold; 27 | vertical-align: middle; 28 | border-bottom: 1px solid #ddd; 29 | } 30 | td { 31 | vertical-align: top; 32 | } 33 | th + th, 34 | td + td { 35 | border-left: 1px solid #ddd; 36 | } 37 | tr + tr td { 38 | border-top: 1px solid #ddd; 39 | } 40 | tbody tr:first-child td:first-child { 41 | .border-radius(4px 0 0 0); 42 | } 43 | tbody tr:first-child td:last-child { 44 | .border-radius(0 4px 0 0); 45 | } 46 | tbody tr:last-child td:first-child { 47 | .border-radius(0 0 0 4px); 48 | } 49 | tbody tr:last-child td:last-child { 50 | .border-radius(0 0 4px 0); 51 | } 52 | } 53 | 54 | 55 | // ZEBRA-STRIPING 56 | // -------------- 57 | 58 | // Default zebra-stripe styles (alternating gray and transparent backgrounds) 59 | .zebra-striped { 60 | tbody { 61 | tr:nth-child(odd) td { 62 | background-color: #f9f9f9; 63 | } 64 | tr:hover td { 65 | background-color: #f5f5f5; 66 | } 67 | } 68 | 69 | // Tablesorting styles w/ jQuery plugin 70 | .header { 71 | cursor: pointer; 72 | &:after { 73 | content: ""; 74 | float: right; 75 | margin-top: 7px; 76 | border-width: 0 4px 4px; 77 | border-style: solid; 78 | border-color: #000 transparent; 79 | visibility: hidden; 80 | } 81 | } 82 | // Style the sorted column headers (THs) 83 | .headerSortUp, 84 | .headerSortDown { 85 | background-color: rgba(141,192,219,.25); 86 | text-shadow: 0 1px 1px rgba(255,255,255,.75); 87 | } 88 | // Style the ascending (reverse alphabetical) column header 89 | .header:hover { 90 | &:after { 91 | visibility:visible; 92 | } 93 | } 94 | // Style the descending (alphabetical) column header 95 | .headerSortDown, 96 | .headerSortDown:hover { 97 | &:after { 98 | visibility:visible; 99 | .opacity(60); 100 | } 101 | } 102 | // Style the ascending (reverse alphabetical) column header 103 | .headerSortUp { 104 | &:after { 105 | border-bottom: none; 106 | border-left: 4px solid transparent; 107 | border-right: 4px solid transparent; 108 | border-top: 4px solid #000; 109 | visibility:visible; 110 | .box-shadow(none); //can't add boxshadow to downward facing arrow :( 111 | .opacity(60); 112 | } 113 | } 114 | } 115 | 116 | table { 117 | // Blue Table Headings 118 | .blue { 119 | color: @blue; 120 | border-bottom-color: @blue; 121 | } 122 | .headerSortUp.blue, 123 | .headerSortDown.blue { 124 | background-color: lighten(@blue, 40%); 125 | } 126 | // Green Table Headings 127 | .green { 128 | color: @green; 129 | border-bottom-color: @green; 130 | } 131 | .headerSortUp.green, 132 | .headerSortDown.green { 133 | background-color: lighten(@green, 40%); 134 | } 135 | // Red Table Headings 136 | .red { 137 | color: @red; 138 | border-bottom-color: @red; 139 | } 140 | .headerSortUp.red, 141 | .headerSortDown.red { 142 | background-color: lighten(@red, 50%); 143 | } 144 | // Yellow Table Headings 145 | .yellow { 146 | color: @yellow; 147 | border-bottom-color: @yellow; 148 | } 149 | .headerSortUp.yellow, 150 | .headerSortDown.yellow { 151 | background-color: lighten(@yellow, 40%); 152 | } 153 | // Orange Table Headings 154 | .orange { 155 | color: @orange; 156 | border-bottom-color: @orange; 157 | } 158 | .headerSortUp.orange, 159 | .headerSortDown.orange { 160 | background-color: lighten(@orange, 40%); 161 | } 162 | // Purple Table Headings 163 | .purple { 164 | color: @purple; 165 | border-bottom-color: @purple; 166 | } 167 | .headerSortUp.purple, 168 | .headerSortDown.purple { 169 | background-color: lighten(@purple, 40%); 170 | } 171 | } -------------------------------------------------------------------------------- /bootstrap/site.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding-top: 40px; 3 | } 4 | 5 | body.page-Home .page-header { 6 | display: none; 7 | } 8 | 9 | .printfooter { 10 | display: none; 11 | } 12 | 13 | #wpTextbox1 { 14 | width: 90%; 15 | } 16 | 17 | .editsection { 18 | font-size: 60%; 19 | } 20 | 21 | .fill { 22 | border-radius: 3px 3px 3px 3px; 23 | background-color: #eee; 24 | } 25 | .fill p { 26 | margin: 3px; 27 | text-align: center; 28 | } 29 | .row.demo { 30 | margin-bottom: 10px; 31 | } 32 | 33 | b { 34 | font-weight: bold; 35 | } 36 | 37 | .topbar { 38 | font-size: 13px; 39 | } 40 | 41 | .home h2 { 42 | border-bottom: 3px #bbb solid; 43 | margin-bottom: 6px; 44 | } 45 | 46 | 47 | .bottom { 48 | padding-top: 30px; 49 | background-color: #202020; 50 | } 51 | .bottom, .bottom h1, .bottom h2, .bottom h3, .bottom h4, .bottom h5, .bottom h6, .bottom a { 52 | color: #f6ebeb; 53 | } 54 | 55 | h1 { 56 | font-size: 42px; 57 | } 58 | h2 { 59 | margin-top: 12px; 60 | line-height: 1.3em; 61 | } 62 | h3 { 63 | margin-bottom: 6px; 64 | } 65 | h3, h4, h5, h6 { 66 | margin-top: 18px; 67 | line-height: 1.3em; 68 | } 69 | 70 | 71 | body, p { 72 | font-size: 16px; 73 | } 74 | 75 | body, p, li { 76 | line-height: 24px; 77 | } 78 | 79 | #search .mw-search-formheader, .searchresults .mw-search-createlink { 80 | display: none; 81 | } 82 | 83 | 84 | 85 | footer { 86 | border-top: 1px solid #aaa; 87 | } 88 | footer p { 89 | font-size: 12px; 90 | } 91 | 92 | .tocnumber { 93 | display: none; 94 | } 95 | 96 | @media print { 97 | .sidebar, footer, .topbar { 98 | display: none; 99 | } 100 | .container-fluid > .content { 101 | margin-left: 0; 102 | } 103 | } 104 | 105 | 106 | /** 107 | Styles for image alignment 108 | **/ 109 | .center { 110 | text-align: center; 111 | } 112 | .floatright { 113 | float: right; 114 | margin: 0 .5em .5em 0; 115 | } 116 | .floatleft { 117 | float: left; 118 | margin: 0 .5em .5em 0; 119 | } 120 | .thumbcaption { 121 | font-size: 0.9em; 122 | } 123 | 124 | 125 | 126 | /** 127 | Styles for editing page form 128 | **/ 129 | .editOptions label { 130 | float: none; 131 | } 132 | 133 | 134 | /** 135 | Hide discussion page link 136 | **/ 137 | #ca-talk { 138 | display: none; 139 | } 140 | 141 | 142 | /** 143 | Custom top bar color 144 | **/ 145 | 146 | .topbar div > ul .menu-dropdown, .nav .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .dropdown-menu { 147 | background-color: #720707; 148 | } 149 | .topbar div > ul .menu-dropdown li a, .nav .menu-dropdown li a, .topbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a { 150 | color: #feeded; 151 | } 152 | .topbar div > ul .menu-dropdown li a:hover, .nav .menu-dropdown li a:hover, .topbar div > ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover { 153 | background-color: #520707; 154 | } 155 | .topbar a, .topbar input:-moz-placeholder { 156 | color: #feeded; 157 | } 158 | .topbar-inner, .topbar .fill { 159 | background-image: -khtml-gradient(linear, left top, left bottom, from(#610707), to(#4b0606)); 160 | background-image: -moz-linear-gradient(top, #610707, #4b0606); 161 | background-image: -ms-linear-gradient(top, #610707, #4b0606); 162 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #610707), color-stop(100%, #4b0606)); 163 | background-image: -webkit-linear-gradient(top, #610707, #4b0606); 164 | background-image: -o-linear-gradient(top, #610707, #4b0606); 165 | background-image: linear-gradient(top, #610707, #4b0606); 166 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#610707', endColorstr='#4b0606', GradientType=0); 167 | } 168 | 169 | 170 | /** 171 | MediaWiki table of contents 172 | **/ 173 | table#toc { 174 | width: auto; 175 | } 176 | 177 | #toc, .toc, .mw-warning { 178 | font-size: 100%; 179 | border: 1px solid #AAAAAA; 180 | background-color: #F5F5F5; 181 | padding: .5em; 182 | margin-bottom: 1.2em; 183 | } 184 | 185 | .toc { 186 | float: right; 187 | margin-left: 20px; 188 | } 189 | 190 | #toc h2, .toc h2 { 191 | font-size: 110%; 192 | border: none; 193 | margin: 0; /* fix toc top margin */ 194 | padding-right: .2em; /* margin between title and hide/show link */ 195 | display: inline; /* display the hide/show link after Contents */ 196 | } 197 | 198 | #toc #toctitle, 199 | .toc #toctitle, 200 | #toc .toctitle, 201 | .toc .toctitle { 202 | text-align: left; /* left adjust of title */ 203 | } 204 | 205 | #toc ul, .toc ul { 206 | list-style-type: none; 207 | list-style-image: none; 208 | margin: 0; 209 | padding: .3em 0 0 .7em; /* margin of the item list */ 210 | text-align: left; 211 | } 212 | #toc ul ul, .toc ul ul, 213 | #toc ul ul ul, .toc ul ul ul { 214 | margin: 0 0 0 .7em; /* toclevel-2 margin */ 215 | } 216 | 217 | #toc .tocindent { margin-left: 1em; } 218 | #toc .tocline { margin-bottom: 0; } 219 | #toc p { margin: 0 } 220 | #toc .toctoggle { font-size: 90%; } 221 | 222 | #toc .editsection { 223 | margin-top: .3em; 224 | font-size: 90%; 225 | } 226 | 227 | 228 | 229 | 230 | -------------------------------------------------------------------------------- /bootstrap/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, 'document.body 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 | .modal("show") 26 | .bind("shown", function () { 27 | ok($('#modal-test').length, 'modal insterted into dom') 28 | start() 29 | div.remove() 30 | }) 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 | .modal("show") 97 | .bind("shown", function () { 98 | equal($('.modal-backdrop').length, 1, 'modal backdrop inserted into dom') 99 | start() 100 | div.remove() 101 | $('.modal-backdrop').remove() 102 | }) 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 | .modal("show") 112 | .bind("shown", function () { 113 | equal($('.modal-backdrop').length, 0, 'modal backdrop not inserted into dom') 114 | start() 115 | div.remove() 116 | }) 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 | .modal("show") 126 | .bind("shown", function () { 127 | equal($('.modal-backdrop').length, 1, 'modal backdrop inserted into dom') 128 | $('.modal-backdrop').click() 129 | equal($('.modal-backdrop').length, 0, 'modal backdrop removed from dom') 130 | start() 131 | div.remove() 132 | }) 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 | .modal("show") 142 | .bind("shown", function () { 143 | equal($('.modal-backdrop').length, 1, 'modal backdrop inserted into dom') 144 | $('.modal-backdrop').click() 145 | equal($('.modal-backdrop').length, 1, 'modal backdrop still in dom') 146 | start() 147 | div.remove() 148 | $('.modal-backdrop').remove() 149 | }) 150 | }) 151 | }) 152 | -------------------------------------------------------------------------------- /bootstrap/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 | } -------------------------------------------------------------------------------- /bootstrap/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 |
    82 |

    Heading

    83 |

    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.

    84 |

    View details »

    85 |
    86 |
    87 |

    Heading

    88 |

    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.

    89 |

    View details »

    90 |
    91 |
    92 |

    Heading

    93 |

    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.

    94 |

    View details »

    95 |
    96 |
    97 | 98 |
    99 | 100 | 101 |
    102 |
    103 |

    Heading

    104 |

    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.

    105 |

    View details »

    106 |
    107 |
    108 |

    Heading

    109 |

    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.

    110 |

    View details »

    111 |
    112 |
    113 |

    Heading

    114 |

    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.

    115 |

    View details »

    116 |
    117 |
    118 | 119 |
    120 |

    © Company 2011

    121 |
    122 |
    123 |
    124 | 125 | 126 | -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-modal.js: -------------------------------------------------------------------------------- 1 | /* ========================================================= 2 | * bootstrap-modal.js v1.3.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 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 24 | * ======================================================= */ 25 | 26 | var transitionEnd 27 | 28 | $(document).ready(function () { 29 | 30 | $.support.transition = (function () { 31 | var thisBody = document.body || document.documentElement 32 | , thisStyle = thisBody.style 33 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 34 | return support 35 | })() 36 | 37 | // set CSS transition event type 38 | if ( $.support.transition ) { 39 | transitionEnd = "TransitionEnd" 40 | if ( $.browser.webkit ) { 41 | transitionEnd = "webkitTransitionEnd" 42 | } else if ( $.browser.mozilla ) { 43 | transitionEnd = "transitionend" 44 | } else if ( $.browser.opera ) { 45 | transitionEnd = "oTransitionEnd" 46 | } 47 | } 48 | 49 | }) 50 | 51 | 52 | /* MODAL PUBLIC CLASS DEFINITION 53 | * ============================= */ 54 | 55 | var Modal = function ( content, options ) { 56 | this.settings = $.extend({}, $.fn.modal.defaults) 57 | this.$element = $(content) 58 | .delegate('.close', 'click.modal', $.proxy(this.hide, this)) 59 | 60 | if ( options ) { 61 | $.extend( this.settings, options ) 62 | 63 | if ( options.show ) { 64 | this.show() 65 | } 66 | } 67 | 68 | return this 69 | } 70 | 71 | Modal.prototype = { 72 | 73 | toggle: function () { 74 | return this[!this.isShown ? 'show' : 'hide']() 75 | } 76 | 77 | , show: function () { 78 | var that = this 79 | this.isShown = true 80 | this.$element.trigger('show') 81 | 82 | escape.call(this) 83 | backdrop.call(this, function () { 84 | that.$element 85 | .appendTo(document.body) 86 | .show() 87 | 88 | setTimeout(function () { 89 | that.$element 90 | .addClass('in') 91 | .trigger('shown') 92 | }, 0) 93 | }) 94 | 95 | return this 96 | } 97 | 98 | , hide: function (e) { 99 | e && e.preventDefault() 100 | 101 | var that = this 102 | this.isShown = false 103 | 104 | escape.call(this) 105 | 106 | this.$element 107 | .trigger('hide') 108 | .removeClass('in') 109 | 110 | function removeElement () { 111 | that.$element 112 | .hide() 113 | .trigger('hidden') 114 | 115 | backdrop.call(that) 116 | } 117 | 118 | $.support.transition && this.$element.hasClass('fade') ? 119 | this.$element.one(transitionEnd, removeElement) : 120 | removeElement() 121 | 122 | return this 123 | } 124 | 125 | } 126 | 127 | 128 | /* MODAL PRIVATE METHODS 129 | * ===================== */ 130 | 131 | function backdrop ( callback ) { 132 | var that = this 133 | , animate = this.$element.hasClass('fade') ? 'fade' : '' 134 | if ( this.isShown && this.settings.backdrop ) { 135 | this.$backdrop = $('
    ') 136 | .appendTo(document.body) 137 | 138 | if ( this.settings.backdrop != 'static' ) { 139 | this.$backdrop.click($.proxy(this.hide, this)) 140 | } 141 | 142 | setTimeout(function () { 143 | that.$backdrop && that.$backdrop.addClass('in') 144 | $.support.transition && that.$backdrop.hasClass('fade') ? 145 | that.$backdrop.one(transitionEnd, callback) : 146 | callback() 147 | }, 0) 148 | 149 | } else if ( !this.isShown && this.$backdrop ) { 150 | this.$backdrop.removeClass('in') 151 | 152 | function removeElement() { 153 | that.$backdrop.remove() 154 | that.$backdrop = null 155 | } 156 | 157 | $.support.transition && this.$element.hasClass('fade')? 158 | this.$backdrop.one(transitionEnd, removeElement) : 159 | removeElement() 160 | } else if ( callback ) { 161 | callback() 162 | } 163 | } 164 | 165 | function escape() { 166 | var that = this 167 | if ( this.isShown && this.settings.keyboard ) { 168 | $('body').bind('keyup.modal', function ( e ) { 169 | if ( e.which == 27 ) { 170 | that.hide() 171 | } 172 | }) 173 | } else if ( !this.isShown ) { 174 | $('body').unbind('keyup.modal') 175 | } 176 | } 177 | 178 | 179 | /* MODAL PLUGIN DEFINITION 180 | * ======================= */ 181 | 182 | $.fn.modal = function ( options ) { 183 | var modal = this.data('modal') 184 | 185 | if (!modal) { 186 | 187 | if (typeof options == 'string') { 188 | options = { 189 | show: /show|toggle/.test(options) 190 | } 191 | } 192 | 193 | return this.each(function () { 194 | $(this).data('modal', new Modal(this, options)) 195 | }) 196 | } 197 | 198 | if ( options === true ) { 199 | return modal 200 | } 201 | 202 | if ( typeof options == 'string' ) { 203 | modal[options]() 204 | } else if ( modal ) { 205 | modal.toggle() 206 | } 207 | 208 | return this 209 | } 210 | 211 | $.fn.modal.Modal = Modal 212 | 213 | $.fn.modal.defaults = { 214 | backdrop: false 215 | , keyboard: false 216 | , show: true 217 | } 218 | 219 | 220 | /* MODAL DATA- IMPLEMENTATION 221 | * ========================== */ 222 | 223 | $(document).ready(function () { 224 | $('body').delegate('[data-controls-modal]', 'click', function (e) { 225 | e.preventDefault() 226 | var $this = $(this).data('show', true) 227 | $('#' + $this.attr('data-controls-modal')).modal( $this.data() ) 228 | }) 229 | }) 230 | 231 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/lib/mixins.less: -------------------------------------------------------------------------------- 1 | /* Variables.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 | *display: inline; 15 | } 16 | &:after { 17 | clear: both; 18 | } 19 | } 20 | 21 | // Center-align a block level element 22 | .center-block() { 23 | display: block; 24 | margin-left: auto; 25 | margin-right: auto; 26 | } 27 | 28 | // Sizing shortcuts 29 | .size(@height: 5px, @width: 5px) { 30 | height: @height; 31 | width: @width; 32 | } 33 | .square(@size: 5px) { 34 | .size(@size, @size); 35 | } 36 | 37 | // Input placeholder text 38 | .placeholder(@color: @grayLight) { 39 | :-moz-placeholder { 40 | color: @color; 41 | } 42 | ::-webkit-input-placeholder { 43 | color: @color; 44 | } 45 | } 46 | 47 | // Font Stacks 48 | #font { 49 | .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) { 50 | font-size: @size; 51 | font-weight: @weight; 52 | line-height: @lineHeight; 53 | } 54 | .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) { 55 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 56 | font-size: @size; 57 | font-weight: @weight; 58 | line-height: @lineHeight; 59 | } 60 | .serif(@weight: normal, @size: 14px, @lineHeight: 20px) { 61 | font-family: "Georgia", Times New Roman, Times, serif; 62 | font-size: @size; 63 | font-weight: @weight; 64 | line-height: @lineHeight; 65 | } 66 | .monospace(@weight: normal, @size: 12px, @lineHeight: 20px) { 67 | font-family: "Monaco", Courier New, monospace; 68 | font-size: @size; 69 | font-weight: @weight; 70 | line-height: @lineHeight; 71 | } 72 | } 73 | 74 | // Grid System 75 | .fixed-container() { 76 | width: @siteWidth; 77 | margin-left: auto; 78 | margin-right: auto; 79 | .clearfix(); 80 | } 81 | .columns(@columnSpan: 1) { 82 | width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)); 83 | } 84 | .offset(@columnOffset: 1) { 85 | margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace; 86 | } 87 | // Necessary grid styles for every column to make them appear next to each other horizontally 88 | .gridColumn() { 89 | display: inline; 90 | float: left; 91 | margin-left: @gridGutterWidth; 92 | } 93 | // makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something 94 | .makeColumn(@columnSpan: 1) { 95 | .gridColumn(); 96 | .columns(@columnSpan); 97 | } 98 | 99 | // Border Radius 100 | .border-radius(@radius: 5px) { 101 | -webkit-border-radius: @radius; 102 | -moz-border-radius: @radius; 103 | border-radius: @radius; 104 | } 105 | 106 | // Drop shadows 107 | .box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) { 108 | -webkit-box-shadow: @shadow; 109 | -moz-box-shadow: @shadow; 110 | box-shadow: @shadow; 111 | } 112 | 113 | // Transitions 114 | .transition(@transition) { 115 | -webkit-transition: @transition; 116 | -moz-transition: @transition; 117 | -ms-transition: @transition; 118 | -o-transition: @transition; 119 | transition: @transition; 120 | } 121 | 122 | // Background clipping 123 | .background-clip(@clip) { 124 | -webkit-background-clip: @clip; 125 | -moz-background-clip: @clip; 126 | background-clip: @clip; 127 | } 128 | 129 | // CSS3 Content Columns 130 | .content-columns(@columnCount, @columnGap: 20px) { 131 | -webkit-column-count: @columnCount; 132 | -moz-column-count: @columnCount; 133 | column-count: @columnCount; 134 | -webkit-column-gap: @columnGap; 135 | -moz-column-gap: @columnGap; 136 | column-gap: @columnGap; 137 | } 138 | 139 | // Add an alphatransparency value to any background or border color (via Elyse Holladay) 140 | #translucent { 141 | .background(@color: @white, @alpha: 1) { 142 | background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); 143 | } 144 | .border(@color: @white, @alpha: 1) { 145 | border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); 146 | background-clip: padding-box; 147 | } 148 | } 149 | 150 | // Gradient Bar Colors for buttons and allerts 151 | .gradientBar(@primaryColor, @secondaryColor) { 152 | #gradient > .vertical(@primaryColor, @secondaryColor); 153 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 154 | border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%); 155 | border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); 156 | } 157 | 158 | // Gradients 159 | #gradient { 160 | .horizontal (@startColor: #555, @endColor: #333) { 161 | background-color: @endColor; 162 | background-repeat: repeat-x; 163 | background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror 164 | background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+ 165 | background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10 166 | background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ 167 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ 168 | background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 169 | background-image: linear-gradient(left, @startColor, @endColor); // Le standard 170 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down 171 | } 172 | .vertical (@startColor: #555, @endColor: #333) { 173 | background-color: @endColor; 174 | background-repeat: repeat-x; 175 | background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror 176 | background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ 177 | background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10 178 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+ 179 | background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ 180 | background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 181 | background-image: linear-gradient(top, @startColor, @endColor); // The standard 182 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down 183 | } 184 | .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { 185 | background-color: @endColor; 186 | background-repeat: repeat-x; 187 | background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+ 188 | background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10 189 | background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+ 190 | background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 191 | background-image: linear-gradient(@deg, @startColor, @endColor); // The standard 192 | } 193 | .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { 194 | background-color: @endColor; 195 | background-repeat: no-repeat; 196 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); 197 | background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor); 198 | background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor); 199 | background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); 200 | background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); 201 | background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); 202 | 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 203 | } 204 | } 205 | 206 | // Reset filters for IE 207 | .reset-filter() { 208 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 209 | } 210 | 211 | // Opacity 212 | .opacity(@opacity: 100) { 213 | filter: e(%("alpha(opacity=%d)", @opacity)); 214 | -khtml-opacity: @opacity / 100; 215 | -moz-opacity: @opacity / 100; 216 | opacity: @opacity / 100; 217 | } -------------------------------------------------------------------------------- /bootstrap/js/bootstrap-twipsy.js: -------------------------------------------------------------------------------- 1 | /* ========================================================== 2 | * bootstrap-twipsy.js v1.3.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 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874) 25 | * ======================================================= */ 26 | 27 | var transitionEnd 28 | 29 | $(document).ready(function () { 30 | 31 | $.support.transition = (function () { 32 | var thisBody = document.body || document.documentElement 33 | , thisStyle = thisBody.style 34 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined 35 | return support 36 | })() 37 | 38 | // set CSS transition event type 39 | if ( $.support.transition ) { 40 | transitionEnd = "TransitionEnd" 41 | if ( $.browser.webkit ) { 42 | transitionEnd = "webkitTransitionEnd" 43 | } else if ( $.browser.mozilla ) { 44 | transitionEnd = "transitionend" 45 | } else if ( $.browser.opera ) { 46 | transitionEnd = "oTransitionEnd" 47 | } 48 | } 49 | 50 | }) 51 | 52 | 53 | /* TWIPSY PUBLIC CLASS DEFINITION 54 | * ============================== */ 55 | 56 | var Twipsy = function ( element, options ) { 57 | this.$element = $(element) 58 | this.options = options 59 | this.enabled = true 60 | this.fixTitle() 61 | } 62 | 63 | Twipsy.prototype = { 64 | 65 | show: function() { 66 | var pos 67 | , actualWidth 68 | , actualHeight 69 | , placement 70 | , $tip 71 | , tp 72 | 73 | if (this.getTitle() && this.enabled) { 74 | $tip = this.tip() 75 | this.setContent() 76 | 77 | if (this.options.animate) { 78 | $tip.addClass('fade') 79 | } 80 | 81 | $tip 82 | .remove() 83 | .css({ top: 0, left: 0, display: 'block' }) 84 | .prependTo(document.body) 85 | 86 | pos = $.extend({}, this.$element.offset(), { 87 | width: this.$element[0].offsetWidth 88 | , height: this.$element[0].offsetHeight 89 | }) 90 | 91 | actualWidth = $tip[0].offsetWidth 92 | actualHeight = $tip[0].offsetHeight 93 | placement = _.maybeCall(this.options.placement, this.$element[0]) 94 | 95 | switch (placement) { 96 | case 'below': 97 | tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} 98 | break 99 | case 'above': 100 | tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2} 101 | break 102 | case 'left': 103 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset} 104 | break 105 | case 'right': 106 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset} 107 | break 108 | } 109 | 110 | $tip 111 | .css(tp) 112 | .addClass(placement) 113 | .addClass('in') 114 | } 115 | } 116 | 117 | , setContent: function () { 118 | var $tip = this.tip() 119 | $tip.find('.twipsy-inner')[this.options.html ? 'html' : 'text'](this.getTitle()) 120 | $tip[0].className = 'twipsy' 121 | } 122 | 123 | , hide: function() { 124 | var that = this 125 | , $tip = this.tip() 126 | 127 | $tip.removeClass('in') 128 | 129 | function removeElement () { 130 | $tip.remove() 131 | } 132 | 133 | $.support.transition && this.$tip.hasClass('fade') ? 134 | $tip.bind(transitionEnd, removeElement) : 135 | removeElement() 136 | } 137 | 138 | , fixTitle: function() { 139 | var $e = this.$element 140 | if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { 141 | $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title') 142 | } 143 | } 144 | 145 | , getTitle: function() { 146 | var title 147 | , $e = this.$element 148 | , o = this.options 149 | 150 | this.fixTitle() 151 | 152 | if (typeof o.title == 'string') { 153 | title = $e.attr(o.title == 'title' ? 'data-original-title' : o.title) 154 | } else if (typeof o.title == 'function') { 155 | title = o.title.call($e[0]) 156 | } 157 | 158 | title = ('' + title).replace(/(^\s*|\s*$)/, "") 159 | 160 | return title || o.fallback 161 | } 162 | 163 | , tip: function() { 164 | if (!this.$tip) { 165 | this.$tip = $('
    ').html('
    ') 166 | } 167 | return this.$tip 168 | } 169 | 170 | , validate: function() { 171 | if (!this.$element[0].parentNode) { 172 | this.hide() 173 | this.$element = null 174 | this.options = null 175 | } 176 | } 177 | 178 | , enable: function() { 179 | this.enabled = true 180 | } 181 | 182 | , disable: function() { 183 | this.enabled = false 184 | } 185 | 186 | , toggleEnabled: function() { 187 | this.enabled = !this.enabled 188 | } 189 | 190 | } 191 | 192 | 193 | /* TWIPSY PRIVATE METHODS 194 | * ====================== */ 195 | 196 | var _ = { 197 | 198 | maybeCall: function ( thing, ctx ) { 199 | return (typeof thing == 'function') ? (thing.call(ctx)) : thing 200 | } 201 | 202 | } 203 | 204 | 205 | /* TWIPSY PLUGIN DEFINITION 206 | * ======================== */ 207 | 208 | $.fn.twipsy = function (options) { 209 | $.fn.twipsy.initWith.call(this, options, Twipsy, 'twipsy') 210 | return this 211 | } 212 | 213 | $.fn.twipsy.initWith = function (options, Constructor, name) { 214 | var twipsy 215 | , binder 216 | , eventIn 217 | , eventOut 218 | 219 | if (options === true) { 220 | return this.data(name) 221 | } else if (typeof options == 'string') { 222 | twipsy = this.data(name) 223 | if (twipsy) { 224 | twipsy[options]() 225 | } 226 | return this 227 | } 228 | 229 | options = $.extend({}, $.fn[name].defaults, options) 230 | 231 | function get(ele) { 232 | var twipsy = $.data(ele, name) 233 | 234 | if (!twipsy) { 235 | twipsy = new Constructor(ele, $.fn.twipsy.elementOptions(ele, options)) 236 | $.data(ele, name, twipsy) 237 | } 238 | 239 | return twipsy 240 | } 241 | 242 | function enter() { 243 | var twipsy = get(this) 244 | twipsy.hoverState = 'in' 245 | 246 | if (options.delayIn == 0) { 247 | twipsy.show() 248 | } else { 249 | twipsy.fixTitle() 250 | setTimeout(function() { 251 | if (twipsy.hoverState == 'in') { 252 | twipsy.show() 253 | } 254 | }, options.delayIn) 255 | } 256 | } 257 | 258 | function leave() { 259 | var twipsy = get(this) 260 | twipsy.hoverState = 'out' 261 | if (options.delayOut == 0) { 262 | twipsy.hide() 263 | } else { 264 | setTimeout(function() { 265 | if (twipsy.hoverState == 'out') { 266 | twipsy.hide() 267 | } 268 | }, options.delayOut) 269 | } 270 | } 271 | 272 | if (!options.live) { 273 | this.each(function() { 274 | get(this) 275 | }) 276 | } 277 | 278 | if (options.trigger != 'manual') { 279 | binder = options.live ? 'live' : 'bind' 280 | eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus' 281 | eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur' 282 | this[binder](eventIn, enter)[binder](eventOut, leave) 283 | } 284 | 285 | return this 286 | } 287 | 288 | $.fn.twipsy.Twipsy = Twipsy 289 | 290 | $.fn.twipsy.defaults = { 291 | animate: true 292 | , delayIn: 0 293 | , delayOut: 0 294 | , fallback: '' 295 | , placement: 'above' 296 | , html: false 297 | , live: false 298 | , offset: 0 299 | , title: 'title' 300 | , trigger: 'hover' 301 | } 302 | 303 | $.fn.twipsy.elementOptions = function(ele, options) { 304 | return $.metadata ? $.extend({}, options, $(ele).metadata()) : options 305 | } 306 | 307 | })( window.jQuery || window.ender ) -------------------------------------------------------------------------------- /bootstrap/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 | } -------------------------------------------------------------------------------- /bootstrap/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 > .sans-serif(normal,13px,normal); 40 | } 41 | 42 | // Float labels left 43 | label { 44 | padding-top: 6px; 45 | font-size: @basefont; 46 | line-height: @baseline; 47 | float: left; 48 | width: 130px; 49 | text-align: right; 50 | color: @grayDark; 51 | } 52 | 53 | // Shift over the inside div to align all label's relevant content 54 | form .input { 55 | margin-left: 150px; 56 | } 57 | 58 | // Checkboxs and radio buttons 59 | input[type=checkbox], 60 | input[type=radio] { 61 | cursor: pointer; 62 | } 63 | 64 | // Inputs, Textareas, Selects 65 | input, 66 | textarea, 67 | select, 68 | .uneditable-input { 69 | display: inline-block; 70 | width: 210px; 71 | height: @baseline; 72 | padding: 4px; 73 | font-size: @basefont; 74 | line-height: @baseline; 75 | color: @gray; 76 | border: 1px solid #ccc; 77 | .border-radius(3px); 78 | } 79 | 80 | /* mini reset for non-html5 file types */ 81 | input[type=checkbox], 82 | input[type=radio] { 83 | width: auto; 84 | height: auto; 85 | padding: 0; 86 | margin: 3px 0; 87 | *margin-top: 0; /* IE6-7 */ 88 | line-height: normal; 89 | border: none; 90 | } 91 | 92 | input[type=file] { 93 | background-color: @white; 94 | padding: initial; 95 | border: initial; 96 | line-height: initial; 97 | .box-shadow(none); 98 | } 99 | 100 | input[type=button], 101 | input[type=reset], 102 | input[type=submit] { 103 | width: auto; 104 | height: auto; 105 | } 106 | 107 | select, 108 | input[type=file] { 109 | height: @baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size 110 | line-height: @baseline * 1.5; 111 | *margin-top: 4px; /* For IE7, add top margin to align select with labels */ 112 | } 113 | 114 | // Make multiple select elements height not fixed 115 | select[multiple] { 116 | height: inherit; 117 | } 118 | 119 | textarea { 120 | height: auto; 121 | } 122 | 123 | // For text that needs to appear as an input but should not be an input 124 | .uneditable-input { 125 | background-color: @white; 126 | display: block; 127 | border-color: #eee; 128 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.025)); 129 | cursor: not-allowed; 130 | } 131 | 132 | // Placeholder text gets special styles; can't be bundled together though for some reason 133 | :-moz-placeholder { 134 | color: @grayLight; 135 | } 136 | ::-webkit-input-placeholder { 137 | color: @grayLight; 138 | } 139 | 140 | // Focus states 141 | input, 142 | textarea { 143 | @transition: border linear .2s, box-shadow linear .2s; 144 | .transition(@transition); 145 | .box-shadow(inset 0 1px 3px rgba(0,0,0,.1)); 146 | } 147 | input:focus, 148 | textarea:focus { 149 | outline: 0; 150 | border-color: rgba(82,168,236,.8); 151 | @shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 152 | .box-shadow(@shadow); 153 | } 154 | input[type=file]:focus, 155 | input[type=checkbox]:focus, 156 | select:focus { 157 | .box-shadow(none); // override for file inputs 158 | outline: 1px dotted #666; // Selet elements don't get box-shadow styles, so instead we do outline 159 | } 160 | 161 | // Error styles 162 | form div.clearfix.error { 163 | background: lighten(@red, 57%); 164 | padding: 10px 0; 165 | margin: -10px 0 10px; 166 | .border-radius(4px); 167 | @error-text: desaturate(lighten(@red, 25%), 25%); 168 | > label, 169 | span.help-inline, 170 | span.help-block { 171 | color: @red; 172 | } 173 | input, 174 | textarea { 175 | border-color: @error-text; 176 | .box-shadow(0 0 3px rgba(171,41,32,.25)); 177 | &:focus { 178 | border-color: darken(@error-text, 10%); 179 | .box-shadow(0 0 6px rgba(171,41,32,.5)); 180 | } 181 | } 182 | .input-prepend, 183 | .input-append { 184 | span.add-on { 185 | background: lighten(@red, 50%); 186 | border-color: @error-text; 187 | color: darken(@error-text, 10%); 188 | } 189 | } 190 | } 191 | 192 | // Form element sizes 193 | // TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes 194 | .input-mini, 195 | input.mini, 196 | textarea.mini, 197 | select.mini { 198 | width: 60px; 199 | } 200 | .input-small, 201 | input.small, 202 | textarea.small, 203 | select.small { 204 | width: 90px; 205 | } 206 | .input-medium, 207 | input.medium, 208 | textarea.medium, 209 | select.medium { 210 | width: 150px; 211 | } 212 | .input-large, 213 | input.large, 214 | textarea.large, 215 | select.large { 216 | width: 210px; 217 | } 218 | .input-xlarge, 219 | input.xlarge, 220 | textarea.xlarge, 221 | select.xlarge { 222 | width: 270px; 223 | } 224 | .input-xxlarge, 225 | input.xxlarge, 226 | textarea.xxlarge, 227 | select.xxlarge { 228 | width: 530px; 229 | } 230 | textarea.xxlarge { 231 | overflow-y: auto; 232 | } 233 | 234 | // Grid style input sizes 235 | // This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border 236 | .formColumns(@columnSpan: 1) { 237 | display: inline-block; 238 | float: none; 239 | width: ((@gridColumnWidth - 10) * @columnSpan) + ((@gridColumnWidth - 10) * (@columnSpan - 1)); 240 | margin-left: 0; 241 | } 242 | input, 243 | textarea, 244 | select { 245 | // Default columns 246 | &.span1 { .formColumns(1); } 247 | &.span2 { .formColumns(2); } 248 | &.span3 { .formColumns(3); } 249 | &.span4 { .formColumns(4); } 250 | &.span5 { .formColumns(5); } 251 | &.span6 { .formColumns(6); } 252 | &.span7 { .formColumns(7); } 253 | &.span8 { .formColumns(8); } 254 | &.span9 { .formColumns(9); } 255 | &.span10 { .formColumns(10); } 256 | &.span11 { .formColumns(11); } 257 | &.span12 { .formColumns(12); } 258 | &.span13 { .formColumns(13); } 259 | &.span14 { .formColumns(14); } 260 | &.span15 { .formColumns(15); } 261 | &.span16 { .formColumns(16); } 262 | } 263 | 264 | // Disabled and read-only inputs 265 | input[disabled], 266 | select[disabled], 267 | textarea[disabled], 268 | input[readonly], 269 | select[readonly], 270 | textarea[readonly] { 271 | background-color: #f5f5f5; 272 | border-color: #ddd; 273 | cursor: not-allowed; 274 | } 275 | 276 | // Actions (the buttons) 277 | .actions { 278 | background: #f5f5f5; 279 | margin-top: @baseline; 280 | margin-bottom: @baseline; 281 | padding: (@baseline - 1) 20px @baseline 150px; 282 | border-top: 1px solid #ddd; 283 | .border-radius(0 0 3px 3px); 284 | .secondary-action { 285 | float: right; 286 | a { 287 | line-height: 30px; 288 | &:hover { 289 | text-decoration: underline; 290 | } 291 | } 292 | } 293 | } 294 | 295 | // Help Text 296 | .help-inline, 297 | .help-block { 298 | font-size: @basefont - 2; 299 | line-height: @baseline; 300 | color: @grayLight; 301 | } 302 | .help-inline { 303 | padding-left: 5px; 304 | *position: relative; /* IE6-7 */ 305 | *top: -5px; /* IE6-7 */ 306 | } 307 | 308 | // Big blocks of help text 309 | .help-block { 310 | display: block; 311 | max-width: 600px; 312 | } 313 | 314 | // Inline Fields (input fields that appear as inline objects 315 | .inline-inputs { 316 | color: @gray; 317 | span, input { 318 | display: inline-block; 319 | } 320 | input.mini { 321 | width: 60px; 322 | } 323 | input.small { 324 | width: 90px; 325 | } 326 | span { 327 | padding: 0 2px 0 1px; 328 | } 329 | } 330 | 331 | // Allow us to put symbols and text within the input field for a cleaner look 332 | .input-prepend, 333 | .input-append { 334 | input { 335 | .border-radius(0 3px 3px 0); 336 | } 337 | .add-on { 338 | position: relative; 339 | background: #f5f5f5; 340 | border: 1px solid #ccc; 341 | z-index: 2; 342 | float: left; 343 | display: block; 344 | width: auto; 345 | min-width: 16px; 346 | height: 18px; 347 | padding: 4px 4px 4px 5px; 348 | margin-right: -1px; 349 | font-weight: normal; 350 | line-height: 18px; 351 | color: @grayLight; 352 | text-align: center; 353 | text-shadow: 0 1px 0 @white; 354 | .border-radius(3px 0 0 3px); 355 | } 356 | .active { 357 | background: lighten(@green, 30); 358 | border-color: @green; 359 | } 360 | } 361 | .input-prepend { 362 | .add-on { 363 | *margin-top: 1px; /* IE6-7 */ 364 | } 365 | } 366 | .input-append { 367 | input { 368 | float: left; 369 | .border-radius(3px 0 0 3px); 370 | } 371 | .add-on { 372 | .border-radius(0 3px 3px 0); 373 | margin-right: 0; 374 | margin-left: -1px; 375 | } 376 | } 377 | 378 | // Stacked options for forms (radio buttons or checkboxes) 379 | .inputs-list { 380 | margin: 0 0 5px; 381 | width: 100%; 382 | li { 383 | display: block; 384 | padding: 0; 385 | width: 100%; 386 | } 387 | label { 388 | display: block; 389 | float: none; 390 | width: auto; 391 | padding: 0; 392 | line-height: @baseline; 393 | text-align: left; 394 | white-space: normal; 395 | strong { 396 | color: @gray; 397 | } 398 | small { 399 | font-size: @basefont - 2; 400 | font-weight: normal; 401 | } 402 | } 403 | .inputs-list { 404 | margin-left: 25px; 405 | margin-bottom: 10px; 406 | padding-top: 0; 407 | } 408 | &:first-child { 409 | padding-top: 6px; 410 | } 411 | li + li { 412 | padding-top: 2px; 413 | } 414 | input[type=radio], 415 | input[type=checkbox] { 416 | margin-bottom: 0; 417 | } 418 | } 419 | 420 | // Stacked forms 421 | .form-stacked { 422 | padding-left: 20px; 423 | fieldset { 424 | padding-top: @baseline / 2; 425 | } 426 | legend { 427 | padding-left: 0; 428 | } 429 | label { 430 | display: block; 431 | float: none; 432 | width: auto; 433 | font-weight: bold; 434 | text-align: left; 435 | line-height: 20px; 436 | padding-top: 0; 437 | } 438 | .clearfix { 439 | margin-bottom: @baseline / 2; 440 | div.input { 441 | margin-left: 0; 442 | } 443 | } 444 | .inputs-list { 445 | margin-bottom: 0; 446 | li { 447 | padding-top: 0; 448 | label { 449 | font-weight: normal; 450 | padding-top: 0; 451 | } 452 | } 453 | } 454 | div.clearfix.error { 455 | padding-top: 10px; 456 | padding-bottom: 10px; 457 | padding-left: 10px; 458 | margin-top: 0; 459 | margin-left: -10px; 460 | } 461 | .actions { 462 | margin-left: -20px; 463 | padding-left: 20px; 464 | } 465 | } 466 | -------------------------------------------------------------------------------- /bootstrap/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 7 | * @Copyright Aaron Parecki 2011 - http://aaronparecki.com/ 8 | * @License: GPLv2 (http://www.gnu.org/copyleft/gpl.html) 9 | */ 10 | 11 | if( !defined( 'MEDIAWIKI' ) ) { 12 | die( -1 ); 13 | } 14 | 15 | require_once('includes/SkinTemplate.php'); 16 | 17 | /** 18 | * Inherit main code from SkinTemplate, set the CSS and template filter. 19 | * @todo document 20 | * @package MediaWiki 21 | * @subpackage Skins 22 | */ 23 | class SkinBootstrap extends SkinTemplate { 24 | /** Using Bootstrap */ 25 | function initPage( &$out ) { 26 | SkinTemplate::initPage( $out ); 27 | $this->skinname = 'bootstrap'; 28 | $this->stylename = 'bootstrap'; 29 | $this->template = 'BootstrapTemplate'; 30 | } 31 | } 32 | 33 | /** 34 | * @todo document 35 | * @package MediaWiki 36 | * @subpackage Skins 37 | */ 38 | class BootstrapTemplate extends QuickTemplate { 39 | /** 40 | * @var Cached skin object 41 | */ 42 | var $skin; 43 | 44 | /** 45 | * Template filter callback for Bootstrap skin. 46 | * Takes an associative array of data set from a SkinTemplate-based 47 | * class, and a wrapper for MediaWiki's localization database, and 48 | * outputs a formatted page. 49 | * 50 | * @access private 51 | */ 52 | function execute() { 53 | global $wgUser, $wgSitename, $wgCopyrightLink, $wgCopyright, $wgBootstrap, $wgArticlePath, $wgGoogleAnalyticsID, $wgSiteCSS; 54 | 55 | $this->skin = $this->data['skin']; 56 | 57 | // Suppress warnings to prevent notices about missing indexes in $this->data 58 | wfSuppressWarnings(); 59 | ?> 60 | 61 | 62 | 63 | <?php $this->text('pagetitle') ?> 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | html('headlinks') ?> 74 | 77 | 78 | 91 | 94 | 95 | 96 | 97 |
    98 |
    99 |
    100 | 101 | 102 |
      103 | getPageRawText('Bootstrap:TitleBar'); 105 | $nav = array(); 106 | foreach(explode("\n", $titleBar) as $line) { 107 | if(trim($line) == '') continue; 108 | 109 | if(preg_match('/^\*\s*\[\[(.+)\]\]/', $line, $match)) { 110 | $nav[] = array('title'=>$match[1], 'link'=>$match[1]); 111 | }elseif(preg_match('/\*\*\s*\[\[(.+)\]\]/', $line, $match)) { 112 | $nav[count($nav)-1]['sublinks'][] = $match[1]; 113 | }elseif(preg_match('/^\*\s*(.+)/', $line, $match)) { 114 | $nav[] = array('title'=>$match[1]); 115 | } 116 | } 117 | 118 | foreach($nav as $topItem) { 119 | $pageTitle = Title::newFromText($topItem['title']); 120 | if(array_key_exists('sublinks', $topItem)) { 121 | echo '
    • '; 122 | echo '' . $topItem['title'] . ''; 123 | echo '
        '; 124 | foreach($topItem['sublinks'] as $subLink) { 125 | $pageTitle = Title::newFromText($subLink); 126 | echo '
      • ' . $subLink . ''; 127 | } 128 | echo '
      '; 129 | echo '
      • '; 130 | } else { 131 | echo 'data['title'] == $topItem['title'] ? ' class="active"' : '') . '>' . $topItem['title'] . ''; 132 | } 133 | } 134 | ?> 135 |
    136 | 137 | isLoggedIn()) { 140 | if ( count( $this->data['personal_urls'] ) > 0 ) { 141 | ?> 142 | html('userlangattributes') ?> class="nav secondary-nav"> 143 |
  1. 144 | getName(); ?> 145 |
      146 | data['personal_urls'] as $item): ?> 147 |
    • > class="">
      • 148 | 149 |
    150 |
    2. 151 | 152 | 155 | 156 | data['content_actions']) > 0 ) { 158 | ?> 159 |
      160 |
    • 161 | Page 162 |
        163 | data['content_actions'])) ?> 164 | data['content_actions'] as $key => $action) { ?> 165 |
      • class="" 167 | >
        • 170 | 171 |
      172 |
      • 173 |
    174 | 178 |
      179 |
    • 180 | 184 |
      • 185 |
    186 | 189 |
    190 | 191 |
    192 | 193 |
    194 |
    195 |
    196 | 197 | 198 | 199 |
    200 | 201 | data['sitenotice'] ) { ?>
    html('sitenotice') ?>
    202 | 203 |
    204 |

    html( 'title' ) ?> html('subtitle') ?>

    205 |
    206 | 207 | 208 | 215 | 216 | html( 'bodytext' ) ?> 217 | 218 |
    219 | 220 | 221 | 222 |
    223 |
    224 | includePage('Bootstrap:Footer'); 226 | ?> 227 | 228 | 234 |
    235 |
    236 | 237 | 238 | 239 | isRTL() ) { 256 | $elements = array_reverse( $elements ); 257 | } 258 | // Render elements 259 | foreach ( $elements as $name => $element ) { 260 | echo "\n\n"; 261 | switch ( $element ) { 262 | case 'NAMESPACES': 263 | ?> 264 |
    265 |
    msg('namespaces') ?>
    266 | html('userlangattributes') ?>> 267 | data['namespace_urls'] as $link ): ?> 268 |
  2. >>
    3. 269 | 270 | 271 |
    272 | 276 |
    277 | 278 |

    279 | data['variant_urls'] as $link ): ?> 280 | 281 | 282 | 283 | 284 |

    285 | 286 |
    msg('variants') ?>
    287 |
    288 | html('userlangattributes') ?>> 289 | data['variant_urls'] as $link ): ?> 290 | >> 291 | 292 | 293 |
    294 |
    295 | 299 |
    300 |
    msg('views') ?>
    301 | html('userlangattributes') ?>> 302 | data['view_urls'] as $link ): ?> 303 | >>' : htmlspecialchars( $link['text'] ) ) ?> 304 | 305 | 306 |
    307 | 311 |
    312 |
    msg('actions') ?>
    313 |
    314 | html('userlangattributes') ?>> 315 | data['action_urls'] as $link ): ?> 316 | >> 317 | 318 | 319 |
    320 |
    321 | 325 |
    326 |
    msg('personaltools') ?>
    327 | html('userlangattributes') ?>> 328 | data['personal_urls'] as $item): ?> 329 |
  3. > class="">
    4. 330 | 331 | 332 |
    333 | 337 | 358 | \n"; 363 | } 364 | } 365 | 366 | function getPageRawText($title) { 367 | $pageTitle = Title::newFromText($title); 368 | if(!$pageTitle->exists()) { 369 | return 'Create the page [[Bootstrap:TitleBar]]'; 370 | } else { 371 | $article = new Article($pageTitle); 372 | return $article->getRawText(); 373 | } 374 | } 375 | 376 | function includePage($title) { 377 | global $wgParser, $wgUser; 378 | $pageTitle = Title::newFromText($title); 379 | if(!$pageTitle->exists()) { 380 | echo 'The page [[' . $title . ']] was not found.'; 381 | } else { 382 | $article = new Article($pageTitle); 383 | $wgParserOptions = new ParserOptions($wgUser); 384 | $parserOutput = $wgParser->parse($article->getRawText(), $pageTitle, $wgParserOptions); 385 | echo $parserOutput->getText(); 386 | } 387 | } 388 | } 389 | 390 | -------------------------------------------------------------------------------- /bootstrap/lib/patterns.less: -------------------------------------------------------------------------------- 1 | /* Patterns.less 2 | * Repeatable UI elements outside the base styles provided from the scaffolding 3 | * ---------------------------------------------------------------------------- */ 4 | 5 | 6 | // TOPBAR 7 | // ------ 8 | 9 | // Topbar for Branding and Nav 10 | .topbar { 11 | height: 40px; 12 | position: fixed; 13 | top: 0; 14 | left: 0; 15 | right: 0; 16 | z-index: 10000; 17 | overflow: visible; 18 | 19 | // Links get text shadow 20 | a { 21 | color: @grayLight; 22 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 23 | } 24 | 25 | // Hover and active states 26 | // h3 for backwards compatibility 27 | h3 a:hover, 28 | .brand a:hover, 29 | ul .active > a { 30 | background-color: #333; 31 | background-color: rgba(255,255,255,.05); 32 | color: @white; 33 | text-decoration: none; 34 | } 35 | 36 | // Website name 37 | // h3 left for backwards compatibility 38 | h3 { 39 | position: relative; 40 | } 41 | h3 a, 42 | .brand { 43 | float: left; 44 | display: block; 45 | padding: 8px 20px 12px; 46 | margin-left: -20px; // negative indent to left-align the text down the page 47 | color: @white; 48 | font-size: 20px; 49 | font-weight: 200; 50 | line-height: 1; 51 | } 52 | 53 | // Plain text in topbar 54 | p { 55 | margin: 0; 56 | line-height: 40px; 57 | a:hover { 58 | background-color: transparent; 59 | color: @white; 60 | } 61 | } 62 | 63 | // Search Form 64 | form { 65 | float: left; 66 | margin: 5px 0 0 0; 67 | position: relative; 68 | .opacity(100); 69 | } 70 | // Todo: remove from v2.0 when ready, added for legacy 71 | form.pull-right { 72 | float: right; 73 | } 74 | input { 75 | background-color: #444; 76 | background-color: rgba(255,255,255,.3); 77 | #font > .sans-serif(13px, normal, 1); 78 | padding: 4px 9px; 79 | color: @white; 80 | color: rgba(255,255,255,.75); 81 | border: 1px solid #111; 82 | .border-radius(4px); 83 | @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.25); 84 | .box-shadow(@shadow); 85 | .transition(none); 86 | 87 | // Placeholder text gets special styles; can't be bundled together though for some reason 88 | &:-moz-placeholder { 89 | color: @grayLighter; 90 | } 91 | &::-webkit-input-placeholder { 92 | color: @grayLighter; 93 | } 94 | // Hover states 95 | &:hover { 96 | background-color: @grayLight; 97 | background-color: rgba(255,255,255,.5); 98 | color: @white; 99 | } 100 | // Focus states (we use .focused since IE8 and down doesn't support :focus) 101 | &:focus, 102 | &.focused { 103 | outline: 0; 104 | background-color: @white; 105 | color: @grayDark; 106 | text-shadow: 0 1px 0 @white; 107 | border: 0; 108 | padding: 5px 10px; 109 | .box-shadow(0 0 3px rgba(0,0,0,.15)); 110 | } 111 | } 112 | } 113 | 114 | // gradient is applied to it's own element because overflow visible is not honored by ie when filter is present 115 | // For backwards compatibility, include .topbar .fill 116 | .topbar-inner, 117 | .topbar .fill { 118 | background-color: #222; 119 | #gradient > .vertical(#333, #222); 120 | @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); 121 | .box-shadow(@shadow); 122 | } 123 | 124 | 125 | // NAVIGATION 126 | // ---------- 127 | 128 | // Topbar Nav 129 | // ul.nav for all topbar based navigation to avoid inheritance issues and over-specificity 130 | // For backwards compatibility, leave in .topbar div > ul 131 | .topbar div > ul, 132 | .nav { 133 | display: block; 134 | float: left; 135 | margin: 0 10px 0 0; 136 | position: relative; 137 | left: 0; 138 | > li { 139 | display: block; 140 | float: left; 141 | } 142 | a { 143 | display: block; 144 | float: none; 145 | padding: 10px 10px 11px; 146 | line-height: 19px; 147 | text-decoration: none; 148 | &:hover { 149 | color: @white; 150 | text-decoration: none; 151 | } 152 | } 153 | .active > a { 154 | background-color: #222; 155 | background-color: rgba(0,0,0,.5); 156 | } 157 | 158 | // Secondary (floated right) nav in topbar 159 | &.secondary-nav { 160 | float: right; 161 | margin-left: 10px; 162 | margin-right: 0; 163 | // backwards compatibility 164 | .menu-dropdown, 165 | .dropdown-menu { 166 | right: 0; 167 | border: 0; 168 | } 169 | } 170 | // Dropdowns within the .nav 171 | // a.menu:hover and li.open .menu for backwards compatibility 172 | a.menu:hover, 173 | li.open .menu, 174 | .dropdown-toggle:hover, 175 | .dropdown.open .dropdown-toggle { 176 | background: #444; 177 | background: rgba(255,255,255,.05); 178 | } 179 | // .menu-dropdown for backwards compatibility 180 | .menu-dropdown, 181 | .dropdown-menu { 182 | background-color: #333; 183 | // a.menu for backwards compatibility 184 | a.menu, 185 | .dropdown-toggle { 186 | color: @white; 187 | &.open { 188 | background: #444; 189 | background: rgba(255,255,255,.05); 190 | } 191 | } 192 | li a { 193 | color: #999; 194 | text-shadow: 0 1px 0 rgba(0,0,0,.5); 195 | &:hover { 196 | #gradient > .vertical(#292929,#191919); 197 | color: @white; 198 | } 199 | } 200 | .active a { 201 | color: @white; 202 | } 203 | .divider { 204 | background-color: #222; 205 | border-color: #444; 206 | } 207 | } 208 | } 209 | 210 | // For backwards compatibility with new dropdowns, redeclare dropdown link padding 211 | .topbar ul .menu-dropdown li a, 212 | .topbar ul .dropdown-menu li a { 213 | padding: 4px 15px; 214 | } 215 | 216 | // Dropdown Menus 217 | // Use the .menu class on any
  4. element within the topbar or ul.tabs and you'll get some superfancy dropdowns 218 | // li.menu for backwards compatibility 219 | li.menu, 220 | .dropdown { 221 | position: relative; 222 | } 223 | // The link that is clicked to toggle the dropdown 224 | // a.menu for backwards compatibility 225 | a.menu:after, 226 | .dropdown-toggle:after { 227 | width: 0; 228 | height: 0; 229 | display: inline-block; 230 | content: "↓"; 231 | text-indent: -99999px; 232 | vertical-align: top; 233 | margin-top: 8px; 234 | margin-left: 4px; 235 | border-left: 4px solid transparent; 236 | border-right: 4px solid transparent; 237 | border-top: 4px solid @white; 238 | .opacity(50); 239 | } 240 | // The dropdown menu (ul) 241 | // .menu-dropdown for backwards compatibility 242 | .menu-dropdown, 243 | .dropdown-menu { 244 | background-color: @white; 245 | float: left; 246 | display: none; // None by default, but block on "open" of the menu 247 | position: absolute; 248 | top: 40px; 249 | z-index: 900; 250 | min-width: 160px; 251 | max-width: 220px; 252 | _width: 160px; 253 | margin-left: 0; // override default ul styles 254 | margin-right: 0; 255 | padding: 6px 0; 256 | zoom: 1; // do we need this? 257 | border-color: #999; 258 | border-color: rgba(0,0,0,.2); 259 | border-style: solid; 260 | border-width: 0 1px 1px; 261 | .border-radius(0 0 6px 6px); 262 | .box-shadow(0 2px 4px rgba(0,0,0,.2)); 263 | .background-clip(padding-box); 264 | 265 | // Unfloat any li's to make them stack 266 | li { 267 | float: none; 268 | display: block; 269 | background-color: none; 270 | } 271 | // Dividers (basically an hr) within the dropdown 272 | .divider { 273 | height: 1px; 274 | margin: 5px 0; 275 | overflow: hidden; 276 | background-color: #eee; 277 | border-bottom: 1px solid @white; 278 | } 279 | } 280 | 281 | .topbar .dropdown-menu, .dropdown-menu { 282 | // Links within the dropdown menu 283 | a { 284 | display: block; 285 | padding: 4px 15px; 286 | clear: both; 287 | font-weight: normal; 288 | line-height: 18px; 289 | color: @gray; 290 | text-shadow: 0 1px 0 @white; 291 | // Hover state 292 | &:hover { 293 | #gradient > .vertical(#eeeeee, #dddddd); 294 | color: @grayDark; 295 | text-decoration: none; 296 | @shadow: inset 0 1px 0 rgba(0,0,0,.025), inset 0 -1px rgba(0,0,0,.025); 297 | .box-shadow(@shadow); 298 | } 299 | } 300 | } 301 | 302 | // Open state for the dropdown 303 | // .open for backwards compatibility 304 | .open, 305 | .dropdown.open { 306 | // .menu for backwards compatibility 307 | .menu, 308 | .dropdown-toggle { 309 | color: @white; 310 | background: #ccc; 311 | background: rgba(0,0,0,.3); 312 | } 313 | // .menu-dropdown for backwards compatibility 314 | .menu-dropdown, 315 | .dropdown-menu { 316 | display: block; 317 | } 318 | } 319 | 320 | 321 | // Tabs and Pills 322 | .tabs, 323 | .pills { 324 | margin: 0 0 20px; 325 | padding: 0; 326 | list-style: none; 327 | .clearfix(); 328 | > li { 329 | float: left; 330 | > a { 331 | display: block; 332 | } 333 | } 334 | } 335 | 336 | // Basic Tabs 337 | .tabs { 338 | float: left; 339 | width: 100%; 340 | border-bottom: 1px solid #ddd; 341 | > li { 342 | position: relative; // For the dropdowns mostly 343 | top: 1px; 344 | > a { 345 | padding: 0 15px; 346 | margin-right: 2px; 347 | line-height: @baseline * 2; 348 | border: 1px solid transparent; 349 | .border-radius(4px 4px 0 0); 350 | &:hover { 351 | text-decoration: none; 352 | background-color: #eee; 353 | border-color: #eee #eee #ddd; 354 | } 355 | } 356 | &.active > a { 357 | color: @gray; 358 | background-color: @white; 359 | border: 1px solid #ddd; 360 | border-bottom-color: transparent; 361 | } 362 | } 363 | // first one for backwards compatibility 364 | .menu-dropdown, 365 | .dropdown-menu { 366 | top: 35px; 367 | border-width: 1px; 368 | .border-radius(0 6px 6px 6px); 369 | } 370 | // first one for backwards compatibility 371 | a.menu:after, 372 | .dropdown-toggle:after { 373 | border-top-color: #999; 374 | margin-top: 15px; 375 | margin-left: 5px; 376 | } 377 | // first one for backwards compatibility 378 | li.open.menu .menu, 379 | .open.dropdown .dropdown-toggle { 380 | border-color: #999; 381 | } 382 | // first one for backwards compatibility 383 | li.open a.menu:after, 384 | .dropdown.open .dropdown-toggle:after { 385 | border-top-color: #555; 386 | } 387 | } 388 | .tab-content { 389 | clear: both; 390 | } 391 | 392 | // Basic pill nav 393 | .pills { 394 | a { 395 | margin: 5px 3px 5px 0; 396 | padding: 0 15px; 397 | text-shadow: 0 1px 1px @white; 398 | line-height: 30px; 399 | .border-radius(15px); 400 | &:hover { 401 | background: @linkColorHover; 402 | color: @white; 403 | text-decoration: none; 404 | text-shadow: 0 1px 1px rgba(0,0,0,.25); 405 | } 406 | } 407 | .active a { 408 | background: @linkColor; 409 | color: @white; 410 | text-shadow: 0 1px 1px rgba(0,0,0,.25); 411 | } 412 | } 413 | 414 | .tab-content > *, 415 | .pill-content > * { 416 | display: none; 417 | } 418 | 419 | .tab-content > .active, 420 | .pill-content > .active { 421 | display:block; 422 | } 423 | 424 | 425 | // BREADCRUMBS 426 | // ----------- 427 | 428 | .breadcrumb { 429 | margin: 0 0 @baseline; 430 | padding: 7px 14px; 431 | #gradient > .vertical(#ffffff, #f5f5f5); 432 | border: 1px solid #ddd; 433 | .border-radius(3px); 434 | .box-shadow(inset 0 1px 0 @white); 435 | li { 436 | display: inline; 437 | text-shadow: 0 1px 0 @white; 438 | } 439 | .divider { 440 | padding: 0 5px; 441 | color: @grayLight; 442 | } 443 | a { 444 | } 445 | .active a { 446 | color: @grayDark; 447 | } 448 | } 449 | 450 | 451 | // PAGE HEADERS 452 | // ------------ 453 | 454 | .hero-unit { 455 | background-color: #f5f5f5; 456 | margin-bottom: 30px; 457 | padding: 60px; 458 | .border-radius(6px); 459 | h1 { 460 | margin-bottom: 0; 461 | font-size: 60px; 462 | line-height: 1; 463 | letter-spacing: -1px; 464 | } 465 | p { 466 | font-size: 18px; 467 | font-weight: 200; 468 | line-height: @baseline * 1.5; 469 | } 470 | } 471 | footer { 472 | margin-top: @baseline - 1; 473 | padding-top: @baseline - 1; 474 | border-top: 1px solid #eee; 475 | } 476 | 477 | 478 | // PAGE HEADERS 479 | // ------------ 480 | 481 | .page-header { 482 | margin-bottom: @baseline - 1; 483 | border-bottom: 1px solid #ddd; 484 | .box-shadow(0 1px 0 rgba(255,255,255,.5)); 485 | h1 { 486 | margin-bottom: (@baseline / 2) - 1px; 487 | } 488 | } 489 | 490 | 491 | // BUTTON STYLES 492 | // ------------- 493 | 494 | // Shared colors for buttons and alerts 495 | .btn, 496 | .alert-message { 497 | // Set text color 498 | &.danger, 499 | &.danger:hover, 500 | &.error, 501 | &.error:hover, 502 | &.success, 503 | &.success:hover, 504 | &.info, 505 | &.info:hover { 506 | color: @white 507 | } 508 | // Danger and error appear as red 509 | &.danger, 510 | &.error { 511 | .gradientBar(#ee5f5b, #c43c35); 512 | } 513 | // Success appears as green 514 | &.success { 515 | .gradientBar(#62c462, #57a957); 516 | } 517 | // Info appears as a neutral blue 518 | &.info { 519 | .gradientBar(#5bc0de, #339bb9); 520 | } 521 | } 522 | 523 | // Base .btn styles 524 | .btn { 525 | // Button Base 526 | cursor: pointer; 527 | display: inline-block; 528 | #gradient > .vertical-three-colors(#ffffff, #ffffff, 25%, darken(#ffffff, 10%)); // Don't use .gradientbar() here since it does a three-color gradient 529 | padding: 5px 14px 6px; 530 | text-shadow: 0 1px 1px rgba(255,255,255,.75); 531 | color: #333; 532 | font-size: @basefont; 533 | line-height: normal; 534 | border: 1px solid #ccc; 535 | border-bottom-color: #bbb; 536 | .border-radius(4px); 537 | @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); 538 | .box-shadow(@shadow); 539 | 540 | &:hover { 541 | background-position: 0 -15px; 542 | color: #333; 543 | text-decoration: none; 544 | } 545 | 546 | // Focus state for keyboard and accessibility 547 | &:focus { 548 | outline: 1px dotted #666; 549 | } 550 | 551 | // Primary Button Type 552 | &.primary { 553 | color: @white; 554 | .gradientBar(@blue, @blueDark) 555 | } 556 | 557 | // Transitions 558 | .transition(.1s linear all); 559 | 560 | // Active and Disabled states 561 | &:active { 562 | @shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.05); 563 | .box-shadow(@shadow); 564 | } 565 | &.disabled { 566 | cursor: default; 567 | background-image: none; 568 | .reset-filter(); 569 | .opacity(65); 570 | .box-shadow(none); 571 | } 572 | &[disabled] { 573 | // disabled pseudo can't be included with .disabled 574 | // def because IE8 and below will drop it ;_; 575 | cursor: default; 576 | background-image: none; 577 | .reset-filter(); 578 | .opacity(65); 579 | .box-shadow(none); 580 | } 581 | 582 | // Button Sizes 583 | &.large { 584 | font-size: @basefont + 2px; 585 | line-height: normal; 586 | padding: 9px 14px 9px; 587 | .border-radius(6px); 588 | } 589 | &.small { 590 | padding: 7px 9px 7px; 591 | font-size: @basefont - 2px; 592 | } 593 | } 594 | // Super jank hack for removing border-radius from IE9 so we can keep filter gradients on alerts and buttons 595 | :root .alert-message, 596 | :root .btn { 597 | border-radius: 0 \0; 598 | } 599 | 600 | // Help Firefox not be a jerk about adding extra padding to buttons 601 | button.btn, 602 | input[type=submit].btn { 603 | &::-moz-focus-inner { 604 | padding: 0; 605 | border: 0; 606 | } 607 | } 608 | 609 | 610 | // CLOSE ICONS 611 | // ----------- 612 | .close { 613 | float: right; 614 | color: @black; 615 | font-size: 20px; 616 | font-weight: bold; 617 | line-height: @baseline * .75; 618 | text-shadow: 0 1px 0 rgba(255,255,255,1); 619 | .opacity(20); 620 | &:hover { 621 | color: @black; 622 | text-decoration: none; 623 | .opacity(40); 624 | } 625 | } 626 | 627 | 628 | // ERROR STYLES 629 | // ------------ 630 | 631 | // Base alert styles 632 | .alert-message { 633 | position: relative; 634 | padding: 7px 15px; 635 | margin-bottom: @baseline; 636 | color: @grayDark; 637 | .gradientBar(#fceec1, #eedc94); // warning by default 638 | text-shadow: 0 1px 0 rgba(255,255,255,.5); 639 | border-width: 1px; 640 | border-style: solid; 641 | .border-radius(4px); 642 | .box-shadow(inset 0 1px 0 rgba(255,255,255,.25)); 643 | 644 | // Adjust close icon 645 | .close { 646 | *margin-top: 3px; /* IE7 spacing */ 647 | } 648 | 649 | // Remove extra margin from content 650 | h5 { 651 | line-height: @baseline; 652 | } 653 | p { 654 | margin-bottom: 0; 655 | } 656 | div { 657 | margin-top: 5px; 658 | margin-bottom: 2px; 659 | line-height: 28px; 660 | } 661 | .btn { 662 | // Provide actions with buttons 663 | .box-shadow(0 1px 0 rgba(255,255,255,.25)); 664 | } 665 | 666 | &.block-message { 667 | background-image: none; 668 | background-color: lighten(#fceec1, 5%); 669 | .reset-filter(); 670 | padding: 14px; 671 | border-color: #fceec1; 672 | .box-shadow(none); 673 | ul, p { 674 | margin-right: 30px; 675 | } 676 | ul { 677 | margin-bottom: 0; 678 | } 679 | li { 680 | color: @grayDark; 681 | } 682 | .alert-actions { 683 | margin-top: 5px; 684 | } 685 | &.error, 686 | &.success, 687 | &.info { 688 | color: @grayDark; 689 | text-shadow: 0 1px 0 rgba(255,255,255,.5); 690 | } 691 | &.error { 692 | background-color: lighten(#f56a66, 25%); 693 | border-color: lighten(#f56a66, 20%); 694 | } 695 | &.success { 696 | background-color: lighten(#62c462, 30%); 697 | border-color: lighten(#62c462, 25%); 698 | } 699 | &.info { 700 | background-color: lighten(#6bd0ee, 25%); 701 | border-color: lighten(#6bd0ee, 20%); 702 | } 703 | } 704 | } 705 | 706 | 707 | // PAGINATION 708 | // ---------- 709 | 710 | .pagination { 711 | height: @baseline * 2; 712 | margin: @baseline 0; 713 | ul { 714 | float: left; 715 | margin: 0; 716 | border: 1px solid #ddd; 717 | border: 1px solid rgba(0,0,0,.15); 718 | .border-radius(3px); 719 | .box-shadow(0 1px 2px rgba(0,0,0,.05)); 720 | } 721 | li { 722 | display: inline; 723 | } 724 | a { 725 | float: left; 726 | padding: 0 14px; 727 | line-height: (@baseline * 2) - 2; 728 | border-right: 1px solid; 729 | border-right-color: #ddd; 730 | border-right-color: rgba(0,0,0,.15); 731 | *border-right-color: #ddd; /* IE6-7 */ 732 | text-decoration: none; 733 | } 734 | a:hover, 735 | .active a { 736 | background-color: lighten(@blue, 45%); 737 | } 738 | .disabled a, 739 | .disabled a:hover { 740 | background-color: transparent; 741 | color: @grayLight; 742 | } 743 | .next a { 744 | border: 0; 745 | } 746 | } 747 | 748 | 749 | // WELLS 750 | // ----- 751 | 752 | .well { 753 | background-color: #f5f5f5; 754 | margin-bottom: 20px; 755 | padding: 19px; 756 | min-height: 20px; 757 | border: 1px solid #eee; 758 | border: 1px solid rgba(0,0,0,.05); 759 | .border-radius(4px); 760 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 761 | blockquote { 762 | border-color: #ddd; 763 | border-color: rgba(0,0,0,.15); 764 | } 765 | } 766 | 767 | 768 | // MODALS 769 | // ------ 770 | 771 | .modal-backdrop { 772 | background-color: @black; 773 | position: fixed; 774 | top: 0; 775 | left: 0; 776 | right: 0; 777 | bottom: 0; 778 | z-index: 10000; 779 | // Fade for backdrop 780 | &.fade { opacity: 0; } 781 | } 782 | 783 | .modal-backdrop, .modal-backdrop.fade.in { 784 | .opacity(80); 785 | } 786 | 787 | .modal { 788 | position: fixed; 789 | top: 50%; 790 | left: 50%; 791 | z-index: 11000; 792 | width: 560px; 793 | margin: -250px 0 0 -250px; 794 | background-color: @white; 795 | border: 1px solid #999; 796 | border: 1px solid rgba(0,0,0,.3); 797 | *border: 1px solid #999; /* IE6-7 */ 798 | .border-radius(6px); 799 | .box-shadow(0 3px 7px rgba(0,0,0,0.3)); 800 | .background-clip(padding-box); 801 | .close { margin-top: 7px; } 802 | &.fade { 803 | .transition(e('opacity .3s linear, top .3s ease-out')); 804 | top: -25%; 805 | } 806 | &.fade.in { top: 50%; } 807 | } 808 | .modal-header { 809 | border-bottom: 1px solid #eee; 810 | padding: 5px 15px; 811 | } 812 | .modal-body { 813 | padding: 15px; 814 | } 815 | .modal-footer { 816 | background-color: #f5f5f5; 817 | padding: 14px 15px 15px; 818 | border-top: 1px solid #ddd; 819 | .border-radius(0 0 6px 6px); 820 | .box-shadow(inset 0 1px 0 @white); 821 | .clearfix(); 822 | margin-bottom: 0; 823 | .btn { 824 | float: right; 825 | margin-left: 5px; 826 | } 827 | } 828 | 829 | 830 | // POPOVER ARROWS 831 | // -------------- 832 | 833 | #popoverArrow { 834 | .above(@arrowWidth: 5px) { 835 | bottom: 0; 836 | left: 50%; 837 | margin-left: -@arrowWidth; 838 | border-left: @arrowWidth solid transparent; 839 | border-right: @arrowWidth solid transparent; 840 | border-top: @arrowWidth solid @black; 841 | } 842 | .left(@arrowWidth: 5px) { 843 | top: 50%; 844 | right: 0; 845 | margin-top: -@arrowWidth; 846 | border-top: @arrowWidth solid transparent; 847 | border-bottom: @arrowWidth solid transparent; 848 | border-left: @arrowWidth solid @black; 849 | } 850 | .below(@arrowWidth: 5px) { 851 | top: 0; 852 | left: 50%; 853 | margin-left: -@arrowWidth; 854 | border-left: @arrowWidth solid transparent; 855 | border-right: @arrowWidth solid transparent; 856 | border-bottom: @arrowWidth solid @black; 857 | } 858 | .right(@arrowWidth: 5px) { 859 | top: 50%; 860 | left: 0; 861 | margin-top: -@arrowWidth; 862 | border-top: @arrowWidth solid transparent; 863 | border-bottom: @arrowWidth solid transparent; 864 | border-right: @arrowWidth solid @black; 865 | } 866 | } 867 | 868 | // TWIPSY 869 | // ------ 870 | 871 | .twipsy { 872 | display: block; 873 | position: absolute; 874 | visibility: visible; 875 | padding: 5px; 876 | font-size: 11px; 877 | z-index: 1000; 878 | .opacity(80); 879 | &.fade.in { 880 | .opacity(80); 881 | } 882 | &.above .twipsy-arrow { #popoverArrow > .above(); } 883 | &.left .twipsy-arrow { #popoverArrow > .left(); } 884 | &.below .twipsy-arrow { #popoverArrow > .below(); } 885 | &.right .twipsy-arrow { #popoverArrow > .right(); } 886 | } 887 | .twipsy-inner { 888 | padding: 3px 8px; 889 | background-color: @black; 890 | color: white; 891 | text-align: center; 892 | max-width: 200px; 893 | text-decoration: none; 894 | .border-radius(4px); 895 | } 896 | .twipsy-arrow { 897 | position: absolute; 898 | width: 0; 899 | height: 0; 900 | } 901 | 902 | 903 | // POPOVERS 904 | // -------- 905 | 906 | .popover { 907 | position: absolute; 908 | top: 0; 909 | left: 0; 910 | z-index: 1000; 911 | padding: 5px; 912 | display: none; 913 | &.above .arrow { #popoverArrow > .above(); } 914 | &.right .arrow { #popoverArrow > .right(); } 915 | &.below .arrow { #popoverArrow > .below(); } 916 | &.left .arrow { #popoverArrow > .left(); } 917 | .arrow { 918 | position: absolute; 919 | width: 0; 920 | height: 0; 921 | } 922 | .inner { 923 | background-color: @black; 924 | background-color: rgba(0,0,0,.8); 925 | padding: 3px; 926 | overflow: hidden; 927 | width: 280px; 928 | .border-radius(6px); 929 | .box-shadow(0 3px 7px rgba(0,0,0,0.3)); 930 | } 931 | .title { 932 | background-color: #f5f5f5; 933 | padding: 9px 15px; 934 | line-height: 1; 935 | .border-radius(3px 3px 0 0); 936 | border-bottom:1px solid #eee; 937 | } 938 | .content { 939 | background-color: @white; 940 | padding: 14px; 941 | .border-radius(0 0 3px 3px); 942 | .background-clip(padding-box); 943 | p, ul, ol { 944 | margin-bottom: 0; 945 | } 946 | } 947 | } 948 | 949 | 950 | // PATTERN ANIMATIONS 951 | // ------------------ 952 | 953 | .fade { 954 | .transition(opacity .15s linear); 955 | opacity: 0; 956 | &.in { 957 | opacity: 1; 958 | } 959 | } 960 | 961 | 962 | // LABELS 963 | // ------ 964 | 965 | .label { 966 | padding: 1px 3px 2px; 967 | background-color: @grayLight; 968 | font-size: @basefont * .75; 969 | font-weight: bold; 970 | color: @white; 971 | text-transform: uppercase; 972 | .border-radius(3px); 973 | &.important { background-color: #c43c35; } 974 | &.warning { background-color: @orange; } 975 | &.success { background-color: @green; } 976 | &.notice { background-color: lighten(@blue, 25%); } 977 | } 978 | 979 | 980 | // MEDIA GRIDS 981 | // ----------- 982 | 983 | .media-grid { 984 | margin-left: -20px; 985 | margin-bottom: 0; 986 | .clearfix(); 987 | li { 988 | display: inline; 989 | } 990 | a { 991 | float: left; 992 | padding: 4px; 993 | margin: 0 0 20px 20px; 994 | border: 1px solid #ddd; 995 | .border-radius(4px); 996 | .box-shadow(0 1px 1px rgba(0,0,0,.075)); 997 | img { 998 | display: block; 999 | } 1000 | &:hover { 1001 | border-color: @linkColor; 1002 | .box-shadow(0 1px 4px rgba(0,105,214,.25)); 1003 | } 1004 | } 1005 | } 1006 | --------------------------------------------------------------------------------