MediaWiki:Gadget-modern-editor.css
Ir a la navegación
Ir a la búsqueda
Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
- Opera: Presiona Ctrl+F5.
.theme-dark {
--editor-background-color: var(--color-surface-2);
--editor-background-color-hover: var(--background-color-quiet--hover);
--theme-border-color: var(--border-color-base);
--editor-background-color-current: #474747;
--content-background-color-2: #4d4d4d;
}
.theme-light {
--editor-background-color: #e4eaeb;
--editor-background-color-hover: #c0c0c0;
--theme-border-color: #59bb9c;
--editor-background-color-current: #408665;
--content-background-color-2: #c4c4c4;
}
/* La parte superior del editor, estilos principales */
.wikiEditor-ui .wikiEditor-ui-toolbar {
background-color: var(--editor-background-color);
background-image: none;
border-color: var(--theme-border-color);
border-radius: 8px 8px 0 0;
border-style: solid;
border-width: 1px 1px 0;
padding: 9px 6px;
}
/* elimina el borde blanco extra que estaba alrededor del editor */
.wikiEditor-ui-view-wikitext, .wikiEditor-ui-view {
border: 0 !important
}
.wikiEditor-ui .wikiEditor-ui-top {
position: relative;
border-bottom: 1px solid var(--theme-border-color);
}
#wiki-editor-tabs div {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right: 2px;
background-color: var(--editor-background-color) !important;
border-color: var(--theme-border-color);
}
#wiki-editor-tabs div.current {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right: 2px;
background-color: var(--editor-background-color-current) !important;
border-color: var(--theme-border-color);
}
/* Parte de "Formato" e "Insertar"*/
.wikiEditor-ui .wikiEditor-ui-toolbar .group span.label {
display: inline-block;
float: none;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: var(--theme-text-color);
}
/* Sección de "Avanzado", "Carácteres especiales", "Ayuda" */
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs {
font-size: 12px;
font-weight: 700;
margin: 3px 0 0;
text-transform: uppercase;
}
/* Sección de "Avanzado", "Carácteres especiales", "Ayuda" - 2*/
.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-text-color);
padding: 0 12px 1px 18px;
position: relative;
}
/* Flecha de "Avanzado", "Carácteres especiales", "Ayuda" */
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a:before, .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a:before {
filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(1106%) hue-rotate(184deg) brightness(83%) contrast(99%);
}
/* Grupo */
.wikiEditor-ui .wikiEditor-ui-toolbar .group {
border-color: var(--theme-border-color);
margin: 3px;
padding-right: 6px;
}
/* Sección completa*/
.wikiEditor-ui .wikiEditor-ui-toolbar .sections .section {
background-color: var(--editor-background-color);
border-color: var(--theme-border-color);
margin-top: 12px;
padding-top: 12px;
}
/* Botones del editor */
.wikiEditor-ui .wikiEditor-ui-toolbar .oo-ui-buttonElement-button {
background-color: var(--editor-background-color);
}
/* correciones para el tema claro */
.theme-light .wikiEditor-ui .wikiEditor-ui-toolbar .oo-ui-iconElement-icon {
filter: brightness(0) saturate(100%);
}
/* hover */
.wikiEditor-ui .wikiEditor-ui-toolbar .oo-ui-buttonElement-button:hover {
background-color: var(--editor-background-color-hover) !important;
border-radius: 3px;
position: relative !important;
}
/* Indicador de número de líneas */
.CodeMirror-linenumber, .CodeMirror-gutter {
background-color: var(--editor-background-color);
border-radius: 3px;
}
.CodeMirror-wrap .CodeMirror-gutters {
border-radius: 3px;
}
/* Parte inferior del editor */
.mw-editform .editOptions {
background-color: var(--editor-background-color);
border-radius: var(--border-radius--medium);
margin-top: 5px;
border: 1px solid var(--border-color-base);
border-color: var(--theme-border-color);
}
/* Parte "Título" */
.wikiEditor-ui-toolbar .group .tool-select .label {
color: var(--theme-text-color);
}
/* Flecha - SubSección de "Título" */
.wikiEditor-ui-toolbar .group .tool-select .label:after {
filter: brightness(0) saturate(100%) invert(95%) sepia(3%) saturate(1106%) hue-rotate(184deg) brightness(83%) contrast(99%);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options, .wikiEditor-ui-toolbar .group .tool-select .options .option {
background-color: var(--editor-background-color);
color: var(--theme-text-color);
border-color: var(--theme-border-color);
border-radius: 3px;
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
background-color: var(--editor-background-color-hover) !important;
}
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input {
background-color: var(--border-color-base);
border-color: var(--border-color-base);
color: var(--theme-text-color);
}
/*** Editor Ace
---------- ***/
.ace_content {
background-color: var(--theme-page-background-color);
color: var(--theme-text-color);
}
.ace_gutter-layer, .codeEditor-status {
background-color: var(--editor-background-color);
}
/* Buscar y reemplazar - ACE*/
.ace_search {
background-color: var(--theme-page-background-color--secondary);
color: var(--color-base--subtle);
border: 0 !important;
border-radius: var(--border-radius--medium) !important;
margin-right: 6px;
margin-top: 6px;
padding: 6px;
}
/* Botón */
.ace_button, .ace_search_counter {
color: var(--color-base--subtle);
font-family: Roboto Flex;
}
.ace_button:hover {
background-color: var(--theme-background-color) !important;
}
.ace_editor input {
background-color: var(--border-color-base);
color: var(--theme-text-color);
border: 0;
font-family: Roboto Flex;
}
.ace_searchbtn {
background-color: var(--border-color-base);
color: var(--color-base--subtle);
border: 0 !important;
font-family: Roboto Flex;
}
.ace_searchbtn:hover {
background-color: var(--editor-background-color-hover) !important;
}
/* Resaltado de sintaxis */
.cm-mw-link-ground.cm-mw-link-bracket, .cm-mw-link-pagename.cm-mw-link-ground, .cm-mw-link-delimiter {
color: #6565f3;
background-color: rgba(83,84,190,0.11);
}
.cm-mw-template-link-ground {
color: #6565f3;
background-color: rgba(83,84,190,0.11);
}
.cm-mw-template-ground.cm-mw-template, .cm-mw-template-delimiter, .cm-mw-template-bracket, .cm-mw-template-argument-name {
color: #cc5ccc;
background-color: rgba(175,62,175,0.05);
}
.cm-mw-template-name, .cm-mw-template2-ground.cm-mw-template {
color: #d371ec;
background-color: rgba(217,139,217,0.05);
}
/* Fuera del editor */
.mw-highlight .nv {
color: #8686f9;
background-color: rgba(83,84,190,0.11);
}
/* Iconos
------- */
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-icon-highlight) {
filter:invert() !important;
}
.oo-ui-icon-bold, .mw-ui-icon-bold:before , .oo-ui-image-progressive.oo-ui-icon-bold, .mw-ui-icon-bold-progressive::before {
background-image: url(https://calamitymod.wiki.gg/es/images//f/f2/Text-b-bold.svg);
font-size: 18px;
}
.oo-ui-icon-italic, .mw-ui-icon-italic:before, .oo-ui-image-progressive.oo-ui-icon-italic, .mw-ui-icon-italic-progressive::before {
background-image: url(https://calamitymod.wiki.gg/es/images//b/b4/Text-italic-bold.svg);
font-size: 18px;
}
.oo-ui-icon-link, .mw-ui-icon-link:before {
background-image: url(https://calamitymod.wiki.gg/es/images//4/44/Link-bold.svg);
font-size: 16px;
}
.oo-ui-icon-image, .mw-ui-icon-image:before {
background-image: url(https://calamitymod.wiki.gg/es/images//8/86/Image-bold.svg);
font-size: 16px;
}
.oo-ui-icon-reference, .mw-ui-icon-reference:before {
background-image: url(https://calamitymod.wiki.gg/es/images//1/1b/Book-bookmark-bold.svg);
font-size: 16px;
}
/* TEMPORALMENTE ELIMINADO DEBIDO A BUG CON EL COLOR
.oo-ui-image-progressive.oo-ui-icon-highlight, .mw-ui-icon-highlight-progressive:before {
background-image: url(https://calamitymod.wiki.gg/es/images//e/e1/Highlighter-circle-bold.svg);
filter: invert(64%) sepia(12%) saturate(7478%) hue-rotate(178deg) brightness(104%) contrast(91%);
font-size: 18px;
}*/
.oo-ui-icon-edit, .mw-ui-icon-edit:before, .oo-ui-icon-edit:hover, .oo-ui-icon-edit:active {
background-image: url(https://calamitymod.wiki.gg/es/images//7/72/Pencil-simple-bold.svg);
font-size: inherit
}
.oo-ui-indicator-down {
background-image: url(https://calamitymod.wiki.gg/es/images//7/71/Caret-down-bold.svg);
}
.oo-ui-icon-listBullet, .mw-ui-icon-listBullet:before, .oo-ui-image-progressive.oo-ui-icon-listBullet, .mw-ui-icon-listBullet-progressive::before {
background-image: url(https://calamitymod.wiki.gg/es/images//9/91/List-bullets-bold.svg);
background-size: 22px;
}
.oo-ui-icon-listNumbered, .mw-ui-icon-listNumbered:before {
background-image: url(https://calamitymod.wiki.gg/es/images//1/1d/List-numbers-bold.svg);
background-size: 22px;
}
.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before {
background-image: url(https://calamitymod.wiki.gg/es/images//7/7c/Images.svg);
font-size: 16px;
}
.oo-ui-icon-articleRedirect, .mw-ui-icon-articleRedirect:before {
background-image: url(https://calamitymod.wiki.gg/es/images//0/0a/Arrow-u-down-right.svg);
font-size: 16px;
}
.oo-ui-icon-table, .mw-ui-icon-table:before {
background-image: url(https://calamitymod.wiki.gg/es/images//5/54/Table.svg);
font-size: 16px;
}
.oo-ui-icon-articleSearch, .mw-ui-icon-articleSearch:before {
background-image: url(https://calamitymod.wiki.gg/es/images//7/75/Magnifying-glass.svg);
margin-left: 1px;
font-size: 16px;
}
.oo-ui-icon-articleSearch {
margin-left: 5px;
}
.wikiEditor-ui .CodeMirror {
border: 1px solid var(--border-color-base);
}
.cm-s-default .CodeMirror-gutters {
border: 0 !important;
}
.ace_scrollbar {
background-color: var(--editor-background-color) !important;
width: 14px !important;
border-color: var(--theme-border-color);
border-style: solid;
border-width: 0px 1px 0;
}
/* Buscar y reemplazar */
.ui-dialog-content {
background-color: var(--color-surface-2) !important;
color: var(--theme-text-color);
font-family: Roboto Flex;
}
#wikieditor-toolbar-replace-search, #wikieditor-toolbar-replace-replace {
color: var(--theme-text-color);
font-family: Roboto Flex;
padding: 5px;
border-radius: var(--border-radius--medium);
border-color: var(--border-color-base);
}
.wikieditor-toolbar-field-wrapper label {
font-size: 13px;
}
#wikieditor-toolbar-replace-success, #wikieditor-toolbar-replace-nomatch {
padding-bottom: 10px;
font-weight: bold;
}
body .ui-dialog .ui-widget-header {
background: var(--color-surface-2) url(none) repeat-x scroll 0% 0% !important;
border: 1px solid var(--border-color-base);;
}
.ui-dialog-title {
color: var(--theme-text-color);
font-family: Roboto Flex;
font-size: 14px;
padding: 5px;
}
.ui-dialog, .ui-resizable-handlem, .ui-resizable-w, .ui-resizable-handle, .ui-resizable-e {
background-color: var(--color-surface-2) !important;
border-color: var(--border-color-base) !important;
}
.ui-widget-content.ui-helper-clearfix {
background-color: var(--color-surface-2) !important;
border-color: var(--border-color-base) !important;
}
/* Icono de cerrar */
.ui-icon-closethick {
filter: invert();
}
.ui-dialog-titlebar-close:hover {
background: var(--color-surface-2--hover) !important;
border-color: var(--border-color-base) !important;
}
.ui-button-text, .ui-button-text-only .ui-button-text, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: var(--border-color-base) !important;
border-radius: 5px;
padding: 5px;
padding-right: 0;
margin-right: 18px;
font-size: 12px;
background: var(--theme-page-background-color) !important;
color: var(--color-base--emphasized);
font-family: Roboto Flex;
box-shadow: 0 0px 0px rgba(0,0,0,.2) !important;
transition-duration: 300ms, 300ms, 300ms, 300ms;
transition-timing-function: ease, ease, ease, ease;
transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
}
.ui-button-text:hover, .ui-button-text-only .ui-button-text:hover, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
border: var(--border-color-base) !important;
background: var(--color-surface-2--hover) !important;
color: var(--color-base--emphasized);
transform: scale(0.9);
}
.ui-button-text:active, .ui-button-text-only .ui-button-text:active, .ui-state-default:active, .ui-widget-content .ui-state-default:active, .ui-widget-header .ui-state-default:active {
background: var(--color-surface-2--hover) !important;
transform: scale(0.8);
}