Team:IIT Madras/Template:test bar
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <title> | + | <title>bar</title> |
- | <style> | + | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
+ | <style type="text/css"> | ||
<!-- | <!-- | ||
+ | |||
+ | html | ||
+ | { | ||
+ | overflow: -moz-scrollbars-vertical !important; | ||
+ | resize: none; | ||
+ | background-color: #f5f6f7; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
body | body | ||
Line 9: | Line 43: | ||
background-color: #f5f6f7; | background-color: #f5f6f7; | ||
} | } | ||
+ | |||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .right-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar li a { | ||
+ | color:#8C8984; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar ul { | ||
+ | color:transparent; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | background-color:transparent; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:20px; | ||
+ | overflow:hidden | ||
+ | |||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | left:0; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | .right-menu { | ||
+ | right:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .firstHeading { display:none; } | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | color: #transparent; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | margin-top:-12px; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | top:15px; | ||
+ | z-index:25; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | background-color:f5f6f7; | ||
+ | font-size:85%; | ||
+ | line-height:1em; | ||
+ | position:absolute; | ||
+ | top:10px; | ||
+ | white-space:nowrap; | ||
+ | width:50%; | ||
+ | z-index:5; | ||
+ | height:20px; | ||
+ | overflow:hidden | ||
+ | |||
+ | } | ||
+ | |||
+ | img[src*="/wiki/skins/common/images/wiki.png"]{ | ||
+ | width:0; | ||
+ | height:60px; | ||
+ | padding-right:975px; | ||
+ | background:#transparent; | ||
+ | } | ||
+ | |||
+ | #p-logo a{ | ||
+ | color:#transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | height: 0px; | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | border: } | ||
+ | } | ||
+ | |||
+ | #Table_01 { | ||
+ | position:absolute; | ||
+ | left:30px; | ||
+ | top:-55px; | ||
+ | width:1000px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-01-norm { | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | width:119px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-02-norm { | ||
+ | position:absolute; | ||
+ | left:119px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-03-norm { | ||
+ | position:absolute; | ||
+ | left:227px; | ||
+ | top:0px; | ||
+ | width:110px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-04-norm { | ||
+ | position:absolute; | ||
+ | left:337px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-05-norm { | ||
+ | position:absolute; | ||
+ | left:446px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-06-norm { | ||
+ | position:absolute; | ||
+ | left:554px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-07-norm { | ||
+ | position:absolute; | ||
+ | left:663px; | ||
+ | top:0px; | ||
+ | width:109px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-08-norm { | ||
+ | position:absolute; | ||
+ | left:772px; | ||
+ | top:0px; | ||
+ | width:108px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #bar-normal-09-norm { | ||
+ | position:absolute; | ||
+ | left:880px; | ||
+ | top:0px; | ||
+ | width:120px; | ||
+ | height:85px; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | background-color: #f5f6f7; | ||
+ | padding-top:65px; | ||
+ | width:1000px; | ||
+ | font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | ||
+ | font-smooth:always; | ||
+ | border-style: none solid solid solid; | ||
+ | border-width:0px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | .shadow { | ||
+ | -moz-box-shadow: 0px 0px 15px #ccc; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ccc; | ||
+ | box-shadow: 0px 0px 15px #ccc; | ||
+ | } | ||
+ | |||
+ | .whitebox { | ||
+ | -moz-box-shadow: 0px 0px 15px #ccc; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ccc; | ||
+ | box-shadow: 0px 0px 15px #ccc; | ||
+ | background-color: #FFFFFF; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | margin-top: 20px; | ||
+ | padding-top: 20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 25px; | ||
+ | } | ||
+ | |||
+ | .whitebox2 { | ||
+ | -moz-box-shadow: 0px 0px 5px #444; | ||
+ | -webkit-box-shadow: 0px 0px 5px #444; | ||
+ | box-shadow: 0px 0px 5px #444; | ||
+ | background-color: #f1f2f3; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | margin-top: 0px; | ||
+ | padding-top: 5px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-bottom: 5px; | ||
+ | margin-left: 5px; | ||
+ | margin-right: 5px; | ||
+ | align:center; | ||
+ | } | ||
+ | |||
+ | .monthtable { | ||
+ | text-align:center; | ||
+ | background-color:#f1f2f3; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1,h3,h5{ | ||
+ | color: #C22227; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | h2, h4, h6{ | ||
+ | color: #484848; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | --> | ||
</style> | </style> | ||
+ | <!-- End Save for Web Styles --> | ||
</head> | </head> | ||
- | < | + | |
- | <div id=" | + | <div id="Table_01"> |
- | < | + | <div id="bar-normal-01-norm"> |
+ | <a href="https://2011.igem.org/Team:Harvard"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png" alt="" name="home" width="119" height="85" id="home" | ||
+ | onMouseOver="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'" | ||
+ | onMouseDown="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_01_norm.png'" | ||
+ | onMouseOut="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png'" | ||
+ | onMouseUp="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'" | ||
+ | onMouseUp="MM_swapImgRestore()"></a> | ||
+ | </div> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Project"> | ||
+ | <div id="bar-normal-02-norm"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_02_norm.png" alt="" name="project" width="108" height="85" id="project" | ||
+ | onMouseOver="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_02_norm.png'" | ||
+ | onMouseDown="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_02_norm.png'" | ||
+ | onMouseOut="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_02_norm.png'" | ||
+ | onMouseUp="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_02_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-03-norm"> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Technology"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_03_norm.png" alt="" name="tech" width="110" height="85" id="tech" | ||
+ | onMouseOver="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_03_norm.png'" | ||
+ | onMouseDown="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_03_norm.png'" | ||
+ | onMouseOut="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_03_norm.png'" | ||
+ | onMouseUp="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_03_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-04-norm"> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Results"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_04_norm.png" alt="" name="results" width="109" height="85" id="results" | ||
+ | onMouseOver="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_04_norm.png'" | ||
+ | onMouseDown="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_04_norm.png'" | ||
+ | onMouseOut="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_04_norm.png'" | ||
+ | onMouseUp="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_04_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-05-norm"> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Team"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_05_norm.png" alt="" name="team" width="108" height="85" id="team" | ||
+ | onMouseOver="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_05_norm.png'" | ||
+ | onMouseDown="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_05_norm.png'" | ||
+ | onMouseOut="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_05_norm.png'" | ||
+ | onMouseUp="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_05_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-06-norm"> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Notebook"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_06_norm.png" alt="" name="notebook" width="109" height="85" alt="" id="notebook" | ||
+ | onMouseOver="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_06_norm.png'" | ||
+ | onMouseDown="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_06_norm.png'" | ||
+ | onMouseOut="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_06_norm.png'" | ||
+ | onMouseUp="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_06_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-07-norm"> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Safety"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_07_norm.png" alt="" name="biosaftey" width="109" height="85" alt="" id="biosaftey" | ||
+ | onMouseOver="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_07_norm.png'" | ||
+ | onMouseDown="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_07_norm.png'" | ||
+ | onMouseOut="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_07_norm.png'" | ||
+ | onMouseUp="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_07_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-08-norm"> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Media"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_08_norm.png" alt="" name="media" width="108" height="85" alt="" id="media" | ||
+ | onMouseOver="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_08_norm.png'" | ||
+ | onMouseDown="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_08_norm.png'" | ||
+ | onMouseOut="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_08_norm.png'" | ||
+ | onMouseUp="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_08_norm.png'"></a> | ||
+ | </div> | ||
+ | <div id="bar-normal-09-norm"> | ||
+ | <a href="https://2011.igem.org/"> | ||
+ | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_09_norm.png" alt="" name="igem" width="120" height="85" alt="" id="igem" | ||
+ | onMouseOver="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_09_norm.png'" | ||
+ | onMouseDown="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_09_norm.png'" | ||
+ | onMouseOut="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_09_norm.png'" | ||
+ | onMouseUp="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_09_norm.png'"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</html> | </html> |
Revision as of 17:42, 30 August 2011