תבנית:מונחון/styles.css – הבדלי גרסאות

מ. רובין (שיחה | תרומות)
יצירת דף עם התוכן "partially based on the following stack overflow answer:: stackoverflow.com/a/19746950: @media (hover: none) { .wpAbbreviation { position: relative; text-decoration: underline dotted; cursor: help; } .wpAbbreviation:hover::after { background: #333; background: rgba(0,0,0,.8); border-radius: 5px; top: 26px; color: #fff; content: attr(title); left: 50%; transform: translateX(-50%); pa..."
 
מ. רובין (שיחה | תרומות)
ייבוא מוויקיפדיה
 
שורה 4: שורה 4:
@media (hover: none) {
@media (hover: none) {
.wpAbbreviation {
.wpAbbreviation {
    position: relative;
    position: relative;
    text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    cursor: help;
}
}


.wpAbbreviation:hover::after {
.wpAbbreviation:hover::after {
    background: #333;
    background: #333;
    background: rgba(0,0,0,.8);
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    border-radius: 5px;
    top: 26px;
    top: 26px;
    color: #fff;
    color: #fff;
    content: attr(title);
    content: attr(title);
    left: 50%;
    left: 50%;
    transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 15px;
    padding: 5px 15px;
    position: absolute;
    position: absolute;
    text-align: center;
    text-align: center;
    z-index: 98;
    z-index: 98;
    width: 7em;
    width: 7em;
}
}
 
.wpAbbreviation:hover::before {
    border: solid;
    border-color: #333 transparent;
    border-width: 0 6px 6px 6px;
    top: 20px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 99;
}


.wpAbbreviation:hover::before {
    border: solid;
    border-color: #333 transparent;
    border-width: 0 6px 6px 6px;
    top: 20px;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 99;
}
}
}