Difference between revisions of "MediaWiki:Common.css"
From DFM Wiki
EricThrift (talk | contribs) (Remove border from iframes, to provide cleaner presentation for widgets (embedded elements such as calendars).) |
EricThrift (talk | contribs) |
||
| Line 10: | Line 10: | ||
iframe {border:none;} | iframe {border:none;} | ||
| + | |||
| + | /* Tooltips */ | ||
| + | |||
| + | .tooltip { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | border-bottom: 1px dotted black; | ||
| + | } | ||
| + | |||
| + | .tooltip .tooltiptext { | ||
| + | visibility: hidden; | ||
| + | width: 20em; | ||
| + | border:solid 1px grey; | ||
| + | background-color: #eee; | ||
| + | padding: 0.4em; | ||
| + | border-radius: 6px; | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | |||
| + | .tooltip:hover .tooltiptext { | ||
| + | visibility: visible; | ||
| + | } | ||
Revision as of 14:58, 23 February 2021
/* CSS placed here will be applied to all skins */
li {margin: 0.5em auto;}
body, .mw-footer-container {background: white; color: black;}
.mw-footer-container a:hover, .mw-footer-container a:visited, .mw-footer-container a {color: #3366cc;}
.mw-footer .footer-icons {display:inline-block;float:none;}
.mw-footer {padding-top: 1em;}
iframe {border:none;}
/* Tooltips */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 20em;
border:solid 1px grey;
background-color: #eee;
padding: 0.4em;
border-radius: 6px;
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
