├── 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 | 
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 |
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 |
182 |
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 |
--------------------------------------------------------------------------------