Team:IIT Madras

From 2009.igem.org

(Difference between revisions)
Line 6: Line 6:
<head><style>
<head><style>
-
#container {
+
body
-
 
+
{
-
width: 850px;
+
background: #000;
-
 
+
-
margin-right: auto;
+
-
 
+
-
margin-left: auto;
+
-
 
+
}
}
-
#header {
+
#top-section, #content, #footer-box
-
 
+
{
-
height: 100px;
+
margin-top: 40px;
-
 
+
-
width: 850px;
+
-
 
+
-
background-image: transparent url(https://static.igem.org/mediawiki/2009/c/c8/IITM.png) top right;
+
}
}
-
 
+
#content
-
 
+
{
-
#content {
+
padding: 0;
-
 
+
-
width: 500px;
+
-
 
+
-
padding: 10px;
+
-
 
+
-
margin-right: 160px;
+
-
 
+
-
margin-left: 160px;
+
-
 
+
}
}
-
#leftnav {
+
input.searchButton
-
 
+
{
-
float: left;
+
color: #fff;
-
 
+
-
width: 140px;
+
-
 
+
-
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;
-
 
+
font-face: Verdana, Calibri, Georgia, sans-serif;
-
width: 130px;
+
-
 
+
-
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;
-
 
+
border: none;
-
text-decoration: underline;
+
-
 
+
-
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;
-
 
+
margin: 0 auto;
-
  text-decoration: underline;
+
width: 900px;
-
 
+
position: relative;
-
  font-weight: bold;
+
-
 
+
}
}
-
 
+
#aHeading h1
-
 
+
-
#leftnav a:hover
+
-
 
+
{
{
-
 
+
border-bottom: 4px solid #08f;
-
text-decoration: none;
+
font-family: /*"Trajan Pro",*/ "Georgia", serif;
-
 
+
font-size: 300%;
-
color: #0000ff;
+
font-weight: lighter;
-
 
+
letter-spacing: 2px;
 +
padding: 5px;
 +
position: absolute;
 +
  left: 0;
 +
  top: 40px;
}
}
-
 
+
#aNav
-
 
+
{
-
#sidebar {
+
background: #08f;
-
 
+
clear: right;
-
padding: 10px;
+
display: block;
-
 
+
float: left;
-
float: right;
+
margin: 20px 0 50px 0;
-
 
+
padding: 0 0 0 20px;
-
width: 130px;
+
width: 945px;
-
 
+
-
background-color: #30D9F4;
+
-
 
+
-
height: 390px;
+
-
 
+
-
 
+
-
 
+
}
}
-
 
+
#aNav li
-
 
+
{
-
#footer {
+
display: block;
-
 
+
float: left;
-
background-color: #2F77F1;
+
-
 
+
-
padding: 10px;
+
-
 
+
-
clear: both;
+
-
 
+
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
-
 
+
-
font-size: 12px;
+
-
 
+
-
font-weight: bold;
+
-
 
+
}
}
-
 
+
#aNav li a
-
 
+
{
-
 
+
background: #08f;
-
 
+
color: #fff;
-
h1 {
+
display: block;
-
 
+
line-height: 120%;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
padding: 2px 7px;
-
 
+
-
font-size: 22px;
+
-
 
+
-
font-weight: bold;
+
-
 
+
-
color: #1A2373;
+
-
 
+
-
line-height: 24px;
+
-
 
+
}
}
-
h2 {
+
#aNav li a:hover, #aNav li a.aSelected
-
 
+
{
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
background: #fff;
-
 
+
color: #08f;
-
font-size: 17px;
+
-
 
+
-
font-weight: bold;
+
-
 
+
-
color: #2F77F1;
+
-
 
+
-
line-height: 20px;
+
-
 
+
}
}
-
h3 {
+
#aContent
-
 
+
{
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
margin: 50px auto;
-
 
+
padding: 10px 10px 60px 10px;
-
font-size: 14px;
+
width: 800px;
-
 
+
-
font-weight: bolder;
+
-
 
+
-
color: #000000;
+
-
 
+
-
line-height: 20px;
+
-
 
+
}
}
 +
</style>
 +
</head>
-
p {
+
<body>
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
<div id="aHome">
-
font-size: 12px;
+
<div id="aHeading">
 +
<h1 class="pageTitle">IIT Madras</h1>
 +
</div>
-
line-height: 11pt;
+
<ul id="aNav">
-
 
+
<li><a class="aSelected" href="https://2009.igem.org/Team:IIT_Madras">Home</a></li>
-
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
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
</style>
+
-
 
+
-
</head>
+
-
 
+
-
<body>
+
-
</head>
+
-
<body>
+
-
<div id="container">
+
-
<div id="header"><span class="style1"> </span></div>
+
-
<div id="leftnav">
+
-
<ul id="navlist">
+
-
<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/Team">Team</a></li>
  <li><a href="https://2009.igem.org/Team:IIT_Madras/Project">Project</a></li>
  <li><a href="https://2009.igem.org/Team:IIT_Madras/Project">Project</a></li>
  <li><a href="https://2009.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
  <li><a href="https://2009.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
-
  <li><a href="https://2009.igem.org/Team:IIT_Madras/Test">Test</a></li>
+
   
</ul>
</ul>
-
<p>The entire left column layout and color is controlled by the
 
-
"leftnav" section on the style sheet. </p>
 
-
<p>The nav links above are controlled by the a leftnav, a
 
-
leftnav, leftnav a:hover and leftnav ul section.</p>
 
-
<p>Play around with different attributes to see different results.</p>
 
-
</div>
 
-
<div id="sidebar">
 
-
<p> This is where you put sidebar text. It's a great place for
 
-
text and banner ads or news items.</p>
 
-
<p>Define the look and feel of this area by editing the <strong>sidebar</strong>
 
-
section in the style.css file that came with this template.</p>
 
-
<p>You can also adjust the color, height, etc. of this area if
 
-
you wish.</p>
 
-
</div>
 
-
<div id="content">
 
-
<h1>PLASMID</h1>
 
-
<p>This area is controlled by the "container" section on your
 
-
style sheet. If you want to adjust the size of this space, change the
 
-
gray background color, etc. then you can play with the values
 
-
underneath "container" section in the style.css file.</p>
 
-
<p>To change the font size and style, edit the "p" attribute.</p>
 
-
<p><a href="http://www.yahoo.com">This is a hyperlink</a>.
 
-
To change the color of the hyperlink and the color it changes when you
 
-
mouseover it, edit the "a", "a: visited" and "a: hover" sections in
 
-
style.css.</p>
 
-
<h2>This is H2 Subtitle Text. Change the H2 tag in the style
 
-
sheet to change the design of this text.</h2>
 
-
<h3>This is H3 Subtitle Text. Change the H3 tag in the style
 
-
sheet to change the design of this text.<br />
 
-
</h3>
 
-
</div>
 
-
<div id="footer" align="center">
 
-
<p>This is the footer section. To edit the colors, font style,
 
-
etc. Edit the "footer" section in style.css</p>
 
-
<p class="smalltext">© 2008 Your copyright notice </p>
 
-
<p class="smalltext">(The size of the copyright notice is
 
-
controlled by "smalltext" in the style sheet.)</p>
 
-
 
-
 
-
<div id="aHome">
 
-
 
-
<div id="aHead
 
 +
<div id="aContent">
 +
This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!
 +
</div>
</div><!-- home -->
</div><!-- home -->

Revision as of 17:43, 12 October 2009


IIT Madras

This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!This page is under construction!
Igem 2009 team.jpg

Retrieved from "http://2009.igem.org/Team:IIT_Madras"