|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- | | + | <iframe src="http://synbio.union.shef.ac.uk/"> |
- | <style type="text/css"> | + | Alternative text for browsers that do not understand IFrames. |
- | *
| + | </iframe> |
- | | + | |
- | {
| + | |
- | | + | |
- | margin: 0px;
| + | |
- | | + | |
- | padding: 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | body
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background-color: #fff;
| + | |
- | | + | |
- | color: #9f9f9f;
| + | |
- | | + | |
- | font-size: 11px;
| + | |
- | | + | |
- | font-family: "trebuchet ms", helvetica, sans-serif;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | a
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | text-decoration: underline;
| + | |
- | | + | |
- | color: #93B300;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | a:hover
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | text-decoration: none;
| + | |
- | | + | |
- | color: #fff;
| + | |
- | | + | |
- | background: #D3E378 url('https://static.igem.org/mediawiki/2008/9/9c/Bbg1.gif') repeat-x;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | strong
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #50514D;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #header
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | width: 100%;
| + | |
- | | + | |
- | height: 104px;
| + | |
- | | + | |
- | background-color: #4d4d4d;
| + | |
- | | + | |
- | background: url('https://static.igem.org/mediawiki/2008/0/08/A1.gif') repeat-x;
| + | |
- | | + | |
- | color: #ffffff;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #header_inner
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | width: 680px;
| + | |
- | | + | |
- | height: 104px;
| + | |
- | | + | |
- | margin: 0px auto;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #header_inner h1
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | position: absolute;
| + | |
- | | + | |
- | left: 0px;
| + | |
- | | + | |
- | bottom: 10px;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | font-size: 39px;
| + | |
- | | + | |
- | color: #fff;
| + | |
- | | + | |
- | font-weight: normal;
| + | |
- | | + | |
- | letter-spacing: -2px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #header_inner h1 span
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #DADADA;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #slogan
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | position: absolute;
| + | |
- | | + | |
- | right: 0px;
| + | |
- | | + | |
- | bottom: 25px;
| + | |
- | | + | |
- | color: #DADADA;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | font-size: 13px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #main
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | padding-top: 20px;
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | width: 680px;
| + | |
- | | + | |
- | margin: 0px auto;
| + | |
- | | + | |
- | padding-bottom: 10px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu ul
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | list-style: none;
| + | |
- | | + | |
- | margin: 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu li
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: none;
| + | |
- | | + | |
- | padding: 0px;
| + | |
- | | + | |
- | font-weight: bold;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu a
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | display: block;
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | width: 168px;
| + | |
- | | + | |
- | height: 27px;
| + | |
- | | + | |
- | margin-bottom: 1px;
| + | |
- | | + | |
- | text-decoration: none;
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | background-image: url('https://static.igem.org/mediawiki/2008/0/0e/Bbg0.gif');
| + | |
- | | + | |
- | padding-left: 17px;
| + | |
- | | + | |
- | padding-top: 11px;
| + | |
- | | + | |
- | color: #636363;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | font-size: 13px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu a span
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: absolute;
| + | |
- | | + | |
- | right: 0px;
| + | |
- | | + | |
- | margin-top: 5px;
| + | |
- | | + | |
- | margin-right: 15px;
| + | |
- | | + | |
- | width: 7px;
| + | |
- | | + | |
- | height: 7px;
| + | |
- | | + | |
- | background: url('https://static.igem.org/mediawiki/2008/e/e3/X1.gif') no-repeat;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu a:hover span
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: absolute;
| + | |
- | | + | |
- | right: 0px;
| + | |
- | | + | |
- | margin-top: 5px;
| + | |
- | | + | |
- | margin-right: 15px;
| + | |
- | | + | |
- | width: 7px;
| + | |
- | | + | |
- | height: 7px;
| + | |
- | | + | |
- | background: url('https://static.igem.org/mediawiki/2008/0/0d/X2.gif') no-repeat;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu a:hover
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #fff;
| + | |
- | | + | |
- | background-image: url('https://static.igem.org/mediawiki/2008/9/9c/Bbg1.gif');
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #menu_end
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | height: 30px;
| + | |
- | | + | |
- | background-image: url('https://static.igem.org/mediawiki/2008/e/ed/A2.gif');
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | h1
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #50514D;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | font-size: 26px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | h1 span
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #85AC1E;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | h1 span sup
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #85AC1E;
| + | |
- | | + | |
- | font-size: 14px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | h3
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | margin-top: 30px;
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #50514D;
| + | |
- | | + | |
- | font-size: 15px;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | height: 34px;
| + | |
- | | + | |
- | background: url('https://static.igem.org/mediawiki/2008/5/5a/A3.gif') repeat-x 0px 17px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | h3 span
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #85AC1E;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | h3.first
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | margin-top: 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #lcol
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | width: 185px;
| + | |
- | | + | |
- | float: left;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #lcontent
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | padding: 0px 15px 0px 15px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #rcontent
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | padding: 25px 20px 0px 20px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | ul
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | list-style: none;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | li
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: url('https://static.igem.org/mediawiki/2008/e/e3/X1.gif') no-repeat 0px 5px;
| + | |
- | | + | |
- | padding-left: 15px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | p
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | margin-bottom: 25px;
| + | |
- | | + | |
- | text-align: justify;
| + | |
- | | + | |
- | line-height: 20px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #lcol p
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | font-size: 10px;
| + | |
- | | + | |
- | line-height: 16px;
| + | |
- | | + | |
- | margin: 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .divider
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | font-size: 0px;
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | border-bottom: solid 1px #F5F5F5;
| + | |
- | | + | |
- | height: 1px;
| + | |
- | | + | |
- | width: 100%;
| + | |
- | | + | |
- | margin: 10px 0px 10px 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .summary
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | text-align: right;
| + | |
- | | + | |
- | font-style: italic;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | ul.divided li
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | border-top: solid 1px #F5F5F5;
| + | |
- | | + | |
- | margin-top: 4px;
| + | |
- | | + | |
- | padding-top: 4px;
| + | |
- | | + | |
- | background-position: 0px 9px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | ul.divided li.first
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | border-top: 0px;
| + | |
- | | + | |
- | margin-top: 0px;
| + | |
- | | + | |
- | padding-top: 0px;
| + | |
- | | + | |
- | background-position: 0px 5px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #rcol
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | margin-left: 190px;
| + | |
- | | + | |
- | width: 485px;
| + | |
- | | + | |
- | background-image: url('https://static.igem.org/mediawiki/2008/e/ed/A2.gif');
| + | |
- | | + | |
- | background-repeat: repeat-x;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #slogan2
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | font-size: 14px;
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | top: -5px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .box
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | border: dashed 1px #dadada;
| + | |
- | | + | |
- | margin-top: 15px;
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #AAB165;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .box h2
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | background: inherit;
| + | |
- | | + | |
- | color: #6C7425;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | font-weight: normal;
| + | |
- | | + | |
- | font-size: 18px;
| + | |
- | | + | |
- | margin-bottom: 5px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .box p
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | font-size: 10px;
| + | |
- | | + | |
- | line-height: 16px;
| + | |
- | | + | |
- | margin: 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .box_inner
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | border: solid 1px #fff;
| + | |
- | | + | |
- | padding: 15px;
| + | |
- | | + | |
- | background: #FFFFE9 url('https://static.igem.org/mediawiki/2008/c/cb/A4.gif') repeat-x;
| + | |
- | | + | |
- | color: inherit;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .captioned_image
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: relative;
| + | |
- | | + | |
- | padding-bottom: 15px;
| + | |
- | | + | |
- | float: left;
| + | |
- | | + | |
- | margin-right: 17px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .captioned_image div
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | position: absolute;
| + | |
- | | + | |
- | font-size: 9px;
| + | |
- | | + | |
- | bottom: 0px;
| + | |
- | | + | |
- | left: 0px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | #footer
| + | |
- | | + | |
- | {
| + | |
- | | + | |
- | clear: both;
| + | |
- | | + | |
- | background: url('https://static.igem.org/mediawiki/2008/e/ed/A2.gif') repeat-x;
| + | |
- | | + | |
- | width: 680px;
| + | |
- | | + | |
- | margin: 0px auto;
| + | |
- | | + | |
- | margin-bottom: 25px;
| + | |
- | | + | |
- | padding-top: 10px;
| + | |
- | | + | |
- | text-align: center;
| + | |
- | | + | |
- | text-transform: lowercase;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | | + | |
- | </style>
| + | |
- | <body>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="header">
| + | |
- | | + | |
- | <div id="header_inner">
| + | |
- | | + | |
- | <h1><span>My.</span>Website</h1>
| + | |
- | | + | |
- | <div id="slogan">Gravida tortor lectus pellentesque.</div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="main">
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="lcol">
| + | |
- | | + | |
- | <div id="menu">
| + | |
- | | + | |
- | <ul>
| + | |
- | | + | |
- | <li><a href="#">Site Homepage<span></span></a></li>
| + | |
- | | + | |
- | <li><a href="#">My Blog<span></span></a></li>
| + | |
- | | + | |
- | <li><a href="#">Portfolio<span></span></a></li>
| + | |
- | | + | |
- | <li><a href="#">About Me<span></span></a></li>
| + | |
- | | + | |
- | <li><a href="#">Contact Me<span></span></a></li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <div id="menu_end"></div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="lcontent">
| + | |
- | | + | |
- | <h3 class="first">Interesting.<span>Stuff</span></h3>
| + | |
- | | + | |
- | <ul class="divided">
| + | |
- | | + | |
- | <li class="first"><a href="#">Tincidunt aliquam</a></li>
| + | |
- | | + | |
- | <li><a href="#">Cursus lorem nulla</a></li>
| + | |
- | | + | |
- | <li><a href="#">Nunc ante elit</a></li>
| + | |
- | | + | |
- | <li><a href="#">Tincidunt aliquam</a></li>
| + | |
- | | + | |
- | <li><a href="#">Cursus sed tempus</a></li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- |
| + | |
- | | + | |
- | <h3>Aliquam.<span>Cursus</span></h3>
| + | |
- | | + | |
- | <p><a href="#">Sollicitudin sed</a> arcu et vivamus viverra. Nullam turpis. Vestibulum Nullam turpis vestibulum.</p>
| + | |
- | | + | |
- | <div class="divider"></div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <p><a href="#">Vestibulum veroeros</a> sed arcu et vivamus viverra lorem ipsum dolor sit amet dolore nulla facilisi.</p>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="rcol">
| + | |
- | | + | |
- | <div id="rcontent">
| + | |
- | | + | |
- |
| + | |
- | | + | |
- | <h1>Curiously<span>.Green<sup>1.0</sup></span></h1>
| + | |
- | | + | |
- | <span id="slogan2">a plain and simple free design</span>
| + | |
- | | + | |
- |
| + | |
- | | + | |
- | <div class="box">
| + | |
- | | + | |
- | <div class="box_inner">
| + | |
- | | + | |
- | <div class="captioned_image">
| + | |
- | | + | |
- | <img src="images/pic.jpg" alt="Figure 1" />
| + | |
- | | + | |
- | <div>Fig 1. Obscure?</div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <h2>Some obscure headline</h2>
| + | |
- | | + | |
- | <p>Sollicitudin et, arcu. Vivamus viverra. Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor. Nullam turpis. Vestibulum sed etiam. Lorem ipsum sit amet dolore. Nulla facilisi. Sed tortor.</p>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <h3>Obscure.<span>Explanations</span></h3>
| + | |
- | | + | |
- | <p>
| + | |
- | | + | |
- | <strong>info</strong>
| + | |
- | | + | |
- | </p>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="divider"></div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <h3>Tincidunt.Sed.<span>Vestibulum</span></h3>
| + | |
- | | + | |
- | <p>
| + | |
- | | + | |
- | Quisque suscipit, quam vel aliquet tincidunt, eros nisi ultrices urna, a interdum est purus vitae leo.
| + | |
- | | + | |
- | Pellentesque a lectus et tortor tincidunt <a href="#">dignissim etiam</a>. Aliquam erat volutpat. Quisque
| + | |
- | | + | |
- | risus nunc, eleifend gravida, ullamcorper non, gravida ut, nulla.
| + | |
- | | + | |
- | </p>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="footer">
| + | |
- | | + | |
- | © 2006 My.Website
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | </body>
| + | |
- | | + | |
| </html> | | </html> |