├── .gitignore ├── LICENSE.txt ├── README.md ├── bootstrap ├── css │ ├── bootstrap.css │ └── prettify.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ └── glyphicons-halflings-regular.woff └── js │ ├── bootstrap.min.js │ └── prettify.js ├── css ├── demo.css ├── docs.css ├── drunken-parrot.css └── font-awesome.min.css ├── documentation.html ├── fonts ├── fontawesome │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ └── fontawesome-webfont.woff └── source-sans-pro │ ├── sourcesanspro-bold.eot │ ├── sourcesanspro-bold.svg │ ├── sourcesanspro-bold.ttf │ ├── sourcesanspro-bold.woff │ ├── sourcesanspro-extralight.eot │ ├── sourcesanspro-extralight.svg │ ├── sourcesanspro-extralight.ttf │ ├── sourcesanspro-extralight.woff │ ├── sourcesanspro-regular.eot │ ├── sourcesanspro-regular.svg │ ├── sourcesanspro-regular.ttf │ ├── sourcesanspro-regular.woff │ ├── sourcesanspro-semibold.eot │ ├── sourcesanspro-semibold.svg │ ├── sourcesanspro-semibold.ttf │ └── sourcesanspro-semibold.woff ├── images ├── captain-hoarrd.png ├── jumbotron.jpg ├── logo-dark@2x.png ├── logo-yellow@2x.png ├── logo@2x.png ├── thumbnail-01.jpg ├── thumbnail-02.jpg ├── thumbnail-03.jpg ├── thumbnail-04.jpg ├── thumbnail-large-01.jpg ├── thumbnail-large-02.jpg └── thumbnail-large-03.jpg ├── index.html └── js ├── application.js ├── bootstrap-switch.js ├── checkbox.js ├── html5shiv.js ├── radio.js ├── switch.js └── toolbar.js /.gitignore: -------------------------------------------------------------------------------- 1 | *.DS_Store -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Drunken Parrot Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Drunken Parrot Flat UI Free 2 | ======= 3 | 4 | Drunken Parrot Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html. 5 | 6 | ## Links: 7 | 8 | + [Hoarrd.com](https://hoarrd.com/drunken-parrot-flat-ui-kit/) 9 | + [Components & Style Guide: Free Version](http://hoarrd.github.io/drunken-parrot-flat-ui/) -------------------------------------------------------------------------------- /bootstrap/css/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .prettyprint .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 20px; 29 | text-shadow: 0 1px 0 #fff; 30 | } -------------------------------------------------------------------------------- /bootstrap/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/bootstrap/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /bootstrap/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/bootstrap/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /bootstrap/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/bootstrap/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /bootstrap/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.1.1 (http://getbootstrap.com) 3 | * Copyright 2011-2014 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.isLoading=!1};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",f.resetText||d.data("resetText",d[e]()),d[e](f[b]||this.options[b]),setTimeout(a.proxy(function(){"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},b.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}a&&this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});return this.$element.trigger(j),j.isDefaultPrevented()?void 0:(this.sliding=!0,f&&this.pause(),this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid.bs.carousel",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid.bs.carousel")},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid.bs.carousel")),f&&this.cycle(),this)};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);!e&&f.toggle&&"show"==c&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(jQuery),+function(a){"use strict";function b(b){a(d).remove(),a(e).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('
').insertAfter(a(this)).on("click",b);var h={relatedTarget:this};if(f.trigger(d=a.Event("show.bs.dropdown",h)),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown",h),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=" li:not(.divider):visible a",i=f.find("[role=menu]"+h+", [role=listbox]"+h);if(i.length){var j=i.index(i.filter(":focus"));38==b.keyCode&&j>0&&j--,40==b.keyCode&&j').appendTo(document.body),this.$element.on("click.dismiss.bs.modal",a.proxy(function(a){a.target===a.currentTarget&&("static"==this.options.backdrop?this.$element[0].focus.call(this.$element[0]):this.hide.call(this))},this)),d&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),!b)return;d?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),a.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(a.support.transition.end,b).emulateTransitionEnd(150):b()):b&&b()};var c=a.fn.modal;a.fn.modal=function(c,d){return this.each(function(){var e=a(this),f=e.data("bs.modal"),g=a.extend({},b.DEFAULTS,e.data(),"object"==typeof c&&c);f||e.data("bs.modal",f=new b(this,g)),"string"==typeof c?f[c](d):g.show&&f.show(d)})},a.fn.modal.Constructor=b,a.fn.modal.noConflict=function(){return a.fn.modal=c,this},a(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(b){var c=a(this),d=c.attr("href"),e=a(c.attr("data-target")||d&&d.replace(/.*(?=#[^\s]+$)/,"")),f=e.data("bs.modal")?"toggle":a.extend({remote:!/#/.test(d)&&d},e.data(),c.data());c.is("a")&&b.preventDefault(),e.modal(f,this).one("hide",function(){c.is(":visible")&&c.focus()})}),a(document).on("show.bs.modal",".modal",function(){a(document.body).addClass("modal-open")}).on("hidden.bs.modal",".modal",function(){a(document.body).removeClass("modal-open")})}(jQuery),+function(a){"use strict";var b=function(a,b){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",a,b)};b.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focusin",i="hover"==g?"mouseleave":"focusout";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?void(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show)):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?void(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide)):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this,d=this.tip();this.setContent(),this.options.animation&&d.addClass("fade");var e="function"==typeof this.options.placement?this.options.placement.call(this,d[0],this.$element[0]):this.options.placement,f=/\s?auto?\s?/i,g=f.test(e);g&&(e=e.replace(f,"")||"top"),d.detach().css({top:0,left:0,display:"block"}).addClass(e),this.options.container?d.appendTo(this.options.container):d.insertAfter(this.$element);var h=this.getPosition(),i=d[0].offsetWidth,j=d[0].offsetHeight;if(g){var k=this.$element.parent(),l=e,m=document.documentElement.scrollTop||document.body.scrollTop,n="body"==this.options.container?window.innerWidth:k.outerWidth(),o="body"==this.options.container?window.innerHeight:k.outerHeight(),p="body"==this.options.container?0:k.offset().left;e="bottom"==e&&h.top+h.height+j-m>o?"top":"top"==e&&h.top-m-j<0?"bottom":"right"==e&&h.right+i>n?"left":"left"==e&&h.left-i

'}),b.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),b.prototype.constructor=b,b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content")[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},b.prototype.hasContent=function(){return this.getTitle()||this.getContent()},b.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},b.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")},b.prototype.tip=function(){return this.$tip||(this.$tip=a(this.options.template)),this.$tip};var c=a.fn.popover;a.fn.popover=function(c){return this.each(function(){var d=a(this),e=d.data("bs.popover"),f="object"==typeof c&&c;(e||"destroy"!=c)&&(e||d.data("bs.popover",e=new b(this,f)),"string"==typeof c&&e[c]())})},a.fn.popover.Constructor=b,a.fn.popover.noConflict=function(){return a.fn.popover=c,this}}(jQuery),+function(a){"use strict";function b(c,d){var e,f=a.proxy(this.process,this);this.$element=a(a(c).is("body")?window:c),this.$body=a("body"),this.$scrollElement=this.$element.on("scroll.bs.scroll-spy.data-api",f),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||(e=a(c).attr("href"))&&e.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=a([]),this.targets=a([]),this.activeTarget=null,this.refresh(),this.process()}b.DEFAULTS={offset:10},b.prototype.refresh=function(){var b=this.$element[0]==window?"offset":"position";this.offsets=a([]),this.targets=a([]);{var c=this;this.$body.find(this.selector).map(function(){var d=a(this),e=d.data("target")||d.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[b]().top+(!a.isWindow(c.$scrollElement.get(0))&&c.$scrollElement.scrollTop()),e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){c.offsets.push(this[0]),c.targets.push(this[1])})}},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,d=c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(b>=d)return g!=(a=f.last()[0])&&this.activate(a);if(g&&b<=e[0])return g!=(a=f[0])&&this.activate(a);for(a=e.length;a--;)g!=f[a]&&b>=e[a]&&(!e[a+1]||b<=e[a+1])&&this.activate(f[a])},b.prototype.activate=function(b){this.activeTarget=b,a(this.selector).parentsUntil(this.options.target,".active").removeClass("active");var c=this.selector+'[data-target="'+b+'"],'+this.selector+'[href="'+b+'"]',d=a(c).parents("li").addClass("active");d.parent(".dropdown-menu").length&&(d=d.closest("li.dropdown").addClass("active")),d.trigger("activate.bs.scrollspy")};var c=a.fn.scrollspy;a.fn.scrollspy=function(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.scrollspy.Constructor=b,a.fn.scrollspy.noConflict=function(){return a.fn.scrollspy=c,this},a(window).on("load",function(){a('[data-spy="scroll"]').each(function(){var b=a(this);b.scrollspy(b.data())})})}(jQuery),+function(a){"use strict";var b=function(b){this.element=a(b)};b.prototype.show=function(){var b=this.element,c=b.closest("ul:not(.dropdown-menu)"),d=b.data("target");if(d||(d=b.attr("href"),d=d&&d.replace(/.*(?=#[^\s]*$)/,"")),!b.parent("li").hasClass("active")){var e=c.find(".active:last a")[0],f=a.Event("show.bs.tab",{relatedTarget:e});if(b.trigger(f),!f.isDefaultPrevented()){var g=a(d);this.activate(b.parent("li"),c),this.activate(g,g.parent(),function(){b.trigger({type:"shown.bs.tab",relatedTarget:e})})}}},b.prototype.activate=function(b,c,d){function e(){f.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),b.addClass("active"),g?(b[0].offsetWidth,b.addClass("in")):b.removeClass("fade"),b.parent(".dropdown-menu")&&b.closest("li.dropdown").addClass("active"),d&&d()}var f=c.find("> .active"),g=d&&a.support.transition&&f.hasClass("fade");g?f.one(a.support.transition.end,e).emulateTransitionEnd(150):e(),f.removeClass("in")};var c=a.fn.tab;a.fn.tab=function(c){return this.each(function(){var d=a(this),e=d.data("bs.tab");e||d.data("bs.tab",e=new b(this)),"string"==typeof c&&e[c]()})},a.fn.tab.Constructor=b,a.fn.tab.noConflict=function(){return a.fn.tab=c,this},a(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(b){b.preventDefault(),a(this).tab("show")})}(jQuery),+function(a){"use strict";var b=function(c,d){this.options=a.extend({},b.DEFAULTS,d),this.$window=a(window).on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.$element=a(c),this.affixed=this.unpin=this.pinnedOffset=null,this.checkPosition()};b.RESET="affix affix-top affix-bottom",b.DEFAULTS={offset:0},b.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(b.RESET).addClass("affix");var a=this.$window.scrollTop(),c=this.$element.offset();return this.pinnedOffset=c.top-a},b.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},b.prototype.checkPosition=function(){if(this.$element.is(":visible")){var c=a(document).height(),d=this.$window.scrollTop(),e=this.$element.offset(),f=this.options.offset,g=f.top,h=f.bottom;"top"==this.affixed&&(e.top+=d),"object"!=typeof f&&(h=g=f),"function"==typeof g&&(g=f.top(this.$element)),"function"==typeof h&&(h=f.bottom(this.$element));var i=null!=this.unpin&&d+this.unpin<=e.top?!1:null!=h&&e.top+this.$element.height()>=c-h?"bottom":null!=g&&g>=d?"top":!1;if(this.affixed!==i){this.unpin&&this.$element.css("top","");var j="affix"+(i?"-"+i:""),k=a.Event(j+".bs.affix");this.$element.trigger(k),k.isDefaultPrevented()||(this.affixed=i,this.unpin="bottom"==i?this.getPinnedOffset():null,this.$element.removeClass(b.RESET).addClass(j).trigger(a.Event(j.replace("affix","affixed"))),"bottom"==i&&this.$element.offset({top:c-h-this.$element.height()}))}}};var c=a.fn.affix;a.fn.affix=function(c){return this.each(function(){var d=a(this),e=d.data("bs.affix"),f="object"==typeof c&&c;e||d.data("bs.affix",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.affix.Constructor=b,a.fn.affix.noConflict=function(){return a.fn.affix=c,this},a(window).on("load",function(){a('[data-spy="affix"]').each(function(){var b=a(this),c=b.data();c.offset=c.offset||{},c.offsetBottom&&(c.offset.bottom=c.offsetBottom),c.offsetTop&&(c.offset.top=c.offsetTop),b.affix(c)})})}(jQuery); -------------------------------------------------------------------------------- /bootstrap/js/prettify.js: -------------------------------------------------------------------------------- 1 | var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; 2 | (function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a= 3 | [],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;ci[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m), 9 | l=[],p={},d=0,g=e.length;d=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, 10 | q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/, 11 | q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g, 12 | "");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a), 13 | a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e} 14 | for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], 18 | "catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"], 19 | H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], 20 | J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+ 21 | I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]), 22 | ["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css", 23 | /^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}), 24 | ["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes", 25 | hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p=0){var k=k.match(g),f,b;if(b= 26 | !k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p p { 38 | margin: 0; 39 | color: white; 40 | } 41 | .promo > p > a { 42 | color: white; 43 | text-decoration: underline; 44 | } 45 | .promo > p > a:hover { 46 | text-decoration: none; 47 | } 48 | .container .jumbotron { 49 | border-radius: 0; 50 | } 51 | .container .typography-container { 52 | background: #364347; 53 | } 54 | .container .typography-container h1, 55 | .container .typography-container h2, 56 | .container .typography-container h3, 57 | .container .typography-container h4, 58 | .container .typography-container h5, 59 | .container .typography-container h6 { 60 | color: white; 61 | } 62 | .container .typography-container .col-md-9 { 63 | padding-left: 62px; 64 | } 65 | .container .typography-container .demo-componant-title { 66 | color: #5e6969; 67 | } 68 | .container .typography-container .demo-type-heading { 69 | font-size: 40px; 70 | font-family: "SourceSansProExtraLight", Helvetica, Arial, sans-serif; 71 | color: white; 72 | } 73 | .container .typography-container .demo-type-extra-light { 74 | font-family: "SourceSansProExtraLight", Helvetica, Arial, sans-serif; 75 | } 76 | .container .typography-container .demo-type-extra-light { 77 | font-family: "SourceSansProExtraLight", Helvetica, Arial, sans-serif; 78 | } 79 | .container .typography-container .demo-type-semi-bold { 80 | font-family: "SourceSansProSemiBold", Helvetica, Arial, sans-serif; 81 | } 82 | .container .typography-container .demo-type-bold { 83 | font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; 84 | } 85 | .container-dark { 86 | background: #364347; 87 | } 88 | .demo-section-title { 89 | color: #364347; 90 | font-size: 18px; 91 | font-weight: 300; 92 | margin-bottom: 10px; 93 | } 94 | .demo-section-title:first-child { 95 | margin-top: 0; 96 | } 97 | .demo-componant-title { 98 | color: #b2c6cd; 99 | font-size: 16px; 100 | font-weight: 400; 101 | text-transform: uppercase; 102 | margin-bottom: 30px; 103 | margin-top: 30px; 104 | } 105 | .demo-button-sizes button { 106 | vertical-align: top; 107 | margin-right: 20px; 108 | } 109 | .demo-type-headings h1, 110 | .demo-type-headings h2, 111 | .demo-type-headings h3, 112 | .demo-type-headings h4, 113 | .demo-type-headings h5, 114 | .demo-type-headings h6 { 115 | margin: 30px 0; 116 | } 117 | .btn-toolbar { 118 | margin: 20px 0; 119 | } 120 | .demo-type { 121 | color: white; 122 | font-size: 16px; 123 | } 124 | .demo-type span span { 125 | color: #fad46b; 126 | } 127 | .componant-section { 128 | border-bottom: 1px solid #d6e1e5; 129 | padding: 40px 0 70px 0; 130 | margin: 0 0 40px 0; 131 | } 132 | .componant-dropdowns .row + .row { 133 | margin-top: 30px; 134 | } 135 | .demo-labels h1 { 136 | margin-bottom: 20px; 137 | } 138 | .demo-labels h2 { 139 | margin-bottom: 25px; 140 | } 141 | .demo-labels h3 { 142 | margin-bottom: 30px; 143 | } 144 | .demo-labels h4 { 145 | margin-bottom: 30px; 146 | } 147 | .demo-labels h5 { 148 | margin-bottom: 35px; 149 | } 150 | .demo-labels span { 151 | margin-right: 10px; 152 | } 153 | .pagination { 154 | margin-top: 0; 155 | margin-bottom: 20px; 156 | } 157 | .componant-buttons .btn, 158 | .componant-dropdowns .btn-group { 159 | margin: 10px 0; 160 | } 161 | .componant-buttons .col-xs-4 { 162 | padding: 0 5px; 163 | } 164 | .sidebar { 165 | top: 20px; 166 | z-index: 1; 167 | } 168 | .sidebar ul { 169 | width: 100%; 170 | border: 1px solid #b2c6cd; 171 | border-radius: 6px; 172 | } 173 | .sidebar li > a { 174 | font-size: 16px; 175 | padding: 4px 15px; 176 | color: #5e6969; 177 | } 178 | .sidebar li > a:hover { 179 | background: #02baf2; 180 | color: white; 181 | } 182 | .sidebar li.active > a { 183 | background: #02baf2; 184 | color: white; 185 | } 186 | .sidebar li:first-child.active > a, 187 | .sidebar li:first-child > a:hover { 188 | border-top-left-radius: 5px; 189 | } 190 | .sidebar li:last-child.active > a, 191 | .sidebar li:last-child > a:hover { 192 | border-bottom-left-radius: 5px; 193 | } 194 | @media (min-width: 1000px) { 195 | .container { 196 | width: 1170px; 197 | } 198 | .masthead { 199 | padding: 265px 0; 200 | } 201 | .masthead .masthead-title { 202 | font-size: 80px; 203 | } 204 | .masthead .masthead-title small { 205 | font-size: 30px; 206 | } 207 | .demo-section-title { 208 | font-size: 30px; 209 | margin-bottom: 30px; 210 | } 211 | .btn-block { 212 | min-width: 140px; 213 | } 214 | .demo-type-heading { 215 | font-size: 60px; 216 | } 217 | .demo-type { 218 | font-size: 24px; 219 | } 220 | .btn-group-dropdown .dropdown-toggle { 221 | min-width: 210px; 222 | } 223 | .btn { 224 | font-size: 16px; 225 | } 226 | .table > thead > tr > th, 227 | .table > tbody > tr > th, 228 | .table > tfoot > tr > th, 229 | .table > thead > tr > td, 230 | .table > tbody > tr > td, 231 | .table > tfoot > tr > td { 232 | padding: 14px 20px; 233 | border-top: 1px solid #d6e1e5; 234 | } 235 | } 236 | -------------------------------------------------------------------------------- /css/docs.css: -------------------------------------------------------------------------------- 1 | /*@input-bg: @inverse;*/ 2 | /*@alert-padding: 15px; 3 | @alert-border-radius: @border-radius-base; 4 | @alert-link-font-weight: bold;*/ 5 | .masthead { 6 | background: #fad46b; 7 | padding: 100px 0; 8 | position: relative; 9 | z-index: 2; 10 | } 11 | .masthead img { 12 | position: relative; 13 | bottom: 75px; 14 | left: 5px; 15 | } 16 | .masthead .masthead-title { 17 | font-family: "SourceSansProExtraLight", Helvetica, Arial, sans-serif; 18 | font-size: 30px; 19 | line-height: 1.2; 20 | color: white; 21 | } 22 | .masthead .masthead-title small { 23 | color: white; 24 | font-family: "SourceSansProBold", Helvetica, Arial, sans-serif; 25 | display: block; 26 | text-transform: uppercase; 27 | font-size: 12px; 28 | padding-left: 4px; 29 | } 30 | .doc-section { 31 | margin-bottom: 40px; 32 | } 33 | .doc-section p { 34 | font-size: 14px; 35 | } 36 | .sidebar { 37 | top: 20px; 38 | z-index: 1; 39 | } 40 | .sidebar ul { 41 | width: 100%; 42 | border: 1px solid #b2c6cd; 43 | border-radius: 6px; 44 | } 45 | .sidebar li > a { 46 | font-size: 16px; 47 | padding: 4px 15px; 48 | color: #5e6969; 49 | } 50 | .sidebar li > a:hover { 51 | background: #02baf2; 52 | color: white; 53 | } 54 | .sidebar li.active > a { 55 | background: #02baf2; 56 | color: white; 57 | } 58 | .sidebar li:first-child.active > a, 59 | .sidebar li:first-child > a:hover { 60 | border-top-left-radius: 5px; 61 | } 62 | .sidebar li:last-child.active > a, 63 | .sidebar li:last-child > a:hover { 64 | border-bottom-left-radius: 5px; 65 | } 66 | @media (min-width: 1000px) { 67 | .container { 68 | width: 1170px; 69 | } 70 | .masthead { 71 | padding: 265px 0; 72 | } 73 | .masthead .masthead-title { 74 | font-size: 80px; 75 | } 76 | .masthead .masthead-title small { 77 | font-size: 30px; 78 | } 79 | .doc-section { 80 | margin-bottom: 80px; 81 | } 82 | .doc-section p { 83 | font-size: 16px; 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} -------------------------------------------------------------------------------- /documentation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Drunken Parrot UI Kit - Bootstrap Framework Theme 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 26 | 27 | 28 | 29 |
30 |
31 | 32 |
Drunken Parrot UI Kit 33 | Documentation 34 |
35 |
36 |
37 | 38 |
39 |
40 |
41 |
42 | 43 |

Buttons

44 | 45 |
46 |

We have restyled all the core bootstrap button classes.

47 |

48 | 49 | 50 | 51 | 52 | 53 | 54 |

55 | 56 | 
  57 | <button class="btn btn-default">Default</button>
  58 | <button class="btn btn-primary">Primary</button>
  59 | <button class="btn btn-danger">Danger</button>
  60 | <button class="btn btn-warning">Warning</button>
  61 | <button class="btn btn-info">Info</button>
  62 | <button class="btn btn-success">Success</button>
  63 |
64 |
65 | 66 |
67 | 68 |

and have introduced a new class called .btn-stroke.

69 |

70 | 71 | 
  72 | <button class="btn btn-stroke">Stoke</button>
  73 |
74 |
75 | 76 |
77 |

We have also added the classes .btn-orange and .btn-purple to the color various for you to use.

78 |

79 | 
  80 | <button class="btn btn-purple">Purple</button>
  81 | <button class="btn btn-orange">Orange</button>
  82 |
83 |
84 | 85 |
86 |

All the buttons have disabled variations.

87 |

88 | 89 | 90 | 91 | 92 | 93 | 94 |

95 | 96 | 
  97 | <button class="btn btn-default" disabled="disabled">Default</button>
  98 | <button class="btn btn-primary" disabled="disabled">Primary</button>
  99 | <button class="btn btn-danger" disabled="disabled">Danger</button>
 100 | <button class="btn btn-warning" disabled="disabled">Warning</button>
 101 | <button class="btn btn-info" disabled="disabled">Info</button>
 102 | <button class="btn btn-success" disabled="disabled">Success</button>
 103 |
104 |
105 | 106 |
107 |

You can also create a 3D button variant of any of the buttons by adding the class .btn-embossed.

108 |

109 | 
 110 | <button class="btn btn-primary btn-embossed">3D Button</button>
 111 | <button class="btn btn-success btn-embossed">3D Button</button>
 112 |
113 |
114 | 115 |
116 |

Finally, we have introduced one new size called Kraken, to use this size simply add .btn-kr to any button. 117 |

118 | 
 119 | <button class="btn btn-primary btn-kr">Kraken</button>
 120 |
121 |
122 | 123 | 124 | 125 |

Inputs

126 | 127 | 128 |
129 |

We have restyled the bootstrap inputs, below is an example of a standard text input.

130 |
131 |
132 |

133 |
134 |
135 | 
 136 | <input type="text" class="form-control" placeholder="Web designer, etc.">
 137 |
138 |
139 | 140 | 158 |
159 |

Icons can be added to the start of inputs by adding the .input-icon class to the parent element and including the icon you want before the input field.

160 |
161 |
162 |
163 | 164 | 165 |
166 |
167 |
168 | 169 | 
 170 | <div class="form-group input-icon">
 171 |    <span class="fa fa-user"></span>
 172 |    <input type="text" class="form-control" placeholder="Username">
 173 | </div>
 174 |
175 |
176 | 177 |
178 |

and the error state use the same classes as well.

179 |
180 |
181 |
182 | 183 |
184 | 185 |
186 | 187 |
188 | 189 |
190 | 191 |
192 | 193 |
194 |
195 |
196 | 
 197 | <div class="form-group has-warning">
 198 |    <input type="text" class="form-control" value="Warning">
 199 | </div>
 200 | 
 201 | <div class="form-group has-error">
 202 |    <input type="text" class="form-control" value="Error">
 203 | </div>
 204 | 
 205 | <div class="form-group has-success">
 206 |    <input type="text" class="form-control" value="Success">
 207 | </div>
 208 |
209 |
210 | 211 | 212 | 213 | 214 |

Pagination

215 |
216 |

The pagination uses the same classes as bootstrap

217 |
    218 |
  • ←
    • 219 |
  • 1
    • 220 |
  • 2
    • 221 |
  • 3
    • 222 |
  • 4
    • 223 |
  • 5
    • 224 |
  • →
    • 225 |
226 | 
 227 | <ul class="pagination">
 228 |   <li><a href="#">←</a></li>
 229 |   <li><a href="#">1</a></li>
 230 |   <li class="active"><a href="#">2</a></li>
 231 |   <li><a href="#">3</a></li>
 232 |   <li><a href="#">4</a></li>
 233 |   <li class="disabled"><a href="#">5</a></li>
 234 |   <li><a href="#">→</a></li>
 235 | </ul>
 236 |
237 |
238 |
239 |

You can you the classes .pagination-sm or .pagination-lg to control the sizes

240 |
    241 |
  • ←
    • 242 |
  • 1
    • 243 |
  • 2
    • 244 |
  • 3
    • 245 |
  • 4
    • 246 |
  • 5
    • 247 |
  • →
    • 248 |
249 |
250 |
    251 |
  • ←
    • 252 |
  • 1
    • 253 |
  • 2
    • 254 |
  • 3
    • 255 |
  • 4
    • 256 |
  • 5
    • 257 |
  • →
    • 258 |
259 | 
 260 | <ul class="pagination pagination-sm">
 261 |   <li><a href="#">←</a></li>
 262 |   <li><a href="#">1</a></li>
 263 |   <li class="active"><a href="#">2</a></li>
 264 |   <li><a href="#">3</a></li>
 265 |   <li><a href="#">4</a></li>
 266 |   <li class="disabled"><a href="#">5</a></li>
 267 |   <li><a href="#">→</a></li>
 268 | </ul>
 269 | 
 270 | <ul class="pagination pagination-lg">
 271 |   <li><a href="#">←</a></li>
 272 |   <li><a href="#">1</a></li>
 273 |   <li class="active"><a href="#">2</a></li>
 274 |   <li><a href="#">3</a></li>
 275 |   <li><a href="#">4</a></li>
 276 |   <li class="disabled"><a href="#">5</a></li>
 277 |   <li><a href="#">→</a></li>
 278 | </ul>
 279 | 
 280 |
281 |
282 | 283 | 284 | 285 | 286 |
287 |

Breadcrumbs can be made minimal by adding the class .breadcrumbs-minimal

288 |
    289 |
  1. Home
    2. 290 |
  2. Electronics Hover
    3. 291 |
  3. Cameras
    4. 292 |
  4. Digital Cameras
    5. 293 |
294 | 295 | 
 296 | <ol class="breadcrumb breadcrumbs-minimal">
 297 |   <li><a href="#">Home</a></li>
 298 |   <li><a href="#">Electronics Hover</a></li>
 299 |   <li><a href="#">Cameras</a></li>
 300 |   <li><a href="#">Digital Cameras</a></li>
 301 | </ol>
 302 |
303 |
304 | 305 | 306 | 307 | 308 |
309 |

The default tabs use the same classes as the tabs in bootstrap

310 | 311 |
312 |
313 | 318 |
319 |
320 |
321 | 
 322 | <ul class="nav nav-tabs">
 323 |   <li class="active"><a href="#">Home</a></li>
 324 |   <li><a href="#">Profile</a></li>
 325 |   <li><a href="#">Messages</a></li>
 326 | </ul>
 327 |
328 | 329 |
330 | 331 |
332 |

and if you want to double the border you can add the class .nav-stroke

333 |
334 |
335 | 340 |
341 |
342 |
343 | 
 344 | <ul class="nav nav-tabs nav-stroke">
 345 |   ...
 346 | </ul>
 347 |
348 | 349 |
350 | 351 |
352 |

and the restyled pills navigation

353 |
354 |
355 | 361 |
362 |
363 |
364 | 
 365 | <ul class="nav nav-pills">
 366 |   <li class="active"><a href="#">Home</a></li>
 367 |   <li><a href="#">Profile</a></li>
 368 |   <li><a href="#">Messages</a></li>
 369 |   <li class="disabled"><a href="#">Disabled link</a></li>
 370 | </ul>
 371 |
372 | 373 |
374 | 375 | 376 | 377 |

Alerts

378 | 379 |
380 |

You can change the icon used to close the alerts if you want but changing the class on the button element but most of the time you will want to use .fa-times and dont forget to add .alert-dismissable to the parent div.

381 |
382 | 383 | Primary! There's never a man looked me between the eyes and seen a good day a'terward. 384 |
385 |
386 | 
 387 | <div class="alert alert-primary alert-dismissable">
 388 |   <button type="button" class="close fa fa-times"></button>
 389 |   ...
 390 | </div>
 391 |
392 | 393 |
394 |
395 |

All the color variations are available via the same classes as bootstrap

396 |
Primary
397 |
Info
398 |
Success
399 |
Warning
400 |
Error
401 |
402 | 
 403 | <div class="alert alert-primary">...</div>
 404 | <div class="alert alert-info">...</div>
 405 | <div class="alert alert-success">...</div>
 406 | <div class="alert alert-warning">...</div>
 407 | <div class="alert alert-error">...</div>
 408 |
409 | 410 |
411 | 412 | 413 |

Thumbnails

414 | 415 |
416 |

We have introduced a hover state to the bootstrap thumbnails, you can control the icon by changing the icon class on the a tag, by default we use .fa-eye which should be suitable for many cases.

417 |
418 |
419 | 420 | 100%x180 421 | 422 |
423 |
424 |
425 | 
 426 | <a href="#" class="thumbnail fa fa-eye">
 427 |   <img src="images/thumbnail.jpg" >
 428 | </a>
 429 |
430 | 431 |
432 |
433 |

Custom content thumbnails follow the same patterns as bootstraps thumbnails however you can add .thumbnail-caption to the container div to round the corners of the thumbnail image.

434 |
435 | 100%x180 436 |
437 |

15 men on a dead chest

438 |

Fifteen men on the dead man’s chest – Yo-ho-ho and a bottle of rum! Drink and the devil had done for the rest – Yo-ho-ho and a bottle of rum!

439 |

440 | Arr! 441 | Avast 442 |

443 |
444 |
445 |
446 |
447 | 
 448 | <div class="thumbnail thumbnail-caption">
 449 |   <img src="images/thumbnail-large.jpg">
 450 |   <div class="caption">
 451 |     <h4>...</h4>
 452 |     <p>...</p>
 453 |     <p>
 454 |       <a href="#" class="btn btn-primary">Arr!</a>
 455 |       <a href="#" class="btn btn-stroke">Avast</a>
 456 |     </p>
 457 |   </div>
 458 | </div>
 459 |
460 | 461 |
462 | 463 | 464 |

Panels

465 | 466 |
467 |

Our restyled panels all follow the same classes as there bootstrap counterparts, so panels are easily intergrated into your projects.

468 |
469 |
470 |
471 |
472 | Basic panel 473 |
474 |
475 |
476 |
Panel heading without title
477 |
478 | Panel content 479 |
480 |
481 | 482 |
483 |
484 |

Panel title

485 |
486 |
487 | Panel content 488 |
489 |
490 |
491 |
492 | Panel content 493 |
494 |
Panel footer
495 |
496 |
497 |
498 |
499 | 
 500 | <!-- Basic -->
 501 | <div class="panel panel-default">
 502 |   <div class="panel-body">
 503 |     Basic panel
 504 |   </div>
 505 | </div>
 506 | 
 507 | <!-- With Headings -->
 508 | <div class="panel panel-default">
 509 |   <div class="panel-heading">Panel heading without title</div>
 510 |   <div class="panel-body">
 511 |     Panel content
 512 |   </div>
 513 | </div>
 514 | 
 515 | <div class="panel panel-default">
 516 |   <div class="panel-heading">
 517 |     <h3 class="panel-title">Panel title</h3>
 518 |   </div>
 519 |   <div class="panel-body">
 520 |     Panel content
 521 |   </div>
 522 | </div>
 523 | 
 524 | <!-- With Footer -->
 525 | <div class="panel panel-default">
 526 |   <div class="panel-body">
 527 |     Panel content
 528 |   </div>
 529 |   <div class="panel-footer">Panel footer</div>
 530 | </div>
 531 |
532 |
533 |
534 |

All the contextual options are also available by adding any of the contextual state classes.

535 |
536 |
537 |
538 |
539 |

Panel Primary

540 |
541 |
542 | This be yer content in here! 543 |
544 |
545 |
546 |
547 |

Panel Info

548 |
549 |
550 | This be yer content in here! 551 |
552 |
553 |
554 |
555 |

Panel Success

556 |
557 |
558 | This be yer content in here! 559 |
560 |
561 |
562 |
563 |

Panel Warning

564 |
565 |
566 | This be yer content in here! 567 |
568 |
569 |
570 |
571 |

Panel Danger

572 |
573 |
574 | This be yer content in here! 575 |
576 |
577 |
578 |
579 |
580 | 
 581 | <div class="panel panel-primary">...</div>
 582 | <div class="panel panel-success">...</div>
 583 | <div class="panel panel-info">...</div>
 584 | <div class="panel panel-warning">...</div>
 585 | <div class="panel panel-danger">...</div>
 586 |
587 |
588 | 589 |
590 |

Our version of the panels with tables, again these follow the same classes as the bootstrap version.

591 |
592 |
593 |
594 | 595 |
Shiver me timbers!
596 |
597 |

My name is Captain Kidd, as I sailed, as I sailed. Oh my name is Captain Kidd as I sailed. My name is Captain Kidd and God's laws I did forbid, and most wickedly I did as I sailed.

598 |
599 | 600 | 601 | 602 | 603 | 604 | 605 | 606 | 607 | 608 | 609 | 610 | 611 | 612 | 613 | 614 | 615 | 616 | 617 | 618 | 619 | 620 | 621 | 622 | 623 | 624 | 625 | 626 | 627 | 628 | 629 | 630 |
#Ship NameCaptainStatus
1WalrusJames FlintUnknown
2Royal FortuneBlack BartDestroyed
3RangerCharles VaneCaptured
631 |
632 |
633 |
634 | 635 | 
 636 | <!-- Panel with Table -->
 637 | <div class="panel panel-default">
 638 |   <div class="panel-heading">Panel heading</div>
 639 |   <div class="panel-body">
 640 |     <p>...</p>
 641 |   </div>
 642 | 
 643 |   <!-- Table -->
 644 |   <table class="table">
 645 |     ...
 646 |   </table>
 647 | </div>
 648 |
649 |
650 | 651 | 652 | 653 |

Checkboxes

654 |
655 |

Our checkboxes require javascript to work correctly. First off make sure you have included jQuery in your code and the checkbox.js plugin.

656 |
657 |
658 | 662 | 663 |
664 |
665 |
666 |

To get a checkbox up and running is nice and simple, wrap the input in a label with the class .checkbox and add the attribute data-toggle="checkbox" to the checkbox input. Thats it. 667 | 

 668 | <label class="checkbox>
 669 |   <input type="checkbox" value="" data-toggle="checkbox" />
 670 |   Oy! Me box is filled!
 671 | </label>
 672 |
673 |
674 |
675 |

Adding in the standard attributes of checked="" and disabled="" will work as expected.

676 |
677 |
678 | 682 | 686 | 690 |
691 |
692 | 
 693 | <label class="checkbox">
 694 |   <input type="checkbox" value="" data-toggle="checkbox" checked=""/>
 695 |   Oy! Me box is filled!
 696 | </label>
 697 | 
 698 | <label class="checkbox">
 699 |   <input type="checkbox" value="" data-toggle="checkbox" disabled="" />
 700 |   Aaand I’m disabled.
 701 | </label>
 702 | 
 703 | <label class="checkbox">
 704 |   <input type="checkbox" value="" data-toggle="checkbox" disabled="" checked="" />
 705 |   Got picked, but I’m disabled.
 706 | </label>
 707 |
708 |
709 | 710 | 711 |

Radio

712 |
713 |

Our radios also require javascript to work correctly. Just like the checkboxes, make sure you have included jQuery in your code and the radio.js plugin.

714 |
715 |
716 | 720 |
721 |
722 |
723 |

To get a radio up and running is also nice and simple, wrap the input in a label with the class .radio and add the attribute data-toggle="radio" to the radio input. Thats it. 724 | 

 725 | <label class="radio>
 726 |   <input type="radio" name="optionsRadios" value="option1" data-toggle="radio" />
 727 |   Radio is off
 728 | </label>
 729 |
730 |
731 |
732 |

Just like the checkbox elements, adding in the standard attributes of checked="" and disabled="" will work as expected.

733 |
734 |
735 | 739 | 740 | 744 | 745 | 749 |
750 |
751 | 
 752 | <label class="radio">
 753 |   <input type="radio" value="" name="optionsRadios" data-toggle="radio" checked="" />
 754 |   Radio is on
 755 | </label>
 756 | 
 757 | <label class="radio">
 758 |   <input type="radio" value="" name="optionsRadiosDisabled" data-toggle="radio" disabled="" />
 759 |   Disabled radio is off
 760 | </label>
 761 | 
 762 | <label class="radio">
 763 |   <input type="radio" value="" name="optionsRadiosDisabled" data-toggle="radio" disabled="" checked="" />
 764 |   Disabled radio is on
 765 | </label>
 766 |
767 |
768 | 769 | 770 |

Switches

771 |
772 |

We use the bootstrap switch plugin from http://www.bootstrap-switch.org/ and requires jQuery like our other plugins. To get started with the switches include the bootstrap-switch JS plugin.

773 | 774 |

Using the plugin is extremly simple, just add the attribute data-toggle="switch" to a checkbox input and initialise the plugin.

775 | 
 776 | $("[data-toggle='switch']").bootstrapSwitch();
 777 |
778 |
779 | 780 |

781 | 
 782 | <input type="checkbox" data-toggle="switch" />
 783 |
784 |

Adding the checked attribute the element will turn the switch on.

785 | 786 |

787 | 
 788 | <input type="checkbox" checked data-toggle="switch" />
 789 |
790 |
791 | 792 | 793 | 794 | 795 | 878 | 926 | 927 |

Tiles

928 |
929 |

The tiles are a custom componant providied just for the Drunken Parrot UI Kit. We have created two custom tiles, one for a profile and one for a login. Both the tiles are extremely easy to include in your project by following the markup below.

930 |
931 |
932 |
933 |
934 | 935 |

James Hoarrd

936 |

Ship Captain

937 | Profile 938 |
939 |
940 |
941 |
942 | 966 |
967 |
968 |

969 | 970 |

Profile Tile

971 | 
 972 | <div class="tile tile-profile">
 973 |   <img src="images/captain-hoarrd.png" alt="">
 974 |   <h4>James Hoarrd</h4>
 975 |   <p>Ship Captain</p>
 976 |   <a href="#" class="btn btn-block btn-danger btn-embossed">Profile</a>
 977 | </div>
 978 |
979 |
980 |

Login Tile

981 | 982 | 
 983 | <div class="tile tile-login">
 984 |   <h3 class="logo">Hoarrd!</h3>
 985 |   <div class="input-icon">
 986 |     <span class="fa-user fa"></span>
 987 |     <input type="text" class="form-control" placeholder="Username">
 988 |   </div>
 989 |   <div class="input-icon">
 990 |     <span class="fa-lock fa"></span>
 991 |     <input type="password" class="form-control" placeholder="******">
 992 |   </div>
 993 |   <a href="#" class="btn btn-block btn-primary btn-embossed">Log in</a>
 994 |   <div class="login-action clearfix">
 995 |     <div class="col-md-8">
 996 |       <label class="checkbox">
 997 |         <input type="checkbox" value="" data-toggle="checkbox" />Remember Me
 998 |       </label>
 999 |     </div>
1000 |     <div class="col-md-4">
1001 |       <a href="#">Forget?</a>
1002 |     </div>
1003 |   </div>
1004 | </div>
1005 |
1006 | 1007 |
1008 | 1009 | 1010 |

Toolbars

1011 |
1012 |

The toolbar is another custom componant for Drunken Parror UI Kit that makes use of a customised version Paul Kinzett's toolbar.js Jquery Plugin. The toolbars requires jquery, so please make sure you have included jQuery in your project and the toolbar.js plugin file.

1013 | 1014 |
1015 |
1016 |
1017 | 1018 | 1019 | 1020 |
1021 |
1022 |

1023 |

Include your toolbar icons in a div wrapper and ensure it is hidden.

1024 | 
1025 | <div id="toolbar-icons" style="display: none">
1026 |   <a href="#"><i class="fa fa-user"></i></a>
1027 |   <a href="#"><i class="fa fa-star"></i></a>
1028 |   <a href="#"><i class="fa fa-flag"></i></a>
1029 |   <a href="#"><i class="fa fa-edit"></i></a>
1030 |   <a href="#"><i class="fa fa-trash-o"></i></a>
1031 | </div>
1032 |
1033 |
1034 |

And include the icon you want to trigger the toolbar which will need the class .icon-button on the parent link tag.

1035 | 1036 | 
1037 | <a id="toolbar" class="icon-button"><i class="fa fa-cog"></i></a>
1038 |
1039 |
1040 |

Finally inlcude the js code as per the documentation in the Toolbar.js documentation.

1041 | 
1042 | $('#toolbar').toolbar({
1043 |   content: '#toolbar-icons',
1044 |   position: 'top'
1045 | });
1046 |
1047 |
1048 |

We have included two new position options to the toolbar plugin. vertical-top and vertical-bottom

1049 |
1050 |
1051 |
1052 | 1053 | 1054 | 1055 |
1056 | 1057 |
1058 | 1059 | 1060 | 1061 |
1062 |
1063 |
1064 |
1065 |
1066 |
1067 |
1068 |
1069 |
1070 |
1071 | 1078 | 1079 |
1080 |
1081 |
1082 |
1083 | 1101 |
1102 | 1103 |
1104 |
1105 |
1106 |
1107 |
1108 |
1109 | 1110 | 1111 | 1112 | 1113 | 1114 | 1115 | 1116 | 1117 | 1118 | 1119 | 1120 | 1140 | 1141 | -------------------------------------------------------------------------------- /fonts/fontawesome/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/fontawesome/FontAwesome.otf -------------------------------------------------------------------------------- /fonts/fontawesome/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/fontawesome/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/fontawesome/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/fontawesome/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-bold.eot -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-bold.ttf -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-bold.woff -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-extralight.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-extralight.eot -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-extralight.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-extralight.ttf -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-extralight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-extralight.woff -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-regular.eot -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-regular.ttf -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-regular.woff -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-semibold.eot -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-semibold.ttf -------------------------------------------------------------------------------- /fonts/source-sans-pro/sourcesanspro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/fonts/source-sans-pro/sourcesanspro-semibold.woff -------------------------------------------------------------------------------- /images/captain-hoarrd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/captain-hoarrd.png -------------------------------------------------------------------------------- /images/jumbotron.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/jumbotron.jpg -------------------------------------------------------------------------------- /images/logo-dark@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/logo-dark@2x.png -------------------------------------------------------------------------------- /images/logo-yellow@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/logo-yellow@2x.png -------------------------------------------------------------------------------- /images/logo@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/logo@2x.png -------------------------------------------------------------------------------- /images/thumbnail-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-01.jpg -------------------------------------------------------------------------------- /images/thumbnail-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-02.jpg -------------------------------------------------------------------------------- /images/thumbnail-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-03.jpg -------------------------------------------------------------------------------- /images/thumbnail-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-04.jpg -------------------------------------------------------------------------------- /images/thumbnail-large-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-large-01.jpg -------------------------------------------------------------------------------- /images/thumbnail-large-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-large-02.jpg -------------------------------------------------------------------------------- /images/thumbnail-large-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rikitanone/drunken-parrot-flat-ui/7a7988b292a6348d959a608447413d9d142e5769/images/thumbnail-large-03.jpg -------------------------------------------------------------------------------- /js/application.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | // Switch 3 | $("[data-toggle='switch']").bootstrapSwitch({baseClass: 'switch'}); 4 | 5 | $('#top-toolbar').toolbar({ 6 | content: '#user-toolbar-options', 7 | position: 'top' 8 | }); 9 | 10 | $('#bottom-toolbar').toolbar({ 11 | content: '#user-toolbar-options', 12 | position: 'bottom' 13 | }); 14 | 15 | $('#vertical-top-toolbar').toolbar({ 16 | content: '#user-toolbar-options', 17 | position: 'vertical-top' 18 | }); 19 | 20 | $('#vertical-bottom-toolbar').toolbar({ 21 | content: '#user-toolbar-options', 22 | position: 'vertical-bottom' 23 | }); 24 | 25 | })(jQuery); -------------------------------------------------------------------------------- /js/bootstrap-switch.js: -------------------------------------------------------------------------------- 1 | /* ======================================================================== 2 | * bootstrap-switch - v3.0.1 3 | * http://www.bootstrap-switch.org 4 | * ======================================================================== 5 | * Copyright 2012-2013 Mattia Larentis 6 | * 7 | * ======================================================================== 8 | * Licensed under the Apache License, Version 2.0 (the "License"); 9 | * you may not use this file except in compliance with the License. 10 | * You may obtain a copy of the License at 11 | * 12 | * http://www.apache.org/licenses/LICENSE-2.0 13 | * 14 | * Unless required by applicable law or agreed to in writing, software 15 | * distributed under the License is distributed on an "AS IS" BASIS, 16 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 17 | * See the License for the specific language governing permissions and 18 | * limitations under the License. 19 | * ======================================================================== 20 | */ 21 | 22 | (function() { 23 | var __slice = [].slice; 24 | 25 | (function($, window) { 26 | "use strict"; 27 | var BootstrapSwitch; 28 | BootstrapSwitch = (function() { 29 | function BootstrapSwitch(element, options) { 30 | if (options == null) { 31 | options = {}; 32 | } 33 | this.$element = $(element); 34 | this.options = $.extend({}, $.fn.bootstrapSwitch.defaults, options, { 35 | state: this.$element.is(":checked"), 36 | size: this.$element.data("size"), 37 | animate: this.$element.data("animate"), 38 | disabled: this.$element.is(":disabled"), 39 | readonly: this.$element.is("[readonly]"), 40 | indeterminate: this.$element.data("indeterminate"), 41 | onColor: this.$element.data("on-color"), 42 | offColor: this.$element.data("off-color"), 43 | onText: this.$element.data("on-text"), 44 | offText: this.$element.data("off-text"), 45 | labelText: this.$element.data("label-text"), 46 | baseClass: this.$element.data("base-class"), 47 | wrapperClass: this.$element.data("wrapper-class") 48 | }); 49 | this.$wrapper = $("
", { 50 | "class": (function(_this) { 51 | return function() { 52 | var classes; 53 | classes = ["" + _this.options.baseClass].concat(_this._getClasses(_this.options.wrapperClass)); 54 | classes.push(_this.options.state ? "" + _this.options.baseClass + "-on" : "" + _this.options.baseClass + "-off"); 55 | if (_this.options.size != null) { 56 | classes.push("" + _this.options.baseClass + "-" + _this.options.size); 57 | } 58 | if (_this.options.animate) { 59 | classes.push("" + _this.options.baseClass + "-animate"); 60 | } 61 | if (_this.options.disabled) { 62 | classes.push("" + _this.options.baseClass + "-disabled"); 63 | } 64 | if (_this.options.readonly) { 65 | classes.push("" + _this.options.baseClass + "-readonly"); 66 | } 67 | if (_this.options.indeterminate) { 68 | classes.push("" + _this.options.baseClass + "-indeterminate"); 69 | } 70 | if (_this.$element.attr("id")) { 71 | classes.push("" + _this.options.baseClass + "-id-" + (_this.$element.attr("id"))); 72 | } 73 | return classes.join(" "); 74 | }; 75 | })(this)() 76 | }); 77 | this.$container = $("
", { 78 | "class": "" + this.options.baseClass + "-container" 79 | }); 80 | this.$on = $("", { 81 | html: this.options.onText, 82 | "class": "" + this.options.baseClass + "-handle-on " + this.options.baseClass + "-" + this.options.onColor 83 | }); 84 | this.$off = $("", { 85 | html: this.options.offText, 86 | "class": "" + this.options.baseClass + "-handle-off " + this.options.baseClass + "-" + this.options.offColor 87 | }); 88 | this.$label = $("' 110 | } 111 | 112 | 113 | /* RADIO NO CONFLICT 114 | * ================== */ 115 | 116 | $.fn.radio.noConflict = function () { 117 | $.fn.radio = old; 118 | return this; 119 | } 120 | 121 | 122 | /* RADIO DATA-API 123 | * =============== */ 124 | 125 | $(document).on('click.radio.data-api', '[data-toggle^=radio], .radio', function (e) { 126 | var $radio = $(e.target); 127 | e && e.preventDefault() && e.stopPropagation(); 128 | if (!$radio.hasClass('radio')) $radio = $radio.closest('.radio'); 129 | $radio.find(':radio').radio('toggle'); 130 | }); 131 | 132 | $(function () { 133 | $('[data-toggle="radio"]').each(function () { 134 | var $radio = $(this); 135 | $radio.radio(); 136 | }); 137 | }); 138 | 139 | }(window.jQuery); 140 | -------------------------------------------------------------------------------- /js/switch.js: -------------------------------------------------------------------------------- 1 | /* ============================================================ 2 | * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru 3 | * http://www.larentis.eu/switch/ 4 | * ============================================================ 5 | * Licensed under the Apache License, Version 2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * ============================================================ */ 8 | 9 | !function ($) { 10 | "use strict"; 11 | 12 | $.fn['bootstrapSwitch'] = function (method) { 13 | var methods = { 14 | init: function () { 15 | return this.each(function () { 16 | var $element = $(this) 17 | , $div 18 | , $switchLeft 19 | , $switchRight 20 | , $label 21 | , myClasses = "" 22 | , classes = $element.attr('class') 23 | , color 24 | , moving 25 | , onLabel = "ON" 26 | , offLabel = "OFF" 27 | , icon = false; 28 | 29 | $.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) { 30 | if (classes.indexOf(el) >= 0) 31 | myClasses = el; 32 | }); 33 | 34 | $element.addClass('has-switch'); 35 | 36 | if ($element.data('on') !== undefined) 37 | color = "switch-" + $element.data('on'); 38 | 39 | if ($element.data('on-label') !== undefined) 40 | onLabel = $element.data('on-label'); 41 | 42 | if ($element.data('off-label') !== undefined) 43 | offLabel = $element.data('off-label'); 44 | 45 | if ($element.data('icon') !== undefined) 46 | icon = $element.data('icon'); 47 | 48 | $switchLeft = $('') 49 | .addClass("switch-left") 50 | .addClass(myClasses) 51 | .addClass(color) 52 | .html(onLabel); 53 | 54 | color = ''; 55 | if ($element.data('off') !== undefined) 56 | color = "switch-" + $element.data('off'); 57 | 58 | $switchRight = $('') 59 | .addClass("switch-right") 60 | .addClass(myClasses) 61 | .addClass(color) 62 | .html(offLabel); 63 | 64 | $label = $('