Difference between revisions of "Template:GreatBay SCIE/HTML/loader"

(Created page with "<html> <head> <style> </style> </head> <body> <img src="https://static.igem.org/mediawiki/2021/7/74/T--GreatBay_SCIE--loading.gif" onload="disappear()" style="width: 100%; height:...")
 
 
(25 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<style>
 
<style>
 +
#sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; }
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
 +
body, html {width: 100%; height: 100%;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#bodyContent a[href ^="https://"], .link-https {padding-right:25px;}
 +
@font-face {
 +
  font-family: 'JosefinSans';
 +
  src: url('https://static.igem.org/mediawiki/2021/2/2c/T--GreatBay_SCIE--JosefinSans.ttf');
 +
}
 +
 +
</style>
 +
<style>
 +
.loader{
 +
    width: 400px;
 +
    position: fixed;
 +
    z-index: 11111111!important;
 +
    left: 0; top: 0; bottom: 0; right: 0;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<script>
 +
function disappear()
 +
{
 +
    ld = document.getElementById("loader");
 +
    ld.style.display = 'none';
 +
}
 +
</script>
 
<img src="https://static.igem.org/mediawiki/2021/7/74/T--GreatBay_SCIE--loading.gif" onload="disappear()"
 
<img src="https://static.igem.org/mediawiki/2021/7/74/T--GreatBay_SCIE--loading.gif" onload="disappear()"
−
style="width: 100%; height: 100%;>
+
class="loader" id="loader">
 +
<script>
 +
    ld = document.getElementById("loader");
 +
    WD = window.innerWidth;
 +
    ld.style.marginLeft = (WD - 300) + "px";
 +
    HT = window.innerHeight;
 +
    ld.style.marginTop = (HT - 240) + "px";
 +
 
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:59, 21 October 2021