Team:UCL/Project

From 2014.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
 +
<!--=================HTML===================-->
<html>
<html>
-
<div style="height:200px;width:100%;background-color:darkgrey;padding-top:50px;float:left;display:inline-block;">
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
-
    <div class="imagewc"><h1>Title of Page goes Here</h1></div>
+
 
-
    <div class="BannerTitle">
+
 
-
    <div class="jointb"><img src="https://static.igem.org/mediawiki/2014/e/e8/WebComms_icon.png" height="50px" width="50px" style="margin-right:10px;"></img></div>
+
<div class="banner-image-special"></div>
-
            <div class="jointb"><h3 style="margin:0px;">Web and Communications Team</h3></div>
+
<div style="padding-top:500px;">
-
    </div>
+
    <div id='grid'>
-
</div>
+
<div class='box about-pro'><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div>
-
<div class="bitchin" style="height:3000px; background-color:lightgrey;">
+
<!--<div class='box biobricks-pro'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>-->
-
<div style="height:200px; width:200px; background-color:blue; border: 1px solid black; float:left; margin-left:200px; positio:fixed;"
+
<div class='box achievements-pro'><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a></div>
-
                        data-anchor-target="#bitchin"
+
<!--<div class='box future-pro'><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a></div>-->
-
data-bottom="transform: scale(1); opacity(1)"
+
<!--<div class='box manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
-
data-top-bottom="transform: scale(0.5)"
+
<div class='box xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>-->
-
data-400-bottom= "opacity(0)"
+
                <div class='box sponsor-human'><a href="https://2014.igem.org/Team:UCL/Humans/Sponsor"><span class="overlayx"></span></a></div>
-
>Happy times</div>
+
<div class='box gallery-human'><a href="https://2014.igem.org/Team:UCL/Humans/Gallery"><span class="overlayx"></span></a></div>
 +
<div class='box attributions-human'><a href="https://2014.igem.org/Team:UCL/Humans/Attributions"><span class="overlayx"></span></a></div>
 +
</div>
</div>
</div>
 +
 +
<!--=================CSS===================-->
<style>
<style>
-
.jointb {
+
.overlayx {
-
float:left;
+
  position:absolute;
 +
  width:100%;
 +
  height:100%;
 +
  top:0;
 +
  left: 0;
 +
  z-index: 1;
 +
  background: center no-repeat;
 +
  background-image: url('empty.gif');
}
}
-
</style>
+
#grid{
 +
width: 96%;
 +
margin:2% 0% 2% 2%; 
 +
position: relative;
 +
font-size: 25px;
 +
font-family: 'Helvetica';
 +
color: #eaeaea;
 +
}
 +
.box {
 +
background-color: white;
 +
box-shadow: 0px 0px 1px #222;
 +
float: left;
 +
position: relative;
 +
height:300px;
 +
width:300px;
 +
}
 +
.banner-image-special {
 +
    background: url('https://static.igem.org/mediawiki/2014/6/6b/Project_bannerUCL.png') center no-repeat;
 +
    width:100%;
 +
    margin-top: 1%;
 +
    background-size:100%;
 +
    max-width:850px;
 +
    height:270px;
 +
    position:fixed;
 +
    padding-top:150px;
 +
}
 +
@media (min-width: 1140px) {
 +
    .banner-image-special {
 +
    max-width: none;
 +
    width:100%;
 +
    margin-top:70px;
 +
    }
 +
}
 +
.about-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/d/d8/About_logoUCL.png') center no-repeat;
 +
    background-size:59%;
 +
}
 +
.biobricks-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat;
 +
    background-size:58%;
 +
}
 +
.sequences-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.achievements-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/5a/Achievements_logoUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.future-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/9/9a/FutureUCL.png') center no-repeat;
 +
    background-size:59%;
 +
}
 +
.manuf-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.xeno-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.sponsor-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.gallery-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.attributions-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/7/75/UCLAttributions_logo_transparent-01.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
</style>
 +
 
 +
<!--=================Javascript===================-->
 +
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 +
 
 +
<script>
 +
var wall = new freewall("#grid");
 +
wall.reset({
 +
selector: '.box',
 +
animate: true,
 +
cellW: 300,
 +
cellH: 300,
 +
onResize: function() {
 +
wall.refresh();
 +
}
 +
});
 +
wall.fitWidth();
 +
// for scroll bar appear;
 +
$(window).trigger("resize");
 +
</script>
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Latest revision as of 14:36, 17 October 2014

Goodbye Azodye UCL iGEM 2014

Contact Us

University College London
Gower Street - London
WC1E 6BT
Biochemical Engineering Department
Phone: +44 (0)20 7679 2000
Email: ucligem2014@gmail.com

Follow Us