|
|
Line 4: |
Line 4: |
| {{:Team:Tuebingen/Template/Tuebingen}} | | {{:Team:Tuebingen/Template/Tuebingen}} |
| {{:Team:Tuebingen/Template/AccordionNav}} | | {{:Team:Tuebingen/Template/AccordionNav}} |
- |
| |
- | <html>
| |
- |
| |
- | <head>
| |
- | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
| |
- | <title>Mainpage Team Tübingen</title>
| |
- |
| |
- | <style type="text/css">
| |
- | body, input{
| |
- | font-family: Arial;
| |
- | font-size: 0.8em;
| |
- | }
| |
- |
| |
- | <!-- Navigation -->
| |
- | #navigation {
| |
- | background-color: blue;
| |
- | }
| |
- |
| |
- | #accordion {
| |
- | list-style: none;
| |
- | padding: 0 0 0 0;
| |
- | width: 170px;
| |
- | }
| |
- | #accordion li{
| |
- | display: block;
| |
- | font-weight: bold;
| |
- | margin: 1px;
| |
- | cursor: pointer;
| |
- | padding: 5 5 5 7px;
| |
- | list-style: circle;
| |
- | -moz-border-radius: 10px;
| |
- | -webkit-border-radius: 10px;
| |
- | border-radius: 10px;
| |
- | }
| |
- | #accordion ul {
| |
- | list-style: none;
| |
- | padding: 0 0 0 0;
| |
- | display: none;
| |
- | }
| |
- | #accordion ul li{
| |
- | font-weight: normal;
| |
- | cursor: auto;
| |
- | background-color: #fff;
| |
- | padding: 0 0 0 7px;
| |
- | }
| |
- | #accordion a {
| |
- | text-decoration: none;
| |
- | }
| |
- | #accordion a:hover {
| |
- | text-decoration: underline;
| |
- | }
| |
- | <!-- /Navigation-->
| |
- |
| |
- | </style>
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | /*<p>Team Tübingen!</p>
| |
- |
| |
- | <!-- Navigation -->
| |
- | <div id="navigation">
| |
- | <ul id="accordion">
| |
- | <!-- http://viralpatel.net/blogs/create-accordion-menu-jquery/ -->
| |
- |
| |
- | <li><a href="#">Home</a></li>
| |
- | <ul></ul>
| |
- |
| |
- | <li>Project</li>
| |
- | <ul>
| |
- | <li><a href="/Team:Tuebingen/Project">Overview</a></li>
| |
- | <li><a href="/Team:Tuebingen/Motivation">Motivation</a></li>
| |
- | <li><a href="/Team:Tuebingen/Project_Receptor">Element: Receptor</a></li>
| |
- | <li><a href="/Team:Tuebingen/Project_Inverter">Element: Inverter</a></li>
| |
- | <li><a href="/Team:Tuebingen/Project_Reporter">Element: Reporter</a></li>
| |
- | <li><a href="/Team:Tuebingen/Appkication">Application</a></li>
| |
- | <li><a href="/Team:Tuebingen/Safety">Safety</a></li>
| |
- | </ul>
| |
- |
| |
- | <li>Team</li>
| |
- | <ul>
| |
- | <li><a href="/Team:Tuebingen/About">About Us</a></li>
| |
- | <li><a href="/Team:Tuebingen/Attributions">Attributions</a></li>
| |
- | <li><a href="/Team:Tuebingen/#">Official Roster</a></li>
| |
- | </ul>
| |
- |
| |
- | <li>Notebook</li>
| |
- | <ul>
| |
- | <li><a href="/Team:Tuebingen/Protocols">Protocols</a></li>
| |
- | <li><a href="/Team:Tuebingen/Journal">Weekly Journal</a></li>
| |
- | </ul>
| |
- |
| |
- | <li>Activities</li>
| |
- | <ul>
| |
- | <li><a href="/Team:Tuebingen/SynBio">SynBio-Day</a></li>
| |
- | <li><a href="/Team:Tuebingen/School">School-Project</a></li>
| |
- | <li><a href="/Team:Tuebingen/Videogame">Videogame</a></li>
| |
- | </ul>
| |
- |
| |
- | <li>Results</li>
| |
- | <ul>
| |
- | <li><a href="#">Modelling</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="#">Shipped Parts</a></li>
| |
- | </ul>
| |
- |
| |
- | <li><a href="#">Contact Us</a></li>
| |
- | </ul>
| |
- | </div>
| |
- | <!-- /Navigation -->
| |
- |
| |
- |
| |
- | <script>
| |
- |
| |
- | <!-- Navigation -->
| |
- | $("#accordion > li").click(function(){
| |
- |
| |
- | if(false == $(this).next().is(':visible')) {
| |
- | $('#accordion > ul').slideUp(300);
| |
- | }
| |
- | $(this).next().slideToggle(300);
| |
- | });
| |
- | <!-- /Navigation -->
| |
- |
| |
- | </script>
| |
- | */
| |
- | </body>
| |
- | </html>
| |