Difference between revisions of "Template:Heidelberg/Integrated Cycle"

Line 3: Line 3:
 
<html>
 
<html>
 
<style>
 
<style>
 +
position: absolute;
 +
    opacity: 0.05;
 +
    filter: alpha(opacity=5);
 +
    -moz-opacity:0.05;
 +
    background-color: black;
 +
    z-index: 2;
 +
 +
    -moz-transform: scale(1.0);
 +
    -webkit-transform: scale(1.0);
 +
    transform: scale(1.0);
 +
    transition: all 0.7s ease-in;
 +
}
 +
 +
.link_box:hover {
 +
    -moz-transform: scale(1.05);
 +
    -webkit-transform: scale(1.05);
 +
    transform: scale(1.05);
 +
    transition: all 0.7s ease-out;
 +
    opacity: 0.10;
 +
    filter: alpha(opacity=10);
 +
    -moz-opacity:0.10;
 +
}
 +
 +
.link_box:before {
 +
    content: "";
 +
}
 +
 +
 
.round_box {
 
.round_box {
 
     -webkit-border-radius: 75px;
 
     -webkit-border-radius: 75px;
Line 54: Line 82:
 
" id="bgimage"></img>
 
" id="bgimage"></img>
 
             <div id="link_layer">
 
             <div id="link_layer">
−
<a title="Engineering Cycle - Human Practice" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated1"class="transparent_link_box round_box" id="box1"></a>
+
<a title="Engineering Cycle - Human Practice" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated1"class="link_box round_box" id="box1"></a>
−
<a title="Engineering Cycle - Safety" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated2" class="transparent_link_box round_box" id="box2"></a>
+
<a title="Engineering Cycle - Safety" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated2" class="link_box round_box" id="box2"></a>
−
<a title="Engineering Cycle - Specifications" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated3" class="transparent_link_box round_box" id="box3"></a>
+
<a title="Engineering Cycle - Specifications" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated3" class="link_box round_box" id="box3"></a>
−
<a title="Engineering Cycle - Design" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated4" class="transparent_link_box round_box" id="box4"></a>
+
<a title="Engineering Cycle - Design" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated4" class="link_box round_box" id="box4"></a>
−
<a title="Engineering Cycle - Modeling" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated5" class="transparent_link_box round_box" id="box5"></a>
+
<a title="Engineering Cycle - Modeling" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated5" class="link_box round_box" id="box5"></a>
−
<a title="Engineering Cycle - Assembly" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated6" class="transparent_link_box round_box" id="box6"></a>
+
<a title="Engineering Cycle - Assembly" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated6" class="link_box round_box" id="box6"></a>
−
<a title="Engineering Cycle - Testing" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated7" class="transparent_link_box round_box" id="box7"></a>
+
<a title="Engineering Cycle - Testing" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated7" class="link_box round_box" id="box7"></a>
−
<a title="Engineering Cycle - Responsible Use" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated8" class="transparent_link_box round_box" id="box8"></a>
+
<a title="Engineering Cycle - Responsible Use" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated8" class="link_box round_box" id="box8"></a>
−
<a title="Engineering Cycle - Implementation" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated9" class="transparent_link_box round_box" id="box9"></a>
+
<a title="Engineering Cycle - Implementation" href="https://2017.igem.org/Team:Heidelberg/Gold_Integrated#Integrated9" class="link_box round_box" id="box9"></a>
 
             </div>
 
             </div>
 
     </div>
 
     </div>

Revision as of 21:18, 1 November 2017