worldbuilding/wiki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

merge CSS, remove unused fonts

Browse Source
This commit is contained in:
Annwan
2026-01-22 23:54:44 +01:00
parent ee47244bc2
commit 2abbc7f8cf
3 changed files with 357 additions and 386 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

315
assets/style/IosevkaAile.css
View File

@ -1,315 +0,0 @@
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Thin.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Thin.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 100;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-ThinItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLight.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLight.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 200;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Light.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 300;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-LightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Regular.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 400;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-Italic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Italic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Medium.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 500;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-MediumItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-SemiBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 600;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-SemiBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Bold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 700;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-BoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 800;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Heavy.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Heavy.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 900;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-HeavyItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyItalic.ttf') format('truetype');
}

371
assets/style/common.css
View File

@ -1,5 +1,328 @@
@import url(/assets/style/fonts.css); /****** FONTS ******/
@import url(/assets/style/IosevkaAile.css);
/* Andika with the nahan script */
@font-face {
font-family: AndikaAmbNaran;
src: url("../fonts/AndikaAmbNaran.ttf") format("truetype");
}
/* Iosevka Aile as the main font */
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Thin.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Thin.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 100;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-ThinOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 100;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-ThinItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ThinItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLight.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLight.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 200;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 200;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-ExtraLightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Light.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 300;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-LightOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-LightItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-LightItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Regular.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 400;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-Oblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Oblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 400;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-Italic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Italic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Medium.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 500;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-MediumOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 500;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-MediumItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-MediumItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-SemiBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 600;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-SemiBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 600;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-SemiBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Bold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 700;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-BoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-BoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-BoldItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBold.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 800;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 800;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: normal;
src: url('../fonts/WOFF2/IosevkaAile-Heavy.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-Heavy.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: oblique;
src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web Oblique';
font-display: swap;
font-weight: 900;
font-stretch: normal;
src: url('../fonts/WOFF2/IosevkaAile-HeavyOblique.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyOblique.ttf') format('truetype');
}
@font-face {
font-family: 'Iosevka Aile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: italic;
src: url('../fonts/WOFF2/IosevkaAile-HeavyItalic.woff2') format('woff2'), url('../fonts/TTF/IosevkaAile-HeavyItalic.ttf') format('truetype');
}
/****** basics ******/
:root { :root {
--bg: #282828; --bg: #282828;
@ -25,11 +348,6 @@ body {
color: var(--fg); color: var(--fg);
} }
header {
width: 100%;
background-color: var(--bg-accent);
text-align: center;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: 800; font-weight: 800;
} }
@ -37,10 +355,23 @@ strong {
font-weight: 600; font-weight: 600;
} }
/****** header ****/
header {
width: 100%;
background-color: var(--bg-accent);
text-align: center;
}
header h1 a { header h1 a {
text-decoration: none; text-decoration: none;
} }
a {
display: inline;
color: var(--accent)
}
header nav { header nav {
width: 100%; width: 100%;
padding: 0pt, 10pt; padding: 0pt, 10pt;
@ -61,10 +392,9 @@ nav input {
aside, aside * { aside, aside * {
background-color: var(--bg-accent); background-color: var(--bg-accent);
} }
a {
display: inline; /****** Search Box ******/
color: var(--accent)
}
ul.sresult { ul.sresult {
width: 50vw; width: 50vw;
height: 20vw; height: 20vw;
@ -75,20 +405,19 @@ ul.sresult {
left: 50%; left: 50%;
transform: translate(-50%, 0%); transform: translate(-50%, 0%);
background-color: var(--bg-accent); background-color: var(--bg-accent);
padding: 10pt padding: 10pt;
border: .1em solid var(--fg-disabled);
} }
li.sresult { li.sresult {
list-style: none; list-style: none;
font-size: 1.5em; font-size: 1.5em;
} }
/****** Table of contents ******/
aside { aside {
padding: 10pt; padding: 10pt;
height: min-content; height: min-content;
} }
main {
padding: 25pt 10pt;
}
@media (min-width: 1000px) { @media (min-width: 1000px) {
#main-body {display: flex;} #main-body {display: flex;}
@ -100,13 +429,20 @@ main {
width: 20em; width: 20em;
} }
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {
main { main {
width: 100% - 20pt width: 100% - 20pt
} }
aside { width: 100% - 20pt } aside { width: 100% - 20pt }
} }
/****** Main body styling ******/ /****** Main body styling ******/
main {
padding: 25pt 10pt;
}
main h1 { main h1 {
font-size: 2em; font-size: 2em;
font-weight: bold; font-weight: bold;
@ -116,9 +452,11 @@ main li {
list-style-position: inside; list-style-position: inside;
padding: 0 0 0 10pt; padding: 0 0 0 10pt;
} }
main table { main table {
margin: 1em; margin: 1em;
} }
main td { main td {
padding: 0em 1em; padding: 0em 1em;
margin: 0; margin: 0;
@ -128,13 +466,16 @@ main .low {
color: var(--fg-disabled); color: var(--fg-disabled);
font-style: italic; font-style: italic;
} }
main .high { main .high {
color: var(--accent); color: var(--accent);
font-family: inherit; font-family: inherit;
} }
main em { main em {
color: var(--accent); color: var(--accent);
} }
main table, main td, main tr { main table, main td, main tr {
border-collapse: collapse; border-collapse: collapse;
margin: 10px; margin: 10px;

55
assets/style/fonts.css
View File

@ -1,55 +0,0 @@
/* Andika with the nahan script */
@font-face {
font-family: AndikaAmbNaran;
src: url("../fonts/AndikaAmbNaran.ttf") format("truetype");
}
/* Andika for the rest */
@font-face {
font-family: Andika;
src: url("../fonts/Andika-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-BoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Andika;
src: url("../fonts/Andika-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}