MediaWiki:Editor.css

/* STYLES FOR EDITOR UI - */ /* --- They should be imported to Common.CSS  --- */ /* -- Some rules have additional '.mw-editform' class to not affect UI of other features such as Flow -- */

/* SOURCE EDITOR */ /** Bottom box **/ /* Container */ div.editOptions { padding: 1.25em 1.75em; border: solid #E6005C; border-width: 1px; border-radius: 0 !important;} div .editOptions { background: #351D4F !important; color: #E9E6E8 !important; } /* Summary input field */ .mw-editform .oo-ui-textInputWidget .oo-ui-inputWidget-input { border: 1px solid #E6005C; border-radius: 0; } /* Ticker boxes */ .mw-editform .oo-ui-checkboxInputWidget [type="checkbox"] + span { /* Unchecked */ border-color: #E6005C; border-radius: 0; background-color: #260919; } .mw-editform .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { /* Hover on unchecked */ background-color: #4E062D; border-color: #E6005C; } .mw-editform .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { /* Checked */ background-color: #E6005C; border-color: #E6005C; } .mw-editform .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span { /* Hover on checked */ background-color: #800649; border-color: #E6005C; } /* Buttons */ .mw-editform form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type="submit"] { /* General */ border-radius: 0; border: solid 1px #E6005C; } .mw-editform .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { /* Save */ background-color: #E6005C; border-color: #E6005C; } .mw-editform .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { /* Hover on save */ background-color: #800649; border-color: #E6005C; } .mw-editform .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { /* Show */ background-color: #4D3667; color: #E9E6E8; border-color: #E6005C; } .mw-editform .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { /* Hover on show */ background-color: #800649; color: #E9E6E8; border-color: #E6005C; } /** Edittools CharInsert **/ .mw-charinsert-buttons { /* Container */ border: 1px solid #E6005C; background: #351D4F; margin-top: 5px; padding: 1px; text-align: center; } .mw-charinsert-buttons a { /* Buttons */ background-color: #4D3667; border: 1px solid #800649; padding: 0 1px 1px; margin: 2px; } .mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active { border: 1px solid #E6005C; } .client-js .mw-edittools-section { display: inline; } .client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; margin-left: 1px; padding-left: 1px; padding-right: 1px; }