Difference between revisions of "Team:Greece/our team"

Line 6: Line 6:
 
   <script> window.onload = function (){
 
   <script> window.onload = function (){
 
void(document.getElementById('svg_graphics_box').style.display = 'block');
 
void(document.getElementById('svg_graphics_box').style.display = 'block');
−
                         void(document.getElementById('loading-background').style.display = 'none');   
+
                         void(document.getElementById('loading-background').style.display = 'none');
 +
                        void(document.getElementById('loading-gif').style.display = 'none');   
 
    }
 
    }
 
   </script>
 
   </script>
Line 13: Line 14:
 
<body>
 
<body>
 
<div id='loading-background'></div>
 
<div id='loading-background'></div>
 +
<img id='loading-gif' src='https://cldup.com/pIBaUjU48W.gif'/>
 +
 
<!-- Navigation Bar -->
 
<!-- Navigation Bar -->
 
             <div id='main-wraper'>
 
             <div id='main-wraper'>
Line 516: Line 519:
 
         .animate_text_appear{ visibility: visible; }
 
         .animate_text_appear{ visibility: visible; }
  
−
         #loading-background{ position:absolute; z-index:10000; width:100%; height:600%; background: url('https://cldup.com/mTEtxBim0A.jpg'); }
+
         #loading-background{  
−
</style>
+
                position:absolute;
 +
                z-index:10000;
 +
                width:100%;
 +
                height:600%;
 +
                background: url('https://cldup.com/mTEtxBim0A.jpg');
 +
        }
  
 +
        #loading-gif{
 +
                position: absolute;
 +
        max-width: 80%;
 +
        top: 10%;
 +
        left: 10%;
 +
        box-shadow: 0 3px 6px rgba(0,0,0,0.9);
 +
        }
 +
 +
        #loading-gif: empty{
 +
                top: 50%;
 +
        left: 50%;
 +
        -webkit-transform: translate(-50%, -50%);
 +
        -moz-transform: translate(-50%, -50%);
 +
        -ms-transform: translate(-50%, -50%);
 +
        -o-transform: translate(-50%, -50%);
 +
        transform: translate(-50%, -50%);
 +
        }
 +
 +
@media screen and (orientation: portrait) {
 +
  #loading-gif { max-width: 90%; }
 +
}
 +
 +
@media screen and (orientation: landscape) {
 +
  #loading-gif { max-height: 90%; }
 +
}
 +
</style>
  
 
<!--Styling script-->
 
<!--Styling script-->

Revision as of 15:03, 12 August 2017