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

Line 32: Line 32:
 
/* ************************ TITLE ******************** */     
 
/* ************************ TITLE ******************** */     
  
−
.couvlogogeo {
+
#couvlogogeo {
−
               width: 2.5%;
+
               width:50%;
−
              padding: 1% 2% 1% 96%;
+
            opacity:0.5;
 +
            transform:translate(3850%,-150%);
 +
            z-index:5;
 
         }  
 
         }  
  
Line 298: Line 300:
 
         color: #000;
 
         color: #000;
 
  }
 
  }
 +
/******************** 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;
 +
        }
 
         </style>
 
         </style>
  
Line 306: Line 369:
 
         <header>
 
         <header>
 
             <h3> MEMBERS </h3>
 
             <h3> MEMBERS </h3>
−
             <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>
  
  

Revision as of 11:48, 18 September 2017

TEAM

MEMBERS

C'est où la photo ?

Designed by iGEM Grenoble-Alpes 2017 team | Site Map