Team:RMIT Australia/Notebook
From 2010.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | + | __NOTOC__ | |
- | + | ||
<html> | <html> | ||
- | < | + | <body style="background-color:#CCCCCC"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <style> |
+ | h1.firstHeading { display: none; } | ||
+ | p {text-align: justify;} | ||
- | { | + | a:link { color: #FF0000; text-decoration: none} |
- | + | a:visited { color:#FF0000; text-decoration: none} | |
- | + | a:hover { color:#FF0000; text-decoration: none} | |
- | + | a:active { color:#FF0000; text-decoration: none} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | |
+ | |||
+ | table#team_members { text-align: justify; border: 0; } | ||
+ | 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: 30px; | ||
+ | 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.5em auto; | ||
+ | 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: 107px; | ||
+ | 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: 22px; /* 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: #FF0000; /* 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> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <div id="header"><img src="https://2010.igem.org/Image:RMIT_logo.jpg" /></div> | ||
+ | <div class='MenuBar' id="navi"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia" style="color: white">Home | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia/Team" style="color: white">Team | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia/Project" style="color: white">Projects | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | |||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia/Parts" style="color: white">Parts | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia/Modeling" style="color:white">Modelling | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia/Notebook" style="color: white">Notebook | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://igem.org/Team.cgi?year=2010&team_name=RMIT_Australia" style="color: white">Profile | ||
+ | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
+ | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
+ | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="https://2010.igem.org/Team:RMIT_Australia/Safety" style="color: white">Safety</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | <div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div> | ||
+ | </body> | ||
+ | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Revision as of 05:50, 29 June 2010
Notebook
You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well.