MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 15: | Line 15: | ||
} | } | ||
.img-max-50 { | img.img-max-50{ | ||
max-width: 50%; | max-width: 50%; | ||
height: auto; | 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; | |||
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; | |||
} | } |
Latest revision as of 19:09, 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;
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;
}