saudade/style/menu.css

65 lines
1.3 KiB
CSS
Raw Normal View History

2023-06-09 14:14:26 -07:00
/*noinspection DuplicatedCode,CssUnresolvedCustomProperty*/
div#archive-menu {
2023-06-14 12:18:54 -07:00
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);
2023-06-09 14:14:26 -07:00
}
div#archive-menu a {
2023-06-14 12:18:54 -07:00
display: block;
text-decoration: underline;
visibility: hidden;
transition: visibility 0s;
color: var(--color, black);
2023-06-09 14:14:26 -07:00
}
div#archive-menu a:hover {
2023-06-14 12:18:54 -07:00
text-decoration: underline;
text-decoration-style: wavy;
color: var(--color, black);
2023-06-09 14:14:26 -07:00
}
div#archive-menu #hrt {
2023-06-14 12:18:54 -07:00
font-family: sans-serif !important;
display: block;
position: absolute;
top: -1px;
right: 5px;
opacity: 100%;
transition: opacity 0.5s ease-out;
2023-06-09 14:14:26 -07:00
}
div#archive-menu:hover {
2023-06-14 12:18:54 -07:00
max-width: 200px;
max-height: 200px;
transition: max-height 0.5s ease-in, max-width 0.5s ease-in;
2023-06-09 14:14:26 -07:00
}
div#archive-menu:hover a {
2023-06-14 12:18:54 -07:00
visibility: visible;
transition-delay: 0.5s;
2023-06-09 14:14:26 -07:00
}
div#archive-menu:hover #hrt {
2023-06-14 12:18:54 -07:00
opacity: 0;
transition: opacity 0.5s ease-in;
2023-06-09 14:14:26 -07:00
}