Team:Tuebingen/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
 +
 +
<!-- Accordion-Menu: http://viralpatel.net/blogs/create-accordion-menu-jquery/ -->
 +
 +
<link href='http://fonts.googleapis.com/css?family=Nunito:700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<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, input{
 
-
font-family: Arial;
 
-
        font-size: 0.8em;
 
-
}
 
<!-- Navigation -->
<!-- Navigation -->
#navigation {
#navigation {
-
background-color: blue;
+
  margin-left: 0.5em;
 +
  position: relative;
 +
  top: 0.5em,
}
}
#accordion {
#accordion {
list-style: none;
list-style: none;
-
padding: 0 0 0 0;
+
padding: 1em 0.2em 1em 0.2em;
width: 170px;
width: 170px;
 +
        font-size: 1.4em;
 +
        color: white;
 +
        font-family: 'Nunito', sans-serif;
 +
        position: relative;
}
}
#accordion li{
#accordion li{
Line 28: Line 34:
padding: 5 5 5 7px;
padding: 5 5 5 7px;
list-style: circle;
list-style: circle;
-
-moz-border-radius: 10px;
 
-
-webkit-border-radius: 10px;
 
-
border-radius: 10px;
 
}
}
#accordion ul {
#accordion ul {
Line 40: Line 43:
font-weight: normal;
font-weight: normal;
cursor: auto;
cursor: auto;
-
background-color: #fff;
+
background-color: transparent;
padding: 0 0 0 7px;
padding: 0 0 0 7px;
}
}
#accordion a {
#accordion a {
text-decoration: none;
text-decoration: none;
 +
        font-weight: bold;
 +
        color: white;
}
}
#accordion a:hover {
#accordion a:hover {
text-decoration: underline;
text-decoration: underline;
 +
}
 +
 +
#navigation {
 +
  background-color: #A51E37;
 +
  width: 18em;
 +
  height: 72.3em;
}
}
<!-- /Navigation-->
<!-- /Navigation-->
Line 59: Line 70:
<div id="navigation">
<div id="navigation">
<ul id="accordion">
<ul id="accordion">
-
<!-- http://viralpatel.net/blogs/create-accordion-menu-jquery/ -->
 
     <li><a href="/Team:Tuebingen">Home</a></li>
     <li><a href="/Team:Tuebingen">Home</a></li>
Line 68: Line 78:
             <li><a href="/Team:Tuebingen/Project/Overwiew">Overview</a></li>
             <li><a href="/Team:Tuebingen/Project/Overwiew">Overview</a></li>
             <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li>
             <li><a href="/Team:Tuebingen/Project/Motivation">Motivation</a></li>
-
             <li><a href="/Team:Tuebingen/Project/Receptor">Element: Receptor</a></li>
+
             <li><a href="/Team:Tuebingen/Project/Receptor">Receptor</a></li>
-
             <li><a href="/Team:Tuebingen/Project/Inverter">Element: Inverter</a></li>
+
             <li><a href="/Team:Tuebingen/Project/Inverter">Inverter</a></li>
-
             <li><a href="/Team:Tuebingen/Project/Reporter">Element: Reporter</a></li>
+
             <li><a href="/Team:Tuebingen/Project/Reporter">Reporter</a></li>
    <li><a href="/Team:Tuebingen/Project/Appkication">Application</a></li>
    <li><a href="/Team:Tuebingen/Project/Appkication">Application</a></li>
    <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li>         
    <li><a href="/Team:Tuebingen/Project/Safety">Safety</a></li>         
Line 98: Line 108:
<ul>
<ul>
    <li><a href="/Team:Tuebingen/Results/Modelling">Modelling</a></li>
    <li><a href="/Team:Tuebingen/Results/Modelling">Modelling</a></li>
-
             <li><a href="/Team:Tuebingen/Results/Receptor">Element: Receptor</a></li>
+
             <li><a href="/Team:Tuebingen/Results/Overview">Overview</a></li>
-
             <li><a href="/Team:Tuebingen/Results/Inverter">Element: Inverter</a></li>
+
            <li><a href="/Team:Tuebingen/Results/Receptor">Receptor</a></li>
-
    <li><a href="/Team:Tuebingen/Results/Reporter">Element: Reporter</a></li>
+
             <li><a href="/Team:Tuebingen/Results/Inverter">Inverter</a></li>
 +
    <li><a href="/Team:Tuebingen/Results/Reporter">Reporter</a></li>
             <li><a href="/Team:Tuebingen/Results/ShippedParts">Shipped Parts</a></li>
             <li><a href="/Team:Tuebingen/Results/ShippedParts">Shipped Parts</a></li>
         </ul>
         </ul>
Line 120: Line 131:
$(this).next().slideToggle(300);
$(this).next().slideToggle(300);
});
});
 +
 +
$('#accordion ul:eq(1)').show();
<!-- /Navigation -->
<!-- /Navigation -->

Latest revision as of 23:35, 20 August 2013

Mainpage Team Tübingen

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