css-bootstrap-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
data/.gitignore ADDED
@@ -0,0 +1,4 @@
1
+ *.gem
2
+ .bundle
3
+ Gemfile.lock
4
+ pkg/*
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source "http://rubygems.org"
2
+
3
+ # Specify your gem's dependencies in twitter-bootstrap-rails.gemspec
4
+ gemspec
data/README.md ADDED
@@ -0,0 +1,44 @@
1
+ # Twitter Bootstrap CSS for Rails 3
2
+ Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
3
+ It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
4
+ css-bootstrap-rails project integrates Bootstrap CSS toolkit for Rails 3 projects
5
+
6
+ ## Rails 3.1
7
+ Include Bootstrap in Gemfile,
8
+
9
+ gem 'css-bootstrap-rails'
10
+
11
+ and add bootstrap in manifest file css file. Add into application.css
12
+
13
+ *= require bootstrap
14
+
15
+ ## Thanks
16
+ Thanks Twitter for Bootstrap
17
+ http://twitter.github.com/bootstrap
18
+
19
+ ##License
20
+
21
+ Copyright (c) 2011 Arun Agrawal
22
+
23
+ Permission is hereby granted, free of charge, to any person obtaining
24
+ a copy of this software and associated documentation files (the
25
+ "Software"), to deal in the Software without restriction, including
26
+ without limitation the rights to use, copy, modify, merge, publish,
27
+ distribute, sublicense, and/or sell copies of the Software, and to
28
+ permit persons to whom the Software is furnished to do so, subject to
29
+ the following conditions:
30
+
31
+ The above copyright notice and this permission notice shall be
32
+ included in all copies or substantial portions of the Software.
33
+
34
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
35
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
36
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
37
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
38
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
39
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
40
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
41
+
42
+ ##Credits
43
+
44
+ Arun Agrawal: arunagw at gmail dot com
data/Rakefile ADDED
@@ -0,0 +1,3 @@
1
+ require 'bundler/gem_tasks'
2
+ Bundler::GemHelper.install_tasks
3
+
@@ -0,0 +1,27 @@
1
+ # -*- encoding: utf-8 -*-
2
+ $:.push File.expand_path("../lib", __FILE__)
3
+ require "css-bootstrap-rails/version"
4
+
5
+ Gem::Specification.new do |s|
6
+ s.name = "css-bootstrap-rails"
7
+ s.version = Css::Bootstrap::Rails::VERSION
8
+ s.platform = Gem::Platform::RUBY
9
+ s.authors = ["Arun Agrawal"]
10
+ s.email = ["arunagw@gmail.com"]
11
+ s.homepage = "https://github.com/arunagw/css-bootstrap-rails"
12
+ s.summary = %q{Twitter Bootstrap CSS toolkit for Rails 3 projects}
13
+ s.description = %q{Twitter Bootstrap CSS toolkit for Rails 3 projects}
14
+
15
+ s.rubyforge_project = "css-bootstrap-rails"
16
+
17
+ s.files = `git ls-files`.split("\n")
18
+ s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
19
+ s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
20
+ s.require_paths = ["lib"]
21
+
22
+ s.add_dependency "railties", "~> 3.1"
23
+ s.add_dependency "thor", "~> 0.14"
24
+ s.add_development_dependency "bundler", "~> 1.0.0"
25
+ s.add_development_dependency "rails", "~> 3.1"
26
+ end
27
+
@@ -0,0 +1,12 @@
1
+ module Css
2
+ module Bootstrap
3
+ module Rails
4
+ if ::Rails.version < "3.1"
5
+ require "css-bootstrap-rails/railtie"
6
+ else
7
+ require "css-bootstrap-rails/engine"
8
+ end
9
+ end
10
+ end
11
+ end
12
+
@@ -0,0 +1,9 @@
1
+ module Css
2
+ module Bootstrap
3
+ module Rails
4
+ class Engine < ::Rails::Engine
5
+ # Put some stuff here if want to include in env
6
+ end
7
+ end
8
+ end
9
+ end
@@ -0,0 +1,9 @@
1
+ module Css
2
+ module Bootstrap
3
+ module Rails
4
+ class Railtie < ::Rails::Railtie
5
+ # Put some stuff here if want to include in env
6
+ end
7
+ end
8
+ end
9
+ end
@@ -0,0 +1,8 @@
1
+ module Css
2
+ module Bootstrap
3
+ module Rails
4
+ VERSION = "0.0.1"
5
+ TWITTER_BOOTSTRAP = "1.2.0"
6
+ end
7
+ end
8
+ end
@@ -0,0 +1,1992 @@
1
+ /*!
2
+ * Bootstrap v1.2.0
3
+ *
4
+ * Copyright 2011 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ * Date: Fri Sep 2 15:07:03 PDT 2011
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
+ html, body {
15
+ margin: 0;
16
+ padding: 0;
17
+ }
18
+ h1,
19
+ h2,
20
+ h3,
21
+ h4,
22
+ h5,
23
+ h6,
24
+ p,
25
+ blockquote,
26
+ pre,
27
+ a,
28
+ abbr,
29
+ acronym,
30
+ address,
31
+ cite,
32
+ code,
33
+ del,
34
+ dfn,
35
+ em,
36
+ img,
37
+ q,
38
+ s,
39
+ samp,
40
+ small,
41
+ strike,
42
+ strong,
43
+ sub,
44
+ sup,
45
+ tt,
46
+ var,
47
+ dd,
48
+ dl,
49
+ dt,
50
+ li,
51
+ ol,
52
+ ul,
53
+ fieldset,
54
+ form,
55
+ label,
56
+ legend,
57
+ button,
58
+ table,
59
+ caption,
60
+ tbody,
61
+ tfoot,
62
+ thead,
63
+ tr,
64
+ th,
65
+ td {
66
+ margin: 0;
67
+ padding: 0;
68
+ border: 0;
69
+ font-weight: normal;
70
+ font-style: normal;
71
+ font-size: 100%;
72
+ line-height: 1;
73
+ font-family: inherit;
74
+ }
75
+ table {
76
+ border-collapse: collapse;
77
+ border-spacing: 0;
78
+ }
79
+ ol, ul {
80
+ list-style: none;
81
+ }
82
+ q:before,
83
+ q:after,
84
+ blockquote:before,
85
+ blockquote:after {
86
+ content: "";
87
+ }
88
+ html {
89
+ overflow-y: scroll;
90
+ font-size: 100%;
91
+ -webkit-text-size-adjust: 100%;
92
+ -ms-text-size-adjust: 100%;
93
+ }
94
+ a:focus {
95
+ outline: thin dotted;
96
+ }
97
+ article,
98
+ aside,
99
+ details,
100
+ figcaption,
101
+ figure,
102
+ footer,
103
+ header,
104
+ hgroup,
105
+ nav,
106
+ section {
107
+ display: block;
108
+ }
109
+ audio, canvas, video {
110
+ display: inline-block;
111
+ *display: inline;
112
+ *zoom: 1;
113
+ }
114
+ audio:not([controls]) {
115
+ display: none;
116
+ }
117
+ sub, sup {
118
+ font-size: 75%;
119
+ line-height: 0;
120
+ position: relative;
121
+ vertical-align: baseline;
122
+ }
123
+ sup {
124
+ top: -0.5em;
125
+ }
126
+ sub {
127
+ bottom: -0.25em;
128
+ }
129
+ img {
130
+ border: 0;
131
+ -ms-interpolation-mode: bicubic;
132
+ }
133
+ button,
134
+ input,
135
+ select,
136
+ textarea {
137
+ font-size: 100%;
138
+ margin: 0;
139
+ vertical-align: baseline;
140
+ *vertical-align: middle;
141
+ }
142
+ button, input {
143
+ line-height: normal;
144
+ *overflow: visible;
145
+ }
146
+ button::-moz-focus-inner, input::-moz-focus-inner {
147
+ border: 0;
148
+ padding: 0;
149
+ }
150
+ button,
151
+ input[type="button"],
152
+ input[type="reset"],
153
+ input[type="submit"] {
154
+ cursor: pointer;
155
+ -webkit-appearance: button;
156
+ }
157
+ input[type="search"] {
158
+ -webkit-appearance: textfield;
159
+ -webkit-box-sizing: content-box;
160
+ -moz-box-sizing: content-box;
161
+ box-sizing: content-box;
162
+ }
163
+ input[type="search"]::-webkit-search-decoration {
164
+ -webkit-appearance: none;
165
+ }
166
+ textarea {
167
+ overflow: auto;
168
+ vertical-align: top;
169
+ }
170
+ /* Preboot.less
171
+ * Variables and mixins to pre-ignite any new web development project
172
+ * ------------------------------------------------------------------ */
173
+ .clearfix {
174
+ zoom: 1;
175
+ }
176
+ .clearfix:before, .clearfix:after {
177
+ display: table;
178
+ content: "";
179
+ }
180
+ .clearfix:after {
181
+ clear: both;
182
+ }
183
+ .center-block {
184
+ display: block;
185
+ margin: 0 auto;
186
+ }
187
+ .container {
188
+ width: 940px;
189
+ margin: 0 auto;
190
+ zoom: 1;
191
+ margin-bottom: 18px;
192
+ }
193
+ .container:before, .container:after {
194
+ display: table;
195
+ content: "";
196
+ }
197
+ .container:after {
198
+ clear: both;
199
+ }
200
+ .btn.danger,
201
+ .alert-message.danger,
202
+ .btn.danger:hover,
203
+ .alert-message.danger:hover,
204
+ .btn.error,
205
+ .alert-message.error,
206
+ .btn.error:hover,
207
+ .alert-message.error:hover,
208
+ .btn.success,
209
+ .alert-message.success,
210
+ .btn.success:hover,
211
+ .alert-message.success:hover,
212
+ .btn.info,
213
+ .alert-message.info,
214
+ .btn.info:hover,
215
+ .alert-message.info:hover {
216
+ color: #ffffff;
217
+ }
218
+ .btn.danger,
219
+ .alert-message.danger,
220
+ .btn.error,
221
+ .alert-message.error {
222
+ background-color: #c43c35;
223
+ background-repeat: repeat-x;
224
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
225
+ background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
226
+ background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
227
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
228
+ background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
229
+ background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
230
+ background-image: linear-gradient(top, #ee5f5b, #c43c35);
231
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
232
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
233
+ border-color: #c43c35 #c43c35 #882a25;
234
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
235
+ }
236
+ .btn.success, .alert-message.success {
237
+ background-color: #57a957;
238
+ background-repeat: repeat-x;
239
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
240
+ background-image: -moz-linear-gradient(top, #62c462, #57a957);
241
+ background-image: -ms-linear-gradient(top, #62c462, #57a957);
242
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
243
+ background-image: -webkit-linear-gradient(top, #62c462, #57a957);
244
+ background-image: -o-linear-gradient(top, #62c462, #57a957);
245
+ background-image: linear-gradient(top, #62c462, #57a957);
246
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
247
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
248
+ border-color: #57a957 #57a957 #3d773d;
249
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
250
+ }
251
+ .btn.info, .alert-message.info {
252
+ background-color: #339bb9;
253
+ background-repeat: repeat-x;
254
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
255
+ background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
256
+ background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
257
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
258
+ background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
259
+ background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
260
+ background-image: linear-gradient(top, #5bc0de, #339bb9);
261
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
262
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
263
+ border-color: #339bb9 #339bb9 #22697d;
264
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
265
+ }
266
+ /*
267
+ * Scaffolding
268
+ * Basic and global styles for generating a grid system, structural layout, and page templates
269
+ * ------------------------------------------------------------------------------------------- */
270
+ .row {
271
+ zoom: 1;
272
+ margin-bottom: 18px;
273
+ margin-left: -20px;
274
+ }
275
+ .row:before, .row:after {
276
+ display: table;
277
+ content: "";
278
+ }
279
+ .row:after {
280
+ clear: both;
281
+ }
282
+ .row [class^="span"] {
283
+ display: inline;
284
+ float: left;
285
+ margin-left: 20px;
286
+ }
287
+ .row .span1 {
288
+ width: 40px;
289
+ }
290
+ .row .span2 {
291
+ width: 100px;
292
+ }
293
+ .row .span3 {
294
+ width: 160px;
295
+ }
296
+ .row .span4 {
297
+ width: 220px;
298
+ }
299
+ .row .span5 {
300
+ width: 280px;
301
+ }
302
+ .row .span6 {
303
+ width: 340px;
304
+ }
305
+ .row .span7 {
306
+ width: 400px;
307
+ }
308
+ .row .span8 {
309
+ width: 460px;
310
+ }
311
+ .row .span9 {
312
+ width: 520px;
313
+ }
314
+ .row .span10 {
315
+ width: 580px;
316
+ }
317
+ .row .span11 {
318
+ width: 640px;
319
+ }
320
+ .row .span12 {
321
+ width: 700px;
322
+ }
323
+ .row .span13 {
324
+ width: 760px;
325
+ }
326
+ .row .span14 {
327
+ width: 820px;
328
+ }
329
+ .row .span15 {
330
+ width: 880px;
331
+ }
332
+ .row .span16 {
333
+ width: 940px;
334
+ }
335
+ .row .offset1 {
336
+ margin-left: 80px;
337
+ }
338
+ .row .offset2 {
339
+ margin-left: 140px;
340
+ }
341
+ .row .offset3 {
342
+ margin-left: 200px;
343
+ }
344
+ .row .offset4 {
345
+ margin-left: 260px;
346
+ }
347
+ .row .offset5 {
348
+ margin-left: 320px;
349
+ }
350
+ .row .offset6 {
351
+ margin-left: 380px;
352
+ }
353
+ .row .offset7 {
354
+ margin-left: 440px;
355
+ }
356
+ .row .offset8 {
357
+ margin-left: 500px;
358
+ }
359
+ .row .offset9 {
360
+ margin-left: 560px;
361
+ }
362
+ .row .offset10 {
363
+ margin-left: 620px;
364
+ }
365
+ .row .offset11 {
366
+ margin-left: 680px;
367
+ }
368
+ .row .offset12 {
369
+ margin-left: 740px;
370
+ }
371
+ .row .span-one-third {
372
+ width: 300px;
373
+ }
374
+ .row .span-two-thirds {
375
+ width: 620px;
376
+ }
377
+ .row .offset-one-third {
378
+ margin-left: 340px;
379
+ }
380
+ .row .offset-two-thirds {
381
+ margin-left: 660px;
382
+ }
383
+ html, body {
384
+ background-color: #fff;
385
+ }
386
+ body {
387
+ margin: 0;
388
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
389
+ font-size: 13px;
390
+ font-weight: normal;
391
+ line-height: 18px;
392
+ color: #808080;
393
+ }
394
+ .container {
395
+ width: 940px;
396
+ margin: 0 auto;
397
+ }
398
+ .container-fluid {
399
+ padding: 0 20px;
400
+ zoom: 1;
401
+ margin-bottom: 18px;
402
+ }
403
+ .container-fluid:before, .container-fluid:after {
404
+ display: table;
405
+ content: "";
406
+ }
407
+ .container-fluid:after {
408
+ clear: both;
409
+ }
410
+ .container-fluid > .sidebar {
411
+ float: left;
412
+ width: 220px;
413
+ }
414
+ .container-fluid > .content {
415
+ min-width: 700px;
416
+ max-width: 1180px;
417
+ margin-left: 240px;
418
+ }
419
+ a {
420
+ color: #0069d6;
421
+ text-decoration: none;
422
+ line-height: inherit;
423
+ font-weight: inherit;
424
+ }
425
+ a:hover {
426
+ color: #0050a3;
427
+ text-decoration: underline;
428
+ }
429
+ /* Typography.less
430
+ * Headings, body text, lists, code, and more for a versatile and durable typography system
431
+ * ---------------------------------------------------------------------------------------- */
432
+ p {
433
+ font-size: 13px;
434
+ font-weight: normal;
435
+ line-height: 18px;
436
+ margin-bottom: 9px;
437
+ }
438
+ p small {
439
+ font-size: 11px;
440
+ color: #bfbfbf;
441
+ }
442
+ h1,
443
+ h2,
444
+ h3,
445
+ h4,
446
+ h5,
447
+ h6 {
448
+ font-weight: bold;
449
+ color: #404040;
450
+ }
451
+ h1 small,
452
+ h2 small,
453
+ h3 small,
454
+ h4 small,
455
+ h5 small,
456
+ h6 small {
457
+ color: #bfbfbf;
458
+ }
459
+ h1 {
460
+ margin-bottom: 18px;
461
+ font-size: 30px;
462
+ line-height: 36px;
463
+ }
464
+ h1 small {
465
+ font-size: 18px;
466
+ }
467
+ h2 {
468
+ font-size: 24px;
469
+ line-height: 36px;
470
+ }
471
+ h2 small {
472
+ font-size: 14px;
473
+ }
474
+ h3,
475
+ h4,
476
+ h5,
477
+ h6 {
478
+ line-height: 36px;
479
+ }
480
+ h3 {
481
+ font-size: 18px;
482
+ }
483
+ h3 small {
484
+ font-size: 14px;
485
+ }
486
+ h4 {
487
+ font-size: 16px;
488
+ }
489
+ h4 small {
490
+ font-size: 12px;
491
+ }
492
+ h5 {
493
+ font-size: 14px;
494
+ }
495
+ h6 {
496
+ font-size: 13px;
497
+ color: #bfbfbf;
498
+ text-transform: uppercase;
499
+ }
500
+ ul, ol {
501
+ margin: 0 0 18px 25px;
502
+ }
503
+ ul ul,
504
+ ul ol,
505
+ ol ol,
506
+ ol ul {
507
+ margin-bottom: 0;
508
+ }
509
+ ul {
510
+ list-style: disc;
511
+ }
512
+ ol {
513
+ list-style: decimal;
514
+ }
515
+ li {
516
+ line-height: 18px;
517
+ color: #808080;
518
+ }
519
+ ul.unstyled {
520
+ list-style: none;
521
+ margin-left: 0;
522
+ }
523
+ dl {
524
+ margin-bottom: 18px;
525
+ }
526
+ dl dt, dl dd {
527
+ line-height: 18px;
528
+ }
529
+ dl dt {
530
+ font-weight: bold;
531
+ }
532
+ dl dd {
533
+ margin-left: 9px;
534
+ }
535
+ hr {
536
+ margin: 0 0 19px;
537
+ border: 0;
538
+ border-bottom: 1px solid #eee;
539
+ }
540
+ strong {
541
+ font-style: inherit;
542
+ font-weight: bold;
543
+ line-height: inherit;
544
+ }
545
+ em {
546
+ font-style: italic;
547
+ font-weight: inherit;
548
+ line-height: inherit;
549
+ }
550
+ .muted {
551
+ color: #bfbfbf;
552
+ }
553
+ blockquote {
554
+ margin-bottom: 18px;
555
+ border-left: 5px solid #eee;
556
+ padding-left: 15px;
557
+ }
558
+ blockquote p {
559
+ font-size: 14px;
560
+ font-weight: 300;
561
+ line-height: 18px;
562
+ margin-bottom: 0;
563
+ }
564
+ blockquote small {
565
+ display: block;
566
+ font-size: 12px;
567
+ font-weight: 300;
568
+ line-height: 18px;
569
+ color: #bfbfbf;
570
+ }
571
+ blockquote small:before {
572
+ content: '\2014 \00A0';
573
+ }
574
+ address {
575
+ display: block;
576
+ line-height: 18px;
577
+ margin-bottom: 18px;
578
+ }
579
+ code, pre {
580
+ padding: 0 3px 2px;
581
+ font-family: Monaco, Andale Mono, Courier New, monospace;
582
+ font-size: 12px;
583
+ -webkit-border-radius: 3px;
584
+ -moz-border-radius: 3px;
585
+ border-radius: 3px;
586
+ }
587
+ code {
588
+ background-color: #fee9cc;
589
+ color: rgba(0, 0, 0, 0.75);
590
+ padding: 1px 3px;
591
+ }
592
+ pre {
593
+ background-color: #f5f5f5;
594
+ display: block;
595
+ padding: 17px;
596
+ margin: 0 0 18px;
597
+ line-height: 18px;
598
+ font-size: 12px;
599
+ border: 1px solid #ccc;
600
+ border: 1px solid rgba(0, 0, 0, 0.15);
601
+ -webkit-border-radius: 3px;
602
+ -moz-border-radius: 3px;
603
+ border-radius: 3px;
604
+ white-space: pre;
605
+ white-space: pre-wrap;
606
+ word-wrap: break-word;
607
+ }
608
+ /* Forms.less
609
+ * Base styles for various input types, form layouts, and states
610
+ * ------------------------------------------------------------- */
611
+ form {
612
+ margin-bottom: 18px;
613
+ }
614
+ fieldset {
615
+ margin-bottom: 18px;
616
+ padding-top: 18px;
617
+ }
618
+ fieldset legend {
619
+ display: block;
620
+ margin-left: 150px;
621
+ font-size: 20px;
622
+ line-height: 1;
623
+ *margin: 0 0 5px 145px;
624
+ /* IE6-7 */
625
+
626
+ *line-height: 1.5;
627
+ /* IE6-7 */
628
+
629
+ color: #404040;
630
+ }
631
+ .clearfix {
632
+ margin-bottom: 18px;
633
+ }
634
+ label,
635
+ input,
636
+ select,
637
+ textarea {
638
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
639
+ font-size: 13px;
640
+ font-weight: normal;
641
+ line-height: normal;
642
+ }
643
+ label {
644
+ padding-top: 6px;
645
+ font-size: 13px;
646
+ line-height: 18px;
647
+ float: left;
648
+ width: 130px;
649
+ text-align: right;
650
+ color: #404040;
651
+ }
652
+ div.input {
653
+ margin-left: 150px;
654
+ }
655
+ input[type=checkbox], input[type=radio] {
656
+ cursor: pointer;
657
+ }
658
+ input,
659
+ textarea,
660
+ select,
661
+ .uneditable-input {
662
+ display: inline-block;
663
+ width: 210px;
664
+ height: 18px;
665
+ padding: 4px;
666
+ font-size: 13px;
667
+ line-height: 18px;
668
+ color: #808080;
669
+ border: 1px solid #ccc;
670
+ -webkit-border-radius: 3px;
671
+ -moz-border-radius: 3px;
672
+ border-radius: 3px;
673
+ }
674
+ /* mini reset for non-html5 file types */
675
+ input[type=checkbox], input[type=radio] {
676
+ width: auto;
677
+ height: auto;
678
+ padding: 0;
679
+ margin: 3px 0;
680
+ *margin-top: 0;
681
+ /* IE6-7 */
682
+
683
+ line-height: normal;
684
+ border: none;
685
+ }
686
+ input[type=file] {
687
+ background-color: #fff;
688
+ padding: initial;
689
+ border: initial;
690
+ line-height: initial;
691
+ -webkit-box-shadow: none;
692
+ -moz-box-shadow: none;
693
+ box-shadow: none;
694
+ }
695
+ input[type=button], input[type=reset], input[type=submit] {
696
+ width: auto;
697
+ height: auto;
698
+ }
699
+ select, input[type=file] {
700
+ height: 27px;
701
+ line-height: 27px;
702
+ }
703
+ textarea {
704
+ height: auto;
705
+ }
706
+ .uneditable-input {
707
+ background-color: #eee;
708
+ display: block;
709
+ border-color: #ccc;
710
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
711
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
712
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
713
+ }
714
+ :-moz-placeholder {
715
+ color: #bfbfbf;
716
+ }
717
+ ::-webkit-input-placeholder {
718
+ color: #bfbfbf;
719
+ }
720
+ input, select, textarea {
721
+ -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
722
+ -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
723
+ transition: border linear 0.2s, box-shadow linear 0.2s;
724
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
725
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
726
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
727
+ }
728
+ input:focus, textarea:focus {
729
+ outline: none;
730
+ border-color: rgba(82, 168, 236, 0.8);
731
+ -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
732
+ -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
733
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
734
+ }
735
+ form div.error {
736
+ background: #fae5e3;
737
+ padding: 10px 0;
738
+ margin: -10px 0 10px;
739
+ -webkit-border-radius: 4px;
740
+ -moz-border-radius: 4px;
741
+ border-radius: 4px;
742
+ }
743
+ form div.error > label, form div.error span.help-inline, form div.error span.help-block {
744
+ color: #9d261d;
745
+ }
746
+ form div.error input, form div.error textarea {
747
+ border-color: #c87872;
748
+ -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
749
+ -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
750
+ box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
751
+ }
752
+ form div.error input:focus, form div.error textarea:focus {
753
+ border-color: #b9554d;
754
+ -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
755
+ -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
756
+ box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
757
+ }
758
+ form div.error .input-prepend span.add-on, form div.error .input-append span.add-on {
759
+ background: #f4c8c5;
760
+ border-color: #c87872;
761
+ color: #b9554d;
762
+ }
763
+ .input-mini,
764
+ input.mini,
765
+ textarea.mini,
766
+ select.mini {
767
+ width: 60px;
768
+ }
769
+ .input-small,
770
+ input.small,
771
+ textarea.small,
772
+ select.small {
773
+ width: 90px;
774
+ }
775
+ .input-medium,
776
+ input.medium,
777
+ textarea.medium,
778
+ select.medium {
779
+ width: 150px;
780
+ }
781
+ .input-large,
782
+ input.large,
783
+ textarea.large,
784
+ select.large {
785
+ width: 210px;
786
+ }
787
+ .input-xlarge,
788
+ input.xlarge,
789
+ textarea.xlarge,
790
+ select.xlarge {
791
+ width: 270px;
792
+ }
793
+ .input-xxlarge,
794
+ input.xxlarge,
795
+ textarea.xxlarge,
796
+ select.xxlarge {
797
+ width: 530px;
798
+ }
799
+ textarea.xxlarge {
800
+ overflow-y: scroll;
801
+ }
802
+ input[readonly]:focus, textarea[readonly]:focus, input.disabled {
803
+ background: #f5f5f5;
804
+ border-color: #ddd;
805
+ -webkit-box-shadow: none;
806
+ -moz-box-shadow: none;
807
+ box-shadow: none;
808
+ }
809
+ .actions {
810
+ background: #f5f5f5;
811
+ margin-top: 18px;
812
+ margin-bottom: 18px;
813
+ padding: 17px 20px 18px 150px;
814
+ border-top: 1px solid #ddd;
815
+ -webkit-border-radius: 0 0 3px 3px;
816
+ -moz-border-radius: 0 0 3px 3px;
817
+ border-radius: 0 0 3px 3px;
818
+ }
819
+ .actions .secondary-action {
820
+ float: right;
821
+ }
822
+ .actions .secondary-action a {
823
+ line-height: 30px;
824
+ }
825
+ .actions .secondary-action a:hover {
826
+ text-decoration: underline;
827
+ }
828
+ .help-inline, .help-block {
829
+ font-size: 12px;
830
+ line-height: 18px;
831
+ color: #bfbfbf;
832
+ }
833
+ .help-inline {
834
+ padding-left: 5px;
835
+ *position: relative;
836
+ /* IE6-7 */
837
+
838
+ *top: -5px;
839
+ /* IE6-7 */
840
+
841
+ }
842
+ .help-block {
843
+ display: block;
844
+ max-width: 600px;
845
+ }
846
+ .inline-inputs {
847
+ color: #808080;
848
+ }
849
+ .inline-inputs span, .inline-inputs input {
850
+ display: inline-block;
851
+ }
852
+ .inline-inputs input.mini {
853
+ width: 60px;
854
+ }
855
+ .inline-inputs input.small {
856
+ width: 90px;
857
+ }
858
+ .inline-inputs span {
859
+ padding: 0 2px 0 1px;
860
+ }
861
+ .input-prepend input, .input-append input {
862
+ -webkit-border-radius: 0 3px 3px 0;
863
+ -moz-border-radius: 0 3px 3px 0;
864
+ border-radius: 0 3px 3px 0;
865
+ }
866
+ .input-prepend .add-on, .input-append .add-on {
867
+ background: #f5f5f5;
868
+ float: left;
869
+ display: block;
870
+ width: auto;
871
+ min-width: 16px;
872
+ padding: 4px 4px 4px 5px;
873
+ color: #bfbfbf;
874
+ font-weight: normal;
875
+ line-height: 18px;
876
+ height: 18px;
877
+ text-align: center;
878
+ text-shadow: 0 1px 0 #fff;
879
+ border: 1px solid #ccc;
880
+ border-right-width: 0;
881
+ -webkit-border-radius: 3px 0 0 3px;
882
+ -moz-border-radius: 3px 0 0 3px;
883
+ border-radius: 3px 0 0 3px;
884
+ }
885
+ .input-prepend .active, .input-append .active {
886
+ background: #a9dba9;
887
+ border-color: #46a546;
888
+ }
889
+ .input-prepend .add-on {
890
+ *margin-top: 1px;
891
+ /* IE6-7 */
892
+
893
+ }
894
+ .input-append input {
895
+ float: left;
896
+ -webkit-border-radius: 3px 0 0 3px;
897
+ -moz-border-radius: 3px 0 0 3px;
898
+ border-radius: 3px 0 0 3px;
899
+ }
900
+ .input-append .add-on {
901
+ -webkit-border-radius: 0 3px 3px 0;
902
+ -moz-border-radius: 0 3px 3px 0;
903
+ border-radius: 0 3px 3px 0;
904
+ border-right-width: 1px;
905
+ border-left-width: 0;
906
+ }
907
+ .inputs-list {
908
+ margin: 0 0 5px;
909
+ width: 100%;
910
+ }
911
+ .inputs-list li {
912
+ display: block;
913
+ padding: 0;
914
+ width: 100%;
915
+ }
916
+ .inputs-list li label {
917
+ display: block;
918
+ float: none;
919
+ width: auto;
920
+ padding: 0;
921
+ line-height: 18px;
922
+ text-align: left;
923
+ white-space: normal;
924
+ }
925
+ .inputs-list li label strong {
926
+ color: #808080;
927
+ }
928
+ .inputs-list li label small {
929
+ font-size: 12px;
930
+ font-weight: normal;
931
+ }
932
+ .inputs-list li ul.inputs-list {
933
+ margin-left: 25px;
934
+ margin-bottom: 10px;
935
+ padding-top: 0;
936
+ }
937
+ .inputs-list li:first-child {
938
+ padding-top: 5px;
939
+ }
940
+ .inputs-list input[type=radio], .inputs-list input[type=checkbox] {
941
+ margin-bottom: 0;
942
+ }
943
+ .form-stacked {
944
+ padding-left: 20px;
945
+ }
946
+ .form-stacked fieldset {
947
+ padding-top: 9px;
948
+ }
949
+ .form-stacked legend {
950
+ margin-left: 0;
951
+ }
952
+ .form-stacked label {
953
+ display: block;
954
+ float: none;
955
+ width: auto;
956
+ font-weight: bold;
957
+ text-align: left;
958
+ line-height: 20px;
959
+ padding-top: 0;
960
+ }
961
+ .form-stacked .clearfix {
962
+ margin-bottom: 9px;
963
+ }
964
+ .form-stacked .clearfix div.input {
965
+ margin-left: 0;
966
+ }
967
+ .form-stacked .inputs-list {
968
+ margin-bottom: 0;
969
+ }
970
+ .form-stacked .inputs-list li {
971
+ padding-top: 0;
972
+ }
973
+ .form-stacked .inputs-list li label {
974
+ font-weight: normal;
975
+ padding-top: 0;
976
+ }
977
+ .form-stacked div.error {
978
+ padding-top: 10px;
979
+ padding-bottom: 10px;
980
+ padding-left: 10px;
981
+ margin-top: 0;
982
+ margin-left: -10px;
983
+ }
984
+ .form-stacked .actions {
985
+ margin-left: -20px;
986
+ padding-left: 20px;
987
+ }
988
+ /*
989
+ * Tables.less
990
+ * Tables for, you guessed it, tabular data
991
+ * ---------------------------------------- */
992
+ table {
993
+ width: 100%;
994
+ margin-bottom: 18px;
995
+ padding: 0;
996
+ border-collapse: separate;
997
+ font-size: 13px;
998
+ }
999
+ table th, table td {
1000
+ padding: 10px 10px 9px;
1001
+ line-height: 13.5px;
1002
+ text-align: left;
1003
+ vertical-align: middle;
1004
+ border-bottom: 1px solid #ddd;
1005
+ }
1006
+ table th {
1007
+ padding-top: 9px;
1008
+ font-weight: bold;
1009
+ border-bottom-width: 2px;
1010
+ }
1011
+ .zebra-striped tbody tr:nth-child(odd) td {
1012
+ background-color: #f9f9f9;
1013
+ }
1014
+ .zebra-striped tbody tr:hover td {
1015
+ background-color: #f5f5f5;
1016
+ }
1017
+ .zebra-striped .header {
1018
+ cursor: pointer;
1019
+ }
1020
+ .zebra-striped .header:after {
1021
+ content: "";
1022
+ float: right;
1023
+ margin-top: 7px;
1024
+ border-width: 0 4px 4px;
1025
+ border-style: solid;
1026
+ border-color: #000 transparent;
1027
+ visibility: hidden;
1028
+ }
1029
+ .zebra-striped .headerSortUp, .zebra-striped .headerSortDown {
1030
+ background-color: rgba(141, 192, 219, 0.25);
1031
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1032
+ -webkit-border-radius: 3px 3px 0 0;
1033
+ -moz-border-radius: 3px 3px 0 0;
1034
+ border-radius: 3px 3px 0 0;
1035
+ }
1036
+ .zebra-striped .header:hover:after {
1037
+ visibility: visible;
1038
+ }
1039
+ .zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after {
1040
+ visibility: visible;
1041
+ filter: alpha(opacity=60);
1042
+ -khtml-opacity: 0.6;
1043
+ -moz-opacity: 0.6;
1044
+ opacity: 0.6;
1045
+ }
1046
+ .zebra-striped .headerSortUp:after {
1047
+ border-bottom: none;
1048
+ border-left: 4px solid transparent;
1049
+ border-right: 4px solid transparent;
1050
+ border-top: 4px solid #000;
1051
+ visibility: visible;
1052
+ -webkit-box-shadow: none;
1053
+ -moz-box-shadow: none;
1054
+ box-shadow: none;
1055
+ filter: alpha(opacity=60);
1056
+ -khtml-opacity: 0.6;
1057
+ -moz-opacity: 0.6;
1058
+ opacity: 0.6;
1059
+ }
1060
+ table .blue {
1061
+ color: #049cdb;
1062
+ border-bottom-color: #049cdb;
1063
+ }
1064
+ table .headerSortUp.blue, table .headerSortDown.blue {
1065
+ background-color: #ade6fe;
1066
+ }
1067
+ table .green {
1068
+ color: #46a546;
1069
+ border-bottom-color: #46a546;
1070
+ }
1071
+ table .headerSortUp.green, table .headerSortDown.green {
1072
+ background-color: #cdeacd;
1073
+ }
1074
+ table .red {
1075
+ color: #9d261d;
1076
+ border-bottom-color: #9d261d;
1077
+ }
1078
+ table .headerSortUp.red, table .headerSortDown.red {
1079
+ background-color: #f4c8c5;
1080
+ }
1081
+ table .yellow {
1082
+ color: #ffc40d;
1083
+ border-bottom-color: #ffc40d;
1084
+ }
1085
+ table .headerSortUp.yellow, table .headerSortDown.yellow {
1086
+ background-color: #fff6d9;
1087
+ }
1088
+ table .orange {
1089
+ color: #f89406;
1090
+ border-bottom-color: #f89406;
1091
+ }
1092
+ table .headerSortUp.orange, table .headerSortDown.orange {
1093
+ background-color: #fee9cc;
1094
+ }
1095
+ table .purple {
1096
+ color: #7a43b6;
1097
+ border-bottom-color: #7a43b6;
1098
+ }
1099
+ table .headerSortUp.purple, table .headerSortDown.purple {
1100
+ background-color: #e2d5f0;
1101
+ }
1102
+ /* Patterns.less
1103
+ * Repeatable UI elements outside the base styles provided from the scaffolding
1104
+ * ---------------------------------------------------------------------------- */
1105
+ .topbar {
1106
+ height: 40px;
1107
+ position: fixed;
1108
+ top: 0;
1109
+ left: 0;
1110
+ right: 0;
1111
+ z-index: 10000;
1112
+ overflow: visible;
1113
+ }
1114
+ .topbar a {
1115
+ color: #bfbfbf;
1116
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1117
+ }
1118
+ .topbar a:hover, .topbar ul .active a {
1119
+ background-color: #333;
1120
+ background-color: rgba(255, 255, 255, 0.05);
1121
+ color: #ffffff;
1122
+ text-decoration: none;
1123
+ }
1124
+ .topbar h3 {
1125
+ position: relative;
1126
+ }
1127
+ .topbar h3 a {
1128
+ float: left;
1129
+ display: block;
1130
+ padding: 8px 20px 12px;
1131
+ margin-left: -20px;
1132
+ color: #ffffff;
1133
+ font-size: 20px;
1134
+ font-weight: 200;
1135
+ line-height: 1;
1136
+ }
1137
+ .topbar form {
1138
+ float: left;
1139
+ margin: 5px 0 0 0;
1140
+ position: relative;
1141
+ filter: alpha(opacity=100);
1142
+ -khtml-opacity: 1;
1143
+ -moz-opacity: 1;
1144
+ opacity: 1;
1145
+ }
1146
+ .topbar input {
1147
+ background-color: #444;
1148
+ background-color: rgba(255, 255, 255, 0.3);
1149
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1150
+ font-size: normal;
1151
+ font-weight: 13px;
1152
+ line-height: 1;
1153
+ padding: 4px 9px;
1154
+ color: #fff;
1155
+ color: rgba(255, 255, 255, 0.75);
1156
+ border: 1px solid #111;
1157
+ -webkit-border-radius: 4px;
1158
+ -moz-border-radius: 4px;
1159
+ border-radius: 4px;
1160
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1161
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1162
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1163
+ -webkit-transition: none;
1164
+ -moz-transition: none;
1165
+ transition: none;
1166
+ }
1167
+ .topbar input:-moz-placeholder {
1168
+ color: #e6e6e6;
1169
+ }
1170
+ .topbar input::-webkit-input-placeholder {
1171
+ color: #e6e6e6;
1172
+ }
1173
+ .topbar input:hover {
1174
+ background-color: #bfbfbf;
1175
+ background-color: rgba(255, 255, 255, 0.5);
1176
+ color: #fff;
1177
+ }
1178
+ .topbar input:focus, .topbar input.focused {
1179
+ outline: none;
1180
+ background-color: #fff;
1181
+ color: #404040;
1182
+ text-shadow: 0 1px 0 #fff;
1183
+ border: 0;
1184
+ padding: 5px 10px;
1185
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1186
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1187
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1188
+ }
1189
+ .topbar-inner, .topbar .fill {
1190
+ background-color: #222;
1191
+ background-color: #222222;
1192
+ background-repeat: repeat-x;
1193
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
1194
+ background-image: -moz-linear-gradient(top, #333333, #222222);
1195
+ background-image: -ms-linear-gradient(top, #333333, #222222);
1196
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
1197
+ background-image: -webkit-linear-gradient(top, #333333, #222222);
1198
+ background-image: -o-linear-gradient(top, #333333, #222222);
1199
+ background-image: linear-gradient(top, #333333, #222222);
1200
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
1201
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1202
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1203
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1204
+ }
1205
+ .topbar div > ul, .nav {
1206
+ display: block;
1207
+ float: left;
1208
+ margin: 0 10px 0 0;
1209
+ position: relative;
1210
+ left: 0;
1211
+ }
1212
+ .topbar div > ul > li, .nav > li {
1213
+ display: block;
1214
+ float: left;
1215
+ }
1216
+ .topbar div > ul a, .nav a {
1217
+ display: block;
1218
+ float: none;
1219
+ padding: 10px 10px 11px;
1220
+ line-height: 19px;
1221
+ text-decoration: none;
1222
+ }
1223
+ .topbar div > ul a:hover, .nav a:hover {
1224
+ color: #fff;
1225
+ text-decoration: none;
1226
+ }
1227
+ .topbar div > ul .active a, .nav .active a {
1228
+ background-color: #222;
1229
+ background-color: rgba(0, 0, 0, 0.5);
1230
+ }
1231
+ .topbar div > ul.secondary-nav, .nav.secondary-nav {
1232
+ float: right;
1233
+ margin-left: 10px;
1234
+ margin-right: 0;
1235
+ }
1236
+ .topbar div > ul.secondary-nav .menu-dropdown,
1237
+ .nav.secondary-nav .menu-dropdown,
1238
+ .topbar div > ul.secondary-nav .dropdown-menu,
1239
+ .nav.secondary-nav .dropdown-menu {
1240
+ right: 0;
1241
+ }
1242
+ .topbar div > ul a.menu:hover,
1243
+ .nav a.menu:hover,
1244
+ .topbar div > ul li.open .menu,
1245
+ .nav li.open .menu,
1246
+ .topbar div > ul .dropdown-toggle:hover,
1247
+ .nav .dropdown-toggle:hover,
1248
+ .topbar div > ul .dropdown.open .dropdown-toggle,
1249
+ .nav .dropdown.open .dropdown-toggle {
1250
+ background: #444;
1251
+ background: rgba(255, 255, 255, 0.05);
1252
+ }
1253
+ .topbar div > ul .menu-dropdown,
1254
+ .nav .menu-dropdown,
1255
+ .topbar div > ul .dropdown-menu,
1256
+ .nav .dropdown-menu {
1257
+ background-color: #333;
1258
+ }
1259
+ .topbar div > ul .menu-dropdown a.menu,
1260
+ .nav .menu-dropdown a.menu,
1261
+ .topbar div > ul .dropdown-menu a.menu,
1262
+ .nav .dropdown-menu a.menu,
1263
+ .topbar div > ul .menu-dropdown .dropdown-toggle,
1264
+ .nav .menu-dropdown .dropdown-toggle,
1265
+ .topbar div > ul .dropdown-menu .dropdown-toggle,
1266
+ .nav .dropdown-menu .dropdown-toggle {
1267
+ color: #fff;
1268
+ }
1269
+ .topbar div > ul .menu-dropdown a.menu.open,
1270
+ .nav .menu-dropdown a.menu.open,
1271
+ .topbar div > ul .dropdown-menu a.menu.open,
1272
+ .nav .dropdown-menu a.menu.open,
1273
+ .topbar div > ul .menu-dropdown .dropdown-toggle.open,
1274
+ .nav .menu-dropdown .dropdown-toggle.open,
1275
+ .topbar div > ul .dropdown-menu .dropdown-toggle.open,
1276
+ .nav .dropdown-menu .dropdown-toggle.open {
1277
+ background: #444;
1278
+ background: rgba(255, 255, 255, 0.05);
1279
+ }
1280
+ .topbar div > ul .menu-dropdown li a,
1281
+ .nav .menu-dropdown li a,
1282
+ .topbar div > ul .dropdown-menu li a,
1283
+ .nav .dropdown-menu li a {
1284
+ color: #999;
1285
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1286
+ }
1287
+ .topbar div > ul .menu-dropdown li a:hover,
1288
+ .nav .menu-dropdown li a:hover,
1289
+ .topbar div > ul .dropdown-menu li a:hover,
1290
+ .nav .dropdown-menu li a:hover {
1291
+ background-color: #191919;
1292
+ background-repeat: repeat-x;
1293
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
1294
+ background-image: -moz-linear-gradient(top, #292929, #191919);
1295
+ background-image: -ms-linear-gradient(top, #292929, #191919);
1296
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
1297
+ background-image: -webkit-linear-gradient(top, #292929, #191919);
1298
+ background-image: -o-linear-gradient(top, #292929, #191919);
1299
+ background-image: linear-gradient(top, #292929, #191919);
1300
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
1301
+ color: #fff;
1302
+ }
1303
+ .topbar div > ul .menu-dropdown .divider,
1304
+ .nav .menu-dropdown .divider,
1305
+ .topbar div > ul .dropdown-menu .divider,
1306
+ .nav .dropdown-menu .divider {
1307
+ background-color: #222;
1308
+ border-color: #444;
1309
+ }
1310
+ .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
1311
+ padding: 4px 15px;
1312
+ }
1313
+ li.menu, .dropdown {
1314
+ position: relative;
1315
+ }
1316
+ a.menu:after, .dropdown-toggle:after {
1317
+ width: 0;
1318
+ height: 0;
1319
+ display: inline-block;
1320
+ content: "&darr;";
1321
+ text-indent: -99999px;
1322
+ vertical-align: top;
1323
+ margin-top: 8px;
1324
+ margin-left: 4px;
1325
+ border-left: 4px solid transparent;
1326
+ border-right: 4px solid transparent;
1327
+ border-top: 4px solid #fff;
1328
+ filter: alpha(opacity=50);
1329
+ -khtml-opacity: 0.5;
1330
+ -moz-opacity: 0.5;
1331
+ opacity: 0.5;
1332
+ }
1333
+ .menu-dropdown, .dropdown-menu {
1334
+ background-color: #fff;
1335
+ float: left;
1336
+ display: none;
1337
+ position: absolute;
1338
+ top: 40px;
1339
+ min-width: 160px;
1340
+ max-width: 220px;
1341
+ _width: 160px;
1342
+ margin-left: 0;
1343
+ margin-right: 0;
1344
+ padding: 6px 0;
1345
+ zoom: 1;
1346
+ border-color: #999;
1347
+ border-color: rgba(0, 0, 0, 0.2);
1348
+ border-style: solid;
1349
+ border-width: 0 1px 1px;
1350
+ -webkit-border-radius: 0 0 6px 6px;
1351
+ -moz-border-radius: 0 0 6px 6px;
1352
+ border-radius: 0 0 6px 6px;
1353
+ -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1354
+ -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1355
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1356
+ -webkit-background-clip: padding-box;
1357
+ -moz-background-clip: padding-box;
1358
+ background-clip: padding-box;
1359
+ }
1360
+ .menu-dropdown li, .dropdown-menu li {
1361
+ float: none;
1362
+ display: block;
1363
+ background-color: none;
1364
+ }
1365
+ .menu-dropdown .divider, .dropdown-menu .divider {
1366
+ height: 1px;
1367
+ margin: 5px 0;
1368
+ overflow: hidden;
1369
+ background-color: #eee;
1370
+ border-bottom: 1px solid #fff;
1371
+ }
1372
+ .topbar .dropdown-menu a, .dropdown-menu a {
1373
+ display: block;
1374
+ padding: 4px 15px;
1375
+ clear: both;
1376
+ font-weight: normal;
1377
+ line-height: 18px;
1378
+ color: #808080;
1379
+ text-shadow: 0 1px 0 #fff;
1380
+ }
1381
+ .topbar .dropdown-menu a:hover, .dropdown-menu a:hover {
1382
+ background-color: #dddddd;
1383
+ background-repeat: repeat-x;
1384
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1385
+ background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1386
+ background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1387
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1388
+ background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1389
+ background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1390
+ background-image: linear-gradient(top, #eeeeee, #dddddd);
1391
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1392
+ color: #404040;
1393
+ text-decoration: none;
1394
+ -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1395
+ -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1396
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1397
+ }
1398
+ .open .menu,
1399
+ .dropdown.open .menu,
1400
+ .open .dropdown-toggle,
1401
+ .dropdown.open .dropdown-toggle {
1402
+ color: #fff;
1403
+ background: #ccc;
1404
+ background: rgba(0, 0, 0, 0.3);
1405
+ }
1406
+ .open .menu-dropdown,
1407
+ .dropdown.open .menu-dropdown,
1408
+ .open .dropdown-menu,
1409
+ .dropdown.open .dropdown-menu {
1410
+ display: block;
1411
+ }
1412
+ .tabs, .pills {
1413
+ margin: 0 0 20px;
1414
+ padding: 0;
1415
+ list-style: none;
1416
+ zoom: 1;
1417
+ margin-bottom: 18px;
1418
+ }
1419
+ .tabs:before,
1420
+ .pills:before,
1421
+ .tabs:after,
1422
+ .pills:after {
1423
+ display: table;
1424
+ content: "";
1425
+ }
1426
+ .tabs:after, .pills:after {
1427
+ clear: both;
1428
+ }
1429
+ .tabs > li, .pills > li {
1430
+ float: left;
1431
+ }
1432
+ .tabs > li > a, .pills > li > a {
1433
+ display: block;
1434
+ }
1435
+ .tabs {
1436
+ width: 100%;
1437
+ border-bottom: 1px solid #ddd;
1438
+ }
1439
+ .tabs > li {
1440
+ position: relative;
1441
+ top: 1px;
1442
+ }
1443
+ .tabs > li > a {
1444
+ margin-right: 2px;
1445
+ padding: 0 15px;
1446
+ line-height: 35px;
1447
+ -webkit-border-radius: 4px 4px 0 0;
1448
+ -moz-border-radius: 4px 4px 0 0;
1449
+ border-radius: 4px 4px 0 0;
1450
+ }
1451
+ .tabs > li > a:hover {
1452
+ background-color: #eee;
1453
+ border-bottom: 1px solid #ddd;
1454
+ text-decoration: none;
1455
+ }
1456
+ .tabs > li.active > a {
1457
+ background-color: #fff;
1458
+ padding: 0 14px;
1459
+ border: 1px solid #ddd;
1460
+ border-bottom: 0;
1461
+ color: #808080;
1462
+ }
1463
+ .tabs .menu-dropdown, .tabs .dropdown-menu {
1464
+ top: 35px;
1465
+ border-width: 1px;
1466
+ -webkit-border-radius: 0 6px 6px 6px;
1467
+ -moz-border-radius: 0 6px 6px 6px;
1468
+ border-radius: 0 6px 6px 6px;
1469
+ }
1470
+ .tabs a.menu:after, .tabs .dropdown-toggle:after {
1471
+ border-top-color: #999;
1472
+ margin-top: 15px;
1473
+ margin-left: 5px;
1474
+ }
1475
+ .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
1476
+ border-top-color: #555;
1477
+ }
1478
+ .pills a {
1479
+ margin: 5px 3px 5px 0;
1480
+ padding: 0 15px;
1481
+ text-shadow: 0 1px 1px #fff;
1482
+ line-height: 30px;
1483
+ -webkit-border-radius: 15px;
1484
+ -moz-border-radius: 15px;
1485
+ border-radius: 15px;
1486
+ }
1487
+ .pills a:hover {
1488
+ background: #0050a3;
1489
+ color: #fff;
1490
+ text-decoration: none;
1491
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1492
+ }
1493
+ .pills .active a {
1494
+ background: #0069d6;
1495
+ color: #fff;
1496
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1497
+ }
1498
+ .hero-unit {
1499
+ background-color: #f5f5f5;
1500
+ margin-top: 60px;
1501
+ margin-bottom: 30px;
1502
+ padding: 60px;
1503
+ -webkit-border-radius: 6px;
1504
+ -moz-border-radius: 6px;
1505
+ border-radius: 6px;
1506
+ }
1507
+ .hero-unit h1 {
1508
+ margin-bottom: 0;
1509
+ font-size: 60px;
1510
+ line-height: 1;
1511
+ letter-spacing: -1px;
1512
+ }
1513
+ .hero-unit p {
1514
+ font-size: 18px;
1515
+ font-weight: 200;
1516
+ line-height: 27px;
1517
+ }
1518
+ footer {
1519
+ margin-top: 17px;
1520
+ padding-top: 17px;
1521
+ border-top: 1px solid #eee;
1522
+ }
1523
+ .page-header {
1524
+ margin-bottom: 17px;
1525
+ border-bottom: 1px solid #ddd;
1526
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1527
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1528
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1529
+ }
1530
+ .page-header h1 {
1531
+ margin-bottom: 8px;
1532
+ }
1533
+ .btn {
1534
+ cursor: pointer;
1535
+ display: inline-block;
1536
+ background-color: #e6e6e6;
1537
+ background-repeat: no-repeat;
1538
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1539
+ background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1540
+ background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1541
+ background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1542
+ background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1543
+ background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1544
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1545
+ padding: 5px 14px 6px;
1546
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1547
+ color: #333;
1548
+ font-size: 13px;
1549
+ line-height: normal;
1550
+ border: 1px solid #ccc;
1551
+ border-bottom-color: #bbb;
1552
+ -webkit-border-radius: 4px;
1553
+ -moz-border-radius: 4px;
1554
+ border-radius: 4px;
1555
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1556
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1557
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1558
+ -webkit-transition: 0.1s linear all;
1559
+ -moz-transition: 0.1s linear all;
1560
+ transition: 0.1s linear all;
1561
+ }
1562
+ .btn:hover {
1563
+ background-position: 0 -15px;
1564
+ color: #333;
1565
+ text-decoration: none;
1566
+ }
1567
+ .btn.primary {
1568
+ color: #fff;
1569
+ background-color: #0064cd;
1570
+ background-repeat: repeat-x;
1571
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1572
+ background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1573
+ background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1574
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1575
+ background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1576
+ background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1577
+ background-image: linear-gradient(top, #049cdb, #0064cd);
1578
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1579
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1580
+ border-color: #0064cd #0064cd #003f81;
1581
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1582
+ }
1583
+ .btn:active {
1584
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1585
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1586
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1587
+ }
1588
+ .btn.disabled {
1589
+ cursor: default;
1590
+ background-image: none;
1591
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1592
+ filter: alpha(opacity=65);
1593
+ -khtml-opacity: 0.65;
1594
+ -moz-opacity: 0.65;
1595
+ opacity: 0.65;
1596
+ -webkit-box-shadow: none;
1597
+ -moz-box-shadow: none;
1598
+ box-shadow: none;
1599
+ }
1600
+ .btn[disabled] {
1601
+ cursor: default;
1602
+ background-image: none;
1603
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1604
+ filter: alpha(opacity=65);
1605
+ -khtml-opacity: 0.65;
1606
+ -moz-opacity: 0.65;
1607
+ opacity: 0.65;
1608
+ -webkit-box-shadow: none;
1609
+ -moz-box-shadow: none;
1610
+ box-shadow: none;
1611
+ }
1612
+ .btn.large {
1613
+ font-size: 16px;
1614
+ line-height: normal;
1615
+ padding: 9px 14px 9px;
1616
+ -webkit-border-radius: 6px;
1617
+ -moz-border-radius: 6px;
1618
+ border-radius: 6px;
1619
+ }
1620
+ .btn.small {
1621
+ padding: 7px 9px 7px;
1622
+ font-size: 11px;
1623
+ }
1624
+ :root .alert-message, :root .btn {
1625
+ border-radius: 0 \0;
1626
+ }
1627
+ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1628
+ padding: 0;
1629
+ border: 0;
1630
+ }
1631
+ .alert-message {
1632
+ background-color: #eedc94;
1633
+ background-repeat: repeat-x;
1634
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
1635
+ background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
1636
+ background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
1637
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
1638
+ background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
1639
+ background-image: -o-linear-gradient(top, #fceec1, #eedc94);
1640
+ background-image: linear-gradient(top, #fceec1, #eedc94);
1641
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
1642
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1643
+ border-color: #eedc94 #eedc94 #e4c652;
1644
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1645
+ margin-bottom: 18px;
1646
+ padding: 7px 14px;
1647
+ color: #404040;
1648
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1649
+ border-width: 1px;
1650
+ border-style: solid;
1651
+ -webkit-border-radius: 4px;
1652
+ -moz-border-radius: 4px;
1653
+ border-radius: 4px;
1654
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1655
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1656
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
1657
+ }
1658
+ .alert-message h5 {
1659
+ line-height: 18px;
1660
+ }
1661
+ .alert-message p {
1662
+ margin-bottom: 0;
1663
+ }
1664
+ .alert-message div {
1665
+ margin-top: 5px;
1666
+ margin-bottom: 2px;
1667
+ line-height: 28px;
1668
+ }
1669
+ .alert-message .btn {
1670
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1671
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1672
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
1673
+ }
1674
+ .alert-message .close {
1675
+ float: right;
1676
+ margin-top: -2px;
1677
+ color: #000000;
1678
+ font-size: 20px;
1679
+ font-weight: bold;
1680
+ text-shadow: 0 1px 0 #ffffff;
1681
+ filter: alpha(opacity=20);
1682
+ -khtml-opacity: 0.2;
1683
+ -moz-opacity: 0.2;
1684
+ opacity: 0.2;
1685
+ }
1686
+ .alert-message .close:hover {
1687
+ color: #000000;
1688
+ text-decoration: none;
1689
+ filter: alpha(opacity=40);
1690
+ -khtml-opacity: 0.4;
1691
+ -moz-opacity: 0.4;
1692
+ opacity: 0.4;
1693
+ }
1694
+ .alert-message.block-message {
1695
+ background-image: none;
1696
+ background-color: #fdf5d9;
1697
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1698
+ padding: 14px;
1699
+ border-color: #fceec1;
1700
+ -webkit-box-shadow: none;
1701
+ -moz-box-shadow: none;
1702
+ box-shadow: none;
1703
+ }
1704
+ .alert-message.block-message p {
1705
+ margin-right: 30px;
1706
+ }
1707
+ .alert-message.block-message .alert-actions {
1708
+ margin-top: 5px;
1709
+ }
1710
+ .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
1711
+ color: #404040;
1712
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1713
+ }
1714
+ .alert-message.block-message.error {
1715
+ background-color: #fddfde;
1716
+ border-color: #fbc7c6;
1717
+ }
1718
+ .alert-message.block-message.success {
1719
+ background-color: #d1eed1;
1720
+ border-color: #bfe7bf;
1721
+ }
1722
+ .alert-message.block-message.info {
1723
+ background-color: #ddf4fb;
1724
+ border-color: #c6edf9;
1725
+ }
1726
+ .pagination {
1727
+ height: 36px;
1728
+ margin: 18px 0;
1729
+ }
1730
+ .pagination ul {
1731
+ float: left;
1732
+ margin: 0;
1733
+ border: 1px solid #ddd;
1734
+ border: 1px solid rgba(0, 0, 0, 0.15);
1735
+ -webkit-border-radius: 3px;
1736
+ -moz-border-radius: 3px;
1737
+ border-radius: 3px;
1738
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
1739
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
1740
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
1741
+ }
1742
+ .pagination li {
1743
+ display: inline;
1744
+ }
1745
+ .pagination a {
1746
+ float: left;
1747
+ padding: 0 14px;
1748
+ line-height: 34px;
1749
+ border-right: 1px solid;
1750
+ border-right-color: #ddd;
1751
+ border-right-color: rgba(0, 0, 0, 0.15);
1752
+ *border-right-color: #ddd;
1753
+ /* IE6-7 */
1754
+
1755
+ text-decoration: none;
1756
+ }
1757
+ .pagination a:hover, .pagination .active a {
1758
+ background-color: #c7eefe;
1759
+ }
1760
+ .pagination .disabled a, .pagination .disabled a:hover {
1761
+ background-color: transparent;
1762
+ color: #bfbfbf;
1763
+ }
1764
+ .pagination .next a {
1765
+ border: 0;
1766
+ }
1767
+ .well {
1768
+ background-color: #f5f5f5;
1769
+ margin-bottom: 20px;
1770
+ padding: 19px;
1771
+ min-height: 20px;
1772
+ border: 1px solid #eee;
1773
+ border: 1px solid rgba(0, 0, 0, 0.05);
1774
+ -webkit-border-radius: 4px;
1775
+ -moz-border-radius: 4px;
1776
+ border-radius: 4px;
1777
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1778
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1779
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1780
+ }
1781
+ .modal-backdrop {
1782
+ background-color: rgba(0, 0, 0, 0.5);
1783
+ position: fixed;
1784
+ top: 0;
1785
+ left: 0;
1786
+ right: 0;
1787
+ bottom: 0;
1788
+ z-index: 1000;
1789
+ }
1790
+ .modal {
1791
+ position: fixed;
1792
+ top: 50%;
1793
+ left: 50%;
1794
+ z-index: 2000;
1795
+ width: 560px;
1796
+ margin: -280px 0 0 -250px;
1797
+ background-color: #ffffff;
1798
+ border: 1px solid #999;
1799
+ border: 1px solid rgba(0, 0, 0, 0.3);
1800
+ *border: 1px solid #999;
1801
+ /* IE6-7 */
1802
+
1803
+ -webkit-border-radius: 6px;
1804
+ -moz-border-radius: 6px;
1805
+ border-radius: 6px;
1806
+ -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1807
+ -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1808
+ box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1809
+ -webkit-background-clip: padding-box;
1810
+ -moz-background-clip: padding-box;
1811
+ background-clip: padding-box;
1812
+ }
1813
+ .modal-header {
1814
+ border-bottom: 1px solid #eee;
1815
+ padding: 5px 20px;
1816
+ }
1817
+ .modal-header .close {
1818
+ position: absolute;
1819
+ right: 10px;
1820
+ top: 10px;
1821
+ color: #999;
1822
+ line-height: 10px;
1823
+ font-size: 18px;
1824
+ }
1825
+ .modal-body {
1826
+ padding: 20px;
1827
+ }
1828
+ .modal-footer {
1829
+ background-color: #f5f5f5;
1830
+ padding: 14px 20px 15px;
1831
+ border-top: 1px solid #ddd;
1832
+ -webkit-border-radius: 0 0 6px 6px;
1833
+ -moz-border-radius: 0 0 6px 6px;
1834
+ border-radius: 0 0 6px 6px;
1835
+ -webkit-box-shadow: inset 0 1px 0 #ffffff;
1836
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
1837
+ box-shadow: inset 0 1px 0 #ffffff;
1838
+ zoom: 1;
1839
+ margin-bottom: 18px;
1840
+ margin-bottom: 0;
1841
+ }
1842
+ .modal-footer:before, .modal-footer:after {
1843
+ display: table;
1844
+ content: "";
1845
+ }
1846
+ .modal-footer:after {
1847
+ clear: both;
1848
+ }
1849
+ .modal-footer .btn {
1850
+ float: right;
1851
+ margin-left: 10px;
1852
+ }
1853
+ .twipsy {
1854
+ display: block;
1855
+ position: absolute;
1856
+ visibility: visible;
1857
+ padding: 5px;
1858
+ font-size: 11px;
1859
+ z-index: 1000;
1860
+ filter: alpha(opacity=80);
1861
+ -khtml-opacity: 0.8;
1862
+ -moz-opacity: 0.8;
1863
+ opacity: 0.8;
1864
+ }
1865
+ .twipsy.above .twipsy-arrow {
1866
+ bottom: 0;
1867
+ left: 50%;
1868
+ margin-left: -5px;
1869
+ border-left: 5px solid transparent;
1870
+ border-right: 5px solid transparent;
1871
+ border-top: 5px solid #000000;
1872
+ }
1873
+ .twipsy.left .twipsy-arrow {
1874
+ top: 50%;
1875
+ right: 0;
1876
+ margin-top: -5px;
1877
+ border-top: 5px solid transparent;
1878
+ border-bottom: 5px solid transparent;
1879
+ border-left: 5px solid #000000;
1880
+ }
1881
+ .twipsy.below .twipsy-arrow {
1882
+ top: 0;
1883
+ left: 50%;
1884
+ margin-left: -5px;
1885
+ border-left: 5px solid transparent;
1886
+ border-right: 5px solid transparent;
1887
+ border-bottom: 5px solid #000000;
1888
+ }
1889
+ .twipsy.right .twipsy-arrow {
1890
+ top: 50%;
1891
+ left: 0;
1892
+ margin-top: -5px;
1893
+ border-top: 5px solid transparent;
1894
+ border-bottom: 5px solid transparent;
1895
+ border-right: 5px solid #000000;
1896
+ }
1897
+ .twipsy-inner {
1898
+ padding: 3px 8px;
1899
+ background-color: #000;
1900
+ color: white;
1901
+ text-align: center;
1902
+ max-width: 200px;
1903
+ text-decoration: none;
1904
+ -webkit-border-radius: 4px;
1905
+ -moz-border-radius: 4px;
1906
+ border-radius: 4px;
1907
+ }
1908
+ .twipsy-arrow {
1909
+ position: absolute;
1910
+ width: 0;
1911
+ height: 0;
1912
+ }
1913
+ .popover {
1914
+ position: absolute;
1915
+ top: 0;
1916
+ left: 0;
1917
+ z-index: 1000;
1918
+ padding: 5px;
1919
+ display: none;
1920
+ }
1921
+ .popover.above .arrow {
1922
+ bottom: 0;
1923
+ left: 50%;
1924
+ margin-left: -5px;
1925
+ border-left: 5px solid transparent;
1926
+ border-right: 5px solid transparent;
1927
+ border-top: 5px solid #000000;
1928
+ }
1929
+ .popover.right .arrow {
1930
+ top: 50%;
1931
+ left: 0;
1932
+ margin-top: -5px;
1933
+ border-top: 5px solid transparent;
1934
+ border-bottom: 5px solid transparent;
1935
+ border-right: 5px solid #000000;
1936
+ }
1937
+ .popover.below .arrow {
1938
+ top: 0;
1939
+ left: 50%;
1940
+ margin-left: -5px;
1941
+ border-left: 5px solid transparent;
1942
+ border-right: 5px solid transparent;
1943
+ border-bottom: 5px solid #000000;
1944
+ }
1945
+ .popover.left .arrow {
1946
+ top: 50%;
1947
+ right: 0;
1948
+ margin-top: -5px;
1949
+ border-top: 5px solid transparent;
1950
+ border-bottom: 5px solid transparent;
1951
+ border-left: 5px solid #000000;
1952
+ }
1953
+ .popover .arrow {
1954
+ position: absolute;
1955
+ width: 0;
1956
+ height: 0;
1957
+ }
1958
+ .popover .inner {
1959
+ background: #333;
1960
+ background: rgba(0, 0, 0, 0.8);
1961
+ padding: 3px;
1962
+ overflow: hidden;
1963
+ width: 280px;
1964
+ -webkit-border-radius: 6px;
1965
+ -moz-border-radius: 6px;
1966
+ border-radius: 6px;
1967
+ -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1968
+ -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1969
+ box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
1970
+ }
1971
+ .popover .title {
1972
+ background-color: #f5f5f5;
1973
+ padding: 9px 15px;
1974
+ line-height: 1;
1975
+ -webkit-border-radius: 3px 3px 0 0;
1976
+ -moz-border-radius: 3px 3px 0 0;
1977
+ border-radius: 3px 3px 0 0;
1978
+ border-bottom: 1px solid #eee;
1979
+ }
1980
+ .popover .content {
1981
+ background-color: #ffffff;
1982
+ padding: 14px;
1983
+ -webkit-border-radius: 0 0 3px 3px;
1984
+ -moz-border-radius: 0 0 3px 3px;
1985
+ border-radius: 0 0 3px 3px;
1986
+ -webkit-background-clip: padding-box;
1987
+ -moz-background-clip: padding-box;
1988
+ background-clip: padding-box;
1989
+ }
1990
+ .popover .content p, .popover .content ul, .popover .content ol {
1991
+ margin-bottom: 0;
1992
+ }