]>
git.proxmox.com Git - ceph.git/blob - ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/skins/skin-black.css
5 /* skin-black navbar */
6 .skin-black .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 .main-header .navbar-toggle {
13 .skin-black .main-header .navbar-brand {
15 border-right: 1px solid
#eee;
17 .skin-black .main-header .navbar {
18 background-color: #ffffff;
20 .skin-black .main-header .navbar .nav > li > a {
23 .skin-black
.main-header
.navbar
.nav
> li
> a:hover
,
24 .skin-black
.main-header
.navbar
.nav
> li
> a:active
,
25 .skin-black
.main-header
.navbar
.nav
> li
> a:focus
,
26 .skin-black
.main-header
.navbar
.nav
.open
> a
,
27 .skin-black
.main-header
.navbar
.nav
.open
> a:hover
,
28 .skin-black
.main-header
.navbar
.nav
.open
> a:focus
,
29 .skin-black .main-header .navbar .nav > .active > a {
33 .skin-black .main-header .navbar .sidebar-toggle {
36 .skin-black .main-header .navbar .sidebar-toggle:hover {
40 .skin-black .main-header .navbar > .sidebar-toggle {
42 border-right: 1px solid
#eee;
44 .skin-black .main-header .navbar .navbar-nav > li > a {
45 border-right: 1px solid
#eee;
47 .skin-black
.main-header
.navbar
.navbar-custom-menu
.navbar-nav
> li
> a
,
48 .skin-black .main-header .navbar .navbar-right > li > a {
49 border-left: 1px solid
#eee;
50 border-right-width: 0;
52 .skin-black .main-header > .logo {
53 background-color: #ffffff;
55 border-bottom: 0 solid transparent
;
56 border-right: 1px solid
#eee;
58 .skin-black .main-header > .logo:hover {
59 background-color: #fcfcfc;
61 @media (max-width: 767px) {
62 .skin-black .main-header > .logo {
63 background-color: #222222;
65 border-bottom: 0 solid transparent
;
68 .skin-black .main-header > .logo:hover {
69 background-color: #1f1f1f;
72 .skin-black .main-header li.user-header {
73 background-color: #222;
75 .skin-black .content-header {
76 background: transparent
;
80 .skin-black
.main-sidebar
,
81 .skin-black .left-side {
82 background-color: #222d32;
84 .skin-black
.user-panel
> .info
,
85 .skin-black .user-panel > .info > a {
88 .skin-black .sidebar-menu > li.header {
92 .skin-black .sidebar-menu > li > a {
93 border-left: 3px solid transparent
;
95 .skin-black
.sidebar-menu
> li:hover
> a
,
96 .skin-black .sidebar-menu > li.active > a {
99 border-left-color: #ffffff;
101 .skin-black .sidebar-menu > li > .treeview-menu {
105 .skin-black .sidebar a {
108 .skin-black .sidebar a:hover {
109 text-decoration: none
;
111 .skin-black .treeview-menu > li > a {
114 .skin-black
.treeview-menu
> li
.active
> a
,
115 .skin-black .treeview-menu > li > a:hover {
118 .skin-black .sidebar-form {
120 border: 1px solid
#374850;
123 .skin-black
.sidebar-form input
[type
="text"],
124 .skin-black .sidebar-form .btn {
126 background-color: #374850;
127 border: 1px solid transparent
;
130 .skin-black .sidebar-form input[type="text"] {
132 border-top-left-radius: 2px;
133 border-top-right-radius: 0;
134 border-bottom-right-radius: 0;
135 border-bottom-left-radius: 2px;
137 .skin-black
.sidebar-form input
[type
="text"]:focus
,
138 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
139 background-color: #fff;
142 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
143 border-left-color: #fff;
145 .skin-black .sidebar-form .btn {
147 border-top-left-radius: 0;
148 border-top-right-radius: 2px;
149 border-bottom-right-radius: 2px;
150 border-bottom-left-radius: 0;
152 .skin-black .pace .pace-progress {
155 .skin-black .pace .pace-activity {
156 border-top-color: #222;
157 border-left-color: #222;