Skip to content

Commit 28309b2

Browse files
cychen7cychen7
committed
Added files via upload
1 parent 7ff20c2 commit 28309b2

23 files changed

+5447
-53
lines changed

‎css/demo/index.css

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.heading {
2+
width: 260px;
3+
margin: 0 auto 10px;
4+
}
5+
6+
.heading .user-pic {
7+
display: table-cell;
8+
padding-right: 10px;
9+
vertical-align: middle;
10+
}
11+
12+
.heading .user-pic img {
13+
width: 90px;
14+
height: 90px;
15+
}
16+
17+
.heading .base-info {
18+
display: table-cell;
19+
width: 150px;
20+
vertical-align: top;
21+
}

‎css/index.css

+178
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
#sidebar {
2+
position: fixed;
3+
top: 0;
4+
left: 0;
5+
bottom: 0;
6+
border-right: 1px solid #d9d9d9;
7+
background-color: #262626;
8+
color: #95a0aa;
9+
overflow-y: auto;
10+
-webkit-box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.35);
11+
box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.35);
12+
}
13+
14+
#sidebar .heading {
15+
padding: 80px 30px 0;
16+
text-align: center;
17+
}
18+
19+
#sidebar .sns {
20+
margin-top: 20px;
21+
}
22+
23+
#sidebar .sns > ul {
24+
list-style: none;
25+
}
26+
27+
#sidebar .sns > ul > li {
28+
float: left;
29+
height: 20px;
30+
padding: 0 15px;
31+
}
32+
33+
#sidebar .sns i {
34+
margin-right: 5px;
35+
font-size: 20px;
36+
color: #95a0aa;
37+
}
38+
39+
#sidebar .intro {
40+
text-align: left;
41+
}
42+
43+
#menu {
44+
margin: 80px -15px;
45+
color: #95a0aa;
46+
}
47+
48+
#menu li {
49+
text-align: center;
50+
}
51+
52+
#menu li > a {
53+
display: block;
54+
color: inherit;
55+
border: 5px solid transparent;
56+
}
57+
58+
#menu li > a:focus, #menu li > a:hover {
59+
border-left: 5px solid #6bc30d;
60+
background-color: #333;
61+
}
62+
63+
#menu li.active > a, #menu li.active > a:focus, #menu li.active > a:hover {
64+
color: #fff;
65+
background-color: #6bc30d;
66+
}
67+
68+
#content {
69+
position: fixed;
70+
top: 0;
71+
right: 0;
72+
bottom: 0;
73+
padding-top: 30px;
74+
overflow-y: auto;
75+
}
76+
77+
#workExperience .tab-content {
78+
padding: 20px 15px;
79+
}
80+
81+
.work-nav {
82+
position: relative;
83+
padding-left: 100px;
84+
border-bottom: 3px dashed #afdcf8;
85+
}
86+
87+
.work-nav > li {
88+
width: 10%;
89+
text-align: center;
90+
margin-bottom: -12px;
91+
}
92+
93+
.work-nav > li > i {
94+
color: #afdcf8;
95+
}
96+
97+
.work-nav > li > a {
98+
height: 54px;
99+
line-height: 54px;
100+
border: 0;
101+
font-size: 24px;
102+
padding: 0;
103+
}
104+
105+
.work-nav > li > a:focus, .work-nav > li > a:hover {
106+
font-weight: 700;
107+
background: none;
108+
border-color: transparent;
109+
}
110+
111+
.work-nav > li.active > a, .work-nav > li.active > a:focus, .work-nav > li.active > a:hover {
112+
font-size: 38px;
113+
font-weight: inherit;
114+
color: #6bc30d;
115+
border: 0;
116+
}
117+
118+
.company-duty .company {
119+
color: #333;
120+
}
121+
122+
.company-duty .dutys {
123+
margin: 10px 0;
124+
color: #999;
125+
}
126+
127+
.item {
128+
padding: 2em;
129+
line-height: 1.5;
130+
font-weight: 300;
131+
margin-bottom: 20px;
132+
border: 1px solid #eee;
133+
border-left-width: 5px;
134+
color: #2f2f2f;
135+
}
136+
137+
.item .desc {
138+
text-indent: 2em;
139+
margin-bottom: 20px;
140+
}
141+
142+
.item .project-name {
143+
font-size: 18px;
144+
}
145+
146+
#addonInfo .tagTitle {
147+
padding-left: 15px;
148+
margin-top: 0;
149+
text-shadow: 1px 2px #22c3aa,2px 4px #aee2d9;
150+
}
151+
152+
#addonInfo .title {
153+
margin-bottom: 10px;
154+
}
155+
156+
#addonInfo .tag-panel {
157+
margin: 15px 0 15px 15px;
158+
}
159+
160+
#addonInfo .tag {
161+
display: inline-block;
162+
padding: 2px 12px;
163+
margin-right: 3px;
164+
margin-bottom: 3px;
165+
color: #aee2d9;
166+
}
167+
168+
#addonInfo .tag.expert {
169+
background-color: #096254;
170+
}
171+
172+
#addonInfo .tag.familiar {
173+
background-color: rgba(9, 98, 84, 0.75);
174+
}
175+
176+
#baseInfo .mod {
177+
margin: 10px 15px;
178+
}

0 commit comments

Comments
 (0)