Add tooltip styling
This commit is contained in:
parent
239aa71b6c
commit
e6df496eb7
|
@ -128,6 +128,19 @@
|
||||||
|
|
||||||
p + .adoptables { margin-top: 1em; }
|
p + .adoptables { margin-top: 1em; }
|
||||||
|
|
||||||
|
/* Tooltips */
|
||||||
|
.tooltip { display: none; }
|
||||||
|
.tipcontainer { position: relative; }
|
||||||
|
|
||||||
|
.tipactivator:hover + .tooltip,
|
||||||
|
.tipactivator:focus + .tooltip {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
background-color: var(--clr-quote-bg);
|
||||||
|
border: 0.15em solid var(--clr-title-border);
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
/* Web button lists */
|
/* Web button lists */
|
||||||
.web-btn-wrapper {
|
.web-btn-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in New Issue