Team:Tokyo Metropolitan
From 2010.igem.org
(Difference between revisions)
Line 13: | Line 13: | ||
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; } | ||
- | |||
- | |||
Line 42: | Line 40: | ||
border-left: 0; | border-left: 0; | ||
padding: 0; | padding: 0; | ||
- | background: # | + | background: #000000; |
} | } | ||
div.MenuBar ul { | div.MenuBar ul { | ||
Line 49: | Line 47: | ||
vertical-align: middle; | vertical-align: middle; | ||
list-style-type: none; | list-style-type: none; | ||
- | margin: 0 | + | margin: 0; |
border: 0; | border: 0; | ||
padding: 0; | padding: 0; | ||
Line 73: | Line 71: | ||
height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | ||
color: #ffffff; | color: #ffffff; | ||
- | padding-top: | + | padding-top: 0px; |
- | padding-bottom: | + | padding-bottom: 0px; |
padding-left: 1em; /* Sets the left space between top-level items. */ | padding-left: 1em; /* Sets the left space between top-level items. */ | ||
padding-right: 1em; /* Sets the right space between top-level items. */ | padding-right: 1em; /* Sets the right space between top-level items. */ | ||
Line 89: | Line 87: | ||
padding: 0px; /* Sets the drop-down menu "effective border" width. */ | padding: 0px; /* Sets the drop-down menu "effective border" width. */ | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 22px; /* Places the drop-down menu under the menu bar. |
Keep it sync with the menu bar height. */ | Keep it sync with the menu bar height. */ | ||
left: 0; /* Aligns the drop-down menu to its top-level item. */ | left: 0; /* Aligns the drop-down menu to its top-level item. */ | ||
Line 100: | Line 98: | ||
width: 10em; /* Keep it sync with the drop-down menu width. | width: 10em; /* Keep it sync with the drop-down menu width. | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
- | height: | + | height: 1.4em; |
padding-left: 0; | padding-left: 0; | ||
padding-right: 0; | padding-right: 0; | ||
Line 108: | Line 106: | ||
ul.DropDownMenu li a span { | ul.DropDownMenu li a span { | ||
display: block; | display: block; | ||
- | padding-left: 0. | + | padding-left: 0.5em; /* Sets the left space of each drop-down menu item. */ |
- | padding-right: 0. | + | padding-right: 0.5em; /* Sets the right space of each drop-down menu item. */ |
text-align: right; /* Aligns the >> symbol to the right. */ | text-align: right; /* Aligns the >> symbol to the right. */ | ||
} | } | ||
Line 117: | Line 115: | ||
height: 22px; | height: 22px; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------------------------------------- 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. */ | ||
} | } | ||
/*----------------------------------------------------------------------------------- Side Menus */ | /*----------------------------------------------------------------------------------- Side Menus */ | ||
Line 149: | Line 171: | ||
Keep it sync with the drop-down menu width. | Keep it sync with the drop-down menu width. | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
/*------------------------------------------------------------------------------- Default Colors */ | /*------------------------------------------------------------------------------- Default Colors */ | ||
Line 225: | Line 224: | ||
/*-------------------------------------------------------------------------------------- General */ | /*-------------------------------------------------------------------------------------- General */ | ||
body { | body { | ||
- | background: | + | background: ; |
color: black; | color: black; | ||
margin: 0; | margin: 0; | ||
Line 241: | Line 240: | ||
/*--------------------------------------------------------------------------------------- Colors */ | /*--------------------------------------------------------------------------------------- Colors */ | ||
div.MenuBar { | div.MenuBar { | ||
- | background-color: | + | background-color: #500000; /* Selected item. */ |
color: #FFFFFF; | color: #FFFFFF; | ||
border-bottom: 1px solid ButtonShadow; | border-bottom: 1px solid ButtonShadow; | ||
Line 250: | Line 249: | ||
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 { | ||
- | background-color: | + | background-color: #bb0000; /* Selected item. */ |
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 287: | Line 286: | ||
width: 12em; /* Drop-down menu width. */ | width: 12em; /* Drop-down menu width. */ | ||
} | } | ||
- | |||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
/* | /* | ||
Line 340: | Line 338: | ||
} | } | ||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
+ | |||
</style> | </style> |
Revision as of 16:51, 10 July 2010
This is a template page. READ THESE INSTRUCTIONS.
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples HERE.
You MUST have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page. PLEASE keep all of your pages within your teams namespace.
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing. | |
Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs) | |
Team Example |
Home | Team | Official Team Profile | Project | Parts Submitted to the Registry | Modeling | Notebook | Safety |
---|