Team:Shenzhen BGIC 0101/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Shenzhen_BGIC_0101/Templates/Banner}}
+
{{:Team:Shenzhen BGIC 0101/Templates/Banner}}
<html lang="en-US">
<html lang="en-US">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
<head>
-
<script type="text/javascript" charset="UTF-8" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/prefixfreemin?action=raw&ctype=text/js"></script>
+
<meta http-equiv="content-type" content="text/html;charset=utf-8">  
 +
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css/headercss?action=raw&ctype=text/css" media="screen">
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/hover?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/superfish?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/magnif?action=raw&ctype=text/js"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 28: Line 33:
});
});
</script>
</script>
-
 
-
<style type="text/css">
 
-
/* basic menu styles */
 
-
.nav-menu {
 
-
display: block;
 
-
background: #74adaa;
 
-
width:950px;
 
-
margin-left: 50px;
 
-
}
 
-
.nav-menu > li {
+
<script>  
-
display: inline;
+
-
float:left;
+
    $(document).ready(function() {  
-
border-right:1px solid #94c0be;
+
        $('ul.sf-menu').superfish({  
-
}
+
        });  
-
+
    });  
-
.nav-menu > li:last-child {
+
-
border-right: none;
+
</script>
-
}
+
-
+
-
.nav-menu li a {
+
-
color: #fff;
+
-
display: block;
+
-
text-decoration: none;
+
-
-webkit-font-smoothing: antialiased;
+
-
-moz-font-smoothing: antialiased;
+
-
font-smoothing: antialiased;
+
-
text-transform: capitalize;
+
-
overflow: visible;
+
-
line-height: 20px;
+
-
font-weight: bold;
+
-
font-size: 150%;
+
-
padding: 15px 30px 15px 31px;
+
-
}
+
-
+
</head>
-
/* animation domination */
+
-
.three-d {
+
-
perspective: 400px;
+
-
transition: all .07s linear;
+
-
position: relative;
+
-
}
+
-
 
+
-
.three-d:not(.active):hover {
+
-
cursor: pointer;
+
-
}
+
-
 
+
-
.three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box {
+
-
transform: translateZ(-25px) rotateX(90deg);
+
-
}
+
-
 
+
-
.three-d-box {
+
-
transition: all .3s ease-out;
+
-
transform: translatez(-25px);
+
-
transform-style: preserve-3d;
+
-
pointer-events: none;
+
-
position: absolute;
+
-
top: 0;
+
-
left: 0;
+
-
display: block;
+
-
width: 100%;
+
-
height: 100%;
+
-
}
+
-
 
+
-
.front {
+
-
transform: rotatex(0deg) translatez(25px);
+
-
}
+
-
 
+
-
.back {
+
-
transform: rotatex(-90deg) translatez(25px);
+
-
color: rgb(115,127,174);
+
-
}
+
-
.front, .back {
+
<body>
-
display: block;
+
-
width: 100%;
+
-
height: 100%;
+
-
position: absolute;
+
-
top: 0;
+
-
left: 0;
+
-
background: rgb(176,158,202);
+
-
padding: 15px 30px 15px 31px;
+
-
color: white;
+
-
pointer-events: none;
+
-
box-sizing: border-box;
+
-
}
+
-
.nav-menu li .active .front,
+
<hr style="color:#7380AE; height:3px;" />
-
.nav-menu li .active .back,
+
<div id="navigator">
-
.nav-menu li a:hover .front,
+
<ul class="sf-menu sf-navbar">
-
.nav-menu li a:hover .back {
+
-
background-color: rgb(115,127,174);
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101">Home</a></li>
-
    background-size: 5px 5px;
+
-
    background-position: 0 0, 30px 30px;
+
-
    background-image: -*-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
+
-
}
+
-
.nav-menu ul {
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Team" >Team</a>
-
position: absolute;
+
</li>
-
text-align: left;
+
-
font-size: 80%;
+
-
width: 250px;
+
-
transition: all 0.3s ease-in;
+
-
transform-origin: 0px 0px;
+
-
transform: rotateX(-90deg);
+
-
backface-visibility: hidden;
+
-
}
+
-
.nav-menu > li:hover ul {
+
<li><a class="sf-with-ul" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Software">Software<span class="sf-sub-indicator"> &#187;</span></a>
-
display: block;
+
<ul>
-
transform: rotateX(0deg);
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Software">Overview</a></li>
-
}
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modules" >Modules</a></li>
-
</style>
+
-
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Next_version">Next Version</a></li>
-
<hr color="#B09CC9" 6px/>
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/NewStandard">New Standard</a></li>
-
<div id="navigator">
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Compatibility" >Compatibility</a></li>
-
<ul class="nav-menu clearfix unstyled">
+
                                <li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Tutorial" >Tutorial</a></li>
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Home" class="three-d">
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Web-based_trial">Web-Based Trial</a></li>
-
Home
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Downloadsl">Downloads</a></li>
-
<span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Team" class="three-d">
+
-
Team
+
-
<span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Software" class="three-d">
+
-
Software
+
-
<span class="three-d-box"><span class="front">Software</span><span class="back">Software</span></span>
+
-
</a>
+
-
<ul class="clearfix unstyled drop-menu">
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Software" class="three-d">
+
-
Overview
+
-
<span class="three-d-box"><span class="front">Overview</span><span class="back">Overview</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modules" class="three-d">
+
-
Modules
+
-
<span class="three-d-box"><span class="front">Modules</span><span class="back">Modules</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Tutorial" class="three-d">
+
-
Tutorial
+
-
<span class="three-d-box"><span class="front">Tutorial</span><span class="back">Tutorial</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Next_version" class="three-d">
+
-
Next Version
+
-
<span class="three-d-box"><span class="front">Next Version</span><span class="back">Next Version</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/NewStandard" class="three-d">
+
-
New Standard
+
-
<span class="three-d-box"><span class="front">New Standard</span><span class="back">New Standard</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Compatibility" class="three-d">
+
-
Compatibility
+
-
<span class="three-d-box"><span class="front">Compatibility</span><span class="back">Compatibility</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Web-based_trial" class="three-d">
+
-
Web-Based Trial
+
-
<span class="three-d-box"><span class="front">Web-Based Trial</span><span class="back">Web-Based Trial</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Downloadsl" class="three-d">
+
-
Downloads
+
-
<span class="three-d-box"><span class="front">Downloads</span><span class="back">Downloads</span></span>
+
-
</a></li>
+
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements" class="three-d">
+
-
Requirements
+
<li><a class="sf-with-ul" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements">Requirements<span class="sf-sub-indicator"> &#187;</span></a>
-
<span class="three-d-box"><span class="front">Requirements</span><span class="back">Requirements</span></span>
+
<ul>
-
</a>
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements#HumanPractices">Human Practices</a></li>
-
<ul class="clearfix unstyled drop-menu">
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements#Safety">Safety</a></li>
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements#HumanPractices" class="three-d">
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements#collaboration">Collaboration</a></li>
-
Human Practices
+
-
<span class="three-d-box"><span class="front">Human Practices</span><span class="back">Human Practices</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements#Safety" class="three-d">
+
-
Safety
+
-
<span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span>
+
-
</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Requirements#Collaboration" class="three-d">
+
-
Collaboration
+
-
<span class="three-d-box"><span class="front">Collaboration</span><span class="back">Collaboration</span></span>
+
-
</a></li>
+
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Criteria" class="three-d">
+
-
Medal Fuifillments
+
<li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Criteria" >Medal Criteria</a></li>
-
<span class="three-d-box"><span class="front">Medal Fuifillments</span><span class="back">Medal Fuifillments</span></span>
+
-
</a></li>
+
        <li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Contact">Contact</a></li>
-
                <li><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Contact" class="three-d">
+
-
Contact
+
-
<span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
+
-
</a></li>
+
</ul>
</ul>
</div>
</div>
-
 
+
<br/><br/><br/>
-
<p><br/><br/></p>
+
<hr style="color:#7380AE; height:3px;" />
-
 
+
-
<hr color="#B09CC9" 3px/>
+
-
 
+
-
+
</body>
</body>
</html>
</html>

Latest revision as of 21:01, 28 October 2013