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

 
(36 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
list-style: none;
 
list-style: none;
 
}
 
}
 +
.menu-list a{color:#ffffff;}
  
 
@media only screen and (min-width: 769px){
 
@media only screen and (min-width: 769px){
Line 8: Line 9:
 
float:left;
 
float:left;
 
margin-top:0px;
 
margin-top:0px;
margin-left:10%;
+
margin-left:20px;
 
text-align:center;
 
text-align:center;
 +
 
}
 
}
 
.menu-list{
 
.menu-list{
 
background-color:#000000;
 
background-color:#000000;
font-size:20px;
+
font-size:15px;
color:#ffffff;
+
margin-top:6px;
margin-top:10px;
+
height:23px;
height:30px;
+
padding-top:7px;
padding-top:5px;
+
padding-right:3px;
 +
padding-left:3px;
 +
 
 
}
 
}
 +
 +
.hahas{
 +
float:right;
 +
width:90%;
 +
font-size:20px;
 +
margin-right:-30%;}
  
 
}
 
}
Line 26: Line 36:
 
@media only screen and (max-width: 768px){
 
@media only screen and (max-width: 768px){
 
#cebianlan{
 
#cebianlan{
background:#000000;
 
 
text-align:center;
 
text-align:center;
 +
width:80%;
 +
margin-left:2%;
 
}
 
}
  
Line 34: Line 45:
 
font-size:20px;
 
font-size:20px;
 
color:#ffffff;
 
color:#ffffff;
 +
margin-top:4px;
 +
width:130%;
 +
height:30px;
 +
padding-top:7px;
 +
}
 +
 +
.hahas{
 +
float:right;
 +
width:90%;
 +
font-size:20px;
 +
margin-right:-10%;;
 
}
 
}
 
}
 
}

Latest revision as of 02:31, 2 November 2017

li{ list-style: none; } .menu-list a{color:#ffffff;}

@media only screen and (min-width: 769px){

  1. cebianlan{

float:left; margin-top:0px; margin-left:20px; text-align:center;

} .menu-list{ background-color:#000000; font-size:15px; margin-top:6px; height:23px; padding-top:7px; padding-right:3px; padding-left:3px;

}

.hahas{ float:right; width:90%; font-size:20px; margin-right:-30%;}

}


@media only screen and (max-width: 768px){

  1. cebianlan{

text-align:center; width:80%; margin-left:2%; }

.menu-list{ background-color:#000000; font-size:20px; color:#ffffff; margin-top:4px; width:130%; height:30px; padding-top:7px; }

.hahas{ float:right; width:90%; font-size:20px; margin-right:-10%;; } }