Team:SUSTC-Shenzhen-A/Biosearch Tutorial

From 2012.igem.org

(Difference between revisions)
Line 84: Line 84:
   background-color:#FF9900
   background-color:#FF9900
}
}
-
 
+
.ibox{width:880px;height:660px;background:#CCFFFF;margin:0em auto;position:relative;border:10px solid #fff;overflow:hidden;border-color:#FFf; z-index:1;valign:center;}
-
#sustc_menu li li
+
.ibox .showbox{position:absolute;left:0;width:2700px;height:620px;background:#fff;border-radius:7px;}
-
{
+
-
  margin-left:0px;
+
-
  float:none;
+
-
  text-align:left;
+
-
  padding-left:10px;
+
-
  padding-top:5px;
+
-
  width:130px;
+
-
<!-- background-color:black;-->
+
-
  background-color:#C3D46A ;
+
-
}
+
-
#sustc_menu li ul { /* second-level lists */
+
-
position: absolute;
+
-
width: 140px;
+
-
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
+
-
margin-top:2.2em;
+
-
        border-width:1px;
+
-
        border-color: #C3D46A ;
+
-
        border-style:solid;
+
-
        border-radius: 7px;
+
-
        background-color:#C3D46A ;
+
-
        z-index:2;
+
-
}
+
-
#sustc_menu li:hover ul
+
-
{
+
-
  margin-left: 0px;
+
-
  margin-top:0;
+
-
}
+
-
#sustc_menu li li:hover
+
-
{
+
-
  background-color:#FF69B4 ;
+
-
}
+
-
 
+
-
.ibox{width:900px;height:210px;background:#FF9900;margin:1em auto;border:1em solid #ddd;position:relative;overflow:hidden;border-color:#FF9900; border-radius:7px;
+
-
        z-index:1;}
+
-
.ibox .showbox{position:absolute;left:0;width:2700px;height:170px;background:#fff;border-radius:7px;}
+
.ibox .showbox ul li{float:left;margin:7px;list-style:none;}
.ibox .showbox ul li{float:left;margin:7px;list-style:none;}
-
.ibox .showbox ul li img{border:3px solid #a40000;}
+
.ibox .showbox ul li img{border:3px solid #DCDCDC;}
.ibox span{position:absolute;padding:2px 5px;background:#fff;cursor:pointer;}
.ibox span{position:absolute;padding:2px 5px;background:#fff;cursor:pointer;}
.ibox span.pre{left:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
.ibox span.pre{left:10px;bottom:0;background-color:#00BFFF;border-radius:7px;}
Line 242: Line 207:
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/3/33/Search_page.png" alt="search page"  
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/3/33/Search_page.png" alt="search page"  
-
             title="search page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
+
             title="search page" style="margin-top:-3px" ></a></li>
    
    
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/2/2e/Detail_search_result_page.png "  
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/2/2e/Detail_search_result_page.png "  
-
           alt="search result page" title="search result page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
+
           alt="search result page" title="search result page" style="margin-top:-3px"></a></li>
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/8/84/Part_device_page.png" alt="category page"  
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/8/84/Part_device_page.png" alt="category page"  
-
             title="category page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
+
             title="category page" style="margin-top:-3px"></a></li>
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/1/1f/Help_page.png " alt="help page"  
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/1/1f/Help_page.png " alt="help page"  
-
             title="help page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
+
             title="help page" style="margin-top:-3px"></a></li>
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/4/47/Bookmark_page.png  " alt="bookmark page"  
     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Project"><img src="http://2012.igem.org/wiki/images/4/47/Bookmark_page.png  " alt="bookmark page"  
-
             title="bookmark page" style="margin-top:-3px" width="80px"  height="150px"></a></li>
+
             title="bookmark page" style="margin-top:-3px"></a></li>
   <li><img src="http://2012.igem.org/wiki/images/1/14/IMG_1180change%281%29.jpg" alt="Trip to BGI" title="Trip to BGI" style="margin-top:-3px" width="260px"   
   <li><img src="http://2012.igem.org/wiki/images/1/14/IMG_1180change%281%29.jpg" alt="Trip to BGI" title="Trip to BGI" style="margin-top:-3px" width="260px"   
Line 272: Line 237:
   </ul>
   </ul>
  </div>
  </div>
-
     <span class="pre">&lt;&lt;Roll to the left</span><span class="next">Roll to the right&gt;&gt;</span><span class="num"><ol><li class="numcur">1</li><li>2</li><li>3</li></ol></sapn>
+
     <span class="pre">&lt;&lt;Roll to the left</span><span class="next">Roll to the right&gt;&gt;</span><span class="num"><ol><li class="numcur">1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ol></sapn>
</div>
</div>
     <!--end of header-->
     <!--end of header-->

Revision as of 14:20, 19 September 2012

<<Roll to the leftRoll to the right>>
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6

Footbar.jpg