MediaWiki:Gadget-VisualEditor.css

De Wiki Calamity Mod Oficial
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
/* 
------- 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: var(--theme-page-background-color--secondary);
    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;
}

/* 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: Rubik;
}

.oo-ui-processDialog-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 52px;
    font-family: Rubik;
}

.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: Rubik;
}

.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(--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, .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: Rubik;
}
.ve-ui-mwSaveDialog-options  {
    background-color: var(--theme-page-background-color--secondary);
    font-family: Rubik;
    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: Rubik;
}
.oo-ui-dialog-content {
    background-color: var(--theme-page-background-color--secondary);
    border-radius: 6px;
}
#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: Rubik;
}
.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: Rubik;
}
.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: Rubik;
}
.oo-ui-popupWidget-popup {
    border-radius: 3px;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3);
    font-family: Rubik !important;
    padding: 10px;
}
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: var(--content-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: Rubik;
    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
}
Obtenido de «https://calamitymod.wiki.gg/es/index.php?title=MediaWiki:Gadget-VisualEditor.css&oldid=27549»