Template:Template HD2
From 2009.igem.org
(Difference between revisions)
Naoiwamoto (Talk | contribs) |
Naoiwamoto (Talk | contribs) |
||
(8 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <style type="text/css"> | |
- | + | body.mediawiki { | |
- | + | background-image:url(http://igem.bioquant.uni-heidelberg.de/mediawiki/images/3/33/HD09_Overglow_Test02.png); | |
- | + | background-position: center center; | |
- | + | background-attachment: fixed; | |
- | + | background-repeat: no-repeat; | |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif;} | |
- | + | } | |
- | + | h1.firstHeading { display: none; } | |
- | + | ||
- | + | p {text-align: justify;} | |
- | + | ||
- | + | a:link { color: #324CE5; text-decoration: none} | |
- | + | a:visited { color:#324CE5; text-decoration: none} | |
- | + | a:hover { color:#f29400; text-decoration: none} | |
- | + | a:active { color:#f29400; 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; } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #header {height: 40px; padding: 10px ; font: Calibri, Verdana, helvetica, sans-serif; font-size: 2em;font-style: bold; color:#FFFFFF; background: #324CE5;} | ||
/*-----------------------------------------------------------------------------------------------*/ | /*-----------------------------------------------------------------------------------------------*/ | ||
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. */ | ||
+ | |||
} | } | ||
/* | /* | ||
Line 87: | Line 37: | ||
display: none; /* Hides all side menus. */ | display: none; /* Hides all side menus. */ | ||
} | } | ||
- | |||
/*------------------------------------------------------------------------------------- Menu Bar */ | /*------------------------------------------------------------------------------------- Menu Bar */ | ||
div.MenuBar { | div.MenuBar { | ||
Line 100: | Line 49: | ||
padding: 0; | padding: 0; | ||
background: #0a0a25; | background: #0a0a25; | ||
+ | |||
} | } | ||
div.MenuBar ul { | div.MenuBar ul { | ||
Line 140: | Line 90: | ||
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. Use MenuTailor.css to customize. */ | + | width: 10em; /* Drop-down menu width. |
+ | Use MenuTailor.css to customize. */ | ||
height: 1em; | height: 1em; | ||
padding: 1px; /* Sets the drop-down menu "effective border" width. */ | padding: 1px; /* Sets the drop-down menu "effective border" width. */ | ||
position: absolute; | position: absolute; | ||
- | top: 23px; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */ | + | 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. */ | left: 0; /* Aligns the drop-down menu to its top-level item. */ | ||
background-color: #0a0a25; /* Selected item. */ | background-color: #0a0a25; /* 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 160: | Line 112: | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
- | |||
ul.DropDownMenu li a span { | ul.DropDownMenu li a span { | ||
display: block; | display: block; | ||
Line 167: | Line 118: | ||
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 178: | Line 128: | ||
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 { | ||
display: block; | display: block; | ||
- | width: 11em; /* Side menu width. Use MenuTailor.css to customize. */ | + | width: 11em; /* Side menu width. |
+ | Use MenuTailor.css to customize. */ | ||
padding: 1px; /* Sets the side menu "effective border" width. */ | padding: 1px; /* Sets the side menu "effective border" width. */ | ||
position: absolute; | position: absolute; | ||
- | top: -1px; /* Aligns the side menu to its drop-down menu item. Keep it sync with the side menu "effective border" width. */ | + | top: -1px; /* Aligns the side menu to its drop-down menu item. |
- | 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. */ | + | 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:hover ul.DropDownMenu li:hover ul.SideMenu li a, | ||
Line 396: | Line 350: | ||
} | } | ||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
- | |||
- | |||
+ | </style> | ||
- | |||
<body> | <body> | ||
- | + | <div id="header">iGEM-Team Heidelberg 2009</div> | |
- | + | <div class='MenuBar' id="navi"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class='MenuBar' id=" | + | |
<ul> | <ul> | ||
<li> | <li> | ||
Line 554: | Line 499: | ||
</div> | </div> | ||
+ | </body> | ||
+ | </html> | ||
- | + | <html> | |
- | + | <style type="text/css"> | |
- | < | + | body {background-color:#0a0a25;} |
- | + | </style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 16:42, 6 October 2009
iGEM-Team Heidelberg 2009