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

Line 5: Line 5:
  
 
@media only screen and (min-width: 769px){
 
@media only screen and (min-width: 769px){
#cd-faq-categories{
+
#cebianlan{
 
float:left;
 
float:left;
 
margin-left:10%;
 
margin-left:10%;
Line 14: Line 14:
 
font-color:#ffffff;
 
font-color:#ffffff;
 
background:#000000;
 
background:#000000;
 +
 
.menu-list1{
 
.menu-list1{
 
width:10%;
 
width:10%;
 
 
height:40px;
 
height:40px;
 
background-color:#000000;
 
background-color:#000000;
Line 23: Line 23:
 
.menu-list1 a{font-size:20px;color:#ffffff;margin-top:5%;
 
.menu-list1 a{font-size:20px;color:#ffffff;margin-top:5%;
 
}
 
}
.cd-faq-title .title-list{margin-top:50px;}}
+
.title-list{margin-top:50px;}
 +
 
 +
}
 +
 
 +
 
  
 
@media only screen and (max-width: 768px){
 
@media only screen and (max-width: 768px){
#cd-faq-categories{
+
#cebianlan{
 
clear:all;
 
clear:all;
 
width:100%;
 
width:100%;
Line 33: Line 37:
 
text-align:center;
 
text-align:center;
 
font-size:20px;
 
font-size:20px;
font-color:#ffffff;
 
background:#000000;
 
 
}
 
}
 +
 +
 
.menu-list1{
 
.menu-list1{
 
width:120%;}
 
width:120%;}
 
}
 
}

Revision as of 16:57, 1 November 2017

li{ list-style: none; }

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

  1. cebianlan{

float:left; margin-left:10%; margin-top:0px; width:6%; text-align:center; font-size:20px; font-color:#ffffff; background:#000000;

.menu-list1{ width:10%; height:40px; background-color:#000000; margin-top:6px; padding-top:10px;} .menu-list1 a{font-size:20px;color:#ffffff;margin-top:5%; }

.title-list{margin-top:50px;}

}


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

  1. cebianlan{

clear:all; width:100%; margin-top:0px; margin-left:10%; text-align:center; font-size:20px; }


.menu-list1{ width:120%;} }