Team:Heidelberg/testing/Project

From 2014.igem.org

(Difference between revisions)
Line 97: Line 97:
.descr-box h3 {
.descr-box h3 {
-
margin-top: 0;
+
margin-top: 10px;
 +
margin-bottom: 0;
 +
text-align: right;
 +
}
 +
 
 +
.descr-box div {
 +
border-left: solid white 2px;
 +
border-bottom: solid white 2px;
 +
}
 +
 
 +
.descr-box span {
 +
margin-left: 40px;
 +
display: block;
 +
}
 +
 
 +
#circ-box {
 +
right: 0;
 +
top: 80px;
 +
}
 +
 
 +
#oligo-box {
 +
right: 25px;
 +
top: 200px;
 +
}
 +
 
 +
#fusion-box {
 +
right: 85px;
 +
top: 300px;
 +
}
 +
 
 +
#onoff-box {
 +
right: 180px;
 +
top: 390px;
 +
}
 +
 
 +
#purification-box {
 +
left: 190px;
 +
top: 465px;
 +
}
 +
 
 +
</style>
 +
<div id="myContainer" class="container">
 +
</html>
 +
{{:Team:Heidelberg/Templates/BootstrapNav|
 +
red=|
 +
white=true|
 +
red-logo=true|
 +
white-logo=|
 +
header-bg=|
 +
header-img=|
 +
title=
 +
}}
 +
<html>
 +
<div class="container main" style="color: white;">
 +
<div id="abstract-dropdown" class="row abstract-special dark-grey">
 +
<div class="col-lg-offset-1 col-lg-2">
 +
<h4><img src="/wiki/images/7/70/Heidelberg_Abstract-dropdown.png"/>&nbsp;Abstract</h4>
 +
</div>
 +
<div class="col-lg-9">
 +
<span>Click to read full abstract</span>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="ringbox">
 +
<img src="/wiki/images/d/dc/Ring_Project.png" id="ring-background" />
 +
<div id="circ-box" class="descr-box"><img src="/wiki/images/5/58/Heidelberg_Toolbox_Circularization.png" id="circ-icon" class="toolbox-icon"/><div><h3>CIRCULARIZATION</h3></div><span>Create a linker with our crowd computing <a href="/Team:Heidelberg/Software/Linker-Software">software</a> and make your protein heat stable</span></div>
 +
<div id="oligo-box" class="descr-box"><img src="/wiki/images/4/40/Oligomerization.png" id="oligo-icon" class="toolbox-icon"/><div><h3>OLIGOMERIZATION</h3></div><span>Fuse multiple Proteins or Domains using Inteins</span></div>
 +
<div id="fusion-box" class="descr-box"><img src="/wiki/images/8/87/Heidelberg_Toolbox_Fusion.png" id="fusion-icon" class="toolbox-icon"/><div><h3>FUSION</h3></div><span>Fuse two Proteins or Domains together using Inteins</span></div>
 +
<div id="onoff-box" class="descr-box"><img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon"/><div><h3>ON/OFF</h3></div><span>Activate or deactivate Proteins using Inteins</span></div>
 +
<div id="purification-box" class="descr-box"><img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon"/><div><h3>PURIFICATION</h3></div><span></span></div>
 +
</div>
 +
</div>
 +
 
 +
 +
</div>
 +
</div>
 +
</html>
 +
{{:Team:Heidelberg/Templates/MainTemplate}}
 +
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstrapcss}}
 +
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/bootstraptheme}}
 +
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/overrides}}
 +
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/jquery}}
 +
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/bootstrapjs}}
 +
{{:Team:Heidelberg/Templates/IncludeJS|:Team:Heidelberg/js/wikipage}}
 +
<html>
 +
<style type="text/css">
 +
#myContainer {
 +
padding:0;
 +
background-color: black;
 +
background-image: url(/wiki/images/6/6a/Heidelberg_epic_background.jpg);
 +
background-repeat: no-repeat;
 +
background-size: 100% auto;
 +
 
 +
}
 +
 
 +
#light:hover {
 +
color: #FF7E25;
 +
}
 +
 
 +
.main {
 +
margin-top: 25px;
 +
}
 +
 
 +
.middle {
 +
font-size: 3em;
 +
}
 +
 
 +
.large {
 +
font-size: 5em;
 +
font-weight: bold;
 +
}
 +
 
 +
/* Enlarge Icons on hover */
 +
.toolbox-icon:hover {
 +
transform: scale(1.15);
 +
-webkit-transform: scale(1.15);
 +
-moz-transform: scale(1.15);
 +
-o-transform: scale(1.15);
 +
-ms-transform: scale(1.15);
 +
}
 +
 
 +
.toolbox-icon {
 +
transition:transform 0.15s ease;
 +
-webkit-transition:-webkit-transform 0.15s ease;
 +
-moz-transition:-moz-transform 0.15s ease;
 +
-o-transition:-o-transform 0.15s ease;
 +
}
 +
 
 +
.ringbox{
 +
width: 750px;
 +
height: 600px;
 +
/*
 +
background-image:url('/wiki/images/d/dc/Ring_Project.png');
 +
background-size: 550px;
 +
background-repeat: no-repeat;
 +
*/
 +
position: relative;
 +
}
 +
 
 +
.abstract-special {
 +
color: white;
 +
}
 +
 
 +
.abstract-special span {
 +
margin-top: 10px;
 +
margin-bottom: 10px;
 +
display: block;
 +
}
 +
 
 +
.abstract-special img {
 +
height: 15px;
 +
}
 +
 
 +
.toolbox-icon {
 +
height: 70px;
 +
position: absolute;
 +
top:-45px;
 +
left:-33px;
 +
}
 +
 
 +
#ring-background {
 +
position:absolute;
 +
top:0;
 +
left:0;
 +
width: 450px;
 +
height: auto;
 +
}
 +
 
 +
.descr-box {
 +
width: 250px;
 +
height: 100px;
 +
position: absolute;
 +
}
 +
 
 +
.descr-box h3 {
 +
margin-top: 10px;
margin-bottom: 0;
margin-bottom: 0;
text-align: right;
text-align: right;

Revision as of 15:55, 8 October 2014

 Abstract

Click to read full abstract

CIRCULARIZATION

Create a linker with our crowd computing software and make your protein heat stable

OLIGOMERIZATION

Fuse multiple Proteins or Domains using Inteins

FUSION

Fuse two Proteins or Domains together using Inteins

ON/OFF

Activate or deactivate Proteins using Inteins

PURIFICATION

 Abstract

Click to read full abstract

CIRCULARIZATION

Create a linker with our crowd computing software and make your protein heat stable

OLIGOMERIZATION

Fuse multiple Proteins or Domains using Inteins

FUSION

Fuse two Proteins or Domains together using Inteins

ON/OFF

Activate or deactivate Proteins using Inteins

PURIFICATION

Retrieved from "http://2014.igem.org/Team:Heidelberg/testing/Project"