Difference between revisions of "Team:XMU-China/css/footer"
Cyclohexane (Talk | contribs) (Created page with ".footer{ width: 100%; position: relative; } .footer .footer_top{; z-index: 1; width: 100%; height: auto; padding-bottom: 15vw; } .footer .footer_top img{ width: 20vw;...") |
Cyclohexane (Talk | contribs) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
| + | margin-bottom: 3vw; | ||
} | } | ||
.footer .footer_top{; | .footer .footer_top{; | ||
| − | |||
width: 100%; | width: 100%; | ||
| − | + | position: relative; | |
| − | + | height: 8vw; | |
} | } | ||
.footer .footer_top img{ | .footer .footer_top img{ | ||
| − | + | height: 6vw; | |
| + | margin: 0.5vw 0; | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
| − | + | left: 22vw; | |
| − | + | z-index: 0; | |
} | } | ||
.footer .footer_top ul{ | .footer .footer_top ul{ | ||
| − | width: | + | width: 12vw; |
min-width: 0.9vw; | min-width: 0.9vw; | ||
list-style: none; | list-style: none; | ||
| Line 26: | Line 27: | ||
font-family: sans-serif; | font-family: sans-serif; | ||
font-weight: lighter; | font-weight: lighter; | ||
| − | font-size: | + | font-size: 1vw; |
line-height: 1.5vw; | line-height: 1.5vw; | ||
cursor: pointer; | cursor: pointer; | ||
| Line 32: | Line 33: | ||
} | } | ||
@media screen and (max-width: 45rem){ | @media screen and (max-width: 45rem){ | ||
| + | .footer{ | ||
| + | position: relative; | ||
| + | top: 0vw; | ||
| + | } | ||
.footer .footer_top ul{ | .footer .footer_top ul{ | ||
display: none; | display: none; | ||
| Line 37: | Line 42: | ||
.footer .footer_top img{ | .footer .footer_top img{ | ||
width: 50vw; | width: 50vw; | ||
| + | height: auto; | ||
| + | float: none; | ||
position: relative; | position: relative; | ||
| − | left: 25vw; | + | left: 0; |
| + | margin: 0 25vw; | ||
| + | top: 0; | ||
} | } | ||
} | } | ||
| − | @media screen and (min-width: 45.0625rem) and (max-width: | + | @media screen and (min-width: 45.0625rem) and (max-width: 769px){ |
| − | + | .footer .footer_top img{ | |
| − | } | + | margin: 1.5vw 0; |
| − | + | left: 16vw; | |
| − | + | top: 0; | |
| + | } | ||
| + | .footer .footer_top ul{ | ||
| + | font-size: 1.2vw; | ||
| + | width: 18vw; | ||
| + | left: 25vw; | ||
| + | line-height: 110%; | ||
| + | } | ||
} | } | ||
Latest revision as of 22:32, 17 October 2018
.footer{ width: 100%; position: relative; margin-bottom: 3vw; } .footer .footer_top{; width: 100%; position: relative; height: 8vw; } .footer .footer_top img{ height: 6vw; margin: 0.5vw 0; float: left; position: relative; left: 22vw; z-index: 0; } .footer .footer_top ul{ width: 12vw; min-width: 0.9vw; list-style: none; float: left; position: relative; left: 30vw; color:#2500b3; font-family: sans-serif; font-weight: lighter; font-size: 1vw; line-height: 1.5vw; cursor: pointer; text-align: left; } @media screen and (max-width: 45rem){ .footer{ position: relative; top: 0vw; } .footer .footer_top ul{ display: none; } .footer .footer_top img{ width: 50vw; height: auto; float: none; position: relative; left: 0; margin: 0 25vw; top: 0; } } @media screen and (min-width: 45.0625rem) and (max-width: 769px){ .footer .footer_top img{ margin: 1.5vw 0; left: 16vw; top: 0; } .footer .footer_top ul{ font-size: 1.2vw; width: 18vw; left: 25vw; line-height: 110%; } }