Team:UCL/Project

From 2014.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 2: Line 2:
<!--=================HTML===================-->
<!--=================HTML===================-->
<html>
<html>
-
<div class="banner-image-special"><h1>PROJECT</h1></div>
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
-
<div style="padding-top:300px;">
+
 
 +
 
 +
<div class="banner-image-special"></div>
 +
<div style="padding-top:500px;">
     <div id='grid'>
     <div id='grid'>
-
<div class='box'><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a><div class="image-location" id='about-pro'></div>About</div>
+
<div class='box about-pro'><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div>
-
<div class='box'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a><div class="image-location" id='biobricks-pro'></div>Biobricks</div>
+
<!--<div class='box biobricks-pro'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>-->
-
<div class='box'><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a><div class="image-location" id='achievements-pro'></div>Achievements</div>
+
<div class='box achievements-pro'><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a></div>
-
<div class='box'><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a><div class="image-location" id='future-pro'></div>Future</div>
+
<!--<div class='box future-pro'><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a></div>-->
-
<div class='box'><a href="https://2014.igem.org/Team:UCL/Project/Manufacturing"><span class="overlayx"></span></a><div class="image-location" id='manuf-pro'></div>Manufacturing</div>
+
<!--<div class='box manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
-
    </div>
+
<div class='box xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>-->
-
    <div id='fillers'>
+
                <div class='box sponsor-human'><a href="https://2014.igem.org/Team:UCL/Humans/Sponsor"><span class="overlayx"></span></a></div>
-
        <div class='fillerBox' id='redd'></div>
+
<div class='box gallery-human'><a href="https://2014.igem.org/Team:UCL/Humans/Gallery"><span class="overlayx"></span></a></div>
-
<div class='fillerBox' id='bluee'></div>
+
<div class='box attributions-human'><a href="https://2014.igem.org/Team:UCL/Humans/Attributions"><span class="overlayx"></span></a></div>
-
<div class='fillerBox' id='yelloww'></div>
+
</div>
-
    </div>
+
</div>
</div>
-
 
<!--=================CSS===================-->
<!--=================CSS===================-->
Line 29: Line 30:
   left: 0;
   left: 0;
   z-index: 1;
   z-index: 1;
 +
  background: center no-repeat;
   background-image: url('empty.gif');
   background-image: url('empty.gif');
}
}
#grid{
#grid{
-
width: 100%;  
+
width: 96%;
-
position: relative;
+
margin:2% 0% 2% 2%; 
-
font-size: 25px;
+
position: relative;
-
font-family: 'Helvetica';
+
font-size: 25px;
-
color: #eaeaea;
+
font-family: 'Helvetica';
-
}
+
color: #eaeaea;
-
.box {
+
}
-
background-clip: border-box;
+
.box {
-
                        background-color: rgb(255, 255, 255);
+
background-color: white;
-
                        background-image: none;
+
box-shadow: 0px 0px 1px #222;
-
                        background-origin: padding-box;
+
float: left;
-
                        background-size: auto;
+
position: relative;
-
                        box-sizing: border-box;
+
height:300px;
-
                        color: rgb(167, 160, 162);
+
width:300px;
-
                        display: block;
+
}
-
                        font-family: Lato, Arial, sans-serif;
+
-
                        font-size: 16px;
+
-
                        font-weight: normal;
+
-
box-shadow: 0px 0px 1px #222;
+
-
float: left;
+
-
position: relative;
+
-
                        margin:0;
+
-
                        text-align: center;
+
-
}
+
-
#fillers{
+
-
display: none;
+
-
}
+
-
.fillerBox {
+
-
background-color: #751e11;
+
-
box-shadow: 0px 0px 1px #222;
+
-
float: left;
+
-
position: relative;
+
-
}
+
-
 
+
.banner-image-special {
.banner-image-special {
-
     background: white center no-repeat;
+
     background: url('https://static.igem.org/mediawiki/2014/6/6b/Project_bannerUCL.png') center no-repeat;
     width:100%;
     width:100%;
 +
    margin-top: 1%;
     background-size:100%;
     background-size:100%;
-
     height:100px;
+
    max-width:850px;
 +
     height:270px;
     position:fixed;
     position:fixed;
-
}
+
     padding-top:150px;
-
.banner-image-special > h1 {
+
-
     font-size:5em;
+
}
}
@media (min-width: 1140px) {
@media (min-width: 1140px) {
     .banner-image-special {
     .banner-image-special {
-
     max-width:none;
+
     max-width: none;
-
     width:850px;
+
     width:100%;
-
    left:25%;
+
     margin-top:70px;
-
     padding-top:250px;
+
     }
     }
}
}
-
.image-location {
+
.about-pro {
-
    margin-left:12.5%;
+
     background: white url('https://static.igem.org/mediawiki/2014/d/d8/About_logoUCL.png') center no-repeat;  
-
    margin-right:12.5%;
+
     background-size:59%;
-
    margin-top:7%;
+
-
    height:66%;
+
-
    background-color:black;
+
-
}
+
-
#about-pro {
+
-
     background: url('https://static.igem.org/mediawiki/2014/7/73/Teamissupersexy.png') center no-repeat;  
+
-
     background-size:100%;
+
}
}
-
#biobricks-pro {
+
.biobricks-pro {
-
     background: url('https://static.igem.org/mediawiki/2014/3/3d/10491123_10204437153717396_7991059471759774917_n.jpg') center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:58%;
}
}
-
#achievements-pro {
+
.sequences-pro {
-
     background: url('https://static.igem.org/mediawiki/2014/d/d1/UCL_clipboard.png') center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:60%;
}
}
-
#future-pro {
+
.achievements-pro {
-
     background: url('https://static.igem.org/mediawiki/2014/8/83/Group_social_350x450.png') center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/5/5a/Achievements_logoUCL.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:60%;
}
}
-
#manuf-pro {
+
.future-pro {
-
     background: url('https://static.igem.org/mediawiki/2014/1/1a/UCL_Eng_logo_2.png') center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/9/9a/FutureUCL.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:59%;
}
}
-
#redd {
+
.manuf-pro {
-
     background: red center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:56%;
-
    opacity:0.5;
+
}
}
-
#bluee {
+
.xeno-pro {
-
     background: blue center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:56%;
-
    opacity:0.5;
+
}
}
-
#yelloww {
+
.sponsor-human {
-
     background: yellow center no-repeat;  
+
     background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat;  
-
     background-size:100%;
+
     background-size:56%;
-
     opacity:0.5;
+
}
 +
.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>
</style>
<!--=================Javascript===================-->
<!--=================Javascript===================-->
 +
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
-
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&amp;ctype=text/javascript"></script>
 
-
 
-
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 
<script>
<script>
-
$(document).ready(function(){
+
var wall = new freewall("#grid");
-
$(function(){
+
wall.reset({
-
$("#grid").mason({
+
selector: '.box',
-
itemSelector: ".box",
+
animate: true,
-
ratio: 1.5,
+
cellW: 300,
-
sizes: [
+
cellH: 300,
-
[1,1],
+
onResize: function() {
-
[1,2],
+
wall.refresh();
-
[2,1],
+
}
-
                                        [2,2]
+
-
],
+
-
columns: [
+
-
[0,480,1],
+
-
[480,780,2],
+
-
[780,1080,3],
+
-
[1080,1320,4],
+
-
[1320,1680,5]
+
-
],
+
-
filler: {
+
-
itemSelector: '.fillerBox',
+
-
filler_class: 'custom_filler'
+
-
},
+
-
layout: 'fluid',
+
});
});
-
}); });
+
wall.fitWidth();
 +
// for scroll bar appear;
 +
$(window).trigger("resize");
</script>
</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