MediaWiki:Gadget-modern-editor.css
Ir a la navegación
Ir a la búsqueda
Limpiar la caché
Nota: Después de guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
- Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
- Microsoft Edge: presiona la combinación Ctrl+Shift+R
- Opera: vacía la caché en Herramientas → Preferencias
.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-astral { --editor-background-color: #2b2c49; --editor-background-color-hover: #444571; --theme-border-color: #7f75af; --editor-background-color-current: #444573; --content-background-color-2: #38395e; } .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: Rubik; } .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: Rubik; } .ace_searchbtn { background-color: var(--border-color-base); color: var(--color-base--subtle); border: 0 !important; font-family: Rubik; } .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(/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(/es/images/b/b4/Text-italic-bold.svg); font-size: 18px; } .oo-ui-icon-link, .mw-ui-icon-link:before { background-image: url(/es/images/4/44/Link-bold.svg); font-size: 16px; } .oo-ui-icon-image, .mw-ui-icon-image:before { background-image: url(/es/images/8/86/Image-bold.svg); font-size: 16px; } .oo-ui-icon-reference, .mw-ui-icon-reference:before { background-image: url(/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(/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(/es/images/7/72/Pencil-simple-bold.svg); font-size: inherit } .oo-ui-indicator-down { background-image: url(/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(/es/images/9/91/List-bullets-bold.svg); background-size: 22px; } .oo-ui-icon-listNumbered, .mw-ui-icon-listNumbered:before { background-image: url(/es/images/1/1d/List-numbers-bold.svg); background-size: 22px; } .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before { background-image: url(/es/images/7/7c/Images.svg); font-size: 16px; } .oo-ui-icon-articleRedirect, .mw-ui-icon-articleRedirect:before { background-image: url(/es/images/0/0a/Arrow-u-down-right.svg); font-size: 16px; } .oo-ui-icon-table, .mw-ui-icon-table:before { background-image: url(/es/images/5/54/Table.svg); font-size: 16px; } .oo-ui-icon-articleSearch, .mw-ui-icon-articleSearch:before { background-image: url(/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: Rubik; } #wikieditor-toolbar-replace-search, #wikieditor-toolbar-replace-replace { color: var(--theme-text-color); font-family: Rubik; 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: Rubik; 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: Rubik; 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); } /* Resumen de edición */ .mw-summary-preview { margin-bottom: -25px; }