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: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:106px;background:black;}
+
#controlOne ul li:nth-child(3){top:152px;left:106px;}
−
#controlOne ul li:nth-child(4){top:144px;left:149px;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:187px;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:76px;left:42px;background:black;}
−
#controlTwo ul li:nth-child(2){top:54px;left:144px;}
+
#controlTwo ul li:nth-child(2){top:78px;left:72px;background:black;}
−
#controlTwo ul li:nth-child(3){top:124px;left:178px;}
+
#controlTwo ul li:nth-child(3){top:103px;left:84px;background:black;}
−
#controlTwo ul li:nth-child(4){top:173px;left:324px;}
+
#controlTwo ul li:nth-child(4){top:121px;left:135px;background:black;}
−
#controlTwo ul li:nth-child(5){top:152px;left:438px;}
+
#controlTwo ul li:nth-child(5){top:112px;left:178px;background:black;}
−
#controlTwo ul li:last-child{top:234px;left:467px;}
+
#controlTwo ul li:last-child{top:135px;left:188px;background:black;}
 
/* 超小屏幕（手机，小于 768px） */
 
/* 超小屏幕（手机，小于 768px） */
 
h3 img{display:none;}
 
h3 img{display:none;}

Revision as of 12:05, 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;} #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:76px;left:42px;background:black;} #controlTwo ul li:nth-child(2){top:78px;left:72px;background:black;} #controlTwo ul li:nth-child(3){top:103px;left:84px;background:black;} #controlTwo ul li:nth-child(4){top:121px;left:135px;background:black;} #controlTwo ul li:nth-child(5){top:112px;left:178px;background:black;} #controlTwo ul li:last-child{top:135px;left:188px;background:black;} /* 超小屏幕（手机，小于 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) {

}