Template:SUSTC A1

From 2012.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 8: Line 8:
<style type="text/css">
<style type="text/css">
 +
trytop
 +
{
 +
position:fixed; bottom:0px; right:0px;
 +
background:url("https://static.igem.org/mediawiki/2012/a/a8/SustcTop.png") no-repeat;
 +
background-position: 0px 0px;
 +
display: inline;
 +
float: left;
 +
height: 60px;
 +
        width:60px;
 +
margin-bottom: 0;
 +
}
 +
 +
sitemap
 +
{
 +
position:fixed; bottom:0px; left:0px;
 +
background:url("https://static.igem.org/mediawiki/2012/e/e7/SUSTCSitemap.png")  no-repeat;
 +
background-position: 0px 0px;
 +
display: inline;
 +
float: left;
 +
height: 60px;
 +
        width:60px;
 +
 +
margin-bottom: 0;
 +
}
#goTopBtn {
#goTopBtn {
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
Line 153: Line 177:
body {
body {
-
HEIGHT: 3600px;
 
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 160: Line 183:
font-size: 10px;
font-size: 10px;
color: #6f6f6f;
color: #6f6f6f;
-
     background: #2ac5c0 url(https://static.igem.org/mediawiki/igem.org/2/24/Templatemo_body_top.jpg) repeat-x;
+
     background: #2ac5c0 url(https://static.igem.org/mediawiki/2012/e/e8/Templatemo_body_top2.jpg) repeat-x;
}
}
Line 262: Line 285:
background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png);
background:url(https://static.igem.org/mediawiki/2012/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.long
 +
{
 +
  list-style:none;
 +
  float:left;
 +
  display:block;
 +
  margin-left:3px;
 +
<!-- background-color:green;-->
 +
  height:35px;
 +
  width:200px;
 +
  border-radius:3px;
 +
  text-align:left;
 +
 
 +
}
 +
#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 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 li.long
 +
{
 +
  margin-left:0px;
 +
  float:none;
 +
  text-align:left;
 +
  padding-left:1px;
 +
  padding-top:5px;
 +
  width:200px;
 +
<!-- 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 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-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 ;
 +
  width:100px;
 +
}
 +
#sustc_menu li li.long:hover
 +
{
 +
  background-color:#98F5FF ;
 +
  width:200px;
 +
}
 +
/* end of menu */
/* end of menu */
Line 476: Line 627:
-
 
-
 
-
 
-
 
-
 
-
<SCRIPT type=text/javascript>
 
-
// JavaScript Document
 
-
function goTopEx(){
 
-
        var obj=document.getElementById("goTopBtn");
 
-
        function getScrollTop(){
 
-
                return document.documentElement.scrollTop;
 
-
            }
 
-
        function setScrollTop(value){
 
-
                document.documentElement.scrollTop=value;
 
-
            }   
 
-
        window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
 
-
        obj.onclick=function(){
 
-
            var goTop=setInterval(scrollMove,10);
 
-
            function scrollMove(){
 
-
                    setScrollTop(getScrollTop()/1.1);
 
-
                    if(getScrollTop()<1)clearInterval(goTop);
 
-
                }
 
-
        }
 
-
    }
 
-
</script>
 
</style>
</style>
Line 512: Line 638:
</head>
</head>
<body>
<body>
-
 
+
<a name="top"></a>
 +
<a href="#top"><trytop></trytop></a>
 +
<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/SiteMap"><sitemap></sitemap></a>
<div id="templatemo_wrapper">
<div id="templatemo_wrapper">
<div id="temmplatmeo_header">
<div id="temmplatmeo_header">
   <div id="site_title">
   <div id="site_title">
-
           <a href="#" target="_parent">
+
           <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" target="_parent">
-
             <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Scene Template" />
+
             <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Logo" />
             </a>
             </a>
         </div>
         </div>
Line 528: Line 656:
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li>
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li>
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li>
                 <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li>
-
                 <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Human Practice</a></li>
+
                 <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice">Human Practice</a></li>
             </ul>   
             </ul>   
          
          
Line 538: Line 666:
      
      
   <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>
-
             <p>&nbsp;</p>
+
             <br/>
-
<p>&nbsp;</p>
+
<div id="sustc_menu">
-
<p>&nbsp;</p>
+
<ul>
<ul>
-
        <a href="#Instructors">Instructor<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin:10px;" ></img>  
+
    <li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team">Meet our team members<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif" style="BORDER: #6f6f6f; 5px dashed;margin-left:10px;" ></img></a>
-
              </a>  
+
      <ul class="long">
 +
            <li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Team_abstract">Team Abstract</a></li>
 +
            <li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Instructors">Instructor</a></li>
 +
            <li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Student_Members">Student Members</a></li>
 +
            <li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Advisors">Advisors</a></li>
 +
            <li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team#Volunteers">Volunteers</a></li>
 +
      </ul>
 +
    </li>
 +
</ul>
-
        <a href="#Student_Members">Members<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img>  
+
<ul>
-
              </a>
+
  <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity">Activity<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif" style="margin-left:10px;" ></img></a>
 +
    <ul>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity">Academic</a></li>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity_AJ">AsiaJamboree</a></li>
 +
        <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Activity_fun">Fun</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
-
        <a href="#Advisors">Advisors<img src="https://static.igem.org/mediawiki/2012/0/0f/Arrow_down.gif"style="BORDER: #6f6f6f; 5px dashed;margin:10px;"></img>  
+
 
-
              </a>
+
</div>
-
            </ul>
+
<div id="sustc_menu">
 +
<ul><li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Attribution">Attribution</a></li></ul>
 +
<ul><li calss="right"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Team/PhotoGallery">Photo Gallery</a></li></ul>
 +
<ul>
 +
  <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Periphery">Periphery</a>
 +
  </li>
 +
</ul>
 +
 
 +
</div>
   </div>
   </div>
          
          
Line 561: Line 711:
               <div class="cs_slider">
               <div class="cs_slider">
                   <div class="cs_article">
                   <div class="cs_article">
-
                      <a href="#" target="_parent">
+
 
                       <img src="https://static.igem.org/mediawiki/2012/5/59/SUSTCAteam_member.jpg" width="517" height="215" alt="Seagulls" />
                       <img src="https://static.igem.org/mediawiki/2012/5/59/SUSTCAteam_member.jpg" width="517" height="215" alt="Seagulls" />
 +
                      </a>
 +
                </div>
 +
                  <div class="cs_article">
 +
                      <a href="#" target="_parent">
 +
                        <img src="https://static.igem.org/mediawiki/2012/8/8c/Projectxx.jpg" width="517" height="215" alt="Seagulls" />
                       </a>
                       </a>
                 </div>
                 </div>

Latest revision as of 03:49, 26 October 2012