Difference between revisions of "Team:Greece/Team"

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');
 +
                void(document.getElementById('background_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 73: Line 74:
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id='loading-background'></div>
+
 
−
<img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif'/>
+
<!-- Loading Screen -->
 +
<div id='loading-background'>
 +
  <img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif' alt='Loading...' />
 +
</div>
 +
 
 
<!-- Navigation Bar -->
 
<!-- Navigation Bar -->
 
             <div style='display: none;' id='main-wraper'>
 
             <div style='display: none;' id='main-wraper'>
Line 94: Line 99:
 
</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 119: Line 125:
 
</svg>
 
</svg>
 
<!--
 
<!--
−
<div class='background_box' onmouseover='whenAllOver()'>
+
<div class='background_box' id='background_box'>
 
<img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' />
 
<img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' />
 
</div>
 
</div>
Line 269: Line 275:
  
 
.background_box{
 
.background_box{
−
position:fixed;  
+
position:fixed;
 +
        display: none;
 
margin-top: -100px;
 
margin-top: -100px;
 
width:100%;
 
width:100%;
Line 360: Line 367:
 
}
 
}
 
</style>
 
</style>
 +
 +
<!--Loading Div Style-->
 
<style>
 
<style>
−
     #loading-gif{
+
     #loading-background{  
 
         position: fixed;
 
         position: fixed;
 +
        width:100%;
 +
        height:100%;
 +
        top: 0;
 +
        left: 0;
 +
        display: block;
 +
        /*margin: -17px 0px 0px 0px;*/
 
         z-index: 10000;
 
         z-index: 10000;
−
         height: 200px;
+
        text-align: center;
−
-webkit-transform: translate(170%, 110%);
+
        zoom: 35%;
−
         -moz-transform: translate(170%, 110%);
+
        background: url(https://static.igem.org/mediawiki/2017/f/fc/GreeKom_paper.jpeg);
−
         -ms-transform: translate(170%, 110%);
+
    }
−
       -o-transform: translate(170%, 110%);
+
 
−
         transform: translate(170%, 110%);
+
    #loading-gif{
 +
        position: absolute;
 +
        z-index: 10000;
 +
         height: 250px;
 +
-webkit-transform: translate(-50%, 320%);
 +
         -moz-transform: translate(-50%, 320%);
 +
         -ms-transform: translate(-50%, 320%);
 +
       -o-transform: translate(-50%, 320%);
 +
         transform: translate(-50%, 320%);
 
     }
 
     }
 
</style>
 
</style>
Line 397: Line 420:
 
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
 
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); });
 
</script>
 
</script>
−
<style>
+
 
−
#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>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:18, 27 August 2017

Loading...