Skip to content

Commit cc74197

Browse files
shengyuanshengyuan
committed
Fixed the link of index-stage.html
1 parent 43fe997 commit cc74197

2 files changed

Lines changed: 161 additions & 1 deletion

File tree

‎css/index-stages.css‎

Lines changed: 160 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,160 @@
1+
body {
2+
margin: 0 0 30px;
3+
}
4+
5+
h1 {
6+
font-size: 30px;
7+
line-height: 30px;
8+
margin: 0 auto 10px;
9+
padding: 40px 0;
10+
width: 100%;
11+
background-image: linear-gradient(top, #000 0%, #333 100%);
12+
background-image: -moz-linear-gradient(top, #000 0%, #333 100%);
13+
background-image: -webkit-linear-gradient(top, #000 0%, #333 100%);
14+
text-align: center;
15+
color: #fff;
16+
}
17+
18+
.logo {
19+
position: relative;
20+
margin: 0 10px -5px 0;
21+
}
22+
23+
h2 {
24+
max-width: 800px;
25+
width: 80%;
26+
margin: 40px auto 10px;
27+
}
28+
29+
h3 {
30+
font-size: 24px;
31+
line-height: 30px;
32+
margin: 30px auto 10px;
33+
color: #d50;
34+
max-width: 800px;
35+
width: 80%;
36+
clear: both;
37+
}
38+
39+
ul {
40+
margin: 0 auto;
41+
padding-left: 0;
42+
color: #ccc;
43+
max-width: 800px;
44+
width: 80%;
45+
display:table;
46+
}
47+
48+
li {
49+
display: block;
50+
width: 100%;
51+
margin: 0 0 5px;
52+
}
53+
54+
li h4 {
55+
display: block;
56+
line-height: 30px;
57+
margin: 0 10px 0 0;
58+
font-size: 20px;
59+
color: #000;
60+
max-width: 700px;
61+
width: calc( 100% - 200px);
62+
font-weight: normal;
63+
float: left;
64+
}
65+
66+
li a {
67+
color: #bbb;
68+
text-decoration: none;
69+
font-size: 16px;
70+
}
71+
72+
li a:hover {
73+
color: #999;
74+
}
75+
76+
li h4 a {
77+
color: #000;
78+
padding-bottom: 3px;
79+
border-bottom: 1px dotted #999;
80+
font-size: 20px;
81+
}
82+
li h4 i{
83+
position:relative;
84+
font-style: normal;
85+
font-weight: normal;
86+
display:inline-block;
87+
padding:1px 4px 2px 2px;
88+
background:#f00;
89+
color:#fff;
90+
font-size:12px;
91+
line-height: 12px;
92+
font-family: 'arial';
93+
margin-left:10px;
94+
margin-top:8px;
95+
vertical-align: top;
96+
animation:ai 1s infinite;
97+
-moz-animation:ai 1s infinite;
98+
-webkit-animation:ai 1s infinite;
99+
}
100+
@keyframes ai{
101+
0%{
102+
margin-left:10px;
103+
}
104+
50%{
105+
margin-left:14px;
106+
}
107+
}
108+
@-moz-keyframes ai{
109+
0%{
110+
margin-left:10px;
111+
}
112+
50%{
113+
margin-left:14px;
114+
}
115+
}
116+
@-webkit-keyframes ai{
117+
0%{
118+
margin-left:10px;
119+
}
120+
50%{
121+
margin-left:14px;
122+
}
123+
}
124+
li h4 i:before{
125+
content:'';
126+
position:absolute;
127+
top:0;
128+
left:-6px;
129+
width:0;
130+
height:0;
131+
border-style:solid;
132+
border-width:7px 6px 8px 0;
133+
border-color:transparent #f00 transparent transparent;
134+
}
135+
136+
li h4 a:hover {
137+
color: #f90;
138+
}
139+
140+
li div {
141+
width: 200px;
142+
float: right;
143+
text-align: right;
144+
margin-top:-25px;
145+
margin-bottom:15px;
146+
}
147+
148+
@media (max-width: 800px) {
149+
h1 span {
150+
display: block;
151+
}
152+
h4 {
153+
display: block;
154+
margin-bottom: 5px;
155+
width: 100%;
156+
}
157+
li {
158+
padding-bottom: 10px;
159+
}
160+
}

‎index-stages.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<meta property="og:description" content="Webduino Blockly 線上編輯工具，提供簡單便利的編輯模式，同時具備了完整豐富的線上影音教學，在程式積木拖拉之餘，還可以產生標準的 Javascript 進行後續的應用開發，大幅降低學習門檻，輕鬆玩轉 Arduino 以及相關物聯網的應用。" >
1818

1919
<link rel="icon" href="favicon.ico" type="image/x-icon">
20-
<link rel="stylesheet" href="css/index-tutorials.css">
20+
<link rel="stylesheet" href="css/index-stages.css">
2121
</head>
2222

2323
<body>

0 commit comments

Comments
 (0)