saudade/style/menu.css
2023-06-14 12:31:11 -07:00

64 lines
1.3 KiB
CSS

/*noinspection DuplicatedCode,CssUnresolvedCustomProperty*/
div#archive-menu {
position: fixed;
top: 20px;
right: 20px;
text-align: right;
font-size: 16px !important;
padding: 10px;
overflow: hidden;
height: unset;
width: unset;
max-width: 0;
max-height: 0;
transition: max-height 0.5s ease-out, max-width 0.5s ease-out;
border: 1px solid var(--border-color, var(--color, black));
background: var(--background-image, var(--background-color, white));
background-attachment: fixed;
color: var(--color, black);
}
div#archive-menu a {
display: block;
text-decoration: underline;
visibility: hidden;
transition: visibility 0s;
color: var(--color, black);
}
div#archive-menu a:hover {
text-decoration: underline;
text-decoration-style: wavy;
color: var(--color, black);
}
div#archive-menu #hrt {
font-family: sans-serif !important;
display: block;
position: absolute;
top: -1px;
right: 5px;
opacity: 100%;
transition: opacity 0.5s ease-out;
}
div#archive-menu:hover {
max-width: 200px;
max-height: 200px;
transition: max-height 0.5s ease-in, max-width 0.5s ease-in;
}
div#archive-menu:hover a {
visibility: visible;
transition-delay: 0.5s;
}
div#archive-menu:hover #hrt {
opacity: 0;
transition: opacity 0.5s ease-in;
}