Template:GoettingenHeader deu

From 2012.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 11: Line 11:
<style>
<style>
-
/*============the following section is hacking the original wiki template============*/
+
/*============ 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:
}
}
-
/*hacks menubar links to do cool things*/
 
#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 { /*section with the buttons and search bar - might be bad to remove*/
+
     border: 0px transparent solid;
     border: 0px transparent solid;
     position:absolute;
     position:absolute;
     left:140px;
     left:140px;
-
    /*display:none;*/
 
}
}
-
#menubar { /*main menubar settings*/
+
#menubar {  
     background-color: transparent;  
     background-color: transparent;  
}
}
-
#menubar ul li a { /*menubar subcategory items*/
+
#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: 10pt;
+
font-size: 9pt;
}
}
-
a:link { color: #004080; text-decoration: none}
+
a:link { color: #00446d; text-decoration: none}
-
a:visited { color:##003090; text-decoration: none}
+
a:visited { color:#00446d; text-decoration: none}
-
a:hover { color:#f29400; text-decoration: none}
+
a:hover { color:#fe7e00; text-decoration: none}
-
a:active { color:#f29400; text-decoration: none}
+
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. */
-
 
}
}
-
/*
+
 
-
li:hover works in IE7 and FF2.
+
-
a:hover works in IE6 and FF2.
+
-
a:hover breaks li:hover in FF2.
+
-
*/
+
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 */
+
 
 +
/*--------------- Menu Bar */
div.MenuBar {
div.MenuBar {
   font: Verdana;
   font: Verdana;
   height: 30px;
   height: 30px;
   width: 910px;
   width: 910px;
-
  /*width: 100%*/
 
   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; /* Sets the positioning context for each drop-down menu. */
+
   position: relative;
}
}
Line 167: Line 160:
   display: block;
   display: block;
   background: #00446b;
   background: #00446b;
-
   height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
   height: 22px;
   color: white;
   color: white;
   padding-top: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-bottom: 4px;
-
   padding-left: 1em; /* Sets the left space between top-level items. */
+
   padding-left: 1em;  
-
   padding-right: 1em; /* Sets the right space between top-level items. */
+
   padding-right: 1em;  
   text-decoration: none;
   text-decoration: none;
}
}
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
/*--------------- 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; /* Drop-down menu width.
+
   width: 10em;  
-
                  Use MenuTailor.css to customize. */
+
   height: 1em;
   height: 1em;
-
   padding: 1px; /* Sets the drop-down menu "effective border" width. */
+
   padding: 1px;
   position: absolute;
   position: absolute;
-
   top: 28px; /* Places the drop-down menu under the menu bar.
+
   top: 28px;  
-
                Keep it sync with the menu bar height. */
+
   left: 0;  
-
   left: 0; /* Aligns the drop-down menu to its top-level item. */
+
   background-color: #A3C0E0;
-
   background-color: #A3C0E0; /* Selected item. */
+
   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 */
+
 
 +
/*--------------- 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 */
+
 
 +
/*--------------- 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 */
+
 
 +
/*--------------- 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 */
+
/*--------------- 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 */
 
-
/*
 
 +
/*--------------- 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"><img src="https://static.igem.org/mediawiki/2012/4/41/HeadpicTeamGoettingen.jpg" alt="Team Goettingen"></td></tr>
+
<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>
+
<tr><td colspan="2">
<div class="MenuBar" id="navi">
<div class="MenuBar" id="navi">
<ul>
<ul>
<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/Results_deu"><span><span>Ergebnisse</span></span></a></li>
+
<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/Lab_Work_Flow"><span><span>Labor Workflow</span></span></a></li>
+
<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>Georg-August-Universität</span></span></a></li>
+
<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>Warum Human Practice?</span></span></a></li>
+
<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;">Sponsoring</a>
+
<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