158 lines
3.0 KiB
Plaintext
158 lines
3.0 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))
|
|
}
|
|
|
|
body::selection {
|
|
background-color: var(--blue-5);
|
|
}
|
|
|
|
: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));
|
|
}
|
|
|
|
main 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;
|
|
}
|
|
|
|
#localNotice {
|
|
width: 100%;
|
|
}
|
|
|
|
.sitenotice {
|
|
display: flex;
|
|
padding: calc(var(--space) * 3);
|
|
justify-content: center;
|
|
// background: linear-gradient(90deg, transparent, var(--blue-5) 20%, var(--blue-5) 70%, transparent);
|
|
color: var(--gold-1);
|
|
|
|
background: linear-gradient(to top, #ffffffff 0%, #000000ff 20%, #000000ff 80%, #ffffffff 100%), linear-gradient(to right, #ffffffff 0%, #000000ff 20%, #000000ff 80%, #ffffffff 100%), linear-gradient(to top, #667fdaff 0% 100%, #0000ffff 100%);background-blend-mode: color-dodge;
|
|
}
|
|
|
|
|
|
// 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%)
|
|
// }
|