Skip to content

Commit b36cd1a

Browse files
ReconixReconix
committed
Anvil Admin Theme
1 parent f41cee0 commit b36cd1a

1 file changed

Lines changed: 239 additions & 0 deletions

File tree

‎static/themes/anvil/css/skins/skin-anvil-light.css‎

Lines changed: 239 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,239 @@
1+
/*
2+
* Skin: Anvil Light
3+
* ------------------
4+
*/
5+
/* skin-anvil-light navbar */
6+
7+
.skin-anvil-light .extra-padding {
8+
padding: 35px;
9+
}
10+
11+
.skin-anvil-light .main-header {
12+
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
13+
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
14+
}
15+
.skin-anvil-light .main-header .navbar-toggle {
16+
color: #333;
17+
}
18+
.skin-anvil-light .main-header .navbar-brand {
19+
color: #333;
20+
border-right: 1px solid #eee;
21+
}
22+
.skin-anvil-light .main-header .navbar {
23+
background-color: #ffffff;
24+
}
25+
.skin-anvil-light .main-header .navbar .nav > li > a {
26+
color: #333333;
27+
}
28+
.skin-anvil-light .main-header .navbar .nav > li > a:hover,
29+
.skin-anvil-light .main-header .navbar .nav > li > a:active,
30+
.skin-anvil-light .main-header .navbar .nav > li > a:focus,
31+
.skin-anvil-light .main-header .navbar .nav .open > a,
32+
.skin-anvil-light .main-header .navbar .nav .open > a:hover,
33+
.skin-anvil-light .main-header .navbar .nav .open > a:focus,
34+
.skin-anvil-light .main-header .navbar .nav > .active > a {
35+
background: #ffffff;
36+
color: #999999;
37+
}
38+
39+
.skin-anvil-light .main-header .navbar .nav > li > a:hover {
40+
background-color: #222d32;
41+
color: #d2d6de;
42+
font-weight: 600;
43+
44+
-webkit-box-shadow: inset -2px -26px 34px -37px rgba(255,255,255,1);
45+
-moz-box-shadow: inset -2px -26px 34px -37px rgba(255,255,255,1);
46+
box-shadow: inset -2px -26px 34px -37px rgba(255,255,255,1);
47+
}
48+
49+
.skin-anvil-light .main-header .navbar .sidebar-toggle {
50+
color: #333333;
51+
}
52+
.skin-anvil-light .main-header .navbar .sidebar-toggle:hover {
53+
color: #999999;
54+
background: #ffffff;
55+
}
56+
.skin-anvil-light .main-header .navbar > .sidebar-toggle {
57+
color: #333;
58+
border-right: 1px solid #eee;
59+
}
60+
.skin-anvil-light .main-header .navbar .navbar-nav > li > a {
61+
border-right: 1px solid #eee;
62+
}
63+
.skin-anvil-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
64+
.skin-anvil-light .main-header .navbar .navbar-right > li > a {
65+
border-left: 1px solid #eee;
66+
border-right-width: 0;
67+
}
68+
.skin-anvil-light .main-header > .logo {
69+
background-color: #ffffff;
70+
color: #333333;
71+
border-bottom: 0 solid transparent;
72+
border-right: 1px solid #eee;
73+
}
74+
.skin-anvil-light .main-header > .logo:hover {
75+
background-color: #fcfcfc;
76+
}
77+
@media (max-width: 767px) {
78+
.skin-anvil-light .main-header > .logo {
79+
background-color: #222222;
80+
color: #ffffff;
81+
border-bottom: 0 solid transparent;
82+
border-right: none;
83+
}
84+
.skin-anvil-light .main-header > .logo:hover {
85+
background-color: #1f1f1f;
86+
}
87+
}
88+
.skin-anvil-light .main-header li.user-header {
89+
background-color: #222;
90+
}
91+
.skin-anvil-light .content-header {
92+
border-left: 1px solid rgba(238, 238, 238, 0.2);
93+
padding:0 !important;
94+
background: #222d32;
95+
box-shadow: none;
96+
}
97+
.skin-anvil-light .content-header > h1 {
98+
font-size:16px;
99+
color: #eee;
100+
line-height: 48px;
101+
padding-left: 14px;
102+
}
103+
.skin-anvil-light .content-header > h1 > small {
104+
font-size: 14px;
105+
color: #bbb;
106+
line-height: 48px;
107+
padding-left: 4px;
108+
}
109+
.content-header > .breadcrumb {
110+
top:8px;
111+
}
112+
.content-header > .breadcrumb > li > a {
113+
color:#999;
114+
}
115+
.content-header > .breadcrumb>.active {
116+
color:#ccc;
117+
}
118+
.skin-anvil-light .wrapper,
119+
.skin-anvil-light .main-sidebar,
120+
.skin-anvil-light .left-side {
121+
background-color: #222d32;
122+
}
123+
.skin-anvil-light .user-panel > .info,
124+
.skin-anvil-light .user-panel > .info > a {
125+
color: #fff;
126+
}
127+
.skin-anvil-light .sidebar-menu > li.header {
128+
color: #4b646f;
129+
background: #1a2226;
130+
}
131+
.skin-anvil-light .sidebar-menu > li > a {
132+
border-left: 2px solid transparent;
133+
}
134+
.skin-anvil-light .sidebar-menu > li.active > a {
135+
color: #ffffff;
136+
background: #1e282c;
137+
}
138+
.skin-anvil-light .sidebar-menu > li:hover > a,
139+
.skin-anvil-light .sidebar-menu > li.menu-open > a {
140+
color: #ffffff;
141+
background: #1e282c;
142+
padding-left:7px;
143+
144+
border-left: 1px solid #337ab7;
145+
border-right: 1px solid #3c8dbc;
146+
border-bottom: 1px solid rgba(51, 122, 183, 0.43);
147+
border-top: 1px solid rgba(51, 122, 183, 0.46);
148+
box-shadow: inset -2px -27px 34px -37px #3c8dbc;
149+
}
150+
.skin-anvil-light .sidebar-menu > li.active > a {
151+
border-left-color: #3c8dbc;
152+
}
153+
.skin-anvil-light .sidebar-menu > li > .treeview-menu {
154+
margin: 0 1px;
155+
background: #2c3b41;
156+
}
157+
.skin-anvil-light .sidebar a {
158+
color: #b8c7ce;
159+
}
160+
.skin-anvil-light .sidebar a:hover {
161+
text-decoration: none;
162+
}
163+
.skin-anvil-light .sidebar-menu .treeview-menu > li > a {
164+
color: #8aa4af;
165+
}
166+
.skin-anvil-light .sidebar-menu .treeview-menu > li.active > a,
167+
.skin-anvil-light .sidebar-menu .treeview-menu > li > a:hover {
168+
color: #ffffff;
169+
}
170+
.skin-anvil-light .sidebar-form {
171+
border-radius: 3px;
172+
border: 1px solid #374850;
173+
margin: 10px 10px;
174+
}
175+
.skin-anvil-light .sidebar-form input[type="text"],
176+
.skin-anvil-light .sidebar-form .btn {
177+
box-shadow: none;
178+
background-color: #374850;
179+
border: 1px solid transparent;
180+
height: 35px;
181+
}
182+
.skin-anvil-light .sidebar-form input[type="text"] {
183+
color: #666;
184+
border-top-left-radius: 2px;
185+
border-top-right-radius: 0;
186+
border-bottom-right-radius: 0;
187+
border-bottom-left-radius: 2px;
188+
}
189+
.skin-anvil-light .sidebar-form input[type="text"]:focus,
190+
.skin-anvil-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
191+
background-color: #fff;
192+
color: #666;
193+
}
194+
.skin-anvil-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
195+
border-left-color: #fff;
196+
}
197+
.skin-anvil-light .sidebar-form .btn {
198+
color: #999;
199+
border-top-left-radius: 0;
200+
border-top-right-radius: 2px;
201+
border-bottom-right-radius: 2px;
202+
border-bottom-left-radius: 0;
203+
}
204+
.skin-anvil-light .pace .pace-progress {
205+
background: #222;
206+
}
207+
.skin-anvil-light .pace .pace-activity {
208+
border-top-color: #222;
209+
border-left-color: #222;
210+
}
211+
212+
.skin-anvil-light .box-header > .box-tools {
213+
214+
top:10px;
215+
216+
}
217+
218+
.skin-anvil-light .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
219+
padding:8px;
220+
}
221+
222+
/* Box Colors */
223+
224+
.skin-anvil-light .box.box-crey {
225+
border-top-color: #738c9a;
226+
}
227+
228+
/* Buttons */
229+
230+
.skin-anvil-light .btn-green {
231+
color: #f4f4f4;
232+
background-color: #329432;
233+
border-color: #216716;
234+
}
235+
.skin-anvil-light .btn-light-green {
236+
color: #fff;
237+
background-color: #6ec621;
238+
border-color: #57ab0e;
239+
}

0 commit comments

Comments
 (0)