Team:Shenzhen/test

From 2012.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE HTML> <html> <head> <style type="text/css"> #windmill{ width:160px; height:160px; position:relative; -moz-transition:-moz-transform 2s ease-in-out; ...")
 
(22 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE HTML>
+
<html lang="en">
-
<html>
+
  <body>
-
<head>
+
        <div class="container">
-
<style type="text/css">
+
 
-
#windmill{
+
            <div class="content">
-
    width:160px;
+
 
-
    height:160px; 
+
                <ul class="ca-menu" >
-
    position:relative;
+
                    <li>
-
    -moz-transition:-moz-transform 2s ease-in-out;
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Team">
-
    -webkit-transition:-webkit-transform 2s ease-in-out;
+
                            <span class="ca-icon">U</span>
-
    -moz-transform:rotate(0deg);
+
<div class="ca-content">
-
    -webkit-transform:rotate(0deg);
+
                                <h2 class="ca-main">Team</h2>
-
}
+
                                <h3 class="ca-sub">11</h3>
-
#windmill:hover{
+
                                <h3 class="ca-subs">22</h3>
-
    -moz-transform:rotate(960deg);
+
<h3 class="ca-subs">33</h3>
-
    -webkit-transform:rotate(960deg); 
+
<h3 class="ca-subs">44</h3>
-
}
+
<h3 class="ca-subs">55</h3>
-
#windmill div.top{
+
                            </div>
-
    width:40px;
+
                        </a>
-
    height:80px;
+
                    </li>
-
    left:40px;
+
                    <li>
-
    top:0px;
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Project">
-
    border-top-left-radius:40px;     
+
                            <span class="ca-icon">C</span>
-
}
+
                            <div class="ca-content">
-
#windmill div.right{
+
                                <h2 class="ca-main">Project</h2>
-
    width:80px;
+
                                <h3 class="ca-sub">Yeast Artificial Organelle</h3>
-
    height:40px;
+
                            </div>
-
    left:80px;
+
                        </a>
-
    top:40px;
+
                    </li>
-
    border-top-right-radius:40px; 
+
                    <li>
-
}
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Biobricks">
-
#windmill div.bottom{
+
                            <span class="ca-icon">R</span>
-
    width:40px;
+
                            <div class="ca-content">
-
    height:80px;
+
                                <h2 class="ca-main">BioBricks</h2>
-
    left:80px;
+
                                <h3 class="ca-sub">BioParts & Devices</h3>
-
    top:80px;
+
                            </div>
-
    border-bottom-right-radius:40px; 
+
                        </a>
-
}
+
                    </li>
-
#windmill div.left{
+
                    <li>
-
    width:80px;
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Experiment">
-
    height:40px;
+
                            <span class="ca-icon">K</span>
-
    left:0px;
+
                            <div class="ca-content">
-
    top:80px;
+
                                <h2 class="ca-main">Experiment</h2>
-
    border-bottom-left-radius:40px;
+
                                <h3 class="ca-sub">Experimental Results</h3>
-
}
+
                            </div>
-
#windmill div.ala{
+
                        </a>
-
    position:absolute;
+
                    </li>
-
    -moz-box-sizing:border-box;
+
                    <li>
-
    -webkit-box-sizing:border-box;
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Modeling">
-
    background:rgba(0,0,255,0.4); 
+
                            <span class="ca-icon">H</span>
-
    border:1px solid rgba(0,0,255,0.5);
+
                            <div class="ca-content">
-
    -moz-transition:background-color 1s linear;
+
                                <h2 class="ca-main">Modeling</h2>
-
    -webkit-transition:background-color 1s linear;
+
                                <h3 class="ca-sub"> Mathematical Simulation</h3>
-
}
+
                            </div>
-
#windmill div.ala:hover{
+
                        </a>
-
    background-color:#00F;
+
                    </li>
-
}
+
                    <li>
-
.alaIn{
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Notebook">
-
    position:absolute;
+
                            <span class="ca-icon">p</span>
-
    background:rgba(255,255,255,0.7); 
+
                            <div class="ca-content">
-
    -moz-box-sizing:border-box;
+
                                <h2 class="ca-main">Notebook</h2>
-
    -webkit-box-sizing:border-box;
+
                                <h3 class="ca-sub">Wet Lab Journal</h3>
-
    -moz-transition:background-color 1s linear;
+
                            </div>
-
    -webkit-transition:background-color 1s linear;
+
                        </a>
-
    left:0;
+
                    </li>
-
    top:0;
+
                    <li>
-
}
+
                        <a href="https://2012.igem.org/Team:Shenzhen/HumanPractice">
-
.alaIn:hover{
+
                            <span class="ca-icon">e</span>
-
    background-color:rgba(255,255,255,0.9);
+
                            <div class="ca-content">
-
}
+
                                <h2 class="ca-main">Human Practice</h2>
-
.topIn{
+
                                <h3 class="ca-sub">Biosafe & Lectures</h3>
-
    border-bottom-left-radius:40px;
+
                            </div>
-
}
+
                        </a>
-
.rightIn{
+
                    </li>
-
    border-top-left-radius:40px; 
+
                    <li>
-
}
+
                        <a href="https://2012.igem.org/Team:Shenzhen/Acknowledgment">
-
.bottomIn{
+
                            <span class="ca-icon">B</span>
-
    border-top-right-radius:40px; 
+
                            <div class="ca-content">
-
}
+
                                <h2 class="ca-main">Acknowledgment</h2>
-
.leftIn{
+
                                <h3 class="ca-sub">People Gave Hands</h3>
-
    border-bottom-right-radius:40px; 
+
                            </div>
-
}
+
                        </a>
-
</style>
+
                    </li>
-
</head>
+
                </ul>
-
<body>
+
            </div><!-- content -->
-
<divid="windmill">
+
        </div>
-
    <divclass="top ala"></div><divclass="top topIn alaIn"></div>
+
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
-
    <divclass="right ala"></div><divclass="right rightIn alaIn"></div>
+
    </body>
-
    <divclass="bottom ala"></div><divclass="bottom bottomIn alaIn"></div>
+
<link rel="stylesheet" type="text/css" href="http://www.k2s.me/igem/css/navbutton.css" />
-
    <divclass="left ala"></div><divclass="left leftIn alaIn"></div>
+
              <link rel="stylesheet" type="text/css" href="http://www.k2s.me/igem/css/navmain.css" />
-
</div>
+
<link rel="stylesheet" type="text/css" href="http://www.k2s.me/igem/css/display.css" />
-
</body>
+
-
</html>
+

Latest revision as of 17:25, 18 July 2012

Retrieved from "http://2012.igem.org/Team:Shenzhen/test"