Team:Harvard/Template:PracticeBar2
From 2011.igem.org
(Difference between revisions)
(71 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
overflow: -moz-scrollbars-vertical !important; | overflow: -moz-scrollbars-vertical !important; | ||
resize: none; | resize: none; | ||
- | + | background-color: #f5f6f7; | |
- | + | ||
- | + | ||
- | + | ||
- | background-color: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 49: | Line 41: | ||
body | body | ||
{ | { | ||
- | background-color: #f5f6f7 ; | + | background-color: #f5f6f7; |
} | } | ||
Line 97: | Line 89: | ||
color:#8C8984; | color:#8C8984; | ||
background-color:transparent; | 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 | ||
+ | |||
} | } | ||
Line 164: | Line 175: | ||
#Table_01 { | #Table_01 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:30px; |
- | top: | + | top:-55px; |
width:1000px; | width:1000px; | ||
height:85px; | height:85px; | ||
Line 243: | Line 254: | ||
#content{ | #content{ | ||
- | background-color: | + | background-color: #f5f6f7; |
+ | padding-top:65px; | ||
width:1000px; | width:1000px; | ||
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; | ||
Line 249: | Line 261: | ||
border-style: none solid solid solid; | border-style: none solid solid solid; | ||
border-width:0px; | 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: #DCDDDE; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 3px; | ||
+ | margin-top: -10px; | ||
+ | padding-top: 15px; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | margin-left: 9px; | ||
+ | margin-right: 19px; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .notebook_box { | ||
+ | -moz-box-shadow: 0px 0px 5px #444; | ||
+ | -webkit-box-shadow: 0px 0px 5px #444; | ||
+ | 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 --> | <!-- End Save for Web Styles --> | ||
</head> | </head> | ||
- | + | ||
+ | |||
<div id="Table_01"> | <div id="Table_01"> | ||
<div id="bar-normal-01-norm"> | <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" | |
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'" |
- | onMouseOver="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_01_norm.png'" |
- | onMouseDown="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOut="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-transp_01_norm.png'" |
- | onMouseOut="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseUp="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_01_norm.png'" |
- | onMouseUp="document.images['home'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseUp="MM_swapImgRestore()"></a> |
- | onMouseUp="MM_swapImgRestore()"> | + | |
</div> | </div> | ||
+ | <a href="https://2011.igem.org/Team:Harvard/Project"> | ||
<div id="bar-normal-02-norm"> | <div id="bar-normal-02-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <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- | + | 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- | + | 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- | + | 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- | + | onMouseUp="document.images['project'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_02_norm.png'"></a> |
</div> | </div> | ||
<div id="bar-normal-03-norm"> | <div id="bar-normal-03-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/Team:Harvard/Technology"> |
- | onMouseOver="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_03_norm.png" alt="" name="tech" width="110" height="85" id="tech" |
- | onMouseDown="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_03_norm.png'" |
- | onMouseOut="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_03_norm.png'" |
- | onMouseUp="document.images['tech'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
<div id="bar-normal-04-norm"> | <div id="bar-normal-04-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/Team:Harvard/Results"> |
- | onMouseOver="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_04_norm.png" alt="" name="results" width="109" height="85" id="results" |
- | onMouseDown="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_04_norm.png'" |
- | onMouseOut="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_04_norm.png'" |
- | onMouseUp="document.images['results'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
<div id="bar-normal-05-norm"> | <div id="bar-normal-05-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/Team:Harvard/Team"> |
- | onMouseOver="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_05_norm.png" alt="" name="team" width="108" height="85" id="team" |
- | onMouseDown="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_05_norm.png'" |
- | onMouseOut="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_05_norm.png'" |
- | onMouseUp="document.images['team'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
<div id="bar-normal-06-norm"> | <div id="bar-normal-06-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/Team:Harvard/Notebook"> |
- | onMouseOver="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_06_norm.png" alt="" name="notebook" width="109" height="85" alt="" id="notebook" |
- | onMouseDown="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_06_norm.png'" |
- | onMouseOut="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_06_norm.png'" |
- | onMouseUp="document.images['notebook'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
<div id="bar-normal-07-norm"> | <div id="bar-normal-07-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/Team:Harvard/Safety"> |
- | onMouseOver="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_07_norm.png" alt="" name="biosaftey" width="109" height="85" alt="" id="biosaftey" |
- | onMouseDown="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_07_norm.png'" |
- | onMouseOut="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_07_norm.png'" |
- | onMouseUp="document.images['biosaftey'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
<div id="bar-normal-08-norm"> | <div id="bar-normal-08-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/Team:Harvard/Media"> |
- | onMouseOver="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_08_norm.png" alt="" name="media" width="108" height="85" alt="" id="media" |
- | onMouseDown="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_08_norm.png'" |
- | onMouseOut="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_08_norm.png'" |
- | onMouseUp="document.images['media'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
<div id="bar-normal-09-norm"> | <div id="bar-normal-09-norm"> | ||
- | <img src="http://www.dbgoodman.com/igem2011/images/bar- | + | <a href="https://2011.igem.org/"> |
- | onMouseOver="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | <img src="http://www.dbgoodman.com/igem2011/images/bar-transp_09_norm.png" alt="" name="igem" width="120" height="85" alt="" id="igem" |
- | onMouseDown="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseOver="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-mouseo-transp_09_norm.png'" |
- | onMouseOut="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | onMouseDown="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar-onclick-transp_09_norm.png'" |
- | onMouseUp="document.images['igem'].src='http://www.dbgoodman.com/igem2011/images/bar- | + | 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> | ||
</div> | </div> | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 19:27, 27 September 2011