Skip to content

Commit 144bd25

Browse files
bndynetbndynet
committed
override the default skins about lightness
1 parent e7334a7 commit 144bd25

File tree

5 files changed

+465
-4
lines changed

5 files changed

+465
-4
lines changed

‎app/Areas/Admin/Content/css/my-skins/_all-my-skins.css‎

Lines changed: 185 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,8 @@
2121
.with-sidebar-horizontal .main-sidebar > .sidebar > .sidebar-menu > li {
2222
float: left; }
2323
.with-sidebar-horizontal .main-sidebar > .sidebar > .sidebar-menu > li.treeview:hover .treeview-menu {
24-
display: block; }
24+
display: block;
25+
padding-left: 0; }
2526
.with-sidebar-horizontal .main-sidebar > .sidebar > .sidebar-menu > li.treeview:hover .pull-right-container .fa-angle-left {
2627
-moz-transform: rotate(-90deg);
2728
-ms-transform: rotate(-90deg);
@@ -47,6 +48,8 @@
4748
width: 120%;
4849
box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 10px;
4950
display: none; }
51+
.with-sidebar-horizontal .main-sidebar > .sidebar > .sidebar-menu > li > ul.treeview-menu .treeview-menu a {
52+
padding-left: 30px; }
5053
.with-sidebar-horizontal .main-sidebar > .sidebar > .sidebar-menu > li > ul.treeview-menu li a > .pull-right-container {
5154
display: block;
5255
position: absolute;
@@ -60,6 +63,187 @@
6063
.with-sidebar-horizontal .main-footer {
6164
margin-left: 0; }
6265

66+
/* override the default skins */
67+
.with-sidebar-horizontal.skin-red .logo {
68+
background-color: #dd4b39; }
69+
70+
.with-sidebar-horizontal.skin-red-light .logo,
71+
.with-sidebar-horizontal.skin-red-light .logo:hover {
72+
background-color: #fff;
73+
color: #dd4b39; }
74+
75+
.with-sidebar-horizontal.skin-red-light .main-header .navbar {
76+
background-color: #fff; }
77+
.with-sidebar-horizontal.skin-red-light .main-header .navbar .nav > li > a,
78+
.with-sidebar-horizontal.skin-red-light .main-header .navbar .nav > li > a:focus,
79+
.with-sidebar-horizontal.skin-red-light .main-header .navbar .nav > li > a:hover,
80+
.with-sidebar-horizontal.skin-red-light .main-header .navbar .nav > li > a:active {
81+
color: #dd4b39; }
82+
83+
.with-sidebar-horizontal.skin-red-light .main-sidebar {
84+
background-color: #dd4b39; }
85+
.with-sidebar-horizontal.skin-red-light .main-sidebar a {
86+
color: #fff; }
87+
.with-sidebar-horizontal.skin-red-light .main-sidebar .sidebar-menu > li.header {
88+
color: #848484;
89+
background: #f9fafc; }
90+
.with-sidebar-horizontal.skin-red-light .main-sidebar .sidebar-menu > li > a {
91+
border-left: 3px solid transparent;
92+
font-weight: 600; }
93+
.with-sidebar-horizontal.skin-red-light .main-sidebar .sidebar-menu > li:hover > a,
94+
.with-sidebar-horizontal.skin-red-light .main-sidebar .sidebar-menu > li.active > a {
95+
background-color: #d73925;
96+
color: #fff; }
97+
.with-sidebar-horizontal.skin-red-light .main-sidebar .sidebar-menu > li > .treeview-menu {
98+
background-color: #d73925; }
99+
.with-sidebar-horizontal.skin-red-light .main-sidebar .sidebar-menu > li > .treeview-menu a:hover {
100+
background-color: #c23321;
101+
color: #fff; }
102+
103+
.with-sidebar-horizontal.skin-blue .logo {
104+
background-color: #3c8dbc; }
105+
106+
.with-sidebar-horizontal.skin-blue-light .logo,
107+
.with-sidebar-horizontal.skin-blue-light .logo:hover {
108+
background-color: #fff;
109+
color: #3c8dbc; }
110+
111+
.with-sidebar-horizontal.skin-blue-light .main-header .navbar {
112+
background-color: #fff; }
113+
.with-sidebar-horizontal.skin-blue-light .main-header .navbar .nav > li > a,
114+
.with-sidebar-horizontal.skin-blue-light .main-header .navbar .nav > li > a:focus,
115+
.with-sidebar-horizontal.skin-blue-light .main-header .navbar .nav > li > a:hover,
116+
.with-sidebar-horizontal.skin-blue-light .main-header .navbar .nav > li > a:active {
117+
color: #3c8dbc; }
118+
119+
.with-sidebar-horizontal.skin-blue-light .main-sidebar {
120+
background-color: #3c8dbc; }
121+
.with-sidebar-horizontal.skin-blue-light .main-sidebar a {
122+
color: #fff; }
123+
.with-sidebar-horizontal.skin-blue-light .main-sidebar .sidebar-menu > li.header {
124+
color: #848484;
125+
background: #f9fafc; }
126+
.with-sidebar-horizontal.skin-blue-light .main-sidebar .sidebar-menu > li > a {
127+
border-left: 3px solid transparent;
128+
font-weight: 600; }
129+
.with-sidebar-horizontal.skin-blue-light .main-sidebar .sidebar-menu > li:hover > a,
130+
.with-sidebar-horizontal.skin-blue-light .main-sidebar .sidebar-menu > li.active > a {
131+
background-color: #367fa9;
132+
color: #fff; }
133+
.with-sidebar-horizontal.skin-blue-light .main-sidebar .sidebar-menu > li > .treeview-menu {
134+
background-color: #367fa9; }
135+
.with-sidebar-horizontal.skin-blue-light .main-sidebar .sidebar-menu > li > .treeview-menu a:hover {
136+
background-color: #307095;
137+
color: #fff; }
138+
139+
.with-sidebar-horizontal.skin-purple .logo {
140+
background-color: #605ca8; }
141+
142+
.with-sidebar-horizontal.skin-purple-light .logo,
143+
.with-sidebar-horizontal.skin-purple-light .logo:hover {
144+
background-color: #fff;
145+
color: #605ca8; }
146+
147+
.with-sidebar-horizontal.skin-purple-light .main-header .navbar {
148+
background-color: #fff; }
149+
.with-sidebar-horizontal.skin-purple-light .main-header .navbar .nav > li > a,
150+
.with-sidebar-horizontal.skin-purple-light .main-header .navbar .nav > li > a:focus,
151+
.with-sidebar-horizontal.skin-purple-light .main-header .navbar .nav > li > a:hover,
152+
.with-sidebar-horizontal.skin-purple-light .main-header .navbar .nav > li > a:active {
153+
color: #605ca8; }
154+
155+
.with-sidebar-horizontal.skin-purple-light .main-sidebar {
156+
background-color: #605ca8; }
157+
.with-sidebar-horizontal.skin-purple-light .main-sidebar a {
158+
color: #fff; }
159+
.with-sidebar-horizontal.skin-purple-light .main-sidebar .sidebar-menu > li.header {
160+
color: #848484;
161+
background: #f9fafc; }
162+
.with-sidebar-horizontal.skin-purple-light .main-sidebar .sidebar-menu > li > a {
163+
border-left: 3px solid transparent;
164+
font-weight: 600; }
165+
.with-sidebar-horizontal.skin-purple-light .main-sidebar .sidebar-menu > li:hover > a,
166+
.with-sidebar-horizontal.skin-purple-light .main-sidebar .sidebar-menu > li.active > a {
167+
background-color: #555299;
168+
color: #fff; }
169+
.with-sidebar-horizontal.skin-purple-light .main-sidebar .sidebar-menu > li > .treeview-menu {
170+
background-color: #555299; }
171+
.with-sidebar-horizontal.skin-purple-light .main-sidebar .sidebar-menu > li > .treeview-menu a:hover {
172+
background-color: #4c4988;
173+
color: #fff; }
174+
175+
.with-sidebar-horizontal.skin-green .logo {
176+
background-color: #00a65a; }
177+
178+
.with-sidebar-horizontal.skin-green-light .logo,
179+
.with-sidebar-horizontal.skin-green-light .logo:hover {
180+
background-color: #fff;
181+
color: #00a65a; }
182+
183+
.with-sidebar-horizontal.skin-green-light .main-header .navbar {
184+
background-color: #fff; }
185+
.with-sidebar-horizontal.skin-green-light .main-header .navbar .nav > li > a,
186+
.with-sidebar-horizontal.skin-green-light .main-header .navbar .nav > li > a:focus,
187+
.with-sidebar-horizontal.skin-green-light .main-header .navbar .nav > li > a:hover,
188+
.with-sidebar-horizontal.skin-green-light .main-header .navbar .nav > li > a:active {
189+
color: #00a65a; }
190+
191+
.with-sidebar-horizontal.skin-green-light .main-sidebar {
192+
background-color: #00a65a; }
193+
.with-sidebar-horizontal.skin-green-light .main-sidebar a {
194+
color: #fff; }
195+
.with-sidebar-horizontal.skin-green-light .main-sidebar .sidebar-menu > li.header {
196+
color: #848484;
197+
background: #f9fafc; }
198+
.with-sidebar-horizontal.skin-green-light .main-sidebar .sidebar-menu > li > a {
199+
border-left: 3px solid transparent;
200+
font-weight: 600; }
201+
.with-sidebar-horizontal.skin-green-light .main-sidebar .sidebar-menu > li:hover > a,
202+
.with-sidebar-horizontal.skin-green-light .main-sidebar .sidebar-menu > li.active > a {
203+
background-color: #008d4c;
204+
color: #fff; }
205+
.with-sidebar-horizontal.skin-green-light .main-sidebar .sidebar-menu > li > .treeview-menu {
206+
background-color: #008d4c; }
207+
.with-sidebar-horizontal.skin-green-light .main-sidebar .sidebar-menu > li > .treeview-menu a:hover {
208+
background-color: #00733e;
209+
color: #fff; }
210+
211+
.with-sidebar-horizontal.skin-yellow .logo {
212+
background-color: #f39c12; }
213+
214+
.with-sidebar-horizontal.skin-yellow-light .logo,
215+
.with-sidebar-horizontal.skin-yellow-light .logo:hover {
216+
background-color: #fff;
217+
color: #f39c12; }
218+
219+
.with-sidebar-horizontal.skin-yellow-light .main-header .navbar {
220+
background-color: #fff; }
221+
.with-sidebar-horizontal.skin-yellow-light .main-header .navbar .nav > li > a,
222+
.with-sidebar-horizontal.skin-yellow-light .main-header .navbar .nav > li > a:focus,
223+
.with-sidebar-horizontal.skin-yellow-light .main-header .navbar .nav > li > a:hover,
224+
.with-sidebar-horizontal.skin-yellow-light .main-header .navbar .nav > li > a:active {
225+
color: #f39c12; }
226+
227+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar {
228+
background-color: #f39c12; }
229+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar a {
230+
color: #fff; }
231+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar .sidebar-menu > li.header {
232+
color: #848484;
233+
background: #f9fafc; }
234+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar .sidebar-menu > li > a {
235+
border-left: 3px solid transparent;
236+
font-weight: 600; }
237+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar .sidebar-menu > li:hover > a,
238+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar .sidebar-menu > li.active > a {
239+
background-color: #e08e0b;
240+
color: #fff; }
241+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar .sidebar-menu > li > .treeview-menu {
242+
background-color: #e08e0b; }
243+
.with-sidebar-horizontal.skin-yellow-light .main-sidebar .sidebar-menu > li > .treeview-menu a:hover {
244+
background-color: #c87f0a;
245+
color: #fff; }
246+
63247
.my-skin-red-line .main-header {
64248
border-bottom: 2px solid #dd4b39; }
65249
.my-skin-red-line .main-header .logo,

0 commit comments

Comments
 (0)