Template:UCL London

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<!--
 +
Design by Free CSS Templates
 +
http://www.freecsstemplates.org
 +
Released for free under a Creative Commons Attribution 2.5 License
-
<style type="text/css">
+
Name      : Reckoning
 +
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
 +
Version    : 1.0
 +
Released  : 20090629
 +
-->
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>Reckoning by Free CSS Templates</title>
 +
<meta name="keywords" content="" />
 +
<meta name="description" content="" />
 +
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
 +
<style>
body {
body {
margin: 0px;
margin: 0px;
padding: 0;
padding: 0;
-
background: #000000 url(https://2009.igem.org/Image:UCL_London_Test_Img01.jpg) repeat-x left top;
+
background: #000000 url(images/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-size: 13px;
color: #63676A;
color: #63676A;
}
}
 +
h1, h2, h3 {
h1, h2, h3 {
margin: 0;
margin: 0;
Line 82: Line 99:
#header {
#header {
-
    width: 820px;
+
width: 820px;
-
    height: 44px;
+
height: 44px;
-
    margin: 0 auto;
+
margin: 0 auto;
-
    background: url(https://2009.igem.org/Image:UCL_London_Test_Img03.jpg) repeat-x left top;
+
background: url(images/img03.jpg) repeat-x left top;
}
}
 +
/* Menu */
/* Menu */
Line 106: Line 124:
float: left;
float: left;
padding: 12px 25px 0px 25px;
padding: 12px 25px 0px 25px;
-
background: url(https://2009.igem.org/Image:UCL_London_Test_Img04.jpg) no-repeat right 8px;
+
background: url(images/img04.jpg) no-repeat right 8px;
}
}
Line 123: Line 141:
color: #FFFFFF;
color: #FFFFFF;
}
}
 +
 +
/* Search */
 +
 +
#search {
 +
float: right;
 +
height: 44px;
 +
}
 +
 +
#search form {
 +
float: right;
 +
margin: 0;
 +
padding: 10px 20px 0 0;
 +
}
 +
 +
#search fieldset {
 +
margin: 0;
 +
padding: 0;
 +
border: none;
 +
}
 +
 +
#search input {
 +
float: left;
 +
padding: 0;
 +
height: 20px;
 +
font: 12px Arial, Helvetica, sans-serif;
 +
border: none;
 +
}
 +
 +
#search-text {
 +
width: 135px;
 +
height: 14px;
 +
margin: 0px 6px 0px 0px;
 +
padding: 3px 0 0 5px;
 +
color: #658453;
 +
}
 +
 +
#search-submit {
 +
padding: 0px;
 +
margin: 0px;
 +
height: 21px;
 +
margin-left: 4px;
 +
color: #39561D;
 +
}
 +
/* Page */
/* Page */
#page {
#page {
-
width: 600px;
+
width: 820px;
margin: 0 auto;
margin: 0 auto;
padding: 0px;
padding: 0px;
Line 136: Line 198:
width: 900px;
width: 900px;
height: 300px;
height: 300px;
-
background: url(https://2009.igem.org/Image:UCL_London_Test_Img05.jpg) no-repeat left top;
+
margin: 0 auto;
 +
background: url(images/img05.jpg) no-repeat left top;
}
}
Line 170: Line 233:
#logo p a:hover { text-decoration: underline; }
#logo p a:hover { text-decoration: underline; }
-
 
-
}
 
/* Content */
/* Content */
#content {
#content {
-
    width: 593px;
+
float: right;
-
    position: relative;
+
width: 520px;
-
    float: left;
+
-
    margin-top: 20px;
+
}
}
Line 250: Line 309:
margin-bottom: 30px;
margin-bottom: 30px;
padding: 0 0 20px 0px;
padding: 0 0 20px 0px;
-
background: url(https://2009.igem.org/Image:UCL_London_Test_img07.jpg) repeat-x left top;
+
background: url(images/img07.jpg) repeat-x left top;
}
}
Line 273: Line 332:
margin: 0 0 20px 0px;
margin: 0 0 20px 0px;
padding: 15px 0px 0px 20px;
padding: 15px 0px 0px 20px;
-
background: url(https://2009.igem.org/Image:UCL_London_Test_img06.jpg) repeat-x left top;
+
background: url(images/img06.jpg) repeat-x left top;
text-transform: uppercase;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
Line 339: Line 398:
margin: 0 auto;
margin: 0 auto;
padding: 0;
padding: 0;
-
background: url(https://2009.igem.org/Image:UCL_London_Test_02.jpg) repeat-x left top;
+
background: url(images/img02.jpg) repeat-x left top;
height: 61px;
height: 61px;
}
}
Line 350: Line 409:
color: #FFFFFF;
color: #FFFFFF;
}
}
 +
#footer a {
#footer a {
}
}
</style>
</style>
-
</html>
 
-
 
-
 
-
 
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
-
<head>
 
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-
<title>UCL_London</title>
 
-
<meta name="keywords" content="" />
 
-
<meta name="description" content="" />
 
-
<link href="https://2009.igem.org/Template:UCL_London_2" rel="stylesheet" type="text/css" media="screen" />
 
</head>
</head>
<body>
<body>
Line 370: Line 419:
<div id="header">
<div id="header">
<div id="menu">
<div id="menu">
 +
<ul>
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li class="current_page_item"><a href="#">Home</a></li>
-
<li><a href="#">The Team</a></li>
+
<li><a href="#">Blog</a></li>
-
<li><a href="#">Planning</a></li>
+
<li><a href="#">Photos</a></li>
-
<li><a href="#">Business Plan</a></li>
+
<li><a href="#">Links</a></li>
-
<li><a href="#">Glossary</a></li>
+
<li><a href="#">Contact</a></li>
 +
 
</ul>
</ul>
</div>
</div>
<!-- end #menu -->
<!-- end #menu -->
-
+
<div id="search">
 +
<form method="get" action="">
 +
<fieldset>
 +
<input type="text" name="s" id="search-text" size="15" />
 +
<input type="submit" id="search-submit" value="Search" />
 +
</fieldset>
 +
 
 +
</form>
 +
</div>
 +
<!-- end #search -->
 +
</div>
<!-- end #header -->
<!-- end #header -->
 +
<div id="logo">
 +
<h1><a href="#">Reckoning </a></h1>
 +
<p><em> template design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></em></p>
-
<div id="logo">
+
</div>
-
<h1><a href="#">UCL_London</a></h1>
+
<hr />
-
</div>
+
<!-- end #logo -->
-
<hr />
+
-
<!-- end #logo -->
+
<!-- end #header-wrapper -->
<!-- end #header-wrapper -->
-
+
<div id="page">
-
<div id="sidebar">
+
<div id="content">
-
<ul>
+
<div class="post">
-
<li>
+
<h2 class="title">Welcome to Reckoning</h2>
-
<h2>Project</h2>
+
<p class="date">01.23.09</p>
-
<p>Short Description.</p>
+
 
-
</li>
+
<div class="entry">
-
<li>
+
<p>This is <strong>Reckoning</strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>, released for free under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a> license. The photos in this design are from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use this template for anything as long as you link back to <a href="http://www.freecsstemplates.org/">my site</a>. Enjoy :)</p>
-
<h2>Wet Lab</h2>
+
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.Sed lacus. Donec lectus. </p>
-
<ul>
+
 
-
<li><a href="#"></a><a href="#">Lab Notebook</a></li>
+
<p class="links"><a href="#" class="comments">Comments (64)</a> &nbsp;&nbsp;&nbsp; <a href="#" class="permalink">Full article</a></p>
-
<li><a href="#">Protocols</a></li>
+
</div>
-
<li><a href="#">aaa</a></li>
+
</div>
-
<li><a href="#">aaa</a></li>
+
<div class="post">
-
<li><a href="#">aaa</a></li>
+
<h2 class="title">Lorem ipsum sed aliquam</h2>
 +
<p class="date">01.23.09</p>
 +
 
 +
<div class="entry">
 +
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros.</p>
 +
<p class="links"><a href="#" class="comments">Comments (64)</a> &nbsp;&nbsp;&nbsp; <a href="#" class="permalink">Full article</a></p>
 +
</div>
 +
</div>
 +
 
 +
<div class="post">
 +
<h2 class="title">Lorem ipsum sed aliquam</h2>
 +
<p class="date">01.23.09</p>
 +
<div class="entry">
 +
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Phasellus pellentesque. Mauris quam enim, molestie in, rhoncus ut, lobortis a, est.</p>
 +
<p class="links"><a href="#" class="comments">Comments (64)</a> &nbsp;&nbsp;&nbsp; <a href="#" class="permalink">Full article</a></p>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
<!-- end #content -->
 +
<div id="sidebar">
 +
<ul>
 +
<li>
 +
<h2>Aliquam tempus</h2>
 +
 
 +
<p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p>
 +
</li>
 +
<li>
 +
<h2>Turpis nulla</h2>
 +
<ul>
 +
<li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
 +
<li><a href="#">Magna lacus bibendum mauris</a></li>
 +
 
 +
<li><a href="#">Velit semper nisi molestie</a></li>
 +
<li><a href="#">Eget tempor eget nonummy</a></li>
 +
<li><a href="#">Nec metus sed donec</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<h2>Modelling</h2>
+
<h2>Turpis nulla</h2>
 +
 
<ul>
<ul>
-
<li><a href="#"></a><a href="#">aaa</a></li>
+
<li><a href="#"></a><a href="#">Nec metus sed donec</a></li>
-
<li><a href="#">aaa</a></li>
+
<li><a href="#">Magna lacus bibendum mauris</a></li>
-
<li><a href="#">aaa</a></li>
+
<li><a href="#">Velit semper nisi molestie</a></li>
-
<li><a href="#">aaa</a></li>
+
<li><a href="#">Eget tempor eget nonummy</a></li>
-
<li><a href="#">aaa</a></li>
+
<li><a href="#">Nec metus sed donec</a></li>
 +
 
</ul>
</ul>
</li>
</li>
</ul>
</ul>
-
</div>
+
</div>
-
<!-- end #sidebar -->
+
<!-- end #sidebar -->
-
<div style="clear: both;">&nbsp;</div>
+
<div style="clear: both;">&nbsp;</div>
</div>
</div>
<!-- end #page -->
<!-- end #page -->
Line 425: Line 524:
<div id="footer">
<div id="footer">
<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
 +
</div>
</div>
<!-- end #footer -->
<!-- end #footer -->

Revision as of 14:24, 14 August 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Reckoning by Free CSS Templates

Welcome to Reckoning

01.23.09

This is Reckoning, a free, fully standards-compliant CSS template designed by Free CSS Templates, released for free under the Creative Commons Attribution 2.5 license. The photos in this design are from PDPhoto.org. You're free to use this template for anything as long as you link back to my site. Enjoy :)

Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.Sed lacus. Donec lectus.

Comments (64)    

Lorem ipsum sed aliquam

01.23.09

Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros.

Comments (64)    

Lorem ipsum sed aliquam

01.23.09

Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Phasellus pellentesque. Mauris quam enim, molestie in, rhoncus ut, lobortis a, est.

Comments (64)    

 

Retrieved from "http://2009.igem.org/Template:UCL_London"