Template:Debrecen Hungary Menu
From 2011.igem.org
(Difference between revisions)
(43 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <!-- Include the header template. --> | ||
+ | {{Debrecen_Hungary_Header}} | ||
<html> | <html> | ||
<!-- Load the Mootools Framework --> | <!-- Load the Mootools Framework --> | ||
<script src="http://www.google.com/jsapi"></script> | <script src="http://www.google.com/jsapi"></script> | ||
- | <script>google.load("mootools", "1.2.1");</script> | + | <script type="text/javascript">google.load("mootools", "1.2.1");</script> |
- | + | ||
<script type="text/javascript" src="http://yourjavascript.com/15110914678/MenuMatic_0.68.3.js"></script> | <script type="text/javascript" src="http://yourjavascript.com/15110914678/MenuMatic_0.68.3.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
window.addEvent('domready', function() { | window.addEvent('domready', function() { | ||
- | var myMenu = new MenuMatic( | + | var myMenu = new MenuMatic(); |
+ | |||
+ | // Remove heading | ||
+ | $$('h1.firstHeading').dispose(); | ||
+ | var div = $('p-logo'); | ||
+ | var link = div.getElement('a'); | ||
+ | var image = link.getElement('img'); | ||
+ | link.setProperty('href', '/Team:Debrecen_Hungary'); | ||
+ | link.setProperty('title', 'Home'); | ||
+ | image.setProperty('src', 'https://static.igem.org/mediawiki/2011/5/58/Debrecen_Hungary_Logo_wide.png'); | ||
+ | div.setProperty('id', 'team-logo-div'); | ||
}); | }); | ||
</script> | </script> | ||
Line 34: | Line 45: | ||
#nav a{ | #nav a{ | ||
margin:0; | margin:0; | ||
+ | float:left; | ||
} | } | ||
Line 70: | Line 82: | ||
/* Parent Main Menu Links ---[javascript users only]*/ | /* Parent Main Menu Links ---[javascript users only]*/ | ||
.mainMenuParentBtn{ | .mainMenuParentBtn{ | ||
- | background: url(https://static.igem.org/mediawiki/2011/ | + | background: url(https://static.igem.org/mediawiki/2011/0/0f/Arrow_down.gif) right center no-repeat; |
} | } | ||
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/ | /* Parent Main Menu Links on hover or focus ---[javascript users only]*/ | ||
.mainMenuParentBtnFocused{ | .mainMenuParentBtnFocused{ | ||
- | background: url(https://static.igem.org/mediawiki/2011/ | + | background: url(https://static.igem.org/mediawiki/2011/0/02/Arrow_down_over.gif) right center no-repeat; |
} | } | ||
Line 91: | Line 103: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* All ULs and OLs */ | /* All ULs and OLs */ | ||
Line 108: | Line 111: | ||
line-height: 1em; | line-height: 1em; | ||
} | } | ||
+ | |||
+ | /* All submenu OLs and ULs */ | ||
+ | #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { | ||
+ | /*border around submenu goes here*/ | ||
+ | -moz-border-radius: 8px; | ||
+ | -webkit-border-radius: 8px; | ||
+ | background:#fff; | ||
+ | border:1px solid #C3D46A; | ||
+ | left:0; | ||
+ | } | ||
+ | |||
/* List items in main menu --[for non-javascript users this applies to submenus as well] */ | /* List items in main menu --[for non-javascript users this applies to submenus as well] */ | ||
Line 115: | Line 129: | ||
list-style:none; | list-style:none; | ||
position:relative; | position:relative; | ||
+ | float:left; | ||
} | } | ||
Line 124: | Line 139: | ||
#nav{ | #nav{ | ||
display:block; | display:block; | ||
- | |||
list-style:none; | list-style:none; | ||
- | + | margin: auto; | |
- | + | ||
z-index:5; | z-index:5; | ||
- | + | text-align:center; | |
- | + | width:777px; | |
- | + | padding-bottom: 55px; | |
} | } | ||
Line 149: | Line 162: | ||
width: 10em; | width: 10em; | ||
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ | margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ | ||
+ | margin-top:2.2em; | ||
} | } | ||
Line 156: | Line 170: | ||
/* lists nested under hovered list items */ | /* lists nested under hovered list items */ | ||
- | #nav li:hover ul{ margin-left: | + | #nav li:hover ul{ margin-left: 0; } |
- | #nav li li:hover ul { margin-left: 10em; } | + | #nav li li:hover ul { margin-left: 10em; margin-top:-2.5em;} |
/* extra positioning rules for limited noscript keyboard accessibility */ | /* extra positioning rules for limited noscript keyboard accessibility */ | ||
- | #nav li a:focus + ul { margin-left: | + | #nav li a:focus + ul { margin-left: 0; margin-top:2.2em; } |
- | #nav li li a:focus + ul { left: | + | #nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;} |
- | #nav li li a:focus {left: | + | #nav li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;} |
- | #nav li li li a:focus {left: | + | #nav li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;} |
#nav li:hover a:focus{ margin-left: 0; } | #nav li:hover a:focus{ margin-left: 0; } | ||
#nav li li:hover a:focus + ul { margin-left: 10em; } | #nav li li:hover a:focus + ul { margin-left: 10em; } | ||
</style> | </style> | ||
- | |||
<!-- Menu bar --> | <!-- Menu bar --> | ||
+ | <div style="width: 100%; text-align: center; margin:auto;"> | ||
<ul id="nav"> | <ul id="nav"> | ||
<li><a href="https://2011.igem.org/Team:Debrecen_Hungary"><span>Home</span></a></li> | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary"><span>Home</span></a></li> | ||
<li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team"><span>Team</span></a> | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team"><span>Team</span></a> | ||
<ul> | <ul> | ||
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team#About_the_team">Meet the team</a></li> |
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team#Gallery">Gallery</a></li> |
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team#Debrecen">About Debrecen</a></li> |
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team#University_of_Debrecen">University of Debrecen</a></li> |
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Team#The_Lab">The Lab</a></li> |
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project"><span>Project</span></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project#Abstract">Abstract</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project#Project_description">Description</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project#Basics">Basics</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project#The_Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project#Results">Results</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Project#Contributions_to_the_project">Contributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | |||
<li><a href="https://igem.org/Team.cgi?year=2011&team_name=Debrecen_Hungary"><span>Official Team Profile</span></a></li> | <li><a href="https://igem.org/Team.cgi?year=2011&team_name=Debrecen_Hungary"><span>Official Team Profile</span></a></li> | ||
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Parts"><span> | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Parts"><span>Submitted Parts</span></a></li> |
- | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Protocols"><span>Protocols</span></a> | |
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Sponsors"><span>Sponsors | + | <ul> |
- | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/ | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Protocols#Team.27s_notebook">Notebook</a></li> |
- | + | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Protocols#Protocols_of_Bacterial_work_and_cloning">Bacterial/Cloning</a></li> | |
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Protocols#Protocols_from_tissue_culture_room">Cell culture</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Protocols#Measurement_of_Luciferase_reporter">Luciferase</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Protocols#Apoptosis">Apoptosis</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/Sponsors"><span>Sponsors</span></a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/More"><span>More</span></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/More#Safety">Safety</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/More#Testing_of_arsenic_biosensor">Arsenic</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:Debrecen_Hungary/More#Hosting_High_School_Students">Hosting</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
+ | </div> | ||
</html> | </html> |
Latest revision as of 23:30, 21 September 2011