Hát gratulálok, jól "megoldottad" a problémát...
Szerk.:
még a szerk. időbe is belefért, azzal együtt, hogy más topicot nézegettem közben, basszus, ne amatőrködj már, hogy kitörlöd a fájlt, és ezzel "oldod" meg, már bocsi...
https://github.com/twitter/bootstrap/blob/master/less/navbar.less
itt csak rákerestem, hogy ".navbar-inner", és jé, vannak az általad keresett dologra vonatkozó részek:
19. sor:
// Inner for background effects
// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
.navbar-inner {
min-height: @navbarHeight;
padding-left: 20px;
padding-right: 20px;
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
border: 1px solid @navbarBorder;
.border-radius(@baseBorderRadius);
.box-shadow(0 1px 4px rgba(0,0,0,.065));
// Prevent floats from breaking the navbar
.clearfix();
}
ami téged érint:
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
aztán később még érdekes lehet:
#gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
aztán ahol konkrétan ez a mixin definiálva van:
https://github.com/twitter/bootstrap/blob/master/less/mixins.less
// Gradients
#gradient {
..............
.vertical(@startColor: #555, @endColor: #333) {
background-color: mix(@startColor, @endColor, 60%);
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
background-repeat: repeat-x;
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
}
............
}
[ Szerkesztve ]
Sk8erPeter