823
edits
No edit summary |
No edit summary |
||
Line 68: | Line 68: | ||
color: #000; | color: #000; | ||
} | } | ||
#no2 { | |||
display:inline; | |||
border:1px solid #000; | |||
margin:6px 248px; | |||
float:left; | |||
} | |||
#no2 a,#no5 a,#no6 a { | |||
width:84px; | |||
height:42px; | |||
padding-top:16px; | |||
} | |||
#no3 { | |||
display:inline; | |||
border:1px solid #000; | |||
margin:-60px 248px; | |||
float:left; | |||
} | |||
#no3 a { | |||
width:84px; | |||
height:50px; | |||
padding-top:8px; | |||
} | |||
#no4 { | |||
display: inline-block; | |||
width: 84px; | |||
height: 84px; | |||
background-color: #00000; | |||
position: relative; | |||
transform: rotate(45deg); | |||
border: 1px solid #000; | |||
box-sizing: border-box; | |||
margin: 17px 200px; | |||
} | |||
#no4 a { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 100%; | |||
height: 100%; | |||
text-decoration: none; | |||
color: #000; | |||
background-color: transparent; | |||
transform: rotate(-45deg); | |||
} | |||
#no4 a:hover { | |||
background-color: transparent; | |||
color: #000; | |||
} | |||
#no5 { | |||
display:inline; | |||
border:1px solid #000; | |||
margin:-102px 380px; | |||
float:left; | |||
} | |||
#no6 { | |||
display:inline; | |||
border:1px solid #000; | |||
margin:13px 248px; | |||
float:left; | |||
} | |||
#no7 { | |||
display:inline; | |||
border:1px solid #000; | |||
margin:15px 248px; | |||
float:left; | |||
} | |||
#no7 a { | |||
width:84px; | |||
height:30px; | |||
padding-top:16px; | |||
} | |||
#line1 { | #line1 { | ||
font-size:0; | font-size:0; | ||
Line 88: | Line 159: | ||
left: -400%; | left: -400%; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
} | } | ||
#line2 { | #line2 { | ||
Line 145: | Line 204: | ||
position: relative; | position: relative; | ||
} | } | ||
#line7::after{ | |||
content: ''; | |||
position: absolute; | |||
width: 0; | |||
height: 0; | |||
border-left: 5px solid transparent; | |||
border-right: 5px solid transparent; | |||
border-top: 7px solid #000; | |||
top: 50%; | |||
left: -1%; | |||
transform: translateY(-50%) translateX(-10%) rotate(90deg); | |||
} | |||
#line6 { | #line6 { | ||
font-size:0; | font-size:0; | ||
Line 186: | Line 257: | ||
position: relative; | position: relative; | ||
} | } | ||
#line5::after{ | #line5::after { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
Line 197: | Line 268: | ||
left: 100%; | left: 100%; | ||
transform: translateY(-50%) translateX(-10%) rotate(-90deg); | transform: translateY(-50%) translateX(-10%) rotate(-90deg); | ||
} | } | ||
#line5 a:hover { | #line5 a:hover { | ||
background-color: transparent; | background-color: transparent; | ||
color: #000; | color: #000; | ||
} | } | ||
#line7 { | #line7 { | ||
font-size:0; | font-size:0; | ||
Line 298: | Line 295: | ||
position: relative; | position: relative; | ||
} | } | ||
#line9 { | #line9 { | ||
font-size:0; | font-size:0; | ||
Line 315: | Line 306: | ||
position: relative; | position: relative; | ||
} | } | ||
.clear { | .clear { | ||
clear:both; | clear:both; |
edits