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.
- checksums.yaml +6 -14
- data/CONTRIBUTING.md +52 -0
- data/CONVERSION.md +6 -8
- data/HISTORY.md +9 -1
- data/README.md +6 -1
- data/Rakefile +3 -0
- data/lib/bootswatch-rails/version.rb +1 -1
- data/rearranges +12 -10
- data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +109 -718
- data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +743 -217
- data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +78 -133
- data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +113 -552
- data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/custom/_bootswatch.scss +22 -0
- data/vendor/assets/stylesheets/bootswatch/custom/_variables.scss +620 -0
- data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +105 -525
- data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +273 -0
- data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +829 -0
- data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +183 -452
- data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +747 -218
- data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +77 -295
- data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +408 -0
- data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +827 -0
- data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +149 -37
- data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +84 -413
- data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +251 -481
- data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +749 -217
- data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +87 -231
- data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +745 -216
- data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +168 -569
- data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +746 -217
- data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +21 -110
- data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +745 -217
- data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +418 -0
- data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +827 -0
- metadata +17 -9
- data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +0 -650
- data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +0 -301
@@ -1,593 +1,363 @@
|
|
1
|
-
// Slate
|
1
|
+
// Slate 3.1.1
|
2
2
|
// Bootswatch
|
3
3
|
// -----------------------------------------------------
|
4
4
|
|
5
|
-
|
6
|
-
|
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
|
-
|
27
|
-
|
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
|
-
//
|
31
|
-
// -----------------------------------------------------
|
15
|
+
// Navbar =====================================================================
|
32
16
|
|
33
17
|
.navbar {
|
34
18
|
|
35
|
-
|
36
|
-
|
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
|
-
|
235
|
-
|
236
|
-
|
237
|
-
}
|
23
|
+
.nav .open > a {
|
24
|
+
border-color: transparent;
|
25
|
+
}
|
238
26
|
|
239
27
|
}
|
240
28
|
|
241
|
-
.
|
242
|
-
|
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
|
-
|
246
|
-
|
247
|
-
|
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
|
262
|
-
|
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
|
-
|
266
|
-
|
41
|
+
&:hover {
|
42
|
+
@include btn-shadow-inverse($navbar-default-bg);
|
43
|
+
border-left-color: transparent;
|
44
|
+
}
|
267
45
|
}
|
268
46
|
|
269
|
-
.
|
270
|
-
|
47
|
+
.navbar-nav > li.active > a {
|
48
|
+
border-left-color: transparent;
|
271
49
|
}
|
272
50
|
|
273
|
-
.
|
274
|
-
|
51
|
+
.navbar-form {
|
52
|
+
margin-left: 5px;
|
53
|
+
margin-right: 5px;
|
275
54
|
}
|
276
55
|
|
277
|
-
.nav-tabs.nav-stacked {
|
278
56
|
|
279
|
-
|
280
|
-
li > a:hover {
|
281
|
-
border: 1px solid darken($grayDarker, 5%);
|
282
|
-
background-image: none;
|
283
|
-
}
|
57
|
+
// Buttons ====================================================================
|
284
58
|
|
285
|
-
|
286
|
-
|
287
|
-
|
288
|
-
|
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
|
-
.
|
294
|
-
|
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
|
-
|
304
|
-
|
305
|
-
|
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
|
-
.
|
73
|
+
.btn-primary {
|
74
|
+
@include btn-shadow($btn-primary-bg);
|
311
75
|
|
312
|
-
|
313
|
-
|
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
|
-
.
|
81
|
+
.btn-success {
|
82
|
+
@include btn-shadow($btn-success-bg);
|
357
83
|
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
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
|
-
|
366
|
-
|
367
|
-
border: 1px solid transparent;
|
368
|
-
}
|
369
|
-
}
|
89
|
+
.btn-info {
|
90
|
+
@include btn-shadow($btn-info-bg);
|
370
91
|
|
371
|
-
|
372
|
-
|
373
|
-
|
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
|
-
|
379
|
-
|
97
|
+
.btn-warning {
|
98
|
+
@include btn-shadow($btn-warning-bg);
|
380
99
|
|
381
|
-
|
382
|
-
@include
|
383
|
-
|
384
|
-
border: 1px solid $grayDarker;
|
100
|
+
&:hover {
|
101
|
+
@include btn-shadow-inverse($btn-warning-bg);
|
102
|
+
}
|
385
103
|
}
|
386
104
|
|
387
|
-
.btn
|
388
|
-
|
389
|
-
|
390
|
-
|
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-
|
394
|
-
|
395
|
-
|
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
|
-
|
400
|
-
|
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
|
-
.
|
404
|
-
|
124
|
+
.text-primary,
|
125
|
+
.text-primary:hover {
|
126
|
+
color: $brand-primary;
|
405
127
|
}
|
406
128
|
|
407
|
-
.
|
408
|
-
|
129
|
+
.text-success,
|
130
|
+
.text-success:hover {
|
131
|
+
color: $brand-success;
|
409
132
|
}
|
410
133
|
|
411
|
-
.
|
412
|
-
|
134
|
+
.text-danger,
|
135
|
+
.text-danger:hover {
|
136
|
+
color: $brand-danger;
|
413
137
|
}
|
414
138
|
|
415
|
-
.
|
416
|
-
|
139
|
+
.text-warning,
|
140
|
+
.text-warning:hover {
|
141
|
+
color: $brand-warning;
|
417
142
|
}
|
418
143
|
|
419
|
-
.
|
420
|
-
|
144
|
+
.text-info,
|
145
|
+
.text-info:hover {
|
146
|
+
color: $brand-info;
|
421
147
|
}
|
422
148
|
|
423
|
-
//
|
424
|
-
// -----------------------------------------------------
|
149
|
+
// Tables =====================================================================
|
425
150
|
|
426
151
|
.table {
|
427
152
|
|
428
|
-
|
429
|
-
|
430
|
-
|
153
|
+
a {
|
154
|
+
text-decoration: underline;
|
155
|
+
}
|
431
156
|
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
|
436
|
-
|
437
|
-
|
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
|
-
|
444
|
-
|
168
|
+
tr.success,
|
169
|
+
tr.warning,
|
170
|
+
tr.danger {
|
445
171
|
|
446
|
-
|
447
|
-
|
172
|
+
td,
|
173
|
+
&:hover td {
|
174
|
+
border-color: $table-border-color;
|
175
|
+
}
|
176
|
+
}
|
448
177
|
}
|
449
178
|
|
450
|
-
|
451
|
-
|
179
|
+
.table-responsive > .table {
|
180
|
+
background-color: $table-bg;
|
452
181
|
}
|
453
182
|
|
454
|
-
|
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
|
-
|
466
|
-
|
467
|
-
|
468
|
-
padding: 5px 14px;
|
185
|
+
input,
|
186
|
+
textarea {
|
187
|
+
color: $input-color;
|
469
188
|
}
|
470
189
|
|
471
|
-
.
|
472
|
-
|
473
|
-
|
474
|
-
|
475
|
-
|
476
|
-
|
477
|
-
|
478
|
-
|
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
|
-
.
|
482
|
-
|
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
|
-
|
486
|
-
|
216
|
+
.has-success {
|
217
|
+
.help-block,
|
218
|
+
.control-label,
|
219
|
+
.form-control-feedback {
|
220
|
+
color: $brand-success;
|
221
|
+
}
|
487
222
|
|
488
|
-
.
|
489
|
-
|
223
|
+
.form-control,
|
224
|
+
.form-control:focus {
|
225
|
+
border-color: $brand-success;
|
226
|
+
}
|
490
227
|
}
|
491
228
|
|
492
|
-
|
493
|
-
|
494
|
-
color: $grayLighter;
|
229
|
+
legend {
|
230
|
+
color: #fff;
|
495
231
|
}
|
496
232
|
|
497
|
-
.
|
498
|
-
|
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
|
-
//
|
502
|
-
// -----------------------------------------------------
|
240
|
+
// Navs =======================================================================
|
503
241
|
|
504
|
-
.
|
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
|
-
.
|
511
|
-
|
512
|
-
|
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
|
-
.
|
521
|
-
background-color: $successText;
|
522
|
-
border-color: $successText;
|
523
|
-
}
|
252
|
+
.nav-pills {
|
524
253
|
|
525
|
-
|
526
|
-
|
527
|
-
|
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
|
-
|
531
|
-
|
532
|
-
|
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
|
-
|
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
|
-
|
539
|
-
|
272
|
+
& > li.disabled > a,
|
273
|
+
& > li.disabled > a:hover {
|
274
|
+
@include btn-shadow($btn-default-bg);
|
275
|
+
}
|
540
276
|
}
|
541
277
|
|
542
|
-
.
|
543
|
-
|
544
|
-
|
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
|
-
.
|
548
|
-
|
549
|
-
|
550
|
-
|
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
|
-
.
|
554
|
-
|
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
|
-
|
557
|
-
|
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
|
-
.
|
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
|
-
|
324
|
+
// Indicators =================================================================
|
564
325
|
|
565
|
-
|
566
|
-
border-bottom: none;
|
567
|
-
}
|
326
|
+
.alert {
|
568
327
|
|
569
|
-
|
570
|
-
|
571
|
-
|
328
|
+
.alert-link,
|
329
|
+
a {
|
330
|
+
color: #fff;
|
331
|
+
text-decoration: underline;
|
332
|
+
}
|
572
333
|
|
573
|
-
|
574
|
-
|
575
|
-
|
576
|
-
|
577
|
-
}
|
334
|
+
.close {
|
335
|
+
color: $close-color;
|
336
|
+
text-decoration: none;
|
337
|
+
}
|
578
338
|
}
|
579
339
|
|
580
|
-
//
|
581
|
-
// -----------------------------------------------------
|
340
|
+
// Progress bars ==============================================================
|
582
341
|
|
583
|
-
|
584
|
-
|
585
|
-
|
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
|
-
|
590
|
-
|
591
|
-
|
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
|
}
|