Difference between revisions of "Team:XMU-China/css/footer"
Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
| Line 6: | Line 6: | ||
.footer .footer_top{; | .footer .footer_top{; | ||
width: 100%; | width: 100%; | ||
| + | position: relative; | ||
| + | height: auto; | ||
} | } | ||
.footer .footer_top img{ | .footer .footer_top img{ | ||
| − | + | height: 6vw; | |
| + | margin: 0.5vw 0; | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
| − | + | left: 22vw; | |
| − | left: | + | |
z-index: 0; | 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 40: | Line 42: | ||
.footer .footer_top img{ | .footer .footer_top img{ | ||
width: 50vw; | width: 50vw; | ||
| + | height: auto; | ||
float: none; | float: none; | ||
position: relative; | position: relative; | ||
| Line 47: | Line 50: | ||
} | } | ||
} | } | ||
| − | @media screen and (min-width: 45.0625rem) and (max-width: | + | @media screen and (min-width: 45.0625rem) and (max-width: 768px){ |
.footer .footer_top img{ | .footer .footer_top img{ | ||
width: 25vw; | width: 25vw; | ||
| Line 56: | Line 59: | ||
font-size: 1.2vw; | font-size: 1.2vw; | ||
} | } | ||
| − | |||
| − | |||
} | } | ||
Revision as of 07:23, 20 September 2018
.footer{ width: 100%; position: relative; margin-bottom: 3vw; } .footer .footer_top{; width: 100%; position: relative; height: auto; } .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: 768px){ .footer .footer_top img{ width: 25vw; left: 20vw; top: 0; } .footer .footer_top ul{ font-size: 1.2vw; } }