תבנית:מונחון/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 { | |||
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%); | |||
padding: 5px 15px; | |||
position: absolute; | |||
text-align: center; | |||
z-index: 98; | |||
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; | |||
} | |||
} | } | ||