]> git.proxmox.com Git - ceph.git/blame - ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/skins/skin-black.css
bump version to 12.2.2-pve1
[ceph.git] / ceph / src / pybind / mgr / dashboard / static / AdminLTE-2.3.7 / dist / css / skins / skin-black.css
CommitLineData
31f18b77
FG
1/*
2 * Skin: Black
3 * -----------
4 */
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);
9}
10.skin-black .main-header .navbar-toggle {
11 color: #333;
12}
13.skin-black .main-header .navbar-brand {
14 color: #333;
15 border-right: 1px solid #eee;
16}
17.skin-black .main-header .navbar {
18 background-color: #ffffff;
19}
20.skin-black .main-header .navbar .nav > li > a {
21 color: #333333;
22}
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 {
30 background: #ffffff;
31 color: #999999;
32}
33.skin-black .main-header .navbar .sidebar-toggle {
34 color: #333333;
35}
36.skin-black .main-header .navbar .sidebar-toggle:hover {
37 color: #999999;
38 background: #ffffff;
39}
40.skin-black .main-header .navbar > .sidebar-toggle {
41 color: #333;
42 border-right: 1px solid #eee;
43}
44.skin-black .main-header .navbar .navbar-nav > li > a {
45 border-right: 1px solid #eee;
46}
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;
51}
52.skin-black .main-header > .logo {
53 background-color: #ffffff;
54 color: #333333;
55 border-bottom: 0 solid transparent;
56 border-right: 1px solid #eee;
57}
58.skin-black .main-header > .logo:hover {
59 background-color: #fcfcfc;
60}
61@media (max-width: 767px) {
62 .skin-black .main-header > .logo {
63 background-color: #222222;
64 color: #ffffff;
65 border-bottom: 0 solid transparent;
66 border-right: none;
67 }
68 .skin-black .main-header > .logo:hover {
69 background-color: #1f1f1f;
70 }
71}
72.skin-black .main-header li.user-header {
73 background-color: #222;
74}
75.skin-black .content-header {
76 background: transparent;
77 box-shadow: none;
78}
79.skin-black .wrapper,
80.skin-black .main-sidebar,
81.skin-black .left-side {
82 background-color: #222d32;
83}
84.skin-black .user-panel > .info,
85.skin-black .user-panel > .info > a {
86 color: #fff;
87}
88.skin-black .sidebar-menu > li.header {
89 color: #4b646f;
90 background: #1a2226;
91}
92.skin-black .sidebar-menu > li > a {
93 border-left: 3px solid transparent;
94}
95.skin-black .sidebar-menu > li:hover > a,
96.skin-black .sidebar-menu > li.active > a {
97 color: #ffffff;
98 background: #1e282c;
99 border-left-color: #ffffff;
100}
101.skin-black .sidebar-menu > li > .treeview-menu {
102 margin: 0 1px;
103 background: #2c3b41;
104}
105.skin-black .sidebar a {
106 color: #b8c7ce;
107}
108.skin-black .sidebar a:hover {
109 text-decoration: none;
110}
111.skin-black .treeview-menu > li > a {
112 color: #8aa4af;
113}
114.skin-black .treeview-menu > li.active > a,
115.skin-black .treeview-menu > li > a:hover {
116 color: #ffffff;
117}
118.skin-black .sidebar-form {
119 border-radius: 3px;
120 border: 1px solid #374850;
121 margin: 10px 10px;
122}
123.skin-black .sidebar-form input[type="text"],
124.skin-black .sidebar-form .btn {
125 box-shadow: none;
126 background-color: #374850;
127 border: 1px solid transparent;
128 height: 35px;
129}
130.skin-black .sidebar-form input[type="text"] {
131 color: #666;
132 border-top-left-radius: 2px;
133 border-top-right-radius: 0;
134 border-bottom-right-radius: 0;
135 border-bottom-left-radius: 2px;
136}
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;
140 color: #666;
141}
142.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
143 border-left-color: #fff;
144}
145.skin-black .sidebar-form .btn {
146 color: #999;
147 border-top-left-radius: 0;
148 border-top-right-radius: 2px;
149 border-bottom-right-radius: 2px;
150 border-bottom-left-radius: 0;
151}
152.skin-black .pace .pace-progress {
153 background: #222;
154}
155.skin-black .pace .pace-activity {
156 border-top-color: #222;
157 border-left-color: #222;
158}