anemone/static/css/style.css

105 lines
1.5 KiB
CSS
Raw Normal View History

2024-02-29 03:22:04 +00:00
#nav-bar {
padding: .625rem 0 0 0;
display: flex;
flex-direction: row;
2024-02-29 03:22:04 +00:00
gap: .25rem;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
align-content: flex-end
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
#footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
.accent-data {
color: var(--accent);
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
.theme-transition {
transition: color 0.3s ease, background-color 0.3s ease;
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
.tags-data {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-end
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
.title-list li {
2023-10-10 22:34:35 +01:00
margin-bottom: .75rem;
}
2024-02-29 03:22:04 +00:00
/* icons settings */
.icons {
width: 1.3rem;
height: 1.3rem;
aspect-ratio: 1/1;
display: inline-block;
vertical-align: middle;
color: var(--text);
fill: var(--text);
background-color: transparent;
cursor: pointer;
}
.icons:hover {
background-color: transparent;
color: var(--accent);
}
/* footnotes */
2023-07-04 01:37:44 +01:00
.footnote-definition {
2024-02-29 03:22:04 +00:00
margin: 0 0 0 .125rem;
2023-07-04 01:37:44 +01:00
}
2023-07-04 01:37:44 +01:00
.footnote-definition-label {
2024-02-29 03:22:04 +00:00
color: var(--accent);
2023-07-04 01:37:44 +01:00
}
.footnote-definition p {
display: inline;
2024-02-29 03:22:04 +00:00
margin: .625rem 0 0 .625rem;
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
/* general classes */
.no-style {
padding: 0;
margin: 0;
border: none;
border-radius: 0
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
.no-style:hover {
background-color: transparent;
color: var(--accent);
}
.center {
text-align: center;
2023-07-04 01:37:44 +01:00
}
.center img {
display: block;
margin: 1rem auto;
}
2024-02-29 03:22:04 +00:00
.float-right {
float: right
2023-07-04 01:37:44 +01:00
}
2024-02-29 03:22:04 +00:00
.float-left {
float: left
2023-07-25 04:05:11 +01:00
}
2024-02-29 03:22:04 +00:00
/* shortcodes css */
2023-07-25 04:05:11 +01:00
.webring {
2024-02-29 03:22:04 +00:00
margin: .375rem;
2023-07-04 01:37:44 +01:00
}