Difference between revisions of "Team:UCSC/Breakdown"

Line 194: Line 194:
 
}
 
}
 
<!-- team style; Nina don't touch this or so help me god -->
 
<!-- team style; Nina don't touch this or so help me god -->
−
#a {width: 180px;
 
−
    height: 180px;}
 
  
−
#b {display: none;
+
.a {
−
position: absolute;
+
-webkit-animation:gear_1 4s linear infinite;
−
    top: 85px;
+
−
    right: 0px;
+
−
    width: 500px;
+
−
    height: 500px;
+
−
    border:3px solid #8AC007;
+
−
    padding: 10px;
+
−
    z-index: 999;  }
+
−
 
+
−
 
+
−
#c {width: 180px;
+
−
    height: 180px;}
+
−
 
+
−
 
+
−
#d {display: none; position: absolute;
+
−
    top: -285px
+
−
    right: 0px;
+
−
    width: 500px;
+
−
    height: 500px;
+
−
    border:3px solid #8AC007;
+
−
    padding: 10px;}
+
−
 
+
−
#e{width: 180px;
+
−
    height: 180px;}
+
−
 
+
−
 
+
−
#f {display: none; position: absolute;
+
−
  top: 85px
+
−
    right: 0px;
+
−
    width: 500px;
+
−
    height: 500px;
+
−
    border:3px solid #8AC007;
+
−
    padding: 10px;}
+
−
 
+
−
#g {width: 180px;
+
−
    height: 180px;}
+
−
 
+
−
#h {display: none; position: absolute;
+
−
  top: 85px
+
−
    right: 0px;
+
−
    width: 500px;
+
−
    height: 500px;
+
−
    border:3px solid #8AC007;
+
−
    padding: 10px;}
+
−
 
+
−
#i{width: 180px;
+
−
    height: 180px;}
+
−
 
+
−
 
+
−
#j {display: none; position: absolute;
+
−
    top: 85px
+
−
    right: 0px;
+
−
    width: 500px;
+
−
    height: 500px;
+
−
    border:3px solid #8AC007;
+
−
    padding: 10px;}
+
−
 
+
−
#k {width: 180px;
+
−
    height: 180px;}
+
−
 
+
−
 
+
−
#l {display: none; position: absolute;
+
−
  top: 85px
+
−
    right: 0px;
+
−
    width: 500px;
+
−
    height: 500px;
+
−
    border:3px solid #8AC007;
+
−
    padding: 10px;}
+
−
 
+
−
#m{width: 180px;
+
−
    height: 180px;}
+
−
 
+
−
#n {display: none;  position: absolute;
+
−
    top: 85px
+
−
    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;
 
     -moz-animation:gear_1 4s linear infinite;
 
     animation:gear_1 4s linear infinite;}
 
     animation:gear_1 4s linear infinite;}
Line 321: Line 204:
 
@keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 
@keyframes gear_1 { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  
−
.c{width: 180px;
+
.c{
−
    height: 180px;
+
 
-webkit-animation:gear_2 4s linear infinite;
 
-webkit-animation:gear_2 4s linear infinite;
−
-moz-animation:gear_2 4s linear infinite;}
+
-moz-animation:gear_2 4s linear infinite;
−
animation:gear_2 4s linear infinite;
+
animation:gear_2 4s linear infinite;}
  
  
Line 337: Line 219:
 
         height: 630px;
 
         height: 630px;
 
     }
 
     }
 +
 +
 +
 +
 
     .gear-node {
 
     .gear-node {
 
         width: 180px;
 
         width: 180px;
 
         height: 180px;
 
         height: 180px;
 
         position: absolute;
 
         position: absolute;
−
         cursor: pointer;
+
         cursor: pointer;}
−
    }
+
 
−
    .gear-node .gear {
+
 
 +
 
 +
.gear-node .gear {
 
         width: 180px;
 
         width: 180px;
 
         height: 180px;
 
         height: 180px;
Line 415: Line 303:
 
     <div class="row">
 
     <div class="row">
 
         <div class="col-md-6 gear-container">
 
         <div class="col-md-6 gear-container">
−
             <div class="gear-node" data-node="1" style="top: 0px; left: -2px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node a" data-node="1" style="top: 0px; left: -2px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
−
             <div class="gear-node" data-node="2" style="top: 38px; left: 105px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node c" data-node="2" style="top: 38px; left: 105px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
−
             <div class="gear-node" data-node="3" style="top: 55px; left: 170px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node a" data-node="3" style="top: 55px; left: 170px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
−
             <div class="gear-node" data-node="4" style="top: 215px; left: 5px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node c" data-node="4" style="top: 215px; left: 5px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
−
             <div class="gear-node" data-node="5" style="top: 228px; left: 15px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node a" data-node="5" style="top: 228px; left: 15px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
−
             <div class="gear-node" data-node="6" style="top: 385px; left: 185px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node c" data-node="6" style="top: 385px; left: 185px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
−
             <div class="gear-node" data-node="7" style="top: 630px; left: 340px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
+
             <div class="gear-node a" data-node="7" style="top: 630px; left: 340px;"><img class="gear" src="https://static.igem.org/mediawiki/2015/9/9c/UCSC_Profile_Gear.png" /></div>
 
         </div>
 
         </div>
 
         <div class="col-md-6">
 
         <div class="col-md-6">
Line 500: Line 388:
 
     });
 
     });
 
</script>
 
</script>
 +
 
</html>
 
</html>

Revision as of 05:48, 15 September 2015

Breakdown


test 1
test 2
test 3
test 4
test 5
test 6
test 7