Template:SUSTC A1

From 2012.igem.org

(Difference between revisions)
Line 300: Line 300:
}
}
-
#sustc_menu li
+
#sustc_menu li.long
{
{
   list-style:none;
   list-style:none;
Line 308: Line 308:
  <!-- background-color:green;-->
  <!-- background-color:green;-->
   height:35px;
   height:35px;
-
   width:100px;
+
   width:200px;
   border-radius:3px;
   border-radius:3px;
   text-align:left;
   text-align:left;
Line 360: Line 360:
   padding-top:5px;
   padding-top:5px;
   width:140px;
   width:140px;
 +
<!-- background-color:black;-->
 +
  background-color:#C1CDCD;
 +
}
 +
#sustc_menu li li.long
 +
{
 +
  margin-left:0px;
 +
  float:none;
 +
  text-align:left;
 +
  padding-left:1px;
 +
  padding-top:5px;
 +
  width:200px;
  <!-- background-color:black;-->
  <!-- background-color:black;-->
   background-color:#C1CDCD;
   background-color:#C1CDCD;
Line 366: Line 377:
position: absolute;
position: absolute;
width: 140px;
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:#F0FFF0 ;
 +
        border-style:solid;
 +
        border-radius: 7px;
 +
        background-color:#F0FFF0;
 +
        z-index:2;
 +
}
 +
#sustc_menu li ul.long { /* second-level lists */
 +
position: absolute;
 +
width: 200px;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-top:2.2em;
margin-top:2.2em;
Line 384: Line 407:
   background-color:#98F5FF ;
   background-color:#98F5FF ;
   width:140px;
   width:140px;
 +
}
 +
#sustc_menu li li.long:hover
 +
{
 +
  background-color:#98F5FF ;
 +
  width:200px;
}
}
Line 639: Line 667:
      
      
   <div id="banner_left">
   <div id="banner_left">
-
         <h2>Team members</h2>
+
         <h2>Team</h2>
             <p>    We are 2012 iGEM competition team SUSTC Shenzhen A. Advised by Prof. Jiankui He, all the members are sophomore at South University of Science and Technology of China, located at Shenzhen,China.</p>
             <p>    We are 2012 iGEM competition team SUSTC Shenzhen A. Advised by Prof. Jiankui He, all the members are sophomore at South University of Science and Technology of China, located at Shenzhen,China.</p>
             <br/>
             <br/>
<div id="sustc_menu">
<div id="sustc_menu">
<ul>
<ul>
-
     <li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team">Meet our team<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin:10px;" ></img></a>
+
     <li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team">Meet our team members<img src="http://2012.igem.org/wiki/images/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin:10px;" ></img></a>
-
       <ul>
+
       <ul class="long">
-
             <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Instructors">Instructor</a></li>
+
             <li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Instructors">Instructor</a></li>
-
             <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Student_Members">Student Members</a></li>
+
             <li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Student_Members">Student Members</a></li>
-
             <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Advisors">Advisors</a></li>
+
             <li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Advisors">Advisors</a></li>
-
             <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Volunteers">Volunteers</a></li>
+
             <li class="long"><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Volunteers">Volunteers</a></li>
       </ul>
       </ul>
     </li>
     </li>

Revision as of 16:10, 26 September 2012