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

 
(8 intermediate revisions by the same user not shown)
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{cursor:pointer;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:#ff80c0;}
−
#controlOne ul li:first-child{top:123px;left:38px;background:black;}
+
#controlOne ul li:first-child{top:123px;left:38px;}
−
#controlOne ul li:nth-child(2){top:112px;left:92px;background:black;}
+
#controlOne ul li:nth-child(2){top:112px;left:92px;}
−
#controlOne ul li:nth-child(3){top:156px;left:107px;background:black;}
+
#controlOne ul li:nth-child(3){top:152px;left:106px;}
−
#controlOne ul li:nth-child(4){top:144px;left:150px;background:black;}
+
#controlOne ul li:nth-child(4){top:144px;left:149px;}
−
#controlOne ul li:nth-child(5){top:134px;left:174px;background:black;}
+
#controlOne ul li:nth-child(5){top:134px;left:174px;}
−
#controlOne ul li:last-child{top:158px;left:186px;background:black;}
+
#controlOne ul li:last-child{top:156px;left:187px;}
−
#controlTwo ul li:first-child{top:80px;left:73px;}
+
#controlTwo ul li:first-child{top:84px;left:48px;}
−
#controlTwo ul li:nth-child(2){top:54px;left:144px;}
+
#controlTwo ul li:nth-child(2){top:76px;left:74px;}
−
#controlTwo ul li:nth-child(3){top:124px;left:178px;}
+
#controlTwo ul li:nth-child(3){top:100px;left:85px;}
−
#controlTwo ul li:nth-child(4){top:173px;left:324px;}
+
#controlTwo ul li:nth-child(4){top:119px;left:137px;}
−
#controlTwo ul li:nth-child(5){top:152px;left:438px;}
+
#controlTwo ul li:nth-child(5){top:111px;left:178px;}
−
#controlTwo ul li:last-child{top:234px;left:467px;}
+
#controlTwo ul li:last-child{top:140px;left:188px;}
 
/* 超小屏幕（手机，小于 768px） */
 
/* 超小屏幕（手机，小于 768px） */
 
h3 img{display:none;}
 
h3 img{display:none;}
Line 22: Line 22:
 
@media (min-width: 992px) {  
 
@media (min-width: 992px) {  
 
#myScrollspy{display:block;}
 
#myScrollspy{display:block;}
−
h3 img{display:inline-block;}
 
 
}
 
}
 
/* 大屏幕（大桌面显示器，大于等于 1200px） */
 
/* 大屏幕（大桌面显示器，大于等于 1200px） */

Latest revision as of 11:02, 19 October 2016

#float ul li{cursor:pointer;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:#ff80c0;} #controlOne ul li:first-child{top:123px;left:38px;} #controlOne ul li:nth-child(2){top:112px;left:92px;} #controlOne ul li:nth-child(3){top:152px;left:106px;} #controlOne ul li:nth-child(4){top:144px;left:149px;} #controlOne ul li:nth-child(5){top:134px;left:174px;} #controlOne ul li:last-child{top:156px;left:187px;} #controlTwo ul li:first-child{top:84px;left:48px;} #controlTwo ul li:nth-child(2){top:76px;left:74px;} #controlTwo ul li:nth-child(3){top:100px;left:85px;} #controlTwo ul li:nth-child(4){top:119px;left:137px;} #controlTwo ul li:nth-child(5){top:111px;left:178px;} #controlTwo ul li:last-child{top:140px;left:188px;} /* 超小屏幕（手机，小于 768px） */ h3 img{display:none;} /* 小屏幕（平板，大于等于 768px） */ @media (min-width:768px) {

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

}