Difference between revisions of "Template:Grenoble-Alpes/CSS"

Line 296: Line 296:
 
/* ********************************************** Geolocalisation *************************************************** */
 
/* ********************************************** Geolocalisation *************************************************** */
  
−
  .popup_logo
+
/******************** POP UP GEOLOCALISATION ******************/
 +
   
 +
.popup_geoloc
 
         {
 
         {
 
             position: relative;
 
             position: relative;
Line 309: Line 311:
 
         }
 
         }
  
−
#Popup_geo
+
#Popup_geo
 
         {
 
         {
 
         position:absolute;
 
         position:absolute;
Line 318: Line 320:
 
         z-index: 2;
 
         z-index: 2;
 
         }
 
         }
−
/*************** The actual popup ****************/
 
  
−
        .popup .popuptext  
+
 
 +
.popup .popuptext  
 
         {
 
         {
 
             visibility: hidden;
 
             visibility: hidden;
Line 334: Line 336:
 
         }
 
         }
  
−
        /*************** Popup arrow ************/
+
.popup .popuptext::after  
−
 
+
−
        .popup .popuptext::after  
+
 
         {
 
         {
 
             content: "";
 
             content: "";
Line 348: Line 348:
 
         }
 
         }
  
 +
.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 ;}
 +
        }
  
 
</style>
 
</style>

Revision as of 11:07, 23 September 2017