Team:Edinburgh/projectrelatedmain
From 2009.igem.org
(Difference between revisions)
(120 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | ||
- | + | <style type="text/css"> | |
+ | |||
+ | body { | ||
+ | background: #a1a899; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background: #a1a899; | ||
+ | border-left: 0px; | ||
+ | border-right: 0px; | ||
+ | width:977px; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height:98px; | ||
+ | } | ||
+ | |||
+ | #menubar {} | ||
+ | |||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | margin-top:30px; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | border: 0px; | ||
+ | background-color: #a1a899; | ||
+ | width:950px; | ||
+ | } | ||
+ | |||
+ | #logo { | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | |||
+ | #logo2 { | ||
+ | position:absolute; | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | |||
+ | #logo3 { | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #logo4 { | ||
+ | position:absolute; | ||
+ | margin-top:50px; | ||
+ | margin-left:65px; | ||
+ | } | ||
+ | |||
+ | #mainmenu { | ||
+ | position:absolute; | ||
+ | margin-top:-15px; | ||
+ | margin-left:575px; | ||
+ | font-family: sans-serif; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | |||
+ | #mainmenuitem { | ||
+ | float:left; | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | |||
+ | #mainmenuitem a { | ||
+ | text-decoration:none; | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | #Edinburghcontainer { | ||
+ | height:1000px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2009/4/42/EdinburghProjectRelatedContainer.png'); | ||
+ | } | ||
+ | |||
+ | #contheader { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2009/0/0d/EdinburghProjectRelatedContheader.png'); | ||
+ | height:20px; | ||
+ | width:650px; | ||
+ | margin-left:300px; | ||
+ | } | ||
+ | |||
+ | #contheadmenu { | ||
+ | margin-top:-20px; | ||
+ | margin-left:385px; | ||
+ | font-family: Arial; | ||
+ | font-size:12px; | ||
+ | color:#3C3C00; | ||
+ | } | ||
+ | |||
+ | #contheadmenuitem { | ||
+ | float:left; | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | |||
+ | #contheadmenuitem a { | ||
+ | text-decoration:none; | ||
+ | color:#3C3C00; | ||
+ | } | ||
+ | |||
+ | #Edinburghcontent { | ||
+ | margin-left:30px; | ||
+ | float:left; | ||
+ | padding-left:5px; | ||
+ | padding-right:5px; | ||
+ | width:275px; | ||
+ | text-align:justify; | ||
+ | margin-top:50px; | ||
+ | text-decoration:none | ||
+ | } | ||
+ | |||
+ | #bottomlinks { | ||
+ | width:600; | ||
+ | margin-left:35px; | ||
+ | margin-top:20px; | ||
+ | font-weight: bolder; | ||
+ | font-family: sans-serif; | ||
+ | font-size:11px; | ||
+ | color:#3C3C00; | ||
+ | float:left; | ||
+ | bottom:0px; | ||
+ | } | ||
+ | |||
+ | #bottomlinks a { | ||
+ | text-decoration:none; | ||
+ | color:#3C3C00; | ||
+ | } | ||
+ | |||
+ | #bottomlinks1 { | ||
+ | float:left; | ||
+ | left:0px; | ||
+ | } | ||
+ | |||
+ | #bottomlinks2 { | ||
+ | padding-left:470px; | ||
+ | float:left; | ||
+ | margin-right:20px; | ||
+ | } | ||
+ | |||
+ | #bottomlinks3 { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #contentimg1 { | ||
+ | background-color:#C1C8D0; | ||
+ | width:240; | ||
+ | height:200px; | ||
+ | margin-bottom:50px; | ||
+ | } | ||
+ | |||
+ | #contentimg2 { | ||
+ | width:240; | ||
+ | height:360px; | ||
+ | background-color:#C1C8D0; | ||
+ | } | ||
- | + | </style> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <body> | |
- | + | <br /> | |
- | + | <div id="mainmenu"> | |
- | + | <div id="mainmenuitem"><a href="#">home</a></div> | |
- | + | <div id="mainmenuitem"><a href="#">team</a></div> | |
- | + | <div id="mainmenuitem"><a href="#">project</a></div> | |
- | + | <div id="mainmenuitem"><a href="#">notebook</a></div> | |
- | + | <div id="mainmenuitem"><a href="#">gallery</a></div> | |
- | + | <div id="mainmenuitem"><a href="#">contacts</a></div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <div id="Edinburghcontainer"> | |
- | + | <div id="contheader"></div> | |
- | + | <div id="contheadmenu"> | |
- | + | <div id="contheadmenuitem"><a href="#">introduction</a></div> | |
- | + | <div id="contheadmenuitem" ><a href="#">university</a></div> | |
- | + | <div id="contheadmenuitem"><a href="#">supervisors/advisors</a></div> | |
- | + | <div id="contheadmenuitem"><a href="#">undergraduates</a></div> | |
- | + | <div id="contheadmenuitem"><a href="#">acknowledgements</a></div> | |
- | + | </div> | |
- | + | <div id="Edinburghcontent" > | |
- | + | <font style="font-family:Arial;font-size:11px;font-weight:bolder;"> | |
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis vulputate dolor, dictum volutpat | ||
+ | libero scelerisque sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; | ||
+ | Curabitur posuere rutrum faucibus. Mauris tristique justo non arcu bibendum at aliquet leo pretium. Duis tincidunt | ||
+ | sodales molestie. Donec mattis dictum sapien ut tempus. Nullam non quam et enim auctor pharetra. | ||
+ | </font> | ||
+ | |||
+ | <font style="font-family:Arial;font-size:11.5px;"> | ||
+ | Suspendisse | ||
+ | volutpat facilisis lacinia. Aenean molestie auctor erat in commodo. Mauris porta lacinia sapien, vitae laciniametus | ||
+ | suscipit et. Etiam iaculis quam vitae risus iaculis suscipit. Donec eu turpis in erat mattis lobortis sit amet | ||
+ | tempor lorem. Nulla magna urna, posuere ut venenatis eu, lobortis ac turpis. Integer vestibulum vulputate lacus, | ||
+ | eget iaculis libero fringilla eget. Phasellus sem tortor, aliquet ultrices sagittis in, viverra non tortorraesent | ||
+ | eget enim quis diam porttitor sollicitudin. Phasellus sagittis, nisl sit amet sagittis feugiat, justo nibh interdum | ||
+ | ligula, vel eleifend sem lacus vel nunc. Mauris pharetra iaculis eros nec imperdiet. Suspendisse. | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | Ut risus lacus, laoreet ac pellentesque vel, fermentum non mi. Ut facilisis tortor at nunc porttitor quis | ||
+ | tincidunt mi commodo. Sed hendrerit lobortis ipsum, eget bibendum nulla sagittis vel. Duis gravida augue eget | ||
+ | arcu facilisis vitae faucibus tellus sollicitudin. Nunc id ligula sem. Nulla a condimentum velit. Aliquam erat | ||
+ | volutpat. Vivamus molestie erat non diam mattis vitae tincidunt massa viverra. In lacinia, turpis nec euismod | ||
+ | iaculis, mauris turpis adipiscing nunc, sit amet fringilla magna lorem eu orci. Etiam dignissim magna a nulla | ||
+ | dictum et aliquam arcu hendrerit. Morbi rutrum sodales lorem, sit amet dictum neque pulvinar eu. Vivamus et | ||
+ | mauris justo, eget semper erat. | ||
+ | |||
+ | </font> | ||
+ | </div> | ||
- | + | <div id="Edinburghcontent"> | |
- | + | <font style="font-family:Arial;font-size:11.5px;"> | |
- | + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis vulputate dolor, dictum volutpat libero | |
- | + | scelerisque sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; | |
- | + | Curabitur posuere rutrum faucibus. Mauris tristique justo non arcu bibendum at aliquet leo pretium. Duis | |
- | + | tincidunt sodales molestie. Donec mattis dictum sapien ut tempus. Nullam non quam et enim auctor pharetra. | |
- | + | Suspendisse volutpat facilisis lacinia. Aenean molestie auctor erat in commodo. Mauris porta lacinia sapien, | |
- | + | vitae lacinia metus suscipit et. Etiam iaculis quam vitae risus iaculis suscipit. Donec eu turpis in erat mattis | |
- | + | lobortis sit amet tempor lorem. Nulla magna urna, posuere ut venenatis eu, lobortis ac turpis. Integer | |
- | + | vestibulum vulputate lacus, eget iaculis libero fringilla eget. Phasellus sem tortor, aliquet ultrices sagittis | |
- | + | in, viverra non tortor. Praesent eget enim quis diam porttitor sollicitudin. Phasellus sagittis, nisl sit amet | |
- | + | sagittis feugiat, justo nibh interdum ligula, vel eleifend sem lacus vel nunc. Mauris pharetra iaculis eros nec | |
- | + | imperdiet. Suspendisse. | |
- | + | <br> | |
- | + | <br> | |
- | + | ||
- | + | Ut risus lacus, laoreet ac pellentesque vel, fermentum non mi. Ut facilisis tortor at nunc porttitor quis | |
- | + | tincidunt mi commodo. Sed hendrerit lobortis ipsum, eget bibendum nulla sagittis vel. Duis gravida augue eget | |
- | + | arcu facilisis vitae faucibus tellus sollicitudin. Nunc id ligula sem. Nulla a condimentum velit. Aliquam erat | |
- | + | volutpat. Vivamus molestie erat non diam mattis vitae tincidunt massa viverra. In lacinia, turpis nec euismod | |
- | + | iaculis, mauris turpis adipiscing nunc, sit amet fringilla magna lorem eu orci. Etiam dignissim magna a nulla | |
- | + | dictum et aliquam arcu hendrerit. Morbi rutrum sodales lorem, sit amet dictum neque pulvinar eu. Vivamus et | |
+ | mauris justo, eget semper erat. | ||
- | + | <br> | |
- | + | </font> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | <div id="Edinburghcontent"> | |
- | + | <div id="contentimg1"> | |
- | + | <img align=right src="https://static.igem.org/mediawiki/2009/d/d1/EdinburghProjectRelatedContentimg1.png" /> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <br> | |
+ | |||
+ | <div id="contentimg2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2009/0/07/EdinburghProjectRelatedContentimg2.png" align=right /> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <br> | |
- | + | <div id="bottomlinks"> | |
- | + | <div id="bottomlinks1"> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | <div id="bottomlinks2"> | |
- | + | <a href="#">prev page</a> | |
- | + | </div> | |
- | + | <div id="bottomlinks3"> | |
- | + | <a href="#">next page</a> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
+ | </body> | ||
</html> | </html> |
Latest revision as of 14:28, 14 August 2009
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis vulputate dolor, dictum volutpat
libero scelerisque sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Curabitur posuere rutrum faucibus. Mauris tristique justo non arcu bibendum at aliquet leo pretium. Duis tincidunt
sodales molestie. Donec mattis dictum sapien ut tempus. Nullam non quam et enim auctor pharetra.
Suspendisse
volutpat facilisis lacinia. Aenean molestie auctor erat in commodo. Mauris porta lacinia sapien, vitae laciniametus
suscipit et. Etiam iaculis quam vitae risus iaculis suscipit. Donec eu turpis in erat mattis lobortis sit amet
tempor lorem. Nulla magna urna, posuere ut venenatis eu, lobortis ac turpis. Integer vestibulum vulputate lacus,
eget iaculis libero fringilla eget. Phasellus sem tortor, aliquet ultrices sagittis in, viverra non tortorraesent
eget enim quis diam porttitor sollicitudin. Phasellus sagittis, nisl sit amet sagittis feugiat, justo nibh interdum
ligula, vel eleifend sem lacus vel nunc. Mauris pharetra iaculis eros nec imperdiet. Suspendisse.
Ut risus lacus, laoreet ac pellentesque vel, fermentum non mi. Ut facilisis tortor at nunc porttitor quis tincidunt mi commodo. Sed hendrerit lobortis ipsum, eget bibendum nulla sagittis vel. Duis gravida augue eget arcu facilisis vitae faucibus tellus sollicitudin. Nunc id ligula sem. Nulla a condimentum velit. Aliquam erat volutpat. Vivamus molestie erat non diam mattis vitae tincidunt massa viverra. In lacinia, turpis nec euismod iaculis, mauris turpis adipiscing nunc, sit amet fringilla magna lorem eu orci. Etiam dignissim magna a nulla dictum et aliquam arcu hendrerit. Morbi rutrum sodales lorem, sit amet dictum neque pulvinar eu. Vivamus et mauris justo, eget semper erat.
Ut risus lacus, laoreet ac pellentesque vel, fermentum non mi. Ut facilisis tortor at nunc porttitor quis tincidunt mi commodo. Sed hendrerit lobortis ipsum, eget bibendum nulla sagittis vel. Duis gravida augue eget arcu facilisis vitae faucibus tellus sollicitudin. Nunc id ligula sem. Nulla a condimentum velit. Aliquam erat volutpat. Vivamus molestie erat non diam mattis vitae tincidunt massa viverra. In lacinia, turpis nec euismod iaculis, mauris turpis adipiscing nunc, sit amet fringilla magna lorem eu orci. Etiam dignissim magna a nulla dictum et aliquam arcu hendrerit. Morbi rutrum sodales lorem, sit amet dictum neque pulvinar eu. Vivamus et mauris justo, eget semper erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis vulputate dolor, dictum volutpat libero
scelerisque sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Curabitur posuere rutrum faucibus. Mauris tristique justo non arcu bibendum at aliquet leo pretium. Duis
tincidunt sodales molestie. Donec mattis dictum sapien ut tempus. Nullam non quam et enim auctor pharetra.
Suspendisse volutpat facilisis lacinia. Aenean molestie auctor erat in commodo. Mauris porta lacinia sapien,
vitae lacinia metus suscipit et. Etiam iaculis quam vitae risus iaculis suscipit. Donec eu turpis in erat mattis
lobortis sit amet tempor lorem. Nulla magna urna, posuere ut venenatis eu, lobortis ac turpis. Integer
vestibulum vulputate lacus, eget iaculis libero fringilla eget. Phasellus sem tortor, aliquet ultrices sagittis
in, viverra non tortor. Praesent eget enim quis diam porttitor sollicitudin. Phasellus sagittis, nisl sit amet
sagittis feugiat, justo nibh interdum ligula, vel eleifend sem lacus vel nunc. Mauris pharetra iaculis eros nec
imperdiet. Suspendisse.
Ut risus lacus, laoreet ac pellentesque vel, fermentum non mi. Ut facilisis tortor at nunc porttitor quis tincidunt mi commodo. Sed hendrerit lobortis ipsum, eget bibendum nulla sagittis vel. Duis gravida augue eget arcu facilisis vitae faucibus tellus sollicitudin. Nunc id ligula sem. Nulla a condimentum velit. Aliquam erat volutpat. Vivamus molestie erat non diam mattis vitae tincidunt massa viverra. In lacinia, turpis nec euismod iaculis, mauris turpis adipiscing nunc, sit amet fringilla magna lorem eu orci. Etiam dignissim magna a nulla dictum et aliquam arcu hendrerit. Morbi rutrum sodales lorem, sit amet dictum neque pulvinar eu. Vivamus et mauris justo, eget semper erat.
Ut risus lacus, laoreet ac pellentesque vel, fermentum non mi. Ut facilisis tortor at nunc porttitor quis tincidunt mi commodo. Sed hendrerit lobortis ipsum, eget bibendum nulla sagittis vel. Duis gravida augue eget arcu facilisis vitae faucibus tellus sollicitudin. Nunc id ligula sem. Nulla a condimentum velit. Aliquam erat volutpat. Vivamus molestie erat non diam mattis vitae tincidunt massa viverra. In lacinia, turpis nec euismod iaculis, mauris turpis adipiscing nunc, sit amet fringilla magna lorem eu orci. Etiam dignissim magna a nulla dictum et aliquam arcu hendrerit. Morbi rutrum sodales lorem, sit amet dictum neque pulvinar eu. Vivamus et mauris justo, eget semper erat.