Difference between revisions of "Team:OUC-China/css/team"

Line 1: Line 1:
 
#float ul li{position:absolute;list-style:none;width:8px;height:8px;background:#ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
 
#float ul li{position:absolute;list-style:none;width:8px;height:8px;background:#ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
 
#float .active{background:#0066ff;}
 
#float .active{background:#0066ff;}
#controlOne ul li:first-child{top:115px;left:40px;color:black;}
+
#controlOne ul li:first-child{top:123px;left:38px;color:black;}
#controlOne ul li:nth-child(2){top:119px;left:195px;}
+
#controlOne ul li:nth-child(2){top:116px;left:90px;}
 
#controlOne ul li:nth-child(3){top:210px;left:226px;}
 
#controlOne ul li:nth-child(3){top:210px;left:226px;}
 
#controlOne ul li:nth-child(4){top:190px;left:326px;}
 
#controlOne ul li:nth-child(4){top:190px;left:326px;}

Revision as of 10:53, 13 October 2016

#float ul li{position:absolute;list-style:none;width:8px;height:8px;background:#ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;} #float .active{background:#0066ff;} #controlOne ul li:first-child{top:123px;left:38px;color:black;} #controlOne ul li:nth-child(2){top:116px;left:90px;} #controlOne ul li:nth-child(3){top:210px;left:226px;} #controlOne ul li:nth-child(4){top:190px;left:326px;} #controlOne ul li:nth-child(5){top:168px;left:384px;} #controlOne ul li:last-child{top:202px;left:418px;} #controlTwo ul li:first-child{top:80px;left:73px;} #controlTwo ul li:nth-child(2){top:54px;left:144px;} #controlTwo ul li:nth-child(3){top:124px;left:178px;} #controlTwo ul li:nth-child(4){top:173px;left:324px;} #controlTwo ul li:nth-child(5){top:152px;left:438px;} #controlTwo ul li:last-child{top:234px;left:467px;} /* 超小屏幕(手机,小于 768px) */ h3 img{display:none;} /* 小屏幕(平板,大于等于 768px) */ @media (min-width:768px) {

} /* 中等屏幕(桌面显示器,大于等于 992px) */ @media (min-width: 992px) { #myScrollspy{display:block;} h3 img{display:inline-block;} } /* 大屏幕(大桌面显示器,大于等于 1200px) */ @media (min-width: 1200px) {

}