]> git.proxmox.com Git - ceph.git/blame - ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/dist/css/skins/skin-red.css
bump version to 12.2.2-pve1
[ceph.git] / ceph / src / pybind / mgr / dashboard / static / AdminLTE-2.3.7 / dist / css / skins / skin-red.css
CommitLineData
31f18b77
FG
1/*
2 * Skin: Red
3 * ---------
4 */
5.skin-red .main-header .navbar {
6 background-color: #dd4b39;
7}
8.skin-red .main-header .navbar .nav > li > a {
9 color: #ffffff;
10}
11.skin-red .main-header .navbar .nav > li > a:hover,
12.skin-red .main-header .navbar .nav > li > a:active,
13.skin-red .main-header .navbar .nav > li > a:focus,
14.skin-red .main-header .navbar .nav .open > a,
15.skin-red .main-header .navbar .nav .open > a:hover,
16.skin-red .main-header .navbar .nav .open > a:focus,
17.skin-red .main-header .navbar .nav > .active > a {
18 background: rgba(0, 0, 0, 0.1);
19 color: #f6f6f6;
20}
21.skin-red .main-header .navbar .sidebar-toggle {
22 color: #ffffff;
23}
24.skin-red .main-header .navbar .sidebar-toggle:hover {
25 color: #f6f6f6;
26 background: rgba(0, 0, 0, 0.1);
27}
28.skin-red .main-header .navbar .sidebar-toggle {
29 color: #fff;
30}
31.skin-red .main-header .navbar .sidebar-toggle:hover {
32 background-color: #d73925;
33}
34@media (max-width: 767px) {
35 .skin-red .main-header .navbar .dropdown-menu li.divider {
36 background-color: rgba(255, 255, 255, 0.1);
37 }
38 .skin-red .main-header .navbar .dropdown-menu li a {
39 color: #fff;
40 }
41 .skin-red .main-header .navbar .dropdown-menu li a:hover {
42 background: #d73925;
43 }
44}
45.skin-red .main-header .logo {
46 background-color: #d73925;
47 color: #ffffff;
48 border-bottom: 0 solid transparent;
49}
50.skin-red .main-header .logo:hover {
51 background-color: #d33724;
52}
53.skin-red .main-header li.user-header {
54 background-color: #dd4b39;
55}
56.skin-red .content-header {
57 background: transparent;
58}
59.skin-red .wrapper,
60.skin-red .main-sidebar,
61.skin-red .left-side {
62 background-color: #222d32;
63}
64.skin-red .user-panel > .info,
65.skin-red .user-panel > .info > a {
66 color: #fff;
67}
68.skin-red .sidebar-menu > li.header {
69 color: #4b646f;
70 background: #1a2226;
71}
72.skin-red .sidebar-menu > li > a {
73 border-left: 3px solid transparent;
74}
75.skin-red .sidebar-menu > li:hover > a,
76.skin-red .sidebar-menu > li.active > a {
77 color: #ffffff;
78 background: #1e282c;
79 border-left-color: #dd4b39;
80}
81.skin-red .sidebar-menu > li > .treeview-menu {
82 margin: 0 1px;
83 background: #2c3b41;
84}
85.skin-red .sidebar a {
86 color: #b8c7ce;
87}
88.skin-red .sidebar a:hover {
89 text-decoration: none;
90}
91.skin-red .treeview-menu > li > a {
92 color: #8aa4af;
93}
94.skin-red .treeview-menu > li.active > a,
95.skin-red .treeview-menu > li > a:hover {
96 color: #ffffff;
97}
98.skin-red .sidebar-form {
99 border-radius: 3px;
100 border: 1px solid #374850;
101 margin: 10px 10px;
102}
103.skin-red .sidebar-form input[type="text"],
104.skin-red .sidebar-form .btn {
105 box-shadow: none;
106 background-color: #374850;
107 border: 1px solid transparent;
108 height: 35px;
109}
110.skin-red .sidebar-form input[type="text"] {
111 color: #666;
112 border-top-left-radius: 2px;
113 border-top-right-radius: 0;
114 border-bottom-right-radius: 0;
115 border-bottom-left-radius: 2px;
116}
117.skin-red .sidebar-form input[type="text"]:focus,
118.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
119 background-color: #fff;
120 color: #666;
121}
122.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
123 border-left-color: #fff;
124}
125.skin-red .sidebar-form .btn {
126 color: #999;
127 border-top-left-radius: 0;
128 border-top-right-radius: 2px;
129 border-bottom-right-radius: 2px;
130 border-bottom-left-radius: 0;
131}