134 lines
2.1 KiB
CSS
134 lines
2.1 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap");
|
|
|
|
:root {
|
|
--icon-size: 1.3rem;
|
|
--icon-color: var(--text);
|
|
}
|
|
|
|
#nav-bar {
|
|
padding: 0.625rem 0 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.25rem;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
#footer-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.accent-data {
|
|
color: var(--accent);
|
|
}
|
|
|
|
.theme-transition {
|
|
transition:
|
|
color 0.3s ease,
|
|
background-color 0.3s ease;
|
|
}
|
|
|
|
.tags-data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
align-items: flex-start;
|
|
align-content: flex-end;
|
|
}
|
|
|
|
.title-list li {
|
|
margin-bottom: 0.375rem;
|
|
}
|
|
|
|
/* icons settings */
|
|
.icon {
|
|
width: var(--icon-size);
|
|
height: var(--icon-size);
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color: var(--icon-color);
|
|
fill: currentColor;
|
|
transition: color 0.3s ease;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.icon:hover {
|
|
--icon-color: var(--accent);
|
|
}
|
|
|
|
/* Theme toggle specific styles */
|
|
.theme-toggle {
|
|
cursor: pointer;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: none;
|
|
border: none;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.theme-toggle:hover .icon {
|
|
--icon-color: var(--accent);
|
|
}
|
|
|
|
.theme-toggle:active {
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
/* footnotes */
|
|
.footnote-definition {
|
|
margin: 0 0 0 0.125rem;
|
|
}
|
|
|
|
.footnote-definition-label {
|
|
color: var(--accent);
|
|
}
|
|
|
|
.footnote-definition p {
|
|
display: inline;
|
|
margin: 0.625rem 0 0 0.625rem;
|
|
}
|
|
|
|
/* general classes */
|
|
/* Cleaned no-style class */
|
|
.no-style {
|
|
all: unset;
|
|
background: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.no-style:hover {
|
|
background: transparent;
|
|
color: inherit;
|
|
}
|
|
|
|
/* Modern float replacement */
|
|
.float-right {
|
|
margin-inline-start: auto;
|
|
}
|
|
|
|
.float-left {
|
|
margin-inline-end: auto;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.center img {
|
|
display: block;
|
|
margin: 1rem auto;
|
|
}
|
|
|
|
/* shortcodes css */
|
|
.webring {
|
|
margin: 0.375rem;
|
|
}
|
|
|
|
body {
|
|
font-family: "Ubuntu Sans Mono", sans-serif;
|
|
}
|