Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit c7ed7ca

Browse files
accgitaccgit
committed
Update
1 parent 85d4c10 commit c7ed7ca

File tree

4 files changed

+154
-130
lines changed

4 files changed

+154
-130
lines changed

‎src/css/style.menu.css

Lines changed: 59 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,103 +1,104 @@
11

2-
/*
3-
responsive menu
4-
*/
2+
/* Responsive menu
3+
========================================================================== */
54
.nav .click {
65
border-radius: 30px;
7-
font-size: 14px;
8-
padding: 3px 8px;
9-
cursor: pointer;
10-
margin: 15px 20px 0 0;
11-
float: right;
6+
cursor: pointer;
7+
float: right;
8+
font-size: 14px;
9+
margin: 15px 20px 0 0;
10+
padding: 3px 8px;
1211
}
1312

1413
.nav .click:before {
14+
content: "\f0c9";
1515
font-family: "FontAwesome";
16-
font-size: 14px;
17-
content: "\f0c9";
16+
font-size: 14px;
1817
}
1918

20-
.nav .responsive { display: none; }
21-
.nav .expandable { display: block; }
19+
.nav .responsive {
20+
display: none;
21+
}
22+
23+
.nav .expandable {
24+
display: block;
25+
}
2226

23-
/*
24-
sidebar
25-
*/
27+
/* Sidebar
28+
========================================================================== */
2629
.sidebar .title {
2730
font-size: 1.188em;
28-
padding: 15px 20px 0 25px;
29-
height: 56px;
31+
height: 56px;
32+
padding: 15px 20px 0 25px;
3033
}
3134

32-
/*
33-
notifications
34-
*/
35-
.sidebar span.notifi {
35+
/* Notification
36+
========================================================================== */
37+
.sidebar span.notice {
3638
border-radius: 30px;
37-
margin-left: 30px;
38-
font-size: small;
39-
padding: 0 6px 1px;
39+
font-size: small;
40+
margin-left: 30px;
41+
padding: 0 6px 1px;
4042
}
4143

4244
.sidebar ul.menu {
45+
height: 460px;
4346
list-style: none;
44-
padding: 0 25px;
45-
height: 460px;
46-
margin: 0;
47+
margin: 0;
48+
padding: 0 25px;
4749
}
4850

4951
.sidebar ul.menu ul {
52+
font-size: 100%;
5053
list-style: none;
51-
font-size: 100%;
52-
margin: 0;
54+
margin: 0;
5355
}
5456

5557
.sidebar ul.menu li {
5658
line-height: 34px;
57-
margin-top: 15px;
58-
padding: 0;
59+
margin-top: 15px;
60+
padding: 0;
5961
}
6062

6163
.sidebar ul.menu li span.name {
64+
font-size: 0.83em;
6265
text-transform: uppercase;
63-
font-size: 0.83em;
6466
}
6567

6668
.sidebar ul.menu li ul li {
69+
margin: 0;
6770
padding-top: 0;
68-
margin: 0;
6971
}
7072

7173
.sidebar ul.menu li ul li a {
74+
display: block;
75+
margin-bottom: 2px;
76+
padding: 0 10px;
7277
text-decoration: none;
73-
margin-bottom: 2px;
74-
padding: 0 10px;
75-
display: block;
7678
}
7779

7880
.sidebar ul.menu li ul li ul {
81+
display: none;
82+
margin: 15px 10px;
7983
padding-left: 10px;
80-
display: none;
81-
margin: 15px 10px;
8284
}
8385

8486
.sidebar ul.menu li ul li.parent:before {
85-
font-family: "FontAwesome";
86-
content: "\f106";
87-
margin: 0 15px 0 0;
88-
float: right;
87+
content: "\f106";
88+
float: right;
89+
font-family: "FontAwesome";
90+
margin: 0 15px 0 0;
8991
}
9092

9193
.sidebar ul.menu li ul li.parent.active:before {
92-
content: "\f107";
94+
content: "\f107";
9395
}
9496

95-
/*
96-
perfect scrollbar
97-
*/
97+
/* Perfect scrollbar
98+
========================================================================== */
9899
.scrollbar {
99-
position: relative;
100100
overflow: hidden;
101+
position: relative;
101102
}
102103

103104
.ps__thumb-y {
@@ -106,7 +107,7 @@
106107

107108
.ps__rail-y {
108109
margin: 10px 0;
109-
width: auto;
110+
width: auto;
110111
}
111112

112113
.ps__rail-y:hover > .ps__thumb-y,
@@ -116,14 +117,19 @@
116117

117118
@media only screen and (min-width: 768px) {
118119

119-
.nav .click { display: none; }
120-
.nav .responsive { display: block; }
120+
.nav .click {
121+
display: none;
122+
}
123+
124+
.nav .responsive {
125+
display: block;
126+
}
121127

122128
.sidebar {
129+
bottom: 0;
123130
position: fixed;
124-
bottom: 0;
125-
width: 285px;
126-
top: 0;
131+
top: 0;
132+
width: 285px;
127133
}
128134

129135
.content-wrapper {

‎src/css/style.menu.dark.css

Lines changed: 45 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,93 @@
11

2-
/*
3-
dark theme sidebar menu
4-
*/
5-
.nav .click {
2+
/* Dark color for responsive menu
3+
========================================================================== */
4+
.nav .click {
5+
color: #4a5160;
66
transition: all 0.1s ease-in-out;
7-
color: #4a5160;
87
}
98

109
.nav .click:hover {
11-
background-color: #363c49;
12-
color: #eaedf1;
10+
background: #363c49;
11+
color: #eaedf1;
1312
}
1413

1514
.sidebar .title {
16-
background-color: #1d222c;
17-
border-bottom: 1px #2e3543 solid;
18-
font-weight: 600;
19-
color: white;
15+
background: #1d222c;
16+
border-bottom: 1px #2e3543 solid;
17+
color: #fff;
18+
font-weight: 600;
19+
}
20+
21+
.sidebar ul.menu {
22+
background: #1d222c;
23+
}
24+
25+
.sidebar ul.menu li {
26+
color: #b5bac3;
2027
}
2128

22-
.sidebar ul.menu { background-color: #1d222c; }
23-
.sidebar ul.menu li { color: #b5bac3; }
2429
.sidebar ul.menu li ul li a {
2530
border: 1px solid transparent;
2631
border-radius: 3px;
27-
color: #eaedf1;
32+
color: #eaedf1;
2833
}
2934

3035
.sidebar ul.menu li ul li a:hover {
31-
background-color: #363c49;
36+
background: #363c49;
3237

3338
}
3439

3540
.sidebar ul.menu li ul li a.current {
36-
background-color: #363c49;
41+
background: #363c49;
3742
}
3843

3944
.sidebar ul.menu li ul li.parent a.current {
40-
background-color: #363c49;
45+
background: #363c49;
4146
}
4247

4348
.sidebar ul.menu li ul li.parent .submenu a.current {
44-
background-color: #363c49;
49+
background: #363c49;
50+
}
51+
52+
.sidebar ul.menu li ul li.parent:before {
53+
color: #6b7382;
54+
}
55+
56+
.sidebar ul.menu li ul li.parent.active:before {
57+
color: #b9b9b9;
4558
}
4659

47-
.sidebar ul.menu li ul li.parent:before { color: #6b7382; }
48-
.sidebar ul.menu li ul li.parent.active:before { color: #b9b9b9; }
4960
.sidebar ul.menu li ul li ul {
50-
border-left: 1px solid #363c49;
61+
border-left: 1px solid #363c49;
5162
}
5263

53-
/*
54-
notifications
55-
*/
56-
.sidebar span.notifi {
57-
background-color: #fd3f5b;
58-
color: white;
64+
/* Notification
65+
========================================================================== */
66+
.sidebar span.notice {
67+
background: #fd3f5b;
68+
color: #fff;
5969
}
6070

61-
.sidebar a.current span.notifi {
62-
background-color: #fd3f5b;
63-
color: white;
71+
.sidebar a.current span.notice {
72+
background: #fd3f5b;
73+
color: #fff;
6474
}
6575

6676
@media only screen and (min-width: 768px) {
6777

6878
.sidebar {
69-
background-color: #1d222c;
79+
background: #1d222c;
7080
}
7181

7282
}
7383

74-
/*
75-
perfect scrollbar
76-
*/
84+
/* Perfect scrollbar
85+
========================================================================== */
7786
.ps__thumb-y {
78-
background-color: #515867;
87+
background: #515867;
7988
}
8089

8190
.ps__rail-y:hover > .ps__thumb-y,
8291
.ps__rail-y:focus > .ps__thumb-y {
83-
background-color: #515867;
92+
background: #515867;
8493
}

0 commit comments

Comments
 (0)