MediaWiki:Common.css: differenze tra le versioni

Da Wiki The-West IT.
Vai alla navigazione
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1: Riga 1:
*/
.tooltip {
     position: relative;
/* Main CSS class of the tooltip */
     display: inline-block;
.main-tooltip {
     border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
     border: 1px solid #cac4b5;
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
     border-radius: 4px;
    margin-bottom: 5px;
    padding: 2px 5px;
    background-color: #fbeecb;
}
}
 
/* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */
/* Tooltip text */
#tooltip-wrapper {
.tooltip .tooltiptext {
     padding: 3px 7px 2px 3px;
    visibility: hidden;
     z-index: 6000000;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
     padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text */
    position: absolute;
     z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
 
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}
}
 
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
/* Tooltip arrow */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
.tooltip .tooltiptext::after {
     display: none;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
     border-color: #555 transparent transparent transparent;
}
}
 
.tooltips-init-complete {
/* Show the tooltip text when you mouse over the tooltip container */
     cursor: help;
.tooltip:hover .tooltiptext {
     visibility: visible;
    opacity: 1;
}
}
/*

Versione delle 14:57, 16 dic 2016

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}