Team:St Andrews/demo

From 2010.igem.org

(Difference between revisions)
 
(83 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<--!link rel="stylesheet" type="text/css" href="http://www.lycifer.co.cc/css/lymaindemo.css" /-->
 
<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:#000000;
+
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:10px;
+
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: 15px Verdana, Helvetica, sans-serif;
+
font: 16px Verdana;
-
color: #808080;
+
font-weight:bold;
 +
color: #808080;
top:0px;
top:0px;
-
left:70px;
+
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:6;
+
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:5px;
+
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:650px;
+
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 tl")
+
$(".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

David Owen

Fatemeh Salimi

Sarah Shapiro

James Taylor

Jonathan Ward