|for twitter bootstrap 31 | var pre_white = /^(
"; 65 | var match; 66 | var tagpaired = []; 67 | var tagremove = []; 68 | var needsRemoval = false; 69 | 70 | // loop through matched tags in forward order 71 | for (var ctag = 0; ctag < tagcount; ctag++) { 72 | tagname = tags[ctag].replace(/<\/?(\w+).*/, "$1"); 73 | // skip any already paired tags 74 | // and skip tags in our ignore list; assume they're self-closed 75 | if (tagpaired[ctag] || ignoredtags.search("<" + tagname + ">") > -1) 76 | continue; 77 | 78 | tag = tags[ctag]; 79 | match = -1; 80 | 81 | if (!/^<\//.test(tag)) { 82 | // this is an opening tag 83 | // search forwards (next tags), look for closing tags 84 | for (var ntag = ctag + 1; ntag < tagcount; ntag++) { 85 | if (!tagpaired[ntag] && tags[ntag] == "") { 86 | match = ntag; 87 | break; 88 | } 89 | } 90 | } 91 | 92 | if (match == -1) 93 | needsRemoval = tagremove[ctag] = true; // mark for removal 94 | else 95 | tagpaired[match] = true; // mark paired 96 | } 97 | 98 | if (!needsRemoval) 99 | return html; 100 | 101 | // delete all orphaned tags from the string 102 | 103 | var ctag = 0; 104 | html = html.replace(re, function (match) { 105 | var res = tagremove[ctag] ? "" : match; 106 | ctag++; 107 | return res; 108 | }); 109 | return html; 110 | } 111 | })(); 112 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | PageDown-Bootstrap 2 | ================== 3 | 4 | This is a fork of http://code.google.com/p/pagedown/ changed to use Twitter Bootstrap for styling the editor and modal popups. 5 | 6 | The demo is viewable here: http://samwillis.co.uk/pagedown-bootstrap/demo/browser/demo.html 7 | 8 | New icons based on http://glyphicons.com/, http://dribbble.com/shots/365544-Mini-glyphs-12-px-Free-PSD and the origional icons. 9 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/LICENSE: -------------------------------------------------------------------------------- 1 | Copyright 2012 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. -------------------------------------------------------------------------------- /demo/browser/bootstrap/Makefile: -------------------------------------------------------------------------------- 1 | BOOTSTRAP = ./docs/assets/css/bootstrap.css 2 | BOOTSTRAP_LESS = ./less/bootstrap.less 3 | BOOTSTRAP_RESPONSIVE = ./docs/assets/css/bootstrap-responsive.css 4 | BOOTSTRAP_RESPONSIVE_LESS = ./less/responsive.less 5 | LESS_COMPRESSOR ?= `which lessc` 6 | WATCHR ?= `which watchr` 7 | 8 | # 9 | # BUILD DOCS 10 | # 11 | 12 | docs: bootstrap 13 | rm docs/assets/bootstrap.zip 14 | zip -r docs/assets/bootstrap.zip bootstrap 15 | rm -r bootstrap 16 | lessc ${BOOTSTRAP_LESS} > ${BOOTSTRAP} 17 | lessc ${BOOTSTRAP_RESPONSIVE_LESS} > ${BOOTSTRAP_RESPONSIVE} 18 | node docs/build 19 | cp img/* docs/assets/img/ 20 | cp js/*.js docs/assets/js/ 21 | cp js/tests/vendor/jquery.js docs/assets/js/ 22 | 23 | # 24 | # BUILD SIMPLE BOOTSTRAP DIRECTORY 25 | # lessc & uglifyjs are required 26 | # 27 | 28 | bootstrap: 29 | mkdir -p bootstrap/img 30 | mkdir -p bootstrap/css 31 | mkdir -p bootstrap/js 32 | cp img/* bootstrap/img/ 33 | lessc ${BOOTSTRAP_LESS} > bootstrap/css/bootstrap.css 34 | lessc --compress ${BOOTSTRAP_LESS} > bootstrap/css/bootstrap.min.css 35 | lessc ${BOOTSTRAP_RESPONSIVE_LESS} > bootstrap/css/bootstrap-responsive.css 36 | lessc --compress ${BOOTSTRAP_RESPONSIVE_LESS} > bootstrap/css/bootstrap-responsive.min.css 37 | cat js/bootstrap-transition.js js/bootstrap-alert.js js/bootstrap-button.js js/bootstrap-carousel.js js/bootstrap-collapse.js js/bootstrap-dropdown.js js/bootstrap-modal.js js/bootstrap-tooltip.js js/bootstrap-popover.js js/bootstrap-scrollspy.js js/bootstrap-tab.js js/bootstrap-typeahead.js > bootstrap/js/bootstrap.js 38 | uglifyjs -nc bootstrap/js/bootstrap.js > bootstrap/js/bootstrap.min.js 39 | 40 | # 41 | # MAKE FOR GH-PAGES 4 FAT & MDO ONLY (O_O ) 42 | # 43 | 44 | gh-pages: docs 45 | rm -f ../bootstrap-gh-pages/assets/bootstrap.zip 46 | node docs/build production 47 | cp -r docs/* ../bootstrap-gh-pages 48 | 49 | # 50 | # WATCH LESS FILES 51 | # 52 | 53 | watch: 54 | echo "Watching less files..."; \ 55 | watchr -e "watch('less/.*\.less') { system 'make' }" 56 | 57 | 58 | .PHONY: dist docs watch gh-pages 59 | -------------------------------------------------------------------------------- /demo/browser/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 | Versioning 10 | ---------- 11 | 12 | For transparency and insight into our release cycle, and for striving to maintain backward compatibility, Bootstrap will be maintained under the Semantic Versioning guidelines as much as possible. 13 | 14 | Releases will be numbered with the follow format: 15 | 16 | `
-
2 |
3 |
4 |
5 |
6 |
7 |
8 |
') : console.log(string); 25 | }; 26 | } 27 | 28 | var Hogan = require(__dirname + '/../lib/hogan'); 29 | var template = fs.readFileSync(__dirname + '/../lib/template.js').toString(); 30 | var compiler = fs.readFileSync(__dirname + '/../lib/compiler.js').toString(); 31 | var mustache_wrapper = fs.readFileSync(__dirname + '/../wrappers/mustache.js.mustache').toString(); 32 | 33 | // Create a Mustache.js emulator from the distribution template 34 | var engines = (new Function(Hogan.compile(mustache_wrapper).render({template: template, compiler: compiler}) + 35 | '; return {Hogan: Hogan, Mustache: Mustache};'))(); 36 | 37 | var Mustache = engines.Mustache; 38 | var Hogan2 = engines.Hogan; 39 | 40 | 41 | // sanity check 42 | is(Mustache.hasOwnProperty('to_html'), true, 'Mustache has to_html method.'); 43 | 44 | // Check for Mustache.js partial resolution behavior. 45 | var context = { 46 | foo: 'bar', 47 | mypartial: { 48 | baz: 'qux' 49 | } 50 | } 51 | var text = 'abc {{foo}} def {{>mypartial}} ghi'; 52 | var partialText = '{{baz}}'; 53 | var s = Mustache.to_html(text, context, {'mypartial': partialText}); 54 | is(s, 'abc bar def qux ghi', 'Correct emulation of Mustache.js partial-name-in-context resolution.'); 55 | 56 | // Now check to see that the Hogan resolution is unaffected. 57 | var t = Hogan2.compile(text); 58 | s = t.render(context, {'mypartial': partialText}); 59 | is(s, 'abc bar def ghi', 'Hogan behavior not changed by Mustache.js emulation.'); 60 | 61 | // Check for sendFun behavior 62 | var buf = ""; 63 | function send(s) { 64 | buf += "-FOO " + s + " FOO-"; 65 | } 66 | var s = Mustache.to_html(text, context, {'mypartial': partialText}, send); 67 | is(buf, '-FOO abc bar def qux ghi FOO-', 'Correct emulation of Mustache.js sendFun.'); 68 | 69 | 70 | function is(got, expected, msg) { 71 | if (got === expected) { 72 | output("OK: " + msg); 73 | ++passed; 74 | } else { 75 | output("FAIL: " + msg); 76 | output("Expected |" + expected + "|"); 77 | output(" Got |" + got + "|"); 78 | ++failed; 79 | } 80 | } 81 | 82 | function complete() { 83 | output("\nTests Complete"); 84 | output("--------------"); 85 | output("Passed: " + passed); 86 | output("Failed: " + failed); 87 | output("\n"); 88 | } 89 | 90 | complete(); -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2011 Twitter, Inc. 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. 14 | */ 15 | 16 | var Hogan = Hogan || require('../lib/hogan'); 17 | var doc = this["document"]; 18 | var fs = require('fs'); 19 | 20 | var passed = 0; 21 | var failed = 0; 22 | 23 | if (!this["output"]) { 24 | var output = function (string) { 25 | return doc ? doc.write(string + '
') : console.log(string); 26 | }; 27 | } 28 | 29 | function runTest(tests) { 30 | tests.forEach(function(test) { 31 | var partials = {}; 32 | for (var i in test.partials) { 33 | partials[i] = Hogan.compile(test.partials[i]); 34 | } 35 | var t = Hogan.compile(test.template); 36 | 37 | if (test.data.lambda) { 38 | var func = (new Function ('return ' + test.data.lambda.js)()); 39 | test.data.lambda = function() { return func; }; 40 | } 41 | 42 | var s = t.render(test.data, partials); 43 | is(s, test.expected, test.name + ': ' + test.desc); 44 | }); 45 | } 46 | 47 | var testDir = './test/spec/specs'; 48 | var files = fs.readdirSync(testDir) 49 | .filter(function(f) { return f.indexOf('.json') > 0; }) 50 | .map(function(f) { return testDir + '/' + f}); 51 | 52 | for (var i = 0; i < files.length; i++) { 53 | var test = JSON.parse(fs.readFileSync(files[i]).toString()); 54 | runTest(test.tests); 55 | } 56 | 57 | function is(got, expected, msg) { 58 | if (got === expected) { 59 | output("OK: " + msg); 60 | ++passed; 61 | } else { 62 | output("FAIL: " + msg); 63 | output("Expected |" + expected + "|"); 64 | output(" Got |" + got + "|"); 65 | ++failed; 66 | } 67 | } 68 | 69 | function complete() { 70 | output("\nTests Complete"); 71 | output("--------------"); 72 | output("Passed: " + passed); 73 | output("Failed: " + failed); 74 | output("\n"); 75 | } 76 | 77 | complete(); 78 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/Changes: -------------------------------------------------------------------------------- 1 | 2011-03-20: v1.1.2 2 | Added tests for standalone tags at string boundaries. 3 | Added tests for rendering lambda returns after delimiter changes. 4 | 5 | 2011-03-20: v1.0.3 6 | Added tests for standalone tags at string boundaries. 7 | Added tests for rendering lambda returns after delimiter changes. 8 | 9 | 2011-03-05: v1.1.1 10 | Added tests for indented inline sections. 11 | Added tests for Windows-style newlines. 12 | 13 | 2011-03-05: v1.0.2 14 | Added tests for indented inline sections. 15 | Added tests for Windows-style newlines. 16 | 17 | 2011-03-04: v1.1.0 18 | Implicit iterators. 19 | A single period (`.`) may now be used as a name in Interpolation tags, 20 | which represents the top of stack (cast as a String). 21 | Dotted names. 22 | Names containing one or more periods should be resolved as chained 23 | properties; naïvely, this is like nesting section tags, but with some 24 | built-in scoping protections. 25 | 26 | 2011-03-02: v1.0.1 27 | Clarifying a point in the README about version compliance. 28 | Adding high-level documentation to each spec file. 29 | 30 | 2011-02-28: v1.0.0 31 | Initial Release 32 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/README.md: -------------------------------------------------------------------------------- 1 | The repository at https://github.com/mustache/spec is the formal standard for 2 | Mustache. It defines both normal usage and edge-case behavior for libraries 3 | parsing the Mustache templating language (or a superset thereof). 4 | 5 | The specification is developed as a series of YAML files, under the `specs` 6 | directory. 7 | 8 | Versioning 9 | ---------- 10 | This specification is being [semantically versioned](http://semver.org). 11 | Roughly described, major version changes will always represent backwards 12 | incompatible changes, minor version changes will always represent new language 13 | features and will be backwards compatible, and patch ('tiny') version changes 14 | will always be bug fixes. For the purposes of semantic versioning, the public 15 | API is the contents of the `specs` directory and the algorithm for testing 16 | against it. 17 | 18 | Mustache implementations SHOULD report the most recent version of the spec 19 | (major and minor version numbers). If an implementation has support for any 20 | optional modules, they SHOULD indicate so with a remark attached to the 21 | version number (e.g. "vX.Y, including lambdas" or "v.X.Y+λ"). It is 22 | RECOMMENDED that implementations not supporting at least v1.0.0 of this spec 23 | refer to themselves as "Mustache-like", or "Mustache-inspired". 24 | 25 | Alternate Formats 26 | ----------------- 27 | 28 | Since YAML is a reasonably complex format that not every language has good 29 | tools for working with, we also provide JSON versions of the specs on a 30 | best-effort basis. 31 | 32 | These should be identical to the YAML specifications, but if you find the need 33 | to regenerate them, they can be trivially rebuilt by invoking `rake build`. 34 | 35 | It is also worth noting that some specifications (notably, the lambda module) 36 | rely on YAML "tags" to denote special types of data (e.g. source code). Since 37 | JSON offers no way to denote this, a special key ("`__tag__`") is injected 38 | with the name of the tag as its value. See `TESTING.md` for more information 39 | about handling tagged data. 40 | 41 | Optional Modules 42 | ---------------- 43 | 44 | Specification files beginning with a tilde (`~`) describe optional modules. 45 | At present, the only module being described as optional is regarding support 46 | for lambdas. As a guideline, a module may be a candidate for optionality 47 | when: 48 | 49 | * It does not affect the core syntax of the language. 50 | * It does not significantly affect the output of rendered templates. 51 | * It concerns implementation language features or data types that are not 52 | common to or core in every targeted language. 53 | * The lack of support by an implementation does not diminish the usage of 54 | Mustache in the target language. 55 | 56 | As an example, the lambda module is primarily concerned with the handling of a 57 | particular data type (code). This is a type of data that may be difficult to 58 | support in some languages, and users of those languages will not see the lack 59 | as an 'inconsistency' between implementations. 60 | 61 | Support for specific pragmas or syntax extensions, however, are best managed 62 | outside this core specification, as adjunct specifications. 63 | 64 | Implementors are strongly encouraged to support any and all modules they are 65 | reasonably capable of supporting. 66 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/Rakefile: -------------------------------------------------------------------------------- 1 | require 'json' 2 | require 'yaml' 3 | 4 | # Our custom YAML tags must retain their magic. 5 | %w[ code ].each do |tag| 6 | YAML::add_builtin_type(tag) { |_,val| val.merge(:__tag__ => tag) } 7 | end 8 | 9 | desc 'Build all alternate versions of the specs.' 10 | multitask :build => [ 'build:json' ] 11 | 12 | namespace :build do 13 | note = 'Do not edit this file; changes belong in the appropriate YAML file.' 14 | 15 | desc 'Build JSON versions of the specs.' 16 | task :json do 17 | rm(Dir['specs/*.json'], :verbose => false) 18 | Dir.glob('specs/*.yml').each do |filename| 19 | json_file = filename.gsub('.yml', '.json') 20 | 21 | File.open(json_file, 'w') do |file| 22 | doc = YAML.load_file(filename) 23 | file << doc.merge(:__ATTN__ => note).to_json() 24 | end 25 | end 26 | end 27 | end 28 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/TESTING.md: -------------------------------------------------------------------------------- 1 | Testing your Mustache implementation against this specification should be 2 | relatively simple. If you have a readily available testing framework on your 3 | platform, your task may be even simpler. 4 | 5 | In general, the process for each `.yml` file is as follows: 6 | 7 | 1. Use a YAML parser to load the file. 8 | 9 | 2. For each test in the 'tests' array: 10 | 11 | 1. Ensure that each element of the 'partials' hash (if it exists) is 12 | stored in a place where the interpreter will look for it. 13 | 14 | 2. If your implementation will not support lambdas, feel free to skip over 15 | the optional '~lambdas.yml' file. 16 | 17 | 2.1. If your implementation will support lambdas, ensure that each member of 18 | 'data' tagged with '!code' is properly processed into a language- 19 | specific lambda reference. 20 | 21 | * e.g. Given this YAML data hash: 22 | 23 | `{ x: !code { ruby: 'proc { "x" }', perl: 'sub { "x" }' } }` 24 | 25 | a Ruby-based Mustache implementation would process it such that it 26 | was equivalent to this Ruby hash: 27 | 28 | `{ 'x' => proc { "x" } }` 29 | 30 | * If your implementation language does not currently have lambda 31 | examples in the spec, feel free to implement them and send a pull 32 | request. 33 | 34 | * The JSON version of the spec represents these tagged values as a hash 35 | with a '`__tag__`' key of 'code'. 36 | 37 | 3. Render the template (stored in the 'template' key) with the given 'data' 38 | hash. 39 | 40 | 4. Compare the results of your rendering against the 'expected' value; any 41 | differences should be reported, along with any useful debugging 42 | information. 43 | 44 | * Of note, the 'desc' key contains a rough one-line description of the 45 | behavior being tested -- this is most useful in conjunction with the 46 | file name and test 'name'. 47 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/specs/comments.json: -------------------------------------------------------------------------------- 1 | {"__ATTN__":"Do not edit this file; changes belong in the appropriate YAML file.","overview":"Comment tags represent content that should never appear in the resulting\noutput.\n\nThe tag's content may contain any substring (including newlines) EXCEPT the\nclosing delimiter.\n\nComment tags SHOULD be treated as standalone when appropriate.\n","tests":[{"name":"Inline","data":{},"expected":"1234567890","template":"12345{{! Comment Block! }}67890","desc":"Comment blocks should be removed from the template."},{"name":"Multiline","data":{},"expected":"1234567890\n","template":"12345{{!\n This is a\n multi-line comment...\n}}67890\n","desc":"Multiline comments should be permitted."},{"name":"Standalone","data":{},"expected":"Begin.\nEnd.\n","template":"Begin.\n{{! Comment Block! }}\nEnd.\n","desc":"All standalone comment lines should be removed."},{"name":"Indented Standalone","data":{},"expected":"Begin.\nEnd.\n","template":"Begin.\n {{! Indented Comment Block! }}\nEnd.\n","desc":"All standalone comment lines should be removed."},{"name":"Standalone Line Endings","data":{},"expected":"|\r\n|","template":"|\r\n{{! Standalone Comment }}\r\n|","desc":"\"\\r\\n\" should be considered a newline for standalone tags."},{"name":"Standalone Without Previous Line","data":{},"expected":"!","template":" {{! I'm Still Standalone }}\n!","desc":"Standalone tags should not require a newline to precede them."},{"name":"Standalone Without Newline","data":{},"expected":"!\n","template":"!\n {{! I'm Still Standalone }}","desc":"Standalone tags should not require a newline to follow them."},{"name":"Multiline Standalone","data":{},"expected":"Begin.\nEnd.\n","template":"Begin.\n{{!\nSomething's going on here...\n}}\nEnd.\n","desc":"All standalone comment lines should be removed."},{"name":"Indented Multiline Standalone","data":{},"expected":"Begin.\nEnd.\n","template":"Begin.\n {{!\n Something's going on here...\n }}\nEnd.\n","desc":"All standalone comment lines should be removed."},{"name":"Indented Inline","data":{},"expected":" 12 \n","template":" 12 {{! 34 }}\n","desc":"Inline comments should not strip whitespace"},{"name":"Surrounding Whitespace","data":{},"expected":"12345 67890","template":"12345 {{! Comment Block! }} 67890","desc":"Comment removal should preserve surrounding whitespace."}]} -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/specs/comments.yml: -------------------------------------------------------------------------------- 1 | overview: | 2 | Comment tags represent content that should never appear in the resulting 3 | output. 4 | 5 | The tag's content may contain any substring (including newlines) EXCEPT the 6 | closing delimiter. 7 | 8 | Comment tags SHOULD be treated as standalone when appropriate. 9 | tests: 10 | - name: Inline 11 | desc: Comment blocks should be removed from the template. 12 | data: { } 13 | template: '12345{{! Comment Block! }}67890' 14 | expected: '1234567890' 15 | 16 | - name: Multiline 17 | desc: Multiline comments should be permitted. 18 | data: { } 19 | template: | 20 | 12345{{! 21 | This is a 22 | multi-line comment... 23 | }}67890 24 | expected: | 25 | 1234567890 26 | 27 | - name: Standalone 28 | desc: All standalone comment lines should be removed. 29 | data: { } 30 | template: | 31 | Begin. 32 | {{! Comment Block! }} 33 | End. 34 | expected: | 35 | Begin. 36 | End. 37 | 38 | - name: Indented Standalone 39 | desc: All standalone comment lines should be removed. 40 | data: { } 41 | template: | 42 | Begin. 43 | {{! Indented Comment Block! }} 44 | End. 45 | expected: | 46 | Begin. 47 | End. 48 | 49 | - name: Standalone Line Endings 50 | desc: '"\r\n" should be considered a newline for standalone tags.' 51 | data: { } 52 | template: "|\r\n{{! Standalone Comment }}\r\n|" 53 | expected: "|\r\n|" 54 | 55 | - name: Standalone Without Previous Line 56 | desc: Standalone tags should not require a newline to precede them. 57 | data: { } 58 | template: " {{! I'm Still Standalone }}\n!" 59 | expected: "!" 60 | 61 | - name: Standalone Without Newline 62 | desc: Standalone tags should not require a newline to follow them. 63 | data: { } 64 | template: "!\n {{! I'm Still Standalone }}" 65 | expected: "!\n" 66 | 67 | - name: Multiline Standalone 68 | desc: All standalone comment lines should be removed. 69 | data: { } 70 | template: | 71 | Begin. 72 | {{! 73 | Something's going on here... 74 | }} 75 | End. 76 | expected: | 77 | Begin. 78 | End. 79 | 80 | - name: Indented Multiline Standalone 81 | desc: All standalone comment lines should be removed. 82 | data: { } 83 | template: | 84 | Begin. 85 | {{! 86 | Something's going on here... 87 | }} 88 | End. 89 | expected: | 90 | Begin. 91 | End. 92 | 93 | - name: Indented Inline 94 | desc: Inline comments should not strip whitespace 95 | data: { } 96 | template: " 12 {{! 34 }}\n" 97 | expected: " 12 \n" 98 | 99 | - name: Surrounding Whitespace 100 | desc: Comment removal should preserve surrounding whitespace. 101 | data: { } 102 | template: '12345 {{! Comment Block! }} 67890' 103 | expected: '12345 67890' 104 | -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/specs/delimiters.json: -------------------------------------------------------------------------------- 1 | {"__ATTN__":"Do not edit this file; changes belong in the appropriate YAML file.","overview":"Set Delimiter tags are used to change the tag delimiters for all content\nfollowing the tag in the current compilation unit.\n\nThe tag's content MUST be any two non-whitespace sequences (separated by\nwhitespace) EXCEPT an equals sign ('=') followed by the current closing\ndelimiter.\n\nSet Delimiter tags SHOULD be treated as standalone when appropriate.\n","tests":[{"name":"Pair Behavior","data":{"text":"Hey!"},"expected":"(Hey!)","template":"{{=<% %>=}}(<%text%>)","desc":"The equals sign (used on both sides) should permit delimiter changes."},{"name":"Special Characters","data":{"text":"It worked!"},"expected":"(It worked!)","template":"({{=[ ]=}}[text])","desc":"Characters with special meaning regexen should be valid delimiters."},{"name":"Sections","data":{"section":true,"data":"I got interpolated."},"expected":"[\n I got interpolated.\n |data|\n\n {{data}}\n I got interpolated.\n]\n","template":"[\n{{#section}}\n {{data}}\n |data|\n{{/section}}\n\n{{= | | =}}\n|#section|\n {{data}}\n |data|\n|/section|\n]\n","desc":"Delimiters set outside sections should persist."},{"name":"Inverted Sections","data":{"section":false,"data":"I got interpolated."},"expected":"[\n I got interpolated.\n |data|\n\n {{data}}\n I got interpolated.\n]\n","template":"[\n{{^section}}\n {{data}}\n |data|\n{{/section}}\n\n{{= | | =}}\n|^section|\n {{data}}\n |data|\n|/section|\n]\n","desc":"Delimiters set outside inverted sections should persist."},{"name":"Partial Inheritence","data":{"value":"yes"},"expected":"[ .yes. ]\n[ .yes. ]\n","template":"[ {{>include}} ]\n{{= | | =}}\n[ |>include| ]\n","desc":"Delimiters set in a parent template should not affect a partial.","partials":{"include":".{{value}}."}},{"name":"Post-Partial Behavior","data":{"value":"yes"},"expected":"[ .yes. .yes. ]\n[ .yes. .|value|. ]\n","template":"[ {{>include}} ]\n[ .{{value}}. .|value|. ]\n","desc":"Delimiters set in a partial should not affect the parent template.","partials":{"include":".{{value}}. {{= | | =}} .|value|."}},{"name":"Surrounding Whitespace","data":{},"expected":"| |","template":"| {{=@ @=}} |","desc":"Surrounding whitespace should be left untouched."},{"name":"Outlying Whitespace (Inline)","data":{},"expected":" | \n","template":" | {{=@ @=}}\n","desc":"Whitespace should be left untouched."},{"name":"Standalone Tag","data":{},"expected":"Begin.\nEnd.\n","template":"Begin.\n{{=@ @=}}\nEnd.\n","desc":"Standalone lines should be removed from the template."},{"name":"Indented Standalone Tag","data":{},"expected":"Begin.\nEnd.\n","template":"Begin.\n {{=@ @=}}\nEnd.\n","desc":"Indented standalone lines should be removed from the template."},{"name":"Standalone Line Endings","data":{},"expected":"|\r\n|","template":"|\r\n{{= @ @ =}}\r\n|","desc":"\"\\r\\n\" should be considered a newline for standalone tags."},{"name":"Standalone Without Previous Line","data":{},"expected":"=","template":" {{=@ @=}}\n=","desc":"Standalone tags should not require a newline to precede them."},{"name":"Standalone Without Newline","data":{},"expected":"=\n","template":"=\n {{=@ @=}}","desc":"Standalone tags should not require a newline to follow them."},{"name":"Pair with Padding","data":{},"expected":"||","template":"|{{= @ @ =}}|","desc":"Superfluous in-tag whitespace should be ignored."}]} -------------------------------------------------------------------------------- /demo/browser/bootstrap/docs/build/node_modules/hogan.js/test/spec/specs/partials.json: -------------------------------------------------------------------------------- 1 | {"__ATTN__":"Do not edit this file; changes belong in the appropriate YAML file.","overview":"Partial tags are used to expand an external template into the current\ntemplate.\n\nThe tag's content MUST be a non-whitespace character sequence NOT containing\nthe current closing delimiter.\n\nThis tag's content names the partial to inject. Set Delimiter tags MUST NOT\naffect the parsing of a partial. The partial MUST be rendered against the\ncontext stack local to the tag. If the named partial cannot be found, the\nempty string SHOULD be used instead, as in interpolations.\n\nPartial tags SHOULD be treated as standalone when appropriate. If this tag\nis used standalone, any whitespace preceding the tag should treated as\nindentation, and prepended to each line of the partial before rendering.\n","tests":[{"name":"Basic Behavior","data":{},"expected":"\"from partial\"","template":"\"{{>text}}\"","desc":"The greater-than operator should expand to the named partial.","partials":{"text":"from partial"}},{"name":"Failed Lookup","data":{},"expected":"\"\"","template":"\"{{>text}}\"","desc":"The empty string should be used when the named partial is not found.","partials":{}},{"name":"Context","data":{"text":"content"},"expected":"\"*content*\"","template":"\"{{>partial}}\"","desc":"The greater-than operator should operate within the current context.","partials":{"partial":"*{{text}}*"}},{"name":"Recursion","data":{"content":"X","nodes":[{"content":"Y","nodes":[]}]},"expected":"X
-
2 |
3 |
4 |
5 |
6 |
7 |
8 |
54 |
55 |
59 |
60 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/docs/templates/pages/examples.mustache:
--------------------------------------------------------------------------------
1 |
3 | Bootstrap starter template
56 |Use this document as a way to quick start any new project.
All you get is this message and a barebones HTML document.
{{_i}}Bootstrap examples{{/i}}
5 |{{_i}}We've included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.{{/i}}
6 |-
10 |
-
11 |
12 |
13 |
14 | {{_i}}Basic marketing site{{/i}}
15 |{{_i}}Featuring a hero unit for a primary message and three supporting elements.{{/i}}
16 |
17 | -
18 |
19 |
20 |
21 | {{_i}}Fluid layout{{/i}}
22 |{{_i}}Uses our new responsive, fluid grid system to create seamless liquid layout.{{/i}}
23 |
24 | -
25 |
26 |
27 |
28 | {{_i}}Starter template{{/i}}
29 |{{_i}}A barebones HTML document with all the Bootstrap CSS and javascript included.{{/i}}
30 |
31 |
42 |
48 |
49 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/js/tests/unit/bootstrap-alert.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 = ''
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 = ''
32 | , alert = $(alertHTML).appendTo('#qunit-fixture').alert()
33 |
34 | ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom')
35 |
36 | alert.find('.close').click()
37 |
38 | ok(!$('#qunit-fixture').find('.alert-message').length, 'element removed from dom')
39 | })
40 |
41 | })
--------------------------------------------------------------------------------
/demo/browser/bootstrap/js/tests/unit/bootstrap-button.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-buttons")
4 |
5 | test("should be defined on jquery object", function () {
6 | ok($(document.body).button, 'button method is defined')
7 | })
8 |
9 | test("should return element", function () {
10 | ok($(document.body).button()[0] == document.body, 'document.body returned')
11 | })
12 |
13 | test("should return set state to loading", function () {
14 | var btn = $('')
15 | equals(btn.html(), 'mdo', 'btn text equals mdo')
16 | btn.button('loading')
17 | equals(btn.html(), 'fat', 'btn text equals fat')
18 | stop()
19 | setTimeout(function () {
20 | ok(btn.attr('disabled'), 'btn is disabled')
21 | ok(btn.hasClass('disabled'), 'btn has disabled class')
22 | start()
23 | }, 0)
24 | })
25 |
26 | test("should return reset state", function () {
27 | var btn = $('')
28 | equals(btn.html(), 'mdo', 'btn text equals mdo')
29 | btn.button('loading')
30 | equals(btn.html(), 'fat', 'btn text equals fat')
31 | stop()
32 | setTimeout(function () {
33 | ok(btn.attr('disabled'), 'btn is disabled')
34 | ok(btn.hasClass('disabled'), 'btn has disabled class')
35 | start()
36 | stop()
37 | }, 0)
38 | btn.button('reset')
39 | equals(btn.html(), 'mdo', 'btn text equals mdo')
40 | setTimeout(function () {
41 | ok(!btn.attr('disabled'), 'btn is not disabled')
42 | ok(!btn.hasClass('disabled'), 'btn does not have disabled class')
43 | start()
44 | }, 0)
45 | })
46 |
47 | test("should toggle active", function () {
48 | var btn = $('')
49 | ok(!btn.hasClass('active'), 'btn does not have active class')
50 | btn.button('toggle')
51 | ok(btn.hasClass('active'), 'btn has class active')
52 | })
53 |
54 | test("should toggle active when btn children are clicked", function () {
55 | var btn = $('')
56 | , inner = $('')
57 | btn
58 | .append(inner)
59 | .appendTo($('#qunit-fixture'))
60 | ok(!btn.hasClass('active'), 'btn does not have active class')
61 | inner.click()
62 | ok(btn.hasClass('active'), 'btn has class active')
63 | })
64 |
65 | test("should toggle active when btn children are clicked within btn-group", function () {
66 | var btngroup = $('')
67 | , btn = $('')
68 | , inner = $('')
69 | btngroup
70 | .append(btn.append(inner))
71 | .appendTo($('#qunit-fixture'))
72 | ok(!btn.hasClass('active'), 'btn does not have active class')
73 | inner.click()
74 | ok(btn.hasClass('active'), 'btn has class active')
75 | })
76 |
77 | })
--------------------------------------------------------------------------------
/demo/browser/bootstrap/js/tests/unit/bootstrap-collapse.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-collapse")
4 |
5 | test("should be defined on jquery object", function () {
6 | ok($(document.body).collapse, 'collapse method is defined')
7 | })
8 |
9 | test("should return element", function () {
10 | ok($(document.body).collapse()[0] == document.body, 'document.body returned')
11 | })
12 |
13 | test("should show a collapsed element", function () {
14 | var el = $('').collapse('show')
15 | ok(el.hasClass('in'), 'has class in')
16 | ok(/height/.test(el.attr('style')), 'has height set')
17 | })
18 |
19 | test("should hide a collapsed element", function () {
20 | var el = $('').collapse('hide')
21 | ok(!el.hasClass('in'), 'does not have class in')
22 | ok(/height/.test(el.attr('style')), 'has height set')
23 | })
24 |
25 | })
--------------------------------------------------------------------------------
/demo/browser/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 = 'Bootstrap Plugin Test Suite
43 | 44 | 45 |- '
15 | + '
- ' 16 | + 'Dropdown' 17 | + '' 23 | + ' ' 24 | + '
- '
32 | + '
- ' 33 | + 'Dropdown' 34 | + '' 40 | + ' ' 41 | + '
")
72 | div
73 | .bind("shown", function () {
74 | ok($('#modal-test').is(":visible"), 'modal visible')
75 | ok($('#modal-test').length, 'modal insterted into dom')
76 | div.find('.close').click()
77 | })
78 | .bind("hidden", function() {
79 | ok(!$('#modal-test').is(":visible"), 'modal hidden')
80 | div.remove()
81 | start()
82 | })
83 | .modal("toggle")
84 | })
85 | })
--------------------------------------------------------------------------------
/demo/browser/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-fixture')
19 | .popover('show')
20 |
21 | ok($('.popover').length, 'popover was inserted')
22 | popover.popover('hide')
23 | ok(!$(".popover").length, 'popover removed')
24 | })
25 |
26 | test("should store popover instance in popover data object", function () {
27 | $.support.transition = false
28 | var popover = $('@mdo')
29 | .popover()
30 |
31 | ok(!!popover.data('popover'), 'popover instance exists')
32 | })
33 |
34 | test("should get title and content from options", function () {
35 | $.support.transition = false
36 | var popover = $('@fat')
37 | .appendTo('#qunit-fixture')
38 | .popover({
39 | title: function () {
40 | return '@fat'
41 | }
42 | , content: function () {
43 | return 'loves writing tests （╯°□°）╯︵ ┻━┻'
44 | }
45 | })
46 |
47 | popover.popover('show')
48 |
49 | ok($('.popover').length, 'popover was inserted')
50 | equals($('.popover .popover-title').text(), '@fat', 'title correctly inserted')
51 | equals($('.popover .popover-content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted')
52 |
53 | popover.popover('hide')
54 | ok(!$('.popover').length, 'popover was removed')
55 | $('#qunit-fixture').empty()
56 | })
57 |
58 | test("should get title and content from attributes", function () {
59 | $.support.transition = false
60 | var popover = $('@mdo')
61 | .appendTo('#qunit-fixture')
62 | .popover()
63 | .popover('show')
64 |
65 | ok($('.popover').length, 'popover was inserted')
66 | equals($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
67 | equals($('.popover .popover-content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted')
68 |
69 | popover.popover('hide')
70 | ok(!$('.popover').length, 'popover was removed')
71 | $('#qunit-fixture').empty()
72 | })
73 |
74 | test("should respect custom classes", function() {
75 | $.support.transition = false
76 | var popover = $('@fat')
77 | .appendTo('#qunit-fixture')
78 | .popover({
79 | title: 'Test'
80 | , content: 'Test'
81 | , template: ''
82 | })
83 |
84 | popover.popover('show')
85 |
86 | ok($('.popover').length, 'popover was inserted')
87 | ok($('.popover').hasClass('foobar'), 'custom class is present')
88 |
89 | popover.popover('hide')
90 | ok(!$('.popover').length, 'popover was removed')
91 | $('#qunit-fixture').empty()
92 | })
93 | })
--------------------------------------------------------------------------------
/demo/browser/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-fixture')
16 | , topbarHTML =''
26 | , $topbar = $(topbarHTML).scrollspy()
27 |
28 | ok($topbar.find('.active', true))
29 | })
30 |
31 | })
--------------------------------------------------------------------------------
/demo/browser/bootstrap/js/tests/unit/bootstrap-tab.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-tabs")
4 |
5 | test("should be defined on jquery object", function () {
6 | ok($(document.body).tab, 'tabs method is defined')
7 | })
8 |
9 | test("should return element", function () {
10 | ok($(document.body).tab()[0] == document.body, 'document.body returned')
11 | })
12 |
13 | test("should activate element by tab id", function () {
14 | var tabsHTML =
15 | ''
19 |
20 | $('
'})
55 | .tooltip('show')
56 |
57 | ok($('.tooltip').hasClass('some-class'), 'custom class is present')
58 | tooltip.tooltip('hide')
59 | ok(!$(".tooltip").length, 'tooltip removed')
60 | })
61 |
62 | })
--------------------------------------------------------------------------------
/demo/browser/bootstrap/js/tests/unit/bootstrap-transition.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-transition")
4 |
5 | test("should be defined on jquery support object", function () {
6 | ok($.support.transition != undefined, 'transition object is defined')
7 | })
8 |
9 | test("should provide an end object", function () {
10 | ok($.support.transition ? $.support.transition.end : true, 'end string is defined')
11 | })
12 |
13 | })
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/accordion.less:
--------------------------------------------------------------------------------
1 | // ACCORDION
2 | // ---------
3 |
4 |
5 | // Parent container
6 | .accordion {
7 | margin-bottom: @baseLineHeight;
8 | }
9 |
10 | // Group == heading + body
11 | .accordion-group {
12 | margin-bottom: 2px;
13 | border: 1px solid #e5e5e5;
14 | .border-radius(4px);
15 | }
16 | .accordion-heading {
17 | border-bottom: 0;
18 | }
19 | .accordion-heading .accordion-toggle {
20 | display: block;
21 | padding: 8px 15px;
22 | }
23 |
24 | // Inner needs the styles because you can't animate properly with any styles on the element
25 | .accordion-inner {
26 | padding: 9px 15px;
27 | border-top: 1px solid #e5e5e5;
28 | }
29 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/alerts.less:
--------------------------------------------------------------------------------
1 | // ALERT STYLES
2 | // ------------
3 |
4 | // Base alert styles
5 | .alert {
6 | padding: 8px 35px 8px 14px;
7 | margin-bottom: @baseLineHeight;
8 | text-shadow: 0 1px 0 rgba(255,255,255,.5);
9 | background-color: @warningBackground;
10 | border: 1px solid @warningBorder;
11 | .border-radius(4px);
12 | }
13 | .alert,
14 | .alert-heading {
15 | color: @warningText;
16 | }
17 |
18 | // Adjust close link position
19 | .alert .close {
20 | position: relative;
21 | top: -2px;
22 | right: -21px;
23 | line-height: 18px;
24 | }
25 |
26 | // Alternate styles
27 | // ----------------
28 |
29 | .alert-success {
30 | background-color: @successBackground;
31 | border-color: @successBorder;
32 | }
33 | .alert-success,
34 | .alert-success .alert-heading {
35 | color: @successText;
36 | }
37 | .alert-danger,
38 | .alert-error {
39 | background-color: @errorBackground;
40 | border-color: @errorBorder;
41 | }
42 | .alert-danger,
43 | .alert-error,
44 | .alert-danger .alert-heading,
45 | .alert-error .alert-heading {
46 | color: @errorText;
47 | }
48 | .alert-info {
49 | background-color: @infoBackground;
50 | border-color: @infoBorder;
51 | }
52 | .alert-info,
53 | .alert-info .alert-heading {
54 | color: @infoText;
55 | }
56 |
57 |
58 | // Block alerts
59 | // ------------------------
60 | .alert-block {
61 | padding-top: 14px;
62 | padding-bottom: 14px;
63 | }
64 | .alert-block > p,
65 | .alert-block > ul {
66 | margin-bottom: 0;
67 | }
68 | .alert-block p + p {
69 | margin-top: 5px;
70 | }
71 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/bootstrap.less:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v2.0.1
3 | *
4 | * Copyright 2012 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 | */
10 |
11 | // CSS Reset
12 | @import "reset.less";
13 |
14 | // Core variables and mixins
15 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc
16 | @import "mixins.less";
17 |
18 | // Grid system and page structure
19 | @import "scaffolding.less";
20 | @import "grid.less";
21 | @import "layouts.less";
22 |
23 | // Base CSS
24 | @import "type.less";
25 | @import "code.less";
26 | @import "forms.less";
27 | @import "tables.less";
28 |
29 | // Components: common
30 | @import "sprites.less";
31 | @import "dropdowns.less";
32 | @import "wells.less";
33 | @import "component-animations.less";
34 | @import "close.less";
35 |
36 | // Components: Buttons & Alerts
37 | @import "buttons.less";
38 | @import "button-groups.less";
39 | @import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
40 |
41 | // Components: Nav
42 | @import "navs.less";
43 | @import "navbar.less";
44 | @import "breadcrumbs.less";
45 | @import "pagination.less";
46 | @import "pager.less";
47 |
48 | // Components: Popovers
49 | @import "modals.less";
50 | @import "tooltip.less";
51 | @import "popovers.less";
52 |
53 | // Components: Misc
54 | @import "thumbnails.less";
55 | @import "labels.less";
56 | @import "progress-bars.less";
57 | @import "accordion.less";
58 | @import "carousel.less";
59 | @import "hero-unit.less";
60 |
61 | // Utility classes
62 | @import "utilities.less"; // Has to be last to override when necessary
63 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/breadcrumbs.less:
--------------------------------------------------------------------------------
1 | // BREADCRUMBS
2 | // -----------
3 |
4 | .breadcrumb {
5 | padding: 7px 14px;
6 | margin: 0 0 @baseLineHeight;
7 | #gradient > .vertical(@white, #f5f5f5);
8 | border: 1px solid #ddd;
9 | .border-radius(3px);
10 | .box-shadow(inset 0 1px 0 @white);
11 | li {
12 | display: inline-block;
13 | text-shadow: 0 1px 0 @white;
14 | }
15 | .divider {
16 | padding: 0 5px;
17 | color: @grayLight;
18 | }
19 | .active a {
20 | color: @grayDark;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/button-groups.less:
--------------------------------------------------------------------------------
1 | // BUTTON GROUPS
2 | // -------------
3 |
4 |
5 | // Make the div behave like a button
6 | .btn-group {
7 | position: relative;
8 | .clearfix(); // clears the floated buttons
9 | .ie7-restore-left-whitespace();
10 | }
11 |
12 | // Space out series of button groups
13 | .btn-group + .btn-group {
14 | margin-left: 5px;
15 | }
16 |
17 | // Optional: Group multiple button groups together for a toolbar
18 | .btn-toolbar {
19 | margin-top: @baseLineHeight / 2;
20 | margin-bottom: @baseLineHeight / 2;
21 | .btn-group {
22 | display: inline-block;
23 | .ie7-inline-block();
24 | }
25 | }
26 |
27 | // Float them, remove border radius, then re-add to first and last elements
28 | .btn-group .btn {
29 | position: relative;
30 | float: left;
31 | margin-left: -1px;
32 | .border-radius(0);
33 | }
34 | // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
35 | .btn-group .btn:first-child {
36 | margin-left: 0;
37 | -webkit-border-top-left-radius: 4px;
38 | -moz-border-radius-topleft: 4px;
39 | border-top-left-radius: 4px;
40 | -webkit-border-bottom-left-radius: 4px;
41 | -moz-border-radius-bottomleft: 4px;
42 | border-bottom-left-radius: 4px;
43 | }
44 | .btn-group .btn:last-child,
45 | .btn-group .dropdown-toggle {
46 | -webkit-border-top-right-radius: 4px;
47 | -moz-border-radius-topright: 4px;
48 | border-top-right-radius: 4px;
49 | -webkit-border-bottom-right-radius: 4px;
50 | -moz-border-radius-bottomright: 4px;
51 | border-bottom-right-radius: 4px;
52 | }
53 | // Reset corners for large buttons
54 | .btn-group .btn.large:first-child {
55 | margin-left: 0;
56 | -webkit-border-top-left-radius: 6px;
57 | -moz-border-radius-topleft: 6px;
58 | border-top-left-radius: 6px;
59 | -webkit-border-bottom-left-radius: 6px;
60 | -moz-border-radius-bottomleft: 6px;
61 | border-bottom-left-radius: 6px;
62 | }
63 | .btn-group .btn.large:last-child,
64 | .btn-group .large.dropdown-toggle {
65 | -webkit-border-top-right-radius: 6px;
66 | -moz-border-radius-topright: 6px;
67 | border-top-right-radius: 6px;
68 | -webkit-border-bottom-right-radius: 6px;
69 | -moz-border-radius-bottomright: 6px;
70 | border-bottom-right-radius: 6px;
71 | }
72 |
73 | // On hover/focus/active, bring the proper btn to front
74 | .btn-group .btn:hover,
75 | .btn-group .btn:focus,
76 | .btn-group .btn:active,
77 | .btn-group .btn.active {
78 | z-index: 2;
79 | }
80 |
81 | // On active and open, don't show outline
82 | .btn-group .dropdown-toggle:active,
83 | .btn-group.open .dropdown-toggle {
84 | outline: 0;
85 | }
86 |
87 |
88 |
89 | // Split button dropdowns
90 | // ----------------------
91 |
92 | // Give the line between buttons some depth
93 | .btn-group .dropdown-toggle {
94 | padding-left: 8px;
95 | padding-right: 8px;
96 | @shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
97 | .box-shadow(@shadow);
98 | *padding-top: 5px;
99 | *padding-bottom: 5px;
100 | }
101 |
102 | .btn-group.open {
103 | // IE7's z-index only goes to the nearest positioned ancestor, which would
104 | // make the menu appear below buttons that appeared later on the page
105 | *z-index: @zindexDropdown;
106 |
107 | // Reposition menu on open and round all corners
108 | .dropdown-menu {
109 | display: block;
110 | margin-top: 1px;
111 | .border-radius(5px);
112 | }
113 |
114 | .dropdown-toggle {
115 | background-image: none;
116 | @shadow: inset 0 1px 6px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
117 | .box-shadow(@shadow);
118 | }
119 | }
120 |
121 | // Reposition the caret
122 | .btn .caret {
123 | margin-top: 7px;
124 | margin-left: 0;
125 | }
126 | .btn:hover .caret,
127 | .open.btn-group .caret {
128 | .opacity(100);
129 | }
130 |
131 |
132 | // Account for other colors
133 | .btn-primary,
134 | .btn-danger,
135 | .btn-info,
136 | .btn-success,
137 | .btn-inverse {
138 | .caret {
139 | border-top-color: @white;
140 | .opacity(75);
141 | }
142 | }
143 |
144 | // Small button dropdowns
145 | .btn-small .caret {
146 | margin-top: 4px;
147 | }
148 |
149 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/carousel.less:
--------------------------------------------------------------------------------
1 | // CAROUSEL
2 | // --------
3 |
4 | .carousel {
5 | position: relative;
6 | margin-bottom: @baseLineHeight;
7 | line-height: 1;
8 | }
9 |
10 | .carousel-inner {
11 | overflow: hidden;
12 | width: 100%;
13 | position: relative;
14 | }
15 |
16 | .carousel {
17 |
18 | .item {
19 | display: none;
20 | position: relative;
21 | .transition(.6s ease-in-out left);
22 | }
23 |
24 | // Account for jankitude on images
25 | .item > img {
26 | display: block;
27 | line-height: 1;
28 | }
29 |
30 | .active,
31 | .next,
32 | .prev { display: block; }
33 |
34 | .active {
35 | left: 0;
36 | }
37 |
38 | .next,
39 | .prev {
40 | position: absolute;
41 | top: 0;
42 | width: 100%;
43 | }
44 |
45 | .next {
46 | left: 100%;
47 | }
48 | .prev {
49 | left: -100%;
50 | }
51 | .next.left,
52 | .prev.right {
53 | left: 0;
54 | }
55 |
56 | .active.left {
57 | left: -100%;
58 | }
59 | .active.right {
60 | left: 100%;
61 | }
62 |
63 | }
64 |
65 | // Left/right controls for nav
66 | // ---------------------------
67 |
68 | .carousel-control {
69 | position: absolute;
70 | top: 40%;
71 | left: 15px;
72 | width: 40px;
73 | height: 40px;
74 | margin-top: -20px;
75 | font-size: 60px;
76 | font-weight: 100;
77 | line-height: 30px;
78 | color: @white;
79 | text-align: center;
80 | background: @grayDarker;
81 | border: 3px solid @white;
82 | .border-radius(23px);
83 | .opacity(50);
84 |
85 | // we can't have this transition here
86 | // because webkit cancels the carousel
87 | // animation if you trip this while
88 | // in the middle of another animation
89 | // ;_;
90 | // .transition(opacity .2s linear);
91 |
92 | // Reposition the right one
93 | &.right {
94 | left: auto;
95 | right: 15px;
96 | }
97 |
98 | // Hover state
99 | &:hover {
100 | color: @white;
101 | text-decoration: none;
102 | .opacity(90);
103 | }
104 | }
105 |
106 | // Caption for text below images
107 | // -----------------------------
108 |
109 | .carousel-caption {
110 | position: absolute;
111 | left: 0;
112 | right: 0;
113 | bottom: 0;
114 | padding: 10px 15px 5px;
115 | background: @grayDark;
116 | background: rgba(0,0,0,.75);
117 | }
118 | .carousel-caption h4,
119 | .carousel-caption p {
120 | color: @white;
121 | }
122 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/close.less:
--------------------------------------------------------------------------------
1 | // CLOSE ICONS
2 | // -----------
3 |
4 | .close {
5 | float: right;
6 | font-size: 20px;
7 | font-weight: bold;
8 | line-height: @baseLineHeight;
9 | color: @black;
10 | text-shadow: 0 1px 0 rgba(255,255,255,1);
11 | .opacity(20);
12 | &:hover {
13 | color: @black;
14 | text-decoration: none;
15 | .opacity(40);
16 | cursor: pointer;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/code.less:
--------------------------------------------------------------------------------
1 | // Code.less
2 | // Code typography styles for the
and elements
3 | // --------------------------------------------------------
4 |
5 | // Inline and block code styles
6 | code,
7 | pre {
8 | padding: 0 3px 2px;
9 | #font > #family > .monospace;
10 | font-size: @baseFontSize - 1;
11 | color: @grayDark;
12 | .border-radius(3px);
13 | }
14 |
15 | // Inline code
16 | code {
17 | padding: 3px 4px;
18 | color: #d14;
19 | background-color: #f7f7f9;
20 | border: 1px solid #e1e1e8;
21 | }
22 |
23 | // Blocks of code
24 | pre {
25 | display: block;
26 | padding: (@baseLineHeight - 1) / 2;
27 | margin: 0 0 @baseLineHeight / 2;
28 | font-size: 12px;
29 | line-height: @baseLineHeight;
30 | background-color: #f5f5f5;
31 | border: 1px solid #ccc; // fallback for IE7-8
32 | border: 1px solid rgba(0,0,0,.15);
33 | .border-radius(4px);
34 | white-space: pre;
35 | white-space: pre-wrap;
36 | word-break: break-all;
37 | word-wrap: break-word;
38 |
39 | // Make prettyprint styles more spaced out for readability
40 | &.prettyprint {
41 | margin-bottom: @baseLineHeight;
42 | }
43 |
44 | // Account for some code outputs that place code tags in pre tags
45 | code {
46 | padding: 0;
47 | color: inherit;
48 | background-color: transparent;
49 | border: 0;
50 | }
51 | }
52 |
53 | // Enable scrollable blocks of code
54 | .pre-scrollable {
55 | max-height: 340px;
56 | overflow-y: scroll;
57 | }
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/component-animations.less:
--------------------------------------------------------------------------------
1 | // COMPONENT ANIMATIONS
2 | // --------------------
3 |
4 | .fade {
5 | .transition(opacity .15s linear);
6 | opacity: 0;
7 | &.in {
8 | opacity: 1;
9 | }
10 | }
11 |
12 | .collapse {
13 | .transition(height .35s ease);
14 | position:relative;
15 | overflow:hidden;
16 | height: 0;
17 | &.in { height: auto; }
18 | }
19 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/dropdowns.less:
--------------------------------------------------------------------------------
1 | // DROPDOWN MENUS
2 | // --------------
3 |
4 | // Use the .menu class on any element within the topbar or ul.tabs and you'll get some superfancy dropdowns
5 | .dropdown {
6 | position: relative;
7 | }
8 | .dropdown-toggle {
9 | // The caret makes the toggle a bit too tall in IE7
10 | *margin-bottom: -3px;
11 | }
12 | .dropdown-toggle:active,
13 | .open .dropdown-toggle {
14 | outline: 0;
15 | }
16 | // Dropdown arrow/caret
17 | .caret {
18 | display: inline-block;
19 | width: 0;
20 | height: 0;
21 | text-indent: -99999px;
22 | // IE7 won't do the border trick if there's a text indent, but it doesn't
23 | // do the content that text-indent is hiding, either, so we're ok.
24 | *text-indent: 0;
25 | vertical-align: top;
26 | border-left: 4px solid transparent;
27 | border-right: 4px solid transparent;
28 | border-top: 4px solid @black;
29 | .opacity(30);
30 | content: "\2193";
31 | }
32 | .dropdown .caret {
33 | margin-top: 8px;
34 | margin-left: 2px;
35 | }
36 | .dropdown:hover .caret,
37 | .open.dropdown .caret {
38 | .opacity(100);
39 | }
40 | // The dropdown menu (ul)
41 | .dropdown-menu {
42 | position: absolute;
43 | top: 100%;
44 | left: 0;
45 | z-index: @zindexDropdown;
46 | float: left;
47 | display: none; // none by default, but block on "open" of the menu
48 | min-width: 160px;
49 | _width: 160px;
50 | padding: 4px 0;
51 | margin: 0; // override default ul
52 | list-style: none;
53 | background-color: @white;
54 | border-color: #ccc;
55 | border-color: rgba(0,0,0,.2);
56 | border-style: solid;
57 | border-width: 1px;
58 | .border-radius(0 0 5px 5px);
59 | .box-shadow(0 5px 10px rgba(0,0,0,.2));
60 | -webkit-background-clip: padding-box;
61 | -moz-background-clip: padding;
62 | background-clip: padding-box;
63 | *border-right-width: 2px;
64 | *border-bottom-width: 2px;
65 |
66 | // Allow for dropdowns to go bottom up (aka, dropup-menu)
67 | &.bottom-up {
68 | top: auto;
69 | bottom: 100%;
70 | margin-bottom: 2px;
71 | }
72 |
73 | // Dividers (basically an hr) within the dropdown
74 | .divider {
75 | height: 1px;
76 | margin: 5px 1px;
77 | overflow: hidden;
78 | background-color: #e5e5e5;
79 | border-bottom: 1px solid @white;
80 |
81 | // IE7 needs a set width since we gave a height. Restricting just
82 | // to IE7 to keep the 1px left/right space in other browsers.
83 | // It is unclear where IE is getting the extra space that we need
84 | // to negative-margin away, but so it goes.
85 | *width: 100%;
86 | *margin: -5px 0 5px;
87 | }
88 |
89 | // Links within the dropdown menu
90 | a {
91 | display: block;
92 | padding: 3px 15px;
93 | clear: both;
94 | font-weight: normal;
95 | line-height: @baseLineHeight;
96 | color: @gray;
97 | white-space: nowrap;
98 | }
99 | }
100 |
101 | // Hover state
102 | .dropdown-menu li > a:hover,
103 | .dropdown-menu .active > a,
104 | .dropdown-menu .active > a:hover {
105 | color: @white;
106 | text-decoration: none;
107 | background-color: @linkColor;
108 | }
109 |
110 | // Open state for the dropdown
111 | .dropdown.open {
112 | // IE7's z-index only goes to the nearest positioned ancestor, which would
113 | // make the menu appear below buttons that appeared later on the page
114 | *z-index: @zindexDropdown;
115 |
116 | .dropdown-toggle {
117 | color: @white;
118 | background: #ccc;
119 | background: rgba(0,0,0,.3);
120 | }
121 | .dropdown-menu {
122 | display: block;
123 | }
124 | }
125 |
126 | // Typeahead
127 | .typeahead {
128 | margin-top: 2px; // give it some space to breathe
129 | .border-radius(4px);
130 | }
131 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/grid.less:
--------------------------------------------------------------------------------
1 | // GRID SYSTEM
2 | // -----------
3 |
4 | // Fixed (940px)
5 | #gridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
6 |
7 | // Fluid (940px)
8 | #fluidGridSystem > .generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth);
9 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/hero-unit.less:
--------------------------------------------------------------------------------
1 | // HERO UNIT
2 | // ---------
3 |
4 | .hero-unit {
5 | padding: 60px;
6 | margin-bottom: 30px;
7 | background-color: #f5f5f5;
8 | .border-radius(6px);
9 | h1 {
10 | margin-bottom: 0;
11 | font-size: 60px;
12 | line-height: 1;
13 | letter-spacing: -1px;
14 | }
15 | p {
16 | font-size: 18px;
17 | font-weight: 200;
18 | line-height: @baseLineHeight * 1.5;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/labels.less:
--------------------------------------------------------------------------------
1 | // LABELS
2 | // ------
3 |
4 | // Base
5 | .label {
6 | padding: 2px 4px 3px;
7 | font-size: @baseFontSize * .85;
8 | font-weight: bold;
9 | color: @white;
10 | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
11 | background-color: @grayLight;
12 | .border-radius(3px);
13 | }
14 |
15 | // Hover state
16 | .label:hover {
17 | color: @white;
18 | text-decoration: none;
19 | }
20 |
21 | // Colors
22 | .label-important { background-color: @errorText; }
23 | .label-important:hover { background-color: darken(@errorText, 10%); }
24 |
25 | .label-warning { background-color: @orange; }
26 | .label-warning:hover { background-color: darken(@orange, 10%); }
27 |
28 | .label-success { background-color: @successText; }
29 | .label-success:hover { background-color: darken(@successText, 10%); }
30 |
31 | .label-info { background-color: @infoText; }
32 | .label-info:hover { background-color: darken(@infoText, 10%); }
33 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/layouts.less:
--------------------------------------------------------------------------------
1 | //
2 | // Layouts
3 | // Fixed-width and fluid (with sidebar) layouts
4 | // --------------------------------------------
5 |
6 |
7 | // Container (centered, fixed-width layouts)
8 | .container {
9 | .container-fixed();
10 | }
11 |
12 | // Fluid layouts (left aligned, with sidebar, min- & max-width content)
13 | .container-fluid {
14 | padding-left: @gridGutterWidth;
15 | padding-right: @gridGutterWidth;
16 | .clearfix();
17 | }
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/modals.less:
--------------------------------------------------------------------------------
1 | // MODALS
2 | // ------
3 |
4 | // Recalculate z-index where appropriate
5 | .modal-open {
6 | .dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
7 | .dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
8 | .popover { z-index: @zindexPopover + @zindexModal; }
9 | .tooltip { z-index: @zindexTooltip + @zindexModal; }
10 | }
11 |
12 | // Background
13 | .modal-backdrop {
14 | position: fixed;
15 | top: 0;
16 | right: 0;
17 | bottom: 0;
18 | left: 0;
19 | z-index: @zindexModalBackdrop;
20 | background-color: @black;
21 | // Fade for backdrop
22 | &.fade { opacity: 0; }
23 | }
24 |
25 | .modal-backdrop,
26 | .modal-backdrop.fade.in {
27 | .opacity(80);
28 | }
29 |
30 | // Base modal
31 | .modal {
32 | position: fixed;
33 | top: 50%;
34 | left: 50%;
35 | z-index: @zindexModal;
36 | max-height: 500px;
37 | overflow: auto;
38 | width: 560px;
39 | margin: -250px 0 0 -280px;
40 | background-color: @white;
41 | border: 1px solid #999;
42 | border: 1px solid rgba(0,0,0,.3);
43 | *border: 1px solid #999; /* IE6-7 */
44 | .border-radius(6px);
45 | .box-shadow(0 3px 7px rgba(0,0,0,0.3));
46 | .background-clip(padding-box);
47 | &.fade {
48 | .transition(e('opacity .3s linear, top .3s ease-out'));
49 | top: -25%;
50 | }
51 | &.fade.in { top: 50%; }
52 | }
53 | .modal-header {
54 | padding: 9px 15px;
55 | border-bottom: 1px solid #eee;
56 | // Close icon
57 | .close { margin-top: 2px; }
58 | }
59 |
60 | // Body (where all modal content resises)
61 | .modal-body {
62 | padding: 15px;
63 | }
64 | // Remove bottom margin if need be
65 | .modal-body .modal-form {
66 | margin-bottom: 0;
67 | }
68 |
69 | // Footer (for actions)
70 | .modal-footer {
71 | padding: 14px 15px 15px;
72 | margin-bottom: 0;
73 | background-color: #f5f5f5;
74 | border-top: 1px solid #ddd;
75 | .border-radius(0 0 6px 6px);
76 | .box-shadow(inset 0 1px 0 @white);
77 | .clearfix();
78 | .btn {
79 | float: right;
80 | margin-left: 5px;
81 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
82 | }
83 | }
84 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/pager.less:
--------------------------------------------------------------------------------
1 | // PAGER
2 | // -----
3 |
4 | .pager {
5 | margin-left: 0;
6 | margin-bottom: @baseLineHeight;
7 | list-style: none;
8 | text-align: center;
9 | .clearfix();
10 | }
11 | .pager li {
12 | display: inline;
13 | }
14 | .pager a {
15 | display: inline-block;
16 | padding: 5px 14px;
17 | background-color: #fff;
18 | border: 1px solid #ddd;
19 | .border-radius(15px);
20 | }
21 | .pager a:hover {
22 | text-decoration: none;
23 | background-color: #f5f5f5;
24 | }
25 | .pager .next a {
26 | float: right;
27 | }
28 | .pager .previous a {
29 | float: left;
30 | }
31 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/pagination.less:
--------------------------------------------------------------------------------
1 | // PAGINATION
2 | // ----------
3 |
4 | .pagination {
5 | height: @baseLineHeight * 2;
6 | margin: @baseLineHeight 0;
7 | }
8 | .pagination ul {
9 | display: inline-block;
10 | .ie7-inline-block();
11 | margin-left: 0;
12 | margin-bottom: 0;
13 | .border-radius(3px);
14 | .box-shadow(0 1px 2px rgba(0,0,0,.05));
15 | }
16 | .pagination li {
17 | display: inline;
18 | }
19 | .pagination a {
20 | float: left;
21 | padding: 0 14px;
22 | line-height: (@baseLineHeight * 2) - 2;
23 | text-decoration: none;
24 | border: 1px solid #ddd;
25 | border-left-width: 0;
26 | }
27 | .pagination a:hover,
28 | .pagination .active a {
29 | background-color: #f5f5f5;
30 | }
31 | .pagination .active a {
32 | color: @grayLight;
33 | cursor: default;
34 | }
35 | .pagination .disabled a,
36 | .pagination .disabled a:hover {
37 | color: @grayLight;
38 | background-color: transparent;
39 | cursor: default;
40 | }
41 | .pagination li:first-child a {
42 | border-left-width: 1px;
43 | .border-radius(3px 0 0 3px);
44 | }
45 | .pagination li:last-child a {
46 | .border-radius(0 3px 3px 0);
47 | }
48 |
49 | // Centered
50 | .pagination-centered {
51 | text-align: center;
52 | }
53 | .pagination-right {
54 | text-align: right;
55 | }
56 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/popovers.less:
--------------------------------------------------------------------------------
1 | // POPOVERS
2 | // --------
3 |
4 | .popover {
5 | position: absolute;
6 | top: 0;
7 | left: 0;
8 | z-index: @zindexPopover;
9 | display: none;
10 | padding: 5px;
11 | &.top { margin-top: -5px; }
12 | &.right { margin-left: 5px; }
13 | &.bottom { margin-top: 5px; }
14 | &.left { margin-left: -5px; }
15 | &.top .arrow { #popoverArrow > .top(); }
16 | &.right .arrow { #popoverArrow > .right(); }
17 | &.bottom .arrow { #popoverArrow > .bottom(); }
18 | &.left .arrow { #popoverArrow > .left(); }
19 | .arrow {
20 | position: absolute;
21 | width: 0;
22 | height: 0;
23 | }
24 | }
25 | .popover-inner {
26 | padding: 3px;
27 | width: 280px;
28 | overflow: hidden;
29 | background: @black; // has to be full background declaration for IE fallback
30 | background: rgba(0,0,0,.8);
31 | .border-radius(6px);
32 | .box-shadow(0 3px 7px rgba(0,0,0,0.3));
33 | }
34 | .popover-title {
35 | padding: 9px 15px;
36 | line-height: 1;
37 | background-color: #f5f5f5;
38 | border-bottom:1px solid #eee;
39 | .border-radius(3px 3px 0 0);
40 | }
41 | .popover-content {
42 | padding: 14px;
43 | background-color: @white;
44 | .border-radius(0 0 3px 3px);
45 | .background-clip(padding-box);
46 | p, ul, ol {
47 | margin-bottom: 0;
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/progress-bars.less:
--------------------------------------------------------------------------------
1 | // PROGRESS BARS
2 | // -------------
3 |
4 |
5 | // ANIMATIONS
6 | // ----------
7 |
8 | // Webkit
9 | @-webkit-keyframes progress-bar-stripes {
10 | from { background-position: 0 0; }
11 | to { background-position: 40px 0; }
12 | }
13 |
14 | // Firefox
15 | @-moz-keyframes progress-bar-stripes {
16 | from { background-position: 0 0; }
17 | to { background-position: 40px 0; }
18 | }
19 |
20 | // Spec
21 | @keyframes progress-bar-stripes {
22 | from { background-position: 0 0; }
23 | to { background-position: 40px 0; }
24 | }
25 |
26 |
27 |
28 | // THE BARS
29 | // --------
30 |
31 | // Outer container
32 | .progress {
33 | overflow: hidden;
34 | height: 18px;
35 | margin-bottom: 18px;
36 | #gradient > .vertical(#f5f5f5, #f9f9f9);
37 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
38 | .border-radius(4px);
39 | }
40 |
41 | // Bar of progress
42 | .progress .bar {
43 | width: 0%;
44 | height: 18px;
45 | color: @white;
46 | font-size: 12px;
47 | text-align: center;
48 | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
49 | #gradient > .vertical(#149bdf, #0480be);
50 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
51 | .box-sizing(border-box);
52 | .transition(width .6s ease);
53 | }
54 |
55 | // Striped bars
56 | .progress-striped .bar {
57 | #gradient > .striped(#62c462);
58 | .background-size(40px 40px);
59 | }
60 |
61 | // Call animation for the active one
62 | .progress.active .bar {
63 | -webkit-animation: progress-bar-stripes 2s linear infinite;
64 | -moz-animation: progress-bar-stripes 2s linear infinite;
65 | animation: progress-bar-stripes 2s linear infinite;
66 | }
67 |
68 |
69 |
70 | // COLORS
71 | // ------
72 |
73 | // Danger (red)
74 | .progress-danger .bar {
75 | #gradient > .vertical(#ee5f5b, #c43c35);
76 | }
77 | .progress-danger.progress-striped .bar {
78 | #gradient > .striped(#ee5f5b);
79 | }
80 |
81 | // Success (green)
82 | .progress-success .bar {
83 | #gradient > .vertical(#62c462, #57a957);
84 | }
85 | .progress-success.progress-striped .bar {
86 | #gradient > .striped(#62c462);
87 | }
88 |
89 | // Info (teal)
90 | .progress-info .bar {
91 | #gradient > .vertical(#5bc0de, #339bb9);
92 | }
93 | .progress-info.progress-striped .bar {
94 | #gradient > .striped(#5bc0de);
95 | }
96 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/reset.less:
--------------------------------------------------------------------------------
1 | // Reset.less
2 | // Adapted from Normalize.css http://github.com/necolas/normalize.css
3 | // ------------------------------------------------------------------------
4 |
5 | // Display in IE6-9 and FF3
6 | // -------------------------
7 |
8 | article,
9 | aside,
10 | details,
11 | figcaption,
12 | figure,
13 | footer,
14 | header,
15 | hgroup,
16 | nav,
17 | section {
18 | display: block;
19 | }
20 |
21 | // Display block in IE6-9 and FF3
22 | // -------------------------
23 |
24 | audio,
25 | canvas,
26 | video {
27 | display: inline-block;
28 | *display: inline;
29 | *zoom: 1;
30 | }
31 |
32 | // Prevents modern browsers from displaying 'audio' without controls
33 | // -------------------------
34 |
35 | audio:not([controls]) {
36 | display: none;
37 | }
38 |
39 | // Base settings
40 | // -------------------------
41 |
42 | html {
43 | font-size: 100%;
44 | -webkit-text-size-adjust: 100%;
45 | -ms-text-size-adjust: 100%;
46 | }
47 | // Focus states
48 | a:focus {
49 | .tab-focus();
50 | }
51 | // Hover & Active
52 | a:hover,
53 | a:active {
54 | outline: 0;
55 | }
56 |
57 | // Prevents sub and sup affecting line-height in all browsers
58 | // -------------------------
59 |
60 | sub,
61 | sup {
62 | position: relative;
63 | font-size: 75%;
64 | line-height: 0;
65 | vertical-align: baseline;
66 | }
67 | sup {
68 | top: -0.5em;
69 | }
70 | sub {
71 | bottom: -0.25em;
72 | }
73 |
74 | // Img border in a's and image quality
75 | // -------------------------
76 |
77 | img {
78 | max-width: 100%;
79 | height: auto;
80 | border: 0;
81 | -ms-interpolation-mode: bicubic;
82 | }
83 |
84 | // Forms
85 | // -------------------------
86 |
87 | // Font size in all browsers, margin changes, misc consistency
88 | button,
89 | input,
90 | select,
91 | textarea {
92 | margin: 0;
93 | font-size: 100%;
94 | vertical-align: middle;
95 | }
96 | button,
97 | input {
98 | *overflow: visible; // Inner spacing ie IE6/7
99 | line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
100 | }
101 | button::-moz-focus-inner,
102 | input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
103 | padding: 0;
104 | border: 0;
105 | }
106 | button,
107 | input[type="button"],
108 | input[type="reset"],
109 | input[type="submit"] {
110 | cursor: pointer; // Cursors on all buttons applied consistently
111 | -webkit-appearance: button; // Style clickable inputs in iOS
112 | }
113 | input[type="search"] { // Appearance in Safari/Chrome
114 | -webkit-appearance: textfield;
115 | -webkit-box-sizing: content-box;
116 | -moz-box-sizing: content-box;
117 | box-sizing: content-box;
118 | }
119 | input[type="search"]::-webkit-search-decoration,
120 | input[type="search"]::-webkit-search-cancel-button {
121 | -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
122 | }
123 | textarea {
124 | overflow: auto; // Remove vertical scrollbar in IE6-9
125 | vertical-align: top; // Readability and alignment cross-browser
126 | }
127 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/scaffolding.less:
--------------------------------------------------------------------------------
1 | // Scaffolding
2 | // Basic and global styles for generating a grid system, structural layout, and page templates
3 | // -------------------------------------------------------------------------------------------
4 |
5 |
6 | // STRUCTURAL LAYOUT
7 | // -----------------
8 |
9 | body {
10 | margin: 0;
11 | font-family: @baseFontFamily;
12 | font-size: @baseFontSize;
13 | line-height: @baseLineHeight;
14 | color: @textColor;
15 | background-color: @white;
16 | }
17 |
18 |
19 | // LINKS
20 | // -----
21 |
22 | a {
23 | color: @linkColor;
24 | text-decoration: none;
25 | }
26 | a:hover {
27 | color: @linkColorHover;
28 | text-decoration: underline;
29 | }
30 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/tables.less:
--------------------------------------------------------------------------------
1 | //
2 | // Tables.less
3 | // Tables for, you guessed it, tabular data
4 | // ----------------------------------------
5 |
6 |
7 | // BASE TABLES
8 | // -----------------
9 |
10 | table {
11 | max-width: 100%;
12 | border-collapse: collapse;
13 | border-spacing: 0;
14 | }
15 |
16 | // BASELINE STYLES
17 | // ---------------
18 |
19 | .table {
20 | width: 100%;
21 | margin-bottom: @baseLineHeight;
22 | // Cells
23 | th,
24 | td {
25 | padding: 8px;
26 | line-height: @baseLineHeight;
27 | text-align: left;
28 | vertical-align: top;
29 | border-top: 1px solid #ddd;
30 | }
31 | th {
32 | font-weight: bold;
33 | }
34 | // Bottom align for column headings
35 | thead th {
36 | vertical-align: bottom;
37 | }
38 | // Remove top border from thead by default
39 | thead:first-child tr th,
40 | thead:first-child tr td {
41 | border-top: 0;
42 | }
43 | // Account for multiple tbody instances
44 | tbody + tbody {
45 | border-top: 2px solid #ddd;
46 | }
47 | }
48 |
49 |
50 |
51 | // CONDENSED TABLE W/ HALF PADDING
52 | // -------------------------------
53 |
54 | .table-condensed {
55 | th,
56 | td {
57 | padding: 4px 5px;
58 | }
59 | }
60 |
61 |
62 | // BORDERED VERSION
63 | // ----------------
64 |
65 | .table-bordered {
66 | border: 1px solid #ddd;
67 | border-collapse: separate; // Done so we can round those corners!
68 | *border-collapse: collapsed; // IE7 can't round corners anyway
69 | .border-radius(4px);
70 | th + th,
71 | td + td,
72 | th + td,
73 | td + th {
74 | border-left: 1px solid #ddd;
75 | }
76 | // Prevent a double border
77 | thead:first-child tr:first-child th,
78 | tbody:first-child tr:first-child th,
79 | tbody:first-child tr:first-child td {
80 | border-top: 0;
81 | }
82 | // For first th or td in the first row in the first thead or tbody
83 | thead:first-child tr:first-child th:first-child,
84 | tbody:first-child tr:first-child td:first-child {
85 | .border-radius(4px 0 0 0);
86 | }
87 | thead:first-child tr:first-child th:last-child,
88 | tbody:first-child tr:first-child td:last-child {
89 | .border-radius(0 4px 0 0);
90 | }
91 | // For first th or td in the first row in the first thead or tbody
92 | thead:last-child tr:last-child th:first-child,
93 | tbody:last-child tr:last-child td:first-child {
94 | .border-radius(0 0 0 4px);
95 | }
96 | thead:last-child tr:last-child th:last-child,
97 | tbody:last-child tr:last-child td:last-child {
98 | .border-radius(0 0 4px 0);
99 | }
100 | }
101 |
102 |
103 | // ZEBRA-STRIPING
104 | // --------------
105 |
106 | // Default zebra-stripe styles (alternating gray and transparent backgrounds)
107 | .table-striped {
108 | tbody {
109 | tr:nth-child(odd) td,
110 | tr:nth-child(odd) th {
111 | background-color: #f9f9f9;
112 | }
113 | }
114 | }
115 |
116 |
117 | // HOVER EFFECT
118 | // ------------
119 | // Placed here since it has to come after the potential zebra striping
120 | .table {
121 | tbody tr:hover td,
122 | tbody tr:hover th {
123 | background-color: #f5f5f5;
124 | }
125 | }
126 |
127 |
128 | // TABLE CELL SIZING
129 | // -----------------
130 |
131 | // Change the columns
132 | .tableColumns(@columnSpan: 1) {
133 | float: none;
134 | width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
135 | margin-left: 0;
136 | }
137 | table {
138 | .span1 { .tableColumns(1); }
139 | .span2 { .tableColumns(2); }
140 | .span3 { .tableColumns(3); }
141 | .span4 { .tableColumns(4); }
142 | .span5 { .tableColumns(5); }
143 | .span6 { .tableColumns(6); }
144 | .span7 { .tableColumns(7); }
145 | .span8 { .tableColumns(8); }
146 | .span9 { .tableColumns(9); }
147 | .span10 { .tableColumns(10); }
148 | .span11 { .tableColumns(11); }
149 | .span12 { .tableColumns(12); }
150 | }
151 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/thumbnails.less:
--------------------------------------------------------------------------------
1 | // THUMBNAILS
2 | // ----------
3 |
4 | .thumbnails {
5 | margin-left: -@gridGutterWidth;
6 | list-style: none;
7 | .clearfix();
8 | }
9 | .thumbnails > li {
10 | float: left;
11 | margin: 0 0 @baseLineHeight @gridGutterWidth;
12 | }
13 | .thumbnail {
14 | display: block;
15 | padding: 4px;
16 | line-height: 1;
17 | border: 1px solid #ddd;
18 | .border-radius(4px);
19 | .box-shadow(0 1px 1px rgba(0,0,0,.075));
20 | }
21 | // Add a hover state for linked versions only
22 | a.thumbnail:hover {
23 | border-color: @linkColor;
24 | .box-shadow(0 1px 4px rgba(0,105,214,.25));
25 | }
26 | // Images and captions
27 | .thumbnail > img {
28 | display: block;
29 | max-width: 100%;
30 | margin-left: auto;
31 | margin-right: auto;
32 | }
33 | .thumbnail .caption {
34 | padding: 9px;
35 | }
36 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/tooltip.less:
--------------------------------------------------------------------------------
1 | // TOOLTIP
2 | // ------=
3 |
4 | .tooltip {
5 | position: absolute;
6 | z-index: @zindexTooltip;
7 | display: block;
8 | visibility: visible;
9 | padding: 5px;
10 | font-size: 11px;
11 | .opacity(0);
12 | &.in { .opacity(80); }
13 | &.top { margin-top: -2px; }
14 | &.right { margin-left: 2px; }
15 | &.bottom { margin-top: 2px; }
16 | &.left { margin-left: -2px; }
17 | &.top .tooltip-arrow { #popoverArrow > .top(); }
18 | &.left .tooltip-arrow { #popoverArrow > .left(); }
19 | &.bottom .tooltip-arrow { #popoverArrow > .bottom(); }
20 | &.right .tooltip-arrow { #popoverArrow > .right(); }
21 | }
22 | .tooltip-inner {
23 | max-width: 200px;
24 | padding: 3px 8px;
25 | color: @white;
26 | text-align: center;
27 | text-decoration: none;
28 | background-color: @black;
29 | .border-radius(4px);
30 | }
31 | .tooltip-arrow {
32 | position: absolute;
33 | width: 0;
34 | height: 0;
35 | }
36 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/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 | margin: 0 0 @baseLineHeight / 2;
11 | font-family: @baseFontFamily;
12 | font-size: @baseFontSize;
13 | line-height: @baseLineHeight;
14 | small {
15 | font-size: @baseFontSize - 2;
16 | color: @grayLight;
17 | }
18 | }
19 | .lead {
20 | margin-bottom: @baseLineHeight;
21 | font-size: 20px;
22 | font-weight: 200;
23 | line-height: @baseLineHeight * 1.5;
24 | }
25 |
26 | // HEADINGS
27 | // --------
28 |
29 | h1, h2, h3, h4, h5, h6 {
30 | margin: 0;
31 | font-weight: bold;
32 | color: @grayDark;
33 | text-rendering: optimizelegibility; // Fix the character spacing for headings
34 | small {
35 | font-weight: normal;
36 | color: @grayLight;
37 | }
38 | }
39 | h1 {
40 | font-size: 30px;
41 | line-height: @baseLineHeight * 2;
42 | small {
43 | font-size: 18px;
44 | }
45 | }
46 | h2 {
47 | font-size: 24px;
48 | line-height: @baseLineHeight * 2;
49 | small {
50 | font-size: 18px;
51 | }
52 | }
53 | h3 {
54 | line-height: @baseLineHeight * 1.5;
55 | font-size: 18px;
56 | small {
57 | font-size: 14px;
58 | }
59 | }
60 | h4, h5, h6 {
61 | line-height: @baseLineHeight;
62 | }
63 | h4 {
64 | font-size: 14px;
65 | small {
66 | font-size: 12px;
67 | }
68 | }
69 | h5 {
70 | font-size: 12px;
71 | }
72 | h6 {
73 | font-size: 11px;
74 | color: @grayLight;
75 | text-transform: uppercase;
76 | }
77 |
78 | // Page header
79 | .page-header {
80 | padding-bottom: @baseLineHeight - 1;
81 | margin: @baseLineHeight 0;
82 | border-bottom: 1px solid @grayLighter;
83 | }
84 | .page-header h1 {
85 | line-height: 1;
86 | }
87 |
88 |
89 |
90 | // LISTS
91 | // -----
92 |
93 | // Unordered and Ordered lists
94 | ul, ol {
95 | padding: 0;
96 | margin: 0 0 @baseLineHeight / 2 25px;
97 | }
98 | ul ul,
99 | ul ol,
100 | ol ol,
101 | ol ul {
102 | margin-bottom: 0;
103 | }
104 | ul {
105 | list-style: disc;
106 | }
107 | ol {
108 | list-style: decimal;
109 | }
110 | li {
111 | line-height: @baseLineHeight;
112 | }
113 | ul.unstyled,
114 | ol.unstyled {
115 | margin-left: 0;
116 | list-style: none;
117 | }
118 |
119 | // Description Lists
120 | dl {
121 | margin-bottom: @baseLineHeight;
122 | }
123 | dt,
124 | dd {
125 | line-height: @baseLineHeight;
126 | }
127 | dt {
128 | font-weight: bold;
129 | }
130 | dd {
131 | margin-left: @baseLineHeight / 2;
132 | }
133 |
134 | // MISC
135 | // ----
136 |
137 | // Horizontal rules
138 | hr {
139 | margin: @baseLineHeight 0;
140 | border: 0;
141 | border-top: 1px solid @hrBorder;
142 | border-bottom: 1px solid @white;
143 | }
144 |
145 | // Emphasis
146 | strong {
147 | font-weight: bold;
148 | }
149 | em {
150 | font-style: italic;
151 | }
152 | .muted {
153 | color: @grayLight;
154 | }
155 |
156 | // Abbreviations and acronyms
157 | abbr {
158 | font-size: 90%;
159 | text-transform: uppercase;
160 | border-bottom: 1px dotted #ddd;
161 | cursor: help;
162 | }
163 |
164 | // Blockquotes
165 | blockquote {
166 | padding: 0 0 0 15px;
167 | margin: 0 0 @baseLineHeight;
168 | border-left: 5px solid @grayLighter;
169 | p {
170 | margin-bottom: 0;
171 | #font > .shorthand(16px,300,@baseLineHeight * 1.25);
172 | }
173 | small {
174 | display: block;
175 | line-height: @baseLineHeight;
176 | color: @grayLight;
177 | &:before {
178 | content: '\2014 \00A0';
179 | }
180 | }
181 |
182 | // Float right with text-align: right
183 | &.pull-right {
184 | float: right;
185 | padding-left: 0;
186 | padding-right: 15px;
187 | border-left: 0;
188 | border-right: 5px solid @grayLighter;
189 | p,
190 | small {
191 | text-align: right;
192 | }
193 | }
194 | }
195 |
196 | // Quotes
197 | q:before,
198 | q:after,
199 | blockquote:before,
200 | blockquote:after {
201 | content: "";
202 | }
203 |
204 | // Addresses
205 | address {
206 | display: block;
207 | margin-bottom: @baseLineHeight;
208 | line-height: @baseLineHeight;
209 | font-style: normal;
210 | }
211 |
212 | // Misc
213 | small {
214 | font-size: 100%;
215 | }
216 | cite {
217 | font-style: normal;
218 | }
219 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/utilities.less:
--------------------------------------------------------------------------------
1 | // UTILITY CLASSES
2 | // ---------------
3 |
4 | // Quick floats
5 | .pull-right {
6 | float: right;
7 | }
8 | .pull-left {
9 | float: left;
10 | }
11 |
12 | // Toggling content
13 | .hide {
14 | display: none;
15 | }
16 | .show {
17 | display: block;
18 | }
19 |
20 | // Visibility
21 | .invisible {
22 | visibility: hidden;
23 | }
24 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/variables.less:
--------------------------------------------------------------------------------
1 | // Variables.less
2 | // Variables to customize the look and feel of Bootstrap
3 | // -----------------------------------------------------
4 |
5 |
6 |
7 | // GLOBAL VALUES
8 | // --------------------------------------------------
9 |
10 | // Links
11 | @linkColor: #08c;
12 | @linkColorHover: darken(@linkColor, 15%);
13 |
14 | // Grays
15 | @black: #000;
16 | @grayDarker: #222;
17 | @grayDark: #333;
18 | @gray: #555;
19 | @grayLight: #999;
20 | @grayLighter: #eee;
21 | @white: #fff;
22 |
23 | // Accent colors
24 | @blue: #049cdb;
25 | @blueDark: #0064cd;
26 | @green: #46a546;
27 | @red: #9d261d;
28 | @yellow: #ffc40d;
29 | @orange: #f89406;
30 | @pink: #c3325f;
31 | @purple: #7a43b6;
32 |
33 | // Typography
34 | @baseFontSize: 13px;
35 | @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
36 | @baseLineHeight: 18px;
37 | @textColor: @grayDark;
38 |
39 | // Buttons
40 | @primaryButtonBackground: @linkColor;
41 |
42 |
43 |
44 | // COMPONENT VARIABLES
45 | // --------------------------------------------------
46 |
47 | // Z-index master list
48 | // Used for a bird's eye view of components dependent on the z-axis
49 | // Try to avoid customizing these :)
50 | @zindexDropdown: 1000;
51 | @zindexPopover: 1010;
52 | @zindexTooltip: 1020;
53 | @zindexFixedNavbar: 1030;
54 | @zindexModalBackdrop: 1040;
55 | @zindexModal: 1050;
56 |
57 | // Sprite icons path
58 | @iconSpritePath: "../img/glyphicons-halflings.png";
59 | @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
60 |
61 | // Input placeholder text color
62 | @placeholderText: @grayLight;
63 |
64 | // Hr border color
65 | @hrBorder: @grayLighter;
66 |
67 | // Navbar
68 | @navbarHeight: 40px;
69 | @navbarBackground: @grayDarker;
70 | @navbarBackgroundHighlight: @grayDark;
71 | @navbarLinkBackgroundHover: transparent;
72 |
73 | @navbarText: @grayLight;
74 | @navbarLinkColor: @grayLight;
75 | @navbarLinkColorHover: @white;
76 |
77 | // Form states and alerts
78 | @warningText: #c09853;
79 | @warningBackground: #fcf8e3;
80 | @warningBorder: darken(spin(@warningBackground, -10), 3%);
81 |
82 | @errorText: #b94a48;
83 | @errorBackground: #f2dede;
84 | @errorBorder: darken(spin(@errorBackground, -10), 3%);
85 |
86 | @successText: #468847;
87 | @successBackground: #dff0d8;
88 | @successBorder: darken(spin(@successBackground, -10), 5%);
89 |
90 | @infoText: #3a87ad;
91 | @infoBackground: #d9edf7;
92 | @infoBorder: darken(spin(@infoBackground, -10), 7%);
93 |
94 |
95 |
96 | // GRID
97 | // --------------------------------------------------
98 |
99 | // Default 940px grid
100 | @gridColumns: 12;
101 | @gridColumnWidth: 60px;
102 | @gridGutterWidth: 20px;
103 | @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
104 |
105 | // Fluid grid
106 | @fluidGridColumnWidth: 6.382978723%;
107 | @fluidGridGutterWidth: 2.127659574%;
108 |
--------------------------------------------------------------------------------
/demo/browser/bootstrap/less/wells.less:
--------------------------------------------------------------------------------
1 | // WELLS
2 | // -----
3 |
4 | .well {
5 | min-height: 20px;
6 | padding: 19px;
7 | margin-bottom: 20px;
8 | background-color: #f5f5f5;
9 | border: 1px solid #eee;
10 | border: 1px solid rgba(0,0,0,.05);
11 | .border-radius(4px);
12 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
13 | blockquote {
14 | border-color: #ddd;
15 | border-color: rgba(0,0,0,.15);
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/demo/browser/demo.less:
--------------------------------------------------------------------------------
1 | @import "bootstrap/less/bootstrap.less";
2 | @import "../../Markdown.Editor.less";
3 |
--------------------------------------------------------------------------------
/demo/node/demo.js:
--------------------------------------------------------------------------------
1 | // NOTE: This is just a demo -- in a production environment,
2 | // be sure to spend a few more thoughts on sanitizing user input.
3 | // (also, you probably wouldn't use a get request)
4 |
5 | var http = require("http"),
6 | url = require("url"),
7 | querystring = require("querystring"),
8 | Converter = require("../../Markdown.Converter").Converter,
9 | getSanitizingConverter = require("../../Markdown.Sanitizer").getSanitizingConverter,
10 | conv = new Converter(),
11 | saneConv = getSanitizingConverter();
12 |
13 | http.createServer(function (req, res) {
14 |
15 | var route = url.parse(req.url);
16 | if (route.pathname !== "/") {
17 | res.writeHead(404);
18 | res.end("Page not found");
19 | return;
20 | }
21 |
22 | var query = querystring.parse(route.query);
23 |
24 | res.writeHead(200, { "Content-type": "text/html" });
25 | res.write("");
26 |
27 | var markdown = query.md || "## Hello!\n\n\n\nVisit [Stack Overflow](http://stackoverflow.com)\n\nThis is never closed!";
28 |
29 | res.write("Your output, sanitized:
\n" + saneConv.makeHtml(markdown))
30 | res.write("Your output, unsanitized:
\n" + conv.makeHtml(markdown))
31 |
32 | res.write(
33 | "Enter Markdown
\n" +
34 | ""
40 | );
41 |
42 | res.end("");
43 |
44 | }).listen(8000);
45 |
--------------------------------------------------------------------------------