Template:SUSTC A4

From 2012.igem.org

(Difference between revisions)
Line 282: Line 282:
z-index: 200;
z-index: 200;
background:url(http://2012.igem.org/wiki/images/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png);
background:url(http://2012.igem.org/wiki/images/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png);
 +
}
 +
 +
#sustc_menu
 +
{
 +
  height:35px;
 +
// width:920px;
 +
// margin-left:20px;
 +
  color:blue;
 +
  display:block;
 +
<!--  background-color:yellow;-->
 +
  border-radius: 7px;
 +
//  background-color:#CCFFCC;
 +
 +
}
 +
 +
#sustc_menu li
 +
{
 +
  list-style:none;
 +
  float:left;
 +
  display:block;
 +
  margin-left:3px;
 +
<!-- background-color:green;-->
 +
  height:35px;
 +
  width:100px;
 +
  border-radius:3px;
 +
  text-align:left;
 +
 
 +
}
 +
 +
#sustc_menu li.long
 +
{
 +
  list-style:none;
 +
  float:left;
 +
  display:block;
 +
  margin-left:3px;
 +
<!-- background-color:green;-->
 +
  height:35px;
 +
  width:150px;
 +
  border-radius:3px;
 +
  text-align:left;
 +
 
 +
}
 +
#sustc_menu li.center
 +
{
 +
  list-style:none;
 +
  float:left;
 +
  display:block;
 +
  margin-left:3px;
 +
<!-- background-color:green;-->
 +
  height:35px;
 +
  width:100px;
 +
  border-radius:3px;
 +
  text-align:center;
 +
 
 +
}
 +
#sustc_menu li.right
 +
{
 +
  list-style:none;
 +
  float:left;
 +
  display:block;
 +
  margin-left:3px;
 +
<!-- background-color:green;-->
 +
  height:35px;
 +
  width:100px;
 +
  border-radius:3px;
 +
  text-align:right;
 +
 
 +
}
 +
 +
#sustc_menu a
 +
{
 +
  padding-top:3px;
 +
  padding-left:3px;
 +
}
 +
#sustc_menu li:hover
 +
{
 +
<!-- background-color:red-->
 +
  border-radius: 3px;
 +
  text-decoration;
 +
  background-color:#00868B;
 +
}
 +
 +
 +
#sustc_menu a
 +
{
 +
  margin:0;
 +
  padding-bottom:3px;
 +
  display:block;
 +
}
 +
#sust_menu a:hover
 +
{
 +
  background-color:#C1CDCD
 +
}
 +
 +
#sustc_menu li li
 +
{
 +
  margin-left:0px;
 +
  float:none;
 +
  text-align:left;
 +
  padding-left:1px;
 +
  padding-top:5px;
 +
  width:100px;
 +
<!-- background-color:black;-->
 +
  background-color:#C1CDCD;
 +
}
 +
#sustc_menu li ul { /* second-level lists */
 +
position: absolute;
 +
width: 100px;
 +
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:#F0FFF0 ;
 +
        border-style:solid;
 +
        border-radius: 7px;
 +
        background-color:#F0FFF0;
 +
        z-index:2;
 +
}
 +
#sustc_menu li:hover ul
 +
{
 +
  margin-left: 0px;
 +
  margin-top:0;
 +
}
 +
#sustc_menu li li:hover
 +
{
 +
  background-color:#98F5FF ;
}
}
Line 546: Line 671:
             <p>    Human practice is a part of iGem competition. The goal of this part is to spread the main idea and basic knowledge of synthetic biology, to provide a correct definition of it and to stimulate civil interest towards it.</p>
             <p>    Human practice is a part of iGem competition. The goal of this part is to spread the main idea and basic knowledge of synthetic biology, to provide a correct definition of it and to stimulate civil interest towards it.</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
-
<ul>
+
<div id="sustc_menu">
-
      <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice">iPhone and Biology<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin:10px;" ></img>  
+
<ul><li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice">iPhone and Biology </a> </li></ul>
-
              </a>
+
<ul><li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/High_School_Visits">High School Lectures</a> </li></ul>
-
      <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/High_School_Visits">High School Lectures<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin:10px;" ></img>  
+
</div>
-
              </a>  
+
<div id="sustc_menu">
-
<p>&nbsp;</p>
+
<ul><li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/PhotoGallery">Photo Gallery</a></li></ul>
-
        <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/PhotoGallery">Photo Gallery<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img>  
+
<ul><li class="right"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/SynBio_Intro">SynBio Intro</a></li></ul>
-
              </a>
+
<ul><li class="center"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety</a></li></ul>
-
+
</div>
-
        <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/SynBio_Intro">SynBio Intro<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img>  
+
-
              </a>
+
-
        <a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img>  
+
-
              </a>
+
-
 
+
-
            </ul>
+
   </div>
   </div>
          
          

Revision as of 14:59, 26 September 2012