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

Line 294: Line 294:
 
                 position:relative;
 
                 position:relative;
 
             }
 
             }
 +
/* ********************************************** 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;
 +
        }
 +
/*************** The actual popup ****************/
 +
 +
        .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 arrow ************/
 +
 +
        .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;
 +
        }
  
  
 
</style>
 
</style>
 +
 +
<script>
 +
            function Function_geo()
 +
            {
 +
            var popup = document.getElementById("Popup_geo");
 +
            popup.classList.toggle("show");
 +
            }
 +
 +
        </script>
 
</html>
 
</html>

Revision as of 10:36, 23 September 2017