css-bootstrap-rails 0.0.6 → 0.0.7

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,5 +1,5 @@
1
1
  /* ========================================================
2
- * bootstrap-tabs.js v1.4.0
2
+ * bootstrap-tabs.js v2.0.0
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tabs
4
4
  * ========================================================
5
5
  * Copyright 2011 Twitter, Inc.
@@ -22,59 +22,83 @@
22
22
 
23
23
  "use strict"
24
24
 
25
- function activate ( element, container ) {
26
- container
27
- .find('> .active')
28
- .removeClass('active')
29
- .find('> .dropdown-menu > .active')
30
- .removeClass('active')
25
+ /* TAB CLASS DEFINITION
26
+ * ==================== */
31
27
 
32
- element.addClass('active')
33
-
34
- if ( element.parent('.dropdown-menu') ) {
35
- element.closest('li.dropdown').addClass('active')
36
- }
28
+ var Tab = function ( element ) {
29
+ this.element = $(element)
37
30
  }
38
31
 
39
- function tab( e ) {
40
- var $this = $(this)
41
- , $ul = $this.closest('ul:not(.dropdown-menu)')
42
- , href = $this.attr('href')
43
- , previous
44
- , $href
32
+ Tab.prototype = {
45
33
 
46
- if ( /^#\w+/.test(href) ) {
47
- e.preventDefault()
34
+ constructor: Tab
48
35
 
49
- if ( $this.parent('li').hasClass('active') ) {
50
- return
51
- }
36
+ , show: function () {
37
+ var $this = this.element
38
+ , $ul = $this.closest('ul:not(.dropdown-menu)')
39
+ , href = $this.attr('data-target') || $this.attr('href')
40
+ , previous
41
+ , $href
42
+
43
+ if ( $this.parent('li').hasClass('active') ) return
52
44
 
53
45
  previous = $ul.find('.active a').last()[0]
46
+
47
+ $this.trigger({
48
+ type: 'show'
49
+ , relatedTarget: previous
50
+ })
51
+
54
52
  $href = $(href)
55
53
 
56
- activate($this.parent('li'), $ul)
57
- activate($href, $href.parent())
54
+ this.activate($this.parent('li'), $ul)
55
+ this.activate($href, $href.parent())
58
56
 
59
57
  $this.trigger({
60
- type: 'change'
58
+ type: 'shown'
61
59
  , relatedTarget: previous
62
60
  })
63
61
  }
62
+
63
+ , activate: function ( element, container ) {
64
+ container
65
+ .find('> .active')
66
+ .removeClass('active')
67
+ .find('> .dropdown-menu > .active')
68
+ .removeClass('active')
69
+
70
+ element.addClass('active')
71
+
72
+ if ( element.parent('.dropdown-menu') ) {
73
+ element.closest('li.dropdown').addClass('active')
74
+ }
75
+ }
64
76
  }
65
77
 
66
78
 
67
- /* TABS/PILLS PLUGIN DEFINITION
68
- * ============================ */
79
+ /* TAB PLUGIN DEFINITION
80
+ * ===================== */
69
81
 
70
- $.fn.tabs = $.fn.pills = function ( selector ) {
82
+ $.fn.tab = function (option) {
71
83
  return this.each(function () {
72
- $(this).delegate(selector || '.tabs li > a, .pills > li > a', 'click', tab)
84
+ var $this = $(this)
85
+ , data = $this.data('tab')
86
+ if (!data) $this.data('tab', (data = new Tab(this)))
87
+ if (typeof option == 'string') data[option]()
73
88
  })
74
89
  }
75
90
 
91
+ $.fn.tab.Tab = Tab
92
+
93
+
94
+ /* TAB DATA-API
95
+ * ============ */
96
+
76
97
  $(document).ready(function () {
77
- $('body').tabs('ul[data-tabs] li > a, ul[data-pills] > li > a')
98
+ $('body').delegate('[data-toggle="tab"], [data-toggle="pill"]', 'click.tab.data-api', function (e) {
99
+ e.preventDefault()
100
+ $(this).tab('show')
101
+ })
78
102
  })
79
103
 
80
- }( window.jQuery || window.ender );
104
+ }( window.jQuery || window.ender )
@@ -0,0 +1,45 @@
1
+ /* ===================================================
2
+ * bootstrap-transitions.js v2.0.0
3
+ * http://twitter.github.com/bootstrap/javascript.html
4
+ * ===================================================
5
+ * Copyright 2011 Twitter, Inc.
6
+ *
7
+ * Licensed under the Apache License, Version 2.0 (the "License");
8
+ * you may not use this file except in compliance with the License.
9
+ * You may obtain a copy of the License at
10
+ *
11
+ * http://www.apache.org/licenses/LICENSE-2.0
12
+ *
13
+ * Unless required by applicable law or agreed to in writing, software
14
+ * distributed under the License is distributed on an "AS IS" BASIS,
15
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16
+ * See the License for the specific language governing permissions and
17
+ * limitations under the License.
18
+ * ========================================================== */
19
+
20
+ $(function () {
21
+
22
+ /* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
23
+ * ======================================================= */
24
+
25
+ $.support.transition = (function () {
26
+ var thisBody = document.body || document.documentElement
27
+ , thisStyle = thisBody.style
28
+ , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined
29
+
30
+ return support && {
31
+ end: (function () {
32
+ var transitionEnd = "TransitionEnd"
33
+ if ( $.browser.webkit ) {
34
+ transitionEnd = "webkitTransitionEnd"
35
+ } else if ( $.browser.mozilla ) {
36
+ transitionEnd = "transitionend"
37
+ } else if ( $.browser.opera ) {
38
+ transitionEnd = "oTransitionEnd"
39
+ }
40
+ return transitionEnd
41
+ }())
42
+ }
43
+ })()
44
+
45
+ })
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-twipsy.js v1.4.0
2
+ * bootstrap-twipsy.js v2.0.0
3
3
  * http://twitter.github.com/bootstrap/javascript.html#twipsy
4
4
  * Adapted from the original jQuery.tipsy by Jason Frame
5
5
  * ==========================================================
@@ -18,40 +18,10 @@
18
18
  * limitations under the License.
19
19
  * ========================================================== */
20
20
 
21
-
22
21
  !function( $ ) {
23
22
 
24
23
  "use strict"
25
24
 
26
- /* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
27
- * ======================================================= */
28
-
29
- var transitionEnd
30
-
31
- $(document).ready(function () {
32
-
33
- $.support.transition = (function () {
34
- var thisBody = document.body || document.documentElement
35
- , thisStyle = thisBody.style
36
- , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined
37
- return support
38
- })()
39
-
40
- // set CSS transition event type
41
- if ( $.support.transition ) {
42
- transitionEnd = "TransitionEnd"
43
- if ( $.browser.webkit ) {
44
- transitionEnd = "webkitTransitionEnd"
45
- } else if ( $.browser.mozilla ) {
46
- transitionEnd = "transitionend"
47
- } else if ( $.browser.opera ) {
48
- transitionEnd = "oTransitionEnd"
49
- }
50
- }
51
-
52
- })
53
-
54
-
55
25
  /* TWIPSY PUBLIC CLASS DEFINITION
56
26
  * ============================== */
57
27
 
@@ -64,7 +34,9 @@
64
34
 
65
35
  Twipsy.prototype = {
66
36
 
67
- show: function() {
37
+ constructor: Twipsy
38
+
39
+ , show: function() {
68
40
  var pos
69
41
  , actualWidth
70
42
  , actualHeight
@@ -119,7 +91,7 @@
119
91
 
120
92
  , setContent: function () {
121
93
  var $tip = this.tip()
122
- $tip.find('.twipsy-inner')[this.options.html ? 'html' : 'text'](this.getTitle())
94
+ $tip.find('.twipsy-inner').html(this.getTitle())
123
95
  $tip[0].className = 'twipsy'
124
96
  }
125
97
 
@@ -134,7 +106,7 @@
134
106
  }
135
107
 
136
108
  $.support.transition && this.$tip.hasClass('fade') ?
137
- $tip.bind(transitionEnd, removeElement) :
109
+ $tip.bind( $.support.transition.end, removeElement) :
138
110
  removeElement()
139
111
  }
140
112
 
@@ -164,14 +136,11 @@
164
136
 
165
137
  title = ('' + title).replace(/(^\s*|\s*$)/, "")
166
138
 
167
- return title || o.fallback
139
+ return title
168
140
  }
169
141
 
170
142
  , tip: function() {
171
- if (!this.$tip) {
172
- this.$tip = $('<div class="twipsy" />').html(this.options.template)
173
- }
174
- return this.$tip
143
+ return this.$tip = this.$tip || $('<div class="twipsy" />').html(this.options.template)
175
144
  }
176
145
 
177
146
  , validate: function() {
@@ -194,6 +163,10 @@
194
163
  this.enabled = !this.enabled
195
164
  }
196
165
 
166
+ , toggle: function () {
167
+ this[this.tip().hasClass('in') ? 'hide' : 'show']()
168
+ }
169
+
197
170
  }
198
171
 
199
172
 
@@ -212,29 +185,33 @@
212
185
  return this
213
186
  }
214
187
 
215
- $.fn.twipsy.initWith = function (options, Constructor, name) {
188
+ $.fn.twipsy.initWith = function (options, Base, name) {
216
189
  var twipsy
217
190
  , binder
218
191
  , eventIn
219
192
  , eventOut
220
193
 
221
- if (options === true) {
222
- return this.data(name)
223
- } else if (typeof options == 'string') {
224
- twipsy = this.data(name)
225
- if (twipsy) {
226
- twipsy[options]()
227
- }
228
- return this
194
+ if (typeof options == 'string') {
195
+ return this.each(function (){
196
+ twipsy = $.data(this, name)
197
+ if (twipsy) twipsy[options]()
198
+ })
229
199
  }
230
200
 
231
201
  options = $.extend({}, $.fn[name].defaults, options)
232
202
 
203
+ if (options.delay && typeof options.delay == 'number') {
204
+ options.delay = {
205
+ show: options.delay
206
+ , hide: options.delay
207
+ }
208
+ }
209
+
233
210
  function get(ele) {
234
211
  var twipsy = $.data(ele, name)
235
212
 
236
213
  if (!twipsy) {
237
- twipsy = new Constructor(ele, $.fn.twipsy.elementOptions(ele, options))
214
+ twipsy = new Base(ele, $.fn.twipsy.elementOptions(ele, options))
238
215
  $.data(ele, name, twipsy)
239
216
  }
240
217
 
@@ -245,7 +222,7 @@
245
222
  var twipsy = get(this)
246
223
  twipsy.hoverState = 'in'
247
224
 
248
- if (options.delayIn == 0) {
225
+ if (!options.delay || !options.delay.show) {
249
226
  twipsy.show()
250
227
  } else {
251
228
  twipsy.fixTitle()
@@ -253,21 +230,21 @@
253
230
  if (twipsy.hoverState == 'in') {
254
231
  twipsy.show()
255
232
  }
256
- }, options.delayIn)
233
+ }, options.delay.show)
257
234
  }
258
235
  }
259
236
 
260
237
  function leave() {
261
238
  var twipsy = get(this)
262
239
  twipsy.hoverState = 'out'
263
- if (options.delayOut == 0) {
240
+ if (!options.delay || !options.delay.hide) {
264
241
  twipsy.hide()
265
242
  } else {
266
243
  setTimeout(function() {
267
244
  if (twipsy.hoverState == 'out') {
268
245
  twipsy.hide()
269
246
  }
270
- }, options.delayOut)
247
+ }, options.delay.hide)
271
248
  }
272
249
  }
273
250
 
@@ -291,20 +268,27 @@
291
268
 
292
269
  $.fn.twipsy.defaults = {
293
270
  animate: true
294
- , delayIn: 0
295
- , delayOut: 0
296
- , fallback: ''
271
+ , delay: 0
297
272
  , placement: 'above'
298
- , html: false
299
273
  , live: false
300
274
  , offset: 0
301
- , title: 'title'
302
275
  , trigger: 'hover'
276
+ , title: 'title'
303
277
  , template: '<div class="twipsy-arrow"></div><div class="twipsy-inner"></div>'
304
278
  }
305
279
 
280
+ $.fn.twipsy.rejectAttrOptions = [ 'title' ]
281
+
306
282
  $.fn.twipsy.elementOptions = function(ele, options) {
307
- return $.extend({}, options, $(ele).data())
283
+ var data = $(ele).data()
284
+ , rejects = $.fn.twipsy.rejectAttrOptions
285
+ , i = rejects.length
286
+
287
+ while (i--) {
288
+ delete data[rejects[i]]
289
+ }
290
+
291
+ return $.extend({}, options, data)
308
292
  }
309
293
 
310
- }( window.jQuery || window.ender );
294
+ }( window.jQuery || window.ender )
@@ -1,16 +1,13 @@
1
1
  /*!
2
- * Bootstrap v1.4.0
2
+ * Bootstrap v2.0.0
3
3
  *
4
4
  * Copyright 2011 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
6
6
  * http://www.apache.org/licenses/LICENSE-2.0
7
7
  *
8
8
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
- * Date: Thu Nov 3 17:06:17 PDT 2011
9
+ * Date: Wed Nov 30 22:05:44 PST 2011
10
10
  */
11
- /* Reset.less
12
- * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
13
- * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
14
11
  html, body {
15
12
  margin: 0;
16
13
  padding: 0;
@@ -118,9 +115,9 @@ audio:not([controls]) {
118
115
  display: none;
119
116
  }
120
117
  sub, sup {
118
+ position: relative;
121
119
  font-size: 75%;
122
120
  line-height: 0;
123
- position: relative;
124
121
  vertical-align: baseline;
125
122
  }
126
123
  sup {
@@ -137,18 +134,18 @@ button,
137
134
  input,
138
135
  select,
139
136
  textarea {
140
- font-size: 100%;
141
137
  margin: 0;
138
+ font-size: 100%;
142
139
  vertical-align: baseline;
143
140
  *vertical-align: middle;
144
141
  }
145
142
  button, input {
146
- line-height: normal;
147
143
  *overflow: visible;
144
+ line-height: normal;
148
145
  }
149
146
  button::-moz-focus-inner, input::-moz-focus-inner {
150
- border: 0;
151
147
  padding: 0;
148
+ border: 0;
152
149
  }
153
150
  button,
154
151
  input[type="button"],
@@ -170,24 +167,13 @@ textarea {
170
167
  overflow: auto;
171
168
  vertical-align: top;
172
169
  }
173
- /* Variables.less
174
- * Variables to customize the look and feel of Bootstrap
175
- * ----------------------------------------------------- */
176
- /* Mixins.less
177
- * Snippets of reusable CSS to develop faster and keep code readable
178
- * ----------------------------------------------------------------- */
179
- /*
180
- * Scaffolding
181
- * Basic and global styles for generating a grid system, structural layout, and page templates
182
- * ------------------------------------------------------------------------------------------- */
183
170
  body {
184
- background-color: #ffffff;
185
171
  margin: 0;
186
172
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
187
173
  font-size: 13px;
188
- font-weight: normal;
189
174
  line-height: 18px;
190
175
  color: #404040;
176
+ background-color: #ffffff;
191
177
  }
192
178
  .container {
193
179
  width: 940px;
@@ -197,41 +183,50 @@ body {
197
183
  }
198
184
  .container:before, .container:after {
199
185
  display: table;
186
+ *display: inline;
200
187
  content: "";
201
188
  zoom: 1;
202
189
  }
203
190
  .container:after {
204
191
  clear: both;
205
192
  }
206
- .container-fluid {
193
+ .fluid-container {
207
194
  position: relative;
208
195
  min-width: 940px;
209
196
  padding-left: 20px;
210
197
  padding-right: 20px;
211
198
  zoom: 1;
212
199
  }
213
- .container-fluid:before, .container-fluid:after {
200
+ .fluid-container:before, .fluid-container:after {
214
201
  display: table;
202
+ *display: inline;
215
203
  content: "";
216
204
  zoom: 1;
217
205
  }
218
- .container-fluid:after {
206
+ .fluid-container:after {
219
207
  clear: both;
220
208
  }
221
- .container-fluid > .sidebar {
222
- position: absolute;
223
- top: 0;
224
- left: 20px;
209
+ .fluid-sidebar-left, .fluid-sidebar-right {
225
210
  width: 220px;
226
211
  }
227
- .container-fluid > .content {
212
+ .fluid-sidebar-left {
213
+ float: left;
214
+ }
215
+ .fluid-sidebar-right {
216
+ float: right;
217
+ }
218
+ .fluid-content {
228
219
  margin-left: 240px;
229
220
  }
221
+ .fluid-container.reverse .fluid-content {
222
+ margin-left: 0;
223
+ margin-right: 240px;
224
+ }
230
225
  a {
226
+ font-weight: inherit;
227
+ line-height: inherit;
231
228
  color: #0069d6;
232
229
  text-decoration: none;
233
- line-height: inherit;
234
- font-weight: inherit;
235
230
  }
236
231
  a:hover {
237
232
  color: #00438a;
@@ -250,150 +245,97 @@ a:hover {
250
245
  display: block;
251
246
  }
252
247
  .row {
253
- zoom: 1;
254
248
  margin-left: -20px;
249
+ zoom: 1;
255
250
  }
256
251
  .row:before, .row:after {
257
252
  display: table;
253
+ *display: inline;
258
254
  content: "";
259
255
  zoom: 1;
260
256
  }
261
257
  .row:after {
262
258
  clear: both;
263
259
  }
264
- .row > [class*="span"] {
260
+ [class*="span"] {
265
261
  display: inline;
266
262
  float: left;
267
263
  margin-left: 20px;
268
264
  }
269
265
  .span1 {
270
- width: 40px;
266
+ width: 60px;
271
267
  }
272
268
  .span2 {
273
- width: 100px;
269
+ width: 140px;
274
270
  }
275
271
  .span3 {
276
- width: 160px;
272
+ width: 220px;
277
273
  }
278
274
  .span4 {
279
- width: 220px;
275
+ width: 300px;
280
276
  }
281
277
  .span5 {
282
- width: 280px;
278
+ width: 380px;
283
279
  }
284
280
  .span6 {
285
- width: 340px;
281
+ width: 460px;
286
282
  }
287
283
  .span7 {
288
- width: 400px;
284
+ width: 540px;
289
285
  }
290
286
  .span8 {
291
- width: 460px;
287
+ width: 620px;
292
288
  }
293
289
  .span9 {
294
- width: 520px;
290
+ width: 700px;
295
291
  }
296
292
  .span10 {
297
- width: 580px;
293
+ width: 780px;
298
294
  }
299
295
  .span11 {
300
- width: 640px;
296
+ width: 860px;
301
297
  }
302
298
  .span12 {
303
- width: 700px;
304
- }
305
- .span13 {
306
- width: 760px;
307
- }
308
- .span14 {
309
- width: 820px;
310
- }
311
- .span15 {
312
- width: 880px;
313
- }
314
- .span16 {
315
299
  width: 940px;
316
300
  }
317
- .span17 {
318
- width: 1000px;
319
- }
320
- .span18 {
321
- width: 1060px;
301
+ .offset1 {
302
+ margin-left: 100px;
322
303
  }
323
- .span19 {
324
- width: 1120px;
304
+ .offset2 {
305
+ margin-left: 180px;
325
306
  }
326
- .span20 {
327
- width: 1180px;
328
- }
329
- .span21 {
330
- width: 1240px;
331
- }
332
- .span22 {
333
- width: 1300px;
334
- }
335
- .span23 {
336
- width: 1360px;
337
- }
338
- .span24 {
339
- width: 1420px;
340
- }
341
- .row > .offset1 {
342
- margin-left: 80px;
343
- }
344
- .row > .offset2 {
345
- margin-left: 140px;
346
- }
347
- .row > .offset3 {
348
- margin-left: 200px;
349
- }
350
- .row > .offset4 {
307
+ .offset3 {
351
308
  margin-left: 260px;
352
309
  }
353
- .row > .offset5 {
354
- margin-left: 320px;
355
- }
356
- .row > .offset6 {
357
- margin-left: 380px;
310
+ .offset4 {
311
+ margin-left: 340px;
358
312
  }
359
- .row > .offset7 {
360
- margin-left: 440px;
313
+ .offset5 {
314
+ margin-left: 420px;
361
315
  }
362
- .row > .offset8 {
316
+ .offset6 {
363
317
  margin-left: 500px;
364
318
  }
365
- .row > .offset9 {
366
- margin-left: 560px;
319
+ .offset7 {
320
+ margin-left: 580px;
367
321
  }
368
- .row > .offset10 {
369
- margin-left: 620px;
370
- }
371
- .row > .offset11 {
372
- margin-left: 680px;
322
+ .offset8 {
323
+ margin-left: 660px;
373
324
  }
374
- .row > .offset12 {
325
+ .offset9 {
375
326
  margin-left: 740px;
376
327
  }
377
- .span-one-third {
378
- width: 300px;
379
- }
380
- .span-two-thirds {
381
- width: 620px;
382
- }
383
- .offset-one-third {
384
- margin-left: 340px;
328
+ .offset10 {
329
+ margin-left: 820px;
385
330
  }
386
- .offset-two-thirds {
387
- margin-left: 660px;
331
+ .offset11 {
332
+ margin-left: 900px;
388
333
  }
389
- /* Typography.less
390
- * Headings, body text, lists, code, and more for a versatile and durable typography system
391
- * ---------------------------------------------------------------------------------------- */
392
334
  p {
335
+ margin-bottom: 9px;
336
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
393
337
  font-size: 13px;
394
- font-weight: normal;
395
338
  line-height: 18px;
396
- margin-bottom: 9px;
397
339
  }
398
340
  p small {
399
341
  font-size: 11px;
@@ -407,6 +349,7 @@ h5,
407
349
  h6 {
408
350
  font-weight: bold;
409
351
  color: #404040;
352
+ text-rendering: optimizelegibility;
410
353
  }
411
354
  h1 small,
412
355
  h2 small,
@@ -417,7 +360,6 @@ h6 small {
417
360
  color: #bfbfbf;
418
361
  }
419
362
  h1 {
420
- margin-bottom: 18px;
421
363
  font-size: 30px;
422
364
  line-height: 36px;
423
365
  }
@@ -429,15 +371,10 @@ h2 {
429
371
  line-height: 36px;
430
372
  }
431
373
  h2 small {
432
- font-size: 14px;
433
- }
434
- h3,
435
- h4,
436
- h5,
437
- h6 {
438
- line-height: 36px;
374
+ font-size: 18px;
439
375
  }
440
376
  h3 {
377
+ line-height: 27px;
441
378
  font-size: 18px;
442
379
  }
443
380
  h3 small {
@@ -445,20 +382,23 @@ h3 small {
445
382
  }
446
383
  h4 {
447
384
  font-size: 16px;
385
+ line-height: 36px;
448
386
  }
449
387
  h4 small {
450
388
  font-size: 12px;
451
389
  }
452
390
  h5 {
453
391
  font-size: 14px;
392
+ line-height: 18px;
454
393
  }
455
394
  h6 {
456
395
  font-size: 13px;
396
+ line-height: 18px;
457
397
  color: #bfbfbf;
458
398
  text-transform: uppercase;
459
399
  }
460
400
  ul, ol {
461
- margin: 0 0 18px 25px;
401
+ margin: 0 0 9px 25px;
462
402
  }
463
403
  ul ul,
464
404
  ul ol,
@@ -474,11 +414,11 @@ ol {
474
414
  }
475
415
  li {
476
416
  line-height: 18px;
477
- color: #808080;
417
+ color: #404040;
478
418
  }
479
419
  ul.unstyled {
480
- list-style: none;
481
420
  margin-left: 0;
421
+ list-style: none;
482
422
  }
483
423
  dl {
484
424
  margin-bottom: 18px;
@@ -509,52 +449,62 @@ em {
509
449
  .muted {
510
450
  color: #bfbfbf;
511
451
  }
452
+ abbr {
453
+ font-size: 90%;
454
+ text-transform: uppercase;
455
+ border-bottom: 1px dotted #ddd;
456
+ cursor: help;
457
+ }
512
458
  blockquote {
459
+ padding-left: 15px;
513
460
  margin-bottom: 18px;
514
461
  border-left: 5px solid #eee;
515
- padding-left: 15px;
516
462
  }
517
463
  blockquote p {
518
- font-size: 14px;
519
- font-weight: 300;
520
- line-height: 18px;
521
464
  margin-bottom: 0;
465
+ font-size: 300;
466
+ font-weight: 16px;
467
+ line-height: 22.5px;
522
468
  }
523
469
  blockquote small {
524
470
  display: block;
525
- font-size: 12px;
526
- font-weight: 300;
527
471
  line-height: 18px;
528
472
  color: #bfbfbf;
529
473
  }
530
474
  blockquote small:before {
531
475
  content: '\2014 \00A0';
532
476
  }
477
+ blockquote.pull-right {
478
+ float: right;
479
+ }
480
+ blockquote.pull-right p, blockquote.pull-right small {
481
+ text-align: right;
482
+ }
533
483
  address {
534
484
  display: block;
535
- line-height: 18px;
536
485
  margin-bottom: 18px;
486
+ line-height: 18px;
537
487
  }
538
488
  code, pre {
539
489
  padding: 0 3px 2px;
540
- font-family: Monaco, Andale Mono, Courier New, monospace;
490
+ font-family: "Menlo", Monaco, Courier New, monospace;
541
491
  font-size: 12px;
492
+ color: #404040;
542
493
  -webkit-border-radius: 3px;
543
494
  -moz-border-radius: 3px;
544
495
  border-radius: 3px;
545
496
  }
546
497
  code {
547
- background-color: #fee9cc;
548
- color: rgba(0, 0, 0, 0.75);
549
498
  padding: 1px 3px;
499
+ background-color: #fee9cc;
550
500
  }
551
501
  pre {
552
- background-color: #f5f5f5;
553
502
  display: block;
554
503
  padding: 8.5px;
555
- margin: 0 0 18px;
556
- line-height: 18px;
504
+ margin: 0 0 9px;
557
505
  font-size: 12px;
506
+ line-height: 18px;
507
+ background-color: #f5f5f5;
558
508
  border: 1px solid #ccc;
559
509
  border: 1px solid rgba(0, 0, 0, 0.15);
560
510
  -webkit-border-radius: 3px;
@@ -562,67 +512,41 @@ pre {
562
512
  border-radius: 3px;
563
513
  white-space: pre;
564
514
  white-space: pre-wrap;
565
- word-wrap: break-word;
515
+ word-break: break-all;
566
516
  }
567
- /* Forms.less
568
- * Base styles for various input types, form layouts, and states
569
- * ------------------------------------------------------------- */
570
- form {
517
+ pre.prettyprint {
571
518
  margin-bottom: 18px;
572
519
  }
573
- fieldset {
520
+ pre code {
521
+ padding: 0;
522
+ background-color: transparent;
523
+ }
524
+ form {
574
525
  margin-bottom: 18px;
575
- padding-top: 18px;
576
526
  }
577
- fieldset legend {
527
+ legend {
578
528
  display: block;
579
- padding-left: 150px;
529
+ width: 100%;
530
+ margin-bottom: 27px;
580
531
  font-size: 19.5px;
581
- line-height: 1;
532
+ line-height: 36px;
582
533
  color: #404040;
583
- *padding: 0 0 5px 145px;
584
- /* IE6-7 */
585
-
586
- *line-height: 1.5;
587
- /* IE6-7 */
588
-
589
- }
590
- form .clearfix {
591
- margin-bottom: 18px;
592
- zoom: 1;
593
- }
594
- form .clearfix:before, form .clearfix:after {
595
- display: table;
596
- content: "";
597
- zoom: 1;
598
- }
599
- form .clearfix:after {
600
- clear: both;
534
+ border-bottom: 1px solid #eee;
601
535
  }
602
536
  label,
603
537
  input,
604
538
  select,
605
539
  textarea {
606
540
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
607
- font-size: 13px;
608
- font-weight: normal;
609
- line-height: normal;
541
+ font-size: normal;
542
+ font-weight: 13px;
543
+ line-height: 18px;
610
544
  }
611
545
  label {
612
- padding-top: 6px;
613
- font-size: 13px;
614
- line-height: 18px;
615
- float: left;
616
- width: 130px;
617
- text-align: right;
546
+ display: block;
547
+ margin-bottom: 5px;
618
548
  color: #404040;
619
549
  }
620
- form .input {
621
- margin-left: 150px;
622
- }
623
- input[type=checkbox], input[type=radio] {
624
- cursor: pointer;
625
- }
626
550
  input,
627
551
  textarea,
628
552
  select,
@@ -639,9 +563,7 @@ select,
639
563
  -moz-border-radius: 3px;
640
564
  border-radius: 3px;
641
565
  }
642
- select {
643
- padding: initial;
644
- }
566
+ /* Mini reset for unique input types */
645
567
  input[type=checkbox], input[type=radio] {
646
568
  width: auto;
647
569
  height: auto;
@@ -652,12 +574,14 @@ input[type=checkbox], input[type=radio] {
652
574
 
653
575
  line-height: normal;
654
576
  border: none;
577
+ cursor: pointer;
655
578
  }
656
579
  input[type=file] {
657
- background-color: #ffffff;
658
580
  padding: initial;
659
- border: initial;
660
581
  line-height: initial;
582
+ border: initial;
583
+ background-color: #ffffff;
584
+ background-color: initial;
661
585
  -webkit-box-shadow: none;
662
586
  -moz-box-shadow: none;
663
587
  box-shadow: none;
@@ -668,11 +592,10 @@ input[type=button], input[type=reset], input[type=submit] {
668
592
  }
669
593
  select, input[type=file] {
670
594
  height: 27px;
671
- *height: auto;
672
- line-height: 27px;
673
595
  *margin-top: 4px;
674
596
  /* For IE7, add top margin to align select with labels */
675
597
 
598
+ line-height: 27px;
676
599
  }
677
600
  select[multiple] {
678
601
  height: inherit;
@@ -681,38 +604,22 @@ select[multiple] {
681
604
  textarea {
682
605
  height: auto;
683
606
  }
684
- .uneditable-input {
685
- background-color: #ffffff;
686
- display: block;
687
- border-color: #eee;
688
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
689
- -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
690
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
691
- cursor: not-allowed;
692
- }
693
- :-moz-placeholder {
694
- color: #bfbfbf;
695
- }
696
- ::-webkit-input-placeholder {
697
- color: #bfbfbf;
698
- }
699
607
  input, textarea {
700
- -webkit-transform-style: preserve-3d;
608
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
609
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
610
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
701
611
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
702
612
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
703
613
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
704
614
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
705
615
  transition: border linear 0.2s, box-shadow linear 0.2s;
706
- -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
707
- -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
708
- box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
709
616
  }
710
617
  input:focus, textarea:focus {
711
- outline: 0;
712
618
  border-color: rgba(82, 168, 236, 0.8);
713
619
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
714
620
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
715
621
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
622
+ outline: 0;
716
623
  }
717
624
  input[type=file]:focus, input[type=checkbox]:focus, select:focus {
718
625
  -webkit-box-shadow: none;
@@ -720,193 +627,166 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
720
627
  box-shadow: none;
721
628
  outline: 1px dotted #666;
722
629
  }
723
- form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
724
- color: #b94a48;
725
- }
726
- form .clearfix.error input, form .clearfix.error textarea {
727
- color: #b94a48;
728
- border-color: #ee5f5b;
729
- }
730
- form .clearfix.error input:focus, form .clearfix.error textarea:focus {
731
- border-color: #e9322d;
732
- -webkit-box-shadow: 0 0 6px #f8b9b7;
733
- -moz-box-shadow: 0 0 6px #f8b9b7;
734
- box-shadow: 0 0 6px #f8b9b7;
735
- }
736
- form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
737
- color: #b94a48;
738
- background-color: #fce6e6;
739
- border-color: #b94a48;
740
- }
741
- form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
742
- color: #c09853;
743
- }
744
- form .clearfix.warning input, form .clearfix.warning textarea {
745
- color: #c09853;
746
- border-color: #ccae64;
747
- }
748
- form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
749
- border-color: #be9a3f;
750
- -webkit-box-shadow: 0 0 6px #e5d6b1;
751
- -moz-box-shadow: 0 0 6px #e5d6b1;
752
- box-shadow: 0 0 6px #e5d6b1;
753
- }
754
- form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
755
- color: #c09853;
756
- background-color: #d2b877;
757
- border-color: #c09853;
758
- }
759
- form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
760
- color: #468847;
761
- }
762
- form .clearfix.success input, form .clearfix.success textarea {
763
- color: #468847;
764
- border-color: #57a957;
765
- }
766
- form .clearfix.success input:focus, form .clearfix.success textarea:focus {
767
- border-color: #458845;
768
- -webkit-box-shadow: 0 0 6px #9acc9a;
769
- -moz-box-shadow: 0 0 6px #9acc9a;
770
- box-shadow: 0 0 6px #9acc9a;
771
- }
772
- form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
773
- color: #468847;
774
- background-color: #bcddbc;
775
- border-color: #468847;
776
- }
777
- .input-mini,
778
- input.mini,
779
- textarea.mini,
780
- select.mini {
630
+ .input-mini {
781
631
  width: 60px;
782
632
  }
783
- .input-small,
784
- input.small,
785
- textarea.small,
786
- select.small {
633
+ .input-small {
787
634
  width: 90px;
788
635
  }
789
- .input-medium,
790
- input.medium,
791
- textarea.medium,
792
- select.medium {
636
+ .input-medium {
793
637
  width: 150px;
794
638
  }
795
- .input-large,
796
- input.large,
797
- textarea.large,
798
- select.large {
639
+ .input-large {
799
640
  width: 210px;
800
641
  }
801
- .input-xlarge,
802
- input.xlarge,
803
- textarea.xlarge,
804
- select.xlarge {
642
+ .input-xlarge {
805
643
  width: 270px;
806
644
  }
807
- .input-xxlarge,
808
- input.xxlarge,
809
- textarea.xxlarge,
810
- select.xxlarge {
645
+ .input-xxlarge {
811
646
  width: 530px;
812
647
  }
813
- textarea.xxlarge {
814
- overflow-y: auto;
815
- }
816
- input.span1, textarea.span1 {
648
+ input.span1,
649
+ textarea.span1,
650
+ select.span1,
651
+ .uneditable-input.span1 {
817
652
  display: inline-block;
818
653
  float: none;
819
- width: 30px;
654
+ width: 50px;
820
655
  margin-left: 0;
821
656
  }
822
- input.span2, textarea.span2 {
657
+ input.span2,
658
+ textarea.span2,
659
+ select.span2,
660
+ .uneditable-input.span2 {
823
661
  display: inline-block;
824
662
  float: none;
825
- width: 90px;
663
+ width: 130px;
826
664
  margin-left: 0;
827
665
  }
828
- input.span3, textarea.span3 {
666
+ input.span3,
667
+ textarea.span3,
668
+ select.span3,
669
+ .uneditable-input.span3 {
829
670
  display: inline-block;
830
671
  float: none;
831
- width: 150px;
672
+ width: 210px;
832
673
  margin-left: 0;
833
674
  }
834
- input.span4, textarea.span4 {
675
+ input.span4,
676
+ textarea.span4,
677
+ select.span4,
678
+ .uneditable-input.span4 {
835
679
  display: inline-block;
836
680
  float: none;
837
- width: 210px;
681
+ width: 290px;
838
682
  margin-left: 0;
839
683
  }
840
- input.span5, textarea.span5 {
684
+ input.span5,
685
+ textarea.span5,
686
+ select.span5,
687
+ .uneditable-input.span5 {
841
688
  display: inline-block;
842
689
  float: none;
843
- width: 270px;
690
+ width: 370px;
844
691
  margin-left: 0;
845
692
  }
846
- input.span6, textarea.span6 {
693
+ input.span6,
694
+ textarea.span6,
695
+ select.span6,
696
+ .uneditable-input.span6 {
847
697
  display: inline-block;
848
698
  float: none;
849
- width: 330px;
699
+ width: 450px;
850
700
  margin-left: 0;
851
701
  }
852
- input.span7, textarea.span7 {
702
+ input.span7,
703
+ textarea.span7,
704
+ select.span7,
705
+ .uneditable-input.span7 {
853
706
  display: inline-block;
854
707
  float: none;
855
- width: 390px;
708
+ width: 530px;
856
709
  margin-left: 0;
857
710
  }
858
- input.span8, textarea.span8 {
711
+ input.span8,
712
+ textarea.span8,
713
+ select.span8,
714
+ .uneditable-input.span8 {
859
715
  display: inline-block;
860
716
  float: none;
861
- width: 450px;
717
+ width: 610px;
862
718
  margin-left: 0;
863
719
  }
864
- input.span9, textarea.span9 {
720
+ input.span9,
721
+ textarea.span9,
722
+ select.span9,
723
+ .uneditable-input.span9 {
865
724
  display: inline-block;
866
725
  float: none;
867
- width: 510px;
726
+ width: 690px;
868
727
  margin-left: 0;
869
728
  }
870
- input.span10, textarea.span10 {
729
+ input.span10,
730
+ textarea.span10,
731
+ select.span10,
732
+ .uneditable-input.span10 {
871
733
  display: inline-block;
872
734
  float: none;
873
- width: 570px;
735
+ width: 770px;
874
736
  margin-left: 0;
875
737
  }
876
- input.span11, textarea.span11 {
738
+ input.span11,
739
+ textarea.span11,
740
+ select.span11,
741
+ .uneditable-input.span11 {
877
742
  display: inline-block;
878
743
  float: none;
879
- width: 630px;
744
+ width: 850px;
880
745
  margin-left: 0;
881
746
  }
882
- input.span12, textarea.span12 {
747
+ input.span12,
748
+ textarea.span12,
749
+ select.span12,
750
+ .uneditable-input.span12 {
883
751
  display: inline-block;
884
752
  float: none;
885
- width: 690px;
753
+ width: 930px;
886
754
  margin-left: 0;
887
755
  }
888
- input.span13, textarea.span13 {
756
+ input.span13,
757
+ textarea.span13,
758
+ select.span13,
759
+ .uneditable-input.span13 {
889
760
  display: inline-block;
890
761
  float: none;
891
- width: 750px;
762
+ width: 1010px;
892
763
  margin-left: 0;
893
764
  }
894
- input.span14, textarea.span14 {
765
+ input.span14,
766
+ textarea.span14,
767
+ select.span14,
768
+ .uneditable-input.span14 {
895
769
  display: inline-block;
896
770
  float: none;
897
- width: 810px;
771
+ width: 1090px;
898
772
  margin-left: 0;
899
773
  }
900
- input.span15, textarea.span15 {
774
+ input.span15,
775
+ textarea.span15,
776
+ select.span15,
777
+ .uneditable-input.span15 {
901
778
  display: inline-block;
902
779
  float: none;
903
- width: 870px;
780
+ width: 1170px;
904
781
  margin-left: 0;
905
782
  }
906
- input.span16, textarea.span16 {
783
+ input.span16,
784
+ textarea.span16,
785
+ select.span16,
786
+ .uneditable-input.span16 {
907
787
  display: inline-block;
908
788
  float: none;
909
- width: 930px;
789
+ width: 1250px;
910
790
  margin-left: 0;
911
791
  }
912
792
  input[disabled],
@@ -919,38 +799,96 @@ textarea[readonly] {
919
799
  border-color: #ddd;
920
800
  cursor: not-allowed;
921
801
  }
922
- .actions {
923
- background: #f5f5f5;
924
- margin-top: 18px;
925
- margin-bottom: 18px;
926
- padding: 17px 20px 18px 150px;
927
- border-top: 1px solid #ddd;
928
- -webkit-border-radius: 0 0 3px 3px;
929
- -moz-border-radius: 0 0 3px 3px;
930
- border-radius: 0 0 3px 3px;
802
+ .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
803
+ color: #b94a48;
931
804
  }
932
- .actions .secondary-action {
933
- float: right;
805
+ .control-group.error input, .control-group.error textarea {
806
+ color: #b94a48;
807
+ border-color: #ee5f5b;
934
808
  }
935
- .actions .secondary-action a {
936
- line-height: 30px;
809
+ .control-group.error input:focus, .control-group.error textarea:focus {
810
+ border-color: #e9322d;
811
+ -webkit-box-shadow: 0 0 6px #f8b9b7;
812
+ -moz-box-shadow: 0 0 6px #f8b9b7;
813
+ box-shadow: 0 0 6px #f8b9b7;
937
814
  }
938
- .actions .secondary-action a:hover {
939
- text-decoration: underline;
815
+ .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
816
+ color: #b94a48;
817
+ background-color: #fce6e6;
818
+ border-color: #b94a48;
940
819
  }
941
- .help-inline, .help-block {
942
- font-size: 13px;
943
- line-height: 18px;
820
+ .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
821
+ color: #c09853;
822
+ }
823
+ .control-group.warning input, .control-group.warning textarea {
824
+ color: #c09853;
825
+ border-color: #ccae64;
826
+ }
827
+ .control-group.warning input:focus, .control-group.warning textarea:focus {
828
+ border-color: #be9a3f;
829
+ -webkit-box-shadow: 0 0 6px #e5d6b1;
830
+ -moz-box-shadow: 0 0 6px #e5d6b1;
831
+ box-shadow: 0 0 6px #e5d6b1;
832
+ }
833
+ .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
834
+ color: #c09853;
835
+ background-color: #d2b877;
836
+ border-color: #c09853;
837
+ }
838
+ .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
839
+ color: #468847;
840
+ }
841
+ .control-group.success input, .control-group.success textarea {
842
+ color: #468847;
843
+ border-color: #57a957;
844
+ }
845
+ .control-group.success input:focus, .control-group.success textarea:focus {
846
+ border-color: #458845;
847
+ -webkit-box-shadow: 0 0 6px #9acc9a;
848
+ -moz-box-shadow: 0 0 6px #9acc9a;
849
+ box-shadow: 0 0 6px #9acc9a;
850
+ }
851
+ .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
852
+ color: #468847;
853
+ background-color: #bcddbc;
854
+ border-color: #468847;
855
+ }
856
+ .form-actions {
857
+ padding: 17px 20px 18px;
858
+ margin-top: 18px;
859
+ margin-bottom: 18px;
860
+ background-color: #f5f5f5;
861
+ border-top: 1px solid #ddd;
862
+ }
863
+ .uneditable-input {
864
+ display: block;
865
+ background-color: #ffffff;
866
+ border-color: #eee;
867
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
868
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
869
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
870
+ cursor: not-allowed;
871
+ }
872
+ :-moz-placeholder {
873
+ color: #bfbfbf;
874
+ }
875
+ ::-webkit-input-placeholder {
876
+ color: #bfbfbf;
877
+ }
878
+ .help-text {
879
+ margin-top: 5px;
880
+ margin-bottom: 0;
944
881
  color: #bfbfbf;
945
882
  }
946
883
  .help-inline {
947
- padding-left: 5px;
948
884
  *position: relative;
949
885
  /* IE6-7 */
950
886
 
951
887
  *top: -5px;
952
888
  /* IE6-7 */
953
889
 
890
+ display: inline;
891
+ padding-left: 5px;
954
892
  }
955
893
  .help-block {
956
894
  display: block;
@@ -959,6 +897,15 @@ textarea[readonly] {
959
897
  .inline-inputs {
960
898
  color: #808080;
961
899
  }
900
+ .inline-inputs span, .inline-inputs input {
901
+ display: inline-block;
902
+ }
903
+ .inline-inputs input.mini {
904
+ width: 60px;
905
+ }
906
+ .inline-inputs input.small {
907
+ width: 90px;
908
+ }
962
909
  .inline-inputs span {
963
910
  padding: 0 2px 0 1px;
964
911
  }
@@ -969,27 +916,27 @@ textarea[readonly] {
969
916
  }
970
917
  .input-prepend .add-on, .input-append .add-on {
971
918
  position: relative;
972
- background: #f5f5f5;
973
- border: 1px solid #ccc;
974
919
  z-index: 2;
975
920
  float: left;
976
921
  display: block;
977
922
  width: auto;
978
923
  min-width: 16px;
979
924
  height: 18px;
980
- padding: 4px 4px 4px 5px;
981
925
  margin-right: -1px;
926
+ padding: 4px 4px 4px 5px;
982
927
  font-weight: normal;
983
928
  line-height: 18px;
984
929
  color: #bfbfbf;
985
930
  text-align: center;
986
931
  text-shadow: 0 1px 0 #ffffff;
932
+ background-color: #f5f5f5;
933
+ border: 1px solid #ccc;
987
934
  -webkit-border-radius: 3px 0 0 3px;
988
935
  -moz-border-radius: 3px 0 0 3px;
989
936
  border-radius: 3px 0 0 3px;
990
937
  }
991
938
  .input-prepend .active, .input-append .active {
992
- background: #a9dba9;
939
+ background-color: #a9dba9;
993
940
  border-color: #46a546;
994
941
  }
995
942
  .input-prepend .add-on {
@@ -1004,506 +951,397 @@ textarea[readonly] {
1004
951
  border-radius: 3px 0 0 3px;
1005
952
  }
1006
953
  .input-append .add-on {
954
+ margin-right: 0;
955
+ margin-left: -1px;
1007
956
  -webkit-border-radius: 0 3px 3px 0;
1008
957
  -moz-border-radius: 0 3px 3px 0;
1009
958
  border-radius: 0 3px 3px 0;
1010
- margin-right: 0;
1011
- margin-left: -1px;
1012
- }
1013
- .inputs-list {
1014
- margin: 0 0 5px;
1015
- width: 100%;
1016
- }
1017
- .inputs-list li {
1018
- display: block;
1019
- padding: 0;
1020
- width: 100%;
1021
- }
1022
- .inputs-list label {
1023
- display: block;
1024
- float: none;
1025
- width: auto;
1026
- padding: 0;
1027
- margin-left: 20px;
1028
- line-height: 18px;
1029
- text-align: left;
1030
- white-space: normal;
1031
- }
1032
- .inputs-list label strong {
1033
- color: #808080;
1034
- }
1035
- .inputs-list label small {
1036
- font-size: 11px;
1037
- font-weight: normal;
1038
- }
1039
- .inputs-list .inputs-list {
1040
- margin-left: 25px;
1041
- margin-bottom: 10px;
1042
- padding-top: 0;
1043
- }
1044
- .inputs-list:first-child {
1045
- padding-top: 6px;
1046
- }
1047
- .inputs-list li + li {
1048
- padding-top: 2px;
1049
- }
1050
- .inputs-list input[type=radio], .inputs-list input[type=checkbox] {
1051
- margin-bottom: 0;
1052
- margin-left: -20px;
1053
- float: left;
1054
- }
1055
- .form-stacked {
1056
- padding-left: 20px;
1057
959
  }
1058
- .form-stacked fieldset {
1059
- padding-top: 9px;
960
+ .search-form .search-query {
961
+ -webkit-border-radius: 14px;
962
+ -moz-border-radius: 14px;
963
+ border-radius: 14px;
1060
964
  }
1061
- .form-stacked legend {
1062
- padding-left: 0;
965
+ .control-group {
966
+ margin-bottom: 18px;
1063
967
  }
1064
- .form-stacked label {
1065
- display: block;
1066
- float: none;
1067
- width: auto;
968
+ .control-group > label {
1068
969
  font-weight: bold;
1069
- text-align: left;
1070
- line-height: 20px;
1071
- padding-top: 0;
1072
970
  }
1073
- .form-stacked .clearfix {
1074
- margin-bottom: 9px;
1075
- }
1076
- .form-stacked .clearfix div.input {
1077
- margin-left: 0;
1078
- }
1079
- .form-stacked .inputs-list {
1080
- margin-bottom: 0;
1081
- }
1082
- .form-stacked .inputs-list li {
1083
- padding-top: 0;
971
+ .horizontal-form .control-group > label {
972
+ float: left;
973
+ width: 130px;
974
+ padding-top: 5px;
975
+ text-align: right;
1084
976
  }
1085
- .form-stacked .inputs-list li label {
1086
- font-weight: normal;
1087
- padding-top: 0;
977
+ .horizontal-form .controls {
978
+ margin-left: 150px;
1088
979
  }
1089
- .form-stacked div.clearfix.error {
1090
- padding-top: 10px;
1091
- padding-bottom: 10px;
1092
- padding-left: 10px;
1093
- margin-top: 0;
1094
- margin-left: -10px;
980
+ .horizontal-form .control-list {
981
+ padding-top: 6px;
1095
982
  }
1096
- .form-stacked .actions {
1097
- margin-left: -20px;
1098
- padding-left: 20px;
983
+ .horizontal-form .form-actions {
984
+ padding-left: 150px;
1099
985
  }
1100
- /*
1101
- * Tables.less
1102
- * Tables for, you guessed it, tabular data
1103
- * ---------------------------------------- */
1104
986
  table {
1105
987
  width: 100%;
1106
988
  margin-bottom: 18px;
1107
- padding: 0;
1108
- font-size: 13px;
1109
- border-collapse: collapse;
1110
989
  }
1111
- table th, table td {
1112
- padding: 10px 10px 9px;
990
+ th, td {
991
+ padding: 8px;
1113
992
  line-height: 18px;
1114
993
  text-align: left;
994
+ border-bottom: 1px solid #ddd;
1115
995
  }
1116
- table th {
1117
- padding-top: 9px;
996
+ th {
1118
997
  font-weight: bold;
1119
- vertical-align: middle;
998
+ vertical-align: bottom;
1120
999
  }
1121
- table td {
1000
+ td {
1122
1001
  vertical-align: top;
1123
- border-top: 1px solid #ddd;
1124
1002
  }
1125
- table tbody th {
1126
- border-top: 1px solid #ddd;
1127
- vertical-align: top;
1003
+ tbody tr:last-child th, tbody tr:last-child td {
1004
+ border-bottom: 0;
1128
1005
  }
1129
1006
  .condensed-table th, .condensed-table td {
1130
- padding: 5px 5px 4px;
1007
+ padding: 4px 5px;
1131
1008
  }
1132
1009
  .bordered-table {
1133
1010
  border: 1px solid #ddd;
1134
1011
  border-collapse: separate;
1135
- *border-collapse: collapse;
1136
- /* IE7, collapse table to remove spacing */
1137
-
1138
1012
  -webkit-border-radius: 4px;
1139
1013
  -moz-border-radius: 4px;
1140
1014
  border-radius: 4px;
1141
1015
  }
1142
- .bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
1016
+ .bordered-table th + th,
1017
+ .bordered-table td + td,
1018
+ .bordered-table th + td,
1019
+ .bordered-table td + th {
1143
1020
  border-left: 1px solid #ddd;
1144
1021
  }
1145
- .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
1022
+ .bordered-table thead:first-child tr:first-child th:first-child, .bordered-table tbody:first-child tr:first-child td:first-child {
1146
1023
  -webkit-border-radius: 4px 0 0 0;
1147
1024
  -moz-border-radius: 4px 0 0 0;
1148
1025
  border-radius: 4px 0 0 0;
1149
1026
  }
1150
- .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
1027
+ .bordered-table thead:first-child tr:first-child th:last-child, .bordered-table tbody:first-child tr:first-child td:last-child {
1151
1028
  -webkit-border-radius: 0 4px 0 0;
1152
1029
  -moz-border-radius: 0 4px 0 0;
1153
1030
  border-radius: 0 4px 0 0;
1154
1031
  }
1155
- .bordered-table tbody tr:last-child td:first-child {
1032
+ .bordered-table thead:last-child tr:last-child th:first-child, .bordered-table tbody:last-child tr:last-child td:first-child {
1156
1033
  -webkit-border-radius: 0 0 0 4px;
1157
1034
  -moz-border-radius: 0 0 0 4px;
1158
1035
  border-radius: 0 0 0 4px;
1159
1036
  }
1160
- .bordered-table tbody tr:last-child td:last-child {
1037
+ .bordered-table thead:last-child tr:last-child th:last-child, .bordered-table tbody:last-child tr:last-child td:last-child {
1161
1038
  -webkit-border-radius: 0 0 4px 0;
1162
1039
  -moz-border-radius: 0 0 4px 0;
1163
1040
  border-radius: 0 0 4px 0;
1164
1041
  }
1165
- table .span1 {
1166
- width: 20px;
1167
- }
1168
- table .span2 {
1169
- width: 60px;
1170
- }
1171
- table .span3 {
1172
- width: 100px;
1173
- }
1174
- table .span4 {
1175
- width: 140px;
1176
- }
1177
- table .span5 {
1178
- width: 180px;
1179
- }
1180
- table .span6 {
1181
- width: 220px;
1182
- }
1183
- table .span7 {
1184
- width: 260px;
1185
- }
1186
- table .span8 {
1187
- width: 300px;
1188
- }
1189
- table .span9 {
1190
- width: 340px;
1191
- }
1192
- table .span10 {
1193
- width: 380px;
1194
- }
1195
- table .span11 {
1196
- width: 420px;
1197
- }
1198
- table .span12 {
1199
- width: 460px;
1200
- }
1201
- table .span13 {
1202
- width: 500px;
1203
- }
1204
- table .span14 {
1205
- width: 540px;
1206
- }
1207
- table .span15 {
1208
- width: 580px;
1209
- }
1210
- table .span16 {
1211
- width: 620px;
1212
- }
1213
- .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
1042
+ .striped-table tbody tr:nth-child(odd) td, .striped-table tbody tr:nth-child(odd) th {
1214
1043
  background-color: #f9f9f9;
1215
1044
  }
1216
- .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
1217
- background-color: #f5f5f5;
1218
- }
1219
- table .header {
1220
- cursor: pointer;
1221
- }
1222
- table .header:after {
1223
- content: "";
1224
- float: right;
1225
- margin-top: 7px;
1226
- border-width: 0 4px 4px;
1227
- border-style: solid;
1228
- border-color: #000 transparent;
1229
- visibility: hidden;
1230
- }
1231
- table .headerSortUp, table .headerSortDown {
1232
- background-color: rgba(141, 192, 219, 0.25);
1233
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1234
- }
1235
- table .header:hover:after {
1236
- visibility: visible;
1237
- }
1238
- table .headerSortDown:after, table .headerSortDown:hover:after {
1239
- visibility: visible;
1240
- filter: alpha(opacity=60);
1241
- -khtml-opacity: 0.6;
1242
- -moz-opacity: 0.6;
1243
- opacity: 0.6;
1244
- }
1245
- table .headerSortUp:after {
1246
- border-bottom: none;
1247
- border-left: 4px solid transparent;
1248
- border-right: 4px solid transparent;
1249
- border-top: 4px solid #000;
1250
- visibility: visible;
1251
- -webkit-box-shadow: none;
1252
- -moz-box-shadow: none;
1253
- box-shadow: none;
1254
- filter: alpha(opacity=60);
1255
- -khtml-opacity: 0.6;
1256
- -moz-opacity: 0.6;
1257
- opacity: 0.6;
1258
- }
1259
- table .blue {
1260
- color: #049cdb;
1261
- border-bottom-color: #049cdb;
1262
- }
1263
- table .headerSortUp.blue, table .headerSortDown.blue {
1264
- background-color: #ade6fe;
1265
- }
1266
- table .green {
1267
- color: #46a546;
1268
- border-bottom-color: #46a546;
1269
- }
1270
- table .headerSortUp.green, table .headerSortDown.green {
1271
- background-color: #cdeacd;
1272
- }
1273
- table .red {
1274
- color: #9d261d;
1275
- border-bottom-color: #9d261d;
1276
- }
1277
- table .headerSortUp.red, table .headerSortDown.red {
1278
- background-color: #f4c8c5;
1279
- }
1280
- table .yellow {
1281
- color: #ffc40d;
1282
- border-bottom-color: #ffc40d;
1283
- }
1284
- table .headerSortUp.yellow, table .headerSortDown.yellow {
1285
- background-color: #fff6d9;
1286
- }
1287
- table .orange {
1288
- color: #f89406;
1289
- border-bottom-color: #f89406;
1290
- }
1291
- table .headerSortUp.orange, table .headerSortDown.orange {
1292
- background-color: #fee9cc;
1293
- }
1294
- table .purple {
1295
- color: #7a43b6;
1296
- border-bottom-color: #7a43b6;
1045
+ /*
1046
+ // ----------------
1047
+
1048
+ // This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
1049
+ .tableColumns(@columnSpan: 1) {
1050
+ width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
1297
1051
  }
1298
- table .headerSortUp.purple, table .headerSortDown.purple {
1299
- background-color: #e2d5f0;
1052
+ table {
1053
+ // Default columns
1054
+ .span1 { .tableColumns(1); }
1055
+ .span2 { .tableColumns(2); }
1056
+ .span3 { .tableColumns(3); }
1057
+ .span4 { .tableColumns(4); }
1058
+ .span5 { .tableColumns(5); }
1059
+ .span6 { .tableColumns(6); }
1060
+ .span7 { .tableColumns(7); }
1061
+ .span8 { .tableColumns(8); }
1062
+ .span9 { .tableColumns(9); }
1063
+ .span10 { .tableColumns(10); }
1064
+ .span11 { .tableColumns(11); }
1065
+ .span12 { .tableColumns(12); }
1066
+ .span13 { .tableColumns(13); }
1067
+ .span14 { .tableColumns(14); }
1068
+ .span15 { .tableColumns(15); }
1069
+ .span16 { .tableColumns(16); }
1300
1070
  }
1301
- /* Patterns.less
1302
- * Repeatable UI elements outside the base styles provided from the scaffolding
1303
- * ---------------------------------------------------------------------------- */
1304
- .topbar {
1071
+
1072
+
1073
+ // TABLESORTER
1074
+ // -----------
1075
+
1076
+ table {
1077
+ // Tablesorting styles w/ jQuery plugin
1078
+ .header {
1079
+ cursor: pointer;
1080
+ &:after {
1081
+ float: right;
1082
+ margin-top: 7px;
1083
+ border-width: 0 4px 4px;
1084
+ border-style: solid;
1085
+ border-color: #000 transparent;
1086
+ content: "";
1087
+ visibility: hidden;
1088
+ }
1089
+ }
1090
+ // Style the sorted column headers (THs)
1091
+ .headerSortUp,
1092
+ .headerSortDown {
1093
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
1094
+ background-color: rgba(141,192,219,.25);
1095
+ }
1096
+ // Style the ascending (reverse alphabetical) column header
1097
+ .header:hover {
1098
+ &:after {
1099
+ visibility: visible;
1100
+ }
1101
+ }
1102
+ // Style the descending (alphabetical) column header
1103
+ .headerSortDown,
1104
+ .headerSortDown:hover {
1105
+ &:after {
1106
+ visibility: visible;
1107
+ .opacity(60);
1108
+ }
1109
+ }
1110
+ // Style the ascending (reverse alphabetical) column header
1111
+ .headerSortUp {
1112
+ &:after {
1113
+ border-bottom: none;
1114
+ border-left: 4px solid transparent;
1115
+ border-right: 4px solid transparent;
1116
+ border-top: 4px solid #000;
1117
+ visibility:visible;
1118
+ .box-shadow(none); //can't add boxshadow to downward facing arrow :(
1119
+ .opacity(60);
1120
+ }
1121
+ }
1122
+ // Blue Table Headings
1123
+ .blue {
1124
+ color: @blue;
1125
+ border-bottom-color: @blue;
1126
+ }
1127
+ .headerSortUp.blue,
1128
+ .headerSortDown.blue {
1129
+ background-color: lighten(@blue, 40%);
1130
+ }
1131
+ // Green Table Headings
1132
+ .green {
1133
+ color: @green;
1134
+ border-bottom-color: @green;
1135
+ }
1136
+ .headerSortUp.green,
1137
+ .headerSortDown.green {
1138
+ background-color: lighten(@green, 40%);
1139
+ }
1140
+ // Red Table Headings
1141
+ .red {
1142
+ color: @red;
1143
+ border-bottom-color: @red;
1144
+ }
1145
+ .headerSortUp.red,
1146
+ .headerSortDown.red {
1147
+ background-color: lighten(@red, 50%);
1148
+ }
1149
+ // Yellow Table Headings
1150
+ .yellow {
1151
+ color: @yellow;
1152
+ border-bottom-color: @yellow;
1153
+ }
1154
+ .headerSortUp.yellow,
1155
+ .headerSortDown.yellow {
1156
+ background-color: lighten(@yellow, 40%);
1157
+ }
1158
+ // Orange Table Headings
1159
+ .orange {
1160
+ color: @orange;
1161
+ border-bottom-color: @orange;
1162
+ }
1163
+ .headerSortUp.orange,
1164
+ .headerSortDown.orange {
1165
+ background-color: lighten(@orange, 40%);
1166
+ }
1167
+ // Purple Table Headings
1168
+ .purple {
1169
+ color: @purple;
1170
+ border-bottom-color: @purple;
1171
+ }
1172
+ .headerSortUp.purple,
1173
+ .headerSortDown.purple {
1174
+ background-color: lighten(@purple, 40%);
1175
+ }
1176
+ }*/
1177
+ .navbar {
1305
1178
  height: 40px;
1306
- position: fixed;
1307
- top: 0;
1308
- left: 0;
1309
- right: 0;
1310
- z-index: 10000;
1311
1179
  overflow: visible;
1312
1180
  }
1313
- .topbar a {
1181
+ .navbar-inner {
1182
+ background-color: #222222;
1183
+ background-color: #222222;
1184
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
1185
+ background-image: -moz-linear-gradient(top, #333333, #222222);
1186
+ background-image: -ms-linear-gradient(top, #333333, #222222);
1187
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
1188
+ background-image: -webkit-linear-gradient(top, #333333, #222222);
1189
+ background-image: -o-linear-gradient(top, #333333, #222222);
1190
+ background-image: linear-gradient(top, #333333, #222222);
1191
+ background-repeat: repeat-x;
1192
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
1193
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1194
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1195
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1196
+ }
1197
+ .navbar a {
1314
1198
  color: #bfbfbf;
1315
1199
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1316
1200
  }
1317
- .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
1318
- background-color: #333;
1319
- background-color: rgba(255, 255, 255, 0.05);
1201
+ .navbar .brand a:hover, .navbar ul .active > a {
1320
1202
  color: #ffffff;
1321
1203
  text-decoration: none;
1204
+ background-color: #333333;
1205
+ background-color: rgba(255, 255, 255, 0.05);
1322
1206
  }
1323
- .topbar h3 {
1324
- position: relative;
1325
- }
1326
- .topbar h3 a, .topbar .brand {
1207
+ .navbar .brand {
1327
1208
  float: left;
1328
1209
  display: block;
1329
1210
  padding: 8px 20px 12px;
1330
1211
  margin-left: -20px;
1331
- color: #ffffff;
1332
1212
  font-size: 20px;
1333
1213
  font-weight: 200;
1334
1214
  line-height: 1;
1215
+ color: #ffffff;
1335
1216
  }
1336
- .topbar p {
1217
+ .navbar p {
1337
1218
  margin: 0;
1338
1219
  line-height: 40px;
1339
1220
  }
1340
- .topbar p a:hover {
1341
- background-color: transparent;
1221
+ .navbar p a:hover {
1342
1222
  color: #ffffff;
1223
+ background-color: transparent;
1343
1224
  }
1344
- .topbar form {
1345
- float: left;
1346
- margin: 5px 0 0 0;
1225
+ .navbar-search {
1347
1226
  position: relative;
1348
- filter: alpha(opacity=100);
1349
- -khtml-opacity: 1;
1350
- -moz-opacity: 1;
1351
- opacity: 1;
1352
- }
1353
- .topbar form.pull-right {
1354
- float: right;
1227
+ float: left;
1228
+ margin-top: 6px;
1229
+ margin-bottom: 0;
1355
1230
  }
1356
- .topbar input {
1357
- background-color: #444;
1358
- background-color: rgba(255, 255, 255, 0.3);
1231
+ .navbar-search .search-query {
1232
+ padding: 4px 9px;
1359
1233
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1360
- font-size: normal;
1361
- font-weight: 13px;
1234
+ font-size: 13px;
1235
+ font-weight: normal;
1362
1236
  line-height: 1;
1363
- padding: 4px 9px;
1364
1237
  color: #ffffff;
1365
1238
  color: rgba(255, 255, 255, 0.75);
1239
+ background-color: #444;
1240
+ background-color: rgba(255, 255, 255, 0.3);
1366
1241
  border: 1px solid #111;
1367
- -webkit-border-radius: 4px;
1368
- -moz-border-radius: 4px;
1369
- border-radius: 4px;
1370
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1371
- -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1372
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1373
- -webkit-transform-style: preserve-3d;
1242
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
1243
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
1244
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
1374
1245
  -webkit-transition: none;
1375
1246
  -moz-transition: none;
1376
1247
  -ms-transition: none;
1377
1248
  -o-transition: none;
1378
1249
  transition: none;
1379
1250
  }
1380
- .topbar input:-moz-placeholder {
1251
+ .navbar-search .search-query:-moz-placeholder {
1381
1252
  color: #e6e6e6;
1382
1253
  }
1383
- .topbar input::-webkit-input-placeholder {
1254
+ .navbar-search .search-query::-webkit-input-placeholder {
1384
1255
  color: #e6e6e6;
1385
1256
  }
1386
- .topbar input:hover {
1257
+ .navbar-search .search-query:hover {
1258
+ color: #ffffff;
1387
1259
  background-color: #bfbfbf;
1388
1260
  background-color: rgba(255, 255, 255, 0.5);
1389
- color: #ffffff;
1390
1261
  }
1391
- .topbar input:focus, .topbar input.focused {
1392
- outline: 0;
1393
- background-color: #ffffff;
1262
+ .navbar-search .search-query:focus, .navbar-search .search-query.focused {
1263
+ padding: 5px 10px;
1394
1264
  color: #404040;
1395
1265
  text-shadow: 0 1px 0 #ffffff;
1266
+ background-color: #ffffff;
1396
1267
  border: 0;
1397
- padding: 5px 10px;
1398
1268
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1399
1269
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1400
1270
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1271
+ outline: 0;
1401
1272
  }
1402
- .topbar-inner, .topbar .fill {
1403
- background-color: #222;
1404
- background-color: #222222;
1405
- background-repeat: repeat-x;
1406
- background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
1407
- background-image: -moz-linear-gradient(top, #333333, #222222);
1408
- background-image: -ms-linear-gradient(top, #333333, #222222);
1409
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
1410
- background-image: -webkit-linear-gradient(top, #333333, #222222);
1411
- background-image: -o-linear-gradient(top, #333333, #222222);
1412
- background-image: linear-gradient(top, #333333, #222222);
1413
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
1414
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1415
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1416
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1273
+ .navbar-static {
1274
+ margin-bottom: 18px;
1275
+ }
1276
+ .navbar-static .navbar-inner {
1277
+ padding-left: 20px;
1278
+ padding-right: 20px;
1279
+ -webkit-border-radius: 4px;
1280
+ -moz-border-radius: 4px;
1281
+ border-radius: 4px;
1282
+ }
1283
+ .navbar-fixed {
1284
+ position: fixed;
1285
+ top: 0;
1286
+ right: 0;
1287
+ left: 0;
1288
+ z-index: 10000;
1417
1289
  }
1418
- .topbar div > ul, .nav {
1290
+ .nav {
1291
+ position: relative;
1292
+ left: 0;
1419
1293
  display: block;
1420
1294
  float: left;
1421
1295
  margin: 0 10px 0 0;
1422
- position: relative;
1423
- left: 0;
1424
1296
  }
1425
- .topbar div > ul > li, .nav > li {
1297
+ .nav > li {
1426
1298
  display: block;
1427
1299
  float: left;
1428
1300
  }
1429
- .topbar div > ul a, .nav a {
1301
+ .nav a {
1430
1302
  display: block;
1431
1303
  float: none;
1432
1304
  padding: 10px 10px 11px;
1433
1305
  line-height: 19px;
1434
1306
  text-decoration: none;
1435
1307
  }
1436
- .topbar div > ul a:hover, .nav a:hover {
1308
+ .nav a:hover {
1437
1309
  color: #ffffff;
1438
1310
  text-decoration: none;
1439
1311
  }
1440
- .topbar div > ul .active > a, .nav .active > a {
1312
+ .nav .active > a {
1441
1313
  background-color: #222;
1442
1314
  background-color: rgba(0, 0, 0, 0.5);
1443
1315
  }
1444
- .topbar div > ul.secondary-nav, .nav.secondary-nav {
1316
+ .nav.secondary-nav {
1445
1317
  float: right;
1446
1318
  margin-left: 10px;
1447
1319
  margin-right: 0;
1448
1320
  }
1449
- .topbar div > ul.secondary-nav .menu-dropdown,
1450
- .nav.secondary-nav .menu-dropdown,
1451
- .topbar div > ul.secondary-nav .dropdown-menu,
1452
1321
  .nav.secondary-nav .dropdown-menu {
1453
1322
  right: 0;
1454
1323
  border: 0;
1455
1324
  }
1456
- .topbar div > ul a.menu:hover,
1457
- .nav a.menu:hover,
1458
- .topbar div > ul li.open .menu,
1459
- .nav li.open .menu,
1460
- .topbar div > ul .dropdown-toggle:hover,
1461
- .nav .dropdown-toggle:hover,
1462
- .topbar div > ul .dropdown.open .dropdown-toggle,
1463
- .nav .dropdown.open .dropdown-toggle {
1325
+ .nav .dropdown-toggle:hover, .nav .dropdown.open .dropdown-toggle {
1464
1326
  background: #444;
1465
1327
  background: rgba(255, 255, 255, 0.05);
1466
1328
  }
1467
- .topbar div > ul .menu-dropdown,
1468
- .nav .menu-dropdown,
1469
- .topbar div > ul .dropdown-menu,
1470
1329
  .nav .dropdown-menu {
1471
1330
  background-color: #333;
1472
1331
  }
1473
- .topbar div > ul .menu-dropdown a.menu,
1474
- .nav .menu-dropdown a.menu,
1475
- .topbar div > ul .dropdown-menu a.menu,
1476
- .nav .dropdown-menu a.menu,
1477
- .topbar div > ul .menu-dropdown .dropdown-toggle,
1478
- .nav .menu-dropdown .dropdown-toggle,
1479
- .topbar div > ul .dropdown-menu .dropdown-toggle,
1480
1332
  .nav .dropdown-menu .dropdown-toggle {
1481
1333
  color: #ffffff;
1482
1334
  }
1483
- .topbar div > ul .menu-dropdown a.menu.open,
1484
- .nav .menu-dropdown a.menu.open,
1485
- .topbar div > ul .dropdown-menu a.menu.open,
1486
- .nav .dropdown-menu a.menu.open,
1487
- .topbar div > ul .menu-dropdown .dropdown-toggle.open,
1488
- .nav .menu-dropdown .dropdown-toggle.open,
1489
- .topbar div > ul .dropdown-menu .dropdown-toggle.open,
1490
1335
  .nav .dropdown-menu .dropdown-toggle.open {
1491
1336
  background: #444;
1492
1337
  background: rgba(255, 255, 255, 0.05);
1493
1338
  }
1494
- .topbar div > ul .menu-dropdown li a,
1495
- .nav .menu-dropdown li a,
1496
- .topbar div > ul .dropdown-menu li a,
1497
1339
  .nav .dropdown-menu li a {
1498
1340
  color: #999;
1499
1341
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1500
1342
  }
1501
- .topbar div > ul .menu-dropdown li a:hover,
1502
- .nav .menu-dropdown li a:hover,
1503
- .topbar div > ul .dropdown-menu li a:hover,
1504
1343
  .nav .dropdown-menu li a:hover {
1505
1344
  background-color: #191919;
1506
- background-repeat: repeat-x;
1507
1345
  background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
1508
1346
  background-image: -moz-linear-gradient(top, #292929, #191919);
1509
1347
  background-image: -ms-linear-gradient(top, #292929, #191919);
@@ -1511,59 +1349,57 @@ table .headerSortUp.purple, table .headerSortDown.purple {
1511
1349
  background-image: -webkit-linear-gradient(top, #292929, #191919);
1512
1350
  background-image: -o-linear-gradient(top, #292929, #191919);
1513
1351
  background-image: linear-gradient(top, #292929, #191919);
1352
+ background-repeat: repeat-x;
1514
1353
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
1515
1354
  color: #ffffff;
1516
1355
  }
1517
- .topbar div > ul .menu-dropdown .active a,
1518
- .nav .menu-dropdown .active a,
1519
- .topbar div > ul .dropdown-menu .active a,
1520
1356
  .nav .dropdown-menu .active a {
1521
1357
  color: #ffffff;
1522
1358
  }
1523
- .topbar div > ul .menu-dropdown .divider,
1524
- .nav .menu-dropdown .divider,
1525
- .topbar div > ul .dropdown-menu .divider,
1526
1359
  .nav .dropdown-menu .divider {
1527
1360
  background-color: #222;
1528
1361
  border-color: #444;
1529
1362
  }
1530
- .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
1363
+ .topbar ul .dropdown-menu li a {
1531
1364
  padding: 4px 15px;
1532
1365
  }
1533
- li.menu, .dropdown {
1366
+ .dropdown {
1534
1367
  position: relative;
1535
1368
  }
1536
- a.menu:after, .dropdown-toggle:after {
1369
+ .dropdown-toggle:after {
1370
+ display: inline-block;
1537
1371
  width: 0;
1538
1372
  height: 0;
1539
- display: inline-block;
1540
- content: "&darr;";
1373
+ margin-top: 8px;
1374
+ margin-left: 6px;
1541
1375
  text-indent: -99999px;
1542
1376
  vertical-align: top;
1543
- margin-top: 8px;
1544
- margin-left: 4px;
1545
1377
  border-left: 4px solid transparent;
1546
1378
  border-right: 4px solid transparent;
1547
1379
  border-top: 4px solid #ffffff;
1548
- filter: alpha(opacity=50);
1549
- -khtml-opacity: 0.5;
1550
- -moz-opacity: 0.5;
1551
- opacity: 0.5;
1380
+ filter: alpha(opacity=30);
1381
+ -moz-opacity: 0.3;
1382
+ opacity: 0.3;
1383
+ content: "&darr;";
1552
1384
  }
1553
- .menu-dropdown, .dropdown-menu {
1554
- background-color: #ffffff;
1555
- float: left;
1556
- display: none;
1385
+ .dropdown:hover .dropdown-toggle:after {
1386
+ filter: alpha(opacity=100);
1387
+ -moz-opacity: 1;
1388
+ opacity: 1;
1389
+ }
1390
+ .dropdown-menu {
1557
1391
  position: absolute;
1558
1392
  top: 40px;
1559
1393
  z-index: 900;
1394
+ float: left;
1395
+ display: none;
1560
1396
  min-width: 160px;
1561
1397
  max-width: 220px;
1562
1398
  _width: 160px;
1399
+ padding: 6px 0;
1563
1400
  margin-left: 0;
1564
1401
  margin-right: 0;
1565
- padding: 6px 0;
1566
- zoom: 1;
1402
+ background-color: #ffffff;
1567
1403
  border-color: #999;
1568
1404
  border-color: rgba(0, 0, 0, 0.2);
1569
1405
  border-style: solid;
@@ -1577,13 +1413,14 @@ a.menu:after, .dropdown-toggle:after {
1577
1413
  -webkit-background-clip: padding-box;
1578
1414
  -moz-background-clip: padding-box;
1579
1415
  background-clip: padding-box;
1416
+ zoom: 1;
1580
1417
  }
1581
- .menu-dropdown li, .dropdown-menu li {
1418
+ .dropdown-menu li {
1582
1419
  float: none;
1583
1420
  display: block;
1584
1421
  background-color: none;
1585
1422
  }
1586
- .menu-dropdown .divider, .dropdown-menu .divider {
1423
+ .dropdown-menu .divider {
1587
1424
  height: 1px;
1588
1425
  margin: 5px 0;
1589
1426
  overflow: hidden;
@@ -1599,12 +1436,10 @@ a.menu:after, .dropdown-toggle:after {
1599
1436
  color: #808080;
1600
1437
  text-shadow: 0 1px 0 #ffffff;
1601
1438
  }
1602
- .topbar .dropdown-menu a:hover,
1603
- .dropdown-menu a:hover,
1604
- .topbar .dropdown-menu a.hover,
1605
- .dropdown-menu a.hover {
1439
+ .topbar .dropdown-menu a:hover, .dropdown-menu a:hover {
1440
+ color: #404040;
1441
+ text-decoration: none;
1606
1442
  background-color: #dddddd;
1607
- background-repeat: repeat-x;
1608
1443
  background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1609
1444
  background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1610
1445
  background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
@@ -1612,163 +1447,24 @@ a.menu:after, .dropdown-toggle:after {
1612
1447
  background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1613
1448
  background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1614
1449
  background-image: linear-gradient(top, #eeeeee, #dddddd);
1450
+ background-repeat: repeat-x;
1615
1451
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1616
- color: #404040;
1617
- text-decoration: none;
1618
1452
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1619
1453
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1620
1454
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1621
1455
  }
1622
- .open .menu,
1623
- .dropdown.open .menu,
1624
- .open .dropdown-toggle,
1625
1456
  .dropdown.open .dropdown-toggle {
1626
1457
  color: #ffffff;
1627
1458
  background: #ccc;
1628
1459
  background: rgba(0, 0, 0, 0.3);
1629
1460
  }
1630
- .open .menu-dropdown,
1631
- .dropdown.open .menu-dropdown,
1632
- .open .dropdown-menu,
1633
1461
  .dropdown.open .dropdown-menu {
1634
1462
  display: block;
1635
1463
  }
1636
- .tabs, .pills {
1637
- margin: 0 0 18px;
1638
- padding: 0;
1639
- list-style: none;
1640
- zoom: 1;
1641
- }
1642
- .tabs:before,
1643
- .pills:before,
1644
- .tabs:after,
1645
- .pills:after {
1646
- display: table;
1647
- content: "";
1648
- zoom: 1;
1649
- }
1650
- .tabs:after, .pills:after {
1651
- clear: both;
1652
- }
1653
- .tabs > li, .pills > li {
1654
- float: left;
1655
- }
1656
- .tabs > li > a, .pills > li > a {
1657
- display: block;
1658
- }
1659
- .tabs {
1660
- border-color: #ddd;
1661
- border-style: solid;
1662
- border-width: 0 0 1px;
1663
- }
1664
- .tabs > li {
1665
- position: relative;
1666
- margin-bottom: -1px;
1667
- }
1668
- .tabs > li > a {
1669
- padding: 0 15px;
1670
- margin-right: 2px;
1671
- line-height: 34px;
1672
- border: 1px solid transparent;
1673
- -webkit-border-radius: 4px 4px 0 0;
1674
- -moz-border-radius: 4px 4px 0 0;
1675
- border-radius: 4px 4px 0 0;
1676
- }
1677
- .tabs > li > a:hover {
1678
- text-decoration: none;
1679
- background-color: #eee;
1680
- border-color: #eee #eee #ddd;
1681
- }
1682
- .tabs .active > a, .tabs .active > a:hover {
1683
- color: #808080;
1684
- background-color: #ffffff;
1685
- border: 1px solid #ddd;
1686
- border-bottom-color: transparent;
1687
- cursor: default;
1688
- }
1689
- .tabs .menu-dropdown, .tabs .dropdown-menu {
1690
- top: 35px;
1691
- border-width: 1px;
1692
- -webkit-border-radius: 0 6px 6px 6px;
1693
- -moz-border-radius: 0 6px 6px 6px;
1694
- border-radius: 0 6px 6px 6px;
1695
- }
1696
- .tabs a.menu:after, .tabs .dropdown-toggle:after {
1697
- border-top-color: #999;
1698
- margin-top: 15px;
1699
- margin-left: 5px;
1700
- }
1701
- .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
1702
- border-color: #999;
1703
- }
1704
- .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
1705
- border-top-color: #555;
1706
- }
1707
- .pills a {
1708
- margin: 5px 3px 5px 0;
1709
- padding: 0 15px;
1710
- line-height: 30px;
1711
- text-shadow: 0 1px 1px #ffffff;
1712
- -webkit-border-radius: 15px;
1713
- -moz-border-radius: 15px;
1714
- border-radius: 15px;
1715
- }
1716
- .pills a:hover {
1717
- color: #ffffff;
1718
- text-decoration: none;
1719
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1720
- background-color: #00438a;
1721
- }
1722
- .pills .active a {
1723
- color: #ffffff;
1724
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1725
- background-color: #0069d6;
1726
- }
1727
- .pills-vertical > li {
1728
- float: none;
1729
- }
1730
- .tab-content > .tab-pane, .pill-content > .pill-pane {
1731
- display: none;
1732
- }
1733
- .tab-content > .active, .pill-content > .active {
1734
- display: block;
1735
- }
1736
- .breadcrumb {
1737
- padding: 7px 14px;
1738
- margin: 0 0 18px;
1739
- background-color: #f5f5f5;
1740
- background-repeat: repeat-x;
1741
- background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1742
- background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1743
- background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1744
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1745
- background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1746
- background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1747
- background-image: linear-gradient(top, #ffffff, #f5f5f5);
1748
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1749
- border: 1px solid #ddd;
1750
- -webkit-border-radius: 3px;
1751
- -moz-border-radius: 3px;
1752
- border-radius: 3px;
1753
- -webkit-box-shadow: inset 0 1px 0 #ffffff;
1754
- -moz-box-shadow: inset 0 1px 0 #ffffff;
1755
- box-shadow: inset 0 1px 0 #ffffff;
1756
- }
1757
- .breadcrumb li {
1758
- display: inline;
1759
- text-shadow: 0 1px 0 #ffffff;
1760
- }
1761
- .breadcrumb .divider {
1762
- padding: 0 5px;
1763
- color: #bfbfbf;
1764
- }
1765
- .breadcrumb .active a {
1766
- color: #404040;
1767
- }
1768
1464
  .hero-unit {
1769
- background-color: #f5f5f5;
1770
- margin-bottom: 30px;
1771
1465
  padding: 60px;
1466
+ margin-bottom: 30px;
1467
+ background-color: #f5f5f5;
1772
1468
  -webkit-border-radius: 6px;
1773
1469
  -moz-border-radius: 6px;
1774
1470
  border-radius: 6px;
@@ -1785,19 +1481,19 @@ a.menu:after, .dropdown-toggle:after {
1785
1481
  line-height: 27px;
1786
1482
  }
1787
1483
  footer {
1788
- margin-top: 17px;
1789
1484
  padding-top: 17px;
1485
+ margin-top: 17px;
1790
1486
  border-top: 1px solid #eee;
1791
1487
  }
1792
1488
  .page-header {
1793
- margin-bottom: 17px;
1794
- border-bottom: 1px solid #ddd;
1489
+ margin-bottom: 27px;
1490
+ border-bottom: 1px solid #eee;
1795
1491
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1796
1492
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1797
1493
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1798
1494
  }
1799
1495
  .page-header h1 {
1800
- margin-bottom: 8px;
1496
+ margin-bottom: 13.5px;
1801
1497
  }
1802
1498
  .btn.danger,
1803
1499
  .alert-message.danger,
@@ -1817,16 +1513,12 @@ footer {
1817
1513
  .alert-message.info:hover {
1818
1514
  color: #ffffff;
1819
1515
  }
1820
- .btn .close, .alert-message .close {
1821
- font-family: Arial, sans-serif;
1822
- line-height: 18px;
1823
- }
1824
1516
  .btn.danger,
1825
1517
  .alert-message.danger,
1826
1518
  .btn.error,
1827
1519
  .alert-message.error {
1520
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1828
1521
  background-color: #c43c35;
1829
- background-repeat: repeat-x;
1830
1522
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1831
1523
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1832
1524
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
@@ -1834,14 +1526,14 @@ footer {
1834
1526
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1835
1527
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1836
1528
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
1529
+ background-repeat: repeat-x;
1837
1530
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1838
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1839
1531
  border-color: #c43c35 #c43c35 #882a25;
1840
1532
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1841
1533
  }
1842
1534
  .btn.success, .alert-message.success {
1535
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1843
1536
  background-color: #57a957;
1844
- background-repeat: repeat-x;
1845
1537
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1846
1538
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
1847
1539
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
@@ -1849,14 +1541,14 @@ footer {
1849
1541
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1850
1542
  background-image: -o-linear-gradient(top, #62c462, #57a957);
1851
1543
  background-image: linear-gradient(top, #62c462, #57a957);
1544
+ background-repeat: repeat-x;
1852
1545
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1853
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1854
1546
  border-color: #57a957 #57a957 #3d773d;
1855
1547
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1856
1548
  }
1857
1549
  .btn.info, .alert-message.info {
1550
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1858
1551
  background-color: #339bb9;
1859
- background-repeat: repeat-x;
1860
1552
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1861
1553
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1862
1554
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
@@ -1864,28 +1556,27 @@ footer {
1864
1556
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1865
1557
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1866
1558
  background-image: linear-gradient(top, #5bc0de, #339bb9);
1559
+ background-repeat: repeat-x;
1867
1560
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1868
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1869
1561
  border-color: #339bb9 #339bb9 #22697d;
1870
1562
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1871
1563
  }
1872
1564
  .btn {
1873
- cursor: pointer;
1874
1565
  display: inline-block;
1566
+ padding: 5px 14px 6px;
1567
+ font-size: 13px;
1568
+ line-height: normal;
1569
+ color: #333;
1570
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1875
1571
  background-color: #e6e6e6;
1876
- background-repeat: no-repeat;
1877
1572
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1878
1573
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1879
1574
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1880
1575
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1881
1576
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1882
1577
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1578
+ background-repeat: no-repeat;
1883
1579
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1884
- padding: 5px 14px 6px;
1885
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1886
- color: #333;
1887
- font-size: 13px;
1888
- line-height: normal;
1889
1580
  border: 1px solid #ccc;
1890
1581
  border-bottom-color: #bbb;
1891
1582
  -webkit-border-radius: 4px;
@@ -1894,7 +1585,7 @@ footer {
1894
1585
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1895
1586
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1896
1587
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1897
- -webkit-transform-style: preserve-3d;
1588
+ cursor: pointer;
1898
1589
  -webkit-transition: 0.1s linear all;
1899
1590
  -moz-transition: 0.1s linear all;
1900
1591
  -ms-transition: 0.1s linear all;
@@ -1902,17 +1593,17 @@ footer {
1902
1593
  transition: 0.1s linear all;
1903
1594
  }
1904
1595
  .btn:hover {
1905
- background-position: 0 -15px;
1906
1596
  color: #333;
1907
1597
  text-decoration: none;
1598
+ background-position: 0 -15px;
1908
1599
  }
1909
1600
  .btn:focus {
1910
1601
  outline: 1px dotted #666;
1911
1602
  }
1912
1603
  .btn.primary {
1913
1604
  color: #ffffff;
1605
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1914
1606
  background-color: #0064cd;
1915
- background-repeat: repeat-x;
1916
1607
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1917
1608
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1918
1609
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
@@ -1920,12 +1611,12 @@ footer {
1920
1611
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1921
1612
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1922
1613
  background-image: linear-gradient(top, #049cdb, #0064cd);
1614
+ background-repeat: repeat-x;
1923
1615
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1924
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1925
1616
  border-color: #0064cd #0064cd #003f81;
1926
1617
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1927
1618
  }
1928
- .btn.active, .btn :active {
1619
+ .btn.active, .btn:active {
1929
1620
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1930
1621
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1931
1622
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -1935,7 +1626,6 @@ footer {
1935
1626
  background-image: none;
1936
1627
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1937
1628
  filter: alpha(opacity=65);
1938
- -khtml-opacity: 0.65;
1939
1629
  -moz-opacity: 0.65;
1940
1630
  opacity: 0.65;
1941
1631
  -webkit-box-shadow: none;
@@ -1947,7 +1637,6 @@ footer {
1947
1637
  background-image: none;
1948
1638
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1949
1639
  filter: alpha(opacity=65);
1950
- -khtml-opacity: 0.65;
1951
1640
  -moz-opacity: 0.65;
1952
1641
  opacity: 0.65;
1953
1642
  -webkit-box-shadow: none;
@@ -1955,9 +1644,9 @@ footer {
1955
1644
  box-shadow: none;
1956
1645
  }
1957
1646
  .btn.large {
1647
+ padding: 9px 14px 9px;
1958
1648
  font-size: 15px;
1959
1649
  line-height: normal;
1960
- padding: 9px 14px 9px;
1961
1650
  -webkit-border-radius: 6px;
1962
1651
  -moz-border-radius: 6px;
1963
1652
  border-radius: 6px;
@@ -1966,133 +1655,554 @@ footer {
1966
1655
  padding: 7px 9px 7px;
1967
1656
  font-size: 11px;
1968
1657
  }
1969
- :root .alert-message, :root .btn {
1970
- border-radius: 0 \0;
1658
+ :root .alert-message, :root .btn {
1659
+ border-radius: 0 \0;
1660
+ }
1661
+ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1662
+ padding: 0;
1663
+ border: 0;
1664
+ }
1665
+ .btn-toolbar {
1666
+ zoom: 1;
1667
+ }
1668
+ .btn-toolbar:before, .btn-toolbar:after {
1669
+ display: table;
1670
+ *display: inline;
1671
+ content: "";
1672
+ zoom: 1;
1673
+ }
1674
+ .btn-toolbar:after {
1675
+ clear: both;
1676
+ }
1677
+ .btn-toolbar .btn-group {
1678
+ float: left;
1679
+ margin-right: 10px;
1680
+ }
1681
+ .btn-group {
1682
+ zoom: 1;
1683
+ }
1684
+ .btn-group:before, .btn-group:after {
1685
+ display: table;
1686
+ *display: inline;
1687
+ content: "";
1688
+ zoom: 1;
1689
+ }
1690
+ .btn-group:after {
1691
+ clear: both;
1692
+ }
1693
+ .btn-group .btn {
1694
+ position: relative;
1695
+ float: left;
1696
+ margin-left: -1px;
1697
+ -webkit-border-radius: 0;
1698
+ -moz-border-radius: 0;
1699
+ border-radius: 0;
1700
+ }
1701
+ .btn-group .btn:first-child {
1702
+ margin-left: 0;
1703
+ -webkit-border-top-left-radius: 4px;
1704
+ -moz-border-radius-topleft: 4px;
1705
+ border-top-left-radius: 4px;
1706
+ -webkit-border-bottom-left-radius: 4px;
1707
+ -moz-border-radius-bottomleft: 4px;
1708
+ border-bottom-left-radius: 4px;
1709
+ }
1710
+ .btn-group .btn:last-child {
1711
+ -webkit-border-top-right-radius: 4px;
1712
+ -moz-border-radius-topright: 4px;
1713
+ border-top-right-radius: 4px;
1714
+ -webkit-border-bottom-right-radius: 4px;
1715
+ -moz-border-radius-bottomright: 4px;
1716
+ border-bottom-right-radius: 4px;
1717
+ }
1718
+ .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active {
1719
+ z-index: 2;
1720
+ }
1721
+ .close {
1722
+ float: right;
1723
+ font-size: 20px;
1724
+ font-weight: bold;
1725
+ line-height: 13.5px;
1726
+ color: #000000;
1727
+ text-shadow: 0 1px 0 #ffffff;
1728
+ filter: alpha(opacity=20);
1729
+ -moz-opacity: 0.2;
1730
+ opacity: 0.2;
1731
+ }
1732
+ .close:hover {
1733
+ color: #000000;
1734
+ text-decoration: none;
1735
+ filter: alpha(opacity=40);
1736
+ -moz-opacity: 0.4;
1737
+ opacity: 0.4;
1738
+ }
1739
+ .alert-message {
1740
+ position: relative;
1741
+ padding: 7px 15px;
1742
+ margin-bottom: 18px;
1743
+ color: #404040;
1744
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1745
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1746
+ background-color: #eedc94;
1747
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1748
+ background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1749
+ background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1750
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1751
+ background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1752
+ background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1753
+ background-image: linear-gradient(top, #fceec1, #eedc94);
1754
+ background-repeat: repeat-x;
1755
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1756
+ border-color: #eedc94 #eedc94 #e4c652;
1757
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1758
+ border-width: 1px;
1759
+ border-style: solid;
1760
+ -webkit-border-radius: 4px;
1761
+ -moz-border-radius: 4px;
1762
+ border-radius: 4px;
1763
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1764
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1765
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1766
+ }
1767
+ .alert-message .close {
1768
+ *margin-top: 3px;
1769
+ /* IE7 spacing */
1770
+
1771
+ }
1772
+ .alert-message h5 {
1773
+ line-height: 18px;
1774
+ }
1775
+ .alert-message p {
1776
+ margin-bottom: 0;
1777
+ }
1778
+ .alert-message div {
1779
+ margin-top: 5px;
1780
+ margin-bottom: 2px;
1781
+ line-height: 28px;
1782
+ }
1783
+ .alert-message .btn {
1784
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1785
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1786
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1787
+ }
1788
+ .alert-message.block-message {
1789
+ padding: 14px;
1790
+ background-image: none;
1791
+ background-color: #fdf5d9;
1792
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1793
+ border-color: #fceec1;
1794
+ -webkit-box-shadow: none;
1795
+ -moz-box-shadow: none;
1796
+ box-shadow: none;
1797
+ }
1798
+ .alert-message.block-message ul, .alert-message.block-message p {
1799
+ margin-right: 30px;
1800
+ }
1801
+ .alert-message.block-message ul {
1802
+ margin-bottom: 0;
1803
+ }
1804
+ .alert-message.block-message li {
1805
+ color: #404040;
1806
+ }
1807
+ .alert-message.block-message .alert-actions {
1808
+ margin-top: 5px;
1809
+ }
1810
+ .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
1811
+ color: #404040;
1812
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1813
+ }
1814
+ .alert-message.block-message.error {
1815
+ background-color: #fddfde;
1816
+ border-color: #fbc7c6;
1817
+ }
1818
+ .alert-message.block-message.success {
1819
+ background-color: #d1eed1;
1820
+ border-color: #bfe7bf;
1821
+ }
1822
+ .alert-message.block-message.info {
1823
+ background-color: #ddf4fb;
1824
+ border-color: #c6edf9;
1825
+ }
1826
+ .well {
1827
+ min-height: 20px;
1828
+ padding: 19px;
1829
+ margin-bottom: 20px;
1830
+ background-color: #f5f5f5;
1831
+ border: 1px solid #eee;
1832
+ border: 1px solid rgba(0, 0, 0, 0.05);
1833
+ -webkit-border-radius: 4px;
1834
+ -moz-border-radius: 4px;
1835
+ border-radius: 4px;
1836
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1837
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1838
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1839
+ }
1840
+ .well blockquote {
1841
+ border-color: #ddd;
1842
+ border-color: rgba(0, 0, 0, 0.15);
1843
+ }
1844
+ .fade {
1845
+ -webkit-transition: opacity 0.15s linear;
1846
+ -moz-transition: opacity 0.15s linear;
1847
+ -ms-transition: opacity 0.15s linear;
1848
+ -o-transition: opacity 0.15s linear;
1849
+ transition: opacity 0.15s linear;
1850
+ opacity: 0;
1851
+ }
1852
+ .fade.in {
1853
+ opacity: 1;
1854
+ }
1855
+ .collapse {
1856
+ -webkit-transition: height 0.35s ease;
1857
+ -moz-transition: height 0.35s ease;
1858
+ -ms-transition: height 0.35s ease;
1859
+ -o-transition: height 0.35s ease;
1860
+ transition: height 0.35s ease;
1861
+ position: relative;
1862
+ overflow: hidden;
1863
+ height: 0;
1864
+ }
1865
+ .collapse.in {
1866
+ height: auto;
1867
+ }
1868
+ .label {
1869
+ padding: 1px 3px 2px;
1870
+ font-size: 9.75px;
1871
+ font-weight: bold;
1872
+ color: #ffffff;
1873
+ text-transform: uppercase;
1874
+ background-color: #bfbfbf;
1875
+ -webkit-border-radius: 3px;
1876
+ -moz-border-radius: 3px;
1877
+ border-radius: 3px;
1878
+ }
1879
+ .label.important {
1880
+ background-color: #c43c35;
1881
+ }
1882
+ .label.warning {
1883
+ background-color: #f89406;
1884
+ }
1885
+ .label.success {
1886
+ background-color: #46a546;
1887
+ }
1888
+ .label.notice {
1889
+ background-color: #62cffc;
1890
+ }
1891
+ .tabs, .pills {
1892
+ padding: 0;
1893
+ margin: 0 0 20px;
1894
+ list-style: none;
1895
+ zoom: 1;
1896
+ }
1897
+ .tabs:before,
1898
+ .pills:before,
1899
+ .tabs:after,
1900
+ .pills:after {
1901
+ display: table;
1902
+ *display: inline;
1903
+ content: "";
1904
+ zoom: 1;
1905
+ }
1906
+ .tabs:after, .pills:after {
1907
+ clear: both;
1908
+ }
1909
+ .tabs > li, .pills > li {
1910
+ float: left;
1911
+ }
1912
+ .tabs > li > a, .pills > li > a {
1913
+ display: block;
1914
+ }
1915
+ .tabs {
1916
+ border-color: #ddd;
1917
+ border-style: solid;
1918
+ border-width: 0 0 1px;
1919
+ }
1920
+ .tabs > li {
1921
+ position: relative;
1922
+ margin-bottom: -1px;
1923
+ }
1924
+ .tabs > li > a {
1925
+ padding: 0 15px;
1926
+ margin-right: 2px;
1927
+ line-height: 36px;
1928
+ border: 1px solid transparent;
1929
+ -webkit-border-radius: 4px 4px 0 0;
1930
+ -moz-border-radius: 4px 4px 0 0;
1931
+ border-radius: 4px 4px 0 0;
1932
+ }
1933
+ .tabs > li > a:hover {
1934
+ text-decoration: none;
1935
+ background-color: #eee;
1936
+ border-color: #eee #eee #ddd;
1937
+ }
1938
+ .tabs .active > a, .tabs .active > a:hover {
1939
+ color: #808080;
1940
+ background-color: #ffffff;
1941
+ border: 1px solid #ddd;
1942
+ border-bottom-color: transparent;
1943
+ cursor: default;
1944
+ }
1945
+ .tabbable {
1946
+ margin-bottom: 18px;
1947
+ }
1948
+ .tabbable .tabs {
1949
+ margin-bottom: 0;
1950
+ border-bottom: 0;
1951
+ }
1952
+ .tabbable .tab-content {
1953
+ padding: 19px;
1954
+ border: 1px solid #ddd;
1955
+ }
1956
+ .tabbable.tabs-bottom .tabs > li {
1957
+ margin-top: -1px;
1958
+ margin-bottom: 0;
1959
+ }
1960
+ .tabbable.tabs-bottom .tabs > li > a {
1961
+ -webkit-border-radius: 0 0 4px 4px;
1962
+ -moz-border-radius: 0 0 4px 4px;
1963
+ border-radius: 0 0 4px 4px;
1964
+ }
1965
+ .tabbable.tabs-bottom .tabs > li > a:hover {
1966
+ border-bottom-color: transparent;
1967
+ border-top-color: #ddd;
1968
+ }
1969
+ .tabbable.tabs-bottom .tabs > .active > a, .tabbable.tabs-bottom .tabs > .active > a:hover {
1970
+ border-color: transparent #ddd #ddd #ddd;
1971
+ }
1972
+ .tabbable.tabs-left, .tabbable.tabs-right {
1973
+ zoom: 1;
1974
+ }
1975
+ .tabbable.tabs-left:before,
1976
+ .tabbable.tabs-right:before,
1977
+ .tabbable.tabs-left:after,
1978
+ .tabbable.tabs-right:after {
1979
+ display: table;
1980
+ *display: inline;
1981
+ content: "";
1982
+ zoom: 1;
1983
+ }
1984
+ .tabbable.tabs-left:after, .tabbable.tabs-right:after {
1985
+ clear: both;
1986
+ }
1987
+ .tabbable.tabs-left .tabs, .tabbable.tabs-right .tabs {
1988
+ width: 100px;
1989
+ }
1990
+ .tabbable.tabs-left .tabs > li, .tabbable.tabs-right .tabs > li {
1991
+ float: none;
1992
+ margin-bottom: -1px;
1993
+ }
1994
+ .tabbable.tabs-left .tabs > li > a, .tabbable.tabs-right .tabs > li > a {
1995
+ margin-bottom: 2px;
1996
+ }
1997
+ .tabbable.tabs-left .tabs > li > a:hover, .tabbable.tabs-right .tabs > li > a:hover {
1998
+ border-color: transparent;
1999
+ }
2000
+ .tabbable.tabs-left .tab-content {
2001
+ margin-left: 100px;
2002
+ }
2003
+ .tabbable.tabs-left .tabs {
2004
+ float: left;
2005
+ }
2006
+ .tabbable.tabs-left .tabs > li {
2007
+ margin-right: -1px;
2008
+ }
2009
+ .tabbable.tabs-left .tabs > li > a {
2010
+ margin-right: 0;
2011
+ -webkit-border-radius: 4px 0 0 4px;
2012
+ -moz-border-radius: 4px 0 0 4px;
2013
+ border-radius: 4px 0 0 4px;
2014
+ }
2015
+ .tabbable.tabs-left .tabs > li > a:hover {
2016
+ border-right-color: #ddd;
2017
+ }
2018
+ .tabbable.tabs-left .tabs .active > a, .tabbable.tabs-left .tabs .active > a:hover {
2019
+ border-color: #ddd;
2020
+ border-right-color: transparent;
2021
+ }
2022
+ .tabbable.tabs-right .tab-content {
2023
+ margin-right: 100px;
2024
+ }
2025
+ .tabbable.tabs-right .tabs {
2026
+ float: right;
2027
+ }
2028
+ .tabbable.tabs-right .tabs > li {
2029
+ margin-left: -1px;
2030
+ }
2031
+ .tabbable.tabs-right .tabs > li > a {
2032
+ margin-left: 0;
2033
+ -webkit-border-radius: 0 4px 4px 0;
2034
+ -moz-border-radius: 0 4px 4px 0;
2035
+ border-radius: 0 4px 4px 0;
2036
+ }
2037
+ .tabbable.tabs-right .tabs > li > a:hover {
2038
+ border-left-color: #ddd;
2039
+ }
2040
+ .tabbable.tabs-right .tabs .active > a, .tabbable.tabs-right .tabs .active > a:hover {
2041
+ border-color: #ddd;
2042
+ border-left-color: transparent;
2043
+ }
2044
+ .tabs .menu-dropdown, .tabs .dropdown-menu {
2045
+ top: 35px;
2046
+ border-width: 1px;
2047
+ -webkit-border-radius: 0 6px 6px 6px;
2048
+ -moz-border-radius: 0 6px 6px 6px;
2049
+ border-radius: 0 6px 6px 6px;
2050
+ }
2051
+ .tabs a.menu:after, .tabs .dropdown-toggle:after {
2052
+ border-top-color: #999;
2053
+ margin-top: 15px;
2054
+ margin-left: 5px;
2055
+ }
2056
+ .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
2057
+ border-color: #999;
2058
+ }
2059
+ .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
2060
+ border-top-color: #555;
2061
+ }
2062
+ .pills a {
2063
+ padding: 0 15px;
2064
+ margin: 5px 3px 5px 0;
2065
+ line-height: 30px;
2066
+ text-shadow: 0 1px 1px #ffffff;
2067
+ -webkit-border-radius: 15px;
2068
+ -moz-border-radius: 15px;
2069
+ border-radius: 15px;
2070
+ }
2071
+ .pills a:hover {
2072
+ color: #ffffff;
2073
+ text-decoration: none;
2074
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
2075
+ background-color: #00438a;
2076
+ }
2077
+ .pills .active a {
2078
+ color: #ffffff;
2079
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
2080
+ background-color: #0069d6;
1971
2081
  }
1972
- button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1973
- padding: 0;
1974
- border: 0;
2082
+ .pills-vertical > li {
2083
+ float: none;
1975
2084
  }
1976
- .close {
1977
- float: right;
1978
- color: #000000;
1979
- font-size: 20px;
1980
- font-weight: bold;
1981
- line-height: 13.5px;
1982
- text-shadow: 0 1px 0 #ffffff;
1983
- filter: alpha(opacity=25);
1984
- -khtml-opacity: 0.25;
1985
- -moz-opacity: 0.25;
1986
- opacity: 0.25;
2085
+ .tab-content > .tab-pane, .pill-content > .pill-pane {
2086
+ display: none;
1987
2087
  }
1988
- .close:hover {
1989
- color: #000000;
1990
- text-decoration: none;
1991
- filter: alpha(opacity=40);
1992
- -khtml-opacity: 0.4;
1993
- -moz-opacity: 0.4;
1994
- opacity: 0.4;
2088
+ .tab-content > .active, .pill-content > .active {
2089
+ display: block;
1995
2090
  }
1996
- .alert-message {
2091
+ .step-nav {
1997
2092
  position: relative;
1998
- padding: 7px 15px;
1999
- margin-bottom: 18px;
2000
- color: #404040;
2001
- background-color: #eedc94;
2002
- background-repeat: repeat-x;
2003
- background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
2004
- background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
2005
- background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
2006
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
2007
- background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
2008
- background-image: -o-linear-gradient(top, #fceec1, #eedc94);
2009
- background-image: linear-gradient(top, #fceec1, #eedc94);
2010
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
2011
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2012
- border-color: #eedc94 #eedc94 #e4c652;
2013
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2014
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2015
- border-width: 1px;
2016
- border-style: solid;
2017
- -webkit-border-radius: 4px;
2018
- -moz-border-radius: 4px;
2019
- border-radius: 4px;
2020
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2021
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2022
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2023
- }
2024
- .alert-message .close {
2025
- margin-top: 1px;
2026
- *margin-top: 0;
2093
+ margin: 0 0 18px;
2094
+ list-style: none;
2095
+ line-height: 30px;
2096
+ text-align: center;
2097
+ background-color: #f5f5f5;
2098
+ -webkit-border-radius: 15px;
2099
+ -moz-border-radius: 15px;
2100
+ border-radius: 15px;
2027
2101
  }
2028
- .alert-message a {
2029
- font-weight: bold;
2030
- color: #404040;
2102
+ .step-nav li {
2103
+ display: inline;
2104
+ color: #bfbfbf;
2031
2105
  }
2032
- .alert-message.danger p a,
2033
- .alert-message.error p a,
2034
- .alert-message.success p a,
2035
- .alert-message.info p a {
2036
- color: #ffffff;
2106
+ .step-nav .prev, .step-nav .next {
2107
+ position: absolute;
2108
+ top: 6px;
2037
2109
  }
2038
- .alert-message h5 {
2039
- line-height: 18px;
2110
+ .step-nav .prev {
2111
+ left: 15px;
2040
2112
  }
2041
- .alert-message p {
2042
- margin-bottom: 0;
2113
+ .step-nav .next {
2114
+ right: 15px;
2043
2115
  }
2044
- .alert-message div {
2045
- margin-top: 5px;
2046
- margin-bottom: 2px;
2047
- line-height: 28px;
2116
+ .step-nav .dot {
2117
+ display: inline-block;
2118
+ width: 10px;
2119
+ height: 10px;
2120
+ margin: 0 3px;
2121
+ text-indent: -999em;
2122
+ background-color: #bfbfbf;
2123
+ -webkit-border-radius: 5px;
2124
+ -moz-border-radius: 5px;
2125
+ border-radius: 5px;
2126
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
2127
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
2128
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
2048
2129
  }
2049
- .alert-message .btn {
2050
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2051
- -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2052
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2130
+ .step-nav .dot:hover, .step-nav .active .dot {
2131
+ background-color: #404040;
2053
2132
  }
2054
- .alert-message.block-message {
2055
- background-image: none;
2056
- background-color: #fdf5d9;
2057
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2058
- padding: 14px;
2059
- border-color: #fceec1;
2060
- -webkit-box-shadow: none;
2061
- -moz-box-shadow: none;
2062
- box-shadow: none;
2133
+ .subnav {
2134
+ position: relative;
2135
+ background-color: #eeeeee;
2136
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eeeeee));
2137
+ background-image: -moz-linear-gradient(top, #f5f5f5, #eeeeee);
2138
+ background-image: -ms-linear-gradient(top, #f5f5f5, #eeeeee);
2139
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee));
2140
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
2141
+ background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
2142
+ background-image: linear-gradient(top, #f5f5f5, #eeeeee);
2143
+ background-repeat: repeat-x;
2144
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
2145
+ -webkit-border-radius: 6px;
2146
+ -moz-border-radius: 6px;
2147
+ border-radius: 6px;
2063
2148
  }
2064
- .alert-message.block-message ul, .alert-message.block-message p {
2065
- margin-right: 30px;
2149
+ .subnav a {
2150
+ padding: 10px 15px;
2151
+ color: #0069d6;
2152
+ text-shadow: 0 1px 0 #fff;
2153
+ border-left: 1px solid #f9f9f9;
2154
+ border-right: 1px solid #e5e5e5;
2066
2155
  }
2067
- .alert-message.block-message ul {
2068
- margin-bottom: 0;
2156
+ .subnav a:hover {
2157
+ color: #00438a;
2158
+ background-color: #eee;
2069
2159
  }
2070
- .alert-message.block-message li {
2071
- color: #404040;
2160
+ .subnav li:first-child a {
2161
+ border-left: 0;
2162
+ -webkit-border-radius: 6px 0 0 6px;
2163
+ -moz-border-radius: 6px 0 0 6px;
2164
+ border-radius: 6px 0 0 6px;
2072
2165
  }
2073
- .alert-message.block-message .alert-actions {
2074
- margin-top: 5px;
2166
+ .subnav li:last-child a {
2167
+ border-right: 0;
2168
+ -webkit-border-radius: 0 6px 6px 0;
2169
+ -moz-border-radius: 0 6px 6px 0;
2170
+ border-radius: 0 6px 6px 0;
2075
2171
  }
2076
- .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
2172
+ .subnav ul .active > a {
2077
2173
  color: #404040;
2078
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2174
+ background-color: #eee;
2079
2175
  }
2080
- .alert-message.block-message.error {
2081
- background-color: #fddfde;
2082
- border-color: #fbc7c6;
2176
+ .breadcrumb {
2177
+ padding: 7px 14px;
2178
+ margin: 0 0 18px;
2179
+ background-color: #f5f5f5;
2180
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
2181
+ background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
2182
+ background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
2183
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
2184
+ background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
2185
+ background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
2186
+ background-image: linear-gradient(top, #ffffff, #f5f5f5);
2187
+ background-repeat: repeat-x;
2188
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
2189
+ border: 1px solid #ddd;
2190
+ -webkit-border-radius: 3px;
2191
+ -moz-border-radius: 3px;
2192
+ border-radius: 3px;
2193
+ -webkit-box-shadow: inset 0 1px 0 #ffffff;
2194
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
2195
+ box-shadow: inset 0 1px 0 #ffffff;
2083
2196
  }
2084
- .alert-message.block-message.success {
2085
- background-color: #d1eed1;
2086
- border-color: #bfe7bf;
2197
+ .breadcrumb li {
2198
+ display: inline;
2199
+ text-shadow: 0 1px 0 #ffffff;
2087
2200
  }
2088
- .alert-message.block-message.info {
2089
- background-color: #ddf4fb;
2090
- border-color: #c6edf9;
2201
+ .breadcrumb .divider {
2202
+ padding: 0 5px;
2203
+ color: #bfbfbf;
2091
2204
  }
2092
- .alert-message.block-message.danger p a,
2093
- .alert-message.block-message.error p a,
2094
- .alert-message.block-message.success p a,
2095
- .alert-message.block-message.info p a {
2205
+ .breadcrumb .active a {
2096
2206
  color: #404040;
2097
2207
  }
2098
2208
  .pagination {
@@ -2118,57 +2228,38 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2118
2228
  float: left;
2119
2229
  padding: 0 14px;
2120
2230
  line-height: 34px;
2231
+ text-decoration: none;
2121
2232
  border-right: 1px solid;
2122
2233
  border-right-color: #ddd;
2123
2234
  border-right-color: rgba(0, 0, 0, 0.15);
2124
2235
  *border-right-color: #ddd;
2125
2236
  /* IE6-7 */
2126
2237
 
2127
- text-decoration: none;
2128
2238
  }
2129
2239
  .pagination a:hover, .pagination .active a {
2130
2240
  background-color: #c7eefe;
2131
2241
  }
2132
2242
  .pagination .disabled a, .pagination .disabled a:hover {
2133
- background-color: transparent;
2134
2243
  color: #bfbfbf;
2244
+ background-color: transparent;
2135
2245
  }
2136
2246
  .pagination .next a {
2137
2247
  border: 0;
2138
2248
  }
2139
- .well {
2140
- background-color: #f5f5f5;
2141
- margin-bottom: 20px;
2142
- padding: 19px;
2143
- min-height: 20px;
2144
- border: 1px solid #eee;
2145
- border: 1px solid rgba(0, 0, 0, 0.05);
2146
- -webkit-border-radius: 4px;
2147
- -moz-border-radius: 4px;
2148
- border-radius: 4px;
2149
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2150
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2151
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2152
- }
2153
- .well blockquote {
2154
- border-color: #ddd;
2155
- border-color: rgba(0, 0, 0, 0.15);
2156
- }
2157
2249
  .modal-backdrop {
2158
- background-color: #000000;
2159
2250
  position: fixed;
2160
2251
  top: 0;
2161
- left: 0;
2162
2252
  right: 0;
2163
2253
  bottom: 0;
2254
+ left: 0;
2164
2255
  z-index: 10000;
2256
+ background-color: #000000;
2165
2257
  }
2166
2258
  .modal-backdrop.fade {
2167
2259
  opacity: 0;
2168
2260
  }
2169
2261
  .modal-backdrop, .modal-backdrop.fade.in {
2170
2262
  filter: alpha(opacity=80);
2171
- -khtml-opacity: 0.8;
2172
2263
  -moz-opacity: 0.8;
2173
2264
  opacity: 0.8;
2174
2265
  }
@@ -2178,7 +2269,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2178
2269
  left: 50%;
2179
2270
  z-index: 11000;
2180
2271
  width: 560px;
2181
- margin: -250px 0 0 -280px;
2272
+ margin: -250px 0 0 -250px;
2182
2273
  background-color: #ffffff;
2183
2274
  border: 1px solid #999;
2184
2275
  border: 1px solid rgba(0, 0, 0, 0.3);
@@ -2199,7 +2290,6 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2199
2290
  margin-top: 7px;
2200
2291
  }
2201
2292
  .modal.fade {
2202
- -webkit-transform-style: preserve-3d;
2203
2293
  -webkit-transition: opacity .3s linear, top .3s ease-out;
2204
2294
  -moz-transition: opacity .3s linear, top .3s ease-out;
2205
2295
  -ms-transition: opacity .3s linear, top .3s ease-out;
@@ -2211,18 +2301,16 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2211
2301
  top: 50%;
2212
2302
  }
2213
2303
  .modal-header {
2214
- border-bottom: 1px solid #eee;
2215
2304
  padding: 5px 15px;
2305
+ border-bottom: 1px solid #eee;
2216
2306
  }
2217
2307
  .modal-body {
2218
2308
  padding: 15px;
2219
2309
  }
2220
- .modal-body form {
2221
- margin-bottom: 0;
2222
- }
2223
2310
  .modal-footer {
2224
- background-color: #f5f5f5;
2225
2311
  padding: 14px 15px 15px;
2312
+ margin-bottom: 0;
2313
+ background-color: #f5f5f5;
2226
2314
  border-top: 1px solid #ddd;
2227
2315
  -webkit-border-radius: 0 0 6px 6px;
2228
2316
  -moz-border-radius: 0 0 6px 6px;
@@ -2231,10 +2319,10 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2231
2319
  -moz-box-shadow: inset 0 1px 0 #ffffff;
2232
2320
  box-shadow: inset 0 1px 0 #ffffff;
2233
2321
  zoom: 1;
2234
- margin-bottom: 0;
2235
2322
  }
2236
2323
  .modal-footer:before, .modal-footer:after {
2237
2324
  display: table;
2325
+ *display: inline;
2238
2326
  content: "";
2239
2327
  zoom: 1;
2240
2328
  }
@@ -2245,24 +2333,19 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2245
2333
  float: right;
2246
2334
  margin-left: 5px;
2247
2335
  }
2248
- .modal .popover, .modal .twipsy {
2249
- z-index: 12000;
2250
- }
2251
2336
  .twipsy {
2252
- display: block;
2253
2337
  position: absolute;
2338
+ z-index: 1000;
2339
+ display: block;
2254
2340
  visibility: visible;
2255
2341
  padding: 5px;
2256
2342
  font-size: 11px;
2257
- z-index: 1000;
2258
- filter: alpha(opacity=80);
2259
- -khtml-opacity: 0.8;
2260
- -moz-opacity: 0.8;
2261
- opacity: 0.8;
2343
+ filter: alpha(opacity=0);
2344
+ -moz-opacity: 0;
2345
+ opacity: 0;
2262
2346
  }
2263
- .twipsy.fade.in {
2347
+ .twipsy.in {
2264
2348
  filter: alpha(opacity=80);
2265
- -khtml-opacity: 0.8;
2266
2349
  -moz-opacity: 0.8;
2267
2350
  opacity: 0.8;
2268
2351
  }
@@ -2299,12 +2382,12 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2299
2382
  border-right: 5px solid #000000;
2300
2383
  }
2301
2384
  .twipsy-inner {
2385
+ max-width: 200px;
2302
2386
  padding: 3px 8px;
2303
- background-color: #000000;
2304
2387
  color: white;
2305
2388
  text-align: center;
2306
- max-width: 200px;
2307
2389
  text-decoration: none;
2390
+ background-color: #000000;
2308
2391
  -webkit-border-radius: 4px;
2309
2392
  -moz-border-radius: 4px;
2310
2393
  border-radius: 4px;
@@ -2319,8 +2402,8 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2319
2402
  top: 0;
2320
2403
  left: 0;
2321
2404
  z-index: 1000;
2322
- padding: 5px;
2323
2405
  display: none;
2406
+ padding: 5px;
2324
2407
  }
2325
2408
  .popover.above .arrow {
2326
2409
  bottom: 0;
@@ -2360,11 +2443,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2360
2443
  height: 0;
2361
2444
  }
2362
2445
  .popover .inner {
2363
- background: #000000;
2364
- background: rgba(0, 0, 0, 0.8);
2365
2446
  padding: 3px;
2366
- overflow: hidden;
2367
2447
  width: 280px;
2448
+ overflow: hidden;
2449
+ background-color: #000000;
2450
+ background-color: rgba(0, 0, 0, 0.8);
2368
2451
  -webkit-border-radius: 6px;
2369
2452
  -moz-border-radius: 6px;
2370
2453
  border-radius: 6px;
@@ -2373,17 +2456,17 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2373
2456
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2374
2457
  }
2375
2458
  .popover .title {
2376
- background-color: #f5f5f5;
2377
2459
  padding: 9px 15px;
2378
2460
  line-height: 1;
2461
+ background-color: #f5f5f5;
2462
+ border-bottom: 1px solid #eee;
2379
2463
  -webkit-border-radius: 3px 3px 0 0;
2380
2464
  -moz-border-radius: 3px 3px 0 0;
2381
2465
  border-radius: 3px 3px 0 0;
2382
- border-bottom: 1px solid #eee;
2383
2466
  }
2384
2467
  .popover .content {
2385
- background-color: #ffffff;
2386
2468
  padding: 14px;
2469
+ background-color: #ffffff;
2387
2470
  -webkit-border-radius: 0 0 3px 3px;
2388
2471
  -moz-border-radius: 0 0 3px 3px;
2389
2472
  border-radius: 0 0 3px 3px;
@@ -2394,42 +2477,6 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2394
2477
  .popover .content p, .popover .content ul, .popover .content ol {
2395
2478
  margin-bottom: 0;
2396
2479
  }
2397
- .fade {
2398
- -webkit-transform-style: preserve-3d;
2399
- -webkit-transition: opacity 0.15s linear;
2400
- -moz-transition: opacity 0.15s linear;
2401
- -ms-transition: opacity 0.15s linear;
2402
- -o-transition: opacity 0.15s linear;
2403
- transition: opacity 0.15s linear;
2404
- opacity: 0;
2405
- }
2406
- .fade.in {
2407
- opacity: 1;
2408
- }
2409
- .label {
2410
- padding: 1px 3px 2px;
2411
- font-size: 9.75px;
2412
- font-weight: bold;
2413
- color: #ffffff;
2414
- text-transform: uppercase;
2415
- white-space: nowrap;
2416
- background-color: #bfbfbf;
2417
- -webkit-border-radius: 3px;
2418
- -moz-border-radius: 3px;
2419
- border-radius: 3px;
2420
- }
2421
- .label.important {
2422
- background-color: #c43c35;
2423
- }
2424
- .label.warning {
2425
- background-color: #f89406;
2426
- }
2427
- .label.success {
2428
- background-color: #46a546;
2429
- }
2430
- .label.notice {
2431
- background-color: #62cffc;
2432
- }
2433
2480
  .media-grid {
2434
2481
  margin-left: -20px;
2435
2482
  margin-bottom: 0;
@@ -2437,6 +2484,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2437
2484
  }
2438
2485
  .media-grid:before, .media-grid:after {
2439
2486
  display: table;
2487
+ *display: inline;
2440
2488
  content: "";
2441
2489
  zoom: 1;
2442
2490
  }
@@ -2449,7 +2497,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2449
2497
  .media-grid a {
2450
2498
  float: left;
2451
2499
  padding: 4px;
2452
- margin: 0 0 18px 20px;
2500
+ margin: 0 0 20px 20px;
2453
2501
  border: 1px solid #ddd;
2454
2502
  -webkit-border-radius: 4px;
2455
2503
  -moz-border-radius: 4px;
@@ -2467,3 +2515,186 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
2467
2515
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2468
2516
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2469
2517
  }
2518
+ @media (max-width: 480px) {
2519
+ .container {
2520
+ width: auto;
2521
+ padding: 0 15px;
2522
+ }
2523
+ .row {
2524
+ margin-left: 0;
2525
+ }
2526
+ [class*="span"] {
2527
+ float: none;
2528
+ display: block;
2529
+ width: auto;
2530
+ margin: 0;
2531
+ }
2532
+ .modal {
2533
+ width: auto;
2534
+ margin: 0;
2535
+ }
2536
+ .form-horizontal .control-group > label {
2537
+ float: none;
2538
+ width: auto;
2539
+ padding-top: 0;
2540
+ text-align: left;
2541
+ }
2542
+ .form-horizontal .controls {
2543
+ margin-left: 0;
2544
+ }
2545
+ .form-horizontal .control-list {
2546
+ padding-top: 0;
2547
+ }
2548
+ .form-horizontal .form-actions {
2549
+ padding-left: 0;
2550
+ }
2551
+ }
2552
+ @media (min-width: 480px) and (max-width: 768px) {
2553
+ .container {
2554
+ width: auto;
2555
+ padding: 0 10px;
2556
+ }
2557
+ .row {
2558
+ margin-left: 0;
2559
+ }
2560
+ [class*="span"] {
2561
+ float: none;
2562
+ display: block;
2563
+ width: auto;
2564
+ margin: 0;
2565
+ }
2566
+ }
2567
+ @media (min-width: 768px) and (max-width: 940px) {
2568
+ .container {
2569
+ width: 748px;
2570
+ }
2571
+ .span1 {
2572
+ width: 44px;
2573
+ }
2574
+ .span2 {
2575
+ width: 108px;
2576
+ }
2577
+ .span3 {
2578
+ width: 172px;
2579
+ }
2580
+ .span4 {
2581
+ width: 236px;
2582
+ }
2583
+ .span5 {
2584
+ width: 300px;
2585
+ }
2586
+ .span6 {
2587
+ width: 364px;
2588
+ }
2589
+ .span7 {
2590
+ width: 428px;
2591
+ }
2592
+ .span8 {
2593
+ width: 492px;
2594
+ }
2595
+ .span9 {
2596
+ width: 556px;
2597
+ }
2598
+ .span10 {
2599
+ width: 620px;
2600
+ }
2601
+ .span11 {
2602
+ width: 684px;
2603
+ }
2604
+ .span12 {
2605
+ width: 748px;
2606
+ }
2607
+ .offset1 {
2608
+ margin-left: 64px;
2609
+ }
2610
+ .offset2 {
2611
+ margin-left: 128px;
2612
+ }
2613
+ .offset3 {
2614
+ margin-left: 192px;
2615
+ }
2616
+ .offset4 {
2617
+ margin-left: 256px;
2618
+ }
2619
+ .offset5 {
2620
+ margin-left: 320px;
2621
+ }
2622
+ .offset6 {
2623
+ margin-left: 384px;
2624
+ }
2625
+ .offset7 {
2626
+ margin-left: 448px;
2627
+ }
2628
+ .offset8 {
2629
+ margin-left: 512px;
2630
+ }
2631
+ .offset9 {
2632
+ margin-left: 576px;
2633
+ }
2634
+ .offset10 {
2635
+ margin-left: 640px;
2636
+ }
2637
+ .offset11 {
2638
+ margin-left: 704px;
2639
+ }
2640
+ .offset12 {
2641
+ margin-left: 768px;
2642
+ }
2643
+ }
2644
+ /*
2645
+ // LARGE DESKTOP & UP
2646
+ // ------------------
2647
+
2648
+ @media (min-width: 1210px) {
2649
+
2650
+ // Reset grid variables
2651
+ @gridColumns: 12;
2652
+ @gridColumnWidth: 70px;
2653
+ @gridGutterWidth: 30px;
2654
+ @siteWidth: 1170px;
2655
+
2656
+ // Bring grid mixins to recalculate widths
2657
+ .columns(@columnSpan: 1) {
2658
+ width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
2659
+ }
2660
+ .offset(@columnOffset: 1) {
2661
+ margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @gridGutterWidth;
2662
+ }
2663
+
2664
+ .container {
2665
+ width: @siteWidth;
2666
+ }
2667
+ [class*="span"] {
2668
+ margin-left: @gridGutterWidth;
2669
+ }
2670
+
2671
+ // Default columns
2672
+ .span1 { .columns(1); }
2673
+ .span2 { .columns(2); }
2674
+ .span3 { .columns(3); }
2675
+ .span4 { .columns(4); }
2676
+ .span5 { .columns(5); }
2677
+ .span6 { .columns(6); }
2678
+ .span7 { .columns(7); }
2679
+ .span8 { .columns(8); }
2680
+ .span9 { .columns(9); }
2681
+ .span10 { .columns(10); }
2682
+ .span11 { .columns(11); }
2683
+ .span12 { .columns(12); }
2684
+
2685
+ // Offset column options
2686
+ .offset1 { .offset(1); }
2687
+ .offset2 { .offset(2); }
2688
+ .offset3 { .offset(3); }
2689
+ .offset4 { .offset(4); }
2690
+ .offset5 { .offset(5); }
2691
+ .offset6 { .offset(6); }
2692
+ .offset7 { .offset(7); }
2693
+ .offset8 { .offset(8); }
2694
+ .offset9 { .offset(9); }
2695
+ .offset10 { .offset(10); }
2696
+ .offset11 { .offset(11); }
2697
+ .offset12 { .offset(12); }
2698
+
2699
+ }
2700
+ */