tinper-bee/dist/Navbar/index.css

React Components living for enterprise-class pc backend application

.u-navbar-side-container{border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;width:242px;margin-left:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;height:auto}.u-navbar-side-container.expanded{margin-left:-260px;opacity:0}.u-navbar-side-container .u-menu{border:none;-webkit-box-shadow:none;box-shadow:none}.container-fluid>.u-navbar-collapse,.container-fluid>.u-navbar-header,.container>.u-navbar-collapse,.container>.u-navbar-header{margin-right:-15px;margin-left:-15px}a{text-decoration:none}.u-nav>li,.u-nav>li>a{position:relative;display:block}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before,.u-navbar-collapse:after,.u-navbar-collapse:before,.u-navbar-header:after,.u-navbar-header:before,.u-navbar:after,.u-navbar:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.pager:after,.panel-body:after,.row:after,.u-navbar-collapse:after,.u-navbar-header:after,.u-navbar:after{clear:both}.u-navbar[type=base]{background:none;border:none}.u-navbar[type=base] .nav.u-navbar-nav{border:0;border-bottom:1px solid #e9e9e9}.u-navbar[type=base] .u-navbar-nav>li>a{padding-top:16px}.u-navbar[type=base] li{border-bottom:2px solid transparent}.u-navbar[type=base] li.active{border-bottom-color:#108ee9}.u-navbar[type=base] li.active .dropdown-toggle,.u-navbar[type=base] li.active>a{color:#108ee9}.u-navbar[type=base] li:hover{border-bottom-color:#108ee9}.u-navbar[type=base] li:hover .dropdown-toggle,.u-navbar[type=base] li:hover>a{color:#108ee9}@media (min-width:768px){.u-navbar{border-radius:3px}.u-navbar-header{float:left}.u-navbar-fixed-bottom,.u-navbar-fixed-top{border-radius:0}.u-navbar form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.u-navbar-inverse .u-navbar-collapse{border-top:1px solid hsla(0,0%,100%,.1)}.u-navbar .u-navbar-nav>li{float:left;padding:15px 10px;cursor:default;min-width:60px;text-align:center;line-height:25px;color:#949b9d}.u-navbar .u-navbar-nav>li.active,.u-navbar .u-navbar-nav>li:hover{color:#000}.u-navbar .u-navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.u-navbar .u-navbar-toggle{display:none}.u-navbar .u-navbar-collapse.collapse{display:block;height:auto;padding-bottom:0;overflow:visible}.u-navbar .u-navbar-right{float:right;margin-right:-15px}.u-navbar .u-navbar-left{float:left}.u-navbar .u-navbar-nav{float:left;margin:0}.u-navbar-nav .dropdown,.u-navbar-nav .u-dropdown{padding-top:15px;padding-bottom:15px}.u-navbar>.container-fluid .u-navbar-brand,.u-navbar>.container .u-navbar-brand{margin-left:-15px}.container-fluid>.u-navbar-collapse,.container-fluid>.u-navbar-header,.container>.u-navbar-collapse,.container>.u-navbar-header{margin-right:0;margin-left:0}}@media (max-width:768px){.u-navbar .u-navbar-collapse{border-top:1px solid hsla(0,0%,100%,.1);-webkit-box-shadow:inset 0 1px 0 #eae5e5;box-shadow:inset 0 1px 0 #eae5e5}.u-navbar-inverse .u-navbar-collapse{border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}}.u-navbar{position:relative;min-height:50px;border:1px solid transparent}.u-navbar form{margin:8px -15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)}.u-navbar form .u-form-control{display:inline-block;width:auto;vertical-align:middle}.u-navbar-form{margin-top:10px}.u-navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.u-navbar-default .u-navbar-toggle .icon-bar{background-color:#888}.u-navbar-default .u-navbar-brand,.u-navbar-default .u-navbar-text,.u-navbar-default .u-navbar>li>a{color:#757575}.u-navbar-default .u-navbar-nav>li>a{color:#757575;background-color:transparent}.u-navbar-default .u-navbar-nav>li>a:focus,.u-navbar-default .u-navbar-nav>li>a:hover{color:#333;background-color:transparent}.u-navbar-inverse{background-color:#222;border-color:#080808}.u-navbar-inverse .u-navbar-collapse{border-top:1px solid hsla(0,0%,100%,.1)}.u-navbar-inverse .u-navbar-brand,.u-navbar-inverse .u-navbar-nav>li>a,.u-navbar-inverse .u-navbar-text{color:#9d9d9d}.u-navbar-inverse .u-navbar-nav>li>a:focus{color:#fff;background-color:transparent}.u-navbar-inverse .u-navbar-nav>li.active,.u-navbar-inverse .u-navbar-nav>li:hover{color:#fff;cursor:default}.u-navbar-inverse .u-navbar-nav>li>a:hover{color:#fff;background-color:transparent}.u-navbar-inverse .u-navbar-collapse,.u-navbar-inverse .u-navbar-form{border-color:#101010}.u-navbar-inverse .u-navbar-toggle{border-color:#333}.u-navbar-inverse .u-navbar-toggle .icon-bar{background-color:#fff}.u-navbar-nav{margin-bottom:0;padding-left:0;list-style:none}.u-navbar-nav .dropdown,.u-navbar-nav .u-dropdown{line-height:20px;padding-top:10px;color:#777}.u-navbar .u-navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;-webkit-overflow-scrolling:touch}.u-navbar .u-navbar-collapse.in{overflow-y:auto}.u-navbar .u-navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.u-navbar .u-navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.u-navbar .u-navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.u-navbar .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.u-navbar .u-navbar-brand{float:left;padding:15px;font-size:18px;line-height:inherit}.u-navbar .u-navbar-nav .u-navbar>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}.u-navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0;position:fixed;right:0;left:0;z-index:1}.u-navbar-fixed-top{top:0;border-width:0 0 1px;position:fixed;right:0;left:0;z-index:1}.u-navbar-toggle.show{float:left;outline:none;width:30px;height:30px}.u-navbar-toggle.show.collapsed{-webkit-transition:all .5s ease;transition:all .5s ease}.u-navbar-toggle.show .uf{font-size:20px;line-height:20px;color:#777}.u-navbar .dropdown{display:inline;cursor:default}.u-navbar .dropdown .u-menu-item-selected,.u-navbar .dropdown .u-navbar .dropdown .u-menu-horizontal .u-menu-submenu-horizontal.u-menu-submenu-selected{border:none;background:none;color:#797979}.u-navbar .dropdown .u-menu-submenu-active{border:none;color:#797979}.u-navbar .dropdown .u-menu-submenu-active .u-menu-submenu-title{background:none}.u-navbar .dropdown .u-menu-submenu-horizontal>.u-menu{min-width:100px}