Team:Tuebingen

From 2013.igem.org

(Difference between revisions)
(→iGEM 2013: Team Tübingen)
(→iGEM 2013: Team Tübingen)
Line 4: Line 4:
{{:Team:Tuebingen/Template/Twitter}}
{{:Team:Tuebingen/Template/Twitter}}
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<title>Mainpage Team Tübingen</title>
<title>Mainpage Team Tübingen</title>
<style type="text/css">
<style type="text/css">
-
body {
+
body, input{
-
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
+
font-family: Calibri, Arial;
-
font-size: 12px;
+
}
}
-
.Group {
+
#accordion {
 +
list-style: none;
 +
padding: 0 0 0 0;
 +
width: 170px;
 +
}
 +
#accordion li{
display: block;
display: block;
-
height: 28px;
+
background-color: #FF9927;
-
width: 173px;
+
font-weight: bold;
-
background-image: url(Button_Group.jpg);
+
margin: 1px;
-
line-height: 27px;
+
cursor: pointer;
-
padding-left: 27px;
+
padding: 5 5 5 7px;
-
color: black;
+
list-style: circle;
-
text-decoration: none;
+
-moz-border-radius: 10px;
-
list-style-image:url(list_style_image.gif)
+
-webkit-border-radius: 10px;
 +
border-radius: 10px;
}
}
-
 
+
#accordion ul {
-
.Group:hover {
+
list-style: none;
-
color: red;
+
padding: 0 0 0 0;
-
text-decoration: underline;
+
display: none;
 +
}
 +
#accordion ul li{
 +
font-weight: normal;
 +
cursor: auto;
 +
background-color: #fff;
 +
padding: 0 0 0 7px;
}
}
-
 
+
#accordion a {
-
.Option {
+
-
display: block;
+
-
height: 28px;
+
-
width: 173px;
+
-
background-image: url(Button_Option.jpg);
+
-
line-height: 27px;
+
-
padding-left: 27px;
+
-
color: black;
+
text-decoration: none;
text-decoration: none;
}
}
-
 
+
#accordion a:hover {
-
.Option:hover {
+
-
color: red;
+
text-decoration: underline;
text-decoration: underline;
}
}
-
 
-
.show {
 
-
display:inline;
 
-
}
 
-
 
-
.hide {
 
-
display:none;
 
-
}
 
-
 
-
ul {
 
-
        list-style-type: none;
 
-
}
 
-
 
-
li {
 
-
list-style-type: none;
 
-
margin-left: -0.5em;
 
-
margin-top: -0.5em;
 
-
}
 
-
 
</style>
</style>
<script type="text/Javascript">
<script type="text/Javascript">
-
function display (category) {
+
$("#accordion > li").click(function(){
-
var whichcategory = document.getElementById(category);
+
 
-
if (whichcategory.className=="show") {
+
if(false == $(this).next().is(':visible')) {
-
whichcategory.className="hide";
+
$('#accordion > ul').slideUp(300);
-
} else {
+
-
whichcategory.className="show";
+
}
}
-
}
+
$(this).next().slideToggle(300);
-
 
+
});
 +
$('#accordion > ul:eq(0)').show();
</script>
</script>
</head>
</head>
<body>
<body>
-
<div title="Navigation">
+
<ul id="accordion">
-
<!-- http://www.tutorials-db.com/articles/Coding_a_Smooth_CSS_Expanding_Navigation/ -->
+
    <li>Project</li>
-
<a href="#" class="Group">Home</a>
+
        <ul>
 +
            <li><a href="#">Overview</a></li>
 +
            <li><a href="#">Motivation</a></li>
 +
            <li><a href="#">Element: Receptor</a></li>
 +
            <li><a href="#">Element: Inverter</a></li>
 +
<li><a href="#">Element: Reporter</a></li>
 +
<li><a href="#">Application</a></li>
 +
<li><a href="#">Safety</a></li>       
 +
</ul>
 +
   
 +
    <li>Team</li>
 +
        <ul>
 +
            <li><a href="#">About Us</a></li>
 +
            <li><a href="#">Attributions</a></li>
 +
            <li><a href="#">Official Roster</a></li>
 +
</ul>
 +
 +
    <li>Notebook</li>
 +
        <ul>
 +
            <li><a href="#">Protocols</a></li>
 +
            <li><a href="#">Weekly Journal</a></li>
 +
        </ul>
 +
 +
    <li><a href="#">Sponsorship</a></li>
-
        <a href="javascript:display('Project')" class="Group">Project</a>
+
    <li>Activities</li>
-
<div class="show" id="Project">
+
<ul>
-
<ul>
+
            <li><a href="#">SynBio-Day</a></li>
-
<li><a href="#" class="Option">Overview</a></li>
+
            <li><a href="#">DNA-Isolation @ KOSt</a></li>
-
<li><a href="#" class="Option">Motivation</a></li>
+
            <li><a href="#">Videogame</a></li>
-
<li><a href="#" class="Option">Element: "Receptor"</a></li>
+
         </ul>
-
<li><a href="#" class="Option">Element: "Inverter"</a></li>
+
-
<li><a href="#" class="Option">Element: "Reporter"</a></li>
+
<li>Results</li>  
-
</ul>
+
<ul>
-
</div>
+
<li><a href="#">Modelling</a></li>
-
 
+
<li><a href="#">Element: Receptor</a></li>
-
         <a href="javascript:display('Team')" class="Group">Team</a>
+
            <li><a href="#">Element: Inverter</a></li>
-
<div class="show" id="Team">
+
<li><a href="#">Element: Reporter</a></li>
-
<ul>
+
<li><a href="#">Shipped Parts</a></li>
-
<li><a href="#" class="Option">About us</a></li>
+
</ul>
-
<li><a href="#" class="Option">Attributions</a></li>
+
</ul>
-
<li><a href="#" class="Option">Element: "Official Roster"</a></li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
<a href="javascript:display('Notebook')" class="Group">Notebook</a>
+
-
<div class="show" id="Notebook">
+
-
<ul>
+
-
<li><a href="#" class="Option">Protocols</a></li>
+
-
<li><a href="#" class="Option">Weekly Journal</a></li>
+
-
</ul>
+
-
</div>
+
-
+
-
        <a href="#" class="Group">Sponsorship</a>
+
-
 
+
-
        <a href="javascript:display('Activities')" class="Group">Activities</a>
+
-
<div class="show" id="Activities">
+
-
<ul>
+
-
<li><a href="#" class="Option">SynBio-Day Tübingen</a></li>
+
-
<li><a href="#" class="Option">DNA-Isolation @ KOSt</a></li>
+
-
<li><a href="#" class="Option">Videogame</a></li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
        <a href="javascript:display('Results')" class="Group">Results</a>
+
-
<div class="show" id="Results">
+
-
<ul>
+
-
<li><a href="#" class="Option">Element: "Receptor"</a></li>
+
-
<li><a href="#" class="Option">Element: "Inverter"</a></li>
+
-
<li><a href="#" class="Option">Element: "Reporter"</a></li>
+
-
<li><a href="#" class="Option">Modelling</a></li>
+
-
<li><a href="#" class="Option">Contamination-Map</a></li>
+
-
<li><a href="#" class="Option">Shipped Parts</a></li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
<a href="#" class="Group">Contact</a>
+
-
</div>
+
</body>
</body>
</html>
</html>

Revision as of 20:43, 12 August 2013

Return to iGEM Main Page.

iGEM 2013: Team Tübingen

Mainpage Team Tübingen

Retrieved from "http://2013.igem.org/Team:Tuebingen"