Team:Heidelberg/Templates/StartPage
From 2013.igem.org
(Difference between revisions)
JuliaS1992 (Talk | contribs) m |
|||
(23 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" /> | <link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" /> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
Line 14: | Line 15: | ||
rotateMenu("menu-safety", getMenuAngle(2.2), -1); | rotateMenu("menu-safety", getMenuAngle(2.2), -1); | ||
} | } | ||
- | window.onload = function() { | + | |
- | + | window.onload = function() { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
var drop_lists = document.getElementsByClassName("drop-navi-left"); | var drop_lists = document.getElementsByClassName("drop-navi-left"); | ||
for (var i = 0; i < drop_lists.length; i++) { | for (var i = 0; i < drop_lists.length; i++) { | ||
Line 50: | Line 45: | ||
} | } | ||
} | } | ||
+ | |||
} | } | ||
function start_tour() { | function start_tour() { | ||
Line 97: | Line 93: | ||
function rotateMenu(id, angle, factor) { | function rotateMenu(id, angle, factor) { | ||
if (factor !== undefined) | if (factor !== undefined) | ||
- | + | angle[0] *= factor; | |
var root = document.getElementById(id); | var root = document.getElementById(id); | ||
- | root.style = " | + | root.style.position = "relative"; |
+ | root.style.top = "calc(5.3em - " + angle[1] + "px)"; // 100px from #main-menu | ||
var children = root.children; | var children = root.children; | ||
for (var i = 0; i < children.length; ++i) { | for (var i = 0; i < children.length; ++i) { | ||
- | + | if (children[i].nodeName == "A") { | |
- | + | children[i].style.transform = "rotate(" + angle[0] + "rad)"; | |
+ | break; | ||
} | } | ||
} | } | ||
Line 115: | Line 113: | ||
</html> | </html> | ||
{{:Team:Heidelberg/Templates/TopNavigation}} | {{:Team:Heidelberg/Templates/TopNavigation}} | ||
- | |||
<html> | <html> | ||
- | |||
</p></div> <!-- end headline --> | </p></div> <!-- end headline --> | ||
</div> <!-- end top-matter --> | </div> <!-- end top-matter --> | ||
Line 143: | Line 139: | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | <a href="#top" id="goto-top">Go to top</a> | + | <!--<a href="#top" id="goto-top">Go to top</a>--> |
</html> | </html> |
Latest revision as of 11:09, 13 September 2013