blog/themes/oldtheme/assets/css/common/footer.css

58 lines
956 B
CSS
Raw Normal View History

2023-11-02 21:11:03 +09:00
.footer,
.top-link {
font-size: 12px;
color: var(--secondary);
}
.footer {
max-width: calc(var(--main-width) + var(--gap) * 2);
margin: auto;
padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap);
text-align: center;
line-height: 24px;
}
.footer span {
margin-inline-start: 1px;
margin-inline-end: 1px;
}
.footer span:last-child {
white-space: nowrap;
}
.footer a {
2023-11-07 19:59:46 +09:00
color: var(--primary);
2023-11-02 21:11:03 +09:00
}
.footer a:hover {
2023-11-07 19:59:46 +09:00
text-decoration: underline;
2023-11-02 21:11:03 +09:00
}
.top-link {
2023-11-07 19:59:46 +09:00
visibility: hidden;
position: fixed;
2023-11-07 21:21:40 +09:00
bottom: 30px;
right: 30px;
2023-11-07 19:59:46 +09:00
z-index: 99;
border: none;
outline: none;
background-color: var(--tertiary);
color: black;
cursor: pointer;
2023-11-07 21:20:56 +09:00
padding: 14px;
2023-11-07 19:59:46 +09:00
border-radius: 5px;
font-size: 18px;
transition: visibility 0.5s, opacity 0.8s linear;
2023-11-02 21:11:03 +09:00
}
.footer a:hover,
.top-link:hover {
color: var(--primary);
}
.top-link:focus,
#theme-toggle:focus {
outline: 0;
2023-11-07 21:20:56 +09:00
}