Skip to content

Commit 298295c

Browse files
oxxostudiooxxostudio
committed
add video link and edit css
1 parent ebf3698 commit 298295c

2 files changed

Lines changed: 171 additions & 125 deletions

File tree

‎index-tutorials.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
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: #ccc;
68+
text-decoration: none;
69+
font-size: 14px;
70+
}
71+
72+
li a:hover {
73+
color: #bbb;
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+
83+
li h4 a:hover {
84+
color: #f90;
85+
}
86+
87+
li div {
88+
width: 200px;
89+
float: right;
90+
text-align: right;
91+
margin-top:-25px;
92+
margin-bottom:15px;
93+
}
94+
95+
@media (max-width: 800px) {
96+
h1 span {
97+
display: block;
98+
}
99+
h4 {
100+
display: block;
101+
margin-bottom: 5px;
102+
width: 100%;
103+
}
104+
li {
105+
padding-bottom: 10px;
106+
}
107+
}

0 commit comments

Comments
 (0)