]>
Commit | Line | Data |
---|---|---|
1 | /* | |
2 | * Skin: Red | |
3 | * --------- | |
4 | */ | |
5 | .skin-red-light .main-header .navbar { | |
6 | background-color: #dd4b39; | |
7 | } | |
8 | .skin-red-light .main-header .navbar .nav > li > a { | |
9 | color: #ffffff; | |
10 | } | |
11 | .skin-red-light .main-header .navbar .nav > li > a:hover, | |
12 | .skin-red-light .main-header .navbar .nav > li > a:active, | |
13 | .skin-red-light .main-header .navbar .nav > li > a:focus, | |
14 | .skin-red-light .main-header .navbar .nav .open > a, | |
15 | .skin-red-light .main-header .navbar .nav .open > a:hover, | |
16 | .skin-red-light .main-header .navbar .nav .open > a:focus, | |
17 | .skin-red-light .main-header .navbar .nav > .active > a { | |
18 | background: rgba(0, 0, 0, 0.1); | |
19 | color: #f6f6f6; | |
20 | } | |
21 | .skin-red-light .main-header .navbar .sidebar-toggle { | |
22 | color: #ffffff; | |
23 | } | |
24 | .skin-red-light .main-header .navbar .sidebar-toggle:hover { | |
25 | color: #f6f6f6; | |
26 | background: rgba(0, 0, 0, 0.1); | |
27 | } | |
28 | .skin-red-light .main-header .navbar .sidebar-toggle { | |
29 | color: #fff; | |
30 | } | |
31 | .skin-red-light .main-header .navbar .sidebar-toggle:hover { | |
32 | background-color: #d73925; | |
33 | } | |
34 | @media (max-width: 767px) { | |
35 | .skin-red-light .main-header .navbar .dropdown-menu li.divider { | |
36 | background-color: rgba(255, 255, 255, 0.1); | |
37 | } | |
38 | .skin-red-light .main-header .navbar .dropdown-menu li a { | |
39 | color: #fff; | |
40 | } | |
41 | .skin-red-light .main-header .navbar .dropdown-menu li a:hover { | |
42 | background: #d73925; | |
43 | } | |
44 | } | |
45 | .skin-red-light .main-header .logo { | |
46 | background-color: #dd4b39; | |
47 | color: #ffffff; | |
48 | border-bottom: 0 solid transparent; | |
49 | } | |
50 | .skin-red-light .main-header .logo:hover { | |
51 | background-color: #dc4735; | |
52 | } | |
53 | .skin-red-light .main-header li.user-header { | |
54 | background-color: #dd4b39; | |
55 | } | |
56 | .skin-red-light .content-header { | |
57 | background: transparent; | |
58 | } | |
59 | .skin-red-light .wrapper, | |
60 | .skin-red-light .main-sidebar, | |
61 | .skin-red-light .left-side { | |
62 | background-color: #f9fafc; | |
63 | } | |
64 | .skin-red-light .content-wrapper, | |
65 | .skin-red-light .main-footer { | |
66 | border-left: 1px solid #d2d6de; | |
67 | } | |
68 | .skin-red-light .user-panel > .info, | |
69 | .skin-red-light .user-panel > .info > a { | |
70 | color: #444444; | |
71 | } | |
72 | .skin-red-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-red-light .sidebar-menu > li.header { | |
78 | color: #848484; | |
79 | background: #f9fafc; | |
80 | } | |
81 | .skin-red-light .sidebar-menu > li > a { | |
82 | border-left: 3px solid transparent; | |
83 | font-weight: 600; | |
84 | } | |
85 | .skin-red-light .sidebar-menu > li:hover > a, | |
86 | .skin-red-light .sidebar-menu > li.active > a { | |
87 | color: #000000; | |
88 | background: #f4f4f5; | |
89 | } | |
90 | .skin-red-light .sidebar-menu > li.active { | |
91 | border-left-color: #dd4b39; | |
92 | } | |
93 | .skin-red-light .sidebar-menu > li.active > a { | |
94 | font-weight: 600; | |
95 | } | |
96 | .skin-red-light .sidebar-menu > li > .treeview-menu { | |
97 | background: #f4f4f5; | |
98 | } | |
99 | .skin-red-light .sidebar a { | |
100 | color: #444444; | |
101 | } | |
102 | .skin-red-light .sidebar a:hover { | |
103 | text-decoration: none; | |
104 | } | |
105 | .skin-red-light .treeview-menu > li > a { | |
106 | color: #777777; | |
107 | } | |
108 | .skin-red-light .treeview-menu > li.active > a, | |
109 | .skin-red-light .treeview-menu > li > a:hover { | |
110 | color: #000000; | |
111 | } | |
112 | .skin-red-light .treeview-menu > li.active > a { | |
113 | font-weight: 600; | |
114 | } | |
115 | .skin-red-light .sidebar-form { | |
116 | border-radius: 3px; | |
117 | border: 1px solid #d2d6de; | |
118 | margin: 10px 10px; | |
119 | } | |
120 | .skin-red-light .sidebar-form input[type="text"], | |
121 | .skin-red-light .sidebar-form .btn { | |
122 | box-shadow: none; | |
123 | background-color: #fff; | |
124 | border: 1px solid transparent; | |
125 | height: 35px; | |
126 | } | |
127 | .skin-red-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-red-light .sidebar-form input[type="text"]:focus, | |
135 | .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
136 | background-color: #fff; | |
137 | color: #666; | |
138 | } | |
139 | .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
140 | border-left-color: #fff; | |
141 | } | |
142 | .skin-red-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-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
151 | border-left: 1px solid #d2d6de; | |
152 | } | |
153 | } |