mirror of
https://github.com/fergalmoran/robotopro.git
synced 2025-12-22 01:08:59 +00:00
192 lines
3.2 KiB
Plaintext
Executable File
192 lines
3.2 KiB
Plaintext
Executable File
//some searchbox variables
|
|
@search-border:#6FB3E0;
|
|
@search-color:#666;
|
|
@search-color-focus:#656A72;
|
|
@search-width:120px;
|
|
@sb-search-width:130px;
|
|
@search-border-radius:4px;
|
|
|
|
|
|
|
|
/* searchbox */
|
|
.nav-search {
|
|
position:absolute;
|
|
top:6px; right:22px;
|
|
line-height:24px;
|
|
|
|
.form-search {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.nav-search-input {
|
|
border-color:@search-border;
|
|
border-width:1px;
|
|
|
|
width:@search-width;
|
|
height:18px !important;
|
|
.border-radius(@search-border-radius) !important;
|
|
|
|
font-size:13px;
|
|
color:@search-color !important;
|
|
z-index:11;
|
|
|
|
|
|
.transition(~"width ease .15s");
|
|
|
|
& + .dropdown-menu { /* the typeahead menu*/
|
|
min-width:0;
|
|
left:0; right:0;
|
|
}
|
|
|
|
&:focus , &:hover{
|
|
border-color:@search-border;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
//.nav-search-btn {
|
|
// border-radius:0;
|
|
// }
|
|
|
|
.nav-search-icon {
|
|
color:@search-border !important;
|
|
font-size:14px !important;
|
|
line-height:24px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.minimized {
|
|
.nav-search-input {
|
|
width:0; opacity:0;
|
|
max-width:0; /* for safari only */
|
|
}
|
|
|
|
&:hover .nav-search-input ,
|
|
.nav-search-btn:active + .nav-search-input ,
|
|
.nav-search-input:focus, .nav-search-input:hover, .nav-search-input:active
|
|
{
|
|
opacity:1;
|
|
width:120px;
|
|
max-width:120px; /* for safari only */
|
|
}
|
|
|
|
.nav-search-icon {
|
|
border:1px solid;
|
|
border-radius:100%;
|
|
|
|
background-color:#FFF;
|
|
|
|
padding:0 5px;
|
|
}
|
|
|
|
&:hover .nav-search-icon ,
|
|
.nav-search-input:focus ~ .nav-search-icon,
|
|
.nav-search-input:hover ~ .nav-search-icon,
|
|
.nav-search-input:active ~ .nav-search-icon
|
|
{
|
|
border:none;
|
|
border-radius:0;
|
|
padding:0 3px;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.nav_search_icon_active() {
|
|
border:none;
|
|
border-radius:0;
|
|
padding:0 3px;
|
|
}
|
|
|
|
.nav-search-icon {
|
|
.nav_search_icon_active();
|
|
}
|
|
|
|
/* nav-search inside sidebar */
|
|
.sidebar > .nav-search {
|
|
position:static;
|
|
|
|
background-color:#FAFAFA;
|
|
border-bottom:1px solid #DDD;
|
|
text-align:center;
|
|
|
|
height:35px;
|
|
padding-top:6px;
|
|
|
|
|
|
.nav-search-input {
|
|
width:@sb-search-width !important;
|
|
border-radius:0 !important;
|
|
max-width:@sb-search-width !important;
|
|
.opacity(100) !important;
|
|
|
|
& + .dropdown-menu { text-align:left; }
|
|
}
|
|
|
|
}//nav-search inside sidebar
|
|
|
|
|
|
/* sidebar when minimized */
|
|
.searchbox_inside_min_menu() {
|
|
.nav-search {
|
|
.form-search {
|
|
position:absolute; left:5px;
|
|
z-index:14;
|
|
}
|
|
|
|
.nav_search_input_active() {
|
|
width:@sb-search-width !important;
|
|
max-width:@sb-search-width !important;
|
|
.opacity(100) !important;
|
|
}
|
|
.nav-search-input {
|
|
width:0 !important;
|
|
max-width:0 !important;
|
|
.opacity(0) !important;
|
|
|
|
&:hover, &:focus, &:active {
|
|
.nav_search_input_active();
|
|
~ #nav-search-icon {
|
|
.nav_search_icon_active();
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover .nav-search-input {
|
|
.nav_search_input_active();
|
|
~ .nav-search-icon {
|
|
.nav_search_icon_active();
|
|
}
|
|
}
|
|
|
|
.nav-search-icon {/* inside minimized sidebar */
|
|
border:1px solid;
|
|
border-radius:32px;
|
|
|
|
background-color:#FFF;
|
|
padding:0 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.sidebar.menu-min {
|
|
.searchbox_inside_min_menu();
|
|
}
|
|
/**
|
|
@media only screen and (max-width: 979px) {
|
|
.sidebar.responsive-min {
|
|
.searchbox_inside_min_menu();
|
|
}
|
|
}
|
|
*/ |