Team:St Andrews/demo
From 2010.igem.org
(Difference between revisions)
(83 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 377: | Line 376: | ||
img.lybanner | img.lybanner | ||
{ | { | ||
+ | visibility:hidden; | ||
z-index:4; | z-index:4; | ||
position:absolute; | position:absolute; | ||
Line 385: | Line 385: | ||
img.ph | img.ph | ||
{ | { | ||
+ | z-index:7; | ||
top:-50px; | top:-50px; | ||
width:160px; | width:160px; | ||
Line 429: | Line 430: | ||
img.background | img.background | ||
{ | { | ||
+ | visibility:hidden; | ||
z-index:3; | z-index:3; | ||
position:absolute; | position:absolute; | ||
Line 438: | Line 440: | ||
img.gradient | img.gradient | ||
{ | { | ||
+ | visibility:hidden; | ||
z-index:5; | z-index:5; | ||
position:absolute; | position:absolute; | ||
Line 447: | Line 450: | ||
img.gradientb | img.gradientb | ||
{ | { | ||
+ | visibility:hidden; | ||
z-index:5; | z-index:5; | ||
position:absolute; | position:absolute; | ||
Line 453: | Line 457: | ||
top:0px; | top:0px; | ||
right:-200px; | right:-200px; | ||
+ | } | ||
+ | img.gradient2b | ||
+ | { | ||
+ | z-index:5; | ||
+ | position:absolute; | ||
+ | height:3000px; | ||
+ | width:300px; | ||
+ | top:280px; | ||
+ | right:175px; | ||
} | } | ||
#footer-box | #footer-box | ||
Line 470: | Line 483: | ||
body | body | ||
{ | { | ||
- | background-color:# | + | padding: 0; |
- | + | margin: 0; | |
+ | background-color: #001e25; | ||
+ | background-image: url(http://www.lysogeny.com/images/bacter1.JPG); | ||
+ | background-attachment: fixed; | ||
+ | background-position: 100px 200px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: bottom center; | ||
h1.firstHeading | h1.firstHeading | ||
{ | { | ||
Line 511: | Line 530: | ||
div.exphoto | div.exphoto | ||
{ | { | ||
+ | position:relative; | ||
z-index:6; | z-index:6; | ||
width:160px; | width:160px; | ||
} | } | ||
+ | |||
+ | div.text | ||
+ | { | ||
+ | z-index:6; | ||
+ | position:relative; | ||
+ | left:200px; | ||
+ | top:-200px; | ||
+ | background:#ffffff; | ||
+ | color:#000000; | ||
+ | margin-left:0px; | ||
+ | width:390px; | ||
+ | padding:5px; | ||
+ | margin:auto; | ||
+ | } | ||
+ | |||
div.des | div.des | ||
Line 527: | Line 562: | ||
margin-left:-0px; | margin-left:-0px; | ||
width:492px; | width:492px; | ||
- | padding: | + | padding:5px; |
padding-top:0px; | padding-top:0px; | ||
padding-bottom:0px; | padding-bottom:0px; | ||
Line 537: | Line 572: | ||
position:relative; | position:relative; | ||
background:#FFFFFF; | background:#FFFFFF; | ||
- | font: | + | font: 16px Verdana; |
- | + | font-weight:bold; | |
+ | color: #808080; | ||
top:0px; | top:0px; | ||
- | left: | + | left:73px; |
float:center; | float:center; | ||
+ | width:600px; | ||
margin-left:-30px; | margin-left:-30px; | ||
margin-top:33px; | margin-top:33px; | ||
Line 551: | Line 588: | ||
div.exmain | div.exmain | ||
{ | { | ||
- | z-index: | + | z-index:7; |
position:relative; | position:relative; | ||
background:#ffffff; | background:#ffffff; | ||
Line 563: | Line 600: | ||
width:580px; | width:580px; | ||
padding:20px; | padding:20px; | ||
- | padding-top: | + | padding-top:0px; |
} | } | ||
div.main | div.main | ||
Line 570: | Line 607: | ||
position:relative; | position:relative; | ||
background:#c8c8c8; /* for non-css3 browsers */ | background:#c8c8c8; /* for non-css3 browsers */ | ||
+ | background-image: url('http://farm5.static.flickr.com/4136/4861952617_c1ba4255b9_d.jpg'); | ||
+ | background-repeat:repeat-y; | ||
+ | background-position:120px 0px; | ||
position:absolute; | position:absolute; | ||
top:280px; | top:280px; | ||
Line 577: | Line 617: | ||
margin-top:0px; | margin-top:0px; | ||
margin-bottom:50px; | margin-bottom:50px; | ||
- | width: | + | width:580px; |
padding:20px; | padding:20px; | ||
padding-top:10px; | padding-top:10px; | ||
Line 616: | Line 656: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$(".exphoto").corner("32px") | $(".exphoto").corner("32px") | ||
- | $(".exphoto").corner("80px | + | $(".navmenu-h").corner("32px") |
+ | $(".exphoto").corner("80px tr") | ||
$(".exmain").corner("32px bl") | $(".exmain").corner("32px bl") | ||
$(".main").corner("80px tl") | $(".main").corner("80px tl") | ||
Line 738: | Line 779: | ||
<div class="exmain"> | <div class="exmain"> | ||
<a name="Alasdair Morton"></a> | <a name="Alasdair Morton"></a> | ||
+ | <div class="exphoto"> | ||
<img class="ph" border="0" src="http://farm5.static.flickr.com/4125/4831410945_e62524cdc6_d.jpg"/> | <img class="ph" border="0" src="http://farm5.static.flickr.com/4125/4831410945_e62524cdc6_d.jpg"/> | ||
+ | </div> | ||
+ | <div class="text"> | ||
+ | some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text | ||
+ | </div> | ||
</div> | </div> | ||
<div class="tag"> | <div class="tag"> | ||
Line 745: | Line 791: | ||
<div class="exmain"> | <div class="exmain"> | ||
<a name="Patrick Olden"></a> | <a name="Patrick Olden"></a> | ||
+ | <div class="exphoto"> | ||
<img class="ph" border="0" src="http://farm5.static.flickr.com/4144/4831283341_ac0caa4208_m_d.jpg"/> | <img class="ph" border="0" src="http://farm5.static.flickr.com/4144/4831283341_ac0caa4208_m_d.jpg"/> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="tag"> | <div class="tag"> |
Latest revision as of 14:31, 25 August 2010
Lukas Ly
Alasdair Morton
some text some text some text some text some text some text some text some text some text some text some text some text some text some text some text
Patrick Olden
David Owen