|
|
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:535px;
| |
- | height:200px;
| |
- | font-size:22px;
| |
- | text-align:center;
| |
- | margin-top:0;
| |
- | 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>
| |
- |
| |
- | <!--Importing jquery library-->
| |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
| |
- |
| |
- | <div id="page">
| |
- | <div class="panel">
| |
- |
| |
- | <!--Infographics-->
| |
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/Project/LactoBROcillus" title="Lactobrocillus">
| |
- | <div id="pspanel" class="subpanel1" onmouseover="chgtrans(this)">
| |
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg"/>
| |
- | <div class="titlebox">
| |
- | <center><img src="#" style="height:60px;margin-bottom:20px;"/></center>
| |
- | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
| |
- | Dog Probiotic
| |
- | </div>
| |
- | </div>
| |
- | </a>
| |
- | <a href="https://2013.igem.org/Team:UIUC_Illinois/Project/Caffeine" title="Caffeine_Dehydrogenase">
| |
- | <div id="dspanel" class="subpanel1">
| |
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg"/>
| |
- | <div class="titlebox">
| |
- | <center><img src="#" style="height:60px;margin-bottom:20px;"/></center>
| |
- | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
| |
- | Treating Caffeine Waste-Water
| |
- | </div>
| |
- | </div>
| |
- | </a>
| |
- |
| |
- | <!--Our Story Banner (Use book instead of hand-->
| |
- | <1--Current anchor debatable and placeholder-->
| |
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/Team" title="Our Story">
| |
- | <div class="subpanel2" >
| |
- | <img width="70px" style="margin-left:80px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Our Story
| |
- | </div>
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | <!--Separates Infographics from Image Banners-->
| |
- | <div style="clear: both;"></div>
| |
- |
| |
- | <div class="panel" style="background:white;">
| |
- |
| |
- | <!--Column 1-->
| |
- | <div class="subpanel3">
| |
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/Software/Overview" title="sOverview">
| |
- | <div class="subpanel5">
| |
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="354px" height="156px"/>
| |
- | <div style="position:relative;bottom:148px">
| |
- | <center><img src="#" style="height:50px;margin-top:10px;margin-bottom:20px;"/></center>
| |
- | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
| |
- | Software
| |
- | </div>
| |
- | </div>
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | <!--Column 2-->
| |
- | <div class="subpanel3">
| |
- | <a href="https://2014.igem.org/Team:UIUC_Illinois/Human_Practice/Overview" title="hOverview">
| |
- | <div class="subpanel5">
| |
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="354px" height="283px"/>
| |
- | <div style="position:relative;bottom:258px">
| |
- | <center><img src="#" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
| |
- | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
| |
- | Human Practices
| |
- | </div>
| |
- | </div>
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | <!--Column 3-->
| |
- | <div class="subpanel3" style="margin-right:0px">
| |
- | <div style="margin-right:0;width:356px">
| |
- | <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Achievements">
| |
- | <div class="subpanel4">
| |
- | <img class="narrowimg" src="https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg" width="354px" height="283px"/>
| |
- | <div style="position:relative;bottom:258px">
| |
- | <center><img src="#" style="height:50px;margin-top:15px;margin-bottom:15px;"/></center>
| |
- | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
| |
- | Collaboration
| |
- | </div>
| |
- | </div>
| |
- | </a>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | </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}} |