fYmious/masha_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add custom fonts

Browse Source
This commit is contained in:
nik
2025-09-29 13:39:05 +03:00
parent 1878f298a2
commit c87fb86a5f
35 changed files with 283 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
assets/css/extended/custom.css
View File

@@ -1,162 +1,162 @@
:root {
--theme: 255, 255, 255;
--entry: 248, 249, 250;
--primary: 17, 17, 17;
--secondary: 90, 90, 90;
--content: 36, 36, 36;
--theme: 255, 255, 255;
--entry: 248, 249, 250;
--primary: 17, 17, 17;
--secondary: 90, 90, 90;
--content: 36, 36, 36;
}
body {
background: rgb(var(--theme));
background: rgb(var(--theme));
}
.main {
max-width: 820px;
max-width: 820px;
}
.profile .profile-title {
letter-spacing: 0.2px;
letter-spacing: 0.2px;
}
.profile .profile-subtitle {
opacity: 0.85;
opacity: 0.85;
}
.profile img {
border-radius: 20px; /* скругление углов */
object-fit: cover; /* чтобы картинка обрезалась ровно */
max-width: 260px; /* можно увеличить, если нужно */
height: auto;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* лёгкая тень */
border-radius: 20px; /* скругление углов */
object-fit: cover; /* чтобы картинка обрезалась ровно */
max-width: 260px; /* можно увеличить, если нужно */
height: auto;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* лёгкая тень */
}
/* Blog specific styles */
.post-entry {
margin-bottom: 2rem;
padding: 1.5rem;
background: rgba(var(--entry), 0.8);
border-radius: 8px;
transition: transform 0.2s;
margin-bottom: 2rem;
padding: 1.5rem;
background: rgba(var(--entry), 0.8);
border-radius: 8px;
transition: transform 0.2s;
}
.post-entry:hover {
transform: translateY(-2px);
transform: translateY(-2px);
}
.entry-content h2 {
margin-top: 2rem;
color: rgb(var(--primary));
margin-top: 2rem;
color: rgb(var(--primary));
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-Thin.ttf.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-Thin.ttf") format("ttf");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraLight.ttf.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraLight.ttf") format("ttf");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-Light.ttf.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-Light.ttf") format("ttf");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-Regular.ttf.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-Regular.ttf") format("ttf");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-Medium.ttf.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-Medium.ttf") format("ttf");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-SemiBold.ttf.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-SemiBold.ttf") format("ttf");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-Bold.ttf.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-Bold.ttf") format("ttf");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraBold.ttf.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraBold.ttf") format("ttf");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-ThinItalic.ttf.woff2") format("woff2");
font-weight: 100;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-ThinItalic.ttf") format("ttf");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraLightItalic.ttf.woff2") format("woff2");
font-weight: 200;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraLightItalic.ttf") format("ttf");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-LightItalic.ttf.woff2") format("woff2");
font-weight: 300;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-LightItalic.ttf") format("ttf");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-Italic.ttf.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-Italic.ttf") format("ttf");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-MediumItalic.ttf.woff2") format("woff2");
font-weight: 500;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-MediumItalic.ttf") format("ttf");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-SemiBoldItalic.ttf.woff2") format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-SemiBoldItalic.ttf") format("ttf");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-BoldItalic.ttf.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-BoldItalic.ttf") format("ttf");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraBoldItalic.ttf.woff2") format("woff2");
font-weight: 800;
font-style: italic;
font-display: swap;
font-family: "MapleMono";
src: url("/fonts/MapleMono-ExtraBoldItalic.ttf") format("ttf");
font-weight: 800;
font-style: italic;
font-display: swap;
}
html,
body {
font-family: "MapleMono", monospace;
font-family: "MapleMono", monospace;
}