5 /* skin-black navbar */
6 .skin-black-light .main-header {
7 -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
8 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
10 .skin-black-light .main-header .navbar-toggle {
13 .skin-black-light .main-header .navbar-brand {
15 border-right: 1px solid #eee;
17 .skin-black-light .main-header .navbar {
18 background-color: #ffffff;
20 .skin-black-light .main-header .navbar .nav > li > a {
23 .skin-black-light .main-header .navbar .nav > li > a:hover,
24 .skin-black-light .main-header .navbar .nav > li > a:active,
25 .skin-black-light .main-header .navbar .nav > li > a:focus,
26 .skin-black-light .main-header .navbar .nav .open > a,
27 .skin-black-light .main-header .navbar .nav .open > a:hover,
28 .skin-black-light .main-header .navbar .nav .open > a:focus,
29 .skin-black-light .main-header .navbar .nav > .active > a {
33 .skin-black-light .main-header .navbar .sidebar-toggle {
36 .skin-black-light .main-header .navbar .sidebar-toggle:hover {
40 .skin-black-light .main-header .navbar > .sidebar-toggle {
42 border-right: 1px solid #eee;
44 .skin-black-light .main-header .navbar .navbar-nav > li > a {
45 border-right: 1px solid #eee;
47 .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
48 .skin-black-light .main-header .navbar .navbar-right > li > a {
49 border-left: 1px solid #eee;
50 border-right-width: 0;
52 .skin-black-light .main-header > .logo {
53 background-color: #ffffff;
55 border-bottom: 0 solid transparent;
56 border-right: 1px solid #eee;
58 .skin-black-light .main-header > .logo:hover {
59 background-color: #fcfcfc;
61 @media (max-width: 767px) {
62 .skin-black-light .main-header > .logo {
63 background-color: #222222;
65 border-bottom: 0 solid transparent;
68 .skin-black-light .main-header > .logo:hover {
69 background-color: #1f1f1f;
72 .skin-black-light .main-header li.user-header {
73 background-color: #222;
75 .skin-black-light .content-header {
76 background: transparent;
79 .skin-black-light .wrapper,
80 .skin-black-light .main-sidebar,
81 .skin-black-light .left-side {
82 background-color: #f9fafc;
84 .skin-black-light .content-wrapper,
85 .skin-black-light .main-footer {
86 border-left: 1px solid #d2d6de;
88 .skin-black-light .user-panel > .info,
89 .skin-black-light .user-panel > .info > a {
92 .skin-black-light .sidebar-menu > li {
93 -webkit-transition: border-left-color 0.3s ease;
94 -o-transition: border-left-color 0.3s ease;
95 transition: border-left-color 0.3s ease;
97 .skin-black-light .sidebar-menu > li.header {
101 .skin-black-light .sidebar-menu > li > a {
102 border-left: 3px solid transparent;
105 .skin-black-light .sidebar-menu > li:hover > a,
106 .skin-black-light .sidebar-menu > li.active > a {
110 .skin-black-light .sidebar-menu > li.active {
111 border-left-color: #ffffff;
113 .skin-black-light .sidebar-menu > li.active > a {
116 .skin-black-light .sidebar-menu > li > .treeview-menu {
119 .skin-black-light .sidebar a {
122 .skin-black-light .sidebar a:hover {
123 text-decoration: none;
125 .skin-black-light .treeview-menu > li > a {
128 .skin-black-light .treeview-menu > li.active > a,
129 .skin-black-light .treeview-menu > li > a:hover {
132 .skin-black-light .treeview-menu > li.active > a {
135 .skin-black-light .sidebar-form {
137 border: 1px solid #d2d6de;
140 .skin-black-light .sidebar-form input[type="text"],
141 .skin-black-light .sidebar-form .btn {
143 background-color: #fff;
144 border: 1px solid transparent;
147 .skin-black-light .sidebar-form input[type="text"] {
149 border-top-left-radius: 2px;
150 border-top-right-radius: 0;
151 border-bottom-right-radius: 0;
152 border-bottom-left-radius: 2px;
154 .skin-black-light .sidebar-form input[type="text"]:focus,
155 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
156 background-color: #fff;
159 .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
160 border-left-color: #fff;
162 .skin-black-light .sidebar-form .btn {
164 border-top-left-radius: 0;
165 border-top-right-radius: 2px;
166 border-bottom-right-radius: 2px;
167 border-bottom-left-radius: 0;
169 @media (min-width: 768px) {
170 .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
171 border-left: 1px solid #d2d6de;