Team:Nanjing China Bio

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html lang="en">
+
<!----------------------
-
<style type="text/css">
 
-
*{ padding:0; margin:0}
 
-
body{font-siez:12px;}
 
-
li{ list-style-type:none}
 
-
ul,li{float:right; display:inline;}
 
-
#header{ width:100%; height:37px; background:url(/wiki/images/b/be/Headerbg.jpg) repeat-x left top}
 
-
.header{ width:1000px; height:37px; background:url(/wiki/images/b/be/Headerbg.jpg) repeat-x left top}
 
-
#main{ width:100%; height:771px; background:url(/wiki/images/c/c9/Bg.gif) left top;}
 
-
#mainnr{ width:1000px; height:771px; margin:0 auto; background:url(/wiki/images/thumb/d/de/Mainbg.jpg/120px-Mainbg.jpg) no-repeat left top;}
 
-
.left1{width:86px; height:771px;float:left; margin-left:120px; display:inline}
+
Title: index.htm
-
.left1 ul{margin-top:287px;}
+
Team: Shenzhen
-
.left1 ul li a{ width:86px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left top; display:block;}
+
Author: BGI_K2
-
.left1 ul li a:hover{ width:86px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -121px top; display:block;}
+
Twitter: @BGI_K2
 +
Email: im.ss.kk@gmail.com
-
.left2{width:79px; height:771px; float:left;}
+
Please contact me if you would like to use this script
-
.left2 ul{margin-top:163px;}
+
-
.left2 ul li a{ width:79px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left -155px; display:block;}
+
-
.left2 ul li a:hover{ width:79px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -126px -155px; display:block;}
+
-
.left3{width:77px; height:771px; float:left; margin-left:40px; display:inline}
+
---------------------->
-
.left3 ul{margin-top:88px;}
+
-
.left3 ul li a{ width:77px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left -309px; display:block;}
+
-
.left3 ul li a:hover{ width:77px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -129px -309px; display:block;}
+
-
.left4{width:80px; height:771px; float:left; margin-left:48px; display:inline}
+
<html lang="en">
-
.left4 ul{margin-top:58px;}
+
-
.left4 ul li a{ width:80px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left -464px; display:block;}
+
-
.left4 ul li a:hover{ width:80px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -128px -464px; display:block;}
+
-
.left5{width:81px; height:771px; float:left; margin-left:48px; display:block; display:inline;}
+
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Shenzhen/css/front.css?action=raw&ctype=text/css" />
-
.left5 ul{margin-top:88px;}
+
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Shenzhen/css/main.css?action=raw&ctype=text/css" />
-
.left5 ul li a{ width:81px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left -631px; display:block;}
+
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Shenzhen/css/icon.css?action=raw&ctype=text/css" />
-
.left5 ul li a:hover{ width:81px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -125px -631px; display:block;}
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Shenzhen/css/display.css?action=raw&ctype=text/css" />
 +
<script type="text/javascript">
 +
if(window.XMLHttpRequest)  // firefox
 +
{       
 +
user_pref("capability.policy.XMLHttpRequestToAnySi te.XMLHttpRequest.open","allAccess");
 +
user_pref("capability.policy.XMLHttpRequestToAnySi te.sites", "http://igem.k2s.me");
 +
user_pref("capability.policy.policynames", "XMLHttpRequestToAnySite"); 
 +
    try
 +
    {
 +
        netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
 +
    }
 +
    catch (exception)
 +
    {
 +
        alert(exception);
 +
    }
 +
}
 +
</script>
-
.left6{width:79px; height:771px; float:left;display:inline;margin-left:37px;}
+
  <body>
-
.left6 ul{margin-top:163px;}
+
        <div class="container">
-
.left6 ul li a{ width:79px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left -790px; display:block;}
+
-
.left6 ul li a:hover{ width:79px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -128px -790px; display:block;}
+
-
.left7{width:77px; height:771px; float:left;display:inline; margin-left:20px;}
+
            <div class="content">
-
.left7 ul{float:left;}
+
<div class="logo">
-
.left7 ul{margin-top:287px;}
+
<img src="https://static.igem.org/mediawiki/igem.org/b/b8/Shenzhenlogo.gif">
-
.left7 ul li a{ width:77px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat left -946px; display:block;}
+
</div>
-
.left7 ul li a:hover{ width:77px; height:136px; background:url(/wiki/images/thumb/b/b0/Lianpu.png/115px-Lianpu.png) no-repeat -128px -946px; display:block;}
+
                <div class="ca">
 +
                <ul class="ca-menu" >
 +
                    <li id="ca-green1" class="ca-green">
 +
                        <a href="https://2012.igem.org/Team:Shenzhen/Team">
 +
                            <span class="ca-icon">U</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Team</h2>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li id="ca-orange1" class="ca-orange">
 +
                        <a href="https://2012.igem.org/Team:Shenzhen/Project">
 +
                            <span class="ca-icon">L</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Project</h2>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li id="ca-yellow1" class="ca-yellow">
 +
                        <a href="https://2012.igem.org/Team:Shenzhen/Result">
 +
                            <span class="ca-icon">u</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Result</h2>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li id="ca-green2" class="ca-green">
 +
                        <a href="https://2012.igem.org/Team:Shenzhen/Biobricks">
 +
                            <span class="ca-icon">S</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">BioBricks</h2>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
</ul>
 +
                <div class="notice"><p>Tips from designer @BGI_K2:<br>Best view under latest versions of<br>Chrome/Safari. Firefox may come<br>across bugs in icon displaying.<br>Team Shenzhen All Rights Reserved.</p></div>
-
#footer{width:100%; height:68px; background:#590502 url(/wiki/images/e/e5/Footernr.jpg) repeat-x left top; border-left:1px solid #800000}
+
                <ul class="ca-menu-b">
-
.footer{width:1000px; height:68px; background:#590502 url(/wiki/images/e/e5/Footernr.jpg) repeat-x left top; border-left:1px solid #800000}
+
                    <li id="ca-orange-b1" class="ca-orange-b">
-
#footernr{ width:1000px; height:68px; margin:0 auto;}
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Notebook">
-
#footernr p{ text-align:center; height:68px; line-height:80px; font-size:12px; color:#fce387; background:red; width:340px; margin-left:500px; background:url(/wiki/images/0/0a/Ftimg.png) no-repeat left 60%; overflow:hidden}
+
                            <span class="ca-icon-b">p</span>
-
</style>
+
                            <div class="ca-content-b">
-
 
+
                                <h2 class="ca-main">Notebook</h2>
-
  <body>
+
                            </div>
-
 
+
                        </a>
-
<div id="header"><div class="header"></div></div>
+
                    </li>
-
    <div id="main">
+
                    <li id="ca-yellow-b1" class="ca-yellow-b">
-
    <div id="mainnr">
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Biosafety">
-
        <div class="left1">
+
                            <span class="ca-icon-b">,</span>
-
            <ul>
+
                            <div class="ca-content-b">
-
                    <li><a href="###"></a></li>
+
                                <h2 class="ca-main">Biosafety</h2>
-
                </ul>
+
                            </div>
-
            </div>
+
                        </a>
-
           
+
                    </li>
-
           
+
                    <li id="ca-green-b1" class="ca-green-b">
-
            <div class="left2">
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Practices">
-
            <ul>
+
                            <span class="ca-icon-b">e</span>
-
                    <li><a href="###"></a></li>
+
                            <div class="ca-content-b">
 +
                                <h2 class="ca-main">Practices</h2>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li id="ca-orange-b2" class="ca-orange-b">
 +
                        <a href="https://2012.igem.org/Team:Shenzhen/Acknowledgment">
 +
                            <span class="ca-icon-b">N</span>
 +
                            <div class="ca-content-b">
 +
                                <h2 class="ca-main">Acknow.</h2>
 +
                            </div>
 +
                        </a>
 +
                    </li>
                 </ul>
                 </ul>
-
            </div>
+
                 </div>
-
           
+
             </div>  
-
            <div class="left3">
+
<!-- content -->
-
            <ul>
+
-
                    <li><a href="###"></a></li>
+
-
                 </ul>
+
-
            </div>
+
-
           
+
-
            <div class="left4">
+
-
            <ul>
+
-
                    <li><a href="###"></a></li>
+
-
                </ul>
+
-
             </div>
+
-
           
+
-
            <div class="left5">
+
-
            <ul>
+
-
                    <li><a href="###"></a></li>
+
-
                </ul>
+
-
            </div>
+
-
           
+
-
            <div class="left6">
+
-
            <ul>
+
-
                    <li><a href="###"></a></li>
+
-
                </ul>
+
-
            </div>
+
-
           
+
-
            <div class="left7">
+
-
            <ul>
+
-
                    <li><a href="###"></a></li>
+
-
                </ul>
+
-
            </div>
+
         </div>
         </div>
-
    </div>
+
        <script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.min.js"></script>
-
    <div id="footer">
+
-
    <div class="footer">
+
-
            <div id="footernr">
+
-
                <p>Team NANJING UNIVERSITY All Rights Reserved.</p>
+
-
            </div>
+
-
      </div>
+
-
    </div>
+
-
 
+
     </body>
     </body>
</html>
</html>

Revision as of 03:03, 24 September 2012


Tips from designer @BGI_K2:
Best view under latest versions of
Chrome/Safari. Firefox may come
across bugs in icon displaying.
Team Shenzhen All Rights Reserved.