-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy path#74 - Danger Noodle.html
101 lines (100 loc) · 1.58 KB
/
#74 - Danger Noodle.html
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
<div a></div>
<div b></div>
<div c></div>
<div d></div>
<div e></div>
<div f></div>
<span g></span>
<span h></span>
<style>
body{
background:#191919
}
div,:after{
content:'';
display:block;
box-sizing:border-box;
}
div {
position:absolute;
width: 70px;
border:5px solid #E08027;
}
div:after{
width:100%;
height:100%;
border:5px solid #E08027;
}
div:nth-child(odd){
padding:0 10px 10px;
bottom:40px;
border-radius:0 0 50px 50px;
border-top:none;
}
div:nth-child(odd):after{
border-radius:0 0 50px 50px;
border-top:none;
}
div:nth-child(even){
padding:10px 10px 0;
top:40px;
border-radius:50px 50px 0 0;
border-bottom:none;
}
div:nth-child(even):after{
border-radius:50px 50px 0 0;
border-bottom:none;
}
[a]{
height:70;
top:90;
left:-35;
}
[b]{
height:70px;
left:15px;
}
[c]{
height:150px;
left:65px;
}
[d]{
height:150px;
left:115px;
}
[e]{
height:70px;
left:165px;
}
[f]{
width:65;
height:80;
left:215;
top:140 !important;
border-radius: 35px 0 0 0 !important;
border-right:none;
}
[f]:after{
border-radius: 20px 0 0 0 !important;
border-right:none;
}
[g]{
position:absolute;
background:#E08027;
width:50px;
height:30;
border-radius:14px 20px 20px 14px;
top:135;
left:265;
}
[h]{
position:absolute;
background:#191919;
width:10px;
height:10;
border-radius:20px;
top:137;
left:295;
-webkit-box-reflect:below 6px;
}
</style>