114 lines
1.7 KiB
CSS
114 lines
1.7 KiB
CSS
|
nav#archive-menu {
|
||
|
position: fixed;
|
||
|
top: 20px;
|
||
|
right: 20px;
|
||
|
text-align: right;
|
||
|
font-size: 16px !important;
|
||
|
padding: 10px;
|
||
|
overflow: hidden;
|
||
|
max-width: 0;
|
||
|
max-height: 0;
|
||
|
transition: max-height 0.5s ease-out, max-width 0.5s ease-out;
|
||
|
}
|
||
|
nav#archive-menu a {
|
||
|
display: block;
|
||
|
visibility: hidden;
|
||
|
transition: visibility 0s;
|
||
|
}
|
||
|
nav#archive-menu a:hover {
|
||
|
text-decoration: underline;
|
||
|
text-decoration-style: wavy;
|
||
|
}
|
||
|
nav#archive-menu #hrt {
|
||
|
font-family: sans-serif !important;
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
top: -1px;
|
||
|
right: 5px;
|
||
|
opacity: 100%;
|
||
|
transition: opacity 0.5s ease-out;
|
||
|
}
|
||
|
|
||
|
nav#archive-menu:hover {
|
||
|
max-width: 200px;
|
||
|
max-height: 200px;
|
||
|
transition: max-height 0.5s ease-in, max-width 0.5s ease-in;
|
||
|
}
|
||
|
nav#archive-menu:hover a {
|
||
|
visibility: visible;
|
||
|
transition-delay: 0.5s;
|
||
|
}
|
||
|
nav#archive-menu:hover #hrt {
|
||
|
opacity: 0%;
|
||
|
transition: opacity 0.5s ease-in;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
background-color: #ccf;
|
||
|
font-size: 13px;
|
||
|
}
|
||
|
|
||
|
h1 {
|
||
|
font-size: 48px;
|
||
|
font-weight: 700;
|
||
|
color: #c0f;
|
||
|
font-style: italic;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
.center {
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.small {
|
||
|
font-size: 10px;
|
||
|
}
|
||
|
|
||
|
.medium {
|
||
|
font-size: 16px;
|
||
|
}
|
||
|
|
||
|
.big {
|
||
|
font-size: 18px;
|
||
|
}
|
||
|
|
||
|
.arial {
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
}
|
||
|
|
||
|
.times {
|
||
|
font-family: "Times New Roman", serif;
|
||
|
}
|
||
|
|
||
|
.georgia {
|
||
|
font-family: Georgia, serif;
|
||
|
}
|
||
|
|
||
|
.courier {
|
||
|
font-family: "Courier New", Courier, monospace;
|
||
|
}
|
||
|
|
||
|
.missing-asset {
|
||
|
border: 1px solid;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
|
||
|
.display-table {
|
||
|
display: table;
|
||
|
margin: 10px auto;
|
||
|
}
|
||
|
|
||
|
.inline-block {
|
||
|
display: inline-block;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
#god {
|
||
|
float: right;
|
||
|
width: 130px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
/*# sourceMappingURL=style.css.map */
|