MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
background:#DDEEFF; | background:#DDEEFF; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
Line 33: | Line 29: | ||
li { list-style-position: inside } | li { list-style-position: inside } | ||
.tooltip { | |||
position: relative; | |||
display: inline-block; | |||
border-bottom: 1px dotted black; | |||
} | |||
.tooltip .tooltiptext { | |||
visibility: hidden; | |||
width: 120px; | |||
background-color: #555; | |||
color: #fff; | |||
text-align: center; | |||
border-radius: 6px; | |||
padding: 5px 0; | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 125%; | |||
left: 50%; | |||
margin-left: -60px; | |||
opacity: 0; | |||
transition: opacity 0.3s; | |||
} | |||
.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; | |||
} | |||
.tooltip:hover .tooltiptext { | |||
visibility: visible; | |||
opacity: 1; | |||
} |
Revision as of 19:04, 10 March 2019
/** CSS placed here will be applied to all skins */
.surnametable{
background:#DDDDDD;
}
.surnametable th{
background:#DDFFEE;
vertical-align: top;
}
.surnametable td{
background:#DDEEFF;
vertical-align: top;
}
img.img-max-50{
max-width: 50%;
height: auto;
}
img.floatright{
float: right;
}
img.floatleft{
float: left;
}
li { list-style-position: inside }
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.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;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}