mediawiki-skin-crystal/resources/skin.less

140 lines
2.4 KiB
Plaintext

@import 'unset.less';
@import 'colors.less';
@media (max-width: 1080px) {
@import 'layout-touch.less';
}
@media (min-width: 1081px) {
@import 'layout-mouse.less';
}
@import 'topbar.less';
@import 'toc.less';
@import 'navmenu.less';
@import 'mediawiki.skin.variables.less';
@font-face {
font-family: "Libre Caslon";
src: url('/resources/assets/Libre_Caslon_Text/LibreCaslonText-Regular.ttf');
}
body {
margin: 0;
background-image: linear-gradient(100deg, var(--blue-1), var(--white) 20%, var(--white)70%, var(--blue-1))
}
:root {
--space: .6em;
}
button {
cursor: pointer;
}
fieldset {
margin-top: calc(var(--space) * 3);
}
#title-views {
display: flex;
gap: var(--space);
align-items: center;
}
#site-icon {
position: absolute;
}
#page a:link {
color: var(--blue-6);
}
#page a.new, #page a.new {
color: red;
text-decoration: underline wavy;
}
#page a:not(.new):visited {
color: var(--pink-6);
}
#page a:hover , #page a:visited:hover {
color: var(--blue-4);
}
.pi-title {
background-color: var(--gold-4);
}
#pagetitle {
position: relative;
}
#firstHeading {
margin-bottom: .1em;
margin-top: auto;
}
#firstHeading, .mw-heading h2 {
font-family: 'Libre Caslon', serif;
text-wrap: balance;
}
.mw-heading {
display: flex;
margin-bottom: calc(var(--space));
}
p {
margin-bottom: calc(var(--space) * 2);
line-height: calc(var(--space) * 3);
}
.mw-list-item.selected {
display: none;
}
#titleblock {
border-bottom: 3px solid var(--black);
// margin-bottom: calc(var(--space) * 2);
display: flex;
align-items: end;
justify-content: space-between;
}
#pagetitle {
display: flex;
// align-items: center;
}
#title-views {
margin-left: auto;
margin-bottom: calc(var(--space) / 2);
}
#versions {
display: flex;
flex-wrap: wrap;
gap: var(--space);
margin-left: 2vw;
}
#t-print, #t-upload {
display: none;
}
// border-style: solid;
// border-image: linear-gradient(150deg, var(--blue-5), white 30%) 1;
// background-image: linear-gradient(150deg, var(--blue-5) 0%, var(--blue-3) 6%, var(--blue-2) 12%, white 30%)
// }
// #page-menu:focus-within {
// border-style: solid;
// border-image: linear-gradient(102deg, var(--blue-5),white 30%) 1;
// background-image: linear-gradient(102deg, var(--blue-5) 0%, var(--blue-3) 6%, var(--blue-2) 12%, white 30%)
// }