twitter-bootstrap-rails 2.2.1 → 2.2.3
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of twitter-bootstrap-rails might be problematic. Click here for more details.
- data/README.md +4 -0
- data/lib/generators/bootstrap/themed/themed_generator.rb +1 -1
- data/lib/twitter/bootstrap/rails/version.rb +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +31 -9
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +4 -4
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +14 -10
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +13 -11
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +5 -5
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +95 -29
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +16 -4
- data/vendor/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +108 -103
- data/vendor/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +2 -2
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +4 -4
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +4 -2
- data/vendor/toolkit/twitter/bootstrap/buttons.less +8 -10
- data/vendor/toolkit/twitter/bootstrap/carousel.less +34 -7
- data/vendor/toolkit/twitter/bootstrap/close.less +2 -1
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +16 -12
- data/vendor/toolkit/twitter/bootstrap/forms.less +5 -2
- data/vendor/toolkit/twitter/bootstrap/labels-badges.less +4 -2
- data/vendor/toolkit/twitter/bootstrap/media.less +2 -2
- data/vendor/toolkit/twitter/bootstrap/mixins.less +20 -4
- data/vendor/toolkit/twitter/bootstrap/navbar.less +20 -13
- data/vendor/toolkit/twitter/bootstrap/navs.less +39 -21
- data/vendor/toolkit/twitter/bootstrap/pager.less +3 -1
- data/vendor/toolkit/twitter/bootstrap/pagination.less +3 -1
- data/vendor/toolkit/twitter/bootstrap/popovers.less +5 -1
- data/vendor/toolkit/twitter/bootstrap/reset.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +2 -2
- data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +6 -2
- data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +16 -0
- data/vendor/toolkit/twitter/bootstrap/responsive.less +1 -10
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +2 -1
- data/vendor/toolkit/twitter/bootstrap/sprites.less +9 -5
- data/vendor/toolkit/twitter/bootstrap/tables.less +24 -17
- data/vendor/toolkit/twitter/bootstrap/thumbnails.less +3 -2
- data/vendor/toolkit/twitter/bootstrap/tooltip.less +6 -6
- data/vendor/toolkit/twitter/bootstrap/type.less +19 -7
- data/vendor/toolkit/twitter/bootstrap/variables.less +1 -1
- metadata +14 -14
@@ -3,7 +3,7 @@
|
|
3
3
|
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
|
4
4
|
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
5
5
|
[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("<%= asset_path 'twitter/bootstrap/glyphicons-halflings.png' %>");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px;}
|
6
|
-
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:url("<%= asset_path 'twitter/bootstrap/glyphicons-halflings-white.png' %>");}
|
6
|
+
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]{background-image:url("<%= asset_path 'twitter/bootstrap/glyphicons-halflings-white.png' %>");}
|
7
7
|
.icon-glass{background-position:0 0;}
|
8
8
|
.icon-music{background-position:-24px 0;}
|
9
9
|
.icon-search{background-position:-48px 0;}
|
@@ -120,7 +120,7 @@
|
|
120
120
|
.icon-chevron-down{background-position:-313px -119px;}
|
121
121
|
.icon-retweet{background-position:-336px -120px;}
|
122
122
|
.icon-shopping-cart{background-position:-360px -120px;}
|
123
|
-
.icon-folder-close{background-position:-384px -120px;}
|
123
|
+
.icon-folder-close{background-position:-384px -120px;width:16px;}
|
124
124
|
.icon-folder-open{background-position:-408px -120px;width:16px;}
|
125
125
|
.icon-resize-vertical{background-position:-432px -119px;}
|
126
126
|
.icon-resize-horizontal{background-position:-456px -118px;}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap v2.
|
2
|
+
* Bootstrap v2.3.0
|
3
3
|
*
|
4
4
|
* Copyright 2012 Twitter, Inc
|
5
5
|
* Licensed under the Apache License v2.0
|
@@ -8,13 +8,13 @@
|
|
8
8
|
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
9
9
|
*/
|
10
10
|
|
11
|
-
// CSS Reset
|
12
|
-
@import "reset.less";
|
13
|
-
|
14
11
|
// Core variables and mixins
|
15
12
|
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
16
13
|
@import "mixins.less";
|
17
14
|
|
15
|
+
// CSS Reset
|
16
|
+
@import "reset.less";
|
17
|
+
|
18
18
|
// Grid system and page structure
|
19
19
|
@import "scaffolding.less";
|
20
20
|
@import "grid.less";
|
@@ -164,8 +164,6 @@
|
|
164
164
|
margin-left: 0;
|
165
165
|
}
|
166
166
|
// Carets in other button sizes
|
167
|
-
.btn-mini .caret,
|
168
|
-
.btn-small .caret,
|
169
167
|
.btn-large .caret {
|
170
168
|
margin-top: 6px;
|
171
169
|
}
|
@@ -174,6 +172,10 @@
|
|
174
172
|
border-right-width: 5px;
|
175
173
|
border-top-width: 5px;
|
176
174
|
}
|
175
|
+
.btn-mini .caret,
|
176
|
+
.btn-small .caret {
|
177
|
+
margin-top: 8px;
|
178
|
+
}
|
177
179
|
// Upside down carets for .dropup
|
178
180
|
.dropup .btn-large .caret {
|
179
181
|
border-bottom-width: 5px;
|
@@ -25,13 +25,14 @@
|
|
25
25
|
.ie7-restore-left-whitespace(); // Give IE7 some love
|
26
26
|
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
27
27
|
|
28
|
-
// Hover state
|
29
|
-
&:hover
|
28
|
+
// Hover/focus state
|
29
|
+
&:hover,
|
30
|
+
&:focus {
|
30
31
|
color: @grayDark;
|
31
32
|
text-decoration: none;
|
32
33
|
background-position: 0 -15px;
|
33
34
|
|
34
|
-
// transition is only when going to hover, otherwise the background
|
35
|
+
// transition is only when going to hover/focus, otherwise the background
|
35
36
|
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
36
37
|
.transition(background-position .1s linear);
|
37
38
|
}
|
@@ -141,11 +142,6 @@ input[type="button"] {
|
|
141
142
|
|
142
143
|
// Set the backgrounds
|
143
144
|
// -------------------------
|
144
|
-
.btn {
|
145
|
-
// reset here as of 2.0.3 due to Recess property order
|
146
|
-
border-color: #c5c5c5;
|
147
|
-
border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25);
|
148
|
-
}
|
149
145
|
.btn-primary {
|
150
146
|
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
|
151
147
|
}
|
@@ -219,12 +215,14 @@ input[type="submit"].btn {
|
|
219
215
|
color: @linkColor;
|
220
216
|
.border-radius(0);
|
221
217
|
}
|
222
|
-
.btn-link:hover
|
218
|
+
.btn-link:hover,
|
219
|
+
.btn-link:focus {
|
223
220
|
color: @linkColorHover;
|
224
221
|
text-decoration: underline;
|
225
222
|
background-color: transparent;
|
226
223
|
}
|
227
|
-
.btn-link[disabled]:hover
|
224
|
+
.btn-link[disabled]:hover,
|
225
|
+
.btn-link[disabled]:focus {
|
228
226
|
color: @grayDark;
|
229
227
|
text-decoration: none;
|
230
228
|
}
|
@@ -21,12 +21,13 @@
|
|
21
21
|
display: none;
|
22
22
|
position: relative;
|
23
23
|
.transition(.6s ease-in-out left);
|
24
|
-
}
|
25
24
|
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
25
|
+
// Account for jankitude on images
|
26
|
+
> img,
|
27
|
+
> a > img {
|
28
|
+
display: block;
|
29
|
+
line-height: 1;
|
30
|
+
}
|
30
31
|
}
|
31
32
|
|
32
33
|
> .active,
|
@@ -97,14 +98,40 @@
|
|
97
98
|
right: 15px;
|
98
99
|
}
|
99
100
|
|
100
|
-
// Hover state
|
101
|
-
&:hover
|
101
|
+
// Hover/focus state
|
102
|
+
&:hover,
|
103
|
+
&:focus {
|
102
104
|
color: @white;
|
103
105
|
text-decoration: none;
|
104
106
|
.opacity(90);
|
105
107
|
}
|
106
108
|
}
|
107
109
|
|
110
|
+
// Carousel indicator pips
|
111
|
+
// -----------------------------
|
112
|
+
.carousel-indicators {
|
113
|
+
position: absolute;
|
114
|
+
top: 15px;
|
115
|
+
right: 15px;
|
116
|
+
z-index: 5;
|
117
|
+
margin: 0;
|
118
|
+
list-style: none;
|
119
|
+
|
120
|
+
li {
|
121
|
+
display: block;
|
122
|
+
float: left;
|
123
|
+
width: 10px;
|
124
|
+
height: 10px;
|
125
|
+
margin-left: 5px;
|
126
|
+
text-indent: -999px;
|
127
|
+
background-color: #ccc;
|
128
|
+
background-color: rgba(255,255,255,.25);
|
129
|
+
border-radius: 5px;
|
130
|
+
}
|
131
|
+
.active {
|
132
|
+
background-color: #fff;
|
133
|
+
}
|
134
|
+
}
|
108
135
|
|
109
136
|
// Caption for text below images
|
110
137
|
// -----------------------------
|
@@ -72,7 +72,7 @@
|
|
72
72
|
}
|
73
73
|
|
74
74
|
// Links within the dropdown menu
|
75
|
-
li > a {
|
75
|
+
> li > a {
|
76
76
|
display: block;
|
77
77
|
padding: 3px 20px;
|
78
78
|
clear: both;
|
@@ -83,11 +83,12 @@
|
|
83
83
|
}
|
84
84
|
}
|
85
85
|
|
86
|
-
// Hover state
|
86
|
+
// Hover/Focus state
|
87
87
|
// -----------
|
88
|
-
.dropdown-menu li > a:hover,
|
89
|
-
.dropdown-menu li > a:focus,
|
90
|
-
.dropdown-submenu:hover > a
|
88
|
+
.dropdown-menu > li > a:hover,
|
89
|
+
.dropdown-menu > li > a:focus,
|
90
|
+
.dropdown-submenu:hover > a,
|
91
|
+
.dropdown-submenu:focus > a {
|
91
92
|
text-decoration: none;
|
92
93
|
color: @dropdownLinkColorHover;
|
93
94
|
#gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
|
@@ -95,8 +96,9 @@
|
|
95
96
|
|
96
97
|
// Active state
|
97
98
|
// ------------
|
98
|
-
.dropdown-menu .active > a,
|
99
|
-
.dropdown-menu .active > a:hover
|
99
|
+
.dropdown-menu > .active > a,
|
100
|
+
.dropdown-menu > .active > a:hover,
|
101
|
+
.dropdown-menu > .active > a:focus {
|
100
102
|
color: @dropdownLinkColorActive;
|
101
103
|
text-decoration: none;
|
102
104
|
outline: 0;
|
@@ -105,13 +107,15 @@
|
|
105
107
|
|
106
108
|
// Disabled state
|
107
109
|
// --------------
|
108
|
-
// Gray out text and ensure the hover state remains gray
|
109
|
-
.dropdown-menu .disabled > a,
|
110
|
-
.dropdown-menu .disabled > a:hover
|
110
|
+
// Gray out text and ensure the hover/focus state remains gray
|
111
|
+
.dropdown-menu > .disabled > a,
|
112
|
+
.dropdown-menu > .disabled > a:hover,
|
113
|
+
.dropdown-menu > .disabled > a:focus {
|
111
114
|
color: @grayLight;
|
112
115
|
}
|
113
|
-
// Nuke hover effects
|
114
|
-
.dropdown-menu .disabled > a:hover
|
116
|
+
// Nuke hover/focus effects
|
117
|
+
.dropdown-menu > .disabled > a:hover,
|
118
|
+
.dropdown-menu > .disabled > a:focus {
|
115
119
|
text-decoration: none;
|
116
120
|
background-color: transparent;
|
117
121
|
background-image: none; // Remove CSS gradient
|
@@ -422,7 +422,9 @@ select:focus:invalid {
|
|
422
422
|
// Allow us to put symbols and text within the input field for a cleaner look
|
423
423
|
.input-append,
|
424
424
|
.input-prepend {
|
425
|
-
|
425
|
+
display: inline-block;
|
426
|
+
margin-bottom: @baseLineHeight / 2;
|
427
|
+
vertical-align: middle;
|
426
428
|
font-size: 0; // white space collapse hack
|
427
429
|
white-space: nowrap; // Prevent span and input from separating
|
428
430
|
|
@@ -430,7 +432,8 @@ select:focus:invalid {
|
|
430
432
|
input,
|
431
433
|
select,
|
432
434
|
.uneditable-input,
|
433
|
-
.dropdown-menu
|
435
|
+
.dropdown-menu,
|
436
|
+
.popover {
|
434
437
|
font-size: @baseFontSize;
|
435
438
|
}
|
436
439
|
|
@@ -35,10 +35,12 @@
|
|
35
35
|
}
|
36
36
|
}
|
37
37
|
|
38
|
-
// Hover state, but only for links
|
38
|
+
// Hover/focus state, but only for links
|
39
39
|
a {
|
40
40
|
&.label:hover,
|
41
|
-
&.
|
41
|
+
&.label:focus,
|
42
|
+
&.badge:hover,
|
43
|
+
&.badge:focus {
|
42
44
|
color: @white;
|
43
45
|
text-decoration: none;
|
44
46
|
cursor: pointer;
|
@@ -268,6 +268,12 @@
|
|
268
268
|
-o-transition-delay: @transition-delay;
|
269
269
|
transition-delay: @transition-delay;
|
270
270
|
}
|
271
|
+
.transition-duration(@transition-duration) {
|
272
|
+
-webkit-transition-duration: @transition-duration;
|
273
|
+
-moz-transition-duration: @transition-duration;
|
274
|
+
-o-transition-duration: @transition-duration;
|
275
|
+
transition-duration: @transition-duration;
|
276
|
+
}
|
271
277
|
|
272
278
|
// Transformations
|
273
279
|
.rotate(@degrees) {
|
@@ -437,6 +443,17 @@
|
|
437
443
|
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
438
444
|
background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10
|
439
445
|
}
|
446
|
+
.horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
447
|
+
background-color: mix(@midColor, @endColor, 80%);
|
448
|
+
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
449
|
+
background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
450
|
+
background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
451
|
+
background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
452
|
+
background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor);
|
453
|
+
background-repeat: no-repeat;
|
454
|
+
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
|
455
|
+
}
|
456
|
+
|
440
457
|
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
441
458
|
background-color: mix(@midColor, @endColor, 80%);
|
442
459
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
@@ -500,7 +517,7 @@
|
|
500
517
|
.reset-filter();
|
501
518
|
|
502
519
|
// in these cases the gradient won't cover the background, so we override
|
503
|
-
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
520
|
+
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
504
521
|
color: @textColor;
|
505
522
|
background-color: @endColor;
|
506
523
|
*background-color: darken(@endColor, 5%);
|
@@ -609,8 +626,8 @@
|
|
609
626
|
.spanX (0) {}
|
610
627
|
|
611
628
|
.offsetX (@index) when (@index > 0) {
|
612
|
-
(~
|
613
|
-
(~
|
629
|
+
(~".offset@{index}") { .offset(@index); }
|
630
|
+
(~".offset@{index}:first-child") { .offsetFirstChild(@index); }
|
614
631
|
.offsetX(@index - 1);
|
615
632
|
}
|
616
633
|
.offsetX (0) {}
|
@@ -682,5 +699,4 @@
|
|
682
699
|
.spanX (@gridColumns);
|
683
700
|
|
684
701
|
}
|
685
|
-
|
686
702
|
}
|
@@ -56,7 +56,8 @@
|
|
56
56
|
font-weight: 200;
|
57
57
|
color: @navbarBrandColor;
|
58
58
|
text-shadow: 0 1px 0 @navbarBackgroundHighlight;
|
59
|
-
&:hover
|
59
|
+
&:hover,
|
60
|
+
&:focus {
|
60
61
|
text-decoration: none;
|
61
62
|
}
|
62
63
|
}
|
@@ -73,7 +74,8 @@
|
|
73
74
|
// -------------------------
|
74
75
|
.navbar-link {
|
75
76
|
color: @navbarLinkColor;
|
76
|
-
&:hover
|
77
|
+
&:hover,
|
78
|
+
&:focus {
|
77
79
|
color: @navbarLinkColorHover;
|
78
80
|
}
|
79
81
|
}
|
@@ -95,7 +97,9 @@
|
|
95
97
|
}
|
96
98
|
.navbar .btn-group .btn,
|
97
99
|
.navbar .input-prepend .btn,
|
98
|
-
.navbar .input-append .btn
|
100
|
+
.navbar .input-append .btn,
|
101
|
+
.navbar .input-prepend .btn-group,
|
102
|
+
.navbar .input-append .btn-group {
|
99
103
|
margin-top: 0; // then undo the margin here so we don't accidentally double it
|
100
104
|
}
|
101
105
|
|
@@ -245,13 +249,12 @@
|
|
245
249
|
}
|
246
250
|
.navbar .nav .dropdown-toggle .caret {
|
247
251
|
margin-top: 8px;
|
248
|
-
|
249
252
|
}
|
250
253
|
|
251
|
-
// Hover
|
254
|
+
// Hover/focus
|
252
255
|
.navbar .nav > li > a:focus,
|
253
256
|
.navbar .nav > li > a:hover {
|
254
|
-
background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
|
257
|
+
background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active
|
255
258
|
color: @navbarLinkColorHover;
|
256
259
|
text-decoration: none;
|
257
260
|
}
|
@@ -335,10 +338,11 @@
|
|
335
338
|
}
|
336
339
|
}
|
337
340
|
|
338
|
-
// Caret should match text color on hover
|
339
|
-
.navbar .nav li.dropdown > a:hover .caret
|
340
|
-
|
341
|
-
border-
|
341
|
+
// Caret should match text color on hover/focus
|
342
|
+
.navbar .nav li.dropdown > a:hover .caret,
|
343
|
+
.navbar .nav li.dropdown > a:focus .caret {
|
344
|
+
border-top-color: @navbarLinkColorHover;
|
345
|
+
border-bottom-color: @navbarLinkColorHover;
|
342
346
|
}
|
343
347
|
|
344
348
|
// Remove background color from open dropdown
|
@@ -396,7 +400,8 @@
|
|
396
400
|
.nav > li > a {
|
397
401
|
color: @navbarInverseLinkColor;
|
398
402
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
399
|
-
&:hover
|
403
|
+
&:hover,
|
404
|
+
&:focus {
|
400
405
|
color: @navbarInverseLinkColorHover;
|
401
406
|
}
|
402
407
|
}
|
@@ -425,7 +430,8 @@
|
|
425
430
|
// Inline text links
|
426
431
|
.navbar-link {
|
427
432
|
color: @navbarInverseLinkColor;
|
428
|
-
&:hover
|
433
|
+
&:hover,
|
434
|
+
&:focus {
|
429
435
|
color: @navbarInverseLinkColorHover;
|
430
436
|
}
|
431
437
|
}
|
@@ -443,7 +449,8 @@
|
|
443
449
|
background-color: @navbarInverseLinkBackgroundActive;
|
444
450
|
color: @navbarInverseLinkColorActive;
|
445
451
|
}
|
446
|
-
.nav li.dropdown > a:hover .caret
|
452
|
+
.nav li.dropdown > a:hover .caret,
|
453
|
+
.nav li.dropdown > a:focus .caret {
|
447
454
|
border-top-color: @navbarInverseLinkColorActive;
|
448
455
|
border-bottom-color: @navbarInverseLinkColorActive;
|
449
456
|
}
|
@@ -16,7 +16,8 @@
|
|
16
16
|
.nav > li > a {
|
17
17
|
display: block;
|
18
18
|
}
|
19
|
-
.nav > li > a:hover
|
19
|
+
.nav > li > a:hover,
|
20
|
+
.nav > li > a:focus {
|
20
21
|
text-decoration: none;
|
21
22
|
background-color: @grayLighter;
|
22
23
|
}
|
@@ -68,7 +69,8 @@
|
|
68
69
|
padding: 3px 15px;
|
69
70
|
}
|
70
71
|
.nav-list > .active > a,
|
71
|
-
.nav-list > .active > a:hover
|
72
|
+
.nav-list > .active > a:hover,
|
73
|
+
.nav-list > .active > a:focus {
|
72
74
|
color: @white;
|
73
75
|
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
74
76
|
background-color: @linkColor;
|
@@ -122,13 +124,15 @@
|
|
122
124
|
line-height: @baseLineHeight;
|
123
125
|
border: 1px solid transparent;
|
124
126
|
.border-radius(4px 4px 0 0);
|
125
|
-
&:hover
|
127
|
+
&:hover,
|
128
|
+
&:focus {
|
126
129
|
border-color: @grayLighter @grayLighter #ddd;
|
127
130
|
}
|
128
131
|
}
|
129
|
-
// Active state, and it's :hover to override normal :hover
|
132
|
+
// Active state, and it's :hover/:focus to override normal :hover/:focus
|
130
133
|
.nav-tabs > .active > a,
|
131
|
-
.nav-tabs > .active > a:hover
|
134
|
+
.nav-tabs > .active > a:hover,
|
135
|
+
.nav-tabs > .active > a:focus {
|
132
136
|
color: @gray;
|
133
137
|
background-color: @bodyBackground;
|
134
138
|
border: 1px solid #ddd;
|
@@ -151,7 +155,8 @@
|
|
151
155
|
|
152
156
|
// Active state
|
153
157
|
.nav-pills > .active > a,
|
154
|
-
.nav-pills > .active > a:hover
|
158
|
+
.nav-pills > .active > a:hover,
|
159
|
+
.nav-pills > .active > a:focus {
|
155
160
|
color: @white;
|
156
161
|
background-color: @linkColor;
|
157
162
|
}
|
@@ -183,7 +188,8 @@
|
|
183
188
|
.nav-tabs.nav-stacked > li:last-child > a {
|
184
189
|
.border-bottom-radius(4px);
|
185
190
|
}
|
186
|
-
.nav-tabs.nav-stacked > li > a:hover
|
191
|
+
.nav-tabs.nav-stacked > li > a:hover,
|
192
|
+
.nav-tabs.nav-stacked > li > a:focus {
|
187
193
|
border-color: #ddd;
|
188
194
|
z-index: 2;
|
189
195
|
}
|
@@ -216,7 +222,8 @@
|
|
216
222
|
border-bottom-color: @linkColor;
|
217
223
|
margin-top: 6px;
|
218
224
|
}
|
219
|
-
.nav .dropdown-toggle:hover .caret
|
225
|
+
.nav .dropdown-toggle:hover .caret,
|
226
|
+
.nav .dropdown-toggle:focus .caret {
|
220
227
|
border-top-color: @linkColorHover;
|
221
228
|
border-bottom-color: @linkColorHover;
|
222
229
|
}
|
@@ -236,9 +243,10 @@
|
|
236
243
|
border-bottom-color: @gray;
|
237
244
|
}
|
238
245
|
|
239
|
-
// Active:hover dropdown links
|
246
|
+
// Active:hover/:focus dropdown links
|
240
247
|
// -------------------------
|
241
|
-
.nav > .dropdown.active > a:hover
|
248
|
+
.nav > .dropdown.active > a:hover,
|
249
|
+
.nav > .dropdown.active > a:focus {
|
242
250
|
cursor: pointer;
|
243
251
|
}
|
244
252
|
|
@@ -246,21 +254,24 @@
|
|
246
254
|
// -------------------------
|
247
255
|
.nav-tabs .open .dropdown-toggle,
|
248
256
|
.nav-pills .open .dropdown-toggle,
|
249
|
-
.nav > li.dropdown.open.active > a:hover
|
257
|
+
.nav > li.dropdown.open.active > a:hover,
|
258
|
+
.nav > li.dropdown.open.active > a:focus {
|
250
259
|
color: @white;
|
251
260
|
background-color: @grayLight;
|
252
261
|
border-color: @grayLight;
|
253
262
|
}
|
254
263
|
.nav li.dropdown.open .caret,
|
255
264
|
.nav li.dropdown.open.active .caret,
|
256
|
-
.nav li.dropdown.open a:hover .caret
|
265
|
+
.nav li.dropdown.open a:hover .caret,
|
266
|
+
.nav li.dropdown.open a:focus .caret {
|
257
267
|
border-top-color: @white;
|
258
268
|
border-bottom-color: @white;
|
259
269
|
.opacity(100);
|
260
270
|
}
|
261
271
|
|
262
272
|
// Dropdowns in stacked tabs
|
263
|
-
.tabs-stacked .open > a:hover
|
273
|
+
.tabs-stacked .open > a:hover,
|
274
|
+
.tabs-stacked .open > a:focus {
|
264
275
|
border-color: @grayLight;
|
265
276
|
}
|
266
277
|
|
@@ -311,13 +322,15 @@
|
|
311
322
|
}
|
312
323
|
.tabs-below > .nav-tabs > li > a {
|
313
324
|
.border-radius(0 0 4px 4px);
|
314
|
-
&:hover
|
325
|
+
&:hover,
|
326
|
+
&:focus {
|
315
327
|
border-bottom-color: transparent;
|
316
328
|
border-top-color: #ddd;
|
317
329
|
}
|
318
330
|
}
|
319
331
|
.tabs-below > .nav-tabs > .active > a,
|
320
|
-
.tabs-below > .nav-tabs > .active > a:hover
|
332
|
+
.tabs-below > .nav-tabs > .active > a:hover,
|
333
|
+
.tabs-below > .nav-tabs > .active > a:focus {
|
321
334
|
border-color: transparent #ddd #ddd #ddd;
|
322
335
|
}
|
323
336
|
|
@@ -346,11 +359,13 @@
|
|
346
359
|
margin-right: -1px;
|
347
360
|
.border-radius(4px 0 0 4px);
|
348
361
|
}
|
349
|
-
.tabs-left > .nav-tabs > li > a:hover
|
362
|
+
.tabs-left > .nav-tabs > li > a:hover,
|
363
|
+
.tabs-left > .nav-tabs > li > a:focus {
|
350
364
|
border-color: @grayLighter #ddd @grayLighter @grayLighter;
|
351
365
|
}
|
352
366
|
.tabs-left > .nav-tabs .active > a,
|
353
|
-
.tabs-left > .nav-tabs .active > a:hover
|
367
|
+
.tabs-left > .nav-tabs .active > a:hover,
|
368
|
+
.tabs-left > .nav-tabs .active > a:focus {
|
354
369
|
border-color: #ddd transparent #ddd #ddd;
|
355
370
|
*border-right-color: @white;
|
356
371
|
}
|
@@ -365,11 +380,13 @@
|
|
365
380
|
margin-left: -1px;
|
366
381
|
.border-radius(0 4px 4px 0);
|
367
382
|
}
|
368
|
-
.tabs-right > .nav-tabs > li > a:hover
|
383
|
+
.tabs-right > .nav-tabs > li > a:hover,
|
384
|
+
.tabs-right > .nav-tabs > li > a:focus {
|
369
385
|
border-color: @grayLighter @grayLighter @grayLighter #ddd;
|
370
386
|
}
|
371
387
|
.tabs-right > .nav-tabs .active > a,
|
372
|
-
.tabs-right > .nav-tabs .active > a:hover
|
388
|
+
.tabs-right > .nav-tabs .active > a:hover,
|
389
|
+
.tabs-right > .nav-tabs .active > a:focus {
|
373
390
|
border-color: #ddd #ddd #ddd transparent;
|
374
391
|
*border-left-color: @white;
|
375
392
|
}
|
@@ -383,8 +400,9 @@
|
|
383
400
|
.nav > .disabled > a {
|
384
401
|
color: @grayLight;
|
385
402
|
}
|
386
|
-
// Nuke hover effects
|
387
|
-
.nav > .disabled > a:hover
|
403
|
+
// Nuke hover/focus effects
|
404
|
+
.nav > .disabled > a:hover,
|
405
|
+
.nav > .disabled > a:focus {
|
388
406
|
text-decoration: none;
|
389
407
|
background-color: transparent;
|
390
408
|
cursor: default;
|