Difference between revisions of "Team:OUC-China"

(Replaced content with "#div1{ width:100%; height:100%; background-color:#000;} </style> <div id="div1"></div>")
Line 1: Line 1:
<style type="text/css">
+
#div1{ width:100%; height:100%; background-color:#000;}
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
 
+
 
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
width: 100%;  
+
height: 100%;
+
border: 0px;
+
background-color: transparent;
+
margin: 0px;
+
padding: 0px;
+
}
+
 
+
html, body, .wrapper { /*-- changes default wiki settings --*/
+
width: 100%;
+
height: 100%;
+
background-color: transparent;
+
}
+
 
+
body {
+
 
+
+
    font: 15px/23px tahoma;
+
font-family: 'Tangerine', serif;
+
+
}
+
 
+
#topbar {
+
    height: 150px;
+
    background-color: #333333;
+
    position: fixed;
+
    width:100%;
+
    top: 0px;
+
    left:0px;
+
    z-index:999999;
+
 
+
}
+
/*Header Menu*/
+
#topmenu {
+
    display: block;
+
    list-style: none;
+
    padding: 0px 0px 0px 0px;
+
    height:30px;
+
}
+
#topmenu li {
+
display:inline;
+
}
+
#topmenu a {
+
    display: block;
+
    float: left;
+
    height: 28px;
+
    margin: 0px 0px 0px 0px;
+
    text-decoration: none;
+
    padding: 9px 15px 0px 15px;
+
    text-align: center;
+
    font-family: calibri;
+
    font-size: 15px;
+
    font-weight: bold;
+
}
+
#topmenu a, #topmenu a:visited, #topmenu a:active {
+
color:#FFFFFF;
+
}
+
#topmenu a:hover{
+
color:#ffffff;
+
background-color: #B52E10;
+
}
+
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{
+
color:#FFFFFF;
+
background-color: #B42D0F;
+
}
+
 
+
.headername {
+
    padding: 8px;
+
    height: 65px;
+
    vertical-align: middle;
+
    background-color: #FFFFFF;
+
    color: #800000;
+
margin-top:20px;
+
}
+
.headericon {
+
    float: left;
+
    width: 90px;
+
    height: 60px;
+
}
+
.igemicon {
+
    float: right;
+
    width: 100px;
+
    height: 60px;
+
    margin-right: 15px;
+
}
+
.headertiltle {
+
    font-size: 25px;
+
    font-family: calibri;
+
    float: left;
+
    width: 525px;
+
    text-decoration: none;
+
    line-height: 60px;
+
    height: 56px;
+
    position: relative;
+
    top: 0px;
+
    left: 0px;
+
}
+
 
+
.headertiltle a {
+
    font-size: 28px;
+
    font-family: calibri;
+
    float: left;
+
    width: 500px;
+
    text-decoration: none;
+
    line-height: 60px;
+
    font-weight: bold;
+
    color: #B80000;
+
}
+
  
  
 
</style>
 
</style>
 
+
<div id="div1"></div>
 
+
<head>
+
<script type="text/javascript">
+
$(document).ready(function() {
+
$('a').click(function(){
+
    $('html, body').animate({
+
        scrollTop: $( $.attr(this, 'href') ).offset().top
+
    }, 500);
+
    return false;
+
});
+
});
+
</script>
+
 
+
<div id="topbar">
+
    <div class="headername">
+
        <div class="headericon">
+
            <img src="https://static.igem.org/mediawiki/2015/9/97/Headericon.PNG" style="height: 61px; width: 87px" alt="headericon" />
+
 
+
        </div>
+
  <div class="headertiltle"><a href="https://2015.igem.org/Team:BostonU">Boston University iGEM 2015  </a></div>
+
 
+
          <div class="igemicon">
+
            <img src="https://static.igem.org/mediawiki/2015/1/10/Virginia_igem_logo.jpg" style="height: 62px; width: 70px" alt="headericon" />
+
        </div>
+
  </div>
+
 
+
  <div id="menus">
+
  <ul id="topmenu">
+
            <li><a href="https://2015.igem.org/Team:BostonU">Home</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Team">Team</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Project">Project</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Notebook">Notebook</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Attributions">Attributions</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Collaborations">Collaborations</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Practices">Human Practices</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Safety">Safety</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Modeling">Modeling</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Measurement">Measurement</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Software">Software</a></li>
+
<li><a href="https://2015.igem.org/Team:BostonU/Entrepreneurship">Entrepreneurship</a></li>
+
</ul>
+
</div>
+
</div>
+
 
+
 
+
 
+
<header>
+
<title>Home</title>
+
<style type="text/css">
+
 
+
#header {
+
  margin-top: 150px;
+
    height: 265px;
+
    background: url(https://static.igem.org/mediawiki/2015/0/08/Homepic.JPG) no-repeat;
+
    background-repeat: no-repeat;
+
    background-position: center;
+
}
+
#contentpage {
+
    border-color: #C0C0C0;
+
    background-color: #FFFFFF;
+
    width: 80%;
+
    margin-right: auto;
+
    margin-left: auto;
+
    border-radius: 10px;
+
    font-weight: bold;
+
    font-size: 16px;
+
}
+
#mainpage {
+
    border: 1px solid #C0C0C0;
+
    width: 100%;
+
    float: left;
+
    padding: 10px;
+
    height: 300px;
+
    box-shadow: 5px 5px 2px #888888;
+
    border-radius: 10px;
+
    background-color: #F0F0F0;
+
    font-family: 'Calibri Light';
+
}
+
#mainpage p {
+
line-height:22px;
+
margin:10px 0px 22px 0px;
+
}
+
#mainpage blockquote {
+
background:#efefef;
+
display:block;
+
margin:5px;
+
font:Georgia, "Times New Roman", Times, serif;
+
font-style:italic;}
+
h2, h3, h4, h5 {
+
    color: #B32C0E;
+
    font-weight: bold;
+
    font-family: Arial, Helvetica, sans-serif;
+
    vertical-align: middle;
+
    font-size: 30px;
+
}
+
.clear {
+
clear:both;}
+
 
+
/*footer*/
+
#footer {
+
    margin: 20px auto 0 auto;
+
    width: 98.2%;
+
    height: 60px;
+
    padding: 10px;
+
    color: #FFFFFF;
+
    text-align: center;
+
    background: #333333;
+
    font-family: Verdana, Arial, Helvetica, sans-serif;
+
    font-size: 11px;
+
    clear: both;
+
}
+
 
+
    </style>
+
 
+
 
+
 
+
 
+
 
+
<div id="header">
+
</div>
+
 
+
 
+
<div id="contentpage">
+
<div id="mainpage">
+
<h2>Welcome to Our Project !</h2>
+
<p>
+
    The goal of our team this summer is to create an efficient and widely applicable workflow for splitting proteins. By splitting proteins and fusing each half to a drug-inducible domain, scientists can gain temporal control over protein expression. Using our workflow, the proteins will be translated into two inert halves that are each fused to domains that bind in the presence of an inducer drug. By introducing the drug into the system, the two inert protein halves will come together and for a fully functioning protein. In this way, scientists can further increase their control over protein function. The two types of proteins we will be testing our workflow on are the large serine integrase family and saCAS9. These proteins harness powerful mechanisms that have significant applications in the future of synthetic biology. By using our workflow, we hope to increase scientists understanding of these proteins and also provide a mechanism for increasing temporal control.
+
</p>
+
</div>
+
 
+
</div>
+
    <br />
+
    <br />
+
    <br />
+
<div class="clear"></div>
+
    <div class="clear"></div>
+
 
+
<div id="footer">
+
<p>Copyright Boston Unversity IGEM &copy; 2015  <a href="#"></a></p>
+
    <div>
+
   
+
<div>
+
<a href="[full link to your Twitter]">
+
<img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/twitter.png" width="35" height="35" />
+
</a>
+
<a href="[full link to your Facebook page]">
+
<img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/facebook.png" width="35" height="35" />
+
</a>
+
<a href="mailto:[email address]">
+
<img title="Email" alt="Email" src="https://socialmediawidgets.files.wordpress.com/2014/03/email.png" width="35" height="35" />
+
</a>
+
 
+
</div>
+
 
+
    </div>
+
</div>
+

Revision as of 10:45, 6 August 2015

  1. div1{ width:100%; height:100%; background-color:#000;}


</style>