Difference between revisions of "Team:UCSC/Breakdown"

Line 193: Line 193:
  
 
}
 
}
 +
<!-- team style; Nina don't touch this or so help me god -->
  
 +
#b {display: none;position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
#c { position:relative; right: -134px}
 +
 +
 +
#d {display: none; position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
#f {display: none; position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
#h {display: none; position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
#j {display: none; position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
#l {display: none; position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
#m {display: none; position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    width: 500px;
 +
    height: 500px;
 +
    border:3px solid #8AC007;
 +
    padding: 10px;}
 +
 +
 +
 +
 +
 +
 +
 +
#a:hover #b {
 +
    display : block;
 +
}
 +
 +
#c:hover + #d{
 +
    display : block;
 +
}
 +
 +
#e:hover + #f{
 +
    display : block;
 +
}
 +
 +
#g:hover + #h{
 +
    display : block;
 +
}
 +
 +
#i:hover + #j{
 +
    display : block;
 +
}
 +
 +
#k:hover + #l{
 +
    display : block;
 +
}
 +
 +
#m:hover + #n{
 +
    display : block;
 +
}
 +
 +
.a{width: 180px;
 +
    height: 180px;-webkit-animation:gear_1 4s linear infinite;
 +
    -moz-animation:gear_1 4s linear infinite;
 +
    animation:gear_1 4s linear infinite;}
 +
 +
@-moz-keyframes gear_1 { 100% { -moz-transform: rotate(360deg); } }
 +
@-webkit-keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); } }
 +
@keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 +
 +
.c{width: 180px;
 +
    height: 180px;
 +
-webkit-animation:gear_2 4s linear infinite;
 +
-moz-animation:gear_2 4s linear infinite;}
 +
animation:gear_2 4s linear infinite;
 +
 +
 +
 +
@-moz-keyframes gear_2 { 100% { -moz-transform: rotate(-360deg); } }
 +
@-webkit-keyframes gear_2 { 100% { -webkit-transform: rotate(-360deg); } }
 +
@keyframes gear_2 { 100% { -webkit-transform: rotate(360deg); transform:rotate(-360deg); } }
  
  
Line 251: Line 371:
  
 
<h1> Breakdown </h2>
 
<h1> Breakdown </h2>
−
<p>
+
<br />
−
Goal
+
 
−
</p>
+
<!-- team gear code -->
−
<table border="1"?
+
<div align="left" >
−
<tr>
+
<div id="a"><img class="a" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: realtive; top: 60px; left: -2px;"/></div>
−
<td>
+
<div id="b" class="right"></div>
−
</td>
+
<div id="c"><img class="c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: relative; top: -50px; left: -10px;" /></div>
−
</tr>
+
<div id="d" class="right"></div>
−
</table>
+
<div id="e"><img class="a" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: relative; top: -50px; left: -2px;"/></div>
 +
<div id="f" class="right"></div>
 +
<div id="g"><img class="c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: relative; top: -50px; left: 135px;" /></div>
 +
<div id="h" class="right"></div>
 +
<div id="i"><img class="a" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: relative top: -50px; left: -2px;"/></div>
 +
<div id="j" class="right"></div>
 +
<div id="k" ><img class="c" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: relative; top:-50px; left: 135px;" /></div>
 +
<div id="l" class="right"></div>
 +
<div id="m"><img class="a" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" style="position: relative; top: -50px; left: -2px;" /></div>
 +
<div id="n" class="right"></div>
 +
</div>
 +
 
 +
<!-- end team -->
 
<br />
 
<br />
 
<br />
 
<br />

Revision as of 23:49, 14 September 2015

Breakdown