Difference between revisions of "Team:UCSC/Fermentation"
| Line 11: | Line 11: | ||
body{padding-bottom: 70px;} | body{padding-bottom: 70px;} | ||
| + | b {font-size: 24px;} | ||
| + | |||
.navbar-nav > li{ | .navbar-nav > li{ | ||
padding-top: 5px; | padding-top: 5px; | ||
| Line 137: | Line 139: | ||
} | } | ||
| + | |||
| + | <!-- Nina don't touch this or so help me god --> | ||
| + | |||
| + | .a { | ||
| + | -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{ | ||
| + | -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); } } | ||
| + | |||
| + | .gear-container { | ||
| + | position: relative; | ||
| + | height: 630px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | .gear-node { | ||
| + | width: 180px; | ||
| + | height: 180px; | ||
| + | position: absolute; | ||
| + | cursor: pointer;} | ||
| + | |||
| + | |||
| + | |||
| + | .gear-node .gear { | ||
| + | width: 180px; | ||
| + | height: 180px; | ||
| + | } | ||
| + | .profile-cont { | ||
| + | display: none; | ||
| + | } | ||
| + | .profile-cont.active { | ||
| + | display: block; | ||
| + | } | ||
| + | |||
@media screen and (max-width: 1024px) { | @media screen and (max-width: 1024px) { | ||
| Line 297: | Line 349: | ||
</div> | </div> | ||
</body> | </body> | ||
| − | + | <script> | |
| + | console.log('hi'); | ||
| + | jQuery(document).ready(function() { | ||
| + | jQuery('.gear-node').on('mouseover', function() { | ||
| + | jQuery('.profile-cont').removeClass('active'); | ||
| + | jQuery('.profile-cont[data-node="' + jQuery(this).attr('data-node') + '"]').addClass('active'); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
</html> | </html> | ||
Revision as of 09:40, 15 September 2015
