Team:Heidelberg/Project

From 2014.igem.org

(Difference between revisions)
Line 34: Line 34:
/* Enlarge Icons on hover */
/* Enlarge Icons on hover */
-
.toolbox-icon:hover {
+
.toolbox-icon-scale:hover {
transform: scale(1.15);
transform: scale(1.15);
-webkit-transform: scale(1.15);
-webkit-transform: scale(1.15);
Line 42: Line 42:
}
}
-
.toolbox-icon {
+
.toolbox-icon-scale {
transition:transform 0.15s ease;
transition:transform 0.15s ease;
-webkit-transition:-webkit-transform 0.15s ease;
-webkit-transition:-webkit-transform 0.15s ease;
Line 351: Line 351:
<div id="circ-box" class="descr-box">
<div id="circ-box" class="descr-box">
<a href="/Team:Heidelberg/Toolbox/Circularization">
<a href="/Team:Heidelberg/Toolbox/Circularization">
-
<img src="/wiki/images/5/58/Heidelberg_Toolbox_Circularization.png" id="circ-icon" class="toolbox-icon"/>
+
<img src="/wiki/images/5/58/Heidelberg_Toolbox_Circularization.png" id="circ-icon" class="toolbox-icon toolbox-icon-scale"/>
</a>
</a>
<h3>CIRCULARIZATION</h3>
<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><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>
</div>
-
<div id="oligo-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Oligomerization"><img src="/wiki/images/4/40/Oligomerization.png" id="oligo-icon" class="toolbox-icon"/></a><h3><span>OLIGOMERIZATION</span></h3><div><span>Fuse multiple Proteins or Domains using Inteins</span></div>
+
<div id="oligo-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Oligomerization"><img src="/wiki/images/4/40/Oligomerization.png" id="oligo-icon" class="toolbox-icon toolbox-icon-scale"/></a><h3><span>OLIGOMERIZATION</span></h3><div><span>Fuse multiple Proteins or Domains using Inteins</span></div>
</div>
</div>
-
<div id="fusion-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Fusion"><img src="/wiki/images/8/87/Heidelberg_Toolbox_Fusion.png" id="fusion-icon" class="toolbox-icon"/></a><h3><span>FUSION</span></h3><div><span>Fuse two Proteins or Domains together using Inteins</span></div>
+
<div id="fusion-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Fusion"><img src="/wiki/images/8/87/Heidelberg_Toolbox_Fusion.png" id="fusion-icon" class="toolbox-icon toolbox-icon-scale"/></a><h3><span>FUSION</span></h3><div><span>Fuse two Proteins or Domains together using Inteins</span></div>
</div>
</div>
-
<div id="onoff-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/OnOff"><img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon"/></a><h3><span>ON/OFF</span></h3><div><span>Activate or deactivate Proteins using Inteins</span></div></div>
+
<div id="onoff-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/OnOff"><img src="/wiki/images/c/c2/Heidelberg_Toolbox_On-Off.png" id="onoff-icon" class="toolbox-icon toolbox-icon-scale"/></a><h3><span>ON/OFF</span></h3><div><span>Activate or deactivate Proteins using Inteins</span></div></div>
-
<div id="purification-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Purification"><img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon"/></a><div><h3><span>PURIFICATION</span></h3></div><span>Placeholder</span></div>
+
<div id="purification-box" class="descr-box"><a href="/Team:Heidelberg/Toolbox/Purification"><img src="/wiki/images/0/04/Heidelberg_Toolbox_Purification.png" id="purification-icon" class="toolbox-icon toolbox-icon-scale"/></a><div><h3><span>PURIFICATION</span></h3></div><span>Placeholder</span></div>
<div id="toolbox-text">
<div id="toolbox-text">
the intein<br>
the intein<br>
Line 368: Line 368:
</div>
</div>
<a href="https://2014.igem.org/Team:Heidelberg/Toolbox/Induction" clas="block" id="lightning">
<a href="https://2014.igem.org/Team:Heidelberg/Toolbox/Induction" clas="block" id="lightning">
-
<img style="height:110px;display: inline-block;" src="/wiki/images/8/83/Heidelberg_Project_Lightning.png">
+
<img class="toolbox-icon-scale" style="height:110px;display: inline-block;" src="/wiki/images/8/83/Heidelberg_Project_Lightning.png">
<span style="position: relative;top: 20px;display: inline-block;">
<span style="position: relative;top: 20px;display: inline-block;">
inducible via<br>
inducible via<br>

Revision as of 08:26, 15 October 2014