Team:Duke
From 2008.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <!-- |
- | + | Landing page | |
- | + | Contains links to all other pages of the site as well as a quick introduction to the projects | |
- | + | The aim of this page was to be visually appealing and contain a very small amount of text so that the user would be given a quick introduction to the project. The user has only to read several lines to get a good grasp of what we did. This will encourage them to explore deeper. | |
- | + | --> | |
- | + | <head> | |
- | < | + | <!-- |
- | < | + | Cascading Style Sheet (CSS) component |
- | + | in plain html style sheets are completely independent of the HTML page but are included in this page to simplify design within a wiki script environment. | |
- | + | This section describes the layout, colors and images displayed on the page | |
- | < | + | --> |
- | + | <style> | |
- | + | .ideasList{ | |
+ | margin-bottom:30px | ||
+ | } | ||
+ | ul#sub { | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | font-size:12px; | ||
+ | list-style-image:none; | ||
+ | list-style-type:none; | ||
+ | } | ||
- | { | + | #sub li { margin-bottom:20px;} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #sub li a { | |
+ | color:#3300FF; | ||
+ | text-decoration:underline; | ||
+ | } | ||
- | { | + | #sub li a:hover { |
- | + | text-decoration:none; | |
- | + | } | |
- | + | ||
- | + | .links { | |
- | + | width:100%; | |
- | + | background-color:rgb(200,200,223); | |
- | + | margin-bottom:30px; | |
- | + | } | |
+ | |||
+ | .links tr { | ||
+ | background-color: rgb(200,200,255); | ||
+ | } | ||
+ | |||
+ | .links td:hover { | ||
+ | background-color: rgb(255,141,28); | ||
+ | } | ||
+ | |||
+ | |||
+ | .links a{ | ||
+ | text-decoration:none; | ||
+ | font-size:15pt; | ||
+ | font-weight:bold; | ||
+ | font:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; | ||
+ | color: rgb(255,255,255); | ||
+ | } | ||
+ | |||
+ | .links a:active { | ||
+ | background-color: rgb(255,141,28); | ||
+ | } | ||
+ | |||
+ | .links a:hover { | ||
+ | color: rgb(255,255,255); | ||
+ | } | ||
+ | |||
+ | |||
+ | #header { | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 14pt; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | dt { | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | #projectnav h4 { | ||
+ | padding: .4ex; | ||
+ | } | ||
+ | |||
+ | #projectnav dt { | ||
+ | font-weight: normal; | ||
+ | margin: 1.5ex 0 0 0; | ||
+ | } | ||
+ | |||
+ | #projectnav h4, #projectnav dt, #projectnav dd { | ||
+ | text-align: center; | ||
+ | text-indent: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | #hbnav dd { | ||
+ | background-color: rgb(0,80,200); | ||
+ | border-left: dashed #FFF 3px; | ||
+ | border-right: dashed #FFF 3px; | ||
+ | padding: .8ex; | ||
+ | } | ||
+ | |||
+ | #denav dd{ | ||
+ | background-color: rgb(37,170,113); | ||
+ | border-left: dashed #FFF 3px; | ||
+ | border-right: dashed #FFF 3px; | ||
+ | padding: 1ex; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | #projectnav a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #pagecontent p { | ||
+ | text-indent: 1.25em; | ||
+ | } | ||
+ | </style> | ||
+ | <! -- END of style sheet --> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <!-- First table displays centered iGEM 2007 Logo --> | ||
+ | <div id="header"> | ||
+ | <!-- <img src="https://static.igem.org/mediawiki/2008/d/df/Penn_state_igem_logo.JPG" alt="Penn State" /> --> | ||
+ | </div> | ||
+ | |||
+ | <!-- Table displaying top row of links --> | ||
+ | <table class="links" > | ||
+ | <tr> | ||
+ | <td align="center" ><a class="mainLinks" href="https://2008.igem.org/Team:PennState" >Home</a> </td> | ||
+ | <td align="center" ><a class="mainLinks" href="https://2008.igem.org/Team:PennState/Team" >The Team</a> </td> | ||
+ | <td align="center" ><a class="mainLinks" href="https://2008.igem.org/Team:PennState/Project" >The Project</a> </td> | ||
+ | <td align="center" ><a class="mainLinks" href="https://2008.igem.org/Team:PennState/Parts">Parts</a> </td> | ||
+ | <td align="center" ><a class="mainLinks" href="https://2008.igem.org/Team:PennState/Modeling" >Modeling</a> </td> | ||
+ | <td align="center" ><a class="mainLinks" href="https://2008.igem.org/Team:PennState/Notebook" >Notebook</a> </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
+ | <table> <!-- Table for content area --> | ||
+ | <tr> | ||
+ | |||
+ | <!-- | ||
+ | Navigation menu for the projects | ||
+ | The table is extended to include the introduction paragraph and the information blocks | ||
+ | --> | ||
+ | <!-- <td valign="top" width="20%" id="projectnav"> | ||
+ | <h4 style="margin-top: 0;">Hormone Biosensors</h4> | ||
+ | <dl id="hbnav"> | ||
+ | <dd><a href="hbintro" title="Intro to Endocrine Disruption, pseudoestrogens, pthalates, nuclear hormone receptors, and our goals">Introduction</a></dd> | ||
+ | <dt>Smart Fold</dt> | ||
+ | <dd><a href="smartfold/overview">Overview</a></dd> | ||
+ | <dd><a href="smartfold/parts" title="Parts submitted to the registry for this project">Parts</a></dd> | ||
+ | <dd><a href="smartfold/references">References</a></dd> | ||
+ | <dt>Nuclear Fusion</dt> | ||
+ | <dd><a href="fusion/overview">Overview</a></dd> | ||
+ | <dd><a href="fusion/parts" title="Parts submitted to the registry for this project">Parts</a></dd> | ||
+ | <dd><a href="fusion/references">References</a></dd> | ||
+ | </dl> | ||
+ | <h4>Diauxie Elimination</h4> | ||
+ | <dl id="denav"> | ||
+ | <dd><a href="diauxie/intro">Introduction</a></dd> | ||
+ | <dd><a href="diauxie/overview">Overview</a></dd> | ||
+ | <dd><a href="diauxie/parts" title="Parts submitted to the registry for this project">Parts</a></dd> | ||
+ | <dd><a href="diauxie/references">References</dd> | ||
+ | </dl> | ||
+ | </td> --> | ||
+ | <!-- Main content area --> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 18:01, 30 June 2008
Home | The Team | The Project | Parts | Modeling | Notebook |