mediawiki-skin-crystal/resources/skin.less
2025-10-05 22:55:42 +11:00

113 lines
1.6 KiB
Plaintext

@import 'unset.less';
@media (max-width: 1080px) {
@import 'layout-touch.less';
}
@media (min-width: 1081px) {
@import 'layout-mouse.less';
}
@import 'topbar.less';
@import 'toc.less';
@import 'mediawiki.skin.variables.less';
@font-face {
font-family: "Libre Caslon";
src: url('/resources/assets/Libre_Caslon_Text/LibreCaslonText-Regular.ttf');
}
:root {
--space: .6em;
}
body {
margin: 0;
}
#firstHeading {
margin-bottom: .1em;
margin-top: auto;
}
#firstHeading, .mw-heading h2 {
font-family: 'Libre Caslon', serif;
}
.mw-heading {
display: flex;
margin-bottom: calc(var(--space));
}
p {
margin-bottom: calc(var(--space) * 2);
line-height: calc(var(--space) * 3);
}
.nav-menu {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space);
}
.nav-links {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.nav-toc {
position: sticky;
top: calc(var(--space) * 2);
}
.mw-list-item.selected {
display: none;
}
#titleblock {
border-bottom: 3px solid black;
margin-bottom: calc(var(--space) * 2);
}
#versions {
display: flex;
flex-wrap: wrap;
gap: var(--space);
}
#t-print, #t-upload {
display: none;
}
// #topbar {
// background-color: yellow;
// }
// .nav-links {
// background-color: blue;
// }
// .mw-list-item a, .mw-list-item a {
// color: white;
// }
// .sidebar-page-menu {
// background-color: purple;
// }
// #titleblock, #pagebody-header {
// background-color: green;
// }
// #mw-content-text {
// background-color: red;
// }
// #bottombar {
// background-color: pink;
// }