Team:IIT Madras/Notebook

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!--
+
#container {
-
[http://openwetware.org/wiki/IGEM:Indian_Institue_of_Technology_Madras/2009/Notebook/Combinatorial_LOck Lab notebook]
+
width: 850px;
-
[[Image:IITM.png|200px]]
+
margin-right: auto;
-
-->
+
margin-left: auto;
-
 
+
-
<html>
+
-
<head><style>
+
-
 
+
-
body
+
-
{
+
-
background: #000;
+
}
}
-
 
+
#header {
-
#top-section, #content, #footer-box
+
height: 100px;
-
{
+
width: 850px;
-
margin-top: 40px;
+
background-image: url(images/header.jpg);
}
}
-
#content
+
#content {
-
{
+
width: 500px;
-
padding: 0;
+
padding: 10px;
 +
margin-right: 160px;
 +
margin-left: 160px;
}
}
-
 
+
#leftnav {
-
input.searchButton
+
float: left;
-
{
+
width: 140px;
-
color: #fff;
+
height: 400px;
 +
background-color: #30D9F4;
 +
padding: 5px;
 +
}
}
-
.firstHeading, #contentSub
+
#leftnav ul
{
{
-
display: none;
+
margin-left: 0;
 +
padding-left: 0;
 +
list-style-type: none;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
}
}
-
#aHome
+
#leftnav a
{
{
-
color: #343434;
+
display: block;
-
font-size: 1.2em;
+
width: 130px;
-
font-face: Verdana, Calibri, Georgia, sans-serif;
+
padding-top: 3px;
 +
padding-right: 3px;
 +
padding-bottom: 3px;
 +
padding-left: 3px;
 +
border-bottom-width: 1px;
}
}
-
#aHome *
+
#leftnav a:link, .navlist a:visited
{
{
-
margin: 0;
+
color: #ffffff;
-
padding: 0;
+
text-decoration: underline;
-
border: none;
+
font-weight: bold;
}
}
-
#aHeading
+
#leftnav a:visited
{
{
-
background: transparent url(https://static.igem.org/mediawiki/2009/c/c8/IITM.png) top right no-repeat;
+
  color: #ffffff;
-
height: 125px;
+
  text-decoration: underline;
-
margin: 0 auto;
+
  font-weight: bold;
-
width: 900px;
+
-
position: relative;
+
}
}
-
#aHeading h1
+
#leftnav a:hover
{
{
-
font-family: /*"Trajan Pro",*/ "Georgia", serif;
+
text-decoration: none;
-
font-size: 300%;
+
color: #0000ff;
-
font-weight: lighter;
+
-
letter-spacing: 2px;
+
-
border-bottom: 4px solid #e0b;
+
-
padding: 5px;
+
-
position: absolute;
+
-
  left: 0;
+
-
  top: 40px;
+
}
}
-
#aNav
+
#sidebar {
-
{
+
padding: 10px;
-
background: #e0b;
+
float: right;
-
clear: right;
+
width: 130px;
-
display: block;
+
background-color: #30D9F4;
-
float: left;
+
height: 390px;
-
margin: 20px 0 50px 0;
+
 
-
padding: 0 0 0 20px;
+
-
width: 945px;
+
}
}
-
#aNav li
+
#footer {
-
{
+
background-color: #2F77F1;
-
display: block;
+
padding: 10px;
-
float: left;
+
clear: both;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
font-weight: bold;
}
}
-
#aNav li a
+
 
-
{
+
h1 {
-
background: #e0b;
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
color: #fff;
+
font-size: 22px;
-
display: block;
+
font-weight: bold;
-
line-height: 120%;
+
color: #1A2373;
-
padding: 2px 7px;
+
line-height: 24px;
 +
}
 +
h2 {
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
font-size: 17px;
 +
font-weight: bold;
 +
color: #2F77F1;
 +
line-height: 20px;
 +
}
 +
h3 {
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
font-weight: bolder;
 +
color: #000000;
 +
line-height: 20px;
}
}
-
#aNav li a:hover, #aNav li a.aSelected
+
p {
-
{
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
background: #fff;
+
font-size: 12px;
-
color: #e0b;
+
line-height: 11pt;
 +
margin-top: 3px;
 +
margin-right: 0;
 +
margin-bottom: 3px;
 +
margin-left: 0;
 +
padding-bottom: 9px;
}
}
-
#aContent
+
a {
-
{
+
color: #E82525;
-
margin: 50px auto;
+
font-weight: bold;
-
padding: 10px 10px 60px 10px;
+
text-decoration: underline;
-
width: 800px;
+
}
 +
a:visited {
 +
color: #E82525;
 +
text-decoration: underline;
 +
font-weight : bold;
 +
}
 +
a:hover {
 +
color: #901BBE;
 +
text-decoration: none;
}
}
-
</style>
 
-
</head>
+
.box1 {
 +
background:#ffffff;
 +
color: #000;
 +
border:1px solid #00ffff;
 +
width: 400px;
 +
height: 165px;
 +
padding-top: 5;
 +
padding-right: 6px;
 +
padding-bottom: 0;
 +
padding-left: 6px;
 +
line-height: 16px;
 +
}
-
<body>
+
.smalltext {
-
 
+
font-family: Verdana, Arial, Helvetica, sans-serif;
-
<div id="aHome">
+
font-size: 10px;
-
 
+
padding: 3px 0;
-
<div id="aHeading">
+
    margin: 3px 0;
-
<h1 class="pageTitle">IIT Madras</h1>
+
line-height: 12pt
-
</div>
+
}
-
 
+
-
<ul id="aNav">
+
-
<li><a href="https://2009.igem.org/Team:IIT_Madras">Home</a></li>
+
-
<li><a href="https://2009.igem.org/Team:IIT_Madras/Team">Team</a></li>
+
-
<li><a href="https://2009.igem.org/Team:IIT_Madras/Project">Project</a></li>
+
-
<li><a class="aSelected" href="https://2009.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
+
-
</ul>
+
-
 
+
-
<div id="aContent">
+
-
<a href="http://openwetware.org/wiki/IGEM:Indian_Institue_of_Technology_Madras/2009/Notebook/Combinatorial_LOck">Lab Notebook</a>
+
-
</div>
+
-
 
+
-
</div><!-- home -->
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 13:27, 12 October 2009

  1. container {

width: 850px; margin-right: auto; margin-left: auto; }

  1. header {

height: 100px; width: 850px; background-image: url(images/header.jpg); }

  1. content {

width: 500px; padding: 10px; margin-right: 160px; margin-left: 160px; }

  1. leftnav {

float: left; width: 140px; height: 400px; background-color: #30D9F4; padding: 5px;

}

  1. leftnav ul

{ margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

  1. leftnav a

{ display: block; width: 130px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; border-bottom-width: 1px; }

  1. leftnav a:link, .navlist a:visited

{ color: #ffffff; text-decoration: underline; font-weight: bold; }

  1. leftnav a:visited

{

  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;

}

  1. leftnav a:hover

{ text-decoration: none; color: #0000ff; }

  1. sidebar {

padding: 10px; float: right; width: 130px; background-color: #30D9F4; height: 390px;

}

  1. footer {

background-color: #2F77F1; padding: 10px; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }


h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #1A2373; line-height: 24px; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #2F77F1; line-height: 20px; } h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #000000; line-height: 20px; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 11pt; margin-top: 3px; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding-bottom: 9px; }

a { color: #E82525; font-weight: bold; text-decoration: underline; } a:visited { color: #E82525; text-decoration: underline; font-weight : bold; } a:hover { color: #901BBE; text-decoration: none; }


.box1 { background:#ffffff; color: #000; border:1px solid #00ffff; width: 400px; height: 165px; padding-top: 5; padding-right: 6px; padding-bottom: 0; padding-left: 6px; line-height: 16px; }

.smalltext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 3px 0;

   margin: 3px 0;

line-height: 12pt }