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) |
||
| 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%; | ||
| − | |||
| − | |||
} | } | ||
.footer .footer_top img{ | .footer .footer_top img{ | ||
| Line 15: | Line 13: | ||
top: 1.5em; | top: 1.5em; | ||
left: 25vw; | left: 25vw; | ||
| + | z-index: 0; | ||
} | } | ||
.footer .footer_top ul{ | .footer .footer_top ul{ | ||
| Line 26: | Line 25: | ||
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 31: | ||
} | } | ||
@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 40: | ||
.footer .footer_top img{ | .footer .footer_top img{ | ||
width: 50vw; | width: 50vw; | ||
| + | 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: 89.9375rem){ | @media screen and (min-width: 45.0625rem) and (max-width: 89.9375rem){ | ||
| − | + | .footer .footer_top img{ | |
| − | } | + | width: 25vw; |
| + | left: 20vw; | ||
| + | top: 0; | ||
| + | } | ||
| + | .footer .footer_top ul{ | ||
| + | font-size: 1.2vw; | ||
| + | } | ||
@media screen and (min-width: 90rem) { | @media screen and (min-width: 90rem) { | ||
} | } | ||
Revision as of 07:52, 18 September 2018
.footer{ width: 100%; position: relative; margin-bottom: 3vw; } .footer .footer_top{; width: 100%; } .footer .footer_top img{ width: 20vw; float: left; position: relative; top: 1.5em; left: 25vw; z-index: 0; } .footer .footer_top ul{ width: 10vw; 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; float: none; position: relative; left: 0; margin: 0 25vw; top: 0; } } @media screen and (min-width: 45.0625rem) and (max-width: 89.9375rem){ .footer .footer_top img{ width: 25vw; left: 20vw; top: 0; } .footer .footer_top ul{ font-size: 1.2vw; } @media screen and (min-width: 90rem) {
}