less-rails-bootswatch 0.2.11 → 0.3.0

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 (25) hide show
  1. data/lib/less/rails/bootswatch/version.rb +1 -1
  2. data/vendor/frameworks/stylesheets/bootswatch/amelia/bootswatch.less +174 -61
  3. data/vendor/frameworks/stylesheets/bootswatch/amelia/variables.less +91 -18
  4. data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +66 -27
  5. data/vendor/frameworks/stylesheets/bootswatch/cerulean/variables.less +93 -20
  6. data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +134 -44
  7. data/vendor/frameworks/stylesheets/bootswatch/cyborg/variables.less +88 -15
  8. data/vendor/frameworks/stylesheets/bootswatch/default/variables.less +102 -29
  9. data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +11 -2
  10. data/vendor/frameworks/stylesheets/bootswatch/journal/variables.less +88 -15
  11. data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +79 -98
  12. data/vendor/frameworks/stylesheets/bootswatch/readable/variables.less +98 -25
  13. data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +87 -36
  14. data/vendor/frameworks/stylesheets/bootswatch/simplex/variables.less +97 -24
  15. data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +104 -51
  16. data/vendor/frameworks/stylesheets/bootswatch/slate/variables.less +88 -15
  17. data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +53 -33
  18. data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less +92 -19
  19. data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +120 -69
  20. data/vendor/frameworks/stylesheets/bootswatch/spruce/variables.less +106 -33
  21. data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +66 -48
  22. data/vendor/frameworks/stylesheets/bootswatch/superhero/variables.less +87 -18
  23. data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +36 -21
  24. data/vendor/frameworks/stylesheets/bootswatch/united/variables.less +92 -19
  25. metadata +4 -4
@@ -1,10 +1,11 @@
1
- // Variables.less
2
- // Variables to customize the look and feel of Bootstrap
3
- // -----------------------------------------------------
4
-
1
+ //
2
+ // Variables
3
+ // Swatch:
4
+ // Version: 2.1.0
5
+ // --------------------------------------------------
5
6
 
6
7
 
7
- // GLOBAL VALUES
8
+ // Global values
8
9
  // --------------------------------------------------
9
10
 
10
11
 
@@ -47,11 +48,11 @@
47
48
  // -------------------------
48
49
  @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
49
50
  @serifFontFamily: Georgia, "Times New Roman", Times, serif;
50
- @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
51
+ @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
51
52
 
52
- @baseFontSize: 13px;
53
+ @baseFontSize: 14px;
53
54
  @baseFontFamily: @sansFontFamily;
54
- @baseLineHeight: 18px;
55
+ @baseLineHeight: 20px;
55
56
  @altFontFamily: @serifFontFamily;
56
57
 
57
58
  @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
@@ -71,10 +72,10 @@
71
72
  // -------------------------
72
73
  @btnBackground: @white;
73
74
  @btnBackgroundHighlight: darken(@white, 10%);
74
- @btnBorder: #ccc;
75
+ @btnBorder: #bbb;
75
76
 
76
77
  @btnPrimaryBackground: @linkColor;
77
- @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
78
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
78
79
 
79
80
  @btnInfoBackground: #5bc0de;
80
81
  @btnInfoBackgroundHighlight: #2f96b4;
@@ -88,7 +89,7 @@
88
89
  @btnDangerBackground: #ee5f5b;
89
90
  @btnDangerBackgroundHighlight: #bd362f;
90
91
 
91
- @btnInverseBackground: @gray;
92
+ @btnInverseBackground: #444;
92
93
  @btnInverseBackgroundHighlight: @grayDarker;
93
94
 
94
95
 
@@ -104,12 +105,17 @@
104
105
  // -------------------------
105
106
  @dropdownBackground: @white;
106
107
  @dropdownBorder: rgba(0,0,0,.2);
107
- @dropdownLinkColor: @grayDark;
108
- @dropdownLinkColorHover: @white;
109
- @dropdownLinkBackgroundHover: @linkColor;
110
108
  @dropdownDividerTop: #e5e5e5;
111
109
  @dropdownDividerBottom: @white;
112
110
 
111
+ @dropdownLinkColor: @grayDark;
112
+
113
+ @dropdownLinkColorHover: @white;
114
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
115
+
116
+ @dropdownLinkColorActive: @dropdownLinkColor;
117
+ @dropdownLinkBackgroundActive: @linkColor;
118
+
113
119
 
114
120
 
115
121
  // COMPONENT VARIABLES
@@ -121,7 +127,7 @@
121
127
  // Try to avoid customizing these :)
122
128
  @zindexDropdown: 1000;
123
129
  @zindexPopover: 1010;
124
- @zindexTooltip: 1020;
130
+ @zindexTooltip: 1030;
125
131
  @zindexFixedNavbar: 1030;
126
132
  @zindexModalBackdrop: 1040;
127
133
  @zindexModal: 1050;
@@ -143,25 +149,55 @@
143
149
  @hrBorder: @grayLighter;
144
150
 
145
151
 
152
+ // Wells
153
+ // -------------------------
154
+ @wellBackground: #f5f5f5;
155
+
156
+
146
157
  // Navbar
147
158
  // -------------------------
148
- @navbarHeight: 40px;
149
- @navbarBackground: @grayDarker;
150
- @navbarBackgroundHighlight: @grayDark;
159
+ @navbarCollapseWidth: 979px;
151
160
 
152
- @navbarText: @grayLight;
153
- @navbarLinkColor: @grayLight;
154
- @navbarLinkColorHover: @white;
155
- @navbarLinkColorActive: @navbarLinkColorHover;
161
+ @navbarHeight: 40px;
162
+ @navbarBackground: darken(@navbarBackgroundHighlight, 5%);
163
+ @navbarBackgroundHighlight: #ffffff;
164
+ @navbarBorder: darken(@navbarBackground, 12%);
165
+
166
+ @navbarText: @gray;
167
+ @navbarLinkColor: @gray;
168
+ @navbarLinkColorHover: @grayDark;
169
+ @navbarLinkColorActive: @gray;
156
170
  @navbarLinkBackgroundHover: transparent;
157
- @navbarLinkBackgroundActive: @navbarBackground;
171
+ @navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
158
172
 
159
- @navbarSearchBackground: lighten(@navbarBackground, 25%);
160
- @navbarSearchBackgroundFocus: @white;
161
- @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
162
- @navbarSearchPlaceholderColor: #ccc;
163
173
  @navbarBrandColor: @navbarLinkColor;
164
174
 
175
+ // Inverted navbar
176
+ @navbarInverseBackground: #111111;
177
+ @navbarInverseBackgroundHighlight: #222222;
178
+ @navbarInverseBorder: #252525;
179
+
180
+ @navbarInverseText: @grayLight;
181
+ @navbarInverseLinkColor: @grayLight;
182
+ @navbarInverseLinkColorHover: @white;
183
+ @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
184
+ @navbarInverseLinkBackgroundHover: transparent;
185
+ @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
186
+
187
+ @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
188
+ @navbarInverseSearchBackgroundFocus: @white;
189
+ @navbarInverseSearchBorder: @navbarInverseBackground;
190
+ @navbarInverseSearchPlaceholderColor: #ccc;
191
+
192
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
193
+
194
+
195
+ // Pagination
196
+ // -------------------------
197
+ @paginationBackground: #fff;
198
+ @paginationBorder: #ddd;
199
+ @paginationActiveBackground: #f5f5f5;
200
+
165
201
 
166
202
  // Hero unit
167
203
  // -------------------------
@@ -189,10 +225,28 @@
189
225
  @infoBorder: darken(spin(@infoBackground, -10), 7%);
190
226
 
191
227
 
228
+ // Tooltips and popovers
229
+ // -------------------------
230
+ @tooltipColor: #fff;
231
+ @tooltipBackground: #000;
232
+ @tooltipArrowWidth: 5px;
233
+ @tooltipArrowColor: @tooltipBackground;
234
+
235
+ @popoverBackground: #fff;
236
+ @popoverArrowWidth: 10px;
237
+ @popoverArrowColor: #fff;
238
+ @popoverTitleBackground: darken(@popoverBackground, 3%);
239
+
240
+ // Special enhancement for popovers
241
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
242
+ @popoverArrowOuterColor: rgba(0,0,0,.25);
243
+
244
+
192
245
 
193
246
  // GRID
194
247
  // --------------------------------------------------
195
248
 
249
+
196
250
  // Default 940px grid
197
251
  // -------------------------
198
252
  @gridColumns: 12;
@@ -200,7 +254,26 @@
200
254
  @gridGutterWidth: 20px;
201
255
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
202
256
 
257
+ // 1200px min
258
+ @gridColumnWidth1200: 70px;
259
+ @gridGutterWidth1200: 30px;
260
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
261
+
262
+ // 768px-979px
263
+ @gridColumnWidth768: 42px;
264
+ @gridGutterWidth768: 20px;
265
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
266
+
267
+
203
268
  // Fluid grid
204
269
  // -------------------------
205
- @fluidGridColumnWidth: 6.382978723%;
206
- @fluidGridGutterWidth: 2.127659574%;
270
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
271
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
272
+
273
+ // 1200px min
274
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
275
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
276
+
277
+ // 768px-979px
278
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
279
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
@@ -1,6 +1,6 @@
1
1
  // Bootswatch.less
2
2
  // Swatch: Journal
3
- // Version: 2.0.4
3
+ // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
6
  // TYPOGRAPHY
@@ -104,6 +104,12 @@ abbr[title] {
104
104
  line-height: 18px;
105
105
  }
106
106
 
107
+ .nav > .active > a,
108
+ .nav > .active > a:hover,
109
+ .nav > .active > a:focus {
110
+ .box-shadow(none);
111
+ }
112
+
107
113
  .nav li.dropdown > .dropdown-toggle:hover,
108
114
  .nav li.dropdown.active > .dropdown-toggle:hover {
109
115
  color: @black;
@@ -207,6 +213,10 @@ div.subnav {
207
213
  vertical-align: baseline;
208
214
  }
209
215
 
216
+ .btn-inverse {
217
+ .buttonBackground(@grayDarker, @black);
218
+ }
219
+
210
220
  // MODALS
211
221
  // -----------------------------------------------------
212
222
 
@@ -245,7 +255,6 @@ div.subnav {
245
255
 
246
256
  .well {
247
257
  .border-radius(0);
248
- background-color: @grayLighter;
249
258
  .box-shadow(none);
250
259
 
251
260
  }
@@ -1,10 +1,11 @@
1
- // Variables.less
2
- // Variables to customize the look and feel of Bootstrap
1
+ //
2
+ // Variables
3
3
  // Swatch: Journal
4
- // Version: 2.0.4
5
- // -----------------------------------------------------
4
+ // Version: 2.1.0
5
+ // --------------------------------------------------
6
+
6
7
 
7
- // GLOBAL VALUES
8
+ // Global values
8
9
  // --------------------------------------------------
9
10
 
10
11
 
@@ -49,9 +50,9 @@
49
50
  @serifFontFamily: Georgia, "Times New Roman", Times, serif;
50
51
  @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
51
52
 
52
- @baseFontSize: 13px;
53
+ @baseFontSize: 14px;
53
54
  @baseFontFamily: @serifFontFamily;
54
- @baseLineHeight: 18px;
55
+ @baseLineHeight: 20px;
55
56
  @altFontFamily: @sansFontFamily;
56
57
 
57
58
  @headingsFontFamily: @sansFontFamily; // empty to use BS default, @baseFontFamily
@@ -104,11 +105,16 @@
104
105
  // -------------------------
105
106
  @dropdownBackground: @bodyBackground;
106
107
  @dropdownBorder: rgba(0,0,0,.2);
108
+ @dropdownDividerTop: @grayLighter;
109
+ @dropdownDividerBottom: @grayLighter;
110
+
107
111
  @dropdownLinkColor: @headingsColor;
112
+
108
113
  @dropdownLinkColorHover: @headingsColor;
109
114
  @dropdownLinkBackgroundHover: @grayLighter;
110
- @dropdownDividerTop: @grayLighter;
111
- @dropdownDividerBottom: @grayLighter;
115
+
116
+ @dropdownLinkColorActive: @dropdownLinkColor;
117
+ @dropdownLinkBackgroundActive: @dropdownLinkBackgroundHover;
112
118
 
113
119
 
114
120
 
@@ -143,11 +149,19 @@
143
149
  @hrBorder: @grayLighter;
144
150
 
145
151
 
152
+ // Wells
153
+ // -------------------------
154
+ @wellBackground: @grayLighter;
155
+
156
+
146
157
  // Navbar
147
158
  // -------------------------
159
+ @navbarCollapseWidth: 979px;
160
+
148
161
  @navbarHeight: 60px;
149
162
  @navbarBackground: @bodyBackground;
150
163
  @navbarBackgroundHighlight: @bodyBackground;
164
+ @navbarBorder: darken(@navbarBackground, 12%);
151
165
 
152
166
  @navbarText: @textColor;
153
167
  @navbarLinkColor: @headingsColor;
@@ -156,12 +170,34 @@
156
170
  @navbarLinkBackgroundHover: transparent;
157
171
  @navbarLinkBackgroundActive: transparent;
158
172
 
159
- @navbarSearchBackground: lighten(@navbarBackground, 25%);
160
- @navbarSearchBackgroundFocus: @white;
161
- @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
162
- @navbarSearchPlaceholderColor: #ccc;
163
173
  @navbarBrandColor: @navbarLinkColor;
164
174
 
175
+ // Inverted navbar
176
+ @navbarInverseBackground: #111111;
177
+ @navbarInverseBackgroundHighlight: #222222;
178
+ @navbarInverseBorder: #252525;
179
+
180
+ @navbarInverseText: @grayLight;
181
+ @navbarInverseLinkColor: @grayLight;
182
+ @navbarInverseLinkColorHover: @white;
183
+ @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
184
+ @navbarInverseLinkBackgroundHover: transparent;
185
+ @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
186
+
187
+ @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
188
+ @navbarInverseSearchBackgroundFocus: @white;
189
+ @navbarInverseSearchBorder: @navbarInverseBackground;
190
+ @navbarInverseSearchPlaceholderColor: #ccc;
191
+
192
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
193
+
194
+
195
+ // Pagination
196
+ // -------------------------
197
+ @paginationBackground: @bodyBackground;
198
+ @paginationBorder: #ddd;
199
+ @paginationActiveBackground: @grayLighter;
200
+
165
201
 
166
202
  // Hero unit
167
203
  // -------------------------
@@ -189,10 +225,28 @@
189
225
  @infoBorder: darken(spin(@infoBackground, -10), 7%);
190
226
 
191
227
 
228
+ // Tooltips and popovers
229
+ // -------------------------
230
+ @tooltipColor: #fff;
231
+ @tooltipBackground: #000;
232
+ @tooltipArrowWidth: 5px;
233
+ @tooltipArrowColor: @tooltipBackground;
234
+
235
+ @popoverBackground: #fff;
236
+ @popoverArrowWidth: 10px;
237
+ @popoverArrowColor: #fff;
238
+ @popoverTitleBackground: darken(@popoverBackground, 3%);
239
+
240
+ // Special enhancement for popovers
241
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
242
+ @popoverArrowOuterColor: rgba(0,0,0,.25);
243
+
244
+
192
245
 
193
246
  // GRID
194
247
  // --------------------------------------------------
195
248
 
249
+
196
250
  // Default 940px grid
197
251
  // -------------------------
198
252
  @gridColumns: 12;
@@ -200,7 +254,26 @@
200
254
  @gridGutterWidth: 20px;
201
255
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
202
256
 
257
+ // 1200px min
258
+ @gridColumnWidth1200: 70px;
259
+ @gridGutterWidth1200: 30px;
260
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
261
+
262
+ // 768px-979px
263
+ @gridColumnWidth768: 42px;
264
+ @gridGutterWidth768: 20px;
265
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
266
+
267
+
203
268
  // Fluid grid
204
269
  // -------------------------
205
- @fluidGridColumnWidth: 6.382978723%;
206
- @fluidGridGutterWidth: 2.127659574%;
270
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
271
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
272
+
273
+ // 1200px min
274
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
275
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
276
+
277
+ // 768px-979px
278
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
279
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
@@ -1,6 +1,6 @@
1
1
  // Bootswatch.less
2
2
  // Swatch: Readable
3
- // Version: 2.0.4
3
+ // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
6
  // TYPOGRAPHY
@@ -10,22 +10,20 @@ body {
10
10
  word-spacing: -0.05em;
11
11
  }
12
12
 
13
- h1, h2, h3, h4, h5, h6 {
14
- line-height: 2em;
15
- color: @textColor;
13
+ h1 {
14
+ font-size: 2.5em;
16
15
  }
17
16
 
18
- h1 {
17
+ h2 {
19
18
  font-size: 2em;
20
19
  }
21
20
 
22
- h2 {
21
+ h3 {
23
22
  font-size: 1.5em;
24
23
  }
25
24
 
26
- h3, h4, h5, h6 {
27
- font-size: 1em;
28
- text-transform: none;
25
+ h6 {
26
+ color: @textColor;
29
27
  }
30
28
 
31
29
  small {
@@ -39,37 +37,19 @@ small {
39
37
  // SCAFFOLDING
40
38
  // -----------------------------------------------------
41
39
 
42
- body {
43
- padding-top: 20px !important;
44
- }
45
-
46
40
  .page-header {
47
- padding-bottom: 1em;
48
41
  border-bottom: 2px solid @grayLighter;
49
42
  }
50
43
 
51
- footer.footer {
52
- padding-top: 2em;
53
- padding-bottom: 3em;
54
- border-top: 2px solid @grayLighter;
55
- }
56
-
57
44
  // NAVBAR
58
45
  // -----------------------------------------------------
59
46
 
60
47
  .navbar {
61
48
 
62
- margin-left: 16px;
63
-
64
- .navbar-inner {
65
- .box-shadow(none);
66
- }
67
-
68
49
  .brand {
69
- font-size: @baseFontSize;
70
50
  font-weight: bold;
71
51
  line-height: 1em;
72
- padding: 11px 10px;
52
+ padding: 15px 15px 7px;
73
53
 
74
54
  &:hover {
75
55
  color: @linkColorHover;
@@ -78,32 +58,17 @@ footer.footer {
78
58
 
79
59
  .nav > li > a {
80
60
  text-shadow: none;
81
- padding: 10px;
82
- }
83
-
84
- .nav > li.active > a,
85
- .open .dropdown-toggle {
86
- color: @linkColor;
61
+ padding: 15px 15px 7px;
87
62
  }
88
63
 
89
- .nav li.dropdown.active > .dropdown-toggle,
90
- .nav li.dropdown.open > .dropdown-toggle,
91
- .nav li.dropdown.active.open > .dropdown-toggle {
92
- color: @linkColor;
93
-
94
- &:hover {
95
- color: @linkColorHover;
96
- }
97
- }
98
-
99
- .nav li.dropdown .dropdown-toggle .caret,
100
- .nav li.dropdown.open .caret {
101
- border-top-color: @linkColor;
102
- opacity: 1;
64
+ .nav > .active > a,
65
+ .nav > .active > a:hover,
66
+ .nav > .active > a:focus {
67
+ .box-shadow(none);
103
68
  }
104
69
 
105
- .nav li.dropdown.open .dropdown-toggle:hover .caret {
106
- border-top-color: @linkColorHover;
70
+ .navbar-search {
71
+ margin-top: 11px;
107
72
  }
108
73
 
109
74
  .search-query {
@@ -112,18 +77,64 @@ footer.footer {
112
77
  color: @textColor;
113
78
  background-color: @white;
114
79
  }
115
- }
116
80
 
117
- @media (max-width: 980px) {
118
- form.navbar-form, form.navbar-search {
119
- border-top: 1px solid #D4D4D4;
120
- border-bottom: 1px solid #D4D4D4;
81
+ .navbar-text {
82
+ margin: 15px 15px 0;
83
+ line-height: @baseLineHeight;
121
84
  }
122
- }
123
85
 
124
- .navbar-fixed-top {
125
- position: static;
126
- margin-bottom: 1.6em;
86
+ .divider-vertical {
87
+ border-right: 1px solid rgba(128, 128, 128, 0.3);
88
+ border-left: none;
89
+ }
90
+
91
+ .nav-collapse.collapse {
92
+
93
+ .nav li:first-child > a {
94
+ margin-bottom: 10px;
95
+ }
96
+
97
+ .nav li > a {
98
+ color: @linkColor;
99
+ .border-radius(0);
100
+ font-weight: normal;
101
+
102
+ &:hover {
103
+ background-color: rgba(0, 0, 0, 0.05);
104
+ color: @linkColorHover;
105
+ }
106
+ }
107
+
108
+ .navbar-form,
109
+ .navbar-search {
110
+ border-top: 1px solid rgba(128, 128, 128, 0.2);
111
+ border-bottom: 1px solid rgba(128, 128, 128, 0.2);
112
+ }
113
+
114
+ .nav-header {
115
+ color: @grayLight;
116
+ }
117
+ }
118
+
119
+ &-inverse {
120
+
121
+ .brand:hover {
122
+ color: @white;
123
+ }
124
+
125
+ .nav-collapse.collapse {
126
+
127
+ .nav li > a {
128
+ color: @grayLighter;
129
+ }
130
+
131
+ .nav li > a:hover {
132
+ background-color: rgba(0, 0, 0, 0.2);
133
+ color: @white;
134
+ }
135
+ }
136
+
137
+ }
127
138
  }
128
139
 
129
140
  div.subnav {
@@ -146,25 +157,13 @@ div.subnav {
146
157
  .nav > li > a:hover,
147
158
  .nav > li.active > a:hover,
148
159
  .nav > li:active > a:hover {
149
- color: @linkColorHover;
150
- .box-shadow(none);
151
160
  background-color: transparent;
161
+ .box-shadow(none);
162
+ color: @linkColorHover;
152
163
  }
153
164
 
154
- }
155
-
156
- div.subnav-fixed {
157
- position: static;
158
- left: auto;
159
- width: 100%;
160
- margin: 0;
161
- .box-shadow(none);
162
- .border-radius(4px);
163
- border: 1px solid #E5E5E5;
164
-
165
- .nav {
166
- width: auto;
167
- padding: 0;
165
+ &-fixed {
166
+ top: @navbarHeight;
168
167
  }
169
168
  }
170
169
 
@@ -178,27 +177,6 @@ div.subnav-fixed {
178
177
  }
179
178
  }
180
179
 
181
- .navbar .nav-collapse.in {
182
-
183
- .nav li:first-child > a {
184
- margin-bottom: 10px;
185
- }
186
-
187
- .nav li > a {
188
- color: @linkColor;
189
- .border-radius(0);
190
- font-weight: normal;
191
-
192
- &:hover {
193
- color: @linkColorHover;
194
- }
195
- }
196
-
197
- .nav li > a:hover {
198
- background: transparent;
199
- }
200
- }
201
-
202
180
  // NAV
203
181
  // -----------------------------------------------------
204
182
 
@@ -292,11 +270,15 @@ div.subnav-fixed {
292
270
  margin-top: 3px;
293
271
  opacity: 0.8;
294
272
  }
273
+
274
+ .divider {
275
+ margin: 1px;
276
+ }
295
277
  }
296
278
 
297
279
  .breadcrumb {
298
280
  .border-radius(0);
299
- background-color: @white;
281
+ background-color: transparent;
300
282
  background-image: none;
301
283
  }
302
284
 
@@ -453,7 +435,6 @@ select, input[type="file"] {
453
435
  .box-shadow(none);
454
436
  border: 1px solid #D4D4D4;
455
437
  .border-radius(0);
456
- background-color: @white;
457
438
  }
458
439
 
459
440
  blockquote {