Difference between revisions of "Team:Greece/Model"

Line 13: Line 13:
 
                 //HIDE
 
                 //HIDE
 
                 void(document.getElementById('loading-background').style.display = 'none');
 
                 void(document.getElementById('loading-background').style.display = 'none');
                void(document.getElementById('loading-gif').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'/>
+
  <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:block; position:absolute; z-index:1000; margin: 0px;' id='svg_graphics_box' class='responsive_box' height="600" width='99%' viewBox="0 0 800 700">
+
 
 +
<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%);
 
     }
 
     }
 
    #loading-background{
 
        position: fixed;
 
        margin: -17px 0px 0px 0px;
 
        z-index:10000;
 
        width:100%;
 
        height:100%;
 
        zoom: 35%;
 
        background: url(https://static.igem.org/mediawiki/2017/f/fc/GreeKom_paper.jpeg);
 
}
 
 
</style>
 
</style>
  

Revision as of 02:44, 27 August 2017

Loading...