Difference between revisions of "Team:XMU-China/css/footer"

 
Line 52: Line 52:
 
@media screen and (min-width: 45.0625rem) and (max-width: 769px){
 
@media screen and (min-width: 45.0625rem) and (max-width: 769px){
 
.footer .footer_top img{
 
.footer .footer_top img{
+
margin: 1.5vw 0;
left: 20vw;
+
left: 16vw;
 
top: 0;
 
top: 0;
 
}
 
}
 
.footer .footer_top ul{
 
.footer .footer_top ul{
 
font-size: 1.2vw;
 
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%; } }