Difference between revisions of "Template:SCUT-China"
Line 122: | Line 122: | ||
padding:0px; | padding:0px; | ||
margin:0 auto; | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | #loadingLayer { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: 999; | ||
+ | position: fixed; | ||
+ | background: #34495E; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | #loadingContainer { | ||
+ | width: 16%; | ||
+ | position: fixed; | ||
+ | left: 42%; | ||
+ | top: 30%; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #loadingContainer img{ | ||
+ | display:block; | ||
+ | width:60%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | #loadingLayer h1 { | ||
+ | text-align: center; | ||
+ | margin:20px auto; | ||
+ | width:100%; | ||
+ | color:#fff; | ||
} | } | ||
Line 148: | Line 177: | ||
<!-- End of CSS --> | <!-- End of CSS --> | ||
+ | <div id="loadingLayer"> | ||
+ | <div id="loadingContainer"> <img src="https://static.igem.org/mediawiki/2015/4/49/2015-SCUT-China-loading.svg" /> | ||
+ | <h1>Loading</h1> | ||
+ | </div> | ||
+ | </div> | ||
<!-- Start of the template html elements. --> | <!-- Start of the template html elements. --> | ||
Line 224: | Line 258: | ||
}); | }); | ||
− | + | $("#loadingLayer").hide(); | |
}); | }); | ||
</script> | </script> | ||
</html> | </html> |
Revision as of 16:15, 15 September 2015