├── img ├── glyphicons-halflings.png └── glyphicons-halflings-white.png ├── README.md ├── css ├── tribal-form.css ├── tribal-timetable.css ├── tribal-bootstrap.css ├── bootstrap-responsive.css ├── docs.css └── bootstrap.css ├── js ├── tribal-shared.js ├── bootstrap-collapse.js ├── tribal-form.js ├── tribal.js ├── bootstrap-tooltip.js ├── tribal-timetable.js └── jquery.ba-resize.js ├── TwoColumnList.htm ├── Timetable.htm └── Timetable.htm.bak /img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gschen/timetable/HEAD/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gschen/timetable/HEAD/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | timetable 2 | ========= 3 | 4 | This is a Tiemtable ui based on bootstrap and jquery. 5 | 6 | 7 | ![demo](http://h.picphotos.baidu.com/album/s%3D1100%3Bq%3D90/sign=bedc027b942bd40746c7d7fc4bb9a520/c75c10385343fbf205e93a70b37eca8064388f98.jpg) 8 | -------------------------------------------------------------------------------- /css/tribal-form.css: -------------------------------------------------------------------------------- 1 | .well .dl-multicolumn 2 | { 3 | margin-top: 0px !important; 4 | margin-bottom: 0px !important; 5 | } 6 | .dl-multicolumn 7 | { 8 | display: table; 9 | } 10 | .dl-multicolumn dt 11 | { 12 | margin:0px; 13 | overflow:visible !important; 14 | margin-right: 10px; 15 | } 16 | .dl-multicolumn dd 17 | { 18 | margin:0px; 19 | margin-right:0px; 20 | margin-bottom: 5px; 21 | /*display:table-cell;*/ 22 | } 23 | .dl-multicolumn dd 24 | { 25 | float:left; 26 | } 27 | @media (min-width: 768px) 28 | { 29 | .dl-multicolumn dt 30 | { 31 | margin-bottom: 5px; 32 | } 33 | .dl-multicolumn dd 34 | { 35 | margin-left:0px !important; 36 | } 37 | } 38 | @media (max-width: 767px) 39 | { 40 | .dl-multicolumn dd, .dl-multicolumn dt 41 | { 42 | display: block !important; 43 | float: none; 44 | } 45 | .dl-multicolumn dd 46 | { 47 | margin-left: 10px; 48 | } 49 | } -------------------------------------------------------------------------------- /js/tribal-shared.js: -------------------------------------------------------------------------------- 1 | // 2 | // This work by http://twitter.com/Ben_Lowe of http://www.triballabs.net is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License. 3 | // http://creativecommons.org/licenses/by-nc-sa/2.0/uk/ 4 | // 5 | 6 | // http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/ 7 | $.fn.getHiddenDimensions = function (includeMargin) { 8 | var $item = this, 9 | props = { position: 'absolute', visibility: 'hidden', display: 'block' }, 10 | dim = { width: 0, height: 0, innerWidth: 0, innerHeight: 0, outerWidth: 0, outerHeight: 0 }, 11 | $hiddenParents = $item.parents().andSelf().not(':visible'), 12 | includeMargin = (includeMargin == null) ? false : includeMargin; 13 | 14 | var oldProps = []; 15 | $hiddenParents.each(function () { 16 | var old = {}; 17 | 18 | for (var name in props) { 19 | old[name] = this.style[name]; 20 | this.style[name] = props[name]; 21 | } 22 | 23 | oldProps.push(old); 24 | }); 25 | 26 | // TribalLabs: add 5px to width as it doesn't seem to be perfect 27 | dim.width = $item.width() + 5; 28 | dim.outerWidth = $item.outerWidth(includeMargin); 29 | dim.innerWidth = $item.innerWidth(); 30 | dim.height = $item.height(); 31 | dim.innerHeight = $item.innerHeight(); 32 | dim.outerHeight = $item.outerHeight(includeMargin); 33 | 34 | $hiddenParents.each(function (i) { 35 | var old = oldProps[i]; 36 | for (var name in props) { 37 | this.style[name] = old[name]; 38 | } 39 | }); 40 | 41 | return dim; 42 | } -------------------------------------------------------------------------------- /css/tribal-timetable.css: -------------------------------------------------------------------------------- 1 | 2 | .timetable 3 | { 4 | background-color:#fff; 5 | padding: 0px; 6 | margin: 0px; 7 | border: 1px solid #ddd; 8 | position:relative; 9 | margin-bottom:10px; 10 | -webkit-border-radius: 4px; 11 | -moz-border-radius: 4px; 12 | border-radius: 4px; 13 | } 14 | .tt-times 15 | { 16 | position:absolute; 17 | margin:0px; 18 | padding: 0px 0px 0px 116px; 19 | border-width: 0px; 20 | border-bottom: 1px solid #ddd; 21 | display: table; 22 | z-index:1; 23 | background-color: rgb(240,240,240); 24 | background-color: rgba(125,125,125,0.1); 25 | } 26 | .tt-time 27 | { 28 | float: left; 29 | padding: 5px; 30 | margin: 0px; 31 | border-width: 0px; 32 | border-right: 1px solid rgb(220,220,220); 33 | border-right: 1px solid rgba(125,125,125,0.1); 34 | display: table-row; 35 | overflow:hidden; 36 | } 37 | .tt-times .tt-time:last-child 38 | { 39 | border-right: 0px; 40 | } 41 | .tt-days 42 | { 43 | position:relative; 44 | padding: 0px; 45 | margin: 0px; 46 | border-width: 0px; 47 | border-right: 1px solid #ddd; 48 | border-left: 0px solid #ddd; 49 | display: table; 50 | z-index:0; 51 | background-color: rgb(240,240,240); 52 | background-color: rgba(125,125,125,0.1); 53 | } 54 | .tt-day 55 | { 56 | /* display: table-row;*/ 57 | /* overflow:hidden; 58 | text-overflow: ellipsis;*/ 59 | margin: 0px; 60 | border-width: 0px; 61 | padding:5px; 62 | min-height:30px; 63 | border-bottom: 1px solid #ddd; 64 | } 65 | .tt-days .tt-day:last-child 66 | { 67 | border-bottom: 0px; 68 | } 69 | .tt-events 70 | { 71 | position:absolute; 72 | list-style: none; 73 | list-style-position: outside; 74 | display: table-row; 75 | z-index:2; 76 | margin:0px; 77 | padding:0px; 78 | } 79 | 80 | .tt-event, .tt-event:hover 81 | { 82 | font-size:smaller; 83 | line-height:normal; 84 | position:absolute; 85 | overflow:hidden; 86 | /* text-overflow: ellipsis;*/ 87 | border: 1px solid #888; 88 | /* background:#fff;*/ 89 | padding:3px; 90 | white-space: nowrap; 91 | text-shadow: none; 92 | -webkit-border-radius: 4px; 93 | -moz-border-radius: 4px; 94 | border-radius: 4px; 95 | } 96 | -------------------------------------------------------------------------------- /css/tribal-bootstrap.css: -------------------------------------------------------------------------------- 1 | body 2 | { 3 | padding-top: 50px; 4 | } 5 | @media (max-width: 980px) { 6 | 7 | /* Remove any padding from the body */ 8 | body { 9 | padding-top: 0; 10 | } 11 | } 12 | .brand 13 | { 14 | /* color:#eee !important;*/ 15 | } 16 | .subhead h1 17 | { 18 | font-size: 40px; 19 | } 20 | span.visible-phone 21 | { 22 | display:inline !important; 23 | } 24 | @media (max-width: 767px) 25 | { 26 | .subhead h1 27 | { 28 | font-size: 30px; 29 | } 30 | .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 31 | { 32 | clear:both 33 | } 34 | } 35 | @media (min-width: 768px) 36 | { 37 | span.visible-phone 38 | { 39 | display:none !important; 40 | } 41 | } 42 | @media (max-width: 480px) 43 | { 44 | .form-search input 45 | { 46 | width: 170px; 47 | } 48 | } 49 | h2 50 | { 51 | font-size: 22px; 52 | line-height: normal; 53 | margin-bottom:4px; 54 | margin-top:0px; 55 | } 56 | h3 57 | { 58 | font-size: 14px; 59 | font-weight:normal; 60 | } 61 | .tab-pane .row 62 | { 63 | margin-right:-20px; 64 | } 65 | .btn 66 | { 67 | margin-left: 5px; 68 | margin-bottom: 5px; 69 | } 70 | .btn:first-child 71 | { 72 | margin-left: 0px; 73 | } 74 | .regMark 75 | { 76 | cursor:pointer; 77 | margin:-8px; 78 | padding:8px; 79 | line-height:19px; 80 | } 81 | .negative 82 | { 83 | background-color: rgba(200,54,54,0.5); 84 | } 85 | .positive 86 | { 87 | background-color: rgba(54,200,54,0.5); 88 | } 89 | .tempMark 90 | { 91 | color: rgba(0,0,0,0.3); 92 | } 93 | .plainList 94 | { 95 | list-style-type:none; 96 | margin-left:0px; 97 | } 98 | li.Horizontal 99 | { 100 | float:left; 101 | } 102 | li.Vertical 103 | { 104 | border-bottom-width: 1px; 105 | border-bottom-color:#eee; 106 | border-bottom-style:solid; 107 | margin-bottom:5px; 108 | } 109 | li.Vertical:last-child 110 | { 111 | border-bottom-width: 0px; 112 | } 113 | .paraTrim * 114 | { 115 | display:none; 116 | } 117 | .paraTrim *:first-child 118 | { 119 | display:block; 120 | text-overflow:ellipsis; 121 | overflow:hidden; 122 | white-space:nowrap; 123 | } 124 | .nav-tabs 125 | { 126 | margin-left:-20px; 127 | margin-right:-20px; 128 | padding-left:20px; 129 | padding-right:20px; 130 | margin-bottom:0px; 131 | border-bottom: 1px solid #ddd; 132 | } 133 | .nav-tabs > li > a, 134 | .nav-pills > li > a { 135 | padding-right: 6px; 136 | padding-left: 6px; 137 | margin-right: 2px; 138 | line-height: 14px; 139 | } 140 | .tab-content 141 | { 142 | margin-left:-20px; 143 | margin-right:-20px; 144 | margin-bottom:10px; 145 | 146 | padding-left:20px; 147 | padding-right:20px; 148 | padding-top:18px; 149 | 150 | border-top-width: 0px; 151 | border-right: 1px solid #ddd; 152 | border-bottom: 1px solid #ddd; 153 | border-left: 1px solid #ddd; 154 | } 155 | 156 | .tab-pane .form-actions 157 | { 158 | margin-left: -20px; 159 | margin-right: -20px; 160 | margin-bottom: 0px; 161 | } 162 | .datePicker 163 | { 164 | width: 100px 165 | } 166 | td .btn 167 | { 168 | margin-bottom: -2px; 169 | margin-top: -2px; 170 | } -------------------------------------------------------------------------------- /js/bootstrap-collapse.js: -------------------------------------------------------------------------------- 1 | /* ============================================================= 2 | * bootstrap-collapse.js v2.0.4 3 | * http://twitter.github.com/bootstrap/javascript.html#collapse 4 | * ============================================================= 5 | * Copyright 2012 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ============================================================ */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* COLLAPSE PUBLIC CLASS DEFINITION 27 | * ================================ */ 28 | 29 | var Collapse = function (element, options) { 30 | this.$element = $(element) 31 | this.options = $.extend({}, $.fn.collapse.defaults, options) 32 | 33 | if (this.options.parent) { 34 | this.$parent = $(this.options.parent) 35 | } 36 | 37 | this.options.toggle && this.toggle() 38 | } 39 | 40 | Collapse.prototype = { 41 | 42 | constructor: Collapse 43 | 44 | , dimension: function () { 45 | var hasWidth = this.$element.hasClass('width') 46 | return hasWidth ? 'width' : 'height' 47 | } 48 | 49 | , show: function () { 50 | var dimension 51 | , scroll 52 | , actives 53 | , hasData 54 | 55 | if (this.transitioning) return 56 | 57 | dimension = this.dimension() 58 | scroll = $.camelCase(['scroll', dimension].join('-')) 59 | actives = this.$parent && this.$parent.find('> .accordion-group > .in') 60 | 61 | if (actives && actives.length) { 62 | hasData = actives.data('collapse') 63 | if (hasData && hasData.transitioning) return 64 | actives.collapse('hide') 65 | hasData || actives.data('collapse', null) 66 | } 67 | 68 | this.$element[dimension](0) 69 | this.transition('addClass', $.Event('show'), 'shown') 70 | this.$element[dimension](this.$element[0][scroll]) 71 | } 72 | 73 | , hide: function () { 74 | var dimension 75 | if (this.transitioning) return 76 | dimension = this.dimension() 77 | this.reset(this.$element[dimension]()) 78 | this.transition('removeClass', $.Event('hide'), 'hidden') 79 | this.$element[dimension](0) 80 | } 81 | 82 | , reset: function (size) { 83 | var dimension = this.dimension() 84 | 85 | this.$element 86 | .removeClass('collapse') 87 | [dimension](size || 'auto') 88 | [0].offsetWidth 89 | 90 | this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') 91 | 92 | return this 93 | } 94 | 95 | , transition: function (method, startEvent, completeEvent) { 96 | var that = this 97 | , complete = function () { 98 | if (startEvent.type == 'show') that.reset() 99 | that.transitioning = 0 100 | that.$element.trigger(completeEvent) 101 | } 102 | 103 | this.$element.trigger(startEvent) 104 | 105 | if (startEvent.isDefaultPrevented()) return 106 | 107 | this.transitioning = 1 108 | 109 | this.$element[method]('in') 110 | 111 | $.support.transition && this.$element.hasClass('collapse') ? 112 | this.$element.one($.support.transition.end, complete) : 113 | complete() 114 | } 115 | 116 | , toggle: function () { 117 | this[this.$element.hasClass('in') ? 'hide' : 'show']() 118 | } 119 | 120 | } 121 | 122 | 123 | /* COLLAPSIBLE PLUGIN DEFINITION 124 | * ============================== */ 125 | 126 | $.fn.collapse = function (option) { 127 | return this.each(function () { 128 | var $this = $(this) 129 | , data = $this.data('collapse') 130 | , options = typeof option == 'object' && option 131 | if (!data) $this.data('collapse', (data = new Collapse(this, options))) 132 | if (typeof option == 'string') data[option]() 133 | }) 134 | } 135 | 136 | $.fn.collapse.defaults = { 137 | toggle: true 138 | } 139 | 140 | $.fn.collapse.Constructor = Collapse 141 | 142 | 143 | /* COLLAPSIBLE DATA-API 144 | * ==================== */ 145 | 146 | $(function () { 147 | $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function ( e ) { 148 | var $this = $(this), href 149 | , target = $this.attr('data-target') 150 | || e.preventDefault() 151 | || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 152 | , option = $(target).data('collapse') ? 'toggle' : $this.data() 153 | $(target).collapse(option) 154 | }) 155 | }) 156 | 157 | }(window.jQuery); -------------------------------------------------------------------------------- /js/tribal-form.js: -------------------------------------------------------------------------------- 1 | // 2 | // This work by http://twitter.com/Ben_Lowe of http://www.triballabs.net is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License. 3 | // http://creativecommons.org/licenses/by-nc-sa/2.0/uk/ 4 | // 5 | $(function () { 6 | 7 | var multiColumnDtMargin = 0; 8 | var gapBetweenCols = 10; 9 | // initialise each list 10 | $(document).ready(function () { 11 | $('.dl-horizontal').parent().each(function (i) { 12 | $(this).InitialiseForm(); 13 | $(this).resizeDlHorizontal(); 14 | }); 15 | }); 16 | 17 | // capture resizing of the list (using jquery.ba-resize.js) 18 | $('.dl-horizontal').parent().resize(function () { 19 | $(this).resizeDlHorizontal(); 20 | }); 21 | 22 | $.fn.InitialiseForm = function () { 23 | jQuery('.dl-horizontal', this).each(function (j) { 24 | var maxLabelWidth = new Array(); 25 | var isMultiCol = $(this).hasClass('dl-multicolumn'); 26 | // default to one column 27 | var colCount = 1; 28 | if (isMultiCol) { 29 | // if multi column then default to 2 columns // changed to 1 30 | colCount = 1; 31 | if (typeof ($(this).data('colcount')) !== 'undefined') { 32 | colCount = $(this).data('colcount'); 33 | } 34 | } 35 | 36 | // make sure all have the colcount set 37 | $(this).data('colcount', colCount); 38 | 39 | // set starter width values for each column 40 | for (i = 0; i < colCount; i++) { 41 | maxLabelWidth[i] = 0; 42 | } 43 | 44 | var width = $(this).parent().width(); 45 | 46 | // set the dt width to auto to allow for correct measurments. Doesn't work if set in css. 47 | jQuery('dt', this).css('width', 'auto'); 48 | jQuery('dt', this).css('float', 'left'); 49 | 50 | jQuery('dt', this).each(function (i) { 51 | 52 | if (multiColumnDtMargin == 0) { 53 | multiColumnDtMargin = parseInt($(this).css('margin-left')) + parseInt($(this).css('margin-right')); 54 | } 55 | 56 | var titleWidth = $(this).getHiddenDimensions(false).width; 57 | 58 | if (titleWidth > maxLabelWidth[i % colCount]) { 59 | maxLabelWidth[i % colCount] = titleWidth; 60 | } 61 | 62 | if (i % colCount != 0) { 63 | $(this).css('clear', 'none'); 64 | } 65 | }); 66 | 67 | // undo the temporary float set 68 | jQuery('dt', this).css('width', ''); 69 | jQuery('dt', this).css('float', ''); 70 | 71 | for (i = 0; i < colCount; i++) { 72 | if (i == 0) { 73 | $(this).data('maxLabel' + i + 'Width', maxLabelWidth[i]); 74 | } 75 | else { 76 | $(this).data('maxLabel' + i + 'Width', maxLabelWidth[i] + gapBetweenCols); 77 | } 78 | 79 | } 80 | }); 81 | } 82 | 83 | $.fn.resizeDlHorizontal = function () { 84 | var width = $(this).width(); 85 | 86 | jQuery('.dl-horizontal', this).each(function (j) { 87 | var padLeft = parseInt($(this).css('padding-left')); 88 | var padRight = parseInt($(this).css('padding-right')); 89 | 90 | width -= padLeft + padRight; 91 | 92 | var isMultiCol = $(this).hasClass('dl-multicolumn'); 93 | var colCount = $(this).data('colcount'); 94 | 95 | if ($(window).width() < 768) { 96 | jQuery('dt', this).css('width', 'auto'); 97 | jQuery('dd', this).css('width', 'auto'); 98 | } 99 | else { 100 | jQuery('dt', this).each(function (i) { 101 | // set width of title to max width for that column 102 | $(this).css('width', $(this).parent().data('maxLabel' + [i % colCount] + 'Width')); 103 | 104 | }); 105 | 106 | jQuery('dd', this).each(function (i) { 107 | $(this).css('width', (width / colCount) - $(this).parent().data('maxLabel' + [i % colCount] + 'Width') - $(this).css('margin-left').replace('px', '') - multiColumnDtMargin - 1); 108 | $(this).css('height', ''); 109 | }); 110 | 111 | // fix for IE8 to make sure values don't follow on from previously floated elements 112 | var maxHeight = 0; 113 | jQuery('dd', this).each(function (i) { 114 | if (i % colCount == 0) { 115 | maxHeight = 0; 116 | } 117 | if ($(this).height() >= maxHeight) { 118 | maxHeight = $(this).height(); 119 | } 120 | else { 121 | $(this).css('height', maxHeight); 122 | } 123 | }); 124 | } 125 | }); 126 | } 127 | }); -------------------------------------------------------------------------------- /js/tribal.js: -------------------------------------------------------------------------------- 1 | // 2 | // This work by http://twitter.com/Ben_Lowe of http://www.triballabs.net is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License. 3 | // http://creativecommons.org/licenses/by-nc-sa/2.0/uk/ 4 | // 5 | 6 | /// 7 | 8 | Array.prototype.last = function() {return this[this.length-1];} 9 | 10 | function setCookie(c_name, value, exdays) { 11 | var exdate = new Date(); 12 | exdate.setDate(exdate.getDate() + exdays); 13 | var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString()); 14 | document.cookie = c_name + "=" + c_value; 15 | } 16 | 17 | function getCookie(c_name) { 18 | var i, x, y, ARRcookies = document.cookie.split(";"); 19 | for (i = 0; i < ARRcookies.length; i++) { 20 | x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("=")); 21 | y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1); 22 | x = x.replace(/^\s+|\s+$/g, ""); 23 | if (x == c_name) { 24 | return unescape(y); 25 | } 26 | } 27 | return ""; 28 | } 29 | 30 | (function ($) { 31 | var _dataFn = $.fn.data; 32 | $.fn.data = function (key, val) { 33 | if (typeof val !== 'undefined') { 34 | $.expr.attrHandle[key] = function (elem) { 35 | return $(elem).attr(key) || $(elem).data(key); 36 | }; 37 | } 38 | return _dataFn.apply(this, arguments); 39 | }; 40 | })(jQuery); 41 | 42 | function removeOldCookieValues() { 43 | var cookieValue = getCookie("agentTabs"); 44 | var tabs = cookieValue.split('|'); 45 | 46 | if (tabs[0] == '') { 47 | tabs.shift(); 48 | } 49 | 50 | for (i = 0; i < tabs.length; i++) { 51 | var tabDetails = tabs[i].split('#'); 52 | var localToken = tabDetails[0].substring(tabDetails[0].indexOf("token=") + 6); 53 | if (token != localToken) { 54 | tabs[i] = ""; 55 | } 56 | } 57 | 58 | cookieValue = ''; 59 | var itemCount = 0; 60 | for (i = 0; i < tabs.length; i++) { 61 | if (tabs[i] != "") { 62 | if (itemCount > 0) { 63 | cookieValue += '|'; 64 | } 65 | cookieValue += tabs[i]; 66 | itemCount++; 67 | } 68 | } 69 | 70 | setCookie("agentTabs", cookieValue, 1); 71 | } 72 | 73 | $(function () { 74 | 75 | $.fn.textWidth = function () { 76 | var html_org = $(this).html(); 77 | var html_calc = '' + html_org + ''; 78 | $(this).html(html_calc); 79 | var width = $(this).find('span:first').width(); 80 | $(this).html(html_org); 81 | return width; 82 | }; 83 | 84 | // http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/ 85 | $.fn.getHiddenDimensions = function (includeMargin) { 86 | var $item = this, 87 | props = { position: 'absolute', visibility: 'hidden', display: 'block' }, 88 | dim = { width: 0, height: 0, innerWidth: 0, innerHeight: 0, outerWidth: 0, outerHeight: 0 }, 89 | $hiddenParents = $item.parents().andSelf().not(':visible'), 90 | includeMargin = (includeMargin == null) ? false : includeMargin; 91 | 92 | var oldProps = []; 93 | $hiddenParents.each(function () { 94 | var old = {}; 95 | 96 | for (var name in props) { 97 | old[name] = this.style[name]; 98 | this.style[name] = props[name]; 99 | } 100 | 101 | oldProps.push(old); 102 | }); 103 | 104 | dim.width = $item.width(); 105 | dim.outerWidth = $item.outerWidth(includeMargin); 106 | dim.innerWidth = $item.innerWidth(); 107 | dim.height = $item.height(); 108 | dim.innerHeight = $item.innerHeight(); 109 | dim.outerHeight = $item.outerHeight(includeMargin); 110 | 111 | $hiddenParents.each(function (i) { 112 | var old = oldProps[i]; 113 | for (var name in props) { 114 | this.style[name] = old[name]; 115 | } 116 | }); 117 | 118 | return dim; 119 | } 120 | 121 | $.fn.setLastTab = function () { 122 | //alert($(this).attr('href')); 123 | //alert(window.location.search); 124 | 125 | removeOldCookieValues(); 126 | 127 | var tabFound = false; 128 | var cookieValue = getCookie("agentTabs"); 129 | var tabs = cookieValue.split('|'); 130 | 131 | if (tabs[0] == '') { 132 | tabs.shift(); 133 | } 134 | 135 | for (i = 0; i < tabs.length; i++) { 136 | var tabDetails = tabs[i].split('#'); 137 | if (tabDetails[0] == window.location.search.replace('guest=1&', '')) { 138 | tabs[i] = window.location.search.replace('guest=1&', '') + '#' + $(this).attr('href').slice(1); 139 | tabFound = true; 140 | } 141 | } 142 | if (!tabFound) { 143 | tabs.push(window.location.search.replace('guest=1&', '') + '#' + $(this).attr('href').slice(1)); 144 | } 145 | 146 | cookieValue = ''; 147 | for (i = 0; i < tabs.length; i++) { 148 | if (i > 0) { 149 | cookieValue += '|'; 150 | } 151 | cookieValue += tabs[i]; 152 | } 153 | 154 | setCookie("agentTabs", cookieValue, 1); 155 | } 156 | 157 | $(document).ready(function (e) { 158 | removeOldCookieValues(); 159 | var cookieValue = getCookie("agentTabs"); 160 | var tabs = cookieValue.split('|'); 161 | 162 | if (tabs[0] == '') { 163 | tabs.shift(); 164 | } 165 | 166 | for (i = 0; i < tabs.length; i++) { 167 | var tabDetails = tabs[i].split('#') 168 | if (tabDetails[0] == window.location.search.replace('guest=1&', '')) { 169 | var tabId = tabDetails[1].split('-'); 170 | $('#' + tabId[0] + ' li:eq(' + tabId[1] + ') a').tab('show'); 171 | } 172 | } 173 | }) 174 | 175 | $('.configLink').click(function (e) { 176 | var params = $(this).data('params'); 177 | 178 | /*if (params.substring(0, 4) == 'http') { 179 | document.location = params; 180 | return false; 181 | }*/ 182 | 183 | var localGuest = ""; 184 | if (guest == 1) { 185 | localGuest = 'guest=1&'; 186 | } 187 | var params = $(this).data('params'); 188 | if (typeof params === 'undefined') { 189 | params = ""; 190 | } 191 | else { 192 | params += '&'; 193 | } 194 | 195 | var cookieValue = getCookie("agentTabs"); 196 | var tabs = cookieValue.split('|'); 197 | 198 | if (tabs[0] == '') { 199 | tabs.shift(); 200 | } 201 | 202 | for (i = 0; i < tabs.length; i++) { 203 | var tabDetails = tabs[i].split('#'); 204 | if (tabDetails[0] == '?' + params + 'token=' + token) { 205 | tabs.splice(i, 1); 206 | break; 207 | } 208 | } 209 | cookieValue = ''; 210 | for (i = 0; i < tabs.length; i++) { 211 | if (i > 0) { 212 | cookieValue += '|'; 213 | } 214 | cookieValue += tabs[i]; 215 | } 216 | 217 | setCookie("agentTabs", cookieValue, 1); 218 | document.location = 'dynamicpage.php?' + params + 'token=' + token; 219 | 220 | return false; 221 | }); 222 | }); -------------------------------------------------------------------------------- /TwoColumnList.htm: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | Multi-Column Definition Lists 22 | 34 | 35 | 36 | 53 |
54 |
55 |

Multi-Column Definition Lists

56 |
57 |

58 | View the 59 | blog post supporting this sample code.

60 |
61 |
62 |
Name
63 |
64 | Ben Lowe
65 |
Gender
66 |
67 | Male
68 |
School
69 |
70 | Sheffield School
71 |
DOB
72 |
73 | 01/01/1986
74 |
Email
75 |
76 | name@company.co.uk
77 |
Phone
78 |
79 | +44 114 2196000+44 114 2196000
81 |
Address
82 |
83 | 26 Main Road
84 | Sheffield
85 | S1 1AA
86 |
87 |
88 |
89 |
90 |
91 |
92 |
Name
93 |
94 | Here is a much longer bit of text. Let's see if it wraps. Here is a much longer 95 | bit of text. Let's see if it wraps. Here is a much longer bit of text. Let's see 96 | if it wraps. Here is a much longer bit of text. Let's see if it wraps. Here is a 97 | much longer bit of text. Let's see if it wraps. Here is a much longer bit of text. 98 | Let's see if it wraps.
99 |
Name
100 |
101 | Here is a much longer bit of text. Let's see if it wraps. Here is a much longer 102 | bit of text. Let's see if it wraps. Here is a much longer bit of text. Let's see 103 | if it wraps. Here is a much longer bit of text. Let's see if it wraps. Here is a 104 | much longer bit of text. Let's see if it wraps. Here is a much longer bit of text. 105 | Let's see if it wraps.
106 |
Address with
107 | a long name
108 |
109 | 26 Main Road
110 | Sheffield
111 | S1 1AA
112 |
113 |
114 |
115 |
116 |
117 |
118 |
Long text
119 |
120 | Here is a much longer bit of text. Let's see if it wraps. Here is a much longer 121 | bit of text. Let's see if it wraps. Here is a much longer bit of text. Let's see 122 | if it wraps. Here is a much longer bit of text. Let's see if it wraps. Here is a 123 | much longer bit of text. Let's see if it wraps. Here is a much longer bit of text. 124 | Let's see if it wraps.
125 |
Short
126 |
127 | Here is a short bit of text.
128 |
129 |
130 |
131 |
132 | 141 |
142 | 143 | 144 | -------------------------------------------------------------------------------- /js/bootstrap-tooltip.js: -------------------------------------------------------------------------------- 1 | /* =========================================================== 2 | * bootstrap-tooltip.js v2.0.4 3 | * http://twitter.github.com/bootstrap/javascript.html#tooltips 4 | * Inspired by the original jQuery.tipsy by Jason Frame 5 | * =========================================================== 6 | * Copyright 2012 Twitter, Inc. 7 | * 8 | * Licensed under the Apache License, Version 2.0 (the "License"); 9 | * you may not use this file except in compliance with the License. 10 | * You may obtain a copy of the License at 11 | * 12 | * http://www.apache.org/licenses/LICENSE-2.0 13 | * 14 | * Unless required by applicable law or agreed to in writing, software 15 | * distributed under the License is distributed on an "AS IS" BASIS, 16 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 17 | * See the License for the specific language governing permissions and 18 | * limitations under the License. 19 | * ========================================================== */ 20 | 21 | 22 | !function ($) { 23 | 24 | "use strict"; // jshint ;_; 25 | 26 | 27 | /* TOOLTIP PUBLIC CLASS DEFINITION 28 | * =============================== */ 29 | 30 | var Tooltip = function (element, options) { 31 | this.init('tooltip', element, options) 32 | } 33 | 34 | Tooltip.prototype = { 35 | 36 | constructor: Tooltip 37 | 38 | , init: function (type, element, options) { 39 | var eventIn 40 | , eventOut 41 | 42 | this.type = type 43 | this.$element = $(element) 44 | this.options = this.getOptions(options) 45 | this.enabled = true 46 | 47 | if (this.options.trigger != 'manual') { 48 | eventIn = this.options.trigger == 'hover' ? 'mouseenter' : 'focus' 49 | eventOut = this.options.trigger == 'hover' ? 'mouseleave' : 'blur' 50 | this.$element.on(eventIn, this.options.selector, $.proxy(this.enter, this)) 51 | this.$element.on(eventOut, this.options.selector, $.proxy(this.leave, this)) 52 | } 53 | 54 | this.options.selector ? 55 | (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : 56 | this.fixTitle() 57 | } 58 | 59 | , getOptions: function (options) { 60 | options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data()) 61 | 62 | if (options.delay && typeof options.delay == 'number') { 63 | options.delay = { 64 | show: options.delay 65 | , hide: options.delay 66 | } 67 | } 68 | 69 | return options 70 | } 71 | 72 | , enter: function (e) { 73 | var self = $(e.currentTarget)[this.type](this._options).data(this.type) 74 | 75 | if (!self.options.delay || !self.options.delay.show) return self.show() 76 | 77 | clearTimeout(this.timeout) 78 | self.hoverState = 'in' 79 | this.timeout = setTimeout(function() { 80 | if (self.hoverState == 'in') self.show() 81 | }, self.options.delay.show) 82 | } 83 | 84 | , leave: function (e) { 85 | var self = $(e.currentTarget)[this.type](this._options).data(this.type) 86 | 87 | if (this.timeout) clearTimeout(this.timeout) 88 | if (!self.options.delay || !self.options.delay.hide) return self.hide() 89 | 90 | self.hoverState = 'out' 91 | this.timeout = setTimeout(function() { 92 | if (self.hoverState == 'out') self.hide() 93 | }, self.options.delay.hide) 94 | } 95 | 96 | , show: function () { 97 | var $tip 98 | , inside 99 | , pos 100 | , actualWidth 101 | , actualHeight 102 | , placement 103 | , tp 104 | 105 | if (this.hasContent() && this.enabled) { 106 | $tip = this.tip() 107 | this.setContent() 108 | 109 | if (this.options.animation) { 110 | $tip.addClass('fade') 111 | } 112 | 113 | placement = typeof this.options.placement == 'function' ? 114 | this.options.placement.call(this, $tip[0], this.$element[0]) : 115 | this.options.placement 116 | 117 | inside = /in/.test(placement) 118 | 119 | $tip 120 | .remove() 121 | .css({ top: 0, left: 0, display: 'block' }) 122 | .appendTo(inside ? this.$element : document.body) 123 | 124 | pos = this.getPosition(inside) 125 | 126 | actualWidth = $tip[0].offsetWidth 127 | actualHeight = $tip[0].offsetHeight 128 | 129 | switch (inside ? placement.split(' ')[1] : placement) { 130 | case 'bottom': 131 | tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} 132 | break 133 | case 'top': 134 | tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} 135 | break 136 | case 'left': 137 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} 138 | break 139 | case 'right': 140 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} 141 | break 142 | } 143 | 144 | $tip 145 | .css(tp) 146 | .addClass(placement) 147 | .addClass('in') 148 | } 149 | } 150 | 151 | , isHTML: function(text) { 152 | // html string detection logic adapted from jQuery 153 | return typeof text != 'string' 154 | || ( text.charAt(0) === "<" 155 | && text.charAt( text.length - 1 ) === ">" 156 | && text.length >= 3 157 | ) || /^(?:[^<]*<[\w\W]+>[^>]*$)/.exec(text) 158 | } 159 | 160 | , setContent: function () { 161 | var $tip = this.tip() 162 | , title = this.getTitle() 163 | 164 | $tip.find('.tooltip-inner')[this.isHTML(title) ? 'html' : 'text'](title) 165 | $tip.removeClass('fade in top bottom left right') 166 | } 167 | 168 | , hide: function () { 169 | var that = this 170 | , $tip = this.tip() 171 | 172 | $tip.removeClass('in') 173 | 174 | function removeWithAnimation() { 175 | var timeout = setTimeout(function () { 176 | $tip.off($.support.transition.end).remove() 177 | }, 500) 178 | 179 | $tip.one($.support.transition.end, function () { 180 | clearTimeout(timeout) 181 | $tip.remove() 182 | }) 183 | } 184 | 185 | $.support.transition && this.$tip.hasClass('fade') ? 186 | removeWithAnimation() : 187 | $tip.remove() 188 | } 189 | 190 | , fixTitle: function () { 191 | var $e = this.$element 192 | if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { 193 | $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title') 194 | } 195 | } 196 | 197 | , hasContent: function () { 198 | return this.getTitle() 199 | } 200 | 201 | , getPosition: function (inside) { 202 | return $.extend({}, (inside ? {top: 0, left: 0} : this.$element.offset()), { 203 | width: this.$element[0].offsetWidth 204 | , height: this.$element[0].offsetHeight 205 | }) 206 | } 207 | 208 | , getTitle: function () { 209 | var title 210 | , $e = this.$element 211 | , o = this.options 212 | 213 | title = $e.attr('data-original-title') 214 | || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) 215 | 216 | return title 217 | } 218 | 219 | , tip: function () { 220 | return this.$tip = this.$tip || $(this.options.template) 221 | } 222 | 223 | , validate: function () { 224 | if (!this.$element[0].parentNode) { 225 | this.hide() 226 | this.$element = null 227 | this.options = null 228 | } 229 | } 230 | 231 | , enable: function () { 232 | this.enabled = true 233 | } 234 | 235 | , disable: function () { 236 | this.enabled = false 237 | } 238 | 239 | , toggleEnabled: function () { 240 | this.enabled = !this.enabled 241 | } 242 | 243 | , toggle: function () { 244 | this[this.tip().hasClass('in') ? 'hide' : 'show']() 245 | } 246 | 247 | } 248 | 249 | 250 | /* TOOLTIP PLUGIN DEFINITION 251 | * ========================= */ 252 | 253 | $.fn.tooltip = function ( option ) { 254 | return this.each(function () { 255 | var $this = $(this) 256 | , data = $this.data('tooltip') 257 | , options = typeof option == 'object' && option 258 | if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) 259 | if (typeof option == 'string') data[option]() 260 | }) 261 | } 262 | 263 | $.fn.tooltip.Constructor = Tooltip 264 | 265 | $.fn.tooltip.defaults = { 266 | animation: true 267 | , placement: 'top' 268 | , selector: false 269 | , template: '
' 270 | , trigger: 'hover' 271 | , title: '' 272 | , delay: 0 273 | } 274 | 275 | }(window.jQuery); 276 | -------------------------------------------------------------------------------- /Timetable.htm: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | jQuery Timetable 24 | 25 | 26 | 27 | 28 |
29 |
30 |

jQuery Timetable

31 |
32 |

View the blog post supporting this sample code.

33 |
34 |
    35 |
  • 36 | 数理统计
    37 | 09:00 - 11:30
    38 | 金老师
  • 39 |
  • 40 | A2 Statistics (A2Stat 2)
    41 | 11:00 - 12:00
    42 | C310 ACL Lecture
  • 43 |
  • 44 | A2 Pure Maths (A2PMath 1)
    45 | 13:10 - 14:40
    46 | B125 ACL Tutorial
  • 47 |
  • 48 | Marking
    49 | 14:40 - 16:30
    50 | Self managed time
  • 51 |
  • 52 | Bob Smith
    53 | 12:00 - 13:00
    54 | Meeting
  • 55 |
  • 56 | Jane Jones
    57 | 15:45 - 16:00
    58 | Meeting
  • 59 |
  • 60 | Marking
    61 | 09:00 - 10:40
    62 | Self managed time
  • 63 |
  • 64 | AS Pure Maths (ASPMath)
    65 | 10:40 - 12:10
    66 | C300 ACL Lecture
  • 67 |
  • 68 | Fred Brown
    69 | 12:10 - 12:25
    70 | Meeting
  • 71 |
  • 72 | AS Applied Maths (ASAMath 1)
    73 | 13:10 - 14:40
    74 | C318 ACL Lecture
  • 75 |
  • 76 | A2 Statistics (A2Stat 2)
    77 | 14:50 - 16:20
    78 | B121 ACL Tutorial
  • 79 |
  • 80 | Open day
  • 81 |
  • 82 | AS Applied Maths (ASAMath 1)
    83 | 09:00 - 10:30
    84 | C318 ACL Tutorial
  • 85 |
  • 86 | A2 Statistics (A2Stat 2)
    87 | 10:40 - 12:10
    88 | C310 ACL Tutorial
  • 89 |
  • 90 | A2 Pure Maths (A2PMath 1)
    91 | 13:10 - 14:40
    92 | B125 ACL Lecture
  • 93 |
  • 94 | AS Pure Maths (ASPMath)
    95 | 14:50 - 16:20
    96 | B125 ACL Lecture
  • 97 |
  • 98 | Marking
    99 | 09:00 - 12:00
    100 | Marking
  • 101 |
  • 102 | Planning meeting
    103 | 12:00 - 13:45
    104 | A223 Meeting
  • 105 |
  • 106 | Fred Brown
    107 | 14:00 - 14:30
    108 | B137 Viva
  • 109 |
  • 110 | Bob Smith
    111 | 14:30 - 15:00
    112 | B137 Viva
  • 113 |
  • 114 | Jane Jones
    115 | 15:00 - 15:30
    116 | B137 Viva
  • 117 |
  • 118 | Harry Franks
    119 | 15:30 - 16:00
    120 | B137 Viva
  • 121 |
  • 122 | Not working
  • 123 |
124 |
125 |
126 | 09.00
127 |
128 | 10.00
129 |
130 | 11.00
131 |
132 | 12.00
133 |
134 | 13.00
135 |
136 | 14.00
137 |
138 | 15.00
139 |
140 | 16.00
141 |
142 |
143 |
144 | 11-11
145 |
146 | Tue
147 |
148 | Wed
149 |
150 | Thu
151 |
152 | Fri
153 | 154 |
155 |
156 |
157 | 158 | 159 | -------------------------------------------------------------------------------- /js/tribal-timetable.js: -------------------------------------------------------------------------------- 1 | // 2 | // This work by http://twitter.com/Ben_Lowe of http://www.triballabs.net is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License. 3 | // http://creativecommons.org/licenses/by-nc-sa/2.0/uk/ 4 | // 5 | $(function () { 6 | $('.timetable').resize(function (e) { 7 | $(this).resizeTimetable(); 8 | }); 9 | $(document).ready(function (e) { 10 | $('.timetable').each(function (e) { 11 | $(this).initialiseTT(); 12 | $(this).resizeTimetable(); 13 | }); 14 | }); 15 | 16 | $.fn.initialiseTT = function () { 17 | var daysArr = new Array(new Array(), new Array(), new Array(), new Array(), new Array(), new Array(), new Array()); 18 | 19 | // create array to determine and calcuate position of clashing events 20 | jQuery('.tt-event', this).each(function (i) { 21 | $(this).attr('rel', 'tooltip'); 22 | $(this).attr('title', $(this).html().replace('
', '\n')); 23 | 24 | $(this).attr('unselectable', 'on') 25 | .css({ 26 | '-moz-user-select': 'none', 27 | '-webkit-user-select': 'none', 28 | 'user-select': 'none', 29 | '-ms-user-select': 'none' 30 | }) 31 | .each(function () { 32 | this.onselectstart = function () { return false; }; 33 | }); 34 | 35 | var placed = false; 36 | var dayInt = parseInt($(this).data('day')); 37 | 38 | for (i = 0; i < daysArr[dayInt].length; i++) { 39 | // if nothing in column then add it in 40 | if (daysArr[dayInt][i].length == 0) { 41 | daysArr[dayInt][i].push(new Array($(this).data('id'), $(this).data('start'), $(this).data('duration'), $(this).getHiddenDimensions(false).height)); 42 | $(this).data('column', i); 43 | placed = true; 44 | } 45 | else { 46 | // check last end time in column and see if it overlaps 47 | var lastEv = daysArr[$(this).data('day')][i].last(); 48 | 49 | if (lastEv[1] + lastEv[2] <= $(this).data('start')) { 50 | daysArr[dayInt][i].push(new Array($(this).data('id'), $(this).data('start'), $(this).data('duration'), $(this).getHiddenDimensions(false).height)); 51 | $(this).data('column', i); 52 | placed = true; 53 | } 54 | } 55 | } 56 | // if not placed then add a new column 57 | if (!placed) { 58 | daysArr[dayInt].push(new Array(new Array($(this).data('id'), $(this).data('start'), $(this).data('duration'), $(this).getHiddenDimensions(false).height))); 59 | $(this).data('column', daysArr[dayInt].length - 1); 60 | } 61 | }); 62 | 63 | // work out the required heights of each column 64 | // loop through each day 65 | for (i = 0; i < daysArr.length; i++) { 66 | //loop through each column 67 | for (j = 0; j < daysArr[i].length; j++) { 68 | var maxHeight = 0; 69 | // loop through each event 70 | for (k = 0; k < daysArr[i][j].length; k++) { 71 | if (daysArr[i][j][k][3] > maxHeight) { 72 | maxHeight = daysArr[i][j][k][3]; 73 | } 74 | } 75 | daysArr[i][j].push(maxHeight); 76 | } 77 | } 78 | 79 | //loop again through events to set their heights and top offset 80 | jQuery('.tt-event', this).each(function (i) { 81 | $(this).height(daysArr[$(this).data('day')][$(this).data('column')].last()); 82 | 83 | var top = 0; 84 | for (i = 0; i < $(this).data('column'); i++) { 85 | top += daysArr[$(this).data('day')][i].last() + 10; 86 | } 87 | $(this).data('top', top); 88 | }); 89 | 90 | jQuery("[rel=tooltip]", this).tooltip(); 91 | jQuery('.timetable', this).tooltip(); 92 | 93 | jQuery('.tt-day', this).each(function (i) { 94 | var height = 0; 95 | for (j = 0; j < daysArr[i].length; j++) { 96 | height += daysArr[i][j].last() + 10; 97 | } 98 | if (height > 0) { 99 | $(this).height(height - 5); 100 | } 101 | }); 102 | } 103 | 104 | $.fn.resizeTimetable = function () { 105 | var tt = this; 106 | // reset day widths to allow for day names changing based on screen width 107 | jQuery('.tt-day', this).width('auto'); 108 | jQuery('.tt-day', this).css('margin-right', 0); 109 | 110 | var ttDaysExtras = parseInt(jQuery('.tt-days', this).css('border-left-width')) + parseInt(jQuery('.tt-days', this).css('border-right-width')) + parseInt(jQuery('.tt-days', this).css('padding-left')) + parseInt(jQuery('.tt-days', this).css('padding-right')); 111 | 112 | // have to float left to get width correctly in IE8 and below 113 | jQuery('.tt-days', this).css('float', 'left'); 114 | var daysWidth = jQuery('.tt-days', this).width() + ttDaysExtras; // + border 115 | jQuery('.tt-days', this).css('width', daysWidth + 'px'); 116 | jQuery('.tt-days', this).css('float', ''); 117 | var temp = jQuery('.tt-days', this).getHiddenDimensions(); 118 | jQuery('.tt-times', this).css('padding-left', daysWidth); 119 | 120 | var ttTimesExtras = parseInt(jQuery('.tt-times', this).css('border-top-width')) + parseInt(jQuery('.tt-times', this).css('border-bottom-width')) + parseInt(jQuery('.tt-times', this).css('padding-top')) + parseInt(jQuery('.tt-times', this).css('padding-bottom')); 121 | var ttTimeExtras = parseInt(jQuery('.tt-time', this).last().css('padding-bottom')) + parseInt(jQuery('.tt-time', this).last().css('padding-top')); 122 | var tempWidth = jQuery('.tt-time', this).last().width(); 123 | jQuery('.tt-time', this).last().width(0); 124 | var timesHeight = jQuery('.tt-times', this).height() + ttTimesExtras; // + border 125 | jQuery('.tt-time', this).last().width(tempWidth); 126 | 127 | jQuery('.tt-days', this).css('top', (timesHeight) + 'px'); 128 | 129 | $(this).height((timesHeight + jQuery('.tt-days', this).height()) + 'px'); 130 | 131 | jQuery('.tt-events', this).css('left', daysWidth); 132 | jQuery('.tt-events', this).css('top', timesHeight); 133 | /* check why different between height and width - times/days */ 134 | var ttWidth = $(this).width(); 135 | var width = $(this).width() - jQuery('.tt-days', this).width() - ttDaysExtras; 136 | var height = $(this).height(); 137 | var hours = $(this).data('hours'); 138 | var hourWidth = Math.floor(width / hours); 139 | var timeWidth = hourWidth - parseInt(jQuery('.tt-time', this).first().css('padding-left')) - parseInt(jQuery('.tt-time', this).first().css('padding-right')) - parseInt(jQuery('.tt-time', this).first().css('border-left-width')) - parseInt(jQuery('.tt-time', this).first().css('border-right-width')); 140 | var widthLeft = width; 141 | var timeHeight = height - ttTimesExtras - ttTimeExtras; 142 | var timeMarginBottom = -1 * timeHeight; 143 | var maxDayWidth = 0; 144 | var dayHeights = new Array(); 145 | var dayYOffset = new Array(); 146 | 147 | // set sizes of the times 148 | jQuery('.tt-time', this).each(function (i) { 149 | if (i < hours - 1) { 150 | $(this).width(timeWidth); 151 | $(this).height(timeHeight); 152 | $(this).css('margin-bottom', timeMarginBottom); 153 | widthLeft -= hourWidth; 154 | } 155 | else { 156 | $(this).width(widthLeft - parseInt($(this).css('padding-left')) - parseInt($(this).css('padding-right')) - parseInt($(this).css('border-left-width')) - parseInt($(this).css('border-right-width'))); 157 | } 158 | }); 159 | 160 | // set day sizes 161 | jQuery('.tt-day', this).each(function (i) { 162 | var dayWidth = ttWidth - ttDaysExtras - parseInt($(this).css('padding-left')) - parseInt($(this).css('padding-right')); 163 | $(this).width(dayWidth); 164 | $(this).css('margin-right', -1 * width); 165 | dayHeights[i] = $(this).height() + 11; 166 | if (i == 0) { 167 | dayYOffset[i] = 0; 168 | } 169 | else { 170 | dayYOffset[i] = dayYOffset[i - 1] + dayHeights[i - 1]; 171 | } 172 | }); 173 | 174 | jQuery('.tt-event', this).each(function (i) { 175 | var eventStart = $(this).data('start') * hourWidth; 176 | var eventWidth = Math.max($(this).data('duration') * hourWidth - 9, 1); 177 | var eventDay = $(this).data('day'); 178 | 179 | $(this).css('top', dayYOffset[eventDay] + $(this).data('top')); 180 | $(this).css('left', eventStart); 181 | $(this).width(eventWidth); 182 | }); 183 | 184 | return false; 185 | }; 186 | }); 187 | 188 | -------------------------------------------------------------------------------- /js/jquery.ba-resize.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery resize event - v1.1 - 3/14/2010 3 | * http://benalman.com/projects/jquery-resize-plugin/ 4 | * 5 | * Copyright (c) 2010 "Cowboy" Ben Alman 6 | * Dual licensed under the MIT and GPL licenses. 7 | * http://benalman.com/about/license/ 8 | */ 9 | 10 | // Script: jQuery resize event 11 | // 12 | // *Version: 1.1, Last updated: 3/14/2010* 13 | // 14 | // Project Home - http://benalman.com/projects/jquery-resize-plugin/ 15 | // GitHub - http://github.com/cowboy/jquery-resize/ 16 | // Source - http://github.com/cowboy/jquery-resize/raw/master/jquery.ba-resize.js 17 | // (Minified) - http://github.com/cowboy/jquery-resize/raw/master/jquery.ba-resize.min.js (1.0kb) 18 | // 19 | // About: License 20 | // 21 | // Copyright (c) 2010 "Cowboy" Ben Alman, 22 | // Dual licensed under the MIT and GPL licenses. 23 | // http://benalman.com/about/license/ 24 | // 25 | // About: Examples 26 | // 27 | // This working example, complete with fully commented code, illustrates a few 28 | // ways in which this plugin can be used. 29 | // 30 | // resize event - http://benalman.com/code/projects/jquery-resize/examples/resize/ 31 | // 32 | // About: Support and Testing 33 | // 34 | // Information about what version or versions of jQuery this plugin has been 35 | // tested with, what browsers it has been tested in, and where the unit tests 36 | // reside (so you can test it yourself). 37 | // 38 | // jQuery Versions - 1.3.2, 1.4.1, 1.4.2 39 | // Browsers Tested - Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome, Opera 9.6-10.1. 40 | // Unit Tests - http://benalman.com/code/projects/jquery-resize/unit/ 41 | // 42 | // About: Release History 43 | // 44 | // 1.1 - (3/14/2010) Fixed a minor bug that was causing the event to trigger 45 | // immediately after bind in some circumstances. Also changed $.fn.data 46 | // to $.data to improve performance. 47 | // 1.0 - (2/10/2010) Initial release 48 | 49 | (function($,window,undefined){ 50 | '$:nomunge'; // Used by YUI compressor. 51 | 52 | // A jQuery object containing all non-window elements to which the resize 53 | // event is bound. 54 | var elems = $([]), 55 | 56 | // Extend $.resize if it already exists, otherwise create it. 57 | jq_resize = $.resize = $.extend( $.resize, {} ), 58 | 59 | timeout_id, 60 | 61 | // Reused strings. 62 | str_setTimeout = 'setTimeout', 63 | str_resize = 'resize', 64 | str_data = str_resize + '-special-event', 65 | str_delay = 'delay', 66 | str_throttle = 'throttleWindow'; 67 | 68 | // Property: jQuery.resize.delay 69 | // 70 | // The numeric interval (in milliseconds) at which the resize event polling 71 | // loop executes. Defaults to 250. 72 | 73 | jq_resize[ str_delay ] = 250; 74 | 75 | // Property: jQuery.resize.throttleWindow 76 | // 77 | // Throttle the native window object resize event to fire no more than once 78 | // every milliseconds. Defaults to true. 79 | // 80 | // Because the window object has its own resize event, it doesn't need to be 81 | // provided by this plugin, and its execution can be left entirely up to the 82 | // browser. However, since certain browsers fire the resize event continuously 83 | // while others do not, enabling this will throttle the window resize event, 84 | // making event behavior consistent across all elements in all browsers. 85 | // 86 | // While setting this property to false will disable window object resize 87 | // event throttling, please note that this property must be changed before any 88 | // window object resize event callbacks are bound. 89 | 90 | jq_resize[ str_throttle ] = true; 91 | 92 | // Event: resize event 93 | // 94 | // Fired when an element's width or height changes. Because browsers only 95 | // provide this event for the window element, for other elements a polling 96 | // loop is initialized, running every milliseconds 97 | // to see if elements' dimensions have changed. You may bind with either 98 | // .resize( fn ) or .bind( "resize", fn ), and unbind with .unbind( "resize" ). 99 | // 100 | // Usage: 101 | // 102 | // > jQuery('selector').bind( 'resize', function(e) { 103 | // > // element's width or height has changed! 104 | // > ... 105 | // > }); 106 | // 107 | // Additional Notes: 108 | // 109 | // * The polling loop is not created until at least one callback is actually 110 | // bound to the 'resize' event, and this single polling loop is shared 111 | // across all elements. 112 | // 113 | // Double firing issue in jQuery 1.3.2: 114 | // 115 | // While this plugin works in jQuery 1.3.2, if an element's event callbacks 116 | // are manually triggered via .trigger( 'resize' ) or .resize() those 117 | // callbacks may double-fire, due to limitations in the jQuery 1.3.2 special 118 | // events system. This is not an issue when using jQuery 1.4+. 119 | // 120 | // > // While this works in jQuery 1.4+ 121 | // > $(elem).css({ width: new_w, height: new_h }).resize(); 122 | // > 123 | // > // In jQuery 1.3.2, you need to do this: 124 | // > var elem = $(elem); 125 | // > elem.css({ width: new_w, height: new_h }); 126 | // > elem.data( 'resize-special-event', { width: elem.width(), height: elem.height() } ); 127 | // > elem.resize(); 128 | 129 | $.event.special[ str_resize ] = { 130 | 131 | // Called only when the first 'resize' event callback is bound per element. 132 | setup: function() { 133 | // Since window has its own native 'resize' event, return false so that 134 | // jQuery will bind the event using DOM methods. Since only 'window' 135 | // objects have a .setTimeout method, this should be a sufficient test. 136 | // Unless, of course, we're throttling the 'resize' event for window. 137 | if ( !jq_resize[ str_throttle ] && this[ str_setTimeout ] ) { return false; } 138 | 139 | var elem = $(this); 140 | 141 | // Add this element to the list of internal elements to monitor. 142 | elems = elems.add( elem ); 143 | 144 | // Initialize data store on the element. 145 | $.data( this, str_data, { w: elem.width(), h: elem.height() } ); 146 | 147 | // If this is the first element added, start the polling loop. 148 | if ( elems.length === 1 ) { 149 | loopy(); 150 | } 151 | }, 152 | 153 | // Called only when the last 'resize' event callback is unbound per element. 154 | teardown: function() { 155 | // Since window has its own native 'resize' event, return false so that 156 | // jQuery will unbind the event using DOM methods. Since only 'window' 157 | // objects have a .setTimeout method, this should be a sufficient test. 158 | // Unless, of course, we're throttling the 'resize' event for window. 159 | if ( !jq_resize[ str_throttle ] && this[ str_setTimeout ] ) { return false; } 160 | 161 | var elem = $(this); 162 | 163 | // Remove this element from the list of internal elements to monitor. 164 | elems = elems.not( elem ); 165 | 166 | // Remove any data stored on the element. 167 | elem.removeData( str_data ); 168 | 169 | // If this is the last element removed, stop the polling loop. 170 | if ( !elems.length ) { 171 | clearTimeout( timeout_id ); 172 | } 173 | }, 174 | 175 | // Called every time a 'resize' event callback is bound per element (new in 176 | // jQuery 1.4). 177 | add: function( handleObj ) { 178 | // Since window has its own native 'resize' event, return false so that 179 | // jQuery doesn't modify the event object. Unless, of course, we're 180 | // throttling the 'resize' event for window. 181 | if ( !jq_resize[ str_throttle ] && this[ str_setTimeout ] ) { return false; } 182 | 183 | var old_handler; 184 | 185 | // The new_handler function is executed every time the event is triggered. 186 | // This is used to update the internal element data store with the width 187 | // and height when the event is triggered manually, to avoid double-firing 188 | // of the event callback. See the "Double firing issue in jQuery 1.3.2" 189 | // comments above for more information. 190 | 191 | function new_handler( e, w, h ) { 192 | var elem = $(this), 193 | data = $.data( this, str_data ); 194 | 195 | // If called from the polling loop, w and h will be passed in as 196 | // arguments. If called manually, via .trigger( 'resize' ) or .resize(), 197 | // those values will need to be computed. 198 | data.w = w !== undefined ? w : elem.width(); 199 | data.h = h !== undefined ? h : elem.height(); 200 | 201 | old_handler.apply( this, arguments ); 202 | }; 203 | 204 | // This may seem a little complicated, but it normalizes the special event 205 | // .add method between jQuery 1.4/1.4.1 and 1.4.2+ 206 | if ( $.isFunction( handleObj ) ) { 207 | // 1.4, 1.4.1 208 | old_handler = handleObj; 209 | return new_handler; 210 | } else { 211 | // 1.4.2+ 212 | old_handler = handleObj.handler; 213 | handleObj.handler = new_handler; 214 | } 215 | } 216 | 217 | }; 218 | 219 | function loopy() { 220 | 221 | // Start the polling loop, asynchronously. 222 | timeout_id = window[ str_setTimeout ](function(){ 223 | 224 | // Iterate over all elements to which the 'resize' event is bound. 225 | elems.each(function(){ 226 | var elem = $(this), 227 | width = elem.width(), 228 | height = elem.height(), 229 | data = $.data( this, str_data ); 230 | 231 | // If element size has changed since the last time, update the element 232 | // data store and trigger the 'resize' event. 233 | if ( width !== data.w || height !== data.h ) { 234 | elem.trigger( str_resize, [ data.w = width, data.h = height ] ); 235 | } 236 | 237 | }); 238 | 239 | // Loop. 240 | loopy(); 241 | 242 | }, jq_resize[ str_delay ] ); 243 | 244 | }; 245 | 246 | })(jQuery,this); 247 | -------------------------------------------------------------------------------- /css/bootstrap-responsive.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.0.4 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | .clearfix { 12 | *zoom: 1; 13 | } 14 | 15 | .clearfix:before, 16 | .clearfix:after { 17 | display: table; 18 | content: ""; 19 | } 20 | 21 | .clearfix:after { 22 | clear: both; 23 | } 24 | 25 | .hide-text { 26 | font: 0/0 a; 27 | color: transparent; 28 | text-shadow: none; 29 | background-color: transparent; 30 | border: 0; 31 | } 32 | 33 | .input-block-level { 34 | display: block; 35 | width: 100%; 36 | min-height: 28px; 37 | -webkit-box-sizing: border-box; 38 | -moz-box-sizing: border-box; 39 | -ms-box-sizing: border-box; 40 | box-sizing: border-box; 41 | } 42 | 43 | .hidden { 44 | display: none; 45 | visibility: hidden; 46 | } 47 | 48 | .visible-phone { 49 | display: none !important; 50 | } 51 | 52 | .visible-tablet { 53 | display: none !important; 54 | } 55 | 56 | .hidden-desktop { 57 | display: none !important; 58 | } 59 | 60 | @media (max-width: 767px) { 61 | .visible-phone { 62 | display: inherit !important; 63 | } 64 | .hidden-phone { 65 | display: none !important; 66 | } 67 | .hidden-desktop { 68 | display: inherit !important; 69 | } 70 | .visible-desktop { 71 | display: none !important; 72 | } 73 | } 74 | 75 | @media (min-width: 768px) and (max-width: 979px) { 76 | .visible-tablet { 77 | display: inherit !important; 78 | } 79 | .hidden-tablet { 80 | display: none !important; 81 | } 82 | .hidden-desktop { 83 | display: inherit !important; 84 | } 85 | .visible-desktop { 86 | display: none !important ; 87 | } 88 | } 89 | 90 | @media (max-width: 480px) { 91 | .nav-collapse { 92 | -webkit-transform: translate3d(0, 0, 0); 93 | } 94 | .page-header h1 small { 95 | display: block; 96 | line-height: 18px; 97 | } 98 | input[type=checkbox], input[type=radio] { 99 | border: 1px solid #ccc; 100 | } 101 | .form-horizontal .control-group > label { 102 | float: none; 103 | width: auto; 104 | padding-top: 0; 105 | text-align: left; 106 | } 107 | .form-horizontal .controls { 108 | margin-left: 0; 109 | } 110 | .form-horizontal .control-list { 111 | padding-top: 0; 112 | } 113 | .form-horizontal .form-actions { 114 | padding-right: 10px; 115 | padding-left: 10px; 116 | } 117 | .modal { 118 | position: absolute; 119 | top: 10px; 120 | right: 10px; 121 | left: 10px; 122 | width: auto; 123 | margin: 0; 124 | } 125 | .modal.fade.in { 126 | top: auto; 127 | } 128 | .modal-header .close { 129 | padding: 10px; 130 | margin: -10px; 131 | } 132 | .carousel-caption { 133 | position: static; 134 | } 135 | } 136 | 137 | @media (max-width: 767px) { 138 | body { 139 | padding-right: 20px; 140 | padding-left: 20px; 141 | } 142 | .navbar-fixed-top, 143 | .navbar-fixed-bottom { 144 | margin-right: -20px; 145 | margin-left: -20px; 146 | } 147 | .container-fluid { 148 | padding: 0; 149 | } 150 | .dl-horizontal dt { 151 | float: none; 152 | width: auto; 153 | clear: none; 154 | text-align: left; 155 | } 156 | .dl-horizontal dd { 157 | margin-left: 0; 158 | } 159 | .container { 160 | width: auto; 161 | } 162 | .row-fluid { 163 | width: 100%; 164 | } 165 | .row, 166 | .thumbnails { 167 | margin-left: 0; 168 | } 169 | [class*="span"], 170 | .row-fluid [class*="span"] { 171 | display: block; 172 | float: none; 173 | width: auto; 174 | margin-left: 0; 175 | } 176 | .input-large, 177 | .input-xlarge, 178 | .input-xxlarge, 179 | input[class*="span"], 180 | select[class*="span"], 181 | textarea[class*="span"], 182 | .uneditable-input { 183 | display: block; 184 | width: 100%; 185 | min-height: 28px; 186 | -webkit-box-sizing: border-box; 187 | -moz-box-sizing: border-box; 188 | -ms-box-sizing: border-box; 189 | box-sizing: border-box; 190 | } 191 | .input-prepend input, 192 | .input-append input, 193 | .input-prepend input[class*="span"], 194 | .input-append input[class*="span"] { 195 | display: inline-block; 196 | width: auto; 197 | } 198 | } 199 | 200 | @media (min-width: 768px) and (max-width: 979px) { 201 | .row { 202 | margin-left: -20px; 203 | *zoom: 1; 204 | } 205 | .row:before, 206 | .row:after { 207 | display: table; 208 | content: ""; 209 | } 210 | .row:after { 211 | clear: both; 212 | } 213 | [class*="span"] { 214 | float: left; 215 | margin-left: 20px; 216 | } 217 | .container, 218 | .navbar-fixed-top .container, 219 | .navbar-fixed-bottom .container { 220 | width: 724px; 221 | } 222 | .span12 { 223 | width: 724px; 224 | } 225 | .span11 { 226 | width: 662px; 227 | } 228 | .span10 { 229 | width: 600px; 230 | } 231 | .span9 { 232 | width: 538px; 233 | } 234 | .span8 { 235 | width: 476px; 236 | } 237 | .span7 { 238 | width: 414px; 239 | } 240 | .span6 { 241 | width: 352px; 242 | } 243 | .span5 { 244 | width: 290px; 245 | } 246 | .span4 { 247 | width: 228px; 248 | } 249 | .span3 { 250 | width: 166px; 251 | } 252 | .span2 { 253 | width: 104px; 254 | } 255 | .span1 { 256 | width: 42px; 257 | } 258 | .offset12 { 259 | margin-left: 764px; 260 | } 261 | .offset11 { 262 | margin-left: 702px; 263 | } 264 | .offset10 { 265 | margin-left: 640px; 266 | } 267 | .offset9 { 268 | margin-left: 578px; 269 | } 270 | .offset8 { 271 | margin-left: 516px; 272 | } 273 | .offset7 { 274 | margin-left: 454px; 275 | } 276 | .offset6 { 277 | margin-left: 392px; 278 | } 279 | .offset5 { 280 | margin-left: 330px; 281 | } 282 | .offset4 { 283 | margin-left: 268px; 284 | } 285 | .offset3 { 286 | margin-left: 206px; 287 | } 288 | .offset2 { 289 | margin-left: 144px; 290 | } 291 | .offset1 { 292 | margin-left: 82px; 293 | } 294 | .row-fluid { 295 | width: 100%; 296 | *zoom: 1; 297 | } 298 | .row-fluid:before, 299 | .row-fluid:after { 300 | display: table; 301 | content: ""; 302 | } 303 | .row-fluid:after { 304 | clear: both; 305 | } 306 | .row-fluid [class*="span"] { 307 | display: block; 308 | float: left; 309 | width: 100%; 310 | min-height: 28px; 311 | margin-left: 2.762430939%; 312 | *margin-left: 2.709239449638298%; 313 | -webkit-box-sizing: border-box; 314 | -moz-box-sizing: border-box; 315 | -ms-box-sizing: border-box; 316 | box-sizing: border-box; 317 | } 318 | .row-fluid [class*="span"]:first-child { 319 | margin-left: 0; 320 | } 321 | .row-fluid .span12 { 322 | width: 99.999999993%; 323 | *width: 99.9468085036383%; 324 | } 325 | .row-fluid .span11 { 326 | width: 91.436464082%; 327 | *width: 91.38327259263829%; 328 | } 329 | .row-fluid .span10 { 330 | width: 82.87292817100001%; 331 | *width: 82.8197366816383%; 332 | } 333 | .row-fluid .span9 { 334 | width: 74.30939226%; 335 | *width: 74.25620077063829%; 336 | } 337 | .row-fluid .span8 { 338 | width: 65.74585634900001%; 339 | *width: 65.6926648596383%; 340 | } 341 | .row-fluid .span7 { 342 | width: 57.182320438000005%; 343 | *width: 57.129128948638304%; 344 | } 345 | .row-fluid .span6 { 346 | width: 48.618784527%; 347 | *width: 48.5655930376383%; 348 | } 349 | .row-fluid .span5 { 350 | width: 40.055248616%; 351 | *width: 40.0020571266383%; 352 | } 353 | .row-fluid .span4 { 354 | width: 31.491712705%; 355 | *width: 31.4385212156383%; 356 | } 357 | .row-fluid .span3 { 358 | width: 22.928176794%; 359 | *width: 22.874985304638297%; 360 | } 361 | .row-fluid .span2 { 362 | width: 14.364640883%; 363 | *width: 14.311449393638298%; 364 | } 365 | .row-fluid .span1 { 366 | width: 5.801104972%; 367 | *width: 5.747913482638298%; 368 | } 369 | input, 370 | textarea, 371 | .uneditable-input { 372 | margin-left: 0; 373 | } 374 | input.span12, 375 | textarea.span12, 376 | .uneditable-input.span12 { 377 | width: 714px; 378 | } 379 | input.span11, 380 | textarea.span11, 381 | .uneditable-input.span11 { 382 | width: 652px; 383 | } 384 | input.span10, 385 | textarea.span10, 386 | .uneditable-input.span10 { 387 | width: 590px; 388 | } 389 | input.span9, 390 | textarea.span9, 391 | .uneditable-input.span9 { 392 | width: 528px; 393 | } 394 | input.span8, 395 | textarea.span8, 396 | .uneditable-input.span8 { 397 | width: 466px; 398 | } 399 | input.span7, 400 | textarea.span7, 401 | .uneditable-input.span7 { 402 | width: 404px; 403 | } 404 | input.span6, 405 | textarea.span6, 406 | .uneditable-input.span6 { 407 | width: 342px; 408 | } 409 | input.span5, 410 | textarea.span5, 411 | .uneditable-input.span5 { 412 | width: 280px; 413 | } 414 | input.span4, 415 | textarea.span4, 416 | .uneditable-input.span4 { 417 | width: 218px; 418 | } 419 | input.span3, 420 | textarea.span3, 421 | .uneditable-input.span3 { 422 | width: 156px; 423 | } 424 | input.span2, 425 | textarea.span2, 426 | .uneditable-input.span2 { 427 | width: 94px; 428 | } 429 | input.span1, 430 | textarea.span1, 431 | .uneditable-input.span1 { 432 | width: 32px; 433 | } 434 | } 435 | 436 | @media (min-width: 1200px) { 437 | .row { 438 | margin-left: -30px; 439 | *zoom: 1; 440 | } 441 | .row:before, 442 | .row:after { 443 | display: table; 444 | content: ""; 445 | } 446 | .row:after { 447 | clear: both; 448 | } 449 | [class*="span"] { 450 | float: left; 451 | margin-left: 30px; 452 | } 453 | .container, 454 | .navbar-fixed-top .container, 455 | .navbar-fixed-bottom .container { 456 | width: 1170px; 457 | } 458 | .span12 { 459 | width: 1170px; 460 | } 461 | .span11 { 462 | width: 1070px; 463 | } 464 | .span10 { 465 | width: 970px; 466 | } 467 | .span9 { 468 | width: 870px; 469 | } 470 | .span8 { 471 | width: 770px; 472 | } 473 | .span7 { 474 | width: 670px; 475 | } 476 | .span6 { 477 | width: 570px; 478 | } 479 | .span5 { 480 | width: 470px; 481 | } 482 | .span4 { 483 | width: 370px; 484 | } 485 | .span3 { 486 | width: 270px; 487 | } 488 | .span2 { 489 | width: 170px; 490 | } 491 | .span1 { 492 | width: 70px; 493 | } 494 | .offset12 { 495 | margin-left: 1230px; 496 | } 497 | .offset11 { 498 | margin-left: 1130px; 499 | } 500 | .offset10 { 501 | margin-left: 1030px; 502 | } 503 | .offset9 { 504 | margin-left: 930px; 505 | } 506 | .offset8 { 507 | margin-left: 830px; 508 | } 509 | .offset7 { 510 | margin-left: 730px; 511 | } 512 | .offset6 { 513 | margin-left: 630px; 514 | } 515 | .offset5 { 516 | margin-left: 530px; 517 | } 518 | .offset4 { 519 | margin-left: 430px; 520 | } 521 | .offset3 { 522 | margin-left: 330px; 523 | } 524 | .offset2 { 525 | margin-left: 230px; 526 | } 527 | .offset1 { 528 | margin-left: 130px; 529 | } 530 | .row-fluid { 531 | width: 100%; 532 | *zoom: 1; 533 | } 534 | .row-fluid:before, 535 | .row-fluid:after { 536 | display: table; 537 | content: ""; 538 | } 539 | .row-fluid:after { 540 | clear: both; 541 | } 542 | .row-fluid [class*="span"] { 543 | display: block; 544 | float: left; 545 | width: 100%; 546 | min-height: 28px; 547 | margin-left: 2.564102564%; 548 | *margin-left: 2.510911074638298%; 549 | -webkit-box-sizing: border-box; 550 | -moz-box-sizing: border-box; 551 | -ms-box-sizing: border-box; 552 | box-sizing: border-box; 553 | } 554 | .row-fluid [class*="span"]:first-child { 555 | margin-left: 0; 556 | } 557 | .row-fluid .span12 { 558 | width: 100%; 559 | *width: 99.94680851063829%; 560 | } 561 | .row-fluid .span11 { 562 | width: 91.45299145300001%; 563 | *width: 91.3997999636383%; 564 | } 565 | .row-fluid .span10 { 566 | width: 82.905982906%; 567 | *width: 82.8527914166383%; 568 | } 569 | .row-fluid .span9 { 570 | width: 74.358974359%; 571 | *width: 74.30578286963829%; 572 | } 573 | .row-fluid .span8 { 574 | width: 65.81196581200001%; 575 | *width: 65.7587743226383%; 576 | } 577 | .row-fluid .span7 { 578 | width: 57.264957265%; 579 | *width: 57.2117657756383%; 580 | } 581 | .row-fluid .span6 { 582 | width: 48.717948718%; 583 | *width: 48.6647572286383%; 584 | } 585 | .row-fluid .span5 { 586 | width: 40.170940171000005%; 587 | *width: 40.117748681638304%; 588 | } 589 | .row-fluid .span4 { 590 | width: 31.623931624%; 591 | *width: 31.5707401346383%; 592 | } 593 | .row-fluid .span3 { 594 | width: 23.076923077%; 595 | *width: 23.0237315876383%; 596 | } 597 | .row-fluid .span2 { 598 | width: 14.529914530000001%; 599 | *width: 14.4767230406383%; 600 | } 601 | .row-fluid .span1 { 602 | width: 5.982905983%; 603 | *width: 5.929714493638298%; 604 | } 605 | input, 606 | textarea, 607 | .uneditable-input { 608 | margin-left: 0; 609 | } 610 | input.span12, 611 | textarea.span12, 612 | .uneditable-input.span12 { 613 | width: 1160px; 614 | } 615 | input.span11, 616 | textarea.span11, 617 | .uneditable-input.span11 { 618 | width: 1060px; 619 | } 620 | input.span10, 621 | textarea.span10, 622 | .uneditable-input.span10 { 623 | width: 960px; 624 | } 625 | input.span9, 626 | textarea.span9, 627 | .uneditable-input.span9 { 628 | width: 860px; 629 | } 630 | input.span8, 631 | textarea.span8, 632 | .uneditable-input.span8 { 633 | width: 760px; 634 | } 635 | input.span7, 636 | textarea.span7, 637 | .uneditable-input.span7 { 638 | width: 660px; 639 | } 640 | input.span6, 641 | textarea.span6, 642 | .uneditable-input.span6 { 643 | width: 560px; 644 | } 645 | input.span5, 646 | textarea.span5, 647 | .uneditable-input.span5 { 648 | width: 460px; 649 | } 650 | input.span4, 651 | textarea.span4, 652 | .uneditable-input.span4 { 653 | width: 360px; 654 | } 655 | input.span3, 656 | textarea.span3, 657 | .uneditable-input.span3 { 658 | width: 260px; 659 | } 660 | input.span2, 661 | textarea.span2, 662 | .uneditable-input.span2 { 663 | width: 160px; 664 | } 665 | input.span1, 666 | textarea.span1, 667 | .uneditable-input.span1 { 668 | width: 60px; 669 | } 670 | .thumbnails { 671 | margin-left: -30px; 672 | } 673 | .thumbnails > li { 674 | margin-left: 30px; 675 | } 676 | .row-fluid .thumbnails { 677 | margin-left: 0; 678 | } 679 | } 680 | 681 | @media (max-width: 979px) { 682 | body { 683 | padding-top: 0; 684 | } 685 | .navbar-fixed-top, 686 | .navbar-fixed-bottom { 687 | position: static; 688 | } 689 | .navbar-fixed-top { 690 | margin-bottom: 18px; 691 | } 692 | .navbar-fixed-bottom { 693 | margin-top: 18px; 694 | } 695 | .navbar-fixed-top .navbar-inner, 696 | .navbar-fixed-bottom .navbar-inner { 697 | padding: 5px; 698 | } 699 | .navbar .container { 700 | width: auto; 701 | padding: 0; 702 | } 703 | .navbar .brand { 704 | padding-right: 10px; 705 | padding-left: 10px; 706 | margin: 0 0 0 -5px; 707 | } 708 | .nav-collapse { 709 | clear: both; 710 | } 711 | .nav-collapse .nav { 712 | float: none; 713 | margin: 0 0 9px; 714 | } 715 | .nav-collapse .nav > li { 716 | float: none; 717 | } 718 | .nav-collapse .nav > li > a { 719 | margin-bottom: 2px; 720 | } 721 | .nav-collapse .nav > .divider-vertical { 722 | display: none; 723 | } 724 | .nav-collapse .nav .nav-header { 725 | color: #999999; 726 | text-shadow: none; 727 | } 728 | .nav-collapse .nav > li > a, 729 | .nav-collapse .dropdown-menu a { 730 | padding: 6px 15px; 731 | font-weight: bold; 732 | color: #999999; 733 | -webkit-border-radius: 3px; 734 | -moz-border-radius: 3px; 735 | border-radius: 3px; 736 | } 737 | .nav-collapse .btn { 738 | padding: 4px 10px 4px; 739 | font-weight: normal; 740 | -webkit-border-radius: 4px; 741 | -moz-border-radius: 4px; 742 | border-radius: 4px; 743 | } 744 | .nav-collapse .dropdown-menu li + li a { 745 | margin-bottom: 2px; 746 | } 747 | .nav-collapse .nav > li > a:hover, 748 | .nav-collapse .dropdown-menu a:hover { 749 | background-color: #222222; 750 | } 751 | .nav-collapse.in .btn-group { 752 | padding: 0; 753 | margin-top: 5px; 754 | } 755 | .nav-collapse .dropdown-menu { 756 | position: static; 757 | top: auto; 758 | left: auto; 759 | display: block; 760 | float: none; 761 | max-width: none; 762 | padding: 0; 763 | margin: 0 15px; 764 | background-color: transparent; 765 | border: none; 766 | -webkit-border-radius: 0; 767 | -moz-border-radius: 0; 768 | border-radius: 0; 769 | -webkit-box-shadow: none; 770 | -moz-box-shadow: none; 771 | box-shadow: none; 772 | } 773 | .nav-collapse .dropdown-menu:before, 774 | .nav-collapse .dropdown-menu:after { 775 | display: none; 776 | } 777 | .nav-collapse .dropdown-menu .divider { 778 | display: none; 779 | } 780 | .nav-collapse .navbar-form, 781 | .nav-collapse .navbar-search { 782 | float: none; 783 | padding: 9px 15px; 784 | margin: 9px 0; 785 | border-top: 1px solid #222222; 786 | border-bottom: 1px solid #222222; 787 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 788 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 789 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 790 | } 791 | .navbar .nav-collapse .nav.pull-right { 792 | float: none; 793 | margin-left: 0; 794 | } 795 | .nav-collapse, 796 | .nav-collapse.collapse { 797 | height: 0; 798 | overflow: hidden; 799 | } 800 | .navbar .btn-navbar { 801 | display: block; 802 | } 803 | .navbar-static .navbar-inner { 804 | padding-right: 10px; 805 | padding-left: 10px; 806 | } 807 | } 808 | 809 | @media (min-width: 980px) { 810 | .nav-collapse.collapse { 811 | height: auto !important; 812 | overflow: visible !important; 813 | } 814 | } 815 | -------------------------------------------------------------------------------- /css/docs.css: -------------------------------------------------------------------------------- 1 | /* Add additional stylesheets below 2 | -------------------------------------------------- */ 3 | /* 4 | Bootstrap's documentation styles 5 | Special styles for presenting Bootstrap's documentation and examples 6 | */ 7 | 8 | 9 | /* Body and structure 10 | -------------------------------------------------- */ 11 | body { 12 | position: relative; 13 | padding-top: 90px; 14 | /* background-color: #fff; 15 | background-image: url(../img/grid-18px-masked.png);*/ 16 | background-repeat: repeat-x; 17 | background-position: 0 40px; 18 | } 19 | 20 | 21 | /* Tweak navbar brand link to be super sleek 22 | -------------------------------------------------- */ 23 | /*.navbar-fixed-top .brand { 24 | padding-right: 0; 25 | padding-left: 0; 26 | margin-left: 20px; 27 | float: right; 28 | font-weight: bold; 29 | color: #000; 30 | text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); 31 | -webkit-transition: all .2s linear; 32 | -moz-transition: all .2s linear; 33 | transition: all .2s linear; 34 | } 35 | .navbar-fixed-top .brand:hover { 36 | text-decoration: none; 37 | }*/ 38 | 39 | 40 | /* Space out sub-sections more 41 | -------------------------------------------------- */ 42 | section { 43 | padding-top: 60px; 44 | } 45 | 46 | /* Faded out hr */ 47 | hr.soften { 48 | height: 1px; 49 | margin: 54px 0; 50 | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 51 | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 52 | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 53 | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 54 | border: 0; 55 | } 56 | 57 | 58 | /* Jumbotrons 59 | -------------------------------------------------- */ 60 | .jumbotron { 61 | position: relative; 62 | } 63 | .jumbotron h1 { 64 | margin-bottom: 9px; 65 | font-size: 81px; 66 | font-weight: bold; 67 | letter-spacing: -1px; 68 | line-height: 1; 69 | } 70 | .jumbotron p { 71 | margin-bottom: 18px; 72 | font-weight: 300; 73 | } 74 | .jumbotron .btn-large { 75 | font-size: 20px; 76 | font-weight: normal; 77 | padding: 14px 24px; 78 | margin-right: 10px; 79 | -webkit-border-radius: 6px; 80 | -moz-border-radius: 6px; 81 | border-radius: 6px; 82 | } 83 | .jumbotron .btn-large small { 84 | font-size: 14px; 85 | } 86 | 87 | /* Masthead (docs home) */ 88 | .masthead { 89 | padding-top: 36px; 90 | margin-bottom: 72px; 91 | } 92 | .masthead h1, 93 | .masthead p { 94 | text-align: center; 95 | } 96 | .masthead h1 { 97 | margin-bottom: 18px; 98 | } 99 | .masthead p { 100 | margin-left: 5%; 101 | margin-right: 5%; 102 | font-size: 30px; 103 | line-height: 36px; 104 | } 105 | 106 | 107 | /* Specific jumbotrons 108 | ------------------------- */ 109 | /* supporting docs pages */ 110 | .subhead { 111 | padding-bottom: 0; 112 | margin-bottom: 9px; 113 | } 114 | .subhead h1 { 115 | font-size: 54px; 116 | } 117 | 118 | /* Subnav */ 119 | .subnav { 120 | width: 100%; 121 | height: 36px; 122 | background-color: #eeeeee; /* Old browsers */ 123 | background-repeat: repeat-x; /* Repeat the gradient */ 124 | background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ 125 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ 126 | background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ 127 | background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ 128 | background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ 129 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ 130 | background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ 131 | border: 1px solid #e5e5e5; 132 | -webkit-border-radius: 4px; 133 | -moz-border-radius: 4px; 134 | border-radius: 4px; 135 | } 136 | .subnav .nav { 137 | margin-bottom: 0; 138 | } 139 | .subnav .nav > li > a { 140 | margin: 0; 141 | padding-top: 11px; 142 | padding-bottom: 11px; 143 | border-left: 1px solid #f5f5f5; 144 | border-right: 1px solid #e5e5e5; 145 | -webkit-border-radius: 0; 146 | -moz-border-radius: 0; 147 | border-radius: 0; 148 | } 149 | .subnav .nav > .active > a, 150 | .subnav .nav > .active > a:hover { 151 | padding-left: 13px; 152 | color: #777; 153 | background-color: #e9e9e9; 154 | border-right-color: #ddd; 155 | border-left: 0; 156 | -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); 157 | -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); 158 | box-shadow: inset 0 3px 5px rgba(0,0,0,.05); 159 | } 160 | .subnav .nav > .active > a .caret, 161 | .subnav .nav > .active > a:hover .caret { 162 | border-top-color: #777; 163 | } 164 | .subnav .nav > li:first-child > a, 165 | .subnav .nav > li:first-child > a:hover { 166 | border-left: 0; 167 | padding-left: 12px; 168 | -webkit-border-radius: 4px 0 0 4px; 169 | -moz-border-radius: 4px 0 0 4px; 170 | border-radius: 4px 0 0 4px; 171 | } 172 | .subnav .nav > li:last-child > a { 173 | border-right: 0; 174 | } 175 | .subnav .dropdown-menu { 176 | -webkit-border-radius: 0 0 4px 4px; 177 | -moz-border-radius: 0 0 4px 4px; 178 | border-radius: 0 0 4px 4px; 179 | } 180 | 181 | /* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */ 182 | @media (min-width: 980px) { 183 | .subnav-fixed { 184 | position: fixed; 185 | top: 40px; 186 | left: 0; 187 | right: 0; 188 | z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ 189 | border-color: #d5d5d5; 190 | border-width: 0 0 1px; /* drop the border on the fixed edges */ 191 | -webkit-border-radius: 0; 192 | -moz-border-radius: 0; 193 | border-radius: 0; 194 | -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); 195 | -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); 196 | box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); 197 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ 198 | } 199 | .subnav-fixed .nav { 200 | width: 938px; 201 | margin: 0 auto; 202 | padding: 0 1px; 203 | } 204 | .subnav .nav > li:first-child > a, 205 | .subnav .nav > li:first-child > a:hover { 206 | -webkit-border-radius: 0; 207 | -moz-border-radius: 0; 208 | border-radius: 0; 209 | } 210 | } 211 | 212 | 213 | /* Quick links 214 | -------------------------------------------------- */ 215 | .bs-links { 216 | margin: 36px 0; 217 | } 218 | .quick-links { 219 | min-height: 30px; 220 | margin: 0; 221 | padding: 5px 20px; 222 | list-style: none; 223 | text-align: center; 224 | overflow: hidden; 225 | } 226 | .quick-links:first-child { 227 | min-height: 0; 228 | } 229 | .quick-links li { 230 | display: inline; 231 | margin: 0 5px; 232 | color: #999; 233 | } 234 | .quick-links .github-btn, 235 | .quick-links .tweet-btn, 236 | .quick-links .follow-btn { 237 | position: relative; 238 | top: 5px; 239 | } 240 | 241 | 242 | /* Marketing section of Overview 243 | -------------------------------------------------- */ 244 | .marketing .row { 245 | margin-bottom: 9px; 246 | } 247 | .marketing h1 { 248 | margin: 36px 0 27px; 249 | font-size: 40px; 250 | font-weight: 300; 251 | text-align: center; 252 | } 253 | .marketing h2, 254 | .marketing h3 { 255 | font-weight: 300; 256 | } 257 | .marketing h2 { 258 | font-size: 22px; 259 | } 260 | .marketing p { 261 | margin-right: 10px; 262 | } 263 | .marketing .bs-icon { 264 | float: left; 265 | margin: 7px 10px 0 0; 266 | opacity: .8; 267 | } 268 | .marketing .small-bs-icon { 269 | float: left; 270 | margin: 4px 5px 0 0; 271 | } 272 | 273 | 274 | 275 | /* Footer 276 | -------------------------------------------------- */ 277 | .footer { 278 | margin-top: 45px; 279 | padding: 35px 0 36px; 280 | border-top: 1px solid #e5e5e5; 281 | } 282 | .footer p { 283 | margin-bottom: 0; 284 | color: #555; 285 | } 286 | 287 | 288 | 289 | /* Special grid styles 290 | -------------------------------------------------- */ 291 | .show-grid { 292 | margin-top: 10px; 293 | margin-bottom: 20px; 294 | } 295 | .show-grid [class*="span"] { 296 | background-color: #eee; 297 | text-align: center; 298 | -webkit-border-radius: 3px; 299 | -moz-border-radius: 3px; 300 | border-radius: 3px; 301 | min-height: 30px; 302 | line-height: 30px; 303 | } 304 | .show-grid:hover [class*="span"] { 305 | background: #ddd; 306 | } 307 | .show-grid .show-grid { 308 | margin-top: 0; 309 | margin-bottom: 0; 310 | } 311 | .show-grid .show-grid [class*="span"] { 312 | background-color: #ccc; 313 | } 314 | 315 | 316 | /* Render mini layout previews 317 | -------------------------------------------------- */ 318 | .mini-layout { 319 | border: 1px solid #ddd; 320 | -webkit-border-radius: 6px; 321 | -moz-border-radius: 6px; 322 | border-radius: 6px; 323 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); 324 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); 325 | box-shadow: 0 1px 2px rgba(0,0,0,.075); 326 | } 327 | .mini-layout { 328 | height: 240px; 329 | margin-bottom: 20px; 330 | padding: 9px; 331 | } 332 | .mini-layout div { 333 | -webkit-border-radius: 3px; 334 | -moz-border-radius: 3px; 335 | border-radius: 3px; 336 | } 337 | .mini-layout .mini-layout-body { 338 | background-color: #dceaf4; 339 | margin: 0 auto; 340 | width: 70%; 341 | height: 240px; 342 | } 343 | .mini-layout.fluid .mini-layout-sidebar, 344 | .mini-layout.fluid .mini-layout-header, 345 | .mini-layout.fluid .mini-layout-body { 346 | float: left; 347 | } 348 | .mini-layout.fluid .mini-layout-sidebar { 349 | background-color: #bbd8e9; 350 | width: 20%; 351 | height: 240px; 352 | } 353 | .mini-layout.fluid .mini-layout-body { 354 | width: 77.5%; 355 | margin-left: 2.5%; 356 | } 357 | 358 | 359 | /* Popover docs 360 | -------------------------------------------------- */ 361 | .popover-well { 362 | min-height: 160px; 363 | } 364 | .popover-well .popover { 365 | display: block; 366 | } 367 | .popover-well .popover-wrapper { 368 | width: 50%; 369 | height: 160px; 370 | float: left; 371 | margin-left: 55px; 372 | position: relative; 373 | } 374 | .popover-well .popover-menu-wrapper { 375 | height: 80px; 376 | } 377 | .large-bird { 378 | margin: 5px 0 0 310px; 379 | opacity: .1; 380 | } 381 | 382 | 383 | /* Download page 384 | -------------------------------------------------- */ 385 | .download .page-header { 386 | margin-top: 36px; 387 | } 388 | .page-header .toggle-all { 389 | margin-top: 5px; 390 | } 391 | 392 | /* Space out h3s when following a section */ 393 | .download h3 { 394 | margin-bottom: 5px; 395 | } 396 | .download-builder input + h3, 397 | .download-builder .checkbox + h3 { 398 | margin-top: 9px; 399 | } 400 | 401 | /* Fields for variables */ 402 | .download-builder input[type=text] { 403 | margin-bottom: 9px; 404 | font-family: Menlo, Monaco, "Courier New", monospace; 405 | font-size: 12px; 406 | color: #d14; 407 | } 408 | .download-builder input[type=text]:focus { 409 | background-color: #fff; 410 | } 411 | 412 | /* Custom, larger checkbox labels */ 413 | .download .checkbox { 414 | padding: 6px 10px 6px 25px; 415 | color: #555; 416 | background-color: #f9f9f9; 417 | -webkit-border-radius: 3px; 418 | -moz-border-radius: 3px; 419 | border-radius: 3px; 420 | cursor: pointer; 421 | } 422 | .download .checkbox:hover { 423 | color: #333; 424 | background-color: #f5f5f5; 425 | } 426 | .download .checkbox small { 427 | font-size: 12px; 428 | color: #777; 429 | } 430 | 431 | /* Variables section */ 432 | #variables label { 433 | margin-bottom: 0; 434 | } 435 | 436 | /* Giant download button */ 437 | .download-btn { 438 | margin: 36px 0 108px; 439 | } 440 | #download p, 441 | #download h4 { 442 | max-width: 50%; 443 | margin: 0 auto; 444 | color: #999; 445 | text-align: center; 446 | } 447 | #download h4 { 448 | margin-bottom: 0; 449 | } 450 | #download p { 451 | margin-bottom: 18px; 452 | } 453 | .download-btn .btn { 454 | display: block; 455 | width: auto; 456 | padding: 19px 24px; 457 | margin-bottom: 27px; 458 | font-size: 30px; 459 | line-height: 1; 460 | text-align: center; 461 | -webkit-border-radius: 6px; 462 | -moz-border-radius: 6px; 463 | border-radius: 6px; 464 | } 465 | 466 | 467 | 468 | /* Color swatches on LESS docs page 469 | -------------------------------------------------- */ 470 | /* Sets the width of the td */ 471 | .swatch-col { 472 | width: 30px; 473 | } 474 | /* Le swatch */ 475 | .swatch { 476 | display: inline-block; 477 | width: 30px; 478 | height: 20px; 479 | margin: -6px 0; 480 | -webkit-border-radius: 3px; 481 | -moz-border-radius: 3px; 482 | border-radius: 3px; 483 | } 484 | /* For white swatches, give a border */ 485 | .swatch-bordered { 486 | width: 28px; 487 | height: 18px; 488 | border: 1px solid #eee; 489 | } 490 | 491 | 492 | /* Misc 493 | -------------------------------------------------- */ 494 | 495 | img { 496 | max-width: 100%; 497 | } 498 | 499 | /* Make tables spaced out a bit more */ 500 | h2 + table, 501 | h3 + table, 502 | h4 + table, 503 | h2 + .row { 504 | margin-top: 5px; 505 | } 506 | 507 | /* Example sites showcase */ 508 | .example-sites img { 509 | max-width: 100%; 510 | margin: 0 auto; 511 | } 512 | .marketing-byline { 513 | margin: -18px 0 27px; 514 | font-size: 18px; 515 | font-weight: 300; 516 | line-height: 24px; 517 | color: #999; 518 | text-align: center; 519 | } 520 | 521 | .scrollspy-example { 522 | height: 200px; 523 | overflow: auto; 524 | position: relative; 525 | } 526 | 527 | /* Remove bottom margin on example forms in wells */ 528 | form.well { 529 | padding: 14px; 530 | } 531 | 532 | /* Tighten up spacing */ 533 | .well hr { 534 | margin: 18px 0; 535 | } 536 | 537 | /* Fake the :focus state to demo it */ 538 | .focused { 539 | border-color: rgba(82,168,236,.8); 540 | -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 541 | -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 542 | box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 543 | outline: 0; 544 | } 545 | 546 | /* For input sizes, make them display block */ 547 | .docs-input-sizes select, 548 | .docs-input-sizes input[type=text] { 549 | display: block; 550 | margin-bottom: 9px; 551 | } 552 | 553 | /* Icons 554 | ------------------------- */ 555 | .the-icons { 556 | margin-left: 0; 557 | list-style: none; 558 | } 559 | .the-icons i:hover { 560 | background-color: rgba(255,0,0,.25); 561 | } 562 | 563 | /* Eaxmples page 564 | ------------------------- */ 565 | .bootstrap-examples .thumbnail { 566 | margin-bottom: 9px; 567 | background-color: #fff; 568 | } 569 | 570 | /* Responsive table 571 | ------------------------- */ 572 | .responsive-utilities th small { 573 | display: block; 574 | font-weight: normal; 575 | color: #999; 576 | } 577 | .responsive-utilities tbody th { 578 | font-weight: normal; 579 | } 580 | .responsive-utilities td { 581 | text-align: center; 582 | } 583 | .responsive-utilities td.is-visible { 584 | color: #468847; 585 | background-color: #dff0d8 !important; 586 | } 587 | .responsive-utilities td.is-hidden { 588 | color: #ccc; 589 | background-color: #f9f9f9 !important; 590 | } 591 | 592 | /* Responsive tests 593 | ------------------------- */ 594 | .responsive-utilities-test { 595 | margin-top: 5px; 596 | margin-left: 0; 597 | list-style: none; 598 | overflow: hidden; /* clear floats */ 599 | } 600 | .responsive-utilities-test li { 601 | position: relative; 602 | float: left; 603 | width: 25%; 604 | height: 43px; 605 | font-size: 14px; 606 | font-weight: bold; 607 | line-height: 43px; 608 | color: #999; 609 | text-align: center; 610 | border: 1px solid #ddd; 611 | -webkit-border-radius: 4px; 612 | -moz-border-radius: 4px; 613 | border-radius: 4px; 614 | } 615 | .responsive-utilities-test li + li { 616 | margin-left: 10px; 617 | } 618 | .responsive-utilities-test span { 619 | position: absolute; 620 | top: -1px; 621 | left: -1px; 622 | right: -1px; 623 | bottom: -1px; 624 | -webkit-border-radius: 4px; 625 | -moz-border-radius: 4px; 626 | border-radius: 4px; 627 | } 628 | .responsive-utilities-test span { 629 | color: #468847; 630 | background-color: #dff0d8; 631 | border: 1px solid #d6e9c6; 632 | } 633 | 634 | 635 | /* Responsive Docs 636 | -------------------------------------------------- */ 637 | @media (max-width: 480px) { 638 | 639 | /* Reduce padding above jumbotron */ 640 | body { 641 | padding-top: 70px; 642 | } 643 | 644 | /* Change up some type stuff */ 645 | h2 { 646 | margin-top: 27px; 647 | } 648 | h2 small { 649 | display: block; 650 | line-height: 18px; 651 | } 652 | h3 { 653 | margin-top: 18px; 654 | } 655 | 656 | /* Adjust the jumbotron */ 657 | .jumbotron h1, 658 | .jumbotron p { 659 | text-align: center; 660 | margin-right: 0; 661 | } 662 | .jumbotron h1 { 663 | font-size: 45px; 664 | margin-right: 0; 665 | } 666 | .jumbotron p { 667 | margin-right: 0; 668 | margin-left: 0; 669 | font-size: 18px; 670 | line-height: 24px; 671 | } 672 | .jumbotron .btn { 673 | display: block; 674 | font-size: 18px; 675 | padding: 10px 14px; 676 | margin: 0 auto 10px; 677 | } 678 | /* Masthead (home page jumbotron) */ 679 | .masthead { 680 | padding-top: 0; 681 | } 682 | 683 | /* Don't space out quick links so much */ 684 | .quick-links { 685 | margin: 40px 0 0; 686 | } 687 | /* hide the bullets on mobile since our horizontal space is limited */ 688 | .quick-links .divider { 689 | display: none; 690 | } 691 | 692 | /* center example sites */ 693 | .example-sites { 694 | margin-left: 0; 695 | } 696 | .example-sites > li { 697 | float: none; 698 | display: block; 699 | max-width: 280px; 700 | margin: 0 auto 18px; 701 | text-align: center; 702 | } 703 | .example-sites .thumbnail > img { 704 | max-width: 270px; 705 | } 706 | 707 | table code { 708 | white-space: normal; 709 | word-wrap: break-word; 710 | word-break: break-all; 711 | } 712 | 713 | /* Modal example */ 714 | .modal-example .modal { 715 | position: relative; 716 | top: auto; 717 | right: auto; 718 | bottom: auto; 719 | left: auto; 720 | } 721 | 722 | } 723 | 724 | 725 | @media (max-width: 768px) { 726 | 727 | /* Remove any padding from the body */ 728 | body { 729 | padding-top: 0; 730 | } 731 | 732 | /* Jumbotron buttons */ 733 | .jumbotron .btn { 734 | margin-bottom: 10px; 735 | } 736 | 737 | /* Subnav */ 738 | .subnav { 739 | position: static; 740 | top: auto; 741 | z-index: auto; 742 | width: auto; 743 | height: auto; 744 | background: #fff; /* whole background property since we use a background-image for gradient */ 745 | -webkit-box-shadow: none; 746 | -moz-box-shadow: none; 747 | box-shadow: none; 748 | } 749 | .subnav .nav > li { 750 | float: none; 751 | } 752 | .subnav .nav > li > a { 753 | border: 0; 754 | } 755 | .subnav .nav > li + li > a { 756 | border-top: 1px solid #e5e5e5; 757 | } 758 | .subnav .nav > li:first-child > a, 759 | .subnav .nav > li:first-child > a:hover { 760 | -webkit-border-radius: 4px 4px 0 0; 761 | -moz-border-radius: 4px 4px 0 0; 762 | border-radius: 4px 4px 0 0; 763 | } 764 | 765 | /* Popovers */ 766 | .large-bird { 767 | display: none; 768 | } 769 | .popover-well .popover-wrapper { 770 | margin-left: 0; 771 | } 772 | 773 | /* Space out the show-grid examples */ 774 | .show-grid [class*="span"] { 775 | margin-bottom: 5px; 776 | } 777 | 778 | /* Unfloat the back to top link in footer */ 779 | .footer .pull-right { 780 | float: none; 781 | } 782 | .footer p { 783 | margin-bottom: 9px; 784 | } 785 | 786 | } 787 | 788 | 789 | @media (min-width: 480px) and (max-width: 768px) { 790 | 791 | /* Scale down the jumbotron content */ 792 | .jumbotron h1 { 793 | font-size: 54px; 794 | } 795 | .jumbotron p { 796 | margin-right: 0; 797 | margin-left: 0; 798 | } 799 | 800 | } 801 | 802 | 803 | @media (min-width: 768px) and (max-width: 980px) { 804 | 805 | /* Remove any padding from the body */ 806 | body { 807 | padding-top: 0; 808 | } 809 | 810 | /* Scale down the jumbotron content */ 811 | .jumbotron h1 { 812 | font-size: 72px; 813 | } 814 | 815 | } 816 | 817 | 818 | @media (max-width: 980px) { 819 | 820 | /* Unfloat brand */ 821 | .navbar-fixed-top .brand { 822 | float: left; 823 | margin-left: 0; 824 | padding-left: 10px; 825 | padding-right: 10px; 826 | } 827 | 828 | /* Inline-block quick links for more spacing */ 829 | .quick-links li { 830 | display: inline-block; 831 | margin: 5px; 832 | } 833 | 834 | } 835 | 836 | 837 | /* LARGE DESKTOP SCREENS */ 838 | @media (min-width: 1210px) { 839 | 840 | /* Update subnav container */ 841 | .subnav-fixed .nav { 842 | width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ 843 | } 844 | 845 | } 846 | -------------------------------------------------------------------------------- /Timetable.htm.bak: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | jQuery Timetable 24 | 36 | 37 | 38 | 55 |
56 |
57 |

jQuery Timetable

58 |
59 |

View the blog post supporting this sample code.

60 |
61 |
    62 |
  • 63 | AS Applied Maths (ASAMath 1)
    64 | 09:00 - 10:30
    65 | C318 ACL Lecture
  • 66 |
  • 67 | A2 Statistics (A2Stat 2)
    68 | 10:40 - 12:10
    69 | C310 ACL Lecture
  • 70 |
  • 71 | A2 Pure Maths (A2PMath 1)
    72 | 13:10 - 14:40
    73 | B125 ACL Tutorial
  • 74 |
  • 75 | Marking
    76 | 14:40 - 16:30
    77 | Self managed time
  • 78 |
  • 79 | Bob Smith
    80 | 15:00 - 15:15
    81 | Meeting
  • 82 |
  • 83 | Jane Jones
    84 | 15:45 - 16:00
    85 | Meeting
  • 86 |
  • 87 | Marking
    88 | 09:00 - 10:40
    89 | Self managed time
  • 90 |
  • 91 | AS Pure Maths (ASPMath)
    92 | 10:40 - 12:10
    93 | C300 ACL Lecture
  • 94 |
  • 95 | Fred Brown
    96 | 12:10 - 12:25
    97 | Meeting
  • 98 |
  • 99 | AS Applied Maths (ASAMath 1)
    100 | 13:10 - 14:40
    101 | C318 ACL Lecture
  • 102 |
  • 103 | A2 Statistics (A2Stat 2)
    104 | 14:50 - 16:20
    105 | B121 ACL Tutorial
  • 106 |
  • 107 | Open day
  • 108 |
  • 109 | AS Applied Maths (ASAMath 1)
    110 | 09:00 - 10:30
    111 | C318 ACL Tutorial
  • 112 |
  • 113 | A2 Statistics (A2Stat 2)
    114 | 10:40 - 12:10
    115 | C310 ACL Tutorial
  • 116 |
  • 117 | A2 Pure Maths (A2PMath 1)
    118 | 13:10 - 14:40
    119 | B125 ACL Lecture
  • 120 |
  • 121 | AS Pure Maths (ASPMath)
    122 | 14:50 - 16:20
    123 | B125 ACL Lecture
  • 124 |
  • 125 | Marking
    126 | 09:00 - 12:00
    127 | Marking
  • 128 |
  • 129 | Planning meeting
    130 | 12:00 - 13:45
    131 | A223 Meeting
  • 132 |
  • 133 | Fred Brown
    134 | 14:00 - 14:30
    135 | B137 Viva
  • 136 |
  • 137 | Bob Smith
    138 | 14:30 - 15:00
    139 | B137 Viva
  • 140 |
  • 141 | Jane Jones
    142 | 15:00 - 15:30
    143 | B137 Viva
  • 144 |
  • 145 | Harry Franks
    146 | 15:30 - 16:00
    147 | B137 Viva
  • 148 |
  • 149 | Not working
  • 150 |
151 |
152 |
153 | 09.00
154 |
155 | 10.00
156 |
157 | 11.00
158 |
159 | 12.00
160 |
161 | 13.00
162 |
163 | 14.00
164 |
165 | 15.00
166 |
167 | 16.00
168 |
169 |
170 |
171 | Mon
172 |
173 | Tue
174 |
175 | Wed
176 |
177 | Thu
178 |
179 | Fri
180 |
181 |
182 |
183 |
184 |
185 |
    186 |
  • 187 | AS Applied Maths (ASAMath 1)
    188 | 09:00 - 10:30
    189 | C318 ACL Lecture
  • 190 |
  • 191 | A2 Statistics (A2Stat 2)
    192 | 10:40 - 12:10
    193 | C310 ACL Lecture
  • 194 |
  • 195 | A2 Pure Maths (A2PMath 1)
    196 | 13:10 - 14:40
    197 | B125 ACL Tutorial
  • 198 |
  • 199 | Marking
    200 | 14:40 - 16:30
    201 | Self managed time
  • 202 |
  • 203 | Marking
    204 | 09:00 - 10:40
    205 | Self managed time
  • 206 |
  • 207 | AS Pure Maths (ASPMath)
    208 | 10:40 - 12:10
    209 | C300 ACL Lecture
  • 210 |
  • 211 | Fred Brown
    212 | 12:10 - 12:25
    213 | Meeting
  • 214 |
  • 215 | AS Applied Maths (ASAMath 1)
    216 | 13:10 - 14:40
    217 | C318 ACL Lecture
  • 218 |
  • 219 | A2 Statistics (A2Stat 2)
    220 | 14:50 - 16:20
    221 | B121 ACL Tutorial
  • 222 |
  • 223 | Open day
  • 224 |
  • 225 | AS Applied Maths (ASAMath 1)
    226 | 09:00 - 10:30
    227 | C318 ACL Tutorial
  • 228 |
  • 229 | A2 Statistics (A2Stat 2)
    230 | 10:40 - 12:10
    231 | C310 ACL Tutorial
  • 232 |
  • 233 | A2 Pure Maths (A2PMath 1)
    234 | 13:10 - 14:40
    235 | B125 ACL Lecture
  • 236 |
  • 237 | AS Pure Maths (ASPMath)
    238 | 14:50 - 16:20
    239 | B125 ACL Lecture
  • 240 |
  • 241 | Not working
  • 242 |
243 |
244 |
245 | 09
246 |
247 | 10
248 |
249 | 11
250 |
251 | 12
252 |
253 | 13
254 |
255 | 14
256 |
257 | 15
258 |
259 | 16
260 |
261 |
262 |
263 | M
264 |
265 | T
266 |
267 | W
268 |
269 | T
270 |
271 | F
272 |
273 |
274 |
275 |
276 |
277 |
    278 |
  • 279 | AS Applied Maths (ASAMath 1)
    280 | 09:00 - 10:30
    281 | C318 ACL Lecture
  • 282 |
  • 283 | A2 Statistics (A2Stat 2)
    284 | 10:40 - 12:10
    285 | C310 ACL Lecture
  • 286 |
  • 287 | A2 Pure Maths (A2PMath 1)
    288 | 13:10 - 14:40
    289 | B125 ACL Tutorial
  • 290 |
  • 291 | Marking
    292 | 14:40 - 16:30
    293 | Self managed time
  • 294 |
  • 295 | Bob Smith
    296 | 15:00 - 15:15
    297 | Meeting
  • 298 |
  • 299 | Jane Jones
    300 | 15:45 - 16:00
    301 | Meeting
  • 302 |
  • 303 | Marking
    304 | 09:00 - 10:40
    305 | Self managed time
  • 306 |
  • 307 | AS Pure Maths (ASPMath)
    308 | 10:40 - 12:10
    309 | C300 ACL Lecture
  • 310 |
  • 311 | Fred Brown
    312 | 12:10 - 12:25
    313 | Meeting
  • 314 |
  • 315 | AS Applied Maths (ASAMath 1)
    316 | 13:10 - 14:40
    317 | C318 ACL Lecture
  • 318 |
  • 319 | A2 Statistics (A2Stat 2)
    320 | 14:50 - 16:20
    321 | B121 ACL Tutorial
  • 322 |
  • 323 | Open day
  • 324 |
  • 325 | AS Applied Maths (ASAMath 1)
    326 | 09:00 - 10:30
    327 | C318 ACL Tutorial
  • 328 |
  • 329 | A2 Statistics (A2Stat 2)
    330 | 10:40 - 12:10
    331 | C310 ACL Tutorial
  • 332 |
  • 333 | A2 Pure Maths (A2PMath 1)
    334 | 13:10 - 14:40
    335 | B125 ACL Lecture
  • 336 |
  • 337 | AS Pure Maths (ASPMath)
    338 | 14:50 - 16:20
    339 | B125 ACL Lecture
  • 340 |
  • 341 | Marking
    342 | 09:00 - 12:00
    343 | Marking
  • 344 |
  • 345 | Planning meeting
    346 | 12:00 - 13:45
    347 | A223 Meeting
  • 348 |
  • 349 | Fred Brown
    350 | 14:00 - 14:30
    351 | B137 Viva
  • 352 |
  • 353 | Bob Smith
    354 | 14:30 - 15:00
    355 | B137 Viva
  • 356 |
  • 357 | Jane Jones
    358 | 15:00 - 15:30
    359 | B137 Viva
  • 360 |
  • 361 | Harry Franks
    362 | 15:30 - 16:00
    363 | B137 Viva
  • 364 |
  • 365 | Not working
  • 366 |
367 |
368 |
369 | 09.00
370 |
371 | 10.00
372 |
373 | 11.00
374 |
375 | 12.00
376 |
377 | 13.00
378 |
379 | 14.00
380 |
381 | 15.00
382 |
383 | 16.00
384 |
385 |
386 |
387 | Mon
388 |
389 | Tue
390 |
391 | Wed
392 |
393 | Thu
394 |
395 | Fri
396 |
397 |
398 |
399 |
400 | 408 |
409 | 410 | 411 | -------------------------------------------------------------------------------- /css/bootstrap.css: -------------------------------------------------------------------------------- 1 | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} 2 | audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} 3 | audio:not([controls]){display:none;} 4 | html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} 5 | a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} 6 | a:hover,a:active{outline:0;} 7 | sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} 8 | sup{top:-0.5em;} 9 | sub{bottom:-0.25em;} 10 | img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} 11 | #map_canvas img{max-width:none;} 12 | button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} 13 | button,input{*overflow:visible;line-height:normal;} 14 | button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} 15 | button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;} 16 | input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} 17 | input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} 18 | textarea{overflow:auto;vertical-align:top;} 19 | .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";} 20 | .clearfix:after{clear:both;} 21 | .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} 22 | .input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} 23 | body{margin:0;font-family:'Ubuntu',Tahoma,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;} 24 | a{color:#dd4814;text-decoration:none;} 25 | a:hover{color:#97310e;text-decoration:underline;} 26 | .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} 27 | .row:after{clear:both;} 28 | [class*="span"]{float:left;margin-left:20px;} 29 | .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} 30 | .span12{width:940px;} 31 | .span11{width:860px;} 32 | .span10{width:780px;} 33 | .span9{width:700px;} 34 | .span8{width:620px;} 35 | .span7{width:540px;} 36 | .span6{width:460px;} 37 | .span5{width:380px;} 38 | .span4{width:300px;} 39 | .span3{width:220px;} 40 | .span2{width:140px;} 41 | .span1{width:60px;} 42 | .offset12{margin-left:980px;} 43 | .offset11{margin-left:900px;} 44 | .offset10{margin-left:820px;} 45 | .offset9{margin-left:740px;} 46 | .offset8{margin-left:660px;} 47 | .offset7{margin-left:580px;} 48 | .offset6{margin-left:500px;} 49 | .offset5{margin-left:420px;} 50 | .offset4{margin-left:340px;} 51 | .offset3{margin-left:260px;} 52 | .offset2{margin-left:180px;} 53 | .offset1{margin-left:100px;} 54 | .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} 55 | .row-fluid:after{clear:both;} 56 | .row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;*margin-left:2.0744680846382977%;} 57 | .row-fluid [class*="span"]:first-child{margin-left:0;} 58 | .row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%;} 59 | .row-fluid .span11{width:91.489361693%;*width:91.4361702036383%;} 60 | .row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%;} 61 | .row-fluid .span9{width:74.468085099%;*width:74.4148936096383%;} 62 | .row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%;} 63 | .row-fluid .span7{width:57.446808505%;*width:57.3936170156383%;} 64 | .row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%;} 65 | .row-fluid .span5{width:40.425531911%;*width:40.3723404216383%;} 66 | .row-fluid .span4{width:31.914893614%;*width:31.8617021246383%;} 67 | .row-fluid .span3{width:23.404255317%;*width:23.3510638276383%;} 68 | .row-fluid .span2{width:14.89361702%;*width:14.8404255306383%;} 69 | .row-fluid .span1{width:6.382978723%;*width:6.329787233638298%;} 70 | .container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";} 71 | .container:after{clear:both;} 72 | .container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";} 73 | .container-fluid:after{clear:both;} 74 | p{margin:0 0 9px;}p small{font-size:11px;color:#999999;} 75 | .lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;} 76 | h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} 77 | h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;} 78 | h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;} 79 | h3{font-size:18px;line-height:27px;}h3 small{font-size:14px;} 80 | h4,h5,h6{line-height:18px;} 81 | h4{font-size:14px;}h4 small{font-size:12px;} 82 | h5{font-size:12px;} 83 | h6{font-size:11px;color:#999999;text-transform:uppercase;} 84 | .page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #f5f5f5;} 85 | .page-header h1{line-height:1;} 86 | ul,ol{padding:0;margin:0 0 9px 25px;} 87 | ul ul,ul ol,ol ol,ol ul{margin-bottom:0;} 88 | ul{list-style:disc;} 89 | ol{list-style:decimal;} 90 | li{line-height:18px;} 91 | ul.unstyled,ol.unstyled{margin-left:0;list-style:none;} 92 | dl{margin-bottom:18px;} 93 | dt,dd{line-height:18px;} 94 | dt{font-weight:bold;line-height:17px;} 95 | dd{margin-left:9px;} 96 | .dl-horizontal dt{float:left;width:120px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 97 | .dl-horizontal dd{margin-left:130px;} 98 | hr{margin:18px 0;border:0;border-top:1px solid #f5f5f5;border-bottom:1px solid #ffffff;} 99 | strong{font-weight:bold;} 100 | em{font-style:italic;} 101 | .muted{color:#999999;} 102 | abbr[title]{cursor:help;border-bottom:1px dotted #999999;} 103 | abbr.initialism{font-size:90%;text-transform:uppercase;} 104 | blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #f5f5f5;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px;} 105 | blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} 106 | blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #f5f5f5;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} 107 | q:before,q:after,blockquote:before,blockquote:after{content:"";} 108 | address{display:block;margin-bottom:18px;font-style:normal;line-height:18px;} 109 | small{font-size:100%;} 110 | cite{font-style:normal;} 111 | code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} 112 | code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;} 113 | pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.025px;line-height:18px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:18px;} 114 | pre code{padding:0;color:inherit;background-color:transparent;border:0;} 115 | .pre-scrollable{max-height:340px;overflow-y:scroll;} 116 | form{margin:0 0 18px;} 117 | fieldset{padding:0;margin:0;border:0;} 118 | legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:13.5px;color:#999999;} 119 | label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;} 120 | input,button,select,textarea{font-family:'Ubuntu',Tahoma,sans-serif;} 121 | label{display:block;margin-bottom:5px;} 122 | select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;} 123 | input,textarea{width:210px;} 124 | textarea{height:auto;} 125 | textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} 126 | input[type="radio"],input[type="checkbox"]{margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;} 127 | input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;} 128 | .uneditable-textarea{width:auto;height:auto;} 129 | select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;} 130 | select{width:220px;border:1px solid #bbb;} 131 | select[multiple],select[size]{height:auto;} 132 | select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} 133 | .radio,.checkbox{min-height:18px;padding-left:18px;} 134 | .radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;} 135 | .controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;} 136 | .radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;} 137 | .radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;} 138 | .input-mini{width:60px;} 139 | .input-small{width:90px;} 140 | .input-medium{width:150px;} 141 | .input-large{width:210px;} 142 | .input-xlarge{width:270px;} 143 | .input-xxlarge{width:530px;} 144 | input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;} 145 | .input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block;} 146 | input,textarea,.uneditable-input{margin-left:0;} 147 | input.span12, textarea.span12, .uneditable-input.span12{width:930px;} 148 | input.span11, textarea.span11, .uneditable-input.span11{width:850px;} 149 | input.span10, textarea.span10, .uneditable-input.span10{width:770px;} 150 | input.span9, textarea.span9, .uneditable-input.span9{width:690px;} 151 | input.span8, textarea.span8, .uneditable-input.span8{width:610px;} 152 | input.span7, textarea.span7, .uneditable-input.span7{width:530px;} 153 | input.span6, textarea.span6, .uneditable-input.span6{width:450px;} 154 | input.span5, textarea.span5, .uneditable-input.span5{width:370px;} 155 | input.span4, textarea.span4, .uneditable-input.span4{width:290px;} 156 | input.span3, textarea.span3, .uneditable-input.span3{width:210px;} 157 | input.span2, textarea.span2, .uneditable-input.span2{width:130px;} 158 | input.span1, textarea.span1, .uneditable-input.span1{width:50px;} 159 | input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#f5f5f5;border-color:#ddd;} 160 | input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;} 161 | .control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#eca918;} 162 | .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#eca918;border-color:#eca918;}.control-group.warning .checkbox:focus,.control-group.warning .radio:focus,.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#c18910;-webkit-box-shadow:0 0 6px #f4cc76;-moz-box-shadow:0 0 6px #f4cc76;box-shadow:0 0 6px #f4cc76;} 163 | .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#eca918;background-color:#fcefd4;border-color:#eca918;} 164 | .control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#df382c;} 165 | .control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#df382c;border-color:#df382c;}.control-group.error .checkbox:focus,.control-group.error .radio:focus,.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#bc271c;-webkit-box-shadow:0 0 6px #ec8c85;-moz-box-shadow:0 0 6px #ec8c85;box-shadow:0 0 6px #ec8c85;} 166 | .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#df382c;background-color:#fadfdd;border-color:#df382c;} 167 | .control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#38b44a;} 168 | .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#38b44a;border-color:#38b44a;}.control-group.success .checkbox:focus,.control-group.success .radio:focus,.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#2c8d3a;-webkit-box-shadow:0 0 6px #7cd689;-moz-box-shadow:0 0 6px #7cd689;box-shadow:0 0 6px #7cd689;} 169 | .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#38b44a;background-color:#caeecf;border-color:#38b44a;} 170 | input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;} 171 | .form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:transparent;border-top:1px solid #e5e5e5;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";} 172 | .form-actions:after{clear:both;} 173 | .uneditable-input{overflow:hidden;white-space:nowrap;cursor:not-allowed;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);} 174 | :-moz-placeholder{color:#999999;} 175 | :-ms-input-placeholder{color:#999999;} 176 | ::-webkit-input-placeholder{color:#999999;} 177 | .help-block,.help-inline{color:#555555;} 178 | .help-block{display:block;margin-bottom:9px;} 179 | .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;} 180 | .input-prepend,.input-append{margin-bottom:5px;}.input-prepend input,.input-append input,.input-prepend select,.input-append select,.input-prepend .uneditable-input,.input-append .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:middle;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend select:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{z-index:2;} 181 | .input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;} 182 | .input-prepend .add-on,.input-append .add-on{display:inline-block;width:auto;height:18px;min-width:16px;padding:4px 5px;font-weight:normal;line-height:18px;text-align:center;text-shadow:0 1px 0 #ffffff;vertical-align:middle;background-color:#f5f5f5;border:1px solid #ccc;} 183 | .input-prepend .add-on,.input-append .add-on,.input-prepend .btn,.input-append .btn{margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} 184 | .input-prepend .active,.input-append .active{background-color:#a3e2ac;border-color:#38b44a;} 185 | .input-prepend .add-on,.input-prepend .btn{margin-right:-1px;} 186 | .input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} 187 | .input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} 188 | .input-append .uneditable-input{border-right-color:#ccc;border-left-color:#eee;} 189 | .input-append .add-on:last-child,.input-append .btn:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} 190 | .input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} 191 | .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} 192 | .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} 193 | .search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;} 194 | .form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;} 195 | .form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;} 196 | .form-search label,.form-inline label{display:inline-block;} 197 | .form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;} 198 | .form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;} 199 | .form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;} 200 | .control-group{margin-bottom:9px;} 201 | legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;} 202 | .form-horizontal .control-group{margin-bottom:18px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";} 203 | .form-horizontal .control-group:after{clear:both;} 204 | .form-horizontal .control-label{float:left;width:140px;padding-top:5px;text-align:right;} 205 | .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:160px;*margin-left:0;}.form-horizontal .controls:first-child{*padding-left:160px;} 206 | .form-horizontal .help-block{margin-top:9px;margin-bottom:0;} 207 | .form-horizontal .form-actions{padding-left:160px;} 208 | table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;} 209 | .table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;} 210 | .table th{font-weight:bold;} 211 | .table thead th{vertical-align:bottom;} 212 | .table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;} 213 | .table tbody+tbody{border-top:2px solid #dddddd;} 214 | .table-condensed th,.table-condensed td{padding:4px 5px;} 215 | .table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapsed;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;} 216 | .table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;} 217 | .table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;} 218 | .table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;} 219 | .table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;} 220 | .table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;} 221 | .table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;} 222 | .table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;} 223 | table .span1{float:none;width:44px;margin-left:0;} 224 | table .span2{float:none;width:124px;margin-left:0;} 225 | table .span3{float:none;width:204px;margin-left:0;} 226 | table .span4{float:none;width:284px;margin-left:0;} 227 | table .span5{float:none;width:364px;margin-left:0;} 228 | table .span6{float:none;width:444px;margin-left:0;} 229 | table .span7{float:none;width:524px;margin-left:0;} 230 | table .span8{float:none;width:604px;margin-left:0;} 231 | table .span9{float:none;width:684px;margin-left:0;} 232 | table .span10{float:none;width:764px;margin-left:0;} 233 | table .span11{float:none;width:844px;margin-left:0;} 234 | table .span12{float:none;width:924px;margin-left:0;} 235 | table .span13{float:none;width:1004px;margin-left:0;} 236 | table .span14{float:none;width:1084px;margin-left:0;} 237 | table .span15{float:none;width:1164px;margin-left:0;} 238 | table .span16{float:none;width:1244px;margin-left:0;} 239 | table .span17{float:none;width:1324px;margin-left:0;} 240 | table .span18{float:none;width:1404px;margin-left:0;} 241 | table .span19{float:none;width:1484px;margin-left:0;} 242 | table .span20{float:none;width:1564px;margin-left:0;} 243 | table .span21{float:none;width:1644px;margin-left:0;} 244 | table .span22{float:none;width:1724px;margin-left:0;} 245 | table .span23{float:none;width:1804px;margin-left:0;} 246 | table .span24{float:none;width:1884px;margin-left:0;} 247 | [class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;} 248 | .icon-white{background-image:url("../img/glyphicons-halflings-white.png");} 249 | .icon-glass{background-position:0 0;} 250 | .icon-music{background-position:-24px 0;} 251 | .icon-search{background-position:-48px 0;} 252 | .icon-envelope{background-position:-72px 0;} 253 | .icon-heart{background-position:-96px 0;} 254 | .icon-star{background-position:-120px 0;} 255 | .icon-star-empty{background-position:-144px 0;} 256 | .icon-user{background-position:-168px 0;} 257 | .icon-film{background-position:-192px 0;} 258 | .icon-th-large{background-position:-216px 0;} 259 | .icon-th{background-position:-240px 0;} 260 | .icon-th-list{background-position:-264px 0;} 261 | .icon-ok{background-position:-288px 0;} 262 | .icon-remove{background-position:-312px 0;} 263 | .icon-zoom-in{background-position:-336px 0;} 264 | .icon-zoom-out{background-position:-360px 0;} 265 | .icon-off{background-position:-384px 0;} 266 | .icon-signal{background-position:-408px 0;} 267 | .icon-cog{background-position:-432px 0;} 268 | .icon-trash{background-position:-456px 0;} 269 | .icon-home{background-position:0 -24px;} 270 | .icon-file{background-position:-24px -24px;} 271 | .icon-time{background-position:-48px -24px;} 272 | .icon-road{background-position:-72px -24px;} 273 | .icon-download-alt{background-position:-96px -24px;} 274 | .icon-download{background-position:-120px -24px;} 275 | .icon-upload{background-position:-144px -24px;} 276 | .icon-inbox{background-position:-168px -24px;} 277 | .icon-play-circle{background-position:-192px -24px;} 278 | .icon-repeat{background-position:-216px -24px;} 279 | .icon-refresh{background-position:-240px -24px;} 280 | .icon-list-alt{background-position:-264px -24px;} 281 | .icon-lock{background-position:-287px -24px;} 282 | .icon-flag{background-position:-312px -24px;} 283 | .icon-headphones{background-position:-336px -24px;} 284 | .icon-volume-off{background-position:-360px -24px;} 285 | .icon-volume-down{background-position:-384px -24px;} 286 | .icon-volume-up{background-position:-408px -24px;} 287 | .icon-qrcode{background-position:-432px -24px;} 288 | .icon-barcode{background-position:-456px -24px;} 289 | .icon-tag{background-position:0 -48px;} 290 | .icon-tags{background-position:-25px -48px;} 291 | .icon-book{background-position:-48px -48px;} 292 | .icon-bookmark{background-position:-72px -48px;} 293 | .icon-print{background-position:-96px -48px;} 294 | .icon-camera{background-position:-120px -48px;} 295 | .icon-font{background-position:-144px -48px;} 296 | .icon-bold{background-position:-167px -48px;} 297 | .icon-italic{background-position:-192px -48px;} 298 | .icon-text-height{background-position:-216px -48px;} 299 | .icon-text-width{background-position:-240px -48px;} 300 | .icon-align-left{background-position:-264px -48px;} 301 | .icon-align-center{background-position:-288px -48px;} 302 | .icon-align-right{background-position:-312px -48px;} 303 | .icon-align-justify{background-position:-336px -48px;} 304 | .icon-list{background-position:-360px -48px;} 305 | .icon-indent-left{background-position:-384px -48px;} 306 | .icon-indent-right{background-position:-408px -48px;} 307 | .icon-facetime-video{background-position:-432px -48px;} 308 | .icon-picture{background-position:-456px -48px;} 309 | .icon-pencil{background-position:0 -72px;} 310 | .icon-map-marker{background-position:-24px -72px;} 311 | .icon-adjust{background-position:-48px -72px;} 312 | .icon-tint{background-position:-72px -72px;} 313 | .icon-edit{background-position:-96px -72px;} 314 | .icon-share{background-position:-120px -72px;} 315 | .icon-check{background-position:-144px -72px;} 316 | .icon-move{background-position:-168px -72px;} 317 | .icon-step-backward{background-position:-192px -72px;} 318 | .icon-fast-backward{background-position:-216px -72px;} 319 | .icon-backward{background-position:-240px -72px;} 320 | .icon-play{background-position:-264px -72px;} 321 | .icon-pause{background-position:-288px -72px;} 322 | .icon-stop{background-position:-312px -72px;} 323 | .icon-forward{background-position:-336px -72px;} 324 | .icon-fast-forward{background-position:-360px -72px;} 325 | .icon-step-forward{background-position:-384px -72px;} 326 | .icon-eject{background-position:-408px -72px;} 327 | .icon-chevron-left{background-position:-432px -72px;} 328 | .icon-chevron-right{background-position:-456px -72px;} 329 | .icon-plus-sign{background-position:0 -96px;} 330 | .icon-minus-sign{background-position:-24px -96px;} 331 | .icon-remove-sign{background-position:-48px -96px;} 332 | .icon-ok-sign{background-position:-72px -96px;} 333 | .icon-question-sign{background-position:-96px -96px;} 334 | .icon-info-sign{background-position:-120px -96px;} 335 | .icon-screenshot{background-position:-144px -96px;} 336 | .icon-remove-circle{background-position:-168px -96px;} 337 | .icon-ok-circle{background-position:-192px -96px;} 338 | .icon-ban-circle{background-position:-216px -96px;} 339 | .icon-arrow-left{background-position:-240px -96px;} 340 | .icon-arrow-right{background-position:-264px -96px;} 341 | .icon-arrow-up{background-position:-289px -96px;} 342 | .icon-arrow-down{background-position:-312px -96px;} 343 | .icon-share-alt{background-position:-336px -96px;} 344 | .icon-resize-full{background-position:-360px -96px;} 345 | .icon-resize-small{background-position:-384px -96px;} 346 | .icon-plus{background-position:-408px -96px;} 347 | .icon-minus{background-position:-433px -96px;} 348 | .icon-asterisk{background-position:-456px -96px;} 349 | .icon-exclamation-sign{background-position:0 -120px;} 350 | .icon-gift{background-position:-24px -120px;} 351 | .icon-leaf{background-position:-48px -120px;} 352 | .icon-fire{background-position:-72px -120px;} 353 | .icon-eye-open{background-position:-96px -120px;} 354 | .icon-eye-close{background-position:-120px -120px;} 355 | .icon-warning-sign{background-position:-144px -120px;} 356 | .icon-plane{background-position:-168px -120px;} 357 | .icon-calendar{background-position:-192px -120px;} 358 | .icon-random{background-position:-216px -120px;} 359 | .icon-comment{background-position:-240px -120px;} 360 | .icon-magnet{background-position:-264px -120px;} 361 | .icon-chevron-up{background-position:-288px -120px;} 362 | .icon-chevron-down{background-position:-313px -119px;} 363 | .icon-retweet{background-position:-336px -120px;} 364 | .icon-shopping-cart{background-position:-360px -120px;} 365 | .icon-folder-close{background-position:-384px -120px;} 366 | .icon-folder-open{background-position:-408px -120px;} 367 | .icon-resize-vertical{background-position:-432px -119px;} 368 | .icon-resize-horizontal{background-position:-456px -118px;} 369 | .icon-hdd{background-position:0 -144px;} 370 | .icon-bullhorn{background-position:-24px -144px;} 371 | .icon-bell{background-position:-48px -144px;} 372 | .icon-certificate{background-position:-72px -144px;} 373 | .icon-thumbs-up{background-position:-96px -144px;} 374 | .icon-thumbs-down{background-position:-120px -144px;} 375 | .icon-hand-right{background-position:-144px -144px;} 376 | .icon-hand-left{background-position:-168px -144px;} 377 | .icon-hand-up{background-position:-192px -144px;} 378 | .icon-hand-down{background-position:-216px -144px;} 379 | .icon-circle-arrow-right{background-position:-240px -144px;} 380 | .icon-circle-arrow-left{background-position:-264px -144px;} 381 | .icon-circle-arrow-up{background-position:-288px -144px;} 382 | .icon-circle-arrow-down{background-position:-312px -144px;} 383 | .icon-globe{background-position:-336px -144px;} 384 | .icon-wrench{background-position:-360px -144px;} 385 | .icon-tasks{background-position:-384px -144px;} 386 | .icon-filter{background-position:-408px -144px;} 387 | .icon-briefcase{background-position:-432px -144px;} 388 | .icon-fullscreen{background-position:-456px -144px;} 389 | .dropup,.dropdown{position:relative;} 390 | .dropdown-toggle{*margin-bottom:-3px;} 391 | .dropdown-toggle:active,.open .dropdown-toggle{outline:0;} 392 | .caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";opacity:0.3;filter:alpha(opacity=30);} 393 | .dropdown .caret{margin-top:8px;margin-left:2px;} 394 | .dropdown:hover .caret,.open .caret{opacity:1;filter:alpha(opacity=100);} 395 | .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:4px 0;margin:1px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;} 396 | .dropdown-menu .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;} 397 | .dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#dd4814;white-space:nowrap;} 398 | .dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#dd4814;} 399 | .open{*z-index:1000;}.open >.dropdown-menu{display:block;} 400 | .pull-right>.dropdown-menu{right:0;left:auto;} 401 | .dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"\2191";} 402 | .dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;} 403 | .typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 404 | .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);} 405 | .well-large{padding:24px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} 406 | .well-small{padding:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} 407 | .fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;} 408 | .collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}.collapse.in{height:auto;} 409 | .close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);} 410 | button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;} 411 | .btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;*line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9;} 412 | .btn:active,.btn.active{background-color:#cccccc \9;} 413 | .btn:first-child{*margin-left:0;} 414 | .btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} 415 | .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} 416 | .btn.active,.btn:active{background-color:#e6e6e6;background-color:#d9d9d9 \9;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} 417 | .btn.disabled,.btn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} 418 | .btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} 419 | .btn-large [class^="icon-"]{margin-top:1px;} 420 | .btn-small{padding:5px 9px;font-size:11px;line-height:16px;} 421 | .btn-small [class^="icon-"]{margin-top:-1px;} 422 | .btn-mini{padding:2px 6px;font-size:11px;line-height:14px;} 423 | .btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} 424 | .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);} 425 | .btn{border-color:#ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} 426 | .btn-primary{background-color:#dd5c14;background-image:-moz-linear-gradient(top, #dd4814, #dd7a14);background-image:-ms-linear-gradient(top, #dd4814, #dd7a14);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#dd4814), to(#dd7a14));background-image:-webkit-linear-gradient(top, #dd4814, #dd7a14);background-image:-o-linear-gradient(top, #dd4814, #dd7a14);background-image:linear-gradient(top, #dd4814, #dd7a14);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4814', endColorstr='#dd7a14', GradientType=0);border-color:#dd7a14 #dd7a14 #97530e;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#dd7a14;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#dd7a14;*background-color:#c66d12;} 427 | .btn-primary:active,.btn-primary.active{background-color:#ae6010 \9;} 428 | .btn-warning{background-color:#e86537;background-image:-moz-linear-gradient(top, #ef784e, #dd4814);background-image:-ms-linear-gradient(top, #ef784e, #dd4814);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ef784e), to(#dd4814));background-image:-webkit-linear-gradient(top, #ef784e, #dd4814);background-image:-o-linear-gradient(top, #ef784e, #dd4814);background-image:linear-gradient(top, #ef784e, #dd4814);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef784e', endColorstr='#dd4814', GradientType=0);border-color:#dd4814 #dd4814 #97310e;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#dd4814;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#dd4814;*background-color:#c64012;} 429 | .btn-warning:active,.btn-warning.active{background-color:#ae3910 \9;} 430 | .btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;*background-color:#a9302a;} 431 | .btn-danger:active,.btn-danger.active{background-color:#942a25 \9;} 432 | .btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;*background-color:#499249;} 433 | .btn-success:active,.btn-success.active{background-color:#408140 \9;} 434 | .btn-info{background-color:#99356b;background-image:-moz-linear-gradient(top, #b03d7b, #772953);background-image:-ms-linear-gradient(top, #b03d7b, #772953);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#b03d7b), to(#772953));background-image:-webkit-linear-gradient(top, #b03d7b, #772953);background-image:-o-linear-gradient(top, #b03d7b, #772953);background-image:linear-gradient(top, #b03d7b, #772953);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b03d7b', endColorstr='#772953', GradientType=0);border-color:#772953 #772953 #3e152b;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#772953;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#772953;*background-color:#642246;} 435 | .btn-info:active,.btn-info.active{background-color:#511c39 \9;} 436 | .btn-inverse{background-color:#414141;background-image:-moz-linear-gradient(top, #555555, #222222);background-image:-ms-linear-gradient(top, #555555, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));background-image:-webkit-linear-gradient(top, #555555, #222222);background-image:-o-linear-gradient(top, #555555, #222222);background-image:linear-gradient(top, #555555, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#222222;*background-color:#151515;} 437 | .btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;} 438 | button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;} 439 | button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;} 440 | button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;} 441 | button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;} 442 | .btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";} 443 | .btn-group:after{clear:both;} 444 | .btn-group:first-child{*margin-left:0;} 445 | .btn-group+.btn-group{margin-left:5px;} 446 | .btn-toolbar{margin-top:9px;margin-bottom:9px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;} 447 | .btn-group>.btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} 448 | .btn-group>.btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;} 449 | .btn-group>.btn:last-child,.btn-group>.dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;} 450 | .btn-group>.btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;} 451 | .btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} 452 | .btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2;} 453 | .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;} 454 | .btn-group>.dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*padding-top:4px;*padding-bottom:4px;} 455 | .btn-group>.btn-mini.dropdown-toggle{padding-left:5px;padding-right:5px;} 456 | .btn-group>.btn-small.dropdown-toggle{*padding-top:4px;*padding-bottom:4px;} 457 | .btn-group>.btn-large.dropdown-toggle{padding-left:12px;padding-right:12px;} 458 | .btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} 459 | .btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6;} 460 | .btn-group.open .btn-primary.dropdown-toggle{background-color:#dd7a14;} 461 | .btn-group.open .btn-warning.dropdown-toggle{background-color:#dd4814;} 462 | .btn-group.open .btn-danger.dropdown-toggle{background-color:#bd362f;} 463 | .btn-group.open .btn-success.dropdown-toggle{background-color:#51a351;} 464 | .btn-group.open .btn-info.dropdown-toggle{background-color:#772953;} 465 | .btn-group.open .btn-inverse.dropdown-toggle{background-color:#222222;} 466 | .btn .caret{margin-top:7px;margin-left:0;} 467 | .btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);} 468 | .btn-mini .caret{margin-top:5px;} 469 | .btn-small .caret{margin-top:6px;} 470 | .btn-large .caret{margin-top:6px;border-left-width:5px;border-right-width:5px;border-top-width:5px;} 471 | .dropup .btn-large .caret{border-bottom:5px solid #000000;border-top:0;} 472 | .btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);} 473 | .alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcefd4;border:1px solid #fae1c6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#eca918;} 474 | .alert-heading{color:inherit;} 475 | .alert .close{position:relative;top:-2px;right:-21px;line-height:18px;} 476 | .alert-success{background-color:#caeecf;border-color:#b7e8b6;color:#38b44a;} 477 | .alert-danger,.alert-error{background-color:#fadfdd;border-color:#f8d0d4;color:#df382c;} 478 | .alert-info{background-color:#e7b8d1;border-color:#de9ecb;color:#772953;} 479 | .alert-block{padding-top:14px;padding-bottom:14px;} 480 | .alert-block>p,.alert-block>ul{margin-bottom:0;} 481 | .alert-block p+p{margin-top:5px;} 482 | .nav{margin-left:0;margin-bottom:18px;list-style:none;} 483 | .nav>li>a{display:block;} 484 | .nav>li>a:hover{text-decoration:none;background-color:#f5f5f5;} 485 | .nav>.pull-right{float:right;} 486 | .nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;} 487 | .nav li+.nav-header{margin-top:9px;} 488 | .nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;} 489 | .nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);} 490 | .nav-list>li>a{padding:3px 15px;} 491 | .nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#dd4814;} 492 | .nav-list [class^="icon-"]{margin-right:2px;} 493 | .nav-list .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;} 494 | .nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";} 495 | .nav-tabs:after,.nav-pills:after{clear:both;} 496 | .nav-tabs>li,.nav-pills>li{float:left;} 497 | .nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;} 498 | .nav-tabs{border-bottom:1px solid #ddd;} 499 | .nav-tabs>li{margin-bottom:-1px;} 500 | .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#f5f5f5 #f5f5f5 #dddddd;} 501 | .nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;} 502 | .nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} 503 | .nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#dd4814;} 504 | .nav-stacked>li{float:none;} 505 | .nav-stacked>li>a{margin-right:0;} 506 | .nav-tabs.nav-stacked{border-bottom:0;} 507 | .nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} 508 | .nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} 509 | .nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} 510 | .nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;} 511 | .nav-pills.nav-stacked>li>a{margin-bottom:3px;} 512 | .nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;} 513 | .nav-tabs .dropdown-menu{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} 514 | .nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 515 | .nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#dd4814;border-bottom-color:#dd4814;margin-top:6px;} 516 | .nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#97310e;border-bottom-color:#97310e;} 517 | .nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;border-bottom-color:#333333;} 518 | .nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;} 519 | .nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;} 520 | .nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);} 521 | .tabs-stacked .open>a:hover{border-color:#999999;} 522 | .tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";} 523 | .tabbable:after{clear:both;} 524 | .tab-content{overflow:auto;} 525 | .tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;} 526 | .tab-content>.tab-pane,.pill-content>.pill-pane{display:none;} 527 | .tab-content>.active,.pill-content>.active{display:block;} 528 | .tabs-below>.nav-tabs{border-top:1px solid #ddd;} 529 | .tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;} 530 | .tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;} 531 | .tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover{border-color:transparent #ddd #ddd #ddd;} 532 | .tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;} 533 | .tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;} 534 | .tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;} 535 | .tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;} 536 | .tabs-left>.nav-tabs>li>a:hover{border-color:#f5f5f5 #dddddd #f5f5f5 #f5f5f5;} 537 | .tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;} 538 | .tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;} 539 | .tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;} 540 | .tabs-right>.nav-tabs>li>a:hover{border-color:#f5f5f5 #f5f5f5 #f5f5f5 #dddddd;} 541 | .tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;} 542 | .navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px;} 543 | .navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#d44413;background-image:-moz-linear-gradient(top, #ce4213, #dd4814);background-image:-ms-linear-gradient(top, #ce4213, #dd4814);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ce4213), to(#dd4814));background-image:-webkit-linear-gradient(top, #ce4213, #dd4814);background-image:-o-linear-gradient(top, #ce4213, #dd4814);background-image:linear-gradient(top, #ce4213, #dd4814);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce4213', endColorstr='#dd4814', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);} 544 | .navbar .container{width:auto;} 545 | .nav-collapse.collapse{height:auto;} 546 | .navbar{color:#ffffff;}.navbar .brand:hover{text-decoration:none;} 547 | .navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;} 548 | .navbar .navbar-text{margin-bottom:0;line-height:40px;} 549 | .navbar .navbar-link{color:#ffffff;}.navbar .navbar-link:hover{color:#ffffff;} 550 | .navbar .btn,.navbar .btn-group{margin-top:5px;} 551 | .navbar .btn-group .btn{margin:0;} 552 | .navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";} 553 | .navbar-form:after{clear:both;} 554 | .navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;} 555 | .navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;} 556 | .navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;} 557 | .navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;} 558 | .navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:'Ubuntu',Tahoma,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#f39c7d;border:1px solid #c64012;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#ffffff;} 559 | .navbar-search .search-query:-ms-input-placeholder{color:#ffffff;} 560 | .navbar-search .search-query::-webkit-input-placeholder{color:#ffffff;} 561 | .navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} 562 | .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} 563 | .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} 564 | .navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} 565 | .navbar-fixed-top{top:0;} 566 | .navbar-fixed-bottom{bottom:0;} 567 | .navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;} 568 | .navbar .nav.pull-right{float:right;} 569 | .navbar .nav>li{display:block;float:left;} 570 | .navbar .nav>li>a{float:none;padding:9px 10px 11px;line-height:19px;color:#ffffff;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} 571 | .navbar .btn{display:inline-block;padding:4px 10px 4px;margin:5px 5px 6px;line-height:18px;} 572 | .navbar .btn-group{margin:0;padding:5px 5px 6px;} 573 | .navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;} 574 | .navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#dd4814;} 575 | .navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#dd4814;border-right:1px solid #ce4213;} 576 | .navbar .nav.pull-right{margin-left:10px;margin-right:0;} 577 | .navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#d44413;background-image:-moz-linear-gradient(top, #ce4213, #dd4814);background-image:-ms-linear-gradient(top, #ce4213, #dd4814);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ce4213), to(#dd4814));background-image:-webkit-linear-gradient(top, #ce4213, #dd4814);background-image:-o-linear-gradient(top, #ce4213, #dd4814);background-image:linear-gradient(top, #ce4213, #dd4814);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce4213', endColorstr='#dd4814', GradientType=0);border-color:#dd4814 #dd4814 #97310e;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#dd4814;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{background-color:#dd4814;*background-color:#c64012;} 578 | .navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#ae3910 \9;} 579 | .navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} 580 | .btn-navbar .icon-bar+.icon-bar{margin-top:3px;} 581 | .navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;} 582 | .navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;} 583 | .navbar-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;} 584 | .navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;} 585 | .navbar .nav li.dropdown .dropdown-toggle .caret,.navbar .nav li.dropdown.open .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} 586 | .navbar .nav li.dropdown.active .caret{opacity:1;filter:alpha(opacity=100);} 587 | .navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:transparent;} 588 | .navbar .nav li.dropdown.active>.dropdown-toggle:hover{color:#ffffff;} 589 | .navbar .pull-right .dropdown-menu,.navbar .dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right .dropdown-menu:before,.navbar .dropdown-menu.pull-right:before{left:auto;right:12px;} 590 | .navbar .pull-right .dropdown-menu:after,.navbar .dropdown-menu.pull-right:after{left:auto;right:13px;} 591 | .breadcrumb{padding:7px 14px;margin:0 0 18px;list-style:none;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;} 592 | .breadcrumb .divider{padding:0 5px;color:#999999;} 593 | .breadcrumb .active a{color:#333333;} 594 | .pagination{height:36px;margin:18px 0;} 595 | .pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);} 596 | .pagination li{display:inline;} 597 | .pagination a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;} 598 | .pagination a:hover,.pagination .active a{background-color:#f5f5f5;} 599 | .pagination .active a{color:#999999;cursor:default;} 600 | .pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;} 601 | .pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} 602 | .pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} 603 | .pagination-centered{text-align:center;} 604 | .pagination-right{text-align:right;} 605 | .pager{margin-left:0;margin-bottom:18px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";} 606 | .pager:after{clear:both;} 607 | .pager li{display:inline;} 608 | .pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} 609 | .pager a:hover{text-decoration:none;background-color:#f5f5f5;} 610 | .pager .next a{float:right;} 611 | .pager .previous a{float:left;} 612 | .pager .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;} 613 | .modal-open .dropdown-menu{z-index:2050;} 614 | .modal-open .dropdown.open{*z-index:2050;} 615 | .modal-open .popover{z-index:2060;} 616 | .modal-open .tooltip{z-index:2070;} 617 | .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;} 618 | .modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);} 619 | .modal{position:fixed;top:50%;left:50%;z-index:1050;overflow:auto;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;} 620 | .modal.fade.in{top:50%;} 621 | .modal-header{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;} 622 | .modal-body{overflow-y:auto;max-height:400px;padding:15px;} 623 | .modal-form{margin-bottom:0;} 624 | .modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";} 625 | .modal-footer:after{clear:both;} 626 | .modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;} 627 | .modal-footer .btn-group .btn+.btn{margin-left:-1px;} 628 | .tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);} 629 | .tooltip.top{margin-top:-2px;} 630 | .tooltip.right{margin-left:2px;} 631 | .tooltip.bottom{margin-top:2px;} 632 | .tooltip.left{margin-left:-2px;} 633 | .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} 634 | .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} 635 | .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} 636 | .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} 637 | .tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 638 | .tooltip-arrow{position:absolute;width:0;height:0;} 639 | .popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;} 640 | .popover.right{margin-left:5px;} 641 | .popover.bottom{margin-top:5px;} 642 | .popover.left{margin-left:-5px;} 643 | .popover.top .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;} 644 | .popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;} 645 | .popover.bottom .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;} 646 | .popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;} 647 | .popover .arrow{position:absolute;width:0;height:0;} 648 | .popover-inner{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);} 649 | .popover-title{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} 650 | .popover-content{padding:14px;background-color:#ffffff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;} 651 | .thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";} 652 | .thumbnails:after{clear:both;} 653 | .row-fluid .thumbnails{margin-left:0;} 654 | .thumbnails>li{float:left;margin-bottom:18px;margin-left:20px;} 655 | .thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);} 656 | a.thumbnail:hover{border-color:#dd4814;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);} 657 | .thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;} 658 | .thumbnail .caption{padding:9px;} 659 | .label,.badge{font-size:10.998px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;} 660 | .label{padding:1px 4px 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} 661 | .badge{padding:1px 9px 2px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;} 662 | a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} 663 | .label-important,.badge-important{background-color:#df382c;} 664 | .label-important[href],.badge-important[href]{background-color:#bc271c;} 665 | .label-warning,.badge-warning{background-color:#dd4814;} 666 | .label-warning[href],.badge-warning[href]{background-color:#ae3910;} 667 | .label-success,.badge-success{background-color:#38b44a;} 668 | .label-success[href],.badge-success[href]{background-color:#2c8d3a;} 669 | .label-info,.badge-info{background-color:#772953;} 670 | .label-info[href],.badge-info[href]{background-color:#511c39;} 671 | .label-inverse,.badge-inverse{background-color:#333333;} 672 | .label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;} 673 | @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 674 | .progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;} 675 | .progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;} 676 | .progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;} 677 | .progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);} 678 | .progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} 679 | .progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);} 680 | .progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} 681 | .progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);} 682 | .progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} 683 | .progress-warning .bar{background-color:#e86537;background-image:-moz-linear-gradient(top, #ef784e, #dd4814);background-image:-ms-linear-gradient(top, #ef784e, #dd4814);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ef784e), to(#dd4814));background-image:-webkit-linear-gradient(top, #ef784e, #dd4814);background-image:-o-linear-gradient(top, #ef784e, #dd4814);background-image:linear-gradient(top, #ef784e, #dd4814);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef784e', endColorstr='#dd4814', GradientType=0);} 684 | .progress-warning.progress-striped .bar{background-color:#ef784e;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} 685 | .accordion{margin-bottom:18px;} 686 | .accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} 687 | .accordion-heading{border-bottom:0;} 688 | .accordion-heading .accordion-toggle{display:block;padding:8px 15px;} 689 | .accordion-toggle{cursor:pointer;} 690 | .accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;} 691 | .carousel{position:relative;margin-bottom:18px;line-height:1;} 692 | .carousel-inner{overflow:hidden;width:100%;position:relative;} 693 | .carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;} 694 | .carousel .item>img{display:block;line-height:1;} 695 | .carousel .active,.carousel .next,.carousel .prev{display:block;} 696 | .carousel .active{left:0;} 697 | .carousel .next,.carousel .prev{position:absolute;top:0;width:100%;} 698 | .carousel .next{left:100%;} 699 | .carousel .prev{left:-100%;} 700 | .carousel .next.left,.carousel .prev.right{left:0;} 701 | .carousel .active.left{left:-100%;} 702 | .carousel .active.right{left:100%;} 703 | .carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;} 704 | .carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);} 705 | .carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);} 706 | .carousel-caption h4,.carousel-caption p{color:#ffffff;} 707 | .hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;} 708 | .hero-unit p{font-size:18px;font-weight:200;line-height:27px;color:inherit;} 709 | .pull-right{float:right;} 710 | .pull-left{float:left;} 711 | .hide{display:none;} 712 | .show{display:block;} 713 | .invisible{visibility:hidden;} 714 | .navbar .nav>li>a{border-right:1px solid #C03D14;border-left:1px solid #E6633A;}.navbar .nav>li>a:hover{background-color:#97310e;} 715 | .navbar .nav .active>a,.navbar .nav .active>a:hover{background-color:rgba(0, 0, 0, 0.2);} 716 | .navbar .divider-vertical{background-color:inherit;border-right:0px solid #CE4213;} 717 | .navbar .navbar-text{padding:9px 10px 11px;line-height:19px;color:#ffffff;} 718 | .navbar .navbar-search .search-query{margin-bottom:3px;border:1px solid #97310e;} 719 | .navbar .nav-collapse.collapse>.nav li>a{color:#ffffff;border-left:0px solid #dd4814;border-right:0px solid #dd4814;}.navbar .nav-collapse.collapse>.nav li>a:hover{background-color:#97310e;} 720 | .navbar .nav-collapse.collapse .navbar-form,.navbar .nav-collapse.collapse .navbar-search{border-top:0px solid #dd4814;border-bottom:0px solid #dd4814;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} 721 | .btn-primary{background-color:#e86537;background-image:-moz-linear-gradient(top, #ef784e, #dd4814);background-image:-ms-linear-gradient(top, #ef784e, #dd4814);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ef784e), to(#dd4814));background-image:-webkit-linear-gradient(top, #ef784e, #dd4814);background-image:-o-linear-gradient(top, #ef784e, #dd4814);background-image:linear-gradient(top, #ef784e, #dd4814);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef784e', endColorstr='#dd4814', GradientType=0);border-color:#dd4814 #dd4814 #97310e;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#dd4814;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#dd4814;*background-color:#c64012;} 722 | .btn-primary:active,.btn-primary.active{background-color:#ae3910 \9;} 723 | .btn-warning{background-color:#f3c768;background-image:-moz-linear-gradient(top, #f5d185, #efb73e);background-image:-ms-linear-gradient(top, #f5d185, #efb73e);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5d185), to(#efb73e));background-image:-webkit-linear-gradient(top, #f5d185, #efb73e);background-image:-o-linear-gradient(top, #f5d185, #efb73e);background-image:linear-gradient(top, #f5d185, #efb73e);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d185', endColorstr='#efb73e', GradientType=0);border-color:#efb73e #efb73e #cf9311;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#efb73e;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#efb73e;*background-color:#edae26;} 724 | .btn-warning:active,.btn-warning.active{background-color:#e7a413 \9;} 725 | .alert{text-shadow:none;} 726 | .hero-unit{border:1px solid rgba(0, 0, 0, 0.05);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.hero-unit h1{line-height:1.6em;} 727 | .pull-right{float:right;} 728 | .pull-left{float:left;} 729 | .hide{display:none;} 730 | .show{display:block;} 731 | .invisible{visibility:hidden;} 732 | .tab-content{background-color: #FFF;} 733 | --------------------------------------------------------------------------------