Skip to content

Commit f589827

Browse files
icecliffsicecliffs
committed
Site updated: 2023-04-14 20:27:47
1 parent a953beb commit f589827

47 files changed

Lines changed: 10435 additions & 11 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎2016/06/09/131885e3-191c-40ac-af0d-79835e15d45b/index.html‎

Lines changed: 221 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,227 @@
1717

1818

1919

20+
<style>
21+
.app-banner {
22+
content: "";
23+
display: block;
24+
height: 600px;
25+
position: absolute;
26+
top: 0;
27+
left: 0;
28+
width: 100%;
29+
z-index: -99;
30+
-webkit-clip-path: polygon(100% 0,0 0,0 77.5%,1% 77.4%,2% 77.1%,3% 76.6%,4% 75.9%,5% 75.05%,6% 74.05%,7% 72.95%,8% 71.75%,9% 70.55%,10% 69.3%,11% 68.05%,12% 66.9%,13% 65.8%,14% 64.8%,15% 64%,16% 63.35%,17% 62.85%,18% 62.6%,19% 62.5%,20% 62.65%,21% 63%,22% 63.5%,23% 64.2%,24% 65.1%,25% 66.1%,26% 67.2%,27% 68.4%,28% 69.65%,29% 70.9%,30% 72.15%,31% 73.3%,32% 74.35%,33% 75.3%,34% 76.1%,35% 76.75%,36% 77.2%,37% 77.45%,38% 77.5%,39% 77.3%,40% 76.95%,41% 76.4%,42% 75.65%,43% 74.75%,44% 73.75%,45% 72.6%,46% 71.4%,47% 70.15%,48% 68.9%,49% 67.7%,50% 66.55%,51% 65.5%,52% 64.55%,53% 63.75%,54% 63.15%,55% 62.75%,56% 62.55%,57% 62.5%,58% 62.7%,59% 63.1%,60% 63.7%,61% 64.45%,62% 65.4%,63% 66.45%,64% 67.6%,65% 68.8%,66% 70.05%,67% 71.3%,68% 72.5%,69% 73.6%,70% 74.65%,71% 75.55%,72% 76.35%,73% 76.9%,74% 77.3%,75% 77.5%,76% 77.45%,77% 77.25%,78% 76.8%,79% 76.2%,80% 75.4%,81% 74.45%,82% 73.4%,83% 72.25%,84% 71.05%,85% 69.8%,86% 68.55%,87% 67.35%,88% 66.2%,89% 65.2%,90% 64.3%,91% 63.55%,92% 63%,93% 62.65%,94% 62.5%,95% 62.55%,96% 62.8%,97% 63.3%,98% 63.9%,99% 64.75%,100% 65.7%);
31+
clip-path: polygon(100% 0,0 0,0 77.5%,1% 77.4%,2% 77.1%,3% 76.6%,4% 75.9%,5% 75.05%,6% 74.05%,7% 72.95%,8% 71.75%,9% 70.55%,10% 69.3%,11% 68.05%,12% 66.9%,13% 65.8%,14% 64.8%,15% 64%,16% 63.35%,17% 62.85%,18% 62.6%,19% 62.5%,20% 62.65%,21% 63%,22% 63.5%,23% 64.2%,24% 65.1%,25% 66.1%,26% 67.2%,27% 68.4%,28% 69.65%,29% 70.9%,30% 72.15%,31% 73.3%,32% 74.35%,33% 75.3%,34% 76.1%,35% 76.75%,36% 77.2%,37% 77.45%,38% 77.5%,39% 77.3%,40% 76.95%,41% 76.4%,42% 75.65%,43% 74.75%,44% 73.75%,45% 72.6%,46% 71.4%,47% 70.15%,48% 68.9%,49% 67.7%,50% 66.55%,51% 65.5%,52% 64.55%,53% 63.75%,54% 63.15%,55% 62.75%,56% 62.55%,57% 62.5%,58% 62.7%,59% 63.1%,60% 63.7%,61% 64.45%,62% 65.4%,63% 66.45%,64% 67.6%,65% 68.8%,66% 70.05%,67% 71.3%,68% 72.5%,69% 73.6%,70% 74.65%,71% 75.55%,72% 76.35%,73% 76.9%,74% 77.3%,75% 77.5%,76% 77.45%,77% 77.25%,78% 76.8%,79% 76.2%,80% 75.4%,81% 74.45%,82% 73.4%,83% 72.25%,84% 71.05%,85% 69.8%,86% 68.55%,87% 67.35%,88% 66.2%,89% 65.2%,90% 64.3%,91% 63.55%,92% 63%,93% 62.65%,94% 62.5%,95% 62.55%,96% 62.8%,97% 63.3%,98% 63.9%,99% 64.75%,100% 65.7%);
32+
}
33+
body{background:#000000;}
34+
.content {
35+
border-left: 4px solid #333333;
36+
}
37+
.content.content-post .article-header .post-title {
38+
color: #ffffff;
39+
}
40+
.item-post .post-title {
41+
color: #777777;
42+
}
43+
.item-year a.text-year {
44+
color: #777777;
45+
}
46+
.page-header .box-blog-info img {
47+
margin-top:0px;
48+
}
49+
.content.content-about .about-list .about-item .text {
50+
color: #777777;
51+
}
52+
.box-prev-next {
53+
margin-top:0px;
54+
}
55+
56+
.page-header .box-blog-info .info .name {
57+
color: #ffffff;
58+
}
59+
60+
.article-content p{
61+
color: #ffffff;
62+
}
63+
64+
code {
65+
padding: 0px 2px;
66+
vertical-align: baseline;
67+
border-radius: 0px;
68+
background-color: #000;
69+
color: #e96900;
70+
}
71+
72+
73+
body{
74+
overflow: hidden;
75+
}
76+
77+
.index-icon img {
78+
display: inline-block;
79+
}
80+
81+
.index-icon {
82+
width: 50%;
83+
margin: 0px auto;
84+
}
85+
86+
.index-icon img {
87+
animation: myfirst 2s infinite;
88+
}
89+
90+
91+
92+
@keyframes myfirst {
93+
0% {
94+
transform: translate(0px, 0px);
95+
}
96+
50% {
97+
transform: translate(0px, -10px);
98+
}
99+
100% {
100+
transform: translate(0px, 0px);
101+
}
102+
}
103+
104+
105+
.word{
106+
margin: 0 auto;
107+
}
108+
109+
110+
111+
@keyframes lefteaseinAnimate{
112+
0%{ transform: translateX(-2000px); opacity: 0;}
113+
100%{ transform: translateX(0px); opacity: 1;}
114+
}
115+
@-webkit-keyframes lefteaseinAnimate{
116+
0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
117+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
118+
}
119+
@-o-keyframes lefteaseinAnimate{
120+
0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
121+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
122+
}
123+
@-ms-keyframes lefteaseinAnimate{
124+
0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
125+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
126+
}
127+
@-moz-keyframes lefteaseinAnimate{
128+
0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
129+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
130+
}
131+
.name{
132+
animation: lefteaseinAnimate 1s ease 1;
133+
-webkit-animation: lefteaseinAnimate 1s ease 1;
134+
-ms-animation: lefteaseinAnimate 1s ease 1;
135+
-o-animation: lefteaseinAnimate 1s ease 1;
136+
-moz-animation: lefteaseinAnimate 1s ease 1;
137+
138+
139+
animation-fill-mode:forwards;
140+
-webkit-animation-fill-mode: forwards;
141+
-o-animation-fill-mode: forwards;
142+
-ms-animation-fill-mode: forwards;
143+
-moz-animation-fill-mode: forwards;
144+
}
145+
146+
147+
@keyframes righteaseinAnimate{
148+
0%{ transform: translateX(2000px); opacity: 0;}
149+
100%{ transform: translateX(0px); opacity: 1;}
150+
}
151+
@-webkit-keyframes righteaseinAnimate{
152+
0%{ -webkit-transform: translateX(2000px); opacity: 0;}
153+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
154+
}
155+
@-o-keyframes righteaseinAnimate{
156+
0%{ -webkit-transform: translateX(2000px); opacity: 0;}
157+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
158+
}
159+
@-ms-keyframes righteaseinAnimate{
160+
0%{ -webkit-transform: translateX(2000px); opacity: 0;}
161+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
162+
}
163+
@-moz-keyframes righteaseinAnimate{
164+
0%{ -webkit-transform: translateX(2000px); opacity: 0;}
165+
100%{ -webkit-transform: translateX(0px); opacity: 1;}
166+
}
167+
.slogan{
168+
animation: righteaseinAnimate 1s ease 1;
169+
-webkit-animation: righteaseinAnimate 1s ease 1;
170+
-moz-animation: righteaseinAnimate 1s ease 1;
171+
-ms-animation: righteaseinAnimate 1s ease 1;
172+
-o-animation: righteaseinAnimate 1s ease 1;
173+
174+
175+
animation-fill-mode:forwards;
176+
-webkit-animation-fill-mode: forwards;
177+
-o-animation-fill-mode: forwards;
178+
-ms-animation-fill-mode: forwards;
179+
-moz-animation-fill-mode: forwards;
180+
}
181+
182+
183+
184+
185+
@keyframes AboveeaseinAnimate{
186+
0%{ transform: translateY(-2000px); opacity: 0;}
187+
100%{ transform: translateY(0px); opacity: 1;}
188+
}
189+
@-webkit-keyframes AboveeaseinAnimate{
190+
0%{ -webkit-transform: translateY(-2000px); opacity: 0;}
191+
100%{ -webkit-transform: translateY(0px); opacity: 1;}
192+
}
193+
@-o-keyframes AboveeaseinAnimate{
194+
0%{ -webkit-transform: translateY(-2000px); opacity: 0;}
195+
100%{ -webkit-transform: translateY(0px); opacity: 1;}
196+
}
197+
@-ms-keyframes AboveeaseinAnimate{
198+
0%{ -webkit-transform: translateY(-2000px); opacity: 0;}
199+
100%{ -webkit-transform: translateY(0px); opacity: 1;}
200+
}
201+
@-moz-keyframes AboveeaseinAnimate{
202+
0%{ -webkit-transform: translateY(-2000px); opacity: 0;}
203+
100%{ -webkit-transform: translateY(0px); opacity: 1;}
204+
}
205+
.index-icon{
206+
animation: AboveeaseinAnimate 2s ease 1;
207+
-webkit-animation: AboveeaseinAnimate 2s ease 1;
208+
-ms-animation: AboveeaseinAnimate 2s ease 1;
209+
-o-animation: AboveeaseinAnimate 2s ease 1;
210+
-moz-animation: AboveeaseinAnimate 2s ease 1;
211+
212+
213+
animation-fill-mode:forwards;
214+
-webkit-animation-fill-mode: forwards;
215+
-o-animation-fill-mode: forwards;
216+
-ms-animation-fill-mode: forwards;
217+
-moz-animation-fill-mode: forwards;
218+
}
219+
220+
221+
@-webkit-keyframes fadeIn {
222+
0% {
223+
opacity: 0;
224+
}
225+
50% {
226+
opacity: 0;
227+
}
228+
100% {
229+
opacity: 1;
230+
}
231+
}
232+
233+
.menu
234+
{
235+
-webkit-animation-name: fadeIn;
236+
-webkit-animation-duration: 1s;
237+
-webkit-animation-iteration-count: 1;
238+
-webkit-animation-delay: 0s;
239+
}
240+
</style>
20241
<title>厦门理工学院信息安全协会成立 | 厦门理工学院信息安全协会 - Hack The Planet</title>
21242

22243

0 commit comments

Comments
 (0)