Difference between revisions of "Team:WPI-Worcester/Description"
(Prototype team page) |
Cllajeunesse (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | |
− | <html> | + | <head> |
− | < | + | <body> |
− | < | + | <style> |
− | + | ||
− | + | a{ | |
− | + | color:#ffaac6; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | a:hover { | ||
+ | color:#ffaac6; | ||
+ | } | ||
− | + | a:visited | |
− | + | color:#ffaac6 | |
+ | } | ||
− | |||
− | |||
− | |||
− | + | H10 { | |
− | + | font-family: Century Gothic; | |
− | + | text-transform: none; | |
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | color: #000000; | ||
+ | font-size: 10 pt; | ||
+ | } | ||
+ | H2 { | ||
+ | font-family: Cambria; | ||
+ | text-transform: uppercase; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | color: #ffaac6; | ||
+ | font-size: 20pt; | ||
+ | font-weight: bold; | ||
+ | } | ||
− | |||
− | |||
− | |||
+ | H3 { | ||
+ | font-family: Cambria; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | color: #bd93db; | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | H4 { | ||
+ | font-family: Century Gothic; | ||
+ | font-style: italic; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | color: #bd93db; | ||
+ | font-size: 11pt; | ||
− | + | } | |
− | + | ||
− | + | H5 { | |
− | + | font-family: Century Gothic; | |
− | + | text-transform: none; | |
− | + | text-decoration: none; | |
− | + | text-align: left; | |
+ | color: #000000; | ||
+ | font-size: 11pt; | ||
+ | margin: 0px | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/3/37/WPI_background.jpg"); | ||
+ | background-color: #ffffff; | ||
+ | font-family: Century Gothic; | ||
+ | font-size: 10pt; | ||
+ | |||
+ | } | ||
+ | |||
+ | .double-border { | ||
+ | background-color: #ccc; | ||
+ | border: 4px solid #fff; | ||
+ | padding: 2em; | ||
+ | width: 16em; | ||
+ | height: 16em; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .double-border:before { | ||
+ | background: none; | ||
+ | border: 4px solid #fff; | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 4px; | ||
+ | left: 4px; | ||
+ | right: 4px; | ||
+ | bottom: 4px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | #tracking_nav | ||
+ | { | ||
+ | margin: 0px 0px 0px 1000px; | ||
+ | position: fixed; | ||
+ | color:#bababa; | ||
+ | border: /*1px solid #ffaac6;*/ | ||
+ | background:#ffaac6; | ||
+ | font-size: 16pt; | ||
+ | padding: 0px; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | |||
+ | #tracking_nav a { color:#555555; text-transform: lowercase;font-size: 16pt;} | ||
+ | #tracking_nav a:hover {background:#ffffff;} | ||
+ | |||
+ | #nav li { | ||
+ | color: #555555; | ||
+ | background-color:#ffffff; | ||
+ | margin: 50px 50px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform: none; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | /* main level link */ | ||
+ | #nav a { | ||
+ | font-weight: bold; | ||
+ | color: #555555; | ||
+ | text-decoration: none; | ||
+ | /* border-radius: 10px; | ||
+ | border-left-style: solid; | ||
+ | border-right-style: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px;*/ | ||
+ | |||
+ | display: block; | ||
+ | padding: 4px 16px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | background-color: #ffffff; | ||
+ | color: #555555; | ||
+ | } | ||
+ | |||
+ | /* main level link hover */ | ||
+ | #nav .current a, #nav li:hover > a { | ||
+ | color: #555555; | ||
+ | background-color: #ffaac6; | ||
+ | } | ||
+ | |||
+ | /* sub levels link hover */ | ||
+ | #nav ul li:hover a, #nav li:hover li a { | ||
+ | /*border: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px;*/ | ||
+ | background-color: #ffaac6; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #nav ul a:hover { | ||
+ | background: #aac6ff url(img/gradient.png) repeat-x 0 -100px !important; | ||
+ | color: #ffaac6 !important; | ||
+ | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | display: block; | ||
+ | background-color: #aac6ff; | ||
+ | } | ||
+ | |||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 205px; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | text-shadow: 0 1px 0 #555555; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #nav { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /*hide default igem banner and reformat style into blank slate*/ | ||
+ | #globalWrapper {width: 100%;} | ||
+ | #top-section {width: 100%; height:5px; border:none;} | ||
+ | #p-logo {display:none;} | ||
+ | #search-controls {display:none;} | ||
+ | #menubar a {color:#ffffff;} | ||
+ | #menubar a:hover{text-decoration:none; color:#52749C;} | ||
+ | .left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;} | ||
+ | .left-menu ul {background-color:#FFFFFF; margin:0; padding:0;} | ||
+ | .right-menu ul li a {background-color:#FFFFFF;} | ||
+ | .printfooter {display:none;} | ||
+ | #footer-box {border:none;} | ||
+ | #catlinks {display:none;} | ||
+ | .firstHeading {display:none;} | ||
+ | #content {width: 100%; border:none; padding:0px 50px 0px 50px} | ||
+ | #bodyContent {border:none;} | ||
+ | |||
+ | /*actual content styles*/ | ||
+ | body {width: 1000px; margin:auto;} | ||
+ | <div id="centered"> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | .navbar li {color: #555555;} | ||
+ | .navbar li a {color: #555555;} | ||
+ | .navbar li a:hover {background:#69d01d; color: #555555;} | ||
+ | |||
+ | /*only use for current page content header*/ | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
+ | /* MAIN STYLE DEFINITIONS */ | ||
+ | a{ | ||
+ | color:#ffaac6; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color:#ffaac6; | ||
+ | } | ||
+ | |||
+ | a:visited{ | ||
+ | color:#ffaac6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/3/37/WPI_background.jpg"); | ||
+ | background-color: #FFFFFF; | ||
+ | font-family: Century Gothic; | ||
+ | font-size: 10pt; | ||
+ | } | ||
+ | |||
+ | |||
+ | #nav li { | ||
+ | color: #555555; | ||
+ | background-color:#ffffff; | ||
+ | margin: 0 0px; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | text-transform:none; | ||
+ | font-size: 14pt; | ||
+ | font-family: Century Gothic; | ||
+ | } | ||
+ | |||
+ | /* main level link */ | ||
+ | #nav a { | ||
+ | font-weight: bold; | ||
+ | color: #555555; | ||
+ | text-decoration: none; | ||
+ | /*border-left-style: solid; | ||
+ | border-right-style: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px;*/ | ||
+ | |||
+ | display: block; | ||
+ | padding: 4px 16px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | background-color: #ffffff; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | /* main level link hover */ | ||
+ | #nav .current a, #nav li:hover > a { | ||
+ | color: #ffffff; | ||
+ | background-color: #ffaac6; | ||
+ | } | ||
+ | |||
+ | /* sub levels link hover */ | ||
+ | #nav ul li:hover a, #nav li:hover li a { | ||
+ | /*border: solid; | ||
+ | border-color: #000000; | ||
+ | border-width: 1px; | ||
+ | background-color: #ffaac6; | ||
+ | color: #ffffff;*/ | ||
+ | } | ||
+ | |||
+ | #nav ul a:hover { | ||
+ | background: #fff url(img/gradient.png) repeat-x 0 -100px !important; | ||
+ | color: #ffaac6 !important; | ||
+ | text-shadow: 0 1px 1px rgba(0,0,0, .1); | ||
+ | } | ||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | display: block; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | display: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 1px | ||
+ | width: 205px; | ||
+ | position: absolute; | ||
+ | top: 46px; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | text-shadow: 0 1px 0 #fff; | ||
+ | font-size: 12pt; | ||
+ | } | ||
+ | |||
+ | /* clearfix */ | ||
+ | #nav:after { | ||
+ | content: "."; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | line-height: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | #nav { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="igemlogo"> | ||
+ | <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/2/2b/WPI_iGEMlogo.png" alt="iGEM 2015 main page" style="position: absolute; top: 50px; right: 20px;"width="125"></a> | ||
+ | </div> | ||
+ | |||
+ | <p style="text-align:center;"><a href="https://2015.igem.org/Team:WPI-Worcester"><img src="https://static.igem.org/mediawiki/2015/1/14/2015_temp_header.png" width="900px" length="200px"></a></p> | ||
+ | |||
+ | |||
+ | <div id="wpilogo"> | ||
+ | <a href="https://2015.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2015/thumb/b/be/WPI_Teamlogo.png/380px-WPI_Teamlogo.png" alt="iGEM 2015 main page" style="position: absolute; top: 20px; left: 20px;"width="100"></a> | ||
+ | </div> | ||
+ | |||
+ | <ul id="nav"> | ||
+ | <li> <a href="https://2015.igem.org/Team:WPI-Worcester/Team"><center></center><p>Team</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi">Official Page</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Medal-Fulfillment"><center></center><p>Medal Fulfillment</p></a> | ||
+ | |||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Description"><center></center><p>Project</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Background">Background</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Future-Applications">Future Applications</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Parts"><center></center><p>Parts</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Our-Construct">Our Construct</a></li> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Notebook"></center><p>Notebook</p></a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Protocols">Protocols</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Practices"></center><p>Practices</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Outreach">Outreach</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Interlab">Interlab Study</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Beyond-the-Bench">Beyond the Bench</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Safety">Safety</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | <li> <a href="https://2015.igem.org/Team:WPI-Worcester/Collaborations"><center></center><p>Collaborations</p></a> | ||
+ | <ul> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Attributions"><center></center><p>Attributions</p></a> | ||
+ | <ul> | ||
+ | <li><a href="https://2015.igem.org/Team:WPI-Worcester/Sponsors">Sponsors</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
+ | |||
+ | </br> | ||
+ | <div class=”myStyleClass” style=”padding-left:40px;”> | ||
+ | |||
+ | <blockquote> | ||
+ | |||
+ | <h2>Project</h2> | ||
+ | <p style="text-indent: 2em;"><h10>WIP</h10> | ||
+ | |||
+ | </p> | ||
+ | </blockquote> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | |||
</html> | </html> |
Revision as of 23:10, 18 September 2015
Notebook
Practices
Collaborations
Attributions
Project
WIP