Template:GoettingenHeader
From 2012.igem.org
(Difference between revisions)
(18 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
<style> | <style> | ||
- | /*============ | + | /*============ This section modifies the original wiki template ============*/ |
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, .editsection { | #contentSub, #search-controls, .firstHeading, #catlinks, #p-logo, .editsection { | ||
Line 43: | Line 43: | ||
} | } | ||
- | |||
#menubar a:link {color:transparent;} | #menubar a:link {color:transparent;} | ||
#menubar a:visited {color:transparent;} | #menubar a:visited {color:transparent;} | ||
Line 49: | Line 48: | ||
#menubar a:active {color:gray;} | #menubar a:active {color:gray;} | ||
- | #top-section { | + | #top-section { |
border: 0px transparent solid; | border: 0px transparent solid; | ||
position:absolute; | position:absolute; | ||
left:140px; | left:140px; | ||
- | |||
} | } | ||
- | #menubar { | + | #menubar { |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
- | #menubar ul li a { | + | #menubar ul li a { |
color: black; | color: black; | ||
} | } | ||
Line 68: | Line 66: | ||
} | } | ||
- | /*============End original wiki mods============*/ | + | /*============ End original wiki mods ============*/ |
h1.firstHeading { display: none; } | h1.firstHeading { display: none; } | ||
Line 76: | Line 74: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 20px; | font-size: 20px; | ||
+ | margin-top: 25px; | ||
} | } | ||
Line 102: | Line 101: | ||
} | } | ||
- | + | a:link { color: #00446d; text-decoration: none} | |
- | a:link { color: # | + | a:visited { color:#00446d; text-decoration: none} |
- | a:visited { color:# | + | a:hover { color:#fe7e00; text-decoration: none} |
- | a:hover { color:# | + | a:active { color:#fe7e00; text-decoration: none} |
- | a:active { color:# | + | |
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | ||
Line 113: | Line 111: | ||
table#team_members h2, table#team_members h3 { clear: both; } | table#team_members h2, table#team_members h3 { clear: both; } | ||
+ | /*-----------------------------------------------------------------------------------------------*/ | ||
- | |||
div.MenuBar ul li ul.DropDownMenu { | div.MenuBar ul li ul.DropDownMenu { | ||
display: none; /* Hides all drop-down menus. */ | display: none; /* Hides all drop-down menus. */ | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu, | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu { | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu { | ||
display: none; /* Hides all side menus. */ | display: none; /* Hides all side menus. */ | ||
} | } | ||
- | /* | + | |
+ | /*--------------- Menu Bar */ | ||
div.MenuBar { | div.MenuBar { | ||
font: Verdana; | font: Verdana; | ||
height: 30px; | height: 30px; | ||
width: 910px; | width: 910px; | ||
- | |||
margin: 0; | margin: 0; | ||
border-top: 0; | border-top: 0; | ||
Line 161: | Line 154: | ||
text-align: center; | text-align: center; | ||
width: 107px; | width: 107px; | ||
- | position: relative; | + | position: relative; |
} | } | ||
Line 168: | Line 161: | ||
display: block; | display: block; | ||
background: #00446b; | background: #00446b; | ||
- | height: 22px; | + | height: 22px; |
color: white; | color: white; | ||
padding-top: 4px; | padding-top: 4px; | ||
padding-bottom: 4px; | padding-bottom: 4px; | ||
- | padding-left: 1em; | + | padding-left: 1em; |
- | padding-right: 1em; | + | padding-right: 1em; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | /* | + | /*--------------- Drop-Down Menus */ |
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
display: block; | display: block; | ||
- | width: 10em; | + | width: 10em; |
- | + | ||
height: 1em; | height: 1em; | ||
- | padding: 1px; | + | padding: 1px; |
position: absolute; | position: absolute; | ||
- | top: 28px; | + | top: 28px; |
- | + | left: 0; | |
- | left: 0; | + | background-color: #A3C0E0; |
- | background-color: #A3C0E0; | + | |
color: #FFFFFF; | color: #FFFFFF; | ||
- | |||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a { | ||
Line 203: | Line 195: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
+ | |||
ul.DropDownMenu li a span { | ul.DropDownMenu li a span { | ||
display: block; | display: block; | ||
Line 209: | Line 202: | ||
text-align: right; /* Aligns the >> symbol to the right. */ | text-align: right; /* Aligns the >> symbol to the right. */ | ||
} | } | ||
+ | |||
ul.DropDownMenu li a span span { | ul.DropDownMenu li a span span { | ||
float: left; /* Aligns the text (back) to the left. */ | float: left; /* Aligns the text (back) to the left. */ | ||
Line 215: | Line 209: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
- | /* | + | |
+ | /*--------------- Side Menus */ | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | ||
Line 229: | Line 225: | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | ||
Line 238: | Line 235: | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
} | } | ||
+ | |||
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span { | div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span { | ||
padding-left: 1.5em; /* Sets the left space of each side menu item. */ | padding-left: 1.5em; /* Sets the left space of each side menu item. */ | ||
Line 247: | Line 245: | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
} | } | ||
- | /* | + | |
+ | /*--------------- Browser Specific */ | ||
+ | |||
* html div.MenuBar ul li a { | * html div.MenuBar ul li a { | ||
float: left; /* Required for IE55 and IE6. | float: left; /* Required for IE55 and IE6. | ||
Line 253: | Line 253: | ||
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
+ | |||
* html ul.DropDownMenu li a:hover { | * html ul.DropDownMenu li a:hover { | ||
cursor: hand; /* Required for IE55. | cursor: hand; /* Required for IE55. | ||
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
+ | |||
ul.DropDownMenu li a:hover { | ul.DropDownMenu li a:hover { | ||
cursor: pointer; /* Required for IE6 and IE7. | cursor: pointer; /* Required for IE6 and IE7. | ||
Hidding it (* html) from non-IE browsers breaks IE7! | Hidding it (* html) from non-IE browsers breaks IE7! | ||
} | } | ||
+ | |||
* html div.MenuBar a:hover { | * html div.MenuBar a:hover { | ||
text-decoration: none; /* Required for IE55 and IE6. | text-decoration: none; /* Required for IE55 and IE6. | ||
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
+ | |||
* html div.MenuBar ul li table, | * html div.MenuBar ul li table, | ||
* html div.MenuBar ul li table td { | * html div.MenuBar ul li table td { | ||
Line 270: | Line 274: | ||
Hidden (* html) from non-IE browsers. */ | Hidden (* html) from non-IE browsers. */ | ||
} | } | ||
- | /* | + | |
+ | /*--------------- Default Colors */ | ||
+ | |||
div.MenuBar { | div.MenuBar { | ||
background-color: Menu; | background-color: Menu; | ||
border-bottom: 1px solid ButtonShadow; | border-bottom: 1px solid ButtonShadow; | ||
} | } | ||
+ | |||
div.MenuBar a { | div.MenuBar a { | ||
background-color: Menu; /* Top-level unselected items. */ | background-color: Menu; /* Top-level unselected items. */ | ||
color: MenuText; | color: MenuText; | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover a, | div.MenuBar ul li:hover a, | ||
div.MenuBar ul li a:hover { | div.MenuBar ul li a:hover { | ||
Line 285: | Line 293: | ||
color: HighlightText; | color: HighlightText; | ||
} | } | ||
+ | |||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */ | background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */ | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a { | ||
Line 296: | Line 307: | ||
color: MenuText; | color: MenuText; | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li:hover a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { | ||
Line 301: | Line 313: | ||
color: HighlightText; | color: HighlightText; | ||
} | } | ||
+ | |||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | ||
background-color: ButtonShadow; /* Sets the side menu "effective border" color. */ | background-color: ButtonShadow; /* Sets the side menu "effective border" color. */ | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | ||
Line 312: | Line 327: | ||
color: MenuText; | color: MenuText; | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | ||
Line 317: | Line 333: | ||
color: HighlightText; | color: HighlightText; | ||
} | } | ||
+ | |||
/*-----------------------------------------------------------------------------------------------*/ | /*-----------------------------------------------------------------------------------------------*/ | ||
- | /* | + | /*--------------- General */ |
+ | |||
body { | body { | ||
background: white; | background: white; | ||
Line 331: | Line 349: | ||
font: 13px arial, helvetica, sans-serif; | font: 13px arial, helvetica, sans-serif; | ||
} | } | ||
+ | |||
div.MenuBar ul { | div.MenuBar ul { | ||
font: 13px arial, helvetica, sans-serif; /* Required for IE55. */ | font: 13px arial, helvetica, sans-serif; /* Required for IE55. */ | ||
} | } | ||
+ | |||
/*--------------------------------------------------------------------------------------- Colors */ | /*--------------------------------------------------------------------------------------- Colors */ | ||
+ | |||
div.MenuBar { | div.MenuBar { | ||
background-color: #0064C8; /* Selected item. */ | background-color: #0064C8; /* Selected item. */ | ||
Line 340: | Line 361: | ||
border-bottom: 1px solid ButtonShadow; | border-bottom: 1px solid ButtonShadow; | ||
} | } | ||
+ | |||
div.MenuBar a, | div.MenuBar a, | ||
div.MenuBar ul li:hover ul.DropDownMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li a, | ||
Line 348: | Line 370: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover a, | div.MenuBar ul li:hover a, | ||
div.MenuBar ul li a:hover, | div.MenuBar ul li a:hover, | ||
Line 357: | Line 380: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
+ | |||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu, | div.MenuBar ul li a:hover ul.DropDownMenu, | ||
Line 363: | Line 387: | ||
background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */ | background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */ | ||
} | } | ||
- | |||
- | |||
+ | /*--------------- Widths */ | ||
/* | /* | ||
Menu Bar 1 | Menu Bar 1 | ||
Line 442: | Line 465: | ||
<table cellspacing="0" cellpadding="0"> | <table cellspacing="0" cellpadding="0"> | ||
- | <tr width="900px"><td colspan="2" id="header"><img src="https://static.igem.org/mediawiki/ | + | <tr width="900px"><td colspan="2" id="header"><img src="https://static.igem.org/mediawiki/igem.org/5/54/Header_neu.jpg" alt="Team Goettingen"></td></tr> |
<tr><td colspan="2" > | <tr><td colspan="2" > | ||
<div class="MenuBar" id="navi"> | <div class="MenuBar" id="navi"> | ||
Line 448: | Line 471: | ||
<li><a href="https://2012.igem.org/Team:Goettingen" style="color: white;">Home</a> | <li><a href="https://2012.igem.org/Team:Goettingen" style="color: white;">Home</a> | ||
<ul class="DropDownMenu" id="MB1-DDM2-SM3"> | <ul class="DropDownMenu" id="MB1-DDM2-SM3"> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/News"><span><span>News</span></span></a></li> | + | <li><a href="https://2012.igem.org/Team:Goettingen"><span><span>Homepage</span></span></a></li> |
+ | <li><a href="https://2012.igem.org/Team:Goettingen/News"><span><span>News</span></span></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 463: | Line 487: | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Project"><span><span>Our Project</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Project"><span><span>Our Project</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Results"><span><span>Results</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Results"><span><span>Results</span></span></a></li> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Discussion"><span><span>Discussion</span></span></a></li> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Discussion"><span><span>Discussion/Outlook</span></span></a></li> |
- | <li><a href="https://2012.igem.org/Team:Goettingen/Project/ | + | <li><a href="https://2012.igem.org/Team:Goettingen/Project/Lab_Work_Flow_eng"><span><span>Lab Work Flow</span></span></a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 487: | Line 511: | ||
<ul class="DropDownMenu" id="MB1-DDM5"> | <ul class="DropDownMenu" id="MB1-DDM5"> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Goettingen"><span><span>City</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen"><span><span>City</span></span></a></li> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/University"><span><span> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/University"><span><span>University of Göttingen</span></span></a></li> |
<li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/MPI"><span><span>Max-Planck-Institute</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/MPI"><span><span>Max-Planck-Institute</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/S1-Demo_Lab"><span><span>S1-Demo Lab</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/S1-Demo_Lab"><span><span>S1-Demo Lab</span></span></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li style="width: 160px"><a href="https://2012.igem.org/Team:Goettingen/Human_Practice" style="color: white;">Human Practice | + | <li style="width: 160px"><a href="https://2012.igem.org/Team:Goettingen/Human_Practice" style="color: white;">Human Practice</a> |
<ul class="DropDownMenu" id="MB1-DDM5"> | <ul class="DropDownMenu" id="MB1-DDM5"> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice"><span><span> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice"><span><span>Our Human Practice Projects</span></span></a></li> |
<li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Public_and_Media"><span><span>Public and Media</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Public_and_Media"><span><span>Public and Media</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Survey"><span><span>Survey</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Survey"><span><span>Survey</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Synthetic_Biology_Day"><span><span>Synthetic Biology Day</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Synthetic_Biology_Day"><span><span>Synthetic Biology Day</span></span></a></li> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Panel_Discussion"><span><span>Panel Discussion</span></span></a></li | + | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Panel_Discussion"><span><span>Panel Discussion</span></span></a></li> |
<li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Flash_coli"><span><span>Flash Coli</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Flash_coli"><span><span>Flash Coli</span></span></a></li> | ||
</ul> | </ul> | ||
Line 504: | Line 528: | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring" style="color: white;">Sponsoring</a> | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring" style="color: white;">Sponsoring</a> | ||
<ul class="DropDownMenu" id="MB1-DDM2-SM3"> | <ul class="DropDownMenu" id="MB1-DDM2-SM3"> | ||
- | + | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring#Sponsors"><span><span>Our Sponsors</span></span></a></li> | |
+ | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring#Interested_in_Sponsoring.3F"><span><span>Interested in...?</span></span></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 510: | Line 535: | ||
</div> | </div> | ||
</td></tr> | </td></tr> | ||
- | <tr | + | <tr> |
- | <td width=" | + | <td width="865px" style="padding-top: 10px; font-size:13px; font-family:Verdana" align="right"><a href="https://2012.igem.org/</html>{{{deu}}}<html>">Deutsch <img src="https://static.igem.org/mediawiki/2012/c/c7/FlagGer.jpg" height="20px"></a> / <a href="https://2012.igem.org/</html>{{{eng}}}<html>">English <img src="https://static.igem.org/mediawiki/2012/8/8f/FlagGB.jpg" height="20px"></a></td> |
- | <td width=" | + | <td width="35px" style="padding-top: 10px; font-size:13px; font-family:Verdana" align="right"><a href="http://www.facebook.com/pages/IGEM-Team-G%C3%B6ttingen/350059708408007"><img src="https://static.igem.org/mediawiki/2012/f/fd/Facebook.jpg" height="20px"></a></td></tr> |
</table> | </table> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:50, 27 September 2012
![]() | |
Deutsch ![]() ![]() |
![]() |