bootswatch-rails 0.5.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. checksums.yaml +6 -14
  2. data/CONTRIBUTING.md +52 -0
  3. data/CONVERSION.md +6 -8
  4. data/HISTORY.md +9 -1
  5. data/README.md +6 -1
  6. data/Rakefile +3 -0
  7. data/lib/bootswatch-rails/version.rb +1 -1
  8. data/rearranges +12 -10
  9. data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +109 -718
  10. data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +743 -217
  11. data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +78 -133
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +745 -217
  13. data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +113 -552
  14. data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +745 -217
  15. data/vendor/assets/stylesheets/bootswatch/custom/_bootswatch.scss +22 -0
  16. data/vendor/assets/stylesheets/bootswatch/custom/_variables.scss +620 -0
  17. data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +105 -525
  18. data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +745 -217
  19. data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +273 -0
  20. data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +829 -0
  21. data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +183 -452
  22. data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +747 -218
  23. data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +77 -295
  24. data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +745 -217
  25. data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +408 -0
  26. data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +827 -0
  27. data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +149 -37
  28. data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +745 -217
  29. data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +84 -413
  30. data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +745 -217
  31. data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +251 -481
  32. data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +749 -217
  33. data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +87 -231
  34. data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +745 -216
  35. data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +168 -569
  36. data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +746 -217
  37. data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +21 -110
  38. data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +745 -217
  39. data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +418 -0
  40. data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +827 -0
  41. metadata +17 -9
  42. data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +0 -650
  43. data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +0 -301
@@ -1,593 +1,363 @@
1
- // Slate 2.3.2
1
+ // Slate 3.1.1
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
5
-
6
- // TYPOGRAPHY
7
- // -----------------------------------------------------
8
-
9
- h1, h2, h3, h4, h5, h6 {
10
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
11
- }
12
-
13
- code, pre {
14
- background-color: #F7F7F7;
15
- border: 1px solid darken($grayDarker, 5%);
16
- text-shadow: none;
17
- }
18
-
19
- // SCAFFOLDING
20
- // -----------------------------------------------------
21
-
22
- legend, .page-header {
23
- border-bottom: 1px solid $hrBorder;
5
+ @mixin btn-shadow($color) {
6
+ @include gradient-vertical-three-colors(lighten($color, 6%), $color, 60%, darken($color, 4%));
7
+ filter: none;
24
8
  }
25
9
 
26
- hr {
27
- border-bottom: none;
10
+ @mixin btn-shadow-inverse($color) {
11
+ @include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 14%));
12
+ filter: none;
28
13
  }
29
14
 
30
- // NAVBAR
31
- // -----------------------------------------------------
15
+ // Navbar =====================================================================
32
16
 
33
17
  .navbar {
34
18
 
35
- .navbar-inner {
36
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
37
- }
38
-
39
- .brand {
40
- font-weight: bold;
41
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
42
- border-right: 1px solid darken($gray, 15%);
43
- }
44
-
45
- .navbar-text {
46
- padding: 0 15px;
47
- font-weight: bold;
48
- }
49
-
50
- .nav > li > a {
51
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
52
- border-right: 1px solid rgba(0, 0, 0, 0.2);
53
- border-left: 1px solid rgba(255, 255, 255, 0.1);
54
-
55
- &:hover {
56
- @include gradient-directional($grayDarker, $grayDark, 280deg);
57
- border-left: 1px solid transparent;
58
- border-right: 1px solid transparent;
59
- }
60
- }
61
-
62
- .nav > li.active > a,
63
- .nav > li.active > a:hover {
64
- color: $grayLighter;
65
- background-color: $grayDark;
66
- @include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
67
- border-right: 1px solid darken($gray, 15%);
68
- }
69
-
70
- .navbar-search .search-query {
71
- border: 1px solid darken($gray, 15%);
72
- }
73
-
74
- .btn,
75
- .btn-group {
76
- margin: 4px 0;
77
- }
78
-
79
- .divider-vertical {
80
- background-color: transparent;
81
- border-right: none;
82
- }
83
-
84
- .dropdown-menu::after {
85
- border-bottom: 6px solid $grayDark;
86
- }
87
-
88
- .navbar-inverse {
89
-
90
- .navbar-inner {
91
- @include gradient-vertical-three-colors(darken($grayDarker, 3%), darken($grayDarker, 8%), 70%, darken($grayDarker, 8%));
92
- }
93
-
94
- .nav li > a {
95
- background-image: none;
96
- background-color: transparent;
97
- }
98
-
99
- .nav li > a:hover,
100
- .nav li.active > a,
101
- .nav li.active > a:hover {
102
- @include gradient-directional(darken($grayDarker, 10%), darken($grayDarker, 5%), 280deg);
103
- }
104
- }
105
- }
106
-
107
- @media (max-width: $navbarCollapseWidth) {
108
-
109
- .navbar .nav-collapse {
110
-
111
- .nav li > a,
112
- .nav li > a:hover,
113
- .nav .active > a,
114
- .nav .active > a:hover {
115
- @include box-shadow(none);
116
- color: $grayLighter;
117
- border: 1px solid transparent;
118
- background-color: transparent;
119
- background-image: none;
120
- }
121
-
122
- .nav li > a:hover,
123
- .nav .active > a:hover {
124
- background-color: $grayDarker;
125
- }
126
-
127
- .navbar-form,
128
- .navbar-search {
129
- border-color: transparent;
130
- @include box-shadow(none);
131
- }
132
-
133
- .nav-header {
134
- color: $grayLight;
135
- }
136
- }
137
-
138
- .navbar-inverse .nav-collapse {
139
-
140
- .nav li > a:hover,
141
- .nav .active > a:hover {
142
- background-color: $grayDarker !important;
143
- }
144
- }
145
- }
146
-
147
- div.subnav {
148
-
149
- margin: 0 1px;
150
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
151
- border: 1px solid transparent;
152
- @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
153
-
154
- .nav > li > a {
155
- color: $grayLighter;
156
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
157
- border-right: 1px solid darken($gray, 15%);
158
- border-left: 1px solid $gray;
159
-
160
- &:hover {
161
- color: $grayLighter;
162
- background-color: $grayDark;
163
- @include gradient-directional($grayDarker, $grayDark, 280deg);
164
- border-left: 1px solid transparent;
165
- border-right: 1px solid transparent;
166
- }
167
- }
168
-
169
- .nav > li.active > a,
170
- .nav > li.active > a:hover {
171
- color: $grayLighter;
172
- background-color: $grayDark;
173
- @include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
174
- border-right: 1px solid darken($gray, 15%);
175
- }
176
-
177
- .nav > li:first-child > a,
178
- .nav > li:first-child > a:hover {
179
- border-left: 1px solid transparent;
180
- }
181
-
182
- .nav > li.active:last-child > a,
183
- .nav > li:last-child > a:hover {
184
- border-right: 1px solid darken($gray, 15%);
185
- }
186
-
187
- .open .dropdown-toggle {
188
- border-right: 1px solid darken($gray, 15%);
189
- border-left: 1px solid $gray;
190
- }
191
-
192
- &.subnav-fixed {
193
- top: $navbarHeight;
194
- margin: 0;
195
- @include box-shadow(none);
196
-
197
- .nav > li.active:first-child > a,
198
- .nav > li:first-child > a:hover {
199
- border-left: 1px solid darken($gray, 15%);
200
- }
201
- }
202
- }
203
-
204
- // NAV
205
- // -----------------------------------------------------
206
-
207
- .nav {
208
-
209
- .nav-header {
210
- text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
211
- }
212
-
213
- & > li > a {
214
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
215
- @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
216
- border: none;
217
- color: $grayLight;
218
- font-weight: bold;
219
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
220
- }
221
-
222
- li.active > a,
223
- li.active > a:hover {
224
- background-color: transparent;
225
- border: none;
226
- color: $white;
227
- }
228
-
229
- & > li.disabled > a,
230
- & > li.disabled > a:hover {
231
- color: $gray;
232
- }
19
+ @include btn-shadow($navbar-default-bg);
20
+ border: 1px solid rgba(0, 0, 0, 0.6);
21
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
233
22
 
234
- li > a:hover {
235
- background-color: transparent;
236
- color: $grayLighter;
237
- }
23
+ .nav .open > a {
24
+ border-color: transparent;
25
+ }
238
26
 
239
27
  }
240
28
 
241
- .nav-list {
242
- background-color: $grayDark;
243
- @include box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
29
+ .navbar-inverse {
30
+ @include btn-shadow($navbar-inverse-bg);
244
31
 
245
- li > a {
246
- background-image: none;
247
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
248
- }
249
-
250
- .nav-header {
251
- color: $gray;
252
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
253
- }
254
-
255
- .divider {
256
- border-bottom: 1px solid darken($grayDarker, 5%);
257
- background-color: transparent;
258
- }
32
+ .badge {
33
+ background-color: $navbar-inverse-link-active-bg;
34
+ }
259
35
  }
260
36
 
261
- .nav-tabs {
262
- border-bottom: none;
263
- }
37
+ .navbar-nav > li > a {
38
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
39
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
264
40
 
265
- .tabs-below .nav-tabs {
266
- border-top: none;
41
+ &:hover {
42
+ @include btn-shadow-inverse($navbar-default-bg);
43
+ border-left-color: transparent;
44
+ }
267
45
  }
268
46
 
269
- .tabs-left .nav-tabs {
270
- border-right: none;
47
+ .navbar-nav > li.active > a {
48
+ border-left-color: transparent;
271
49
  }
272
50
 
273
- .tabs-right .nav-tabs {
274
- border-left: none;
51
+ .navbar-form {
52
+ margin-left: 5px;
53
+ margin-right: 5px;
275
54
  }
276
55
 
277
- .nav-tabs.nav-stacked {
278
56
 
279
- li > a,
280
- li > a:hover {
281
- border: 1px solid darken($grayDarker, 5%);
282
- background-image: none;
283
- }
57
+ // Buttons ====================================================================
284
58
 
285
- li > a:hover,
286
- .active > a,
287
- .active > a:hover {
288
- background-color: $wellBackground;
289
- color: $white;
290
- }
59
+ .btn,
60
+ .btn:hover {
61
+ border-color: rgba(0, 0, 0, 0.6);
62
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
291
63
  }
292
64
 
293
- .breadcrumb {
294
- border: 1px solid transparent;
295
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
296
- @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
297
-
298
- a {
299
- color: $grayLighter;
300
- font-weight: bold;
301
- }
65
+ .btn-default {
66
+ @include btn-shadow($btn-default-bg);
302
67
 
303
- li {
304
- color: $grayLight;
305
- font-weight: bold;
306
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
307
- }
68
+ &:hover {
69
+ @include btn-shadow-inverse($btn-default-bg);
70
+ }
308
71
  }
309
72
 
310
- .pagination {
73
+ .btn-primary {
74
+ @include btn-shadow($btn-primary-bg);
311
75
 
312
- ul {
313
- @include box-shadow(none);
314
- }
315
-
316
- ul > li > a,
317
- ul > li > span {
318
- border-left: 1px solid $gray;
319
- border-right: 1px solid darken($gray, 15%);
320
- border-top: none;
321
- border-bottom: none;
322
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
323
- @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
324
- color: $grayLighter;
325
- font-weight: bold;
326
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
327
-
328
- &:hover {
329
- @include gradient-directional($grayDarker, $grayDark, 280deg);
330
- border-left: 1px solid transparent;
331
- }
332
- }
333
-
334
- ul > .active > a,
335
- ul > .active > a:hover,
336
- ul > .active > span,
337
- ul > .active > span:hover {
338
- color: $grayLighter;
339
- background-color: $grayDark;
340
- @include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
341
- border-left: 1px solid transparent;
342
- }
343
-
344
- ul > .disabled > a,
345
- ul > .disabled > a:hover,
346
- ul > .disabled > span,
347
- ul > .disabled > span:hover {
348
- border-left: 1px solid $gray;
349
- border-right: 1px solid darken($gray, 15%);
350
- border-top: none;
351
- border-bottom: none;
352
- @include gradient-vertical-three-colors($grayLight, $gray, 70%, $gray);
353
- }
76
+ &:hover {
77
+ @include btn-shadow-inverse($btn-primary-bg);
78
+ }
354
79
  }
355
80
 
356
- .pager {
81
+ .btn-success {
82
+ @include btn-shadow($btn-success-bg);
357
83
 
358
- li > a,
359
- li > span {
360
-
361
- border: 1px solid transparent;
362
- @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
363
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
84
+ &:hover {
85
+ @include btn-shadow-inverse($btn-success-bg);
86
+ }
87
+ }
364
88
 
365
- &:hover {
366
- @include gradient-directional($grayDarker, $grayDark, 280deg);
367
- border: 1px solid transparent;
368
- }
369
- }
89
+ .btn-info {
90
+ @include btn-shadow($btn-info-bg);
370
91
 
371
- .disabled a,
372
- .disabled a:hover {
373
- background-color: transparent;
374
- @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
375
- }
92
+ &:hover {
93
+ @include btn-shadow-inverse($btn-info-bg);
94
+ }
376
95
  }
377
96
 
378
- // BUTTONS
379
- // -----------------------------------------------------
97
+ .btn-warning {
98
+ @include btn-shadow($btn-warning-bg);
380
99
 
381
- .btn {
382
- @include buttonBackground($gray, darken($gray, 10%));
383
- @include border-radius(3px);
384
- border: 1px solid $grayDarker;
100
+ &:hover {
101
+ @include btn-shadow-inverse($btn-warning-bg);
102
+ }
385
103
  }
386
104
 
387
- .btn, .btn:hover {
388
- color: $white;
389
- font-weight: bold;
390
- text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
105
+ .btn-danger {
106
+ @include btn-shadow($btn-danger-bg);
107
+
108
+ &:hover {
109
+ @include btn-shadow-inverse($btn-danger-bg);
110
+ }
391
111
  }
392
112
 
393
- .btn-primary {
394
- @include buttonBackground($btnPrimaryBackground, adjust-hue($btnPrimaryBackground, 20));
395
- color: $grayDark;
396
- text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
113
+ .btn-link,
114
+ .btn-link:hover {
115
+ border-color: transparent;
397
116
  }
398
117
 
399
- .btn-warning {
400
- @include buttonBackground(lighten($orange, 15%), $orange);
118
+ // Typography =================================================================
119
+
120
+ h1, h2, h3, h4, h5, h6 {
121
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
401
122
  }
402
123
 
403
- .btn-danger {
404
- @include buttonBackground($red, #bd362f);
124
+ .text-primary,
125
+ .text-primary:hover {
126
+ color: $brand-primary;
405
127
  }
406
128
 
407
- .btn-success {
408
- @include buttonBackground($green, #51a351);
129
+ .text-success,
130
+ .text-success:hover {
131
+ color: $brand-success;
409
132
  }
410
133
 
411
- .btn-info {
412
- @include buttonBackground($blue, #2f96b4);
134
+ .text-danger,
135
+ .text-danger:hover {
136
+ color: $brand-danger;
413
137
  }
414
138
 
415
- .btn-inverse {
416
- @include buttonBackground($gray, $grayDarker);
139
+ .text-warning,
140
+ .text-warning:hover {
141
+ color: $brand-warning;
417
142
  }
418
143
 
419
- .caret {
420
- border-top-color: $white;
144
+ .text-info,
145
+ .text-info:hover {
146
+ color: $brand-info;
421
147
  }
422
148
 
423
- // TABLES
424
- // -----------------------------------------------------
149
+ // Tables =====================================================================
425
150
 
426
151
  .table {
427
152
 
428
- tbody tr.success td {
429
- background-color: $successText;
430
- }
153
+ a {
154
+ text-decoration: underline;
155
+ }
431
156
 
432
- tbody tr.error td {
433
- background-color: $errorText;
434
- }
435
-
436
- tbody tr.info td {
437
- background-color: $infoText;
438
- }
157
+ .success,
158
+ .warning,
159
+ .danger,
160
+ .info {
161
+ color: #fff;
162
+ }
439
163
 
440
164
  }
441
165
 
166
+ .table-bordered tbody {
442
167
 
443
- // FORMS
444
- // -----------------------------------------------------
168
+ tr.success,
169
+ tr.warning,
170
+ tr.danger {
445
171
 
446
- label, input, button, select, textarea, legend {
447
- color: $textColor;
172
+ td,
173
+ &:hover td {
174
+ border-color: $table-border-color;
175
+ }
176
+ }
448
177
  }
449
178
 
450
- legend, label {
451
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
179
+ .table-responsive > .table {
180
+ background-color: $table-bg;
452
181
  }
453
182
 
454
- .input-prepend .add-on,
455
- .input-append .add-on {
456
- vertical-align: top;
457
- background-color: $gray;
458
- border-top: 1px solid $grayLight;
459
- border-left: 1px solid $grayLight;
460
- border-bottom: 1px solid $grayDark;
461
- border-right: 1px solid $grayDark;
462
- text-shadow: none;
463
- }
183
+ // Forms ======================================================================
464
184
 
465
- .input-append .btn,
466
- .input-prepend .btn {
467
- margin-top: -1px;
468
- padding: 5px 14px;
185
+ input,
186
+ textarea {
187
+ color: $input-color;
469
188
  }
470
189
 
471
- .uneditable-input,
472
- input[disabled],
473
- select[disabled],
474
- textarea[disabled],
475
- input[readonly],
476
- select[readonly],
477
- textarea[readonly] {
478
- color: $grayLighter;
190
+ .has-warning {
191
+ .help-block,
192
+ .control-label,
193
+ .form-control-feedback {
194
+ color: $brand-warning;
195
+ }
196
+
197
+ .form-control,
198
+ .form-control:focus {
199
+ border-color: $brand-warning;
200
+ }
479
201
  }
480
202
 
481
- .form-actions {
482
- border-top: none;
203
+ .has-error {
204
+ .help-block,
205
+ .control-label,
206
+ .form-control-feedback {
207
+ color: $brand-danger;
208
+ }
209
+
210
+ .form-control,
211
+ .form-control:focus {
212
+ border-color: $brand-danger;
213
+ }
483
214
  }
484
215
 
485
- // DROPDOWNS
486
- // -----------------------------------------------------
216
+ .has-success {
217
+ .help-block,
218
+ .control-label,
219
+ .form-control-feedback {
220
+ color: $brand-success;
221
+ }
487
222
 
488
- .dropdown-menu {
489
- @include box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
223
+ .form-control,
224
+ .form-control:focus {
225
+ border-color: $brand-success;
226
+ }
490
227
  }
491
228
 
492
- .dropdown.open .dropdown-toggle {
493
- background-color: $grayDark;
494
- color: $grayLighter;
229
+ legend {
230
+ color: #fff;
495
231
  }
496
232
 
497
- .dropdown-submenu > a::after {
498
- border-left-color: $white;
233
+ .input-group-addon {
234
+ border-color: rgba(0, 0, 0, 0.6);
235
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
236
+ @include btn-shadow($btn-default-bg);
237
+ color: $btn-default-color;
499
238
  }
500
239
 
501
- // ALERTS, LABELS, BADGES
502
- // -----------------------------------------------------
240
+ // Navs =======================================================================
503
241
 
504
- .label, .alert {
505
- color: rgba(255, 255, 255, 0.9);
506
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
507
- @include box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
508
- }
242
+ .nav {
509
243
 
510
- .alert {
511
- background-color: $orange;
512
- border-color: $orange;
244
+ .open > a,
245
+ .open > a:hover,
246
+ .open > a:focus {
247
+ border-color: rgba(0, 0, 0, 0.6);
248
+ }
513
249
 
514
- .alert-heading {
515
- color: rgba(255, 255, 255, 0.9);
516
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
517
- }
518
250
  }
519
251
 
520
- .alert-success {
521
- background-color: $successText;
522
- border-color: $successText;
523
- }
252
+ .nav-pills {
524
253
 
525
- .alert-error {
526
- background-color: $errorText;
527
- border-color: $errorText;
528
- }
254
+ & > li > a {
255
+ @include btn-shadow($btn-default-bg);
256
+ border: 1px solid rgba(0, 0, 0, 0.6);
257
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
529
258
 
530
- .alert-info {
531
- background-color: $infoText;
532
- border-color: $infoText;
533
- }
259
+ &:hover {
260
+ @include btn-shadow-inverse($btn-default-bg);
261
+ border: 1px solid rgba(0, 0, 0, 0.6);
262
+ }
263
+ }
534
264
 
535
- // MISC
536
- // -----------------------------------------------------
265
+ & > li.active > a,
266
+ & > li.active > a:hover {
267
+ background-color: none;
268
+ @include btn-shadow-inverse($btn-default-bg);
269
+ border: 1px solid rgba(0, 0, 0, 0.6);
270
+ }
537
271
 
538
- .well, .hero-unit {
539
- @include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
272
+ & > li.disabled > a,
273
+ & > li.disabled > a:hover {
274
+ @include btn-shadow($btn-default-bg);
275
+ }
540
276
  }
541
277
 
542
- .thumbnail,
543
- a.thumbnail:hover {
544
- border: 1px solid darken($grayDarker, 5%);
545
- }
278
+ .pagination {
279
+
280
+ & > li > a {
281
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
282
+ @include btn-shadow($btn-default-bg);
283
+
284
+ &:hover {
285
+ @include btn-shadow-inverse($btn-default-bg);
286
+ }
287
+ }
546
288
 
547
- .progress {
548
- background-color: darken($grayDarker, 3%);
549
- @include gradient-vertical(darken($grayDarker, 3%), darken($grayDarker, 3%));
550
- @include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
289
+ & > li.active > a {
290
+ @include btn-shadow-inverse($btn-default-bg);
291
+ }
292
+
293
+ & > li.disabled > a,
294
+ & > li.disabled > a:hover {
295
+ background-color: transparent;
296
+ @include btn-shadow($btn-default-bg);
297
+ }
551
298
  }
552
299
 
553
- .footer {
554
- border-top: 1px solid darken($grayDarker, 5%);
300
+ .pager {
301
+
302
+ & > li > a {
303
+ @include btn-shadow($btn-default-bg);
304
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
305
+
306
+ &:hover {
307
+ @include btn-shadow-inverse($btn-default-bg);
308
+ }
309
+ }
555
310
 
556
- p {
557
- color: $textColor;
558
- }
311
+ & > li.disabled > a,
312
+ & > li.disabled > a:hover {
313
+ background-color: transparent;
314
+ @include btn-shadow($btn-default-bg);
315
+ }
559
316
  }
560
317
 
561
- .modal {
318
+ .breadcrumb {
319
+ border: 1px solid rgba(0, 0, 0, 0.6);
320
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
321
+ @include btn-shadow($btn-default-bg);
322
+ }
562
323
 
563
- background-color: darken($grayDark, 5%);
324
+ // Indicators =================================================================
564
325
 
565
- .modal-header {
566
- border-bottom: none;
567
- }
326
+ .alert {
568
327
 
569
- .modal-body {
570
- border-bottom: 1px solid #1C1E22;
571
- }
328
+ .alert-link,
329
+ a {
330
+ color: #fff;
331
+ text-decoration: underline;
332
+ }
572
333
 
573
- .modal-footer {
574
- border-top: none;
575
- background-color: $grayDarker;
576
- @include box-shadow(none);
577
- }
334
+ .close {
335
+ color: $close-color;
336
+ text-decoration: none;
337
+ }
578
338
  }
579
339
 
580
- // MEDIA QUERIES
581
- // -----------------------------------------------------
340
+ // Progress bars ==============================================================
582
341
 
583
- @media (max-width: 979px) {
584
- .navbar .brand {
585
- border-right: none;
586
- }
342
+ // Containers =================================================================
343
+
344
+ a.thumbnail:hover,
345
+ a.thumbnail:focus,
346
+ a.thumbnail.active {
347
+ border-color: $thumbnail-border;
348
+ }
349
+
350
+ .jumbotron {
351
+ border: 1px solid rgba(0, 0, 0, 0.6);
587
352
  }
588
353
 
589
- @media (max-width: 768px) {
590
- div.subnav .nav > li + li > a {
591
- border-top: 1px solid transparent;
592
- }
354
+ .panel-primary,
355
+ .panel-success,
356
+ .panel-danger,
357
+ .panel-warning,
358
+ .panel-info {
359
+
360
+ .panel-heading {
361
+ border-color: #000;
362
+ }
593
363
  }