/
styles.css
92 lines (76 loc) · 2.82 KB
/
styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
html {height:100%; width:100%;}
body {margin:0; font-family:"Cordia New"; background:url(../images/bg.png); min-height:100%; position:relative; overflow:scroll; overflow-x:hidden;}
a {text-decoration:none; color:#09F;}
header {margin:0 auto; width:1000px; position:relative; text-align:center; z-index:1;}
header h1 {font-weight:normal; font-size:96px; margin:0; padding:50px 0 8px 0; line-height:60px; color:#333;}
header h2 {font-weight:normal; font-size:24px; margin:0; color:#333;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
header span {display:block;}
nav {width:1000px; margin:60px auto 0; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; text-align:center; z-index:2;}
nav a {text-decoration:none; font-size:28px; display:inline-block; width:140px; margin:0 50px 0 50px; padding:4px 0 4px 0;}
nav a.active {color:#000;}
nav a {
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-ms-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
}
section {width:800px; margin:60px auto 0; color:#111; padding:0 0 200px 0;}
section i {color:#666; font-size:22px;}
section p {margin:0; font-size:24px; line-height:24px;}
section h3 {margin:60px 0 10px 0; font-size:46px; line-height:46px;}
section code {display:block; background:rgba(0,0,0,.02); border:1px dashed #CCC; color:#666; padding:10px 20px 10px 20px; margin:20px 0 20px 0;}
section code p {font-size:12px; line-height:18px;}
section ul {margin:0; padding:0 0 0 20px; color:#09F;}
section ul li a {font-size:24px; line-height:24px;}
section {
-webkit-transition:opacity 0.25s ease;
-moz-transition:opacity 0.25s ease;
-ms-transition:opacity 0.25s ease;
-o-transition:opacity 0.25s ease;
transition:opacity 0.25s ease;
}
footer {width:1000px; border-top:1px dashed #CCC; text-align:center; padding:40px 0 40px 0; color:#666; position:absolute; bottom:0; left:50%; margin-left:-500px;}
footer p {text-align:center; font-size:24px; line-height:24px; margin:0;}
footer a {text-align:center; font-size:20px; line-height:20px; margin:0;}
#buttons a {
display:inline-block;
background:#333;
padding:5px 0 5px 0;
font-size:24px;
width:120px;
text-align:center;
margin:0 4px 0 0;
overflow:hidden;
cursor:pointer;
}
#axis-z {
width:90px;
}
#sliding {
display:inline-block;
border:3px solid #5F5F5F;
border-radius:10px;
padding:10px 20px 10px 20px;
width:120px;
overflow:hidden;
width:300px;
color:#5F5F5F;
vertical-align:middle;
}
#arrow-next {
display:inline-block;
vertical-align:middle;
margin:0 0 0 20px;
width:0;
height:0;
border-top:24px solid transparent;
border-bottom:24px solid transparent;
border-left:24px solid #5F5F5F;
}