|
|
Line 1: |
Line 1: |
| <!-- ------------------------------------------------From 2011 Macquarie--------------------------------------------- --> | | <!-- ------------------------------------------------From 2011 Macquarie--------------------------------------------- --> |
- | | + | <!-- ------------------------------ Gets rid of the top and bottom iGEM page bits ------------------------------- --> |
| | | |
| <html> | | <html> |
Line 200: |
Line 200: |
| | | |
| <!-- End of Wiki Hacks --> | | <!-- End of Wiki Hacks --> |
- |
| |
- |
| |
- |
| |
| | | |
| | | |
Line 209: |
Line 206: |
| | | |
| | | |
- | | + | <!-- --------------------------------------------From 2009 UQ------------------------------------------------- --> |
- | | + | <!-- ----------------------------- Gives the background and text colours ------------------------------------- --> |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- -------------------------------------------------From 2009 UQ--------------------------------------------------- --> | + | |
- | | + | |
| | | |
| __NOTOC__ | | __NOTOC__ |
Line 229: |
Line 218: |
| p {text-align: justify;} | | p {text-align: justify;} |
| | | |
- | a:link { color: #603371; text-decoration: none} | + | a:link { color: #772288; text-decoration: none} |
- | a:visited { color:#603371; text-decoration: none} | + | a:visited { color:#558822; text-decoration: none} |
- | a:hover { color:#f29400; text-decoration: none} | + | a:hover { color:#D4A017; text-decoration: none} |
- | a:active { color:#f29400; text-decoration: none} | + | a:active { color:#D4A017; text-decoration: none} |
| | | |
| #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } |
Line 239: |
Line 228: |
| 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 {
| |
- | 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 */
| |
- | div.MenuBar {
| |
- | font: arial, helvetica, sans-serif;
| |
- | height: 50px;
| |
- | width: 910px;
| |
- | /*width: 100%*/
| |
- | margin: 0;
| |
- | border-top: 0;
| |
- | border-right: 0;
| |
- | border-left: 0;
| |
- | padding: 0;
| |
- | background: black;
| |
- |
| |
- | }
| |
- | div.MenuBar ul {
| |
- | font: arial, helvetica, sans-serif;
| |
- | text-align: center;
| |
- | list-style-type: none;
| |
- | margin: 0;
| |
- | border: 0;
| |
- | padding: 0;
| |
- | background: black;
| |
- | }
| |
- | div.MenuBar ul li {
| |
- | font: arial, helvetica, sans-serif;
| |
- | display: block;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | font-size: 1.3em;
| |
- | float: left;
| |
- | background: black;
| |
- | text-align: center;
| |
- | width: 90px;
| |
- | position: relative; /* Sets the positioning context for each drop-down menu. */
| |
- | }
| |
- |
| |
- | div.MenuBar ul li a {
| |
- | font: arial, helvetica, sans-serif;
| |
- | display: block;
| |
- | background: black;
| |
- | height: 40px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
| |
- | color: #ffffff;
| |
- | padding-top: 4px;
| |
- | padding-bottom: 4px;
| |
- | padding-left: 1em; /* Sets the left space between top-level items. */
| |
- | padding-right: 1em; /* Sets the right space between top-level items. */
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | /*------------------------------------------------------------------------------ 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.
| |
- | Use MenuTailor.css to customize. */
| |
- | height: 1em;
| |
- | padding: 1px; /* Sets the drop-down menu "effective border" width. */
| |
- | position: absolute;
| |
- | top: 23px; /* Places the drop-down menu under the menu bar.
| |
- | Keep it sync with the menu bar height. */
| |
- | left: 0; /* Aligns the drop-down menu to its top-level item. */
| |
- | background-color: black; /* Selected item. */
| |
- | color: #FFFFFF;
| |
- |
| |
- | }
| |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| |
- | width: 10em; /* Keep it sync with the drop-down menu width.
| |
- | Use MenuTailor.css to customize. */
| |
- | height: 1em;
| |
- | padding-left: 0;
| |
- | padding-right: 0;
| |
- | background-color: black; /* Selected item. */
| |
- | color: #FFFFFF;
| |
- | }
| |
- | ul.DropDownMenu li a span {
| |
- | display: block;
| |
- | padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
| |
- | padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
| |
- | text-align: right; /* Aligns the >> symbol to the right. */
| |
- | }
| |
- | ul.DropDownMenu li a span span {
| |
- | float: left; /* Aligns the text (back) to the left. */
| |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| |
- | height: 20px;
| |
- | color: #FFFFFF;
| |
- | }
| |
- | /*----------------------------------------------------------------------------------- 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 {
| |
- | display: block;
| |
- | width: 11em; /* Side menu width.
| |
- | Use MenuTailor.css to customize. */
| |
- | padding: 1px; /* Sets the side menu "effective border" width. */
| |
- | position: absolute;
| |
- | top: -1px; /* Aligns the side menu to its drop-down menu item.
| |
- | Keep it sync with the side menu "effective border" width. */
| |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| |
- | Keep it sync with the drop-down menu width.
| |
- | 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 {
| |
- | width: 11em; /* Keep it sync with the side menu width.
| |
- | Use MenuTailor.css to customize. */
| |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| |
- | Keep it sync with the drop-down menu width.
| |
- | 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. */
| |
- | padding-right: 0.5em; /* Sets the right space of each side menu item. */
| |
- | text-align: left;
| |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| |
- | Keep it sync with the drop-down menu width.
| |
- | Use MenuTailor.css to customize. */
| |
- | }
| |
- | /*----------------------------------------------------------------------------- Browser Specific */
| |
- | * html div.MenuBar ul li a {
| |
- | float: left; /* Required for IE55 and IE6.
| |
- | Breaks O9.
| |
- | 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 {
| |
- | border: 0; /* Required for IE55 and IE6.
| |
- | Hidden (* html) from non-IE browsers. */
| |
- | }
| |
- | /*------------------------------------------------------------------------------- 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 {
| |
- | color: #ea7f16;
| |
- | background-color: Highlight; /* Top-level selected item. */
| |
- | 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 {
| |
- | background-color: Menu; Drop-down menu unselected items.
| |
- | Sets the drop-down menu "effective background" color. */
| |
- | color: MenuText;
| |
- | }
| |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
| |
- | background-color: Highlight; /* Drop-down menu selected item. */
| |
- | 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 {
| |
- | background-color: Menu; /* Side menu unselected items.
| |
- | Sets the side menu "effective background" color. */
| |
- | 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 {
| |
- | background-color: Highlight; /* Side menu selected item. */
| |
- | color: HighlightText;
| |
- | }
| |
- | /*-----------------------------------------------------------------------------------------------*/
| |
- | /*Script-Free 3-Level Menu 1.2 Tailor
| |
- | www.CesarDaniel.info
| |
- | /*-------------------------------------------------------------------------------------- General */
| |
- | body {
| |
- | background: white;
| |
- | color: black;
| |
- | margin: 0;
| |
- | border: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- |
| |
- | div.MenuBar {
| |
- | font: 13px arial, helvetica, sans-serif;
| |
- | }
| |
- | div.MenuBar ul {
| |
- | font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
| |
- | }
| |
- | /*--------------------------------------------------------------------------------------- Colors */
| |
- | div.MenuBar {
| |
- | background-color: black; /* Selected item. */
| |
- | color: #FFFFFF;
| |
- | border-bottom: 1px solid ButtonShadow;
| |
- | }
| |
- | div.MenuBar a,
| |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| |
- | div.MenuBar ul li a:hover ul.DropDownMenu 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 {
| |
- | background-color: black; /* Selected item. */
| |
- | color: #FFFFFF;
| |
- | }
| |
- | div.MenuBar ul li:hover a,
| |
- | div.MenuBar ul li a:hover,
| |
- | 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: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 {
| |
- | background-color: #603371; /* Selected item. */
| |
- | color: #FFFFFF;
| |
- | }
| |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| |
- | div.MenuBar ul li a:hover ul.DropDownMenu,
| |
- | 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 drop-down and side menus "effective border" color. */
| |
- | }
| |
- | /*--------------------------------------------------------------------------------------- Widths */
| |
- | /*
| |
- |
| |
- | /*
| |
- | Menu Bar 1
| |
- | Drop-Down Menu #2
| |
- | */
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
| |
- | width: 11em; /* Drop-down menu width. */
| |
- | }
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
| |
- | width: 12em; /* Drop-down menu width. */
| |
- | }
| |
- |
| |
- | /*...............................................................................................*/
| |
- | /*
| |
- | Menu Bar 1
| |
- | Drop-Down Menu #2
| |
- | Side Menu #1
| |
- | */
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
| |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| |
- | Keep it sync with the drop-down menu width. */
| |
- | }
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
| |
- | width: 10em; /* Side menu width. */
| |
- | }
| |
- | /*...............................................................................................*/
| |
- | /*
| |
- | Menu Bar 1
| |
- | Drop-Down Menu #2
| |
- | Side Menu #2
| |
- | */
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
| |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| |
- | Keep it sync with the drop-down menu width. */
| |
- | }
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
| |
- | width: 10em; /* Side menu width. */
| |
- | }
| |
- | /*...............................................................................................*/
| |
- | /*
| |
- | Menu Bar 1
| |
- | Drop-Down Menu #2
| |
- | Side Menu #3
| |
- | */
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
| |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| |
- | Keep it sync with the drop-down menu width. */
| |
- | }
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
| |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
| |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
| |
- | width: 10em; /* Side menu width. */
| |
- | }
| |
- | /*...............................................................................................*/
| |
| | | |
| </style> | | </style> |
| | | |
| | | |
- | | + | <!-- ------------------------------------From DTU-Denmark-2 2011---------------------------------------------- --> |
- | | + | <!-- ---------------------------------------- Navigation Bar ------------------------------------------------- --> |
- | <!---------------------------From DTU-Denmark-2 2011---------------------------------------------> | + | |
- | | + | |
| | | |
| <head> | | <head> |
Line 594: |
Line 257: |
| } | | } |
| ul.dropdown a:link, | | ul.dropdown a:link, |
- | ul.dropdown a:visited { color: #FFFFFF;; text-decoration: none; } | + | ul.dropdown a:visited { color: #D4A017;; text-decoration: none; } |
| ul.dropdown a:hover { color: #FFFFFF;; text-decoration: underline; } | | ul.dropdown a:hover { color: #FFFFFF;; text-decoration: underline; } |
| ul.dropdown a:active { color: #FFFFFF;; } | | ul.dropdown a:active { color: #FFFFFF;; } |
Line 677: |
Line 340: |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li class="dir"><li><a href="https://2011.igem.org/Team:UQ-Australia/Notebook">Notebook</a></li> | + | |
| + | <li class="dir"><li><a href="https://2011.igem.org/Team:UQ-Australia/Notebook">Notebook</a></li> |
| + | |
| <ul> | | <ul> |
| <li><a href="https://2011.igem.org/Team:UQ-Australia/Notebook">Time 1</a></li> | | <li><a href="https://2011.igem.org/Team:UQ-Australia/Notebook">Time 1</a></li> |
Line 703: |
Line 368: |
| </head> | | </head> |
| | | |
- | <!------------------------From 2011 Harvard-------------------------------------------------------------> | + | <!-- ---------------------------------------- From 2011 Harvard ---------------------------------------------- --> |
- | | + | <!-- ---------------------------------------- For the image bar ---------------------------------------------- --> |
| | | |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
Line 727: |
Line 392: |
| </body> | | </body> |
| | | |
- | <!------------------------GALLERY DIV--------------------------------------------------------------------> | + | <!----------------GALLERY DIV----------------> |
| | | |
| <div class="whitebox" style="margin-top: 20px;"> | | <div class="whitebox" style="margin-top: 20px;"> |
Line 749: |
Line 414: |
| </html> | | </html> |
| | | |
- | <!-- -----------------------------------------------------Text------------------------------------------------------ --> | + | <!-- -------------------------- ------------------------Text-------------------------------------------------- --> |
| | | |
| | | |