Documentation may be created at User:Bebiezaza/OOUI wikimediaUI.css/doc.
Note: After saving, you have to bypass your browser's cache to see the changes.
Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.
@import url("//minecraft.fandom.com/wiki/User:Bebiezaza/OOUI_wikimediaUI_icons.css?action=raw&ctype=text/css");
/* -=-=-=-=-=-=-=- General Styles -=-=-=-=-=-=-=- */
/* ---------- Widgets ---------- */
/* ===== ButtonWidget (normal / base) ===== */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #f8f9fa;
color: #202122;
border-color: #a2a9b1;
}
.oo-ui-buttonElement > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
padding: 5px 12px;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {
padding: 5px 12px;
font-family: "Liberation Sans",Arial,Helvetica,FreeSans,sans-serif;
text-transform: none;
font-size: 14px;
font-weight: bold;
letter-spacing: normal;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
border-color: #a2a9b1;
}
/* === Hover === */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #fff;
color: #404244;
border-color: #a2a9b1;
}
/* ===== ButtonWidget (disabled) ===== */
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
border-color: #C8CCD1;
background-color: #C8CCD1;
color: #fff !important;
}
/* ===== ButtonWidget (quiet, label only, destructive) ===== */
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: #D33;
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: #FF4242;
}
/* -=-=-=- Checkbox, Radio & ToggleSwitch -=-=-=- */
/* ===== CheckboxInputWidget ===== */ /* NOT COMPLETED */
.oo-ui-checkboxInputWidget {
color: #36c;
}
.oo-ui-checkboxInputWidget [type='checkbox'] {
position: relative;
max-width: none;
width: 1.42857143em;
height: 1.42857143em;
margin: 0;
opacity: 0;
z-index: 1;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: #fff;
background-size: 0 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
width: 1.42857143em;
height: 1.42857143em;
border-color: #72777d;
border-style: solid;
border-radius: 2px;
border-width: 1px;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
border-color: #447ff5;
}
/* -=-=-=-=-=-=-=- Edit Source Page -=-=-=-=-=-=-=- */
/* ---------- General ---------- */
/* why did fandom remove text box background color anyways */
.wikiEditor-ui {
background-color: white;
}
.wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext {
border: 1px solid #c8ccd1;
}
#wpTextbox1 {
font-family: monospace;
font-size: 13px;
}
/* ---------- Toolbar ---------- */
/* ===== button ===== */
.wikiEditor-ui-top {
min-height: 0 !important;
}
.wikiEditor-ui-toolbar {
padding: 0 !important;
background-color: #f8f9fa;
box-shadow: 0 2px 1px 0 rgb(0 0 0 / 10%);
}
.wikiEditor-ui-toolbar .group {
border-right: 1px solid #eaecf0 !important;
margin: 0;
padding: 0;
}
.wikiEditor-ui .wikiEditor-ui-toolbar {
border: 0;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button,
.wikiEditor-ui .wikiEditor-ui-toolbar .tool {
border-radius: 0;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .tool {
padding: 0;
}
.wikiEditor-ui #msupload-div {
border-bottom: 1px solid #c8ccd1;
border-radius: 0;
}
#msupload-container {
padding: 6px;
transition: background-color 300ms, color 300ms, border-color 300ms;
}
.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
min-width: 32px;
min-height: 32px;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
padding: 0;
}
#msupload-container:hover,
.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button:hover {
background-color: rgba(0,23,70,0.08599999999999999);
}
.wikiEditor-ui .wikiEditor-ui-toolbar .tool-button.tool-active,
.wikiEditor-ui .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover,
.wikiEditor-ui .wikiEditor-ui-toolbar .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
background: transparent;
}
#msupload-select:hover {
opacity: 1;
}
/* ===== booklet ===== */
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs {
margin: 0;
margin-top: 0;
text-transform: none;
}
.wikiEditor-ui-toolbar .tabs span.tab a {
height: 32px;
color: #0645AD !important;
font-size: 14px;
line-height: 32px;
font-weight: normal;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current {
color: #222 !important;
}
/* ===== booklet tools and tools dropdown ===== */
.wikiEditor-ui .wikiEditor-ui-toolbar .sections .section {
margin-top: 0;
padding-top: 0;
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .group .tool-select,
.wikiEditor-ui-toolbar .group .label {
height: 32px;
margin: 0px;
}
.wikiEditor-ui-toolbar .group .label {
line-height: 32px;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .label {
padding: 0 8px 0 8px; /* 26px for right */
color: #222;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .group span.label {
margin: 0 8px 0 5px;
color: #54595D;
font-size: 14px;
font-weight: normal;
text-transform: none;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .group-insert .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:last-child {
margin-right: 0;
}
/* ---- */
.wikiEditor-ui-toolbar .group .tool-select .menu .options {
margin: 32px 0 -1px 0;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .group .tool-select .menu .options {
border: 1px solid #c8ccd1;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 25%);
}
/* ===== booklet section ===== */
.wikiEditor-ui .wikiEditor-ui-toolbar .booklet .index div {
color: #202122;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .booklet .index div:hover {
background-color: #eaecf0;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .booklet .index div.current {
background-color: #eaf3ff;
color: #36c;
}
/* ===== booklet section page ===== */
.wikiEditor-ui .wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid #eaecf0;
background-color: transparent;
color: #202122;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: #fff;
border: 1px solid #c8ccd1;
}
/* ---- */
.wikiEditor-ui .wikiEditor-ui-toolbar .page-table th {
color: #54595d;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .page-table td {
color: #000;
border-top: 1px solid #eaecf0;
}
/* ---------- Edit Options ---------- */
.editOptions {
background-color: #eaecf0;
color: #202122;
border: 1px solid #c8ccd1;
border-top: 0;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #fff;
border: 1px solid #a2a9b1 !important;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus {
outline: 0;
border-color: #36c !important;
box-shadow: inset 0 0 0 1px #36c !important;
}
/* -=-=-=-=-=-=-=- Watchlist and RecentChanges -=-=-=-=-=-=-=- */
.ooui-theme-fandomooui .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: #54595d;
}
.ooui-theme-fandomooui .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
height: 2.5em;
}
/* -=-=-=-=-=-=-=- General 2 - skin theming -=-=-=-=-=-=-=- */
:root {
--theme-border-color: #a2a9b1;
--theme-page-text-color: #000;
--theme-page-text-color--rgb: 0,0,0;
--theme-page-text-color--hover: #000;
}