Template:GoettingenHeader deu
From 2012.igem.org
(Difference between revisions)
(9 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 69: | Line 66: | ||
} | } | ||
- | /*============End original wiki mods============*/ | + | /*============ End original wiki mods ============*/ |
h1.firstHeading { display: none; } | h1.firstHeading { display: none; } | ||
Line 89: | Line 86: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 12px; | font-size: 12px; | ||
+ | text-decoration: underline; | ||
} | } | ||
- | p, table { | + | p, table, ul, ol { |
text-align: justify; | text-align: justify; | ||
font-family: Verdana; | font-family: Verdana; | ||
Line 99: | Line 97: | ||
text-align: justify; | text-align: justify; | ||
font-family: Verdana; | font-family: Verdana; | ||
- | font-size: | + | font-size: 9pt; |
} | } | ||
- | a:link { color: # | + | a:link { color: #00446d; text-decoration: none} |
- | a:visited { color:# | + | a:visited { color:#00446d; text-decoration: none} |
- | a:hover { color:# | + | a:hover { color:#fe7e00; text-decoration: none} |
- | a:active { color:# | + | a:active { color:#fe7e00; text-decoration: none} |
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | ||
Line 111: | Line 109: | ||
table#team_members { text-align: justify; border: 0; } | table#team_members { text-align: justify; border: 0; } | ||
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 160: | Line 153: | ||
text-align: center; | text-align: center; | ||
width: 107px; | width: 107px; | ||
- | position: relative; | + | position: relative; |
} | } | ||
Line 167: | Line 160: | ||
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 202: | Line 194: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
+ | |||
ul.DropDownMenu li a span { | ul.DropDownMenu li a span { | ||
display: block; | display: block; | ||
Line 208: | Line 201: | ||
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 214: | Line 208: | ||
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 228: | Line 224: | ||
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 237: | Line 234: | ||
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 246: | Line 244: | ||
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 252: | Line 252: | ||
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 269: | Line 273: | ||
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 284: | Line 292: | ||
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 295: | Line 306: | ||
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 300: | Line 312: | ||
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 311: | Line 326: | ||
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 316: | Line 332: | ||
color: HighlightText; | color: HighlightText; | ||
} | } | ||
+ | |||
/*-----------------------------------------------------------------------------------------------*/ | /*-----------------------------------------------------------------------------------------------*/ | ||
- | /* | + | /*--------------- General */ |
+ | |||
body { | body { | ||
background: white; | background: white; | ||
Line 330: | Line 348: | ||
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 339: | Line 360: | ||
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 347: | Line 369: | ||
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 356: | Line 379: | ||
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 362: | Line 386: | ||
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 441: | Line 464: | ||
<table cellspacing="0" cellpadding="0"> | <table cellspacing="0" cellpadding="0"> | ||
- | <tr width="900px"><td id="header" colspan="2"><img src="https://static.igem.org/mediawiki/2012/ | + | <tr width="900px"><td id="header" colspan="2"><img src="https://static.igem.org/mediawiki/2012/0/00/Header_deutsch_2.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 447: | Line 470: | ||
<li><a href="https://2012.igem.org/Team:Goettingen/main_deu" style="color: white;">Home</a> | <li><a href="https://2012.igem.org/Team:Goettingen/main_deu" 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/main_deu"><span><span>Homepage</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/News_deu"><span><span>News</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/News_deu"><span><span>News</span></span></a></li> | ||
</ul> | </ul> | ||
Line 461: | Line 485: | ||
<ul class="DropDownMenu" id="MB1-DDM2-SM3"> | <ul class="DropDownMenu" id="MB1-DDM2-SM3"> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Project_deu"><span><span>Unser Projekt</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Project_deu"><span><span>Unser Projekt</span></span></a></li> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/ | + | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Results"><span><span>Ergebnisse</span></span></a></li> |
- | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Discussion"><span><span>Diskussion</span></span></a></li> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Notebook/Discussion"><span><span>Diskussion/Ausblick</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_deu"><span><span>Labor Workflow</span></span></a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 486: | Line 510: | ||
<ul class="DropDownMenu" id="MB1-DDM5"> | <ul class="DropDownMenu" id="MB1-DDM5"> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Goettingen_deu"><span><span>Die Stadt</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen_deu"><span><span>Die Stadt</span></span></a></li> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/University_deu"><span><span> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/University_deu"><span><span>Universität Göttingen</span></span></a></li> |
<li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/MPI_deu"><span><span>Max-Planck-Institut</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/MPI_deu"><span><span>Max-Planck-Institut</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/S1-Demo_Lab_deu"><span><span>S1-Demo Labor</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Goettingen/S1-Demo_Lab_deu"><span><span>S1-Demo Labor</span></span></a></li> | ||
Line 494: | Line 518: | ||
<li style="width: 160px"><a href="https://2012.igem.org/Team:Goettingen/Human_Practice_deu" style="color: white;">Human Practice</a> | <li style="width: 160px"><a href="https://2012.igem.org/Team:Goettingen/Human_Practice_deu" 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_deu"><span><span> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice_deu"><span><span>Unsere Human Practice Projekte</span></span></a></li> |
<li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Public_and_Media_deu"><span><span>Öffentlichkeit und Medien</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Public_and_Media_deu"><span><span>Öffentlichkeit und Medien</span></span></a></li> | ||
<li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Survey_deu"><span><span>Umfrage</span></span></a></li> | <li><a href="https://2012.igem.org/Team:Goettingen/Human_Practice/Survey_deu"><span><span>Umfrage</span></span></a></li> | ||
Line 502: | Line 526: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring_deu" style="color: white;"> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring_deu" style="color: white;">Sponsoren</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_deu"><span><span>Interessiert am...?</span></span></a></li> | + | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring_deu#Sponsors"><span><span>Unsere Sponsoren</span></span></a></li> |
+ | <li><a href="https://2012.igem.org/Team:Goettingen/Sponsoring_deu#Interessiert_am_Sponsoring.3F"><span><span>Interessiert am...?</span></span></a></li> | ||
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 01:52, 27 September 2012
Deutsch / English |