Difference between revisions of "Team:IIT-Madras/codonut"

(Replaced content with "{{IIT-Madras/CSS}} <html> <body> <div id="content" style="display: block; background: #e0e0e0; margin: 0px; text-align: center; padding-top: 60px;"> <h1 style="...")
Line 1: Line 1:
 +
{{IIT-Madras/CSS}}
 
<html>
 
<html>
<head>
 
  
<style type="text/css">
 
/* Start Removing iGEM Style*/ .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin:0px; } #HQ_page p{ font-size: 20px; } #HQ_page .clear{ height:0px; } .clear { clear: both; height:0px; } #sideMenu{ display:none; } #top_title{ display:none; } #content { width: 100%; margin:0px auto; padding:0px; border:none; background:none; } #globalWrapper { width: 100%; padding:0px; margin-top: -25px; } .firstHeading { display:none; } #bodyContent h1, #bodyContent h2{ margin: 0; } /* End Removing iGEM Style */
 
 
 
@font-face{
 
src: url(https://static.igem.org/mediawiki/2016/a/aa/Iitm_lb.otf);
 
font-family: L;
 
}
 
@font-face{
 
src: url(https://static.igem.org/mediawiki/2016/5/59/Iitm_gi.otf);
 
font-family: C;
 
}
 
body{
 
background: #050505;
 
color: white;
 
font-family: C;
 
text-align: center;
 
padding: 0px;
 
                        margin: 0px;
 
}
 
ul{
 
list-style-type: none;
 
padding: 5px;
 
margin: 0px;
 
}
 
li.nav{
 
display: inline-block;
 
font-size: 15px;
 
padding: 8px 16px 8px 16px;
 
border-left: 5px solid #ffffff;
 
background: #181818;
 
border-radius: 1px;
 
color: #ffffff;
 
margin: 10px;
 
font-weight: 200;
 
}
 
li.nav:hover{
 
background: #282828;
 
}
 
a,a:visited{
 
text-decoration: none;
 
font-family: C;
 
color: inherit;
 
}
 
a.nav{
 
display: inline-block;
 
min-width: 200px;
 
text-align: left;
 
                        text-decoration: none;
 
}
 
                img.nav{
 
                      vertical-align: 0px;
 
                      margin-right: 5px;
 
                      filter: brightness(5000%);
 
                }
 
a.nav:hover{
 
cursor: pointer;
 
cursor: hand;
 
}
 
a.btn{
 
background: #000f0d;
 
color: #22ffdd;
 
border-radius: 3px;
 
padding: 8px 16px 8px 16px;
 
font-size: 15px;
 
letter-spacing: 3px;
 
font-family: C;
 
font-weight: 200;
 
                        text-decoration: none;
 
}
 
a.btn:hover{
 
background: #00332b;
 
}
 
                h1,h2{
 
                    font-family: L;
 
                    font-size: 50px;
 
                    letter-spacing: 6px;
 
                    color: black;
 
                    padding-bottom: 60px;
 
                }
 
                span.hd3{
 
                    font-family: L;
 
                    font-size: 20px;
 
                    letter-spacing: 2px;
 
                    padding: 0px;
 
                    margin: 0px;
 
                    display: block;
 
                    text-align: left;
 
                }
 
                h2{
 
                    font-size: 30px;
 
                    padding-bottom: 20px;
 
                }
 
                p{
 
                  display: inline-block;
 
                  font-family: C;
 
                  font-size: 15px;
 
                  min-width: 74%;
 
                  max-width: 75%;
 
                  padding: 20px;
 
                  color: black;
 
                  text-align: justify;
 
                  margin: 0px;
 
                }
 
</style>
 
 
<script type="text/javascript">
 
function gid(a){
 
return document.getElementById(a);
 
}
 
function setup(){
 
gid('welcome').style.paddingTop = gid('header').offsetHeight + 'px';
 
}
 
function putmenu(){
 
gid('menu').style.display = 'block';
 
gid('lines').style.display = 'none';
 
gid('cross').style.display = 'inline-block';
 
}
 
function cutmenu(){
 
gid('menu').style.display = 'none';
 
gid('lines').style.display = 'inline-block';
 
gid('cross').style.display = 'none';
 
}
 
</script>
 
</head>
 
<body onload="setup()" onresize="setup()">
 
<div id="header" style="display: block; width: 100%; text-align: left; background: #050505; position: fixed; top: 0px; padding-top: 15px; box-shadow: 0px 2px 4px rgba(5,5,5,0.5); z-index: 20;">
 
<ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;">
 
<li class="nav" id="lines" style="border: none; max-width: 120px; background: #050505;"> <a class="nav" onclick="putmenu()">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/7/7c/Iitm_menu.png" height="15" width="15"> MENU
 
</a> </li>
 
<li class="nav" id="cross" style="display:none; border: none; max-width: 120px; background: #050505;"> <a class="nav" onclick="cutmenu()">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/37/Iitm_close.png" height="15" width="15"> CLOSE
 
</a> </li>
 
</ul>
 
<ul id="menu" style="display: none; padding-bottom: 30px;">
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b4/Iitm_home.png" height="15" width="15"> HOME
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Team">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/db/Iitm_team.png" height="15" width="15"> TEAM
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Description">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6e/Iitm_project.png" height="15" width="15"> PROJECT
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Parts">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/f8/Iitm_parts.png" height="15" width="15"> PARTS
 
</a> </li>
 
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Measurement">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/f/fd/Iitm_measurements.png" height="15" width="15"> MEASUREMENTS
 
</a> </li>
 
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Model">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/4/45/Iitm_model.png" height="15" width="15"> MODEL
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Safety">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/d/d0/Iitm_safety.png" height="15" width="15"> SAFETY
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Attributions">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/3/36/Iitm_attributions.png" height="15" width="15"> ATTRIBUTIONS
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Human_Practices">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/9/94/Iitm_humanpractices.png" height="15" width="15"> HUMAN PRACTICES
 
</a> </li>
 
                        <li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Interlabstudy">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/b/b8/Iitm_interlab.png" height="15" width="15"> INTERLAB STUDY
 
</a> </li>
 
<li class="nav"> <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Entrepreneurship">
 
<img class="nav" src="https://static.igem.org/mediawiki/2016/6/6f/Iitm_awards.png" height="15" width="15"> AWARDS
 
</a> </li>
 
 
</ul>
 
</div>
 
 
 
 
 
Line 180: Line 8:
  
  
 
+
<body>
 
 
 
<div id="content" style="display: block; background: #e0e0e0; margin: 0px; text-align: center; padding-top: 60px;">
 
<div id="content" style="display: block; background: #e0e0e0; margin: 0px; text-align: center; padding-top: 60px;">
Line 200: Line 28:
  
  
 
 
 
 
<div id="footer" style="display: block; background: #050505; margin: 0px; padding: 30px; text-align: justify; border: none; box-shadow: 0px -2px 4px rgba(5,5,5,0.5);  z-index: 20;">
 
<h1 style="font-family: L; font-weight: 200; font-size: 30px;  letter-spacing: 3px; color:white;">
 
Contact Us
 
</h1>
 
                <br>
 
<ul>
 
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
 
<br>
 
<img src="https://static.igem.org/mediawiki/2016/c/c1/Iitm_place.png" width=50 height=50>
 
</li>
 
<li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; padding-left: 0px; max-width: 500px; text-align: justify; background: none; border: none; line-height: 150%;">
 
Department of Biotechnology<br>
 
Bhupat & Jyoti Mehta School of Biosciences<br>
 
Indian Institute of Technology Madras<br>
 
Chennai - 600036
 
</li>
 
<li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; ">
 
<br>
 
<img src="https://static.igem.org/mediawiki/2016/2/23/Iitm_mail.png" width=50 height=50>
 
</li>
 
<li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; padding-left: 0px; max-width: 500px; text-align: justify; background: none; border: none;  line-height: 150%;">
 
<br>
 
igemiitm16@gmail.com
 
</li>
 
</ul>
 
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{IIT-Madras-footer/CSS}}

Revision as of 15:22, 5 October 2016

CODONUT

A Game based on codon bias

Section 1 First sentence goes here