MediaWiki:Custom-common.less/WikiEditor.less

/* Import some settings for "no permission" screen as well */ .wikiEditor-ui .wikiEditor-ui-toolbar { background-color: var(--theme-page-background-color--secondary); background-image: none; border: solid var(--theme-border-color); border-radius: 3px; border-width: 1px; padding: 9px 6px; } .wikiEditor-ui .codeEditor-status { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); } .wikiEditor-ui .wikiEditor-ui-text .ace_editor, .wikiEditor-ui .wikiEditor-ui-text .CodeMirror { font: 14px Consolas, Eupheima UCAS, Ayuthaya, Menlo, monospace; line-height: normal; font-family: Consolas, Eupheima UCAS, Ayuthaya, Menlo, monospace; }

.wikiEditor-ui .wikiEditor-ui-toolbar .tool-button.tool-active, .wikiEditor-ui .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover, .wikiEditor-ui .wikiEditor-ui-toolbar .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { background: rgba(254,195,86,.15); -webkit-box-shadow: none; box-shadow: none; outline: none; border-radius: 3px; padding: 2px 6px; } .wikiEditor-ui .wikiEditor-ui-toolbar .group { border-color: var(--theme-border-color); } .wikiEditor-ui .wikiEditor-ui-toolbar .tool { border-radius: 3px; padding: 2px 6px; } .wikiEditor-ui .wikiEditor-ui-toolbar .tool-button.tool-active, .wikiEditor-ui .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover, .wikiEditor-ui .wikiEditor-ui-toolbar .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { background: rgba(254,195,86,.15); -webkit-box-shadow: none; box-shadow: none; outline: none; } .wikiEditor-ui .oo-ui-icon-pilcrow { mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M7.388 2h9.278v2h-2v14h-2V4H9.333v14h-2V9.99c-1.626-.106-3.114-.508-4.006-1.202C2.442 8.088 2 7.156 2 5.995c0-1.2.492-2.165 1.475-2.897C4.458 2.366 5.762 2 7.388 2Z'/%3E%3C/svg%3E") no-repeat center; background-image: none; } .wikiEditor-ui .oo-ui-icon-wrapping { mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M1 5v2h14c1.125 0 2 .875 2 2s-.875 2-2 2h-1V9l-3 3 3 3v-2h1c2.199 0 4-1.801 4-4s-1.801-4-4-4zM1 13h8v2H1Z'/%3E%3Cpath d='M1 9h8v2H1Z'/%3E%3C/svg%3E") no-repeat center; background-image: none; } .wikiEditor-ui .oo-ui-icon-gotoLine { mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M2 6h1V1H1v1h1zm-1 9h2v1H2v1h1v1H1v1h3v-5H1Zm2.5-7H1v1h2v1H1.5a.5.5 0 0 0-.5.5V13h3v-1H2v-1h1.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM10 7.5 6 10l4 2.5V11h9V9h-9z'/%3E%3C/svg%3E") no-repeat center; background-image: none; } .wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext { border-width: 0 0 1px; } .wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top { border-bottom: none; } .permissions-errors ~ #wpTextbox1, .permissions-errors ~ .wikiEditor-ui #wpTextbox1 { background-color: transparent; color: inherit; font: 14px Consolas,Eupheima UCAS,Ayuthaya,Menlo,monospace; width: 100%; } .wikiEditor-ui .wikiEditor-ui-toolbar .tabs { font-size: 12px; font-weight: 700; margin: 6px 0 0; text-transform: uppercase; } .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { background-color: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); } .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a:visited { border-radius: 3px; color: var(--theme-page-text-color); padding: 0 12px 1px 18px; position: relative; } .wikiEditor-ui .wikiEditor-ui-toolbar .sections .section { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); margin-top: 12px; padding-top: 12px; } .wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select { background: none; border: none; } .wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .label { background-image: none; color: var(--theme-page-text-color); padding-right: 0; } .wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .label::after { background-color: currentColor; content: ""; display: inline-block; height: 16px; margin: 0 0 3px 3px; -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5z' fill='%23797979'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 3 5 5-5 5z' fill='%23797979'/%3E%3C/svg%3E") no-repeat center; -webkit-transform: rotate(90deg); transform: rotate(90deg); vertical-align: middle; width: 16px; } .wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .menu .options { background-color: var(--theme-page-background-color--secondary); border: none; -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.3); box-shadow: 0 3px 12px rgba(0,0,0,.3); }	z-index: 1; } .wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .menu .options .option { color: var(--theme-page-text-color); } .wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: rgba(254,195,86,.15); } .wikiEditor-ui .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui .wikiEditor-ui-toolbar .page-table th { border-color: var(--theme-border-color); color: var(--theme-page-text-color); } .wikiEditor-ui .wikiEditor-ui-toolbar .group span.label { display: inline-block; float: none; font-size: 12px; font-weight: 700; text-transform: uppercase; } .wikiEditor-ui .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { opacity: 1; } .wikiEditor-ui .wikiEditor-ui-toolbar .booklet .index div { color: var(--theme-link-color); } .wikiEditor-ui .wikiEditor-ui-toolbar .booklet .pages { background-color: var(--theme-page-background-color--secondary); } .wikiEditor-ui .wikiEditor-ui-toolbar .page-characters { -webkit-box-sizing: unset; box-sizing: unset; margin-top: 0; } .wikiEditor-ui .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(254,195,86,.15); } .wikiEditor-ui .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: var(--theme-page-background-color); border: none; } .skin-fandomdesktop .CodeMirror { background-color: var(--theme-article-background-color); color: var(--theme-article-text-color); }
 * 1) wikiEditor-section-advanced .options {

/* Fix aceeditor missing buttons */ .wikiEditor-ui .group-codeeditor-style span[rel="gotoLine"] a, .wikiEditor-ui .group-codeeditor-style span[rel="lineWrapping"] a, .wikiEditor-ui .group-codeeditor-style span[rel="invisibleChars"] a { color: inherit !important; }

/* Fix line height for VE CodeEditor */ .ve-init-mw-desktopArticleTarget .CodeMirror-code, .ve-init-mw-desktopArticleTarget .CodeMirror-code *, .ve-init-mw-desktopArticleTarget .ve-ui-codeEditorSurface .ve-ce-paragraphNode, .ve-init-mw-desktopArticleTarget .ve-ui-mwWikitextSurface .ve-ce-paragraphNode { line-height: 21px; }