MediaWiki:Gadget-VisualEditor.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.
/*
------- Version: V2.0.2
------- Author: Dark
------- Status: Stable
*/
/* Barra de VE (Movible) */
.ve-ui-toolbar:not(.oo-ui-toolbar-actions .oo-ui-toolbar) {
position: relative;
top: 40px;
width: 97%;
left: 39px;
}
.oo-ui-toolbar-bar {
background-color: rgba(var(--theme-accent-color--rgb),0.4);
border: 1px solid var(--border-color-base);
border-radius: 3px;
color: var(--theme-page-text-color);
padding: 1px 3px 1px 0
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-bottom: 1px solid var(--border-color-base);
box-shadow: 0;
}
/* Cuando está adhesivo */
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
position: fixed;
top: 45px;
border-top: 0;
}
.ve-init-mw-desktopArticleTarget-originalContent aside.games-showcase-sidebar div.sidebar-showcase, .ve-init-mw-desktopArticleTarget-originalContent div.games-showcase-header{ display: none}
/* Barra de progreso */
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-open .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
position: relative;
top: 20px;
}
.ve-init-mw-progressBarWidget-bar {
background-color: var(--theme-accent-color) !important;
height: 0.875em;
border: 0;
}
.ve-init-mw-progressBarWidget {
background-color: var(--theme-page-background-color--secondary) !important;
box-sizing: border-box;
height: 0.875em;
border: 1px solid var(--theme-accent-color) !important;
border-radius: 0.875em;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}/* #endregion-visual-editor */
/* Móvil */
@media screen and (max-width: 900px) {
.ve-ui-toolbar:not(.oo-ui-toolbar-actions .oo-ui-toolbar) {
position: relative;
top: 0.26%;
width: 100%;
left: 3.7%;
}
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
position: fixed;
top: 1%;
margin-right: 14px;
margin-left: -23px;
border-top: 0;
}
}
/* Estilos */
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
background-color: var(--theme-button-background);
border-color: #c8ccd1;
border-radius: var(--border-radius--small);
opacity: 0.7;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--theme-button-background);
border-color: #c8ccd1;
border-radius: var(--border-radius--small);
text-transform: uppercase;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--color-surface-2--hover);
}
/*** VENTANAS DEL EDITOR VISUAL ***/
.oo-ui-window-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
min-height: 52px;
outline: 1px solid var(--border-color-base);
}
.oo-ui-menuLayout-expanded, .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-menu, .oo-ui-menuLayout-expanded > .oo-ui-menuLayout-content, .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
background-color: var(--theme-page-background-color--secondary);
font-family: Roboto Flex;
}
.oo-ui-processDialog-title {
font-size: 18px;
font-weight: 700;
line-height: 52px;
font-family: Roboto Flex;
}
.oo-ui-dialog-content {
color: var(--theme-text-color) !important;
}
.ve-ui-mwTemplatePage-description {
color: var(--color-base--subtle);
overflow-wrap: break-word;
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border-radius: 6px;
bottom: 1em;
max-height: calc(100% - 8em);
top: 1em;
border: 0 !important;
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot {
border-radius: 0 0 6px 6px;
}
.oo-ui-processDialog-content .oo-ui-window-head {
border-radius: 6px 6px 0 0;
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button {
background-color: transparent;
border-radius: 0;
border: 0;
margin: 7px 0 0 10px !important
}
.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover {
background-color: transparent;
}
.oo-ui-processDialog-actions-primary {
align-items: center;
display: flex;
right: 9px;
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--botones-color-secondary-hover);
border-color: var(--botones-color-secondary-hover);
color: var(--theme-text-color);
border-radius: var(--border-radius--small);
text-transform: uppercase;
opacity: 0.6;
}
.ve-ui-expandableContent-toggle {
background-color: var(--border-color-base);
pointer-events: auto;
border-radius: 5px 5px 0px 0px;
text-transform: uppercase;
}
.oo-ui-image-progressive.oo-ui-icon-expand, .mw-ui-icon-expand-progressive::before {
background-size: 20px;
filter: var(--filter-white)
}
/* Pendiente añadir clase especifica para el visual editor */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var(--theme-button-background);
opacity: 1;
}
/* Pendiente añadir clase especifica del editor visual */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: transparent;
color: var(--theme-text-color);
border: 1.5px var(--botones-color-primary) solid;
text-transform: uppercase;
}
.ve-ui-linearContextItem-title {
font-size: 20px;
}
.ve-ui-linearContextItem-body {
margin-top: 5px;
}
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
background-color: var(--theme-page-background-color--secondary);
-webkit-position: sticky;
position: sticky;
top: 0;
z-index: 1;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: var(--border-color-base);
border: 1px solid var(--border-color-base);
color: var(--theme-text-color);
font-family: Roboto Flex;
}
.oo-ui-popupToolGroup-tools {
background-color: var(--theme-page-background-color--secondary);
border: 1px solid var(--border-color-base);
border-radius: 3px;
box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
min-width: 16em;
filter: drop-shadow(0 2px 1px rgba(0,0,0,0.3));
padding: 9px;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link {
background-color: var(--border-color-base);
color: var(--theme-link-color);
border-radius: 4px;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--border-color-base);
color: var(--theme-text-color);
border-radius: 4px;
}
/* Ventana de opciones */
.oo-ui-bookletLayout-outlinePanel {
padding: 25px 0;
}
.oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
padding: 34px;
}
.oo-ui-bookletLayout-outlinePanel .oo-ui-outlineOptionWidget {
padding-bottom: 12px;
padding-top: 12px;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
background-color: var(--color-surface-2--hover);
color: var(--theme-link-color);
}
.ve-ui-mwLanguagesPage-languages-table tr:nth-child(2n) td, .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td {
background-color: var(--theme-page-background-color);
border-color: var(--border-color-base);
}
.ve-ui-mwLanguagesPage-languages-table th {
color: var(--theme-text-color);
background-color: var(--receta-color-2);
border-color: var(--border-color-base);
}
/* Hover de los botones */
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background-color: var(--color-surface-2--hover);
border-radius: 4px;
}
.oo-ui-popupToolGroup .oo-ui-popupToolGroup-handle {
align-items: center;
display: flex;
font-size: 12px;
font-weight: 700;
justify-content: center;
letter-spacing: 0.15px;
line-height: 1.5;
padding: 6px 8px;
text-decoration: none;
text-transform: uppercase;
transition: background-color 300ms,color 300ms,border-color 300ms;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active .oo-ui-tool-link {
background-color: var(--color-surface-2--hover);
color: var(--content-text-link-color);
border-radius: 4px;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background-color: var(--color-surface-2--hover);
border-radius: 4px;
}
.ve-ui-mwSaveDialog-withOptions {
padding: 20px;
background-color: var(--theme-page-background-color--secondary);
font-family: Roboto Flex;
}
.ve-ui-mwSaveDialog-options {
background-color: var(--theme-page-background-color--secondary);
font-family: Roboto Flex;
border-color: var(--border-color-base);
padding-bottom: 5px;
}
.ve-ui-mwSaveDialog-summary {
background-color: transparent !important;
border: 1px solid var(--border-color-base) !important;
color: var(--theme-text-color);
font-family: Roboto Flex;
}
.oo-ui-dialog-content {
background-color: var(--theme-page-background-color--secondary);
border-radius: 6px;
}
.ve-init-mw-desktopArticleTarget * {
--theme-page-background-color--secondary: rgba(var(--theme-accent-color--rgb),0.5);
}
#editpage-copywarn {
color: var(--color-base--subtle);
}
.ve-ui-mwSaveDialog-summaryLabel {
font-size: 16px;
font-weight: 500;
padding: 8px 0 8px 0;
}
.ve-ui-mwLinkAnnotationInspector .oo-ui-tabSelectWidget-frameless {
padding-top: 12px;
box-shadow: none;
}
.ve-ce-linkAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px var(--border-color-base);
background-color: var(--theme-page-background-color--secondary);
}
/* Diferencias */
.mw-summary-preview, .ve-ui-mwSaveDialog-reviewMode {
padding-top: 30px;
font-family: Roboto Flex;
}
.ve-ce-mwTransclusionNode.ve-ce-focusableNode-invisible {
margin-top: 50px
}
.ve-ui-diffElement-document, .ve-ui-diffElement-attributeChange.oo-ui-labelElement .oo-ui-labelElement-label {
font-family: Roboto Flex;
}
.ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content {
margin-right: 16em;
padding-right: 1em;
border-right: 1px solid var(--border-color-base);
}
.ve-ui-mwSaveDialog-visualDiffFeedback {
display: none;
}
.oo-ui-iconElement-icon .oo-ui-icon-wikiText {
filter: invert() !important;
}
/* Color de fondo de diff positiva */
[data-diff-action='insert'], [data-diff-action='insert'] > caption, [data-diff-action='insert'] > figcaption {
background-color: rgb(29 209 76 / 50%) !important;
box-shadow: 0 0 0 1px rgb(29 209 76 / 50%);
}
.oo-ui-iconElement-icon .oo-ui-iconElement-icon .oo-ui-icon-eye .oo-ui-image-invert:not(.oo-ui-icon-wikiText) {
filter: none !important;
}
/* Otro estilos */
.oo-ui-tool-title {
font-family: Roboto Flex;
}
.oo-ui-popupWidget-popup {
border-radius: 3px;
box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
font-family: Roboto Flex !important;
padding: 10px;
}
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
color: var(--theme-text-color);
}
.oo-ui-popupToolGroup-tools .oo-ui-tool-link {
border-radius: 0;
display: flex;
font-size: 14px;
font-weight: 400;
justify-content: space-between;
line-height: 1;
padding: 9px 7px;
text-transform: none;
width: auto;
}
/*
.collapsible.selected a, .mw-portlet-namespaces .selected a {
border-bottom: 1px var(--theme-accent-color) solid;
}*/
/* Fuera del editor, sección de editar */
.mw-editsection a {
font-family: Roboto Flex;
font-weight: 500;
font-size: 12px;
}
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--theme-text-color);
}
.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
background-color: var(--theme-page-background-color--secondary);
}
/* inputs de panel */
.ve-ui-mwTwoPaneTransclusionDialogLayout-stackLayout .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
box-shadow: inset 0 0 0 1px transparent;
transition: border-color 250ms,box-shadow 250ms;
height: 100px !important
}
/* Eliminar elementos innecesarios */
.ve-active .mw-first-heading,.ve-active .mw-page-title-main, .ve-active #p-lang-btn {
display: none !important;
}
/* Editor Clásico */
.wikiEditor-ui-toolbar .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .wikiEditor-ui-toolbar .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator{
margin-left: -4px;
margin-top: 4px;
}
.oo-ui-menuToolGroup {
border-left: 1px solid var(--border-color-base);
border-right: 1px solid var(--border-color-base);
}
.ve-ui-toolbar-saveButton {
text-transform: uppercase;
margin-left: 10px;
}
/* Insertar linea nueva */
.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug {
margin: -0.3em 0 -0.1em 0;
outline: 1px dashed var(--border-color-base);
background-color: var(--theme-page-background-color--secondary);
border-radius: 8px
}
/* Quitar filtro de invert*/
.ve-ui-mwInternalLinkContextItem-hasImage, .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage {
filter: none !important
}