]> git.proxmox.com Git - ceph.git/blame - ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/skins/skin-purple-light.css
bump version to 12.2.2-pve1
[ceph.git] / ceph / src / pybind / mgr / dashboard / static / AdminLTE-2.3.7 / dist / css / skins / skin-purple-light.css
CommitLineData
31f18b77
FG
1/*
2 * Skin: Purple
3 * ------------
4 */
5.skin-purple-light .main-header .navbar {
6 background-color: #605ca8;
7}
8.skin-purple-light .main-header .navbar .nav > li > a {
9 color: #ffffff;
10}
11.skin-purple-light .main-header .navbar .nav > li > a:hover,
12.skin-purple-light .main-header .navbar .nav > li > a:active,
13.skin-purple-light .main-header .navbar .nav > li > a:focus,
14.skin-purple-light .main-header .navbar .nav .open > a,
15.skin-purple-light .main-header .navbar .nav .open > a:hover,
16.skin-purple-light .main-header .navbar .nav .open > a:focus,
17.skin-purple-light .main-header .navbar .nav > .active > a {
18 background: rgba(0, 0, 0, 0.1);
19 color: #f6f6f6;
20}
21.skin-purple-light .main-header .navbar .sidebar-toggle {
22 color: #ffffff;
23}
24.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
25 color: #f6f6f6;
26 background: rgba(0, 0, 0, 0.1);
27}
28.skin-purple-light .main-header .navbar .sidebar-toggle {
29 color: #fff;
30}
31.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
32 background-color: #555299;
33}
34@media (max-width: 767px) {
35 .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
36 background-color: rgba(255, 255, 255, 0.1);
37 }
38 .skin-purple-light .main-header .navbar .dropdown-menu li a {
39 color: #fff;
40 }
41 .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
42 background: #555299;
43 }
44}
45.skin-purple-light .main-header .logo {
46 background-color: #605ca8;
47 color: #ffffff;
48 border-bottom: 0 solid transparent;
49}
50.skin-purple-light .main-header .logo:hover {
51 background-color: #5d59a6;
52}
53.skin-purple-light .main-header li.user-header {
54 background-color: #605ca8;
55}
56.skin-purple-light .content-header {
57 background: transparent;
58}
59.skin-purple-light .wrapper,
60.skin-purple-light .main-sidebar,
61.skin-purple-light .left-side {
62 background-color: #f9fafc;
63}
64.skin-purple-light .content-wrapper,
65.skin-purple-light .main-footer {
66 border-left: 1px solid #d2d6de;
67}
68.skin-purple-light .user-panel > .info,
69.skin-purple-light .user-panel > .info > a {
70 color: #444444;
71}
72.skin-purple-light .sidebar-menu > li {
73 -webkit-transition: border-left-color 0.3s ease;
74 -o-transition: border-left-color 0.3s ease;
75 transition: border-left-color 0.3s ease;
76}
77.skin-purple-light .sidebar-menu > li.header {
78 color: #848484;
79 background: #f9fafc;
80}
81.skin-purple-light .sidebar-menu > li > a {
82 border-left: 3px solid transparent;
83 font-weight: 600;
84}
85.skin-purple-light .sidebar-menu > li:hover > a,
86.skin-purple-light .sidebar-menu > li.active > a {
87 color: #000000;
88 background: #f4f4f5;
89}
90.skin-purple-light .sidebar-menu > li.active {
91 border-left-color: #605ca8;
92}
93.skin-purple-light .sidebar-menu > li.active > a {
94 font-weight: 600;
95}
96.skin-purple-light .sidebar-menu > li > .treeview-menu {
97 background: #f4f4f5;
98}
99.skin-purple-light .sidebar a {
100 color: #444444;
101}
102.skin-purple-light .sidebar a:hover {
103 text-decoration: none;
104}
105.skin-purple-light .treeview-menu > li > a {
106 color: #777777;
107}
108.skin-purple-light .treeview-menu > li.active > a,
109.skin-purple-light .treeview-menu > li > a:hover {
110 color: #000000;
111}
112.skin-purple-light .treeview-menu > li.active > a {
113 font-weight: 600;
114}
115.skin-purple-light .sidebar-form {
116 border-radius: 3px;
117 border: 1px solid #d2d6de;
118 margin: 10px 10px;
119}
120.skin-purple-light .sidebar-form input[type="text"],
121.skin-purple-light .sidebar-form .btn {
122 box-shadow: none;
123 background-color: #fff;
124 border: 1px solid transparent;
125 height: 35px;
126}
127.skin-purple-light .sidebar-form input[type="text"] {
128 color: #666;
129 border-top-left-radius: 2px;
130 border-top-right-radius: 0;
131 border-bottom-right-radius: 0;
132 border-bottom-left-radius: 2px;
133}
134.skin-purple-light .sidebar-form input[type="text"]:focus,
135.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
136 background-color: #fff;
137 color: #666;
138}
139.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
140 border-left-color: #fff;
141}
142.skin-purple-light .sidebar-form .btn {
143 color: #999;
144 border-top-left-radius: 0;
145 border-top-right-radius: 2px;
146 border-bottom-right-radius: 2px;
147 border-bottom-left-radius: 0;
148}
149@media (min-width: 768px) {
150 .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
151 border-left: 1px solid #d2d6de;
152 }
153}