Difference between revisions of "Team:Grenoble-Alpes/Team"

Line 37: Line 37:
 
         }  
 
         }  
  
/******************** POP UP GEOLOCALISATION ******************/
 
 
.popup
 
        {
 
            position: relative;
 
            display: float;
 
            cursor: pointer;
 
            -webkit-user-select: none;
 
            -moz-user-select: none;
 
            -ms-user-select: none;
 
            user-select: none;
 
            z-index:2;
 
            width:5%;
 
        }
 
  
#Popup_geo
 
        {
 
        position:absolute;
 
        padding: 1% 1% 1% 1%;
 
        top: -200%;
 
        left: 1600%;
 
        width: 300%;
 
        z-index: 2;
 
        }
 
 
 
.popup .popuptext
 
        {
 
            visibility: hidden;
 
            width: 10%;
 
            background-color: #364A5E;
 
            color: #fff;
 
            text-align: center;
 
            border-radius: 5%;
 
            padding: 10% 10% 10% 10%;
 
            position: relative;
 
            z-index:1;
 
 
        }
 
 
.popup .popuptext::after
 
        {
 
            content: "";
 
            top: 100%;
 
            left: 50%;
 
            margin-left: -5px;
 
            border-width: 5px;
 
            border-style: solid;
 
            border-color: #555 transparent transparent transparent;
 
            z-index:1;
 
        }
 
 
.popup .show {
 
            visibility: visible;
 
            -webkit-animation: fadeIn 1s;
 
            animation: fadeIn 1s;
 
        }
 
.popup .hide {
 
            visibility: hidden;
 
            -webkit-animation: fadeIn 1s;
 
            animation: fadeIn 1s;
 
        }
 
 
@-webkit-keyframes fadeIn {
 
            from {opacity: 0;}
 
            to {opacity: 1;}
 
        }
 
@keyframes fadeIn {
 
            from {opacity: 0;}
 
            to {opacity:1 ;}
 
        }
 
  
 
/* ************************ MINIATURES ******************** */                 
 
/* ************************ MINIATURES ******************** */                 
Line 379: Line 309:
 
         </header>
 
         </header>
  
<!-- ********************** LOGO GEO *************************-->
 
  
            <div class="popup" onclick="Function_geo()"><img id="couvlogogeo" src="https://static.igem.org/mediawiki/2017/c/c9/LogolocalisationiGEMGrenoble.png">
 
                  <span class="popuptext" id="Popup_geo">
 
                  C'est où la photo ?
 
                  </span>
 
            </div>
 
  
  

Revision as of 15:33, 31 August 2017

TEAM

MEMBERS

Designed by iGEM Grenoble-Alpes 2017 team | Site Map