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
![](https://static.igem.org/mediawiki/2014/8/8c/Dummyimage.jpg)