diff --git a/resources/assets/first draft.svg b/resources/assets/first draft.svg new file mode 100755 index 0000000..f070cbf --- /dev/null +++ b/resources/assets/first draft.svg @@ -0,0 +1,520 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/assets/pr-icon.svg b/resources/assets/pr-icon.svg new file mode 100755 index 0000000..83a0388 --- /dev/null +++ b/resources/assets/pr-icon.svg @@ -0,0 +1,48 @@ + + + + diff --git a/resources/main.js b/resources/main.js index 3512b16..2340b9e 100644 --- a/resources/main.js +++ b/resources/main.js @@ -88,14 +88,64 @@ function applyPreferredColorScheme(scheme) { } } -applyPreferredColorScheme(getPreferredColorScheme()); +// applyPreferredColorScheme(getPreferredColorScheme()); const toggles = document.getElementsByClassName('color-scheme-toggle'); for (const toggle of toggles) { - console.log(toggle) toggle.addEventListener('click', toggleColorScheme); }; + +// This toggles the version-specific information on pages that use it. + +// function toggleVersion(version) { +// if (document.getElementById("current-version")) { +// document.getElementById("current-version").remove() +// } + +// if (version.target) { +// var id = version.target.id.replace("mw-indicator-", ""); +// } else { +// var id = version.firstElementChild.id.replace("mw-indicator-", ""); +// } + +// const vdiff = ".vdiff-" + id; +// const rule = vdiff + " { display: block; }"; +// const style = document.createElement( 'style' ); +// style.id = "current-version"; +// document.head.appendChild(style); +// style.sheet.insertRule(rule); +// } + +// const versions = document.getElementById('page-title-versions').children; +// for (const version of versions) { +// version.addEventListener('change', toggleVersion); +// } + +// function loadVersion () { +// const defaultversion = +// defaultversion.firstElementChild.checked = true; +// toggleVersion(defaultversion); +// } + +// if (document.getElementById('page-title-versions').firstElementChild) { +// loadVersion() +// } + +function loadVersion() { + const toggles = document.getElementsByClassName('mw-indicator'); + for (const toggle of toggles) { + if (toggle.checked = true) { + return + } + } + toggles[0].checked = true; +} + +if (document.getElementById('page-title-versions').firstElementChild) { + loadVersion() +} + // The wrapper function is needed to make sure all of the mediawiki JS is loaded before the page's is, and load relevant parts for use here. mw.loader.using( [ 'mediawiki.jqueryMsg' @@ -116,7 +166,9 @@ mw.loader.using( [ const print = document.getElementById('page-action-print').children[0]; print.textContent = mw.message( 'print' ).text(); - const toctitle = document.getElementById('site-nav-toc').children[0]; - toctitle.textContent = mw.message( 'toc' ).text(); + if (document.getElementById('site-nav-toc')) { + const toctitle = document.getElementById('site-nav-toc').children[0]; + toctitle.textContent = mw.message( 'toc' ).text(); + } } ) \ No newline at end of file diff --git a/resources/parts/portableinfobox.less b/resources/parts/-portableinfobox.less similarity index 99% rename from resources/parts/portableinfobox.less rename to resources/parts/-portableinfobox.less index 7cb0b4d..beea6e5 100644 --- a/resources/parts/portableinfobox.less +++ b/resources/parts/-portableinfobox.less @@ -83,7 +83,6 @@ background-repeat: no-repeat; background-position-y: 50%; content: ' '; - flex-grow: 1; min-width: calc(var(--pi-item-spacing) * 2); } diff --git a/resources/parts/images.less b/resources/parts/images.less new file mode 100644 index 0000000..a015da3 --- /dev/null +++ b/resources/parts/images.less @@ -0,0 +1,78 @@ +.mw-halign-right { + float: right; + margin-left: var(--space); +} + +.mw-halign-left { + float: left; + margin-right: var(--space); +} + +.mw-halign-none, .mw-halign-center { + margin: auto; +} + +.info-image, .mw-default-size { + display: flex; + flex-direction: column; + align-items: center; + + max-width: 360px; + + padding-left: calc(var(--space)); + padding-right: calc(var(--space)); + padding-top: calc(var(--space)); + + border: 3px solid; + border-image: linear-gradient(90deg, var(--gold-3), transparent 30%, transparent 70%, var(--gold-3)) 30; + + background-clip: padding-box; + background-image: repeating-conic-gradient(from 45deg at 50% 50%, transparent 25% 50%, var(--gold-2) 50% 75%); + background-size: 18px 18px; + background-position: 50% 100%; + box-sizing: border-box; + @media (prefers-color-scheme: dark) { + background-image: repeating-conic-gradient(from 45deg at 50% 50%, transparent 25% 50%, var(--0) 50% 75%); + } + margin-bottom: var(--space); +} + +.info-image figcaption, .mw-default-size figcaption { + text-align: center; + font-style: italic; + padding-bottom: var(--space); + font-family: 'Shippori Mincho'; + @media (prefers-color-scheme: dark) { + color: var(--gold-1); + } +} + +.info-image img, .mw-default-size img { + max-width: 100%; + height: auto; +} + + +@media (min-width: 1201px) { + +} + +@media (max-width: 1200px) { + .mw-default-size, .info-image { + max-width: 360px; + } +} + +@media (max-width: 720px) { + + .mw-default-size, .info-image { + max-width: unset; + width: auto; + float: unset; + margin-right: 0; + } + + .info-image img, .mw-default-size img { + + } +} \ No newline at end of file diff --git a/resources/parts/infobox.less b/resources/parts/infobox.less new file mode 100644 index 0000000..8b2fd55 --- /dev/null +++ b/resources/parts/infobox.less @@ -0,0 +1,119 @@ +.info-wrapper { + float: right; + max-width: 360px; + font-family: 'Shippori Mincho', serif; + + display: grid; + grid-template-rows: auto; + grid-template-columns: 1fr .6fr 1fr; + row-gap: var(--space); + + margin-left: calc(var(--space) * 2); + margin-bottom: calc(var(--space) * 2); + margin-top: calc(var(--space) / 2 * -1); + + padding-bottom: var(--space); + border-bottom: 2px solid var(--gold-4); + +} + +.info-title, .info-image, .info-datablock { + grid-column: 1 / 4; +} + +.info-datablock { + display: grid; + grid-template-columns: subgrid; + column-gap: var(--space); + font-size: .9em; + align-items: center; + line-height: 1em; +} + +dt.infobox { + line-height: 1em; +} + +dt.infobox.info-title, dd.infobox.info-data, dt.infobox.info-label { + margin: unset; +} + +dt.infobox.info-label { + grid-column: 1 / 2; + text-align: right; + font-weight: bold; +} + +.info-data { + grid-column: 2 / 4; + text-align: left; +} + +.info-title { + font-size: 1.5em; +} + +.info-title, .info-label { + @media (prefers-color-scheme: dark) { + color: var(--gold-2); + } + color: var(--gold-7); +} + +.info-title { + display: flex; + gap: calc(var(--space) / 2); + text-align: center; +} + +.info-title::before, +.info-title::after +{ + display: block; + background-size: 100% 2px; + background-repeat: no-repeat; + background-position-y: 58%; + content: ' '; + min-width: calc(var(--space) * 2); + flex-grow: 1; +} + +.info-title::after { + background-image: linear-gradient(90deg, transparent, var(--gold-4)); +} + +.info-title::before { + background-image: linear-gradient(270deg, transparent, var(--gold-4)); +} + + // border-image: linear-gradient(127deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 1; + // border: 2px solid transparent; + + + +@media (min-width: 1201px) { + .info-wrapper { + margin-right: calc(var(--space) * 18 * -1); + + } +} + +@media (max-width: 1200px) { + .info-wrapper { + + } +} + +@media (max-width: 720px) { + .info-wrapper { + float: unset; + width: auto; + max-width: unset; + margin-top: none; + margin: 0; + } + + .info-title:first-child { + display: none; + } +} \ No newline at end of file diff --git a/resources/parts/page-body.less b/resources/parts/page-body.less index fc48bad..7fcd5d7 100644 --- a/resources/parts/page-body.less +++ b/resources/parts/page-body.less @@ -1,90 +1,141 @@ #page { grid-row: title / bottomstart; - @media (prefers-color-scheme: dark) { color: var(--gold-1); } + line-height: calc(var(--space) * 3); + margin-left: var(--space); + margin-right: var(--space); + text-wrap: pretty; } a:link { color: var(--blue-6); } - a.new, p a.new:visited { color: red; text-decoration: underline wavy; } - a:not(.new):visited { color: var(--pink-6); } - a:hover , a:visited:hover { color: var(--blue-4); } @media (prefers-color-scheme: dark) { - a:link { color: var(--blue-5); } - - a.new, p a.new:visited { - color: red; - text-decoration: underline wavy; - } - a:not(.new):visited { color: var(--pink-5); } - a:hover , a:visited:hover { color: var(--blue-4); } - } +.mw-collapsible-toggle .mw-collapsible-text.mw-collapsible-text { + color: var(--8); + text-decoration: underline; +} + +.mw-collapsible-toggle .mw-collapsible-text.mw-collapsible-text:hover { + color: var(--blue-4); + text-decoration: underline; +} + +.mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { + display: none; +} + + #pagebody-header { grid-row: toc; } -.mw-heading { - display: flex; - margin-bottom: calc(var(--space)); +.pagebody p, .pagebody dl, .pagebody ul { + margin-bottom: calc(var(--space) * 2); + // margin-left: calc(var(--space) * 2); } -#page p { - margin-bottom: calc(var(--space) * 2); - line-height: calc(var(--space) * 3); - text-wrap: pretty; +.pagebody ol li { + list-style: decimal-leading-zero; +} + +.pagebody li::marker { + font-weight: bold; +} + +.pagebody dd { + margin-left: var(--space); + margin-bottom: calc(var(--space) / 2); + margin-top: var(--space); + font-weight: bold; +} + +.pagebody dt { + margin-left: calc(var(--space) * 2); } #mw-content-text { grid-row: toc / bottomstart; } +sup { + line-height: 1; +} + +pre { + text-wrap: wrap; +} + +.mw-heading { + margin-top: calc(var(--space) * 2); + position: relative; + display: flex; + margin-bottom: calc(var(--space) * 1.5); +} + .mw-heading h2{ - margin-left: calc(var(--space) * 3); - margin-bottom: calc(var(--space)); + margin-left: calc(var(--space) * 1); + margin-bottom: calc(var(--space) / 2); + font-family: 'Libre Caslon', serif; + font-weight: normal; } .mw-heading2 { - border-bottom: 2px solid; + border-bottom: 1px solid; margin-bottom: calc(var(--space)); - margin-top: calc(var(--space) * 3); + margin-top: calc(var(--space) * 6); border-image: linear-gradient(90deg, transparent 2.5%, var(--gold-7) 6%, transparent 90%) 30; @media (prefers-color-scheme: dark) { border-image: linear-gradient(90deg, transparent 2.5%, var(--gold-1) 6%, transparent 90%) 30; } } -.mw-heading h3 { - margin-left: calc(var(--space) * 4); - margin-top: calc(var(--space)); +.mw-heading3 { + margin-top: calc(var(--space) * 4); + gap: var(--space); } +.mw-heading h3 { + // margin-left: calc(var(--space) * 1); + font-family: 'Libre Caslon', serif; + font-weight: normal; +} + +// .mw-heading3::before { +// content: '▬'; +// font-size: var(--space); +// } + .mw-heading h4 { - margin-left: calc(var(--space) * 8); + margin-left: calc(var(--space) * 2); + margin-bottom: 0; + margin-top: var(--space); + // font-weight: normal; + // font-family: 'Libre Caslon'; } .mw-heading3 .mw-editsection, .mw-heading4 .mw-editsection { @@ -99,6 +150,14 @@ a:hover , a:visited:hover { color: var(--blue-7); } +.mw-editsection.mw-editsection a:hover { + color: var(--blue-4); +} + +.page-source-list { + margin-bottom: calc(var(--space) * 6); +} + @media (min-width: 1201px) { #page { margin-top: calc(var(--space) * 6); @@ -109,12 +168,12 @@ a:hover , a:visited:hover { grid-template-columns: 1fr; } - #pagebody { + .pagebody { grid-row: pagebody } - .mw-heading { + .mw-heading2 { align-items: end; justify-content: space-between; } @@ -131,23 +190,23 @@ a:hover , a:visited:hover { margin-top: calc(var(--space) * 4); } - #pagebody { + .pagebody { grid-row: 2; } #mw-content-text p { - margin-left: var(--space); - margin-right: var(--space); + // margin-left: var(--space); + // margin-right: var(--space); } .mw-heading { - margin-left: var(--space); - margin-right: var(--space); + // margin-left: var(--space); + // margin-right: var(--space); } .mw-heading > .mw-editsection { position: absolute; - right: var(--space); + right: 0; } } diff --git a/resources/parts/page-header.less b/resources/parts/page-header.less index aba47d2..813dd83 100644 --- a/resources/parts/page-header.less +++ b/resources/parts/page-header.less @@ -3,11 +3,13 @@ align-items: end; justify-content: space-between; border-bottom: 3px solid var(--8); + margin-bottom: calc(var(--space) * 2); } #page-title { display: flex; position: relative; + line-height: 2.4em; } #page-title-background { @@ -18,6 +20,7 @@ margin-bottom: calc(var(--space) / 2); display: flex; gap: var(--space); + text-wrap: nowrap; } #page-header-views > * > a:link, #page-header-views#page-header-views a:visited { @@ -47,15 +50,9 @@ color: var(--blue-5); } -#page-title-versions { - display: flex; - flex-wrap: wrap; - gap: var(--space); - margin-left: 2vw; -} #firstHeading { - margin-bottom: .1em; + margin-bottom: .2em; color: var(--8); } @@ -65,7 +62,7 @@ } } -#firstHeading, .mw-heading h2 { +#firstHeading { font-family: 'Libre Caslon', serif; text-wrap: balance; } @@ -84,6 +81,10 @@ align-self: center; } +#ca-talk a{ + text-decoration: underline; +} + @media (min-width: 1201px) { } @@ -98,10 +99,16 @@ } @media (max-width: 720px) { + + #page-header { + margin-left: 0; + margin-right: 0; + } #page-header-views { flex-direction: column; margin-bottom: 0; + align-items: end; } #page-header-links { @@ -112,6 +119,10 @@ flex-direction: column-reverse; } + #firstHeading { + margin-top: var(--space); + } + #page-header-links { flex-direction: column; align-items: end; diff --git a/resources/parts/page-toc.less b/resources/parts/page-toc.less index 1e6dbef..a0505a2 100644 --- a/resources/parts/page-toc.less +++ b/resources/parts/page-toc.less @@ -8,8 +8,9 @@ // background-image: linear-gradient(100deg, transparent 0%, #ecf2ff 20%, #ecf2ff 80%, transparent); // box-shadow: inset 0 0 12px 12px white; - padding-top: calc(var(--space) * 2); - padding-bottom: calc(var(--space) * 2); + // margin-top: calc(var(--space) * 2); + margin-bottom: calc(var(--space) * 2); + line-height: calc(var(--space) * 3); } @@ -35,7 +36,7 @@ color: var(--8); } -.toclevel-2 > a { +.toclevel-2 > a:link, .toclevel-2 > a:visited { color: var(--blue-6); } @@ -64,6 +65,7 @@ a:has(> .toctext):hover { #mw-content-text:has(> .mw-parser-output > #pagebody-header), .mw-parser-output:has(> #pagebody-header) { display: grid; grid-template-rows: subgrid; + grid-template-columns: subgrid; grid-row: toc / bottomstart; } @@ -76,11 +78,15 @@ a:has(> .toctext):hover { font-size: 0.9em; } #toc > ul { - column-gap: calc(var(--space) / 2); + column-gap: calc(var(--space)); } .toclevel-1, .toclevel-1 ul { row-gap: 0; } + #toc { + line-height: calc(var(--space) * 2.5); + } + } \ No newline at end of file diff --git a/resources/parts/site-footer.less b/resources/parts/site-footer.less index 4a20f3a..0ccb4f5 100644 --- a/resources/parts/site-footer.less +++ b/resources/parts/site-footer.less @@ -4,6 +4,11 @@ padding: var(--space); align-items: center; border-top: 2px solid var(--blue-7); + color: var(--8); +} + +#site-footer a:link:hover { + color: var(--blue-4); } #site-footer a:link { diff --git a/resources/parts/site-header.less b/resources/parts/site-header.less index 9000bca..879d295 100644 --- a/resources/parts/site-header.less +++ b/resources/parts/site-header.less @@ -7,12 +7,13 @@ height: 100%; width: 100%; justify-content: start; + position: relative; + gap: var(--space); } #site-header-marks a { display: flex; height: 100%; - // Note that the wordmark's underline is drawn here, and is not a part of the SVG file. border-bottom: 3px solid var(--8); box-sizing: border-box; @@ -25,6 +26,16 @@ } } +#site-header-icon { + display: none; + position: absolute; + width: 100%; + z-index: -6; + filter: opacity(0.5); + max-height: 18em; + top: 3.6em; +} + .searchButton { position: absolute; right: var(--space); @@ -130,8 +141,10 @@ } .color-scheme-toggle { + display: none; padding: var(--space); width: calc(var(--space) * 3); + text-align: center; filter: saturate(0%) brightness(0) contrast(10); @@ -152,6 +165,7 @@ #site-header-search form { height: 100%; + margin-left: var(--space); } #site-header-marks { @@ -226,4 +240,9 @@ grid-row: 2; } + #site-header-icon { + position: unset; + width: fit-content; + } + } \ No newline at end of file diff --git a/resources/parts/site-nav.less b/resources/parts/site-nav.less index 9be69c7..319e018 100644 --- a/resources/parts/site-nav.less +++ b/resources/parts/site-nav.less @@ -1,6 +1,7 @@ .site-nav-menu { display: flex; flex-direction: column; + margin-top: var(--space); } .site-nav-menu-links { @@ -118,7 +119,7 @@ .site-nav-sticky { position: sticky; - top: calc(var(--space)); + top: calc(var(--space) * 2); } } @@ -176,6 +177,9 @@ #site-nav-wrapper > div { width: fit-content; + box-sizing: border-box; + padding-left: calc(var(--space) * 2); + padding-right: calc(var(--space) * 2); } #site-nav-wrapper { @@ -183,13 +187,13 @@ scroll-snap-type: x mandatory; } - .site-nav-menu:last-child { - margin-left: calc(var(--space) * 3); - } + // .site-nav-menu:last-of-type { + // margin-left: calc(var(--space) * 3); + // } - .site-nav-menu:first-child { - margin-right: calc(var(--space) * 3); - } + // .site-nav-menu:first-of-type { + // margin-right: calc(var(--space) * 3); + // } .site-nav-menu { width: calc(100vw - 2.4em); diff --git a/resources/parts/sitenotice.less b/resources/parts/sitenotice.less index cc471d6..38f066b 100644 --- a/resources/parts/sitenotice.less +++ b/resources/parts/sitenotice.less @@ -23,6 +23,7 @@ .sitenotice p { color: var(--gold-7); + text-align: center; } @media (min-width: 1201px) { diff --git a/resources/parts/specialpage.less b/resources/parts/specialpage.less index 0e5f042..4ce04e8 100644 --- a/resources/parts/specialpage.less +++ b/resources/parts/specialpage.less @@ -43,4 +43,16 @@ fieldset { .mw-tempuserlink { background: none; +} + +.oo-ui-iconElement-icon:not(.oo-ui-image-invert) { + filter: unset; +} + +.mw-editform { + color: var(--0); +} + +.mw-body-content .CodeMirror.CodeMirror { + background-color: white; } \ No newline at end of file diff --git a/resources/parts/tables.less b/resources/parts/table.less similarity index 100% rename from resources/parts/tables.less rename to resources/parts/table.less diff --git a/resources/parts/versions.less b/resources/parts/versions.less new file mode 100644 index 0000000..c96f3a8 --- /dev/null +++ b/resources/parts/versions.less @@ -0,0 +1,84 @@ +#page-title-versions { + display: flex; + flex-wrap: wrap; + gap: calc(var(--space) * 2); + margin-left: 2vw; + align-items: center; + line-height: normal; +} + +#page-title-versions > div { + position: relative; +} + +#page-title-versions label { + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + position: absolute; + top: 0; + left: 0; +} + +#page-title-versions input { + content: ''; + width: calc(var(--space) *2.5); + height: calc(var(--space) * 2.5); + transform: rotate(45deg); + background: black; + display: block; + z-index: -6; + border: 1px outset var(--gold-1); + box-sizing: border-box; + appearance: none; +} + +#page-title-versions input:checked { + box-shadow: 0 0 6px 3px var(--8); +} + +#page-title-versions label * { + height: calc(var(--space) * 2.5); + width: fit-content; + display: block; + text-shadow: 1 1 2px var(--gold-7), 1 -1 2px var(--gold-7), -1 -1 2px var(--gold-7), -1 1 2px var(--gold-7); + color: var(--gold-1); + cursor: pointer; +} + +#page-title-versions .mw-default-size { + background: unset; + border: unset; + padding: unset; +} + +.vdiff { + display: none; +} + +body:has(#mw-indicator-1:checked) .vdiff-1 { + display: inline; +} + +body:has(#mw-indicator-2:checked) .vdiff-2 { + display: inline; +} + +body:has(#mw-indicator-3:checked) .vdiff-3 { + display: inline; +} + +body:has(#mw-indicator-4:checked) .vdiff-4 { + display: inline; +} + +body:has(#mw-indicator-5:checked) .vdiff-5 { + display: inline; +} + +body:has(#mw-indicator-6:checked) .vdiff-6 { + display: inline; +} \ No newline at end of file diff --git a/resources/skin.less b/resources/skin.less index 8351e22..5f8357f 100644 --- a/resources/skin.less +++ b/resources/skin.less @@ -7,11 +7,13 @@ @import 'parts/page-header.less'; @import 'parts/page-body.less'; @import 'parts/page-toc.less'; -@import 'parts/portableinfobox.less'; +@import 'parts/infobox.less'; @import 'parts/sitenotice.less'; @import 'parts/dropmenu.less'; @import 'parts/specialpage.less'; -@import 'parts/tables.less'; +@import 'parts/table.less'; +@import 'parts/images.less'; +@import 'parts/versions.less'; @font-face { font-family: "Libre Caslon"; @@ -54,7 +56,8 @@ [bottomstart] auto ; height: 100%; - margin-top: calc(6vw - 6vh); + padding-top: calc(6vw - 6vh); + box-sizing: border-box; } } @@ -66,7 +69,6 @@ #grid { display: grid; - grid-template-columns: 1fr; grid-template-rows: [topstart] 7.8em [sitenotice] auto @@ -98,7 +100,7 @@ body { radial-gradient(circle farthest-corner at 100% 100%, var(--0) 80%, var(--blue-2) 100%) ; background-attachment: fixed, local; - color: var(--8); + // color: var(--8); } @media (prefers-color-scheme: dark) { @@ -135,6 +137,26 @@ fieldset { z-index: 60; } +.mwe-popups-extract a:link, .mwe-popups-extract a:visited { + color: black; +} + +// border-image: linear-gradient(90deg, transparent 5%, var(--gold-7) 30%, var(--gold-7) 70%, transparent 95%) 30; +// @media (prefers-color-scheme: dark) { +// border-image: linear-gradient(90deg, transparent 5%, var(--gold-3) 30%, var(--gold-3) 70%, transparent 95%) 30; +// } + + // border-image: linear-gradient(127deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 1; +// border-bottom: 2px solid; +// border-left: 2px solid; + // border-left: 2px solid; + +// border-image: linear-gradient(127deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 1; +// border-image: linear-gradient(90deg, transparent 5%, var(--gold-7) 40%, var(--gold-7) 60%, transparent 95%) 30; +// @media (prefers-color-scheme: dark) { +// border-image: linear-gradient(90deg, transparent 5%, var(--gold-3) 40%, var(--gold-3) 60%, transparent 95%) 30; +// } + // .site-header-user button, #site-header-user-links, #page-menu-button, #page-menu-list, #page-header-options-links { // font-size: 1em; // overflow: clip; diff --git a/resources/unset.less b/resources/unset.less index d455006..b19888f 100644 --- a/resources/unset.less +++ b/resources/unset.less @@ -2,7 +2,7 @@ li { list-style: none; } -h1, h2, h3, p, ul, input { +h1, h2, h3, p, ul, input, dl, dd, dt { margin: unset; border: unset; padding: unset; @@ -16,6 +16,10 @@ summary { list-style: none; } +figure { + margin: unset; +} + #preferences .mw-htmlform-submit-buttons { position: unset; margin: unset; diff --git a/skin.json b/skin.json index 42ea679..5a34174 100644 --- a/skin.json +++ b/skin.json @@ -19,6 +19,7 @@ "name": "crystal", "responsive": true, "supportsMwHeading": true, + "clientPrefEnabled": true, "toc": true, "styles": [ "codex-styles", diff --git a/templates/page-header.mustache b/templates/page-header.mustache index 84bf439..65d73bb 100644 --- a/templates/page-header.mustache +++ b/templates/page-header.mustache @@ -7,9 +7,10 @@ {{{html-title-heading}}}
{{#array-indicators}} - -
{{{html}}}
- +
+ + +
{{/array-indicators}}
diff --git a/templates/site-header.mustache b/templates/site-header.mustache index 934ce81..1fed098 100644 --- a/templates/site-header.mustache +++ b/templates/site-header.mustache @@ -3,11 +3,12 @@