Template:Team:UC Davis/Head
From 2010.igem.org
(Difference between revisions)
(New page: Image:igemBanner2.jpg <html> <head> <style> div.Menu{color:#FDD017; font-family: Verdana, sans serif;} ul#Navigation{ float:left; width:100%; margin:0; padding:0; border:0; list-styl...) |
Skatercomet (Talk | contribs) |
||
(174 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
+ | <script text="javascript">https://2010.igem.org/wiki/index.php?title=Template:Team:UC_Davis/Head&action=edit | ||
+ | /*Function to change pictures on hover*/ | ||
+ | function changePic(picName, newPic) | ||
+ | { | ||
+ | document[picName].src = newPic; | ||
+ | } | ||
+ | </script> | ||
+ | |||
<style> | <style> | ||
- | div.Menu{color:# | + | body |
+ | { | ||
+ | background:url('https://static.igem.org/mediawiki/2010/0/0f/6_Three_trees_and_rolling_hills.jpg') no-repeat center; | ||
+ | /*background:url('https://static.igem.org/mediawiki/2010/b/b2/Zebra_rainbow_1600x1200_oversaturate_crop.jpg') no-repeat center; | ||
+ | background:url('https://static.igem.org/mediawiki/2010/b/bd/Striped_fish-2735.jpg') no-repeat center; | ||
+ | background:url('http://www.alienresearchcorp.com/space/hd-wallpapers/amazing/img/l/looking-space.jpg') no-repeat center;*/ | ||
+ | /*background:url('https://static.igem.org/mediawiki/2010/b/b2/Zebra_rainbow_1600x1200_oversaturate_crop.jpg') no-repeat center;background:url('https://static.igem.org/mediawiki/2010/6/6b/SnakeWP.jpg') no-repeat center | ||
+ | background:url('https://static.igem.org/mediawiki/2010/8/85/Greenhouses.JPG') no-repeat center; */ | ||
+ | background-attachment: fixed; | ||
+ | background-size: 100%; | ||
+ | -moz-background-size: 100%; | ||
+ | -o-background-size: 100% 100%; | ||
+ | -webkit-background-size: 100% 100%; | ||
+ | -moz-border-image: url('https://static.igem.org/mediawiki/2010/8/85/Greenhouses.JPG') 100%; | ||
+ | } | ||
+ | |||
+ | table | ||
+ | { | ||
+ | background-color: rgba(255,255,255,0); | ||
+ | } | ||
+ | |||
+ | .pikachu | ||
+ | { | ||
+ | background-color: rgba(255,255,255,1); | ||
+ | border: 5px solid #99dd66; | ||
+ | } | ||
+ | #content | ||
+ | { | ||
+ | width: 1005px; | ||
+ | background-color: rgba(255,255,255,.5); | ||
+ | } | ||
+ | |||
+ | .headTable | ||
+ | { | ||
+ | background-color: rgba(255,255,255,0); | ||
+ | } | ||
+ | |||
+ | .kirby | ||
+ | { | ||
+ | padding:10px; | ||
+ | } | ||
+ | tr.spacing | ||
+ | { | ||
+ | width:675px; | ||
+ | height:20px; | ||
+ | } | ||
+ | tr.spacing2 | ||
+ | { | ||
+ | width:300px; | ||
+ | height:20px; | ||
+ | } | ||
+ | p.indent | ||
+ | {text-indent:30px;} | ||
+ | p.header | ||
+ | {font-family: arial; | ||
+ | font-size: 20px; | ||
+ | color: #7EB355; /*used to be 99dd66*/ | ||
+ | } | ||
+ | p.small {font-size:"14px"} | ||
+ | h1 {color:#99dd66;} | ||
+ | h2 {color:#99dd66;} | ||
+ | |||
+ | a:link {color:#7EB355; font-weight:bold; text-decoration:none;} | ||
+ | a:visited {color:#83d843; font-weight:bold; text-decoration:none;} | ||
+ | a:hover {color:#65983E; font-weight:bold; text-decoration:none;} | ||
+ | a:active {color:#65983E; font-weight:bold; text-decoration:none;} | ||
+ | /* | ||
+ | a.help {cursor: help;} | ||
+ | */ | ||
+ | |||
+ | |||
+ | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the spiffy codes! */ | ||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | background-color: rgba(255,255,255,0); | ||
+ | margin-left: auto; | ||
+ | width: 99%; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 10px; | ||
+ | margin-top: 3px; | ||
+ | border-bottom: 1px; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | height:0px; | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | #footer-box { | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | width: 1000px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | .left-menu { | ||
+ | width: 400px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | } | ||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:-80px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | table, td, th | ||
+ | {border-collapse:collapse;} | ||
+ | td | ||
+ | {vertical-align:top;} | ||
+ | th | ||
+ | {background-color:#99dd66;} | ||
+ | |||
+ | |||
+ | div.Menu a{color:#99dd66; font-family: Verdana, sans serif; text-decoration: none} | ||
ul#Navigation{ | ul#Navigation{ | ||
Line 10: | Line 152: | ||
width:100%; | width:100%; | ||
margin:0; | margin:0; | ||
- | padding: | + | padding-left:35px; |
+ | padding-bottom:5px; | ||
border:0; | border:0; | ||
list-style-type:none; | list-style-type:none; | ||
+ | position: relative; | ||
} | } | ||
- | |||
ul#Navigation li{ | ul#Navigation li{ | ||
- | width: | + | width: auto; |
- | background | + | background: transparent; |
- | padding-right: | + | padding-right:0px; |
- | padding-left: | + | padding-left:-4px; |
padding-top:2px; | padding-top:2px; | ||
padding-bottom:2px; | padding-bottom:2px; | ||
- | display:inline;} | + | display:inline; |
+ | position:relative; | ||
+ | float:left; | ||
+ | } | ||
- | + | ||
- | + | #Navigation li ul{ | |
+ | display:none; | ||
+ | position: absolute; | ||
+ | width: 140px; | ||
+ | list-style:none; | ||
+ | left:-1px; | ||
+ | height:100%; | ||
+ | top:31px; | ||
} | } | ||
+ | #Navigation li:hover ul, | ||
+ | #Navigation li:active ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #Navigation li ul li{ | ||
+ | width:100%; | ||
+ | display:block; | ||
+ | padding: 0px 0px 0px 5px; | ||
+ | background-color:transparent; | ||
+ | margin:-1px; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | #Navigation li ul:hover{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #Navigation img{ | ||
+ | width: 105px; | ||
+ | height: 55px; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | + | ||
- | <table border=" | + | |
+ | <table class="headTable" border="0px" width="1000px" style="margin: -20px -25px -25px -5px;"> | ||
<tr> | <tr> | ||
+ | <td> | ||
+ | <img src="/wiki/images/b/ba/Gbanner1.jpg" name="rotatingPic" width="1013px"> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
<td width="100%"> | <td width="100%"> | ||
- | <div class="Menu"> | + | <div class="Menu"><ul id="Navigation" style="padding-top:0px; background-color: transparent;"> |
- | <ul id="Navigation"> | + | <a href="/Team:UC_Davis" onmouseover="changePic('homeNav', '/wiki/images/c/c1/Buttonhome5x.png')" onmouseout="changePic('homeNav', '/wiki/images/0/03/Buttonhome5.png')"><li><img name="homeNav" src="/wiki/images/0/03/Buttonhome5.png"></li></a> |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | <li> | + | |
- | + | ||
- | </ | + | |
+ | <a href="/Team:UC_Davis" onmouseover="changePic('rotatingPic','/wiki/images/b/ba/Gbanner1.jpg')" onmouseout="changePic('rotatingPic', '/wiki/images/b/ba/Gbanner1.jpg')"> | ||
+ | |||
+ | <a href="/Team:UC_Davis/Projects" onmouseover="changePic('projNav','/wiki/images/0/01/Buttonproject5x.png'), changePic('rotatingPic','/wiki/images/3/39/Gbannerproject1.jpg')" onmouseout="changePic('projNav','/wiki/images/e/ec/Buttonproject5.png'), changePic('rotatingPic','/wiki/images/b/ba/Gbanner1.jpg')"><li><img name="projNav" src="/wiki/images/e/ec/Buttonproject5.png"></li></a> | ||
+ | |||
+ | <a href="https://2010.igem.org/Team:UC_Davis/notebook/c0051debug.html" onmouseover="changePic('lambdaNav', '/wiki/images/f/f6/UCD_Lambdax.png')" onmouseout="changePic('lambdaNav', '/wiki/images/7/7d/UCD_Lambda.png')"><li><img name="lambdaNav" src="/wiki/images/7/7d/UCD_Lambda.png"></li></a> | ||
+ | |||
+ | <a href="/Team:UC_Davis/Notebook" onmouseover="changePic('nbNav','/wiki/images/7/7f/Buttonnotebook5x.png'), changePic('rotatingPic','/wiki/images/f/f8/Gbannernx2.jpg')" onmouseout="changePic('nbNav','/wiki/images/d/d1/Buttonnotebook5.png'), changePic('rotatingPic','/wiki/images/b/ba/Gbanner1.jpg')"><li><img name="nbNav" src="/wiki/images/d/d1/Buttonnotebook5.png"></li></a> | ||
+ | |||
+ | |||
+ | <a href="/Team:UC_Davis/Modeling" onmouseover="changePic('modelNav','/wiki/images/3/3a/Buttonmodeling5x.png'), changePic('rotatingPic','/wiki/images/3/32/Gbannermx1.jpg')" onmouseout="changePic('modelNav','/wiki/images/9/96/Buttonmodeling5.png'), changePic('rotatingPic','/wiki/images/b/ba/Gbanner1.jpg')"><li><img name="modelNav" src="/wiki/images/9/96/Buttonmodeling5.png"></li></a> | ||
+ | |||
+ | <a href="/Team:UC_Davis/Team" onmouseover="changePic('rotatingPic','/wiki/images/3/37/Gbannerteam.jpg'), changePic('teamNav', '/wiki/images/1/13/Buttonteam5x.png')" onmouseout="changePic('rotatingPic', '/wiki/images/b/ba/Gbanner1.jpg'), changePic('teamNav', '/wiki/images/4/4f/Buttonteam5.png')"> | ||
+ | <li><img name="teamNav" src="/wiki/images/4/4f/Buttonteam5.png"></li></a> | ||
+ | |||
+ | <a href="/Team:UC_Davis/safety.html" onmouseover="changePic('rotatingPic','/wiki/images/8/80/Gbannersafety.jpg'), changePic('safetyNav','/wiki/images/3/33/Buttonsafety5x.png')" onmouseout="changePic('rotatingPic','/wiki/images/b/ba/Gbanner1.jpg'), changePic('safetyNav','/wiki/images/f/fa/Buttonsafety5.png')"><li><img name="safetyNav" src="/wiki/images/f/fa/Buttonsafety5.png"></li></a> | ||
+ | |||
+ | <a href="https://2010.igem.org/Team:UC_Davis/Judging" onmouseover="changePic('judgeNav', '/wiki/images/5/5f/UCD_judgingCriteriax.png')" onmouseout="changePic('judgeNav', '/wiki/images/2/2e/UCD_judgingCriteria.png')"><li><img name="judgeNav" src="/wiki/images/2/2e/UCD_judgingCriteria.png"></li></a> | ||
+ | |||
+ | <a href="https://2010.igem.org/Main_Page" onmouseover="changePic('igemNav', '/wiki/images/5/55/UCD_igemx.png')" onmouseout="changePic('igemNav', '/wiki/images/7/7c/UCD_igem.png')"><li><img name="igemNav" src="/wiki/images/7/7c/UCD_igem.png"></li></a> | ||
+ | </li> | ||
+ | </ul></div> | ||
</td> | </td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
- | + | ||
- | </ | + | </body> |
</html> | </html> |
Latest revision as of 11:56, 27 October 2010
|