Minecraft Wiki
Advertisement

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;
}
Advertisement