Line 29: | Line 29: | ||
</style> | </style> | ||
+ | <!-- load.css --> | ||
+ | #loading{width:100%;height:100%;z-index:999999;position:fixed;text-align:center;}.loadingClock{width:150px;height:150px;position:relative;background:url(https://static.igem.org/mediawiki/2018/5/5a/T--Tianjin--backClock.png);top:50%;left:50%;margin-left:-75px;margin-top:-75px;background-size:100% 100%;-moz-background-size:100% 100%;z-index:999999;}.loadh,.loadm,.loads{width:100%;height:100%;position:absolute;}.loadh{transform:rotate(-60deg);animation:loadh 4.8s linear infinite;}.loadm{transform:rotate(60deg);animation:loadm 0.8s linear infinite;}.loads{transform:rotate(120deg);animation:loads 0.16s linear infinite;}.loadingPoint{position:relative;width:50%;margin:auto;}.loadingPoint span{display:block;width:9px;height:5px;position:absolute;animation:loadingPoint 1.5s infinite ease-in-out;}.loadingPoint span:nth-child(1){left:47%;}.loadingPoint span:nth-child(2){left:50%;animation-delay:.2s;}.loadingPoint span:nth-child(3){left:53%;animation-delay:.4s}@keyframes loadh{from{transform:rotate(-60deg);}to{transform:rotate(300deg);}}@keyframes loadm{from{transform:rotate(60deg);}to{transform:rotate(420deg);}}@keyframes loads{from{transform:rotate(120deg);}to{transform:rotate(480deg);}}@keyframes loadingPoint{0%{transform:translateY(0px);}25%{transform:translateY(15px);}50%{transform:translateY(0px);}100%{transform:translateY(0px);}}.handh{width:0px;height:0px;position:relative;margin-left:auto;margin-right:auto;border-style:solid;border-color:transparent transparent white transparent;}.handm{width:0px;height:0px;position:relative;margin-left:auto;margin-right:auto;top:0;border-style:solid;border-color:transparent transparent white transparent;}.hands{width:0px;height:0px;position:relative;margin-left:auto;margin-right:auto;border-style:solid;border-color:transparent transparent white transparent;}.loadingP{color:white;position:relative;top:70%;font-size:40px;z-index:999999;}.loadingMask{width:50%;position:fixed;top:0px;height:100%;background:black;}.moveLeft{animation:moveLeft 1s ease-in;}.moveRight{animation:moveRight 1s ease-in;}@keyframes moveLeft{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}@keyframes moveRight{0%{transform:translateX(0);}100%{transform:translateX(100%);}} | ||
<style> | <style> | ||
Line 45: | Line 47: | ||
$('.igem_2018_team_menu').remove();*/ | $('.igem_2018_team_menu').remove();*/ | ||
</script> | </script> | ||
+ | <script type="text/javascript">$(document).ready(function({$('.loadingLeft').addClass("moveLeft");$('.loadingRight').addClass("moveRight");setTimeout(function(){ $('#loading').remove();},1000);})</script> | ||
</head> | </head> | ||
<body> | <body> |
Revision as of 01:33, 11 August 2018