hyperzlib
/
isekai-mediawiki-skins-Timeless
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

异世界百科专用的主题修改

Browse Source 
异世界百科专用的主题修改
isekai
落雨楓 2 years ago
parent e090b71552
commit 783037d0e7
14 changed files with 189 additions and 38 deletions
Show Stats Download Patch File Download Diff File

10
includes/TimelessTemplate.php
Unescape Escape View File

@ -108,6 +108,8 @@ class TimelessTemplate extends BaseTemplate {
$html .= Html::closeElement( 'div' ); $html .= Html::closeElement( 'div' );
$html .= Html::element( 'div', [ 'id' => 'mw-overscroll-bottom-cover' ] );
// The unholy echo // The unholy echo
echo $html; echo $html;
} }
@ -899,7 +901,13 @@ class TimelessTemplate extends BaseTemplate {
'rename', 'rename',
'protect', 'protect',
'unprotect', 'unprotect',
'move' 'move',
'flowthreadcontrol',
'custom-url',
'cargo-purge',
'short-url',
'createdata',
'recreatedata'
] ) ) { ] ) ) {
$currentSet = 'page-secondary'; $currentSet = 'page-secondary';
} else { } else {

43
resources/extensions/Echo.less
Unescape Escape View File

@ -6,10 +6,20 @@
} }
/* Handle and position Echo icons */ /* Handle and position Echo icons */
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-alert,
#pt-notifications-notice .mw-echo-notifications-badge { #pt-notifications-notice {
// Temporary in case Echo is still -5px .mw-echo-notifications-badge {
top: 0; // Temporary in case Echo is still -5px
top: 0;
&.mw-echo-notifications-badge-all-read {
opacity: 0.333;
}
&.mw-echo-notifications-badge {
background-size: contain;
}
}
} }
#personal-extra { #personal-extra {
@ -18,7 +28,7 @@
ul { ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0.5em; margin: 0.4em 0.5em;
} }
li { li {
@ -27,6 +37,12 @@
} }
} }
@media ( min-width: @desktop-mid-floor ) {
#personal-extra {
margin-left: 1em;
}
}
@media ( min-width: @desktop-small-floor ) { @media ( min-width: @desktop-small-floor ) {
div#personal { div#personal {
padding-left: 0; padding-left: 0;
@ -34,18 +50,29 @@
#personal-extra { #personal-extra {
float: left; float: left;
margin-left: 0.5em;
} }
} }
@media ( max-width: @mobile-width ) { @media ( max-width: @mobile-width ) {
#personal-extra { #personal-extra {
position: absolute; position: absolute;
top: 0.9em; top: 0.8em;
right: 7.5em; right: 8.5em;
li { li {
margin-right: 0.75em; margin-right: 1.25em;
&:last-of-type {
margin-right: 0;
}
} }
} }
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
width: 25px;
height: 25px;
}
} }
} }

16
resources/extensions/UniversalLanguageSelector.less
Unescape Escape View File

@ -0,0 +1,16 @@
#pt-uls .uls-trigger {
padding-top: 0 !important;
line-height: 1.33333333em;
&::before {
padding-top: 0.05em;
}
}
.uls-filterinput {
margin: 0 !important;
}
#uls-settings-block > button {
background-position-y: center !important;
}

4
resources/libraries/common-print.less
Unescape Escape View File

@ -71,6 +71,10 @@ h6 {
/* Pagination */ /* Pagination */
page-break-after: avoid; page-break-after: avoid;
page-break-before: avoid; page-break-before: avoid;
.mw-headline {
padding-inline-start: 8px;
}
} }
.firstHeading { .firstHeading {

10
resources/mixins.less
Unescape Escape View File

@ -41,7 +41,7 @@
.box() { .box() {
background: @base90; background: @base90;
border: solid @base80; border: solid @base75;
border-width: 1px 1px @border; border-width: 1px 1px @border;
padding: 1.25em 1.75em; padding: 1.25em 1.75em;
box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 );
@ -60,7 +60,7 @@
margin: 1em 0; margin: 1em 0;
line-height: 1.125; line-height: 1.125;
word-wrap: break-word; word-wrap: break-word;
font-size: 0.95em; // font-size: 0.95em;
ul, ul,
li { li {
@ -82,7 +82,11 @@
} }
li { li {
padding: 0.25em 0; padding: 0.175em 0;
:first-of-type {
padding-top: 0;
}
} }
} }

48
resources/screen-common.less
Unescape Escape View File

@ -6,6 +6,7 @@ html,
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
overscroll-behavior-x: none;
} }
body { body {
@ -13,7 +14,7 @@ body {
color: @text; color: @text;
// Footer colour; results in a weird distracting dark scrollbar in firefox, but fuck firefox // Footer colour; results in a weird distracting dark scrollbar in firefox, but fuck firefox
// Setting it here avoids a jump to white after the footer, which is even more distracting // Setting it here avoids a jump to white after the footer, which is even more distracting
background: @base30; background: @base80;
font-size: @font-size; font-size: @font-size;
line-height: 1.5; line-height: 1.5;
} }
@ -37,20 +38,21 @@ body {
.mw-footer-container { .mw-footer-container {
border-top: solid 1px @base20; border-top: solid 1px @base20;
box-shadow: inset 0 7px 2px -4px rgba( 0, 0, 0, 0.1 ); box-shadow: inset 0 7px 2px -4px rgba( 0, 0, 0, 0.1 );
background-color: @base30;
color: @base100; color: @base100;
a { a {
color: darken( @blue-bright, 3% ); color: @base100;
&:hover { &:hover {
color: darken( @blue-bright, 6% ); color: darken( @base100, 6% );
} }
&:visited { &:visited {
color: darken( @blue-bright, 8% ); color: @base100;
&:hover { &:hover {
color: darken( @blue-bright, 12% ); color: darken( @base100, 6% );
} }
} }
} }
@ -60,6 +62,16 @@ body {
} }
} }
#mw-overscroll-bottom-cover {
position: fixed;
right: 0;
top: 50vh;
height: 100vh;
width: 100%;
background: #777;
z-index: -1;
}
#p-logo { #p-logo {
text-align: center; text-align: center;
margin: auto; margin: auto;
@ -164,8 +176,8 @@ body {
/* Footer */ /* Footer */
.mw-footer { .mw-footer {
padding-top: 0.5em; padding-top: 0.5em !important;
padding-bottom: 1em; padding-bottom: 1em !important;
ul, ul,
li { li {
@ -333,7 +345,7 @@ a {
&:hover { &:hover {
color: darken( @link, 10% ); color: darken( @link, 10% );
text-decoration: underline; text-decoration: none;
} }
&:visited { &:visited {
@ -525,17 +537,17 @@ pre,
h1.firstHeading { h1.firstHeading {
margin: 0.25em 0 0.5em; margin: 0.25em 0 0.5em;
border-bottom: solid 4px @blue; border-bottom: solid 4px @red;
} }
h1 { h1 {
font-size: 2em; font-size: 2em;
border-bottom: solid 3px @base70; border-bottom: solid 3px @blue;
} }
h2 { h2 {
font-size: 1.8em; font-size: 1.8em;
border-bottom: solid 2px @base70; border-bottom: solid 2px @blue-bright;
} }
h3 { h3 {
@ -582,13 +594,16 @@ pre,
&:after { &:after {
content: ''; content: '';
display: block; display: block;
border-bottom: solid 2px @base70;
overflow: hidden; overflow: hidden;
} }
} }
h1:after { h1:after {
border-bottom-width: 3px; border-bottom: solid 3px @blue;
}
h2:after {
border-bottom: solid 2px @blue-bright;
} }
} }
} }
@ -727,14 +742,14 @@ ul#filetoc {
} }
.mw-body .toctitle { .mw-body .toctitle {
border-bottom: solid 2px @base70;
text-align: unset; text-align: unset;
h2 { h2 {
font-size: 1em; font-size: 1.2em;
font-family: @fonts; font-family: @fonts;
margin: 0; margin: 0;
display: inline; display: inline;
border-bottom: solid 2px @base70;
&:after { &:after {
display: none; display: none;
@ -744,6 +759,7 @@ ul#filetoc {
.toctogglespan { .toctogglespan {
float: right; float: right;
display: none;
} }
/* Remove brackets around the show/hide button of the TOC /* Remove brackets around the show/hide button of the TOC
@ -763,7 +779,7 @@ body :not( :checked ) > .toctogglespan:after {
} }
.tocnumber { .tocnumber {
color: @base20; color: inherit;
} }
.skin-timeless .mw-body .oo-ui-tagMultiselectWidget-handle, .skin-timeless .mw-body .oo-ui-tagMultiselectWidget-handle,

4
resources/screen-desktop-mid.less
Unescape Escape View File

@ -43,10 +43,6 @@
display: none; display: none;
} }
.color-right {
background: @blue-dark;
}
.ts-inner, .ts-inner,
.color-middle-container { .color-middle-container {
max-width: @content-width - @column-right-size; max-width: @content-width - @column-right-size;

2
resources/screen-desktop-small.less
Unescape Escape View File

@ -45,10 +45,12 @@
display: none !important; display: none !important;
} }
/*
.color-right, .color-right,
.color-middle { .color-middle {
background: @red-dark; background: @red-dark;
} }
*/
// Have these cover the fixed header color-bar using the mw-header-nav-hack (with its own color-bar at the bottom) // Have these cover the fixed header color-bar using the mw-header-nav-hack (with its own color-bar at the bottom)
#mw-site-navigation, #mw-site-navigation,

10
resources/screen-desktop.less
Unescape Escape View File

@ -91,6 +91,7 @@ div.mw-notification-area {
position: relative; position: relative;
padding-left: 1.5em; padding-left: 1.5em;
line-height: 1; line-height: 1;
height: 100%;
.dropdown { .dropdown {
top: 3.15em; top: 3.15em;
@ -104,16 +105,21 @@ div.mw-notification-area {
} }
h2 { h2 {
display: flex;
align-items: center;
height: 1.8em;
margin: 0; margin: 0;
padding: 0.5em 0 0 25px; padding: 0 0 0 25px !important;
font-family: @fonts-secondary; font-family: @fonts-secondary;
font-weight: normal; font-weight: normal;
font-size: 1.25em; font-size: 1.25em;
background-image: url( images/user-grey.svg ); background-image: url( images/user-grey.svg );
background-position: left 9px; background-position: left center !important;
background-repeat: no-repeat; background-repeat: no-repeat;
.dropdown-header(); .dropdown-header();
padding-top: 0 !important;
padding-bottom: 0 !important;
span { span {
display: inline-block; display: inline-block;

24
resources/screen-misc.less
Unescape Escape View File

@ -25,3 +25,27 @@
box-shadow: none; box-shadow: none;
} }
} }
/*
// Top end of large screens
@media screen and ( min-width: 1425px ) {
.color-middle-container,
.ts-inner {
padding: 0 3em;
}
.color-middle {
margin-left: @column-left-size;
margin-right: @column-right-size;
}
}
// Top half end of mid screens
@media screen and ( min-width: ( @desktop-small-width + @desktop-mid-width ) / 2 ) and ( max-width: @desktop-mid-width ) {
.ts-inner {
padding: 0 3em;
}
.color-middle {
margin-left: @column-left-size + 3em;
margin-right: @column-right-size + 3em;
}
}
*/

2
resources/screen-mobile.less
Unescape Escape View File

@ -1,7 +1,7 @@
@import 'variables.less'; @import 'variables.less';
// Override default here because mobile narrow // Override default here because mobile narrow
@content-padding: 0.45em; @content-padding: 1em;
/* Layout */ /* Layout */

47
resources/themes/isekai.less
Unescape Escape View File

@ -0,0 +1,47 @@
// Colours; see https://design.wikimedia.org/style-guide/visual-style_colors.html
@base100: #fff;
@base90: #fcfcfc;
@base80: #f3f3f3;
@base75: #eee;
@base70: #c8c8c8;
@base30: #777;
@base20: #555;
@base0: #000;
@red: #d44;
@red-bright: #f55;
@red-dark: #900;
@green: #3b7;
@green-bright: #4c8;
@green-dark: #396;
@blue: #08d;
@blue-bright: #2af;
@blue-dark: #069;
@background: @base100;
@text: @base0;
@link: @blue;
@link-visited: @blue-dark;
@link-red: @red;
@link-red-visited: @red-dark;
@link-ext: #37a;
@link-ext-visited: darken( @link-ext, 10% );
// Flair
// Fonts are chosen for consistent metrics, not necessarily overall prettiness.
@fonts-sans: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans', Simhei, 'Arial', sans-serif;
@fonts-serif: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans', Simhei, 'Arial', sans-serif;
@fonts-mono: 'Yahei Consolas Hybrid' 'Menlo', 'Consolas', 'Monaco', 'Noto Mono', 'Nimbus Mono L', monospace;
@fonts: @fonts-sans;
@fonts-secondary: @fonts-serif;
@border: 0.2em;
@radius: 0.2em;

4
resources/variables.less
Unescape Escape View File

@ -1,5 +1,5 @@
@import 'mediawiki.mixins'; @import 'mediawiki.mixins';
@import 'themes/wikimedia.less'; // default theme @import 'themes/isekai.less'; // default theme
// .import-themes(); // might be how we apply any selected theme(s); not implemented // .import-themes(); // might be how we apply any selected theme(s); not implemented
// Should really be part of the theme, but currently too much alignment/positioning // Should really be part of the theme, but currently too much alignment/positioning
@ -19,7 +19,7 @@
@desktop-large-floor: 1340px; @desktop-large-floor: 1340px;
// The max-width for the content // The max-width for the content
@content-width: 115em; @content-width: 102em;
@content-padding: 2em; @content-padding: 2em;

3
skin.json
Unescape Escape View File

@ -155,7 +155,8 @@
"+ext.wikiLove.icon": "resources/extensions/WikiLove.icon.less", "+ext.wikiLove.icon": "resources/extensions/WikiLove.icon.less",
"+ext.proofreadpage.page.navigation": "resources/extensions/Proofreadpage.page.navigation.less", "+ext.proofreadpage.page.navigation": "resources/extensions/Proofreadpage.page.navigation.less",
"+ext.CodeMirror": "resources/extensions/CodeMirror.less", "+ext.CodeMirror": "resources/extensions/CodeMirror.less",
"+ext.wikiEditor.styles": "resources/extensions/WikiEditor.less" "+ext.wikiEditor.styles": "resources/extensions/WikiEditor.less",
"+ext.uls.pt": "resources/extensions/UniversalLanguageSelector.less"
} }
}, },
"AutoloadNamespaces": { "AutoloadNamespaces": {

Write Preview
Loading…
Cancel
Save