Template:UTDallasProjectMenu
From 2010.igem.org
(Difference between revisions)
(trial) |
|||
(6 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
<html> | <html> | ||
- | <div id=" | + | <style type="text/css"> |
- | <a | + | |
- | <a | + | |
- | <a | + | <!--------------------------------------------------TOP--------------------------------------------------------> |
- | <a | + | body { |
- | <a | + | background:#474747; |
+ | color:#474747; | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | width: 991px; | ||
+ | height: 258px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #header_middle .plainlinks a { | ||
+ | width: 951px; | ||
+ | height: 258px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left:0 px; | ||
+ | text-decoration: none; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/9/92/Banner_example_smaller.png) no-repeat left top !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | font-family: Arial; | ||
+ | line-height: 1.5; | ||
+ | color: #222; | ||
+ | } | ||
+ | |||
+ | |||
+ | toc { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 160%; | ||
+ | } | ||
+ | |||
+ | |||
+ | p { | ||
+ | margin-bottom: 13px; | ||
+ | } | ||
+ | |||
+ | .today { | ||
+ | background-color: #FF6600; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | ul { | ||
+ | margin-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | #element { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .gallery { | ||
+ | max-width: 550px; | ||
+ | margin: 10px 2px !important; | ||
+ | } | ||
+ | .gallerytext { | ||
+ | text-align: left; | ||
+ | } | ||
+ | .footnote { | ||
+ | text-align: left; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | <!-----------------------------------------------------CONTENT-----------------------------------------------> | ||
+ | |||
+ | |||
+ | #utd_content_wrapper { | ||
+ | width: 590px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | |||
+ | #utd_content_boxtop { | ||
+ | width: 590px; | ||
+ | height: 10px; | ||
+ | background:#FFFFFF; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | padding: 5px; | ||
+ | border-left: 1px solid #9C9B9B; | ||
+ | border-right: 1px solid #9C9B9B; | ||
+ | background:#9C9B9B none repeat scroll 0 0; | ||
+ | position: relative; | ||
+ | font-size: 9pt; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #utd_content_boxbottom { | ||
+ | width: 593px; | ||
+ | height: 10px; | ||
+ | background:#FFFFFF; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #utd_content { | ||
+ | width: 571px; | ||
+ | padding: 10px; | ||
+ | border-left: 1px solid #ccc; | ||
+ | border-right: 1px solid #ccc; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | font-size: 9pt; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .firstHeading{width: 0px; | ||
+ | height: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | #contentSub {display:none; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | body{margin:0; | ||
+ | padding:0;} | ||
+ | |||
+ | .noborder{border-top:0px;} | ||
+ | |||
+ | |||
+ | #utdallas_content { | ||
+ | width: 750px; | ||
+ | padding: 10px; | ||
+ | border-left: 2px solid #FF9900; | ||
+ | border-right: 2px solid #FF9900; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | font-size: 9pt; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .firstHeading{width: 0px; | ||
+ | height: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | margin:0; | ||
+ | |||
+ | } | ||
+ | |||
+ | #contentSub {display:none; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | body{margin:0; | ||
+ | padding:0;} | ||
+ | |||
+ | .noborder{border-top:0px;} | ||
+ | |||
+ | #menuspacer a { | ||
+ | display: block; | ||
+ | background: #FFFFFF; | ||
+ | color: #FFFFFF; | ||
+ | padding: 0px; | ||
+ | margin: 0 0 10px 8px; | ||
+ | text-indent: 0px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menuspacer a:hover { | ||
+ | color: #000000; | ||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #menuspacer .selflink { | ||
+ | display: block; | ||
+ | background: #FFFFFF; | ||
+ | color: #000000; | ||
+ | padding: 0px; | ||
+ | margin: 0 0 10px 8px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | <!-------------------------------------------------------------MENU--------------------------------------------> | ||
+ | |||
+ | |||
+ | #menu { | ||
+ | width: 149px; | ||
+ | background: #eee; | ||
+ | margin: 0px 13px 0 7px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #menu a, #menu h2 { | ||
+ | font: bold 12px helvetica; | ||
+ | display: block; | ||
+ | border-width: 1px; | ||
+ | border-style: outset; | ||
+ | border-color: #ccc #888 #555 #bbb; | ||
+ | margin: 0; | ||
+ | padding: 2px 3px; | ||
+ | } | ||
+ | |||
+ | #menu h2 { | ||
+ | color: #fff; | ||
+ | background: #000; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | #menu a { | ||
+ | color: #000; | ||
+ | background: #FF9900; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | color: #000000; | ||
+ | background: #8E8585; | ||
+ | } | ||
+ | |||
+ | #menu li { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #menu ul ul ul { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | div#menu ul ul ul, | ||
+ | div#menu ul ul li:hover ul ul | ||
+ | {display: none;} | ||
+ | |||
+ | div#menu ul ul li:hover ul, | ||
+ | div#menu ul ul ul li:hover ul | ||
+ | {display: block;} | ||
+ | |||
+ | </style> | ||
+ | <style type="text/css" media="screen"> | ||
+ | #menu ul li {float: left; width: 100%;} | ||
+ | </style> | ||
+ | <!--[if lt IE 7]> | ||
+ | <style type="text/css" media="screen"> | ||
+ | body { | ||
+ | behavior: url(csshover.htc); | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | #menu ul li {float: left; width: 100%;} | ||
+ | #menu ul li a {height: 1%;} | ||
+ | |||
+ | #menu a, #menu h2 { | ||
+ | font: bold 1.4em arial; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body id=""> | ||
+ | <div id="pagetop"> | ||
+ | <a href="" title="" id="toplink"></a> | ||
+ | |||
+ | |||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Background">Background Information</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Background/Biosensors" title="">Biosensors</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Background/OilSpills" title="">Oil Spills</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Background/DeepwaterHorizonOilSpill" title="">Deepwater Horizon Oil Spill</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Team" title="SEO Consultants Directory Example">Team</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/UTDallasInfo" title="">UT Dallas</a></li> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Project" title="">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="hs1.html" title="">Introduction</a></li> | ||
+ | |||
+ | <li><a href="hs2.html" title="">Research</a></li> | ||
+ | <li><a href="hs3.html" title="">Biosensor Components</a></li> | ||
+ | <li><a href="hs4.html" title="">Experimentation</a></li> | ||
+ | <li><a href="hs5.html" title="">Results</a></li> | ||
+ | <li><a href="hs6.html" title="">Future Work</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2010.igem.org/Team:UTDallas/Modeling">Modelling</a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
- | < | + | </body> |
</html> | </html> |
Latest revision as of 16:52, 22 July 2010