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

Line 36: Line 36:
 
               padding: 1%  2% 1% 96%;
 
               padding: 1%  2% 1% 96%;
 
         }  
 
         }  
 +
 +
/******************** 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 306: Line 378:
 
             <img class="couvlogogeo" src="https://static.igem.org/mediawiki/2017/c/c9/LogolocalisationiGEMGrenoble.png">  
 
             <img class="couvlogogeo" src="https://static.igem.org/mediawiki/2017/c/c9/LogolocalisationiGEMGrenoble.png">  
 
         </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>
 +
  
 
         <div> <!--LIGNE 1-->
 
         <div> <!--LIGNE 1-->

Revision as of 15:32, 31 August 2017

TEAM

MEMBERS

C'est où la photo ?

Designed by iGEM Grenoble-Alpes 2017 team | Site Map