Template:GoettingenHeader

From 2012.igem.org

(Difference between revisions)

Revision as of 19:20, 22 September 2012


Home Homepage News Team Members Focus Groups Seminars Work Impressions Project Our Project Results Discussion Lab Work Flow Notebook Overview Materials Methods Computational Data Bioinformatical Tools iGEM What is iGEM? Parts Submitted Attributions Safety > Göttingen City Georg-August-University Max-Planck-Institute S1-Demo Lab Human Practice Why Human Practice? Public and Media Survey Synthetic Biology Day Panel Discussion --> Flash Coli Sponsoring Interested in...?
Deutsch / English

@@ Line 11: / Line 11: @@
 <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 {
@@ Line 43: / Line 43: @@
 }
-/*hacks menubar links to do cool things*/
 #menubar a:link {color:transparent;}
 #menubar a:visited {color:transparent;}
@@ Line 49: / Line 48: @@
 #menubar a:active {color:gray;}
-#top-section { /*section with the buttons and search bar - might be bad to remove*/
+#top-section {
      border: 0px transparent solid;
      position:absolute;
      left:140px;
-    /*display:none;*/
 }
-#menubar { /*main menubar settings*/
+#menubar {
      background-color: transparent;
 }
-#menubar ul li a { /*menubar subcategory items*/
+#menubar ul li a {
      color: black;
 }
@@ Line 68: / Line 66: @@
 }
-/*============End original wiki mods============*/
+/*============ End original wiki mods ============*/
 h1.firstHeading { display: none; }
@@ Line 112: / Line 110: @@
 table#team_members h2, table#team_members h3 { clear: both; }
+/*-----------------------------------------------------------------------------------------------*/
-/*-----------------------------------------------------------------------------------------------*/
 div.MenuBar ul li ul.DropDownMenu {
    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 a:hover ul.DropDownMenu li a ul.SideMenu {
    display: none; /* Hides all side menus. */
 }
-/*------------------------------------------------------------------------------------- Menu Bar */
+/*--------------- Menu Bar */
 div.MenuBar {
    font: Verdana;
    height: 30px;
    width: 910px;
-  /*width: 100%*/
    margin: 0;
    border-top: 0;
@@ Line 160: / Line 153: @@
    text-align: center;
    width: 107px;
-   position: relative; /* Sets the positioning context for each drop-down menu. */
+   position: relative;
 }
@@ Line 167: / Line 160: @@
    display: block;
    background: #00446b;
-   height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+   height: 22px;
    color: white;
    padding-top: 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;
 }
-/*------------------------------------------------------------------------------ Drop-Down Menus */
+/*--------------- Drop-Down Menus */
 div.MenuBar ul li:hover ul.DropDownMenu,
 div.MenuBar ul li a:hover ul.DropDownMenu {
    display: block;
-   width: 10em; /* Drop-down menu width.
+   width: 10em;
-                  Use MenuTailor.css to customize. */
    height: 1em;
-   padding: 1px; /* Sets the drop-down menu "effective border" width. */
+   padding: 1px;
    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;
 }
 div.MenuBar ul li:hover ul.DropDownMenu li a,
 div.MenuBar ul li a:hover ul.DropDownMenu li a {
@@ Line 202: / Line 194: @@
    color: #FFFFFF;
 }
 ul.DropDownMenu li a span {
    display: block;
@@ Line 208: / Line 201: @@
    text-align: right; /* Aligns the >> symbol to the right. */
 }
 ul.DropDownMenu li a span span {
    float: left; /* Aligns the text (back) to the left. */
@@ Line 214: / Line 208: @@
    color: #FFFFFF;
 }
-/*----------------------------------------------------------------------------------- Side Menus */
+/*--------------- Side Menus */
 div.MenuBar ul li:hover ul.DropDownMenu li: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. */
 }
 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 {
@@ Line 237: / Line 234: @@
                              Use MenuTailor.css to customize. */
 }
 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. */
@@ Line 246: / Line 244: @@
                              Use MenuTailor.css to customize. */
 }
-/*----------------------------------------------------------------------------- Browser Specific */
+/*--------------- Browser Specific */
 * html div.MenuBar ul li a {
    float: left; /* Required for IE55 and IE6.
@@ Line 252: / Line 252: @@
                               Hidden (* html) from non-IE browsers. */
 }
 * html ul.DropDownMenu li a:hover {
    cursor: hand; /* Required for IE55.
                     Hidden (* html) from non-IE browsers. */
 }
 ul.DropDownMenu li a:hover {
    cursor: pointer; /* Required for IE6 and IE7.
                        Hidding it (* html) from non-IE browsers breaks IE7!
 }
 * html div.MenuBar a:hover {
    text-decoration: none; /* Required for IE55 and IE6.
                              Hidden (* html) from non-IE browsers. */
 }
 * html div.MenuBar ul li table,
 * html div.MenuBar ul li table td {
@@ Line 269: / Line 273: @@
                  Hidden (* html) from non-IE browsers. */
 }
-/*------------------------------------------------------------------------------- Default Colors */
+/*--------------- Default Colors */
 div.MenuBar {
    background-color: Menu;
    border-bottom: 1px solid ButtonShadow;
 }
 div.MenuBar a {
    background-color: Menu; /* Top-level unselected items. */
    color: MenuText;
 }
 div.MenuBar ul li:hover a,
 div.MenuBar ul li a:hover {
@@ Line 284: / Line 292: @@
    color: HighlightText;
 }
 /*...............................................................................................*/
 div.MenuBar ul li:hover ul.DropDownMenu,
 div.MenuBar ul li a:hover ul.DropDownMenu {
    background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
 }
 div.MenuBar ul li:hover ul.DropDownMenu li a,
 div.MenuBar ul li a:hover ul.DropDownMenu li a {
@@ Line 295: / Line 306: @@
    color: MenuText;
 }
 div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
 div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
@@ Line 300: / Line 312: @@
    color: HighlightText;
 }
 /*...............................................................................................*/
 div.MenuBar ul li:hover ul.DropDownMenu li: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. */
 }
 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 {
@@ Line 311: / Line 326: @@
    color: MenuText;
 }
 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 {
@@ Line 316: / Line 332: @@
    color: HighlightText;
 }
 /*-----------------------------------------------------------------------------------------------*/
-/*-------------------------------------------------------------------------------------- General */
+/*--------------- General */
 body {
    background: white;
@@ Line 330: / Line 348: @@
    font: 13px arial, helvetica, sans-serif;
 }
 div.MenuBar ul {
    font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
 }
 /*--------------------------------------------------------------------------------------- Colors */
 div.MenuBar {
    background-color: #0064C8; /* Selected item. */
@@ Line 339: / Line 360: @@
    border-bottom: 1px solid ButtonShadow;
 }
 div.MenuBar a,
 div.MenuBar ul li:hover ul.DropDownMenu li a,
@@ Line 347: / Line 369: @@
    color: #FFFFFF;
 }
 div.MenuBar ul li:hover a,
 div.MenuBar ul li a:hover,
@@ Line 356: / Line 379: @@
    color: #FFFFFF;
 }
 div.MenuBar ul li: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. */
 }
-/*--------------------------------------------------------------------------------------- Widths */
-/*
+/*--------------- Widths */
 /*
 Menu Bar 1
@@ Line 447: / Line 470: @@
                  <li><a href="https://2012.igem.org/Team:Goettingen" style="color: white;">Home</a>
                          <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>
                  </li>