Template:UCL London

From 2009.igem.org

(Difference between revisions)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
 
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 82:
#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 107:
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 124:
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 181:
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 216:
#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 292:
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 315:
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 381:
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 392:
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="" />
 
-
</head>
 
-
<body>
 
-
<div id="wrapper">
 
-
 
-
<div id="header">
 
-
<div id="menu">
 
-
<ul>
 
-
<li class="current_page_item"><a href="#">Home</a></li>
 
-
<li><a href="#">Team</a></li>
 
-
<li><a href="#">Planning</a></li>
 
-
<li><a href="#">Links</a></li>
 
-
<li><a href="#">Contact</a></li>
 
-
</ul>
 
-
</div>
 
-
<!-- end #menu -->
 
-
</div>
 
-
<!-- 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>
 
-
<hr />
 
-
<!-- end #logo -->
 
-
<!-- end #header-wrapper -->
 
-
 
-
<div id="page">
 
-
<div id="content">
 
-
<div class="post">
 
-
<h2 class="title">Welcome to Reckoning</h2>
 
-
<p class="date">01.23.09</p>
 
-
<div class="entry">
 
-
<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>
 
-
<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>
 
-
<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.</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>
 
-
</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>
 
-
</li>
 
-
</ul>
 
-
</div>
 
-
<!-- end #sidebar -->
 
-
<div style="clear: both;">&nbsp;</div>
 
-
</div>
 
-
<!-- end #page -->
 
-
 
-
<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>
 
-
</div>
 
-
<!-- end #footer -->
 
-
</div>
 
-
</body>
 
</html>
</html>

Revision as of 11:10, 14 August 2009