MediaWiki:Vector.css: различия между версиями

нет описания правки
 
Нет описания правки
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
/* Edited version of https://minecraft.wiki/w/MediaWiki:Vector.css */
/* Edited version of https://minecraft.wiki/w/MediaWiki:Vector.css */


/* All CSS here will be loaded for users of the Vector skin */
/* All CSS here will be loaded for users of the Vector skin */


/**
 
* See [[MediaWiki:Common.css]] for desktop and mobile styles, e.g. templates.
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content,
*
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
* See [[MediaWiki:Vector-theme-dark.css]] for desktop dark theme related styles.
margin: 0;
*
}
* See [[MediaWiki:Minerva.css]] for mobile theme related styles.
 
* See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.
*/
/* Default styles:
* [[File:Wiki.png]] [[File:Background.png]] [[File:Header-background.png]]
* [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] [[File:Wiki@2x.png]]
* [[File:Background-HiDPI.png]] [[File:Header-background-HiDPI.png]]
* [[File:Vector-tabs-HiDPI.png]] [[File:Vector-tabs-first-HiDPI.png]]
*/
:root {
:root {
/* --wiki-logo: url('/images/Wiki.png'); */
/* --wiki-logo: url('/images/Wiki.png'); */
Строка 58: Строка 50:
     background-size: auto 234px, 468px;
     background-size: auto 234px, 468px;
}
}
/* Logo */
/* .mw-wiki-logo {
background-image: var(--wiki-logo);
} */


#mw-page-base {
#mw-page-base {
Строка 70: Строка 57:


/* Remove excess spacing between the sidebar and the logo */
/* Remove excess spacing between the sidebar and the logo */
div#mw-panel {
#mw-panel {
padding-top: 0;
padding-top: 0;
padding-bottom: 10px;
padding-bottom: 10px;
Строка 297: Строка 284:
}
}


.vector-legacy-sidebar .vector-menu-portal,
nav.vector-menu-portal {
nav.vector-menu-portal {
display: var(--sidebar-display, block);
display: var(--sidebar-display, block);
Строка 337: Строка 325:
    border-bottom: 5px solid #313233;
    border-bottom: 5px solid #313233;
}
}
}
.vector-menu-portal .vector-menu-heading {
    margin: 0;
}
}


Строка 413: Строка 397:
}
}


.skin-vector-legacy #pt-notifications-notice .mw-echo-notifications-badge,
.skin-vector-legacy #pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-alert .mw-echo-notifications-badge {
#pt-notifications-alert .mw-echo-notifications-badge {
Строка 628: Строка 614:
ul {
ul {
list-style-image: var(--list-bullet);
list-style-image: var(--list-bullet);
}
/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
div.mw-warning-with-logexcerpt,
.errorbox,
.warningbox,
.successbox {
    display: block;
    padding: .4em .8em;
    margin-bottom: 1em;
    border: 1px solid #CCC;
}
div.mw-warning-with-logexcerpt,
.errorbox {
    background: #FDD;
    border-left: 4px solid #FAA;
}
.warningbox {
    background: #FFC;
    border-left: 4px solid #DD8;
}
.successbox {
    background: #DFD;
    border-left: 4px solid #9C9;
}
.successbox strong p {
    margin: 0;
}
/* Add white background to some areas */
#asirra_ChallengeTableDiv {
background-color: #FFF;
}
/* Fix diff area styling */
table.diff {
background-color: transparent;
}
td.diff-addedline,
td.diff-deletedline {
background-color: #F9F9F9;
}
td.diff-context {
background-color: #F3F3F3;
}
td.diff-addedline,
td.diff-deletedline,
td.diff-context,
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
border-radius: 0;
}
}


Строка 697: Строка 625:
.client-js #preftoc,
.client-js #preftoc,
.client-js #preftoc li {
.client-js #preftoc li {
background-image: url('https://minecraft.wiki/images/Pref-tab-border.png');
background-image: url('filepath://Pref-tab-border.png');
}
}


.client-js #preftoc li.selected a {
.client-js #preftoc li.selected a {
background-image: url('https://minecraft.wiki/images/Pref-tab-bg.png');
background-image: url('filepath://Pref-tab-bg.png');
}
 
/* Fix side-by-side editor background colour */
.wikiEditor-ui-controls {
background-color: #E6EFF4;
border-right: 1px solid #E6EFF4;
}
 
/* Style notifications to look like achievements: [[File:Achievement background.png]] */
body .mw-notification-area-layout {
top: 80px;
}
 
body .mw-notification.mw-notification-type-success,
body .mw-notification.mw-notification-type-error,
body .mw-notification.mw-notification-type-warn,
body .mw-notification {
border: 8px solid #555;
border-radius: 0;
-webkit-border-image: url('https://minecraft.wiki/images/Achievement_background.png') 8 repeat;
-moz-border-image: url('https://minecraft.wiki/images/Achievement_background.png') 8 repeat;
-o-border-image: url('https://minecraft.wiki/images/Achievement_background.png') 8 repeat;
border-image: url('https://minecraft.wiki/images/Achievement_background.png') 8 fill repeat;
box-shadow: none;
background-color: #212121;
background-clip: padding-box;
color: #FFF;
padding: 0.2em 0.4em;
}
 
body .mw-notification.mw-notification-type-success {
    color: #2d6;
}
body .mw-notification.mw-notification-type-error {
    color: #d33;
}
body .mw-notification.mw-notification-type-warn {
    color: #fc3;
}
}


Строка 773: Строка 663:
background-size: 6px auto;
background-size: 6px auto;
}
}
}
.wikiEditor-ui .oo-ui-toolbar-popups {
    right: 0;
}
.wikiEditor-ui .ve-init-mw-switchPopupWidget,
.wikiEditor-ui .oo-ui-popupToolGroup-tools {
    right: 0 !important;
    left: unset !important;
}
.wikiEditor-ui .ve-init-mw-switchPopupWidget .oo-ui-popupWidget-anchor {
margin-left: calc(100% - 1.25em);
    left: unset !important;
}
body.rootpage-Minecraft_Wiki #firstHeading {
display: none;
}
body.rootpage-Minecraft_Wiki #bodyContent {
clear: both;
}
/* [[File:Wiki Discord.svg]] */
div#mw-panel nav.portal li a[href="https://discord.gg/fGdE5ZE"] {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 119px;
    margin: 0.25em;
}
div#mw-panel nav.portal li a[href="https://discord.gg/fGdE5ZE"]::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -0.25em;
    content: "";
    background: url('https://minecraft.wiki/images/Wiki_Discord.svg') no-repeat;
}
#n-in-Minecraft,
#n-in-Dungeons,
#n-in-Earth,
#n-in-Legends,
#n-in-Story-Mode,
#p-Recent_versions li {
margin-left: 10px;
display: var(--sidebar-display, list-item);
}
.ns-0 #n-randompage, .ns-1 #n-randompage,
.ns-10000 #n-randompage, .ns-10001 #n-randompage,
.ns-10002 #n-randompage, .ns-10003 #n-randompage,
.ns-10004 #n-randompage, .ns-10005 #n-randompage,
.ns-10006 #n-randompage, .ns-10007 #n-randompage,
#p-Recent_versions #n-Bedrock-Edition,
#p-Recent_versions #n-Java-Edition {
margin-left: 0;
font-weight: bold;
}
body.rootpage-Minecraft_Wiki #n-randompage {
font-weight: normal;
}
body.rootpage-Minecraft_Wiki #n-in-Minecraft,
#n-in-Minecraft {
--sidebar-display: none;
}
.ns-0 #n-in-Minecraft,
.ns-1 #n-in-Minecraft,
#p-Recent_versions,
#p-useful-pages {
--sidebar-display: var(--sidebar-display-minecraft);
}
#n-in-Dungeons,
#p-useful-pages-dungeons {
--sidebar-display: var(--sidebar-display-dungeons);
}
#n-in-Earth,
#p-useful-pages-earth {
--sidebar-display: var(--sidebar-display-earth);
}
#n-in-Legends,
#p-useful-pages-legends {
--sidebar-display: var(--sidebar-display-legends);
}
#n-in-Story-Mode,
#p-useful-pages-story-mode {
--sidebar-display: var(--sidebar-display-story-mode);
}
/* Hide mobile-only things */
.mobileonly {
display: none;
}
/**********
Add WikiEditor parity with VisualEditor
And fixes for dark theme, VisualEditor and CodeEditor
**********/
/* Space that the whole editor takes */
.wikiEditor-ui .wikiEditor-ui-view {
margin-left: -1.7em;
margin-right: -1.7em;
border: 0;
}
.client-js #editform > .wikiEditor-ui .wikiEditor-ui-view {
margin-left: 0;
margin-right: 0;
}
.client-js #editform {
margin-left: -1.7em;
margin-right: -1.7em;
}
/* Removes border from the toolbar */
.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: 0;
}
/* Changes colors of the WikiEditor and VisualEditor toolbars */
.wikiEditor-ui-toolbar,
.oo-ui-toolbar-bar,
.wikiEditor-ui-toolbar .sections .section,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
    background-color: #dddddd;
    color: #202122;
    box-shadow: 0px 3px 7px 0px rgba(163,159,159,0.15);
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.wikiEditor-ui-toolbar .sections .section .section-advanced .section-visible {
border-bottom: 0;
}
.oo-ui-toolbar-bar .oo-ui-toolbar-actions .oo-ui-toolbar .oo-ui-toolbar-bar {
border-bottom: 0;
box-shadow: none;
}
/* Changes buttons of WikiEditor to match VisualEditor's behavior */
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 10px;
}
.wikiEditor-ui-toolbar .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
    min-width: 42px;
    min-height: 42px;
    text-align: center;
}
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .tool-select .label:after {
height: 42px;
}
.wikiEditor-ui-toolbar .group .label {
    line-height: 39px;
color: #202122;
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    line-height: 42px;
    height: 42px;
}
.wikiEditor-ui-toolbar .tabs span.tab {
    line-height: 42px;
}
.wikiEditor-ui-toolbar .tabs span.tab a:before {
filter: invert(0);
height: 42px;
left: 6px;
}
.wikiEditor-ui-toolbar .tabs span.tab a {
height: 42px;
color: #202122;
padding-left: 22px;
}
.wikiEditor-ui-toolbar .tabs {
margin: 0;
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup {
height: 42px;
}
.ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
    padding-top: 42px;
}
/* Changes colors of the VisualEditor placeholder toolbar */
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
border-bottom: 1px solid #eaecf0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
/* Changes border color for separator lines on both editors */
.oo-ui-toolbar-bar,
.oo-ui-menuToolGroup,
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui .wikiEditor-ui-top,
.codeEditor-status-message,
.ace_print-margin {
    border-color: #cbcbcb;
}
.ace_print-margin {
    background-color: #eaecf0;
}
/* Removes a shadow under page tabs on VisualEditor */
.ve-activated .vector-menu-tabs .selected {
    box-shadow: none;
}
/* Improves a bit text on the exit without saving changes menu on VisualEditor */
.oo-ui-messageDialog-title {
    color: #1e1e1e;
    font-weight: bold;
}
/* Improves labels on the character insertion menu on VisualEditor */
.ve-ui-specialCharacterPage h3,
.ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 {
    font-weight: bold;
}
/* Changes the color of the highlighting icons' background */
/* Hovering */
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .tabs span.tab a:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .group div.tool.tool-select a.label:is(:hover, :focus-within),
.wikiEditor-ui-toolbar .page-characters div span:hover,
.wikiEditor-ui-toolbar .booklet > .index > :hover,
.wikiEditor-ui-toolbar .page-characters div .wikiEditor-character-highlighted,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background-color: #ebebeb;
color: #202122;
text-decoration: none;
}
/* Active */
.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .group div.tool.tool-select.options-shown > a.label,
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle,
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:active,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.wikiEditor-ui-toolbar .booklet > .index > .current {
background-color: #dee6f3;
color: #0645ad;
}
/* Fixes Special characters and Help menus buttons and labels */
/* Normal */
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #cbcbcb;
}
/* Fixes Help menu padding */
.wikiEditor-ui-toolbar .page-table th,
.wikiEditor-ui-toolbar .page-table td {
padding: 4px;
}
/* Fixes Help menu colors */
.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid #cbcbcb;
}
/* Makes a border color a bit consistent on the notice popup on VisualEditor */
.oo-ui-popupWidget-popup {
    border: 1px solid #c8ccd1;
}
/* Adds some padding at the left of the text editing section */
.mw-editform #wpTextbox1 {
padding-left: 0.8em;
}
/* Makes the text editing section a certain color on all cases */
.wikiEditor-ui,
.CodeMirror,
.mw-editform #wpTextbox1,
.ace-tm,
.wikiEditor-ui textarea {
background: #fbfbfb;
box-shadow: inset 1px -4px 12px 0px rgba(0,0,0,0.15);
}
/* Makes the syntax highlighting number line more readable
.CodeMirror-linenumbers,
.ace-tm .ace_gutter {
background: #efefef;
border-right: 1px solid #c8ccd1;
} */
/* Adds more padding to these notices */
.mw-editTools,
.templatesUsed,
.hiddencats,
.limitreport {
padding-left: 1.5em;
padding-right: 1.5em;
}
/* Changes colors of the save section */
.editOptions {
background-color: #dddddd;
    border: 0;
    padding: 1.5em;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
/* Modifies layout of some elements of the save section */
/* Summary section */
.mw-editform #wpSummaryLabel {
margin: 0 1em;
}
.editOptions > #wpSummaryLabel {
margin: 0;
}
/* Summary preview section */
.mw-summary-preview {
margin: 0 1em;
}
.editOptions > .mw-summary-preview {
margin: 0;
}
/* Copyright notice section */
.mw-editform #editpage-copywarn {
line-height: 1.4;
margin-top: 5px;
}
/* Changes the edit save popup */
/* Background transparency */
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgb(255 255 255 / 20%);
}
/* Actual background colors */
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border: 0;
background-color: #fff;
}
/* Separator line colors */
.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline: 1px solid #c8ccd1;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right: 1px solid #c8ccd1;
}
/* Cancel button colors */
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
background-color: #fff;
color: #d33;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:is(:hover, :focus-within) {
background-color: #f7e7e7;
}
/* Accept button colors */
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
background-color: #36c;
color: #fff;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:is(:hover, :focus-within) {
background-color: #447ff5;
}
/* Other popups */
/* Background transparency */
.ui-widget-overlay {
background: rgb(255 255 255 / 20%);
}
/* Actual background colors */
.ui-widget-content {
border: 0;
background: #fff;
color: #323437;
}
/* Input fields */
.ui-widget select {
cursor: pointer;
}
#wikieditor-toolbar-file-target,
#wikieditor-toolbar-file-caption,
#wikieditor-toolbar-file-alt,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
border: 1px solid #c0c2c5;
    padding: 0.3em;
    border-radius: 3px;
}
/* Header colors */
body .ui-dialog .ui-widget-header {
background: #ebe9e9 !important;
border: 0;
font-size: 120%;
padding: 0.6em 1.4em 0.6em !important;
margin: 0.5em 0.5em 0;
}
/* Turns the wrapper of the options into flex */
.wikieditor-toolbar-field-wrapper {
display: flex;
gap: 6px;
align-items: center;
flex-wrap: wrap;
}
/* Turns the Show help text of inserting images into a button */
.wikieditor-toolbar-file-alt-help {
background: #f7f7f7;
border: 1px solid #c3c3c3;
font-size: 110%;
padding: 0.4em 1em 0.4em;
border-radius: 2px;
cursor: pointer;
}
.wikieditor-toolbar-file-alt-help:is(:hover, :focus-within) {
background: #eef4ff !important;
border-color: #afc4db !important;
}
/* Changes colors of the bottom buttons */
.ui-dialog .ui-dialog-buttonpane button {
background: #f7f7f7 !important;
border-color: #c3c3c3 !important;
font-weight: bold;
font-size: 110%;
color: #222222;
padding: 0.3em;
border-radius: 2px;
box-shadow: none;
}
.ui-dialog .ui-dialog-buttonpane button:is(:hover, :focus-within) {
background: #eef4ff !important;
border-color: #afc4db !important;
}
/* Improvements for colors on Search & Replace */
#wikieditor-toolbar-replace-nomatch {
background-color: #f3cece;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
#wikieditor-toolbar-replace-emptysearch {
background-color: #e5e7bf;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
#wikieditor-toolbar-replace-success {
background-color: #d6ebd2;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
#wikieditor-toolbar-replace-invalidregex {
background-color: #efd6f1;
border-radius: 4px;
padding: 10px;
margin-bottom: 16px;
}
/* Changes for VisualEditor's save UI */
.ve-ui-mwSaveDialog-options {
    background-color: transparent;
    border: 0;
}
.ve-ui-mwSaveDialog-summary {
    background-color: transparent;
}
.ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget {
    padding: 0.3em 0.6em;
    border-radius: 3px;
}
/**********
CodeEditor (also called AceEditor) colors
Consistency between light and dark themes
**********/
.ace-tm .ace_comment {
color: #4a5651;
}
.ace-tm .ace_constant,
.ace-tm .ace_string {
color: #b30106;
}
.ace-tm .ace_variable {
color: #005671;
}
.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class,
.ace-tm .ace_constant.ace_language,
.ace-tm .ace_constant.ace_library {
color: #006612;
}
.ace-tm .ace_constant.ace_numeric,
.ace-tm .ace_storage,
.ace-tm .ace_keyword {
color: #132be5;
}
.ace-tm .ace_support.ace_constant {
color: #8c4100;
}
.ace-tm .ace_entity.ace_name.ace_function {
color: #0070a7;
}
.ace-tm .ace_comment.ace_doc {
color: #4863c1;
}
/**********
CodeMirror (WikiEditor syntax highlighting) colors
Consistency between light and dark themes
**********/
/* Parser functions */
.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
color: #c50000;
}
/* Templates */
.cm-mw-template,
.cm-mw-template-name,
.cm-mw-template-argument-name,
.cm-mw-template-delimiter,
.cm-mw-template-bracket {
color: #7500af;
}
/* Page links */
.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-free-extlink-protocol,
.cm-mw-extlink-bracket {
color: #1318d5;
}
/* Tags */
.cm-mw-mnemonic,
.cm-mw-exttag-name,
.cm-mw-htmltag-name,
.cm-mw-exttag-bracket,
.cm-mw-exttag-attribute,
.cm-mw-htmltag-bracket,
.cm-mw-htmltag-attribute {
color: #095c00;
}
/* Comments */
.cm-mw-comment {
color: #59718d;
}
/* Template variables */
.cm-mw-templatevariable,
.cm-mw-templatevariable-bracket,
.cm-mw-templatevariable-name,
.cm-mw-templatevariable-delimiter {
color: #95580a;
}
/* Links to sections and other formatting */
.cm-mw-list,
.cm-mw-indenting,
.cm-mw-doubleUnderscore,
.cm-mw-signature,
.cm-mw-hr,
.cm-mw-apostrophes-bold,
.cm-mw-apostrophes-italic,
.cm-mw-link,
.cm-mw-link-tosection,
.cm-mw-section-header {
color: #0066be;
}
/* Tables */
.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition {
    color: #ce007f;
}
/* Matching brackets */
.cm-mw-matchingbracket {
background-color: #c5c54b;
}
.mw-prefs-buttons {
background-color: var(--content-background-color);
}
}