CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
Line 13: | Line 13: | ||
//HIDE | //HIDE | ||
void(document.getElementById('loading-background').style.display = 'none'); | void(document.getElementById('loading-background').style.display = 'none'); | ||
− | |||
//SHOW | //SHOW | ||
− | void(document.getElementById('main-wraper').style.display = 'block'); | + | void(document.getElementById('main-wraper').style.display = 'block'); |
+ | void(document.getElementById('svg_graphics_box').style.display = 'block'); | ||
// Change color of current link | // Change color of current link | ||
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | ||
Line 76: | Line 76: | ||
<!-- Loading Screen --> | <!-- Loading Screen --> | ||
<div id='loading-background'> | <div id='loading-background'> | ||
− | + | <img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif' alt='Loading...' /> | |
</div> | </div> | ||
Line 98: | Line 98: | ||
</nav> | </nav> | ||
</div> | </div> | ||
− | <svg style='display: | + | |
+ | <svg style='display:none; position:absolute; z-index:1000; margin: 0px;' id='svg_graphics_box' class='responsive_box' height="600" width='99%' viewBox="0 0 800 700"> | ||
<!--min-x, min-y, width, height--> | <!--min-x, min-y, width, height--> | ||
Line 361: | Line 362: | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <!--Loading Div Style--> | ||
<style> | <style> | ||
+ | #loading-background{ | ||
+ | position: fixed; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | display: block; | ||
+ | /*margin: -17px 0px 0px 0px;*/ | ||
+ | z-index: 10000; | ||
+ | text-align: center; | ||
+ | zoom: 35%; | ||
+ | background: url(https://static.igem.org/mediawiki/2017/f/fc/GreeKom_paper.jpeg); | ||
+ | } | ||
+ | |||
#loading-gif{ | #loading-gif{ | ||
position: fixed; | position: fixed; | ||
Line 372: | Line 389: | ||
transform: translate(170%, 110%); | transform: translate(170%, 110%); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
Revision as of 02:44, 27 August 2017