compass-bootstrap 0.0.1

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