Team:St Andrews/demo
From 2010.igem.org
(Difference between revisions)
(77 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 538: | Line 573: | ||
background:#FFFFFF; | background:#FFFFFF; | ||
font: 16px Verdana; | 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") | ||
+ | $(".navmenu-h").corner("32px") | ||
$(".exphoto").corner("80px tr") | $(".exphoto").corner("80px tr") | ||
$(".exmain").corner("32px bl") | $(".exmain").corner("32px bl") | ||
Line 740: | Line 781: | ||
<div class="exphoto"> | <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> |
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