You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Lidarr/src/UI/Content/navbar.less

214 lines
3.6 KiB

@import "prefixer";
@import "variables";
@grid-float-breakpoint: @screen-xs-min;
.backdrop {
.navbar-nzbdrone {
.opacity(0.85);
background-color : #000000;
padding-bottom: 10px;
z-index: 10;
}
}
.navbar-nzbdrone {
text-align : center;
i:before {
font-size : 35px;
display: block;
}
.navbar-nav, .navbar-nav>li {
float : none;
}
.navbar-toggle {
border-color: #333;
&:hover,
&:focus {
background-color: #333;
}
.icon-bar {
background-color: #ffffff;
}
}
.navbar-brand {
position: absolute;
@media (max-width: @screen-xs-max) {
padding: 9px 15px;
font-size: 14px;
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
padding: 20px 15px;
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
padding: 30px 15px;
}
@media (min-width: @screen-lg-min) {
padding: 22px 15px;
}
}
.logo-text {
color: white;
font-weight: 300;
.highlight {
font-weight: 400;
color: @droneTeal;
}
}
li {
list-style-type : none;
display : inline-block;
position : relative;
a {
display : block;
color : #b9b9b9;
font-weight : 100;
&:focus {
background-color : transparent;
text-decoration : none;
}
&:hover {
background-color : #555555;
text-decoration : none;
}
.label {
cursor: pointer;
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
border-radius : 6px;
padding : 5px 0px 5px;
min-height : 76px;
min-width : 64px;
margin : 20px 5px 5px;
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
border-radius : 6px;
padding : 15px 10px 5px;
min-height : 76px;
min-width : 64px;
margin : 20px 10px 5px;
}
@media (min-width: @screen-lg-min) {
border-radius : 6px;
padding : 15px 10px 5px;
min-height : 76px;
min-width : 84px;
margin : 20px 10px 5px;
}
}
.navbar-info {
.label {
position : absolute;
top : 10px;
right : 10px;
padding-left : 4px;
padding-right : 4px;
}
}
}
@media (max-width: @screen-xs-max) {
text-align : left;
i:before {
font-size : 14px;
display: inline-block;
}
li {
display: block;
a:hover {
background-color: transparent;
}
.navbar-info {
margin-left: 5px;
.label {
position : static;
}
}
}
}
@media (max-width: @screen-xs-max) {
.navbar-collapse {
.navbar-nav {
li {
&:focus, &:hover {
background-color : #555555;
}
}
}
}
}
}
.search {
i:before {
font-size: 14px;
}
.input-group {
input, .input-group-addon {
background-color: #333333;
}
}
input, .input-group-addon {
border-color: #333333;
color: #cccccc;
}
ul {
text-align: left;
}
.tt-dropdown-menu {
background-color: #333333;
color: #cccccc;
.opacity(0.95);
.tt-suggestion {
color: #cccccc;
cursor: pointer;
&.tt-cursor {
//item selected
background-color: @droneTeal;
color: #222222;
a {
//link in item selected
color: #222222;
}
}
}
}
}