Team:University of Sheffield

From 2008.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+
<html>
-
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
-
  <head>
+
-
    <title>Welcome! | IGeM</title>
+
-
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
    <link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/img_assist/img_assist.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/modules/forum/forum.css?H" />
+
-
<link type="text/css" rel="stylesheet" media="all" href="/sites/default/files/color/garland-b0e1915f/style.css?H" />
+
<style type="text/css">
-
<link type="text/css" rel="stylesheet" media="print" href="/themes/garland/print.css?H" />
+
*
-
    <script type="text/javascript" src="/misc/jquery.js?H"></script>
+
-
<script type="text/javascript" src="/misc/drupal.js?H"></script>
+
-
<script type="text/javascript" src="/sites/all/modules/img_assist/img_assist.js?H"></script>
+
-
<script type="text/javascript">jQuery.extend(Drupal.settings, { "basePath": "/" });</script>
+
-
<script type="text/javascript">var BASE_URL = "/";</script>
+
-
    <!--[if lt IE 7]>
+
-
      <link type="text/css" rel="stylesheet" media="all" href="/themes/garland/fix-ie.css" />    <![endif]-->
+
-
  </head>
+
-
  <body class="sidebar-left">
+
{
-
<!-- Layout -->
+
margin: 0px;
-
  <div id="header-region" class="clear-block"></div>
+
-
    <div id="wrapper">
+
padding: 0px;
-
    <div id="container" class="clear-block">
+
-
      <div id="header">
+
}
-
        <div id="logo-floater">
+
-
        <h1><a href="/" title="IGeM :: Sheffield University 2008"><img src="/sites/default/files/color/garland-b0e1915f/logo.png" alt="IGeM :: Sheffield University 2008" id="logo" /><span>IGeM</span> :: Sheffield University 2008</a></h1>        </div>
+
-
                                                   
 
-
      </div> <!-- /header -->
 
-
              <div id="sidebar-left" class="sidebar">
 
-
                    <div id="block-user-1" class="clear-block block block-user">
 
 +
body
-
  <div class="content"><ul class="menu"><li class="expanded first active-trail"><a href="/node/1" title="Welcome!" class="active">Home</a><ul class="menu"><li class="leaf last"><a href="/node/2" title="trial">Trial 1</a></li>
+
{
-
</ul></li>
+
 
-
<li class="leaf last"><a href="/user/login" title="">Login or Register</a></li>
+
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>
-
</ul></div>
 
</div>
</div>
-
        </div>
 
-
     
 
-
      <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
 
-
                                        <h2>Welcome!</h2>                                                  <div class="clear-block">
 
-
            <div id="node-1" class="node">
 
-
 
+
<div id="main">
-
  <div class="content clear-block">
+
-
    <p><span class="inline inline-right"><img src="http://synbio.union.shef.ac.uk/sites/default/files/images/realityDream_wallpaper_1_by_realityDream.resized.thumbnail.jpg" alt="Our team" title="Our team"  class="image image-thumbnail " width="100" height="80" /><span class="caption" style="width: 98px;"><strong>Our team</strong></span></span></p>
 
-
<p>This is the intro page to the site - put some stuff about igem in here.<br />
 
-
Blah blah<br />
 
-
<a href="http://www.google.co.uk" title="www.google.co.uk">www.google.co.uk</a></p>
 
-
  </div>
 
-
  <div class="clear-block">
 
-
    <div class="meta">
 
-
        </div>
 
-
      </div>
+
<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>
-
          </div>
 
-
                    <div id="footer"><div id="block-system-0" class="clear-block block block-system">
 
-
  <div class="content"><a href="http://drupal.org"><img src="/misc/powered-blue-80x15.png" alt="Powered by Drupal, an open source content management system" title="Powered by Drupal, an open source content management system" width="80" height="15" /></a></div>
+
 
 +
<div id="footer">
 +
 
 +
&copy; 2006 My.Website
</div>
</div>
-
</div>
 
-
      </div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
 
-
     
 
-
    </div> <!-- /container -->
 
-
  </div>
 
-
<!-- /layout -->
 
-
    </body>
+
 
 +
</body>
 +
 
</html>
</html>

Revision as of 22:37, 11 October 2008

Interesting.Stuff

Aliquam.Cursus

Sollicitudin sed arcu et vivamus viverra. Nullam turpis. Vestibulum Nullam turpis vestibulum.

Vestibulum veroeros sed arcu et vivamus viverra lorem ipsum dolor sit amet dolore nulla facilisi.

Curiously.Green1.0

a plain and simple free design
Figure 1
Fig 1. Obscure?

Some obscure headline

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.

Obscure.Explanations

info

Tincidunt.Sed.Vestibulum

Quisque suscipit, quam vel aliquet tincidunt, eros nisi ultrices urna, a interdum est purus vitae leo. Pellentesque a lectus et tortor tincidunt dignissim etiam. Aliquam erat volutpat. Quisque risus nunc, eleifend gravida, ullamcorper non, gravida ut, nulla.

Retrieved from "http://2008.igem.org/Team:University_of_Sheffield"