Team:Tuebingen/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
 
(26 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>
Line 11: Line 15:
   margin-left: 0.5em;
   margin-left: 0.5em;
   position: relative;
   position: relative;
 +
  top: 0.5em,
}
}
Line 17: Line 22:
padding: 1em 0.2em 1em 0.2em;
padding: 1em 0.2em 1em 0.2em;
width: 170px;
width: 170px;
-
         font-size: 1.2em;
+
         font-size: 1.4em;
 +
        color: white;
 +
        font-family: 'Nunito', sans-serif;
 +
        position: relative;
}
}
#accordion li{
#accordion li{
Line 40: Line 48:
#accordion a {
#accordion a {
text-decoration: none;
text-decoration: none;
-
         color: black;
+
        font-weight: bold;
 +
         color: white;
}
}
#accordion a:hover {
#accordion a:hover {
Line 48: Line 57:
#navigation {
#navigation {
   background-color: #A51E37;
   background-color: #A51E37;
-
   width: 16em;
+
   width: 18em;
-
   height: 90em;
+
   height: 72.3em;
}
}
<!-- /Navigation-->
<!-- /Navigation-->
Line 61: 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 70: 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 100: 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 122: 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