datetime_picker_rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,237 @@
1
+ //= depend_on "bootstrap/glyphicons-halflings-regular.eot"
2
+ //= depend_on "bootstrap/glyphicons-halflings-regular.svg"
3
+ //= depend_on "bootstrap/glyphicons-halflings-regular.ttf"
4
+ //= depend_on "bootstrap/glyphicons-halflings-regular.woff"
5
+ //
6
+ // Glyphicons for Bootstrap
7
+ //
8
+ // Since icons are fonts, they can be placed anywhere text is placed and are
9
+ // thus automatically sized to match the surrounding child. To use, create an
10
+ // inline element with the appropriate classes, like so:
11
+ //
12
+ // <a href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
13
+
14
+ // Import the fonts
15
+ @font-face {
16
+ font-family: 'Glyphicons Halflings';
17
+ src: url(if($bootstrap-sass-asset-helper, font-path('#{$icon-font-path}#{$icon-font-name}.eot'), '#{$icon-font-path}#{$icon-font-name}.eot'));
18
+ src: url(if($bootstrap-sass-asset-helper, font-path('#{$icon-font-path}#{$icon-font-name}.eot?#iefix'), '#{$icon-font-path}#{$icon-font-name}.eot?#iefix')) format('embedded-opentype'),
19
+ url(if($bootstrap-sass-asset-helper, font-path('#{$icon-font-path}#{$icon-font-name}.woff'), '#{$icon-font-path}#{$icon-font-name}.woff')) format('woff'),
20
+ url(if($bootstrap-sass-asset-helper, font-path('#{$icon-font-path}#{$icon-font-name}.ttf'), '#{$icon-font-path}#{$icon-font-name}.ttf')) format('truetype'),
21
+ url(if($bootstrap-sass-asset-helper, font-path('#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}'), '#{$icon-font-path}#{$icon-font-name}.svg##{$icon-font-svg-id}')) format('svg');
22
+ }
23
+
24
+ // Catchall baseclass
25
+ .glyphicon {
26
+ position: relative;
27
+ top: 1px;
28
+ display: inline-block;
29
+ font-family: 'Glyphicons Halflings';
30
+ font-style: normal;
31
+ font-weight: normal;
32
+ line-height: 1;
33
+ -webkit-font-smoothing: antialiased;
34
+ -moz-osx-font-smoothing: grayscale;
35
+ }
36
+
37
+ // Individual icons
38
+ .glyphicon-asterisk { &:before { content: "\2a"; } }
39
+ .glyphicon-plus { &:before { content: "\2b"; } }
40
+ .glyphicon-euro { &:before { content: "\20ac"; } }
41
+ .glyphicon-minus { &:before { content: "\2212"; } }
42
+ .glyphicon-cloud { &:before { content: "\2601"; } }
43
+ .glyphicon-envelope { &:before { content: "\2709"; } }
44
+ .glyphicon-pencil { &:before { content: "\270f"; } }
45
+ .glyphicon-glass { &:before { content: "\e001"; } }
46
+ .glyphicon-music { &:before { content: "\e002"; } }
47
+ .glyphicon-search { &:before { content: "\e003"; } }
48
+ .glyphicon-heart { &:before { content: "\e005"; } }
49
+ .glyphicon-star { &:before { content: "\e006"; } }
50
+ .glyphicon-star-empty { &:before { content: "\e007"; } }
51
+ .glyphicon-user { &:before { content: "\e008"; } }
52
+ .glyphicon-film { &:before { content: "\e009"; } }
53
+ .glyphicon-th-large { &:before { content: "\e010"; } }
54
+ .glyphicon-th { &:before { content: "\e011"; } }
55
+ .glyphicon-th-list { &:before { content: "\e012"; } }
56
+ .glyphicon-ok { &:before { content: "\e013"; } }
57
+ .glyphicon-remove { &:before { content: "\e014"; } }
58
+ .glyphicon-zoom-in { &:before { content: "\e015"; } }
59
+ .glyphicon-zoom-out { &:before { content: "\e016"; } }
60
+ .glyphicon-off { &:before { content: "\e017"; } }
61
+ .glyphicon-signal { &:before { content: "\e018"; } }
62
+ .glyphicon-cog { &:before { content: "\e019"; } }
63
+ .glyphicon-trash { &:before { content: "\e020"; } }
64
+ .glyphicon-home { &:before { content: "\e021"; } }
65
+ .glyphicon-file { &:before { content: "\e022"; } }
66
+ .glyphicon-time { &:before { content: "\e023"; } }
67
+ .glyphicon-road { &:before { content: "\e024"; } }
68
+ .glyphicon-download-alt { &:before { content: "\e025"; } }
69
+ .glyphicon-download { &:before { content: "\e026"; } }
70
+ .glyphicon-upload { &:before { content: "\e027"; } }
71
+ .glyphicon-inbox { &:before { content: "\e028"; } }
72
+ .glyphicon-play-circle { &:before { content: "\e029"; } }
73
+ .glyphicon-repeat { &:before { content: "\e030"; } }
74
+ .glyphicon-refresh { &:before { content: "\e031"; } }
75
+ .glyphicon-list-alt { &:before { content: "\e032"; } }
76
+ .glyphicon-lock { &:before { content: "\e033"; } }
77
+ .glyphicon-flag { &:before { content: "\e034"; } }
78
+ .glyphicon-headphones { &:before { content: "\e035"; } }
79
+ .glyphicon-volume-off { &:before { content: "\e036"; } }
80
+ .glyphicon-volume-down { &:before { content: "\e037"; } }
81
+ .glyphicon-volume-up { &:before { content: "\e038"; } }
82
+ .glyphicon-qrcode { &:before { content: "\e039"; } }
83
+ .glyphicon-barcode { &:before { content: "\e040"; } }
84
+ .glyphicon-tag { &:before { content: "\e041"; } }
85
+ .glyphicon-tags { &:before { content: "\e042"; } }
86
+ .glyphicon-book { &:before { content: "\e043"; } }
87
+ .glyphicon-bookmark { &:before { content: "\e044"; } }
88
+ .glyphicon-print { &:before { content: "\e045"; } }
89
+ .glyphicon-camera { &:before { content: "\e046"; } }
90
+ .glyphicon-font { &:before { content: "\e047"; } }
91
+ .glyphicon-bold { &:before { content: "\e048"; } }
92
+ .glyphicon-italic { &:before { content: "\e049"; } }
93
+ .glyphicon-text-height { &:before { content: "\e050"; } }
94
+ .glyphicon-text-width { &:before { content: "\e051"; } }
95
+ .glyphicon-align-left { &:before { content: "\e052"; } }
96
+ .glyphicon-align-center { &:before { content: "\e053"; } }
97
+ .glyphicon-align-right { &:before { content: "\e054"; } }
98
+ .glyphicon-align-justify { &:before { content: "\e055"; } }
99
+ .glyphicon-list { &:before { content: "\e056"; } }
100
+ .glyphicon-indent-left { &:before { content: "\e057"; } }
101
+ .glyphicon-indent-right { &:before { content: "\e058"; } }
102
+ .glyphicon-facetime-video { &:before { content: "\e059"; } }
103
+ .glyphicon-picture { &:before { content: "\e060"; } }
104
+ .glyphicon-map-marker { &:before { content: "\e062"; } }
105
+ .glyphicon-adjust { &:before { content: "\e063"; } }
106
+ .glyphicon-tint { &:before { content: "\e064"; } }
107
+ .glyphicon-edit { &:before { content: "\e065"; } }
108
+ .glyphicon-share { &:before { content: "\e066"; } }
109
+ .glyphicon-check { &:before { content: "\e067"; } }
110
+ .glyphicon-move { &:before { content: "\e068"; } }
111
+ .glyphicon-step-backward { &:before { content: "\e069"; } }
112
+ .glyphicon-fast-backward { &:before { content: "\e070"; } }
113
+ .glyphicon-backward { &:before { content: "\e071"; } }
114
+ .glyphicon-play { &:before { content: "\e072"; } }
115
+ .glyphicon-pause { &:before { content: "\e073"; } }
116
+ .glyphicon-stop { &:before { content: "\e074"; } }
117
+ .glyphicon-forward { &:before { content: "\e075"; } }
118
+ .glyphicon-fast-forward { &:before { content: "\e076"; } }
119
+ .glyphicon-step-forward { &:before { content: "\e077"; } }
120
+ .glyphicon-eject { &:before { content: "\e078"; } }
121
+ .glyphicon-chevron-left { &:before { content: "\e079"; } }
122
+ .glyphicon-chevron-right { &:before { content: "\e080"; } }
123
+ .glyphicon-plus-sign { &:before { content: "\e081"; } }
124
+ .glyphicon-minus-sign { &:before { content: "\e082"; } }
125
+ .glyphicon-remove-sign { &:before { content: "\e083"; } }
126
+ .glyphicon-ok-sign { &:before { content: "\e084"; } }
127
+ .glyphicon-question-sign { &:before { content: "\e085"; } }
128
+ .glyphicon-info-sign { &:before { content: "\e086"; } }
129
+ .glyphicon-screenshot { &:before { content: "\e087"; } }
130
+ .glyphicon-remove-circle { &:before { content: "\e088"; } }
131
+ .glyphicon-ok-circle { &:before { content: "\e089"; } }
132
+ .glyphicon-ban-circle { &:before { content: "\e090"; } }
133
+ .glyphicon-arrow-left { &:before { content: "\e091"; } }
134
+ .glyphicon-arrow-right { &:before { content: "\e092"; } }
135
+ .glyphicon-arrow-up { &:before { content: "\e093"; } }
136
+ .glyphicon-arrow-down { &:before { content: "\e094"; } }
137
+ .glyphicon-share-alt { &:before { content: "\e095"; } }
138
+ .glyphicon-resize-full { &:before { content: "\e096"; } }
139
+ .glyphicon-resize-small { &:before { content: "\e097"; } }
140
+ .glyphicon-exclamation-sign { &:before { content: "\e101"; } }
141
+ .glyphicon-gift { &:before { content: "\e102"; } }
142
+ .glyphicon-leaf { &:before { content: "\e103"; } }
143
+ .glyphicon-fire { &:before { content: "\e104"; } }
144
+ .glyphicon-eye-open { &:before { content: "\e105"; } }
145
+ .glyphicon-eye-close { &:before { content: "\e106"; } }
146
+ .glyphicon-warning-sign { &:before { content: "\e107"; } }
147
+ .glyphicon-plane { &:before { content: "\e108"; } }
148
+ .glyphicon-calendar { &:before { content: "\e109"; } }
149
+ .glyphicon-random { &:before { content: "\e110"; } }
150
+ .glyphicon-comment { &:before { content: "\e111"; } }
151
+ .glyphicon-magnet { &:before { content: "\e112"; } }
152
+ .glyphicon-chevron-up { &:before { content: "\e113"; } }
153
+ .glyphicon-chevron-down { &:before { content: "\e114"; } }
154
+ .glyphicon-retweet { &:before { content: "\e115"; } }
155
+ .glyphicon-shopping-cart { &:before { content: "\e116"; } }
156
+ .glyphicon-folder-close { &:before { content: "\e117"; } }
157
+ .glyphicon-folder-open { &:before { content: "\e118"; } }
158
+ .glyphicon-resize-vertical { &:before { content: "\e119"; } }
159
+ .glyphicon-resize-horizontal { &:before { content: "\e120"; } }
160
+ .glyphicon-hdd { &:before { content: "\e121"; } }
161
+ .glyphicon-bullhorn { &:before { content: "\e122"; } }
162
+ .glyphicon-bell { &:before { content: "\e123"; } }
163
+ .glyphicon-certificate { &:before { content: "\e124"; } }
164
+ .glyphicon-thumbs-up { &:before { content: "\e125"; } }
165
+ .glyphicon-thumbs-down { &:before { content: "\e126"; } }
166
+ .glyphicon-hand-right { &:before { content: "\e127"; } }
167
+ .glyphicon-hand-left { &:before { content: "\e128"; } }
168
+ .glyphicon-hand-up { &:before { content: "\e129"; } }
169
+ .glyphicon-hand-down { &:before { content: "\e130"; } }
170
+ .glyphicon-circle-arrow-right { &:before { content: "\e131"; } }
171
+ .glyphicon-circle-arrow-left { &:before { content: "\e132"; } }
172
+ .glyphicon-circle-arrow-up { &:before { content: "\e133"; } }
173
+ .glyphicon-circle-arrow-down { &:before { content: "\e134"; } }
174
+ .glyphicon-globe { &:before { content: "\e135"; } }
175
+ .glyphicon-wrench { &:before { content: "\e136"; } }
176
+ .glyphicon-tasks { &:before { content: "\e137"; } }
177
+ .glyphicon-filter { &:before { content: "\e138"; } }
178
+ .glyphicon-briefcase { &:before { content: "\e139"; } }
179
+ .glyphicon-fullscreen { &:before { content: "\e140"; } }
180
+ .glyphicon-dashboard { &:before { content: "\e141"; } }
181
+ .glyphicon-paperclip { &:before { content: "\e142"; } }
182
+ .glyphicon-heart-empty { &:before { content: "\e143"; } }
183
+ .glyphicon-link { &:before { content: "\e144"; } }
184
+ .glyphicon-phone { &:before { content: "\e145"; } }
185
+ .glyphicon-pushpin { &:before { content: "\e146"; } }
186
+ .glyphicon-usd { &:before { content: "\e148"; } }
187
+ .glyphicon-gbp { &:before { content: "\e149"; } }
188
+ .glyphicon-sort { &:before { content: "\e150"; } }
189
+ .glyphicon-sort-by-alphabet { &:before { content: "\e151"; } }
190
+ .glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } }
191
+ .glyphicon-sort-by-order { &:before { content: "\e153"; } }
192
+ .glyphicon-sort-by-order-alt { &:before { content: "\e154"; } }
193
+ .glyphicon-sort-by-attributes { &:before { content: "\e155"; } }
194
+ .glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } }
195
+ .glyphicon-unchecked { &:before { content: "\e157"; } }
196
+ .glyphicon-expand { &:before { content: "\e158"; } }
197
+ .glyphicon-collapse-down { &:before { content: "\e159"; } }
198
+ .glyphicon-collapse-up { &:before { content: "\e160"; } }
199
+ .glyphicon-log-in { &:before { content: "\e161"; } }
200
+ .glyphicon-flash { &:before { content: "\e162"; } }
201
+ .glyphicon-log-out { &:before { content: "\e163"; } }
202
+ .glyphicon-new-window { &:before { content: "\e164"; } }
203
+ .glyphicon-record { &:before { content: "\e165"; } }
204
+ .glyphicon-save { &:before { content: "\e166"; } }
205
+ .glyphicon-open { &:before { content: "\e167"; } }
206
+ .glyphicon-saved { &:before { content: "\e168"; } }
207
+ .glyphicon-import { &:before { content: "\e169"; } }
208
+ .glyphicon-export { &:before { content: "\e170"; } }
209
+ .glyphicon-send { &:before { content: "\e171"; } }
210
+ .glyphicon-floppy-disk { &:before { content: "\e172"; } }
211
+ .glyphicon-floppy-saved { &:before { content: "\e173"; } }
212
+ .glyphicon-floppy-remove { &:before { content: "\e174"; } }
213
+ .glyphicon-floppy-save { &:before { content: "\e175"; } }
214
+ .glyphicon-floppy-open { &:before { content: "\e176"; } }
215
+ .glyphicon-credit-card { &:before { content: "\e177"; } }
216
+ .glyphicon-transfer { &:before { content: "\e178"; } }
217
+ .glyphicon-cutlery { &:before { content: "\e179"; } }
218
+ .glyphicon-header { &:before { content: "\e180"; } }
219
+ .glyphicon-compressed { &:before { content: "\e181"; } }
220
+ .glyphicon-earphone { &:before { content: "\e182"; } }
221
+ .glyphicon-phone-alt { &:before { content: "\e183"; } }
222
+ .glyphicon-tower { &:before { content: "\e184"; } }
223
+ .glyphicon-stats { &:before { content: "\e185"; } }
224
+ .glyphicon-sd-video { &:before { content: "\e186"; } }
225
+ .glyphicon-hd-video { &:before { content: "\e187"; } }
226
+ .glyphicon-subtitles { &:before { content: "\e188"; } }
227
+ .glyphicon-sound-stereo { &:before { content: "\e189"; } }
228
+ .glyphicon-sound-dolby { &:before { content: "\e190"; } }
229
+ .glyphicon-sound-5-1 { &:before { content: "\e191"; } }
230
+ .glyphicon-sound-6-1 { &:before { content: "\e192"; } }
231
+ .glyphicon-sound-7-1 { &:before { content: "\e193"; } }
232
+ .glyphicon-copyright-mark { &:before { content: "\e194"; } }
233
+ .glyphicon-registration-mark { &:before { content: "\e195"; } }
234
+ .glyphicon-cloud-download { &:before { content: "\e197"; } }
235
+ .glyphicon-cloud-upload { &:before { content: "\e198"; } }
236
+ .glyphicon-tree-conifer { &:before { content: "\e199"; } }
237
+ .glyphicon-tree-deciduous { &:before { content: "\e200"; } }
@@ -0,0 +1,10 @@
1
+ // Mixins
2
+ // --------------------------------------------------
3
+
4
+ // Utilities
5
+ @import "mixins/reset-filter";
6
+ @import "mixins/vendor-prefixes";
7
+
8
+ // Components
9
+ @import "mixins/table-row";
10
+ @import "mixins/nav-divider";
@@ -0,0 +1,101 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ a[href^="javascript:"]:after,
30
+ a[href^="#"]:after {
31
+ content: "";
32
+ }
33
+
34
+ pre,
35
+ blockquote {
36
+ border: 1px solid #999;
37
+ page-break-inside: avoid;
38
+ }
39
+
40
+ thead {
41
+ display: table-header-group; // h5bp.com/t
42
+ }
43
+
44
+ tr,
45
+ img {
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ img {
50
+ max-width: 100% !important;
51
+ }
52
+
53
+ p,
54
+ h2,
55
+ h3 {
56
+ orphans: 3;
57
+ widows: 3;
58
+ }
59
+
60
+ h2,
61
+ h3 {
62
+ page-break-after: avoid;
63
+ }
64
+
65
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
+ // Once fixed, we can just straight up remove this.
67
+ select {
68
+ background: #fff !important;
69
+ }
70
+
71
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .table {
76
+ td,
77
+ th {
78
+ background-color: #fff !important;
79
+ }
80
+ }
81
+ .btn,
82
+ .dropup > .btn {
83
+ > .caret {
84
+ border-top-color: #000 !important;
85
+ }
86
+ }
87
+ .label {
88
+ border: 1px solid #000;
89
+ }
90
+
91
+ .table {
92
+ border-collapse: collapse !important;
93
+ }
94
+ .table-bordered {
95
+ th,
96
+ td {
97
+ border: 1px solid #ddd !important;
98
+ }
99
+ }
100
+
101
+ }
@@ -0,0 +1,18 @@
1
+ //
2
+ // Tables
3
+ // --------------------------------------------------
4
+
5
+ // Condensed table w/ half padding
6
+
7
+ .table-condensed {
8
+ > thead,
9
+ > tbody,
10
+ > tfoot {
11
+ > tr {
12
+ > th,
13
+ > td {
14
+ padding: $table-condensed-cell-padding;
15
+ }
16
+ }
17
+ }
18
+ }
@@ -0,0 +1,258 @@
1
+
2
+ //
3
+ // Load core variables and mixins
4
+ // --------------------------------------------------
5
+
6
+ @import "variables";
7
+ @import "mixins";
8
+
9
+
10
+
11
+ //
12
+ // Buttons
13
+ // --------------------------------------------------
14
+
15
+ // Common styles
16
+ .btn-default,
17
+ .btn-primary,
18
+ .btn-success,
19
+ .btn-info,
20
+ .btn-warning,
21
+ .btn-danger {
22
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
23
+ $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
24
+ @include box-shadow($shadow);
25
+
26
+ // Reset the shadow
27
+ &:active,
28
+ &.active {
29
+ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
30
+ }
31
+ }
32
+
33
+ // Mixin for generating new styles
34
+ @mixin btn-styles($btn-color: #555) {
35
+ @include gradient-vertical($start-color: $btn-color, $end-color: darken($btn-color, 12%));
36
+ @include reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners
37
+ background-repeat: repeat-x;
38
+ border-color: darken($btn-color, 14%);
39
+
40
+ &:hover,
41
+ &:focus {
42
+ background-color: darken($btn-color, 12%);
43
+ background-position: 0 -15px;
44
+ }
45
+
46
+ &:active,
47
+ &.active {
48
+ background-color: darken($btn-color, 12%);
49
+ border-color: darken($btn-color, 14%);
50
+ }
51
+
52
+ &:disabled,
53
+ &[disabled] {
54
+ background-color: darken($btn-color, 12%);
55
+ background-image: none;
56
+ }
57
+ }
58
+
59
+ // Common styles
60
+ .btn {
61
+ // Remove the gradient for the pressed/active state
62
+ &:active,
63
+ &.active {
64
+ background-image: none;
65
+ }
66
+ }
67
+
68
+ // Apply the mixin to the buttons
69
+ .btn-default { @include btn-styles($btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
70
+ .btn-primary { @include btn-styles($btn-primary-bg); }
71
+ .btn-success { @include btn-styles($btn-success-bg); }
72
+ .btn-info { @include btn-styles($btn-info-bg); }
73
+ .btn-warning { @include btn-styles($btn-warning-bg); }
74
+ .btn-danger { @include btn-styles($btn-danger-bg); }
75
+
76
+
77
+
78
+ //
79
+ // Images
80
+ // --------------------------------------------------
81
+
82
+ .thumbnail,
83
+ .img-thumbnail {
84
+ @include box-shadow(0 1px 2px rgba(0,0,0,.075));
85
+ }
86
+
87
+
88
+
89
+ //
90
+ // Dropdowns
91
+ // --------------------------------------------------
92
+
93
+ .dropdown-menu > li > a:hover,
94
+ .dropdown-menu > li > a:focus {
95
+ @include gradient-vertical($start-color: $dropdown-link-hover-bg, $end-color: darken($dropdown-link-hover-bg, 5%));
96
+ background-color: darken($dropdown-link-hover-bg, 5%);
97
+ }
98
+ .dropdown-menu > .active > a,
99
+ .dropdown-menu > .active > a:hover,
100
+ .dropdown-menu > .active > a:focus {
101
+ @include gradient-vertical($start-color: $dropdown-link-active-bg, $end-color: darken($dropdown-link-active-bg, 5%));
102
+ background-color: darken($dropdown-link-active-bg, 5%);
103
+ }
104
+
105
+
106
+
107
+ //
108
+ // Navbar
109
+ // --------------------------------------------------
110
+
111
+ // Default navbar
112
+ .navbar-default {
113
+ @include gradient-vertical($start-color: lighten($navbar-default-bg, 10%), $end-color: $navbar-default-bg);
114
+ @include reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
115
+ border-radius: $navbar-border-radius;
116
+ $shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
117
+ @include box-shadow($shadow);
118
+
119
+ .navbar-nav > .active > a {
120
+ @include gradient-vertical($start-color: darken($navbar-default-bg, 5%), $end-color: darken($navbar-default-bg, 2%));
121
+ @include box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
122
+ }
123
+ }
124
+ .navbar-brand,
125
+ .navbar-nav > li > a {
126
+ text-shadow: 0 1px 0 rgba(255,255,255,.25);
127
+ }
128
+
129
+ // Inverted navbar
130
+ .navbar-inverse {
131
+ @include gradient-vertical($start-color: lighten($navbar-inverse-bg, 10%), $end-color: $navbar-inverse-bg);
132
+ @include reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
133
+
134
+ .navbar-nav > .active > a {
135
+ @include gradient-vertical($start-color: $navbar-inverse-bg, $end-color: lighten($navbar-inverse-bg, 2.5%));
136
+ @include box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
137
+ }
138
+
139
+ .navbar-brand,
140
+ .navbar-nav > li > a {
141
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
142
+ }
143
+ }
144
+
145
+ // Undo rounded corners in static and fixed navbars
146
+ .navbar-static-top,
147
+ .navbar-fixed-top,
148
+ .navbar-fixed-bottom {
149
+ border-radius: 0;
150
+ }
151
+
152
+
153
+
154
+ //
155
+ // Alerts
156
+ // --------------------------------------------------
157
+
158
+ // Common styles
159
+ .alert {
160
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
161
+ $shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
162
+ @include box-shadow($shadow);
163
+ }
164
+
165
+ // Mixin for generating new styles
166
+ @mixin alert-styles($color) {
167
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 7.5%));
168
+ border-color: darken($color, 15%);
169
+ }
170
+
171
+ // Apply the mixin to the alerts
172
+ .alert-success { @include alert-styles($alert-success-bg); }
173
+ .alert-info { @include alert-styles($alert-info-bg); }
174
+ .alert-warning { @include alert-styles($alert-warning-bg); }
175
+ .alert-danger { @include alert-styles($alert-danger-bg); }
176
+
177
+
178
+
179
+ //
180
+ // Progress bars
181
+ // --------------------------------------------------
182
+
183
+ // Give the progress background some depth
184
+ .progress {
185
+ @include gradient-vertical($start-color: darken($progress-bg, 4%), $end-color: $progress-bg)
186
+ }
187
+
188
+ // Mixin for generating new styles
189
+ @mixin progress-bar-styles($color) {
190
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 10%));
191
+ }
192
+
193
+ // Apply the mixin to the progress bars
194
+ .progress-bar { @include progress-bar-styles($progress-bar-bg); }
195
+ .progress-bar-success { @include progress-bar-styles($progress-bar-success-bg); }
196
+ .progress-bar-info { @include progress-bar-styles($progress-bar-info-bg); }
197
+ .progress-bar-warning { @include progress-bar-styles($progress-bar-warning-bg); }
198
+ .progress-bar-danger { @include progress-bar-styles($progress-bar-danger-bg); }
199
+
200
+ // Reset the striped class because our mixins don't do multiple gradients and
201
+ // the above custom styles override the new `.progress-bar-striped` in v3.2.0.
202
+ .progress-bar-striped {
203
+ @include gradient-striped();
204
+ }
205
+
206
+
207
+ //
208
+ // List groups
209
+ // --------------------------------------------------
210
+
211
+ .list-group {
212
+ border-radius: $border-radius-base;
213
+ @include box-shadow(0 1px 2px rgba(0,0,0,.075));
214
+ }
215
+ .list-group-item.active,
216
+ .list-group-item.active:hover,
217
+ .list-group-item.active:focus {
218
+ text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%);
219
+ @include gradient-vertical($start-color: $list-group-active-bg, $end-color: darken($list-group-active-bg, 7.5%));
220
+ border-color: darken($list-group-active-border, 7.5%);
221
+ }
222
+
223
+
224
+
225
+ //
226
+ // Panels
227
+ // --------------------------------------------------
228
+
229
+ // Common styles
230
+ .panel {
231
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
232
+ }
233
+
234
+ // Mixin for generating new styles
235
+ @mixin panel-heading-styles($color) {
236
+ @include gradient-vertical($start-color: $color, $end-color: darken($color, 5%));
237
+ }
238
+
239
+ // Apply the mixin to the panel headings only
240
+ .panel-default > .panel-heading { @include panel-heading-styles($panel-default-heading-bg); }
241
+ .panel-primary > .panel-heading { @include panel-heading-styles($panel-primary-heading-bg); }
242
+ .panel-success > .panel-heading { @include panel-heading-styles($panel-success-heading-bg); }
243
+ .panel-info > .panel-heading { @include panel-heading-styles($panel-info-heading-bg); }
244
+ .panel-warning > .panel-heading { @include panel-heading-styles($panel-warning-heading-bg); }
245
+ .panel-danger > .panel-heading { @include panel-heading-styles($panel-danger-heading-bg); }
246
+
247
+
248
+
249
+ //
250
+ // Wells
251
+ // --------------------------------------------------
252
+
253
+ .well {
254
+ @include gradient-vertical($start-color: darken($well-bg, 5%), $end-color: $well-bg);
255
+ border-color: darken($well-bg, 10%);
256
+ $shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
257
+ @include box-shadow($shadow);
258
+ }