Team:UIUC Illinois

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:UIUC_Illinois/Default}} {{Template:Team:UIUC_Illinois/Navbar}} {{:Team:UIUC_Illinois/Footer}}")
Line 2: Line 2:
{{Template:Team:UIUC_Illinois/Navbar}}
{{Template:Team:UIUC_Illinois/Navbar}}
 +
<html>
 +
<style>
 +
/*Coffee Art Banner*/
 +
#topheader{
 +
    display:block;
 +
    top:-15px;
 +
    width:100%;
 +
    margin-bottom:-120px;
 +
    position:relative;
 +
}
 +
/* Panels */
 +
.panel {
 +
    width:1100px;
 +
    height:528px;
 +
    margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Yanone Kaffeesatz', sans-serif;
 +
}
 +
.panel a {
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
 +
 +
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
    position:relative;
 +
    bottom:480px;
 +
    background:transparent;
 +
}
 +
 +
/* Project Panels*/
 +
.subpanel1 { /* Infographics */
 +
    float:left;
 +
    width:550px;
 +
    height:300px;
 +
    font-size:22px;
 +
    text-align:center;
 +
    margin-top:50;
 +
    /*margin-right:11px;*/
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
}
 +
.subpanel1:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel1:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.subpanel2 { /* Our Story Divider */
 +
    /*float:left;*/
 +
    width:1070px;
 +
    height:50px;
 +
    text-align:center;
 +
    line-height:50px;
 +
    background-color:#80776C;
 +
    color:#FFEDD7;
 +
    border-radius:7px;
 +
    position:relative;
 +
    bottom:50px;
 +
    font-family: /*'Great Vibes'*/, cursive;
 +
    font-size: 35px;
 +
}
 +
 +
/* Highlights */
 +
.subpanel3 { /* divide page in 3 */
 +
    float:left;
 +
    width:354px;
 +
    height:492px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:18px;
 +
}
 +
 +
.subpanel5 { /* Columns 1 and 2*/
 +
    float:left;
 +
    width:354px;
 +
    height:450px;
 +
    font-size:22px;
 +
    background:rgb(255,255,255);
 +
    color:black;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    text-align:center;
 +
}
 +
.subpanel5:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel5:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
 +
.subpanel4 { /* Column 3 */
 +
    height:450px;
 +
    margin:0;
 +
    margin-bottom:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
 +
}
 +
.subpanel4:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel4:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
 +
/* Panels at the bottom */
 +
.subpanel6 {
 +
    float:left;
 +
    height:96px;
 +
    width:261.5px;
 +
    margin-right:18px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background-color:#CCA36F;
 +
    color:white;
 +
}
 +
.subpanel6 img {
 +
    margin-top:16px;
 +
    background:white;
 +
}
 +
.subpanel6 img:hover {
 +
    background:rgb(252,250,229);
 +
}
 +
 +
 +
</style>
 +
 +
<!--Top Banner-->
 +
<div id="topheader">
 +
<img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="1100px" height="632"/>
 +
</div>
 +
 +
<!--Space between banner and Our Story-->
 +
<div style="clear: both;"></div>
 +
 +
 +
<!--Space between Image Banners and Small Buttons-->
 +
<div style="clear: both;"></div>
 +
 +
 +
<!--Small Buttons-->
 +
<div>
 +
<div class="subpanel6">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Team">
 +
<center><img src="#" height="64px"/></center>
 +
</a>
 +
</div>
 +
<div class="subpanel6">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Notes" title="Notebook">
 +
<center><img src="#" height="64px"/></center> 
 +
</a>
 +
</div>
 +
<div class="subpanel6">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Parts" title="Parts">
 +
<center><img src="#" height="64px"/></center>
 +
</a>
 +
</div>
 +
<div class="subpanel6" style="margin-right:0">
 +
<a href="https://2014.igem.org/Team:UIUC_Illinois/Medal_Fulfillment" title="Medal Fulfillment">
 +
<center><img src="#" height="64px"/></center>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<!--Space between Small Buttons and Footer-->
 +
<div style="clear: both;"></div>
 +
 +
<script>
 +
$(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
 +
$(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
$(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
$(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
$(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 +
</script>
 +
</div>
 +
</html>
{{:Team:UIUC_Illinois/Footer}}
{{:Team:UIUC_Illinois/Footer}}

Revision as of 01:05, 1 September 2014
The Institute for Genomic Biology
Biosystems Design, South wing, 2nd floor
University of Illinois at Urbana-Champaign
1206 West Gregory Drive
61801 Urbana, Illinois
illinoisigem@gmail.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:UIUC_Illinois"