forked from ks-tech/cs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
125 lines (122 loc) · 2.24 KB
/
index.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
i{font-style:normal;font-size:11px}
body{position:relative;top:0;}
li p{margin:0px;padding:0px;font-size:12px;}
.icon{
position:absolute;
top:0px;
left:0;
}
div.icon a:first-child{
position:absolute;
top:22px;
}
.spec,.start{
position:absolute;
top:2px;
right:0;
z-index:202;
}
.start{
top:32px;
z-index:201;
}
.spec ul,.start ul{
background:#EEE;
padding:0 0 0 16px;
margin:0;
}
.spec ul ul li{cursor:pointer;}
.spec>ul,.start>ul{
position:absolute;
top:16px;right:0;
width:200px;
border:solid 2px #ddd;
}
.spec>a ,.start>a{
font-size:12px;
font-weight:bold;
border:solid 2px red;
padding-top:1px;
border-bottom:solid 6px red;
background:green;
color:#FFF;
}
.spec a::after{
content:'>>'
}
.gitbug-form{
top:60px;
right:1px;
z-index:200;
}
ul.content>li{
list-style:none;
width:600px;
height:600px;
border:1px inset #333;
background:#eee;
position:absolute;
top:0;
left:0;
z-index:auto;
transition-property:transform,background-color;
-ie-transition-property:none;
transition-duration:0.8s;
overflow:hidden;
}
ul.content{
margin:0;padding:0;
height:650px;
position:absolute;
left:0;
top:0;
}
ul.content>li h3{
font-size:42px;
}
ul.content>li:hover h3{
font-size:22px;
}
body ul.content>li:hover{
transform:none;
height:auto;
min-height:640px;
border:none;
background:#FFF;
z-index:100;
overflow:visiable;
}
ul.content>li:nth-child(1){
transform: translate(-136px,-70px) skewY(-30deg) scale(0.45,0.5);
}
ul.content>li:nth-child(2){
transform: translate(136px,-70px) skewY(30deg) scale(0.45,0.5);
}
ul.content>li:nth-child(3){
transform: translate(0px,160px) rotate(45deg) scale(0.5,0.5) skew(-15deg,-15deg);
}
.example-background{
position:absolute;
top:120px;right:10px;
z-index:100;font-size:28px;
opacity:0.15;
transform:skewY(-10deg)
}
.example-background::after{
font-family:courier,monospace;
font-weight:-300;
line-height:30px;
width:300px;
content:".no-ie6-hack{\A\
width:110px;\A\
/* 只对ie6生效*/\A\
-ie6-width:120px;\A\
}\A\
.myclass{\A\
width:110px;\A\
/* 默认对所有ie生效*/\A\
-ie-width:120px;\A\
/* 覆盖支持css3 的 ie9/10*/\A\
-ms-width:110px;\A\
}"
}