WikiPartner (talk | contribs) No edit summary |
WikiPartner (talk | contribs) No edit summary |
||
| Line 6,509: | Line 6,509: | ||
} | } | ||
} | |||
/* ============================================================ | |||
REMOVE NATIVE VISUAL/SOURCE SWITCH | |||
WikiPartner uses its own Visual | Source buttons | |||
============================================================ */ | |||
/* Source editor pencil */ | |||
#wikiEditor-ui-toolbar .tool[rel="visualeditor"], | |||
#wikiEditor-ui-toolbar .tool-name-visualeditor, | |||
#wikiEditor-ui-toolbar [data-tool="visualeditor"] { | |||
display: none !important; | |||
} | |||
/* VisualEditor native edit-mode switch */ | |||
.ve-ui-toolbar .ve-ui-mwEditModeTool, | |||
.ve-ui-toolbar .oo-ui-tool-name-editMode, | |||
.ve-ui-toolbar .ve-ui-toolbar-group-editMode { | |||
display: none !important; | |||
} | } | ||
Revision as of 11:11, 21 August 2026
/* ============================================================
WIKIPARTNER
GLOBAL LIGHT / DARK THEME
============================================================ */
/* ============================================================
LIGHT THEME
============================================================ */
:root,
html.wp-theme-light {
color-scheme: light;
--wp-teal: #0F6B65;
--wp-teal-dark: #09534E;
--wp-teal-soft: #EEF6F5;
--wp-gold: #E8A33D;
--wp-blue: #3E7CB1;
--wp-navy: #12233F;
--wp-charcoal: #2B2B2B;
--wp-text: #2B2B2B;
--wp-muted: #6D7378;
--wp-page-bg: #FAF9F7;
--wp-surface: #FFFFFF;
--wp-surface-2: #FAF7F2;
--wp-surface-3: #F3F5F4;
--wp-border: #DDDAD3;
--wp-heading: #12233F;
--wp-input-bg: #FFFFFF;
--wp-hover-bg: #EEF6F5;
--wp-shadow:
0 8px 24px
rgba(18, 35, 63, 0.08);
}
/* ============================================================
DARK THEME
============================================================ */
html.wp-theme-dark {
color-scheme: dark;
--wp-teal: #70CEC3;
--wp-teal-dark: #9BE2DA;
--wp-teal-soft: #173431;
--wp-gold: #E7B65E;
--wp-blue: #83B6DF;
--wp-navy: #EEE5D4;
--wp-charcoal: #E2E9E7;
--wp-text: #E2E9E7;
--wp-muted: #A4B0AE;
--wp-page-bg: #0C1517;
--wp-surface: #111D20;
--wp-surface-2: #162426;
--wp-surface-3: #1B2B2E;
--wp-border: #2B4144;
--wp-heading: #F0E7D7;
--wp-input-bg: #142225;
--wp-hover-bg: #193633;
--wp-shadow:
0 12px 32px
rgba(0, 0, 0, 0.30);
}
/* ============================================================
PAGE
============================================================ */
html.wp-theme-light body,
html.wp-theme-dark body {
background:
var(--wp-page-bg) !important;
color:
var(--wp-text) !important;
transition:
background-color 0.2s ease,
color 0.2s ease;
}
/* ============================================================
HEADER
============================================================ */
html.wp-theme-light .wp-site-header,
html.wp-theme-dark .wp-site-header {
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
border-bottom-color:
var(--wp-teal) !important;
box-shadow:
var(--wp-shadow) !important;
}
/* ============================================================
SEARCH
============================================================ */
html.wp-theme-light .wp-search,
html.wp-theme-dark .wp-search {
background:
var(--wp-input-bg) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-light .wp-search input,
html.wp-theme-dark .wp-search input {
background:
transparent !important;
color:
var(--wp-text) !important;
}
html.wp-theme-dark .wp-search input::placeholder {
color:
#879794 !important;
}
html.wp-theme-light .wp-search button,
html.wp-theme-dark .wp-search button {
background:
var(--wp-input-bg) !important;
color:
var(--wp-teal) !important;
border-left-color:
var(--wp-border) !important;
}
html.wp-theme-light .wp-search button:hover,
html.wp-theme-dark .wp-search button:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
SEARCH AUTOCOMPLETE
============================================================ */
html.wp-theme-light .wp-search-suggestions,
html.wp-theme-dark .wp-search-suggestions {
background:
var(--wp-surface) !important;
border-color:
var(--wp-border) !important;
box-shadow:
var(--wp-shadow) !important;
}
html.wp-theme-light .wp-search-suggestion,
html.wp-theme-light .wp-search-suggestions a,
html.wp-theme-dark .wp-search-suggestion,
html.wp-theme-dark .wp-search-suggestions a {
background:
transparent !important;
color:
var(--wp-text) !important;
}
html.wp-theme-light .wp-search-suggestion:hover,
html.wp-theme-light .wp-search-suggestions a:hover,
html.wp-theme-light .wp-search-suggestion.is-active,
html.wp-theme-dark .wp-search-suggestion:hover,
html.wp-theme-dark .wp-search-suggestions a:hover,
html.wp-theme-dark .wp-search-suggestion.is-active {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal) !important;
}
/* ============================================================
MAIN WEBSITE
============================================================ */
html.wp-theme-light .wp-page,
html.wp-theme-dark .wp-page {
background:
var(--wp-page-bg) !important;
color:
var(--wp-text) !important;
}
html.wp-theme-light .wp-content,
html.wp-theme-dark .wp-content {
background:
transparent !important;
color:
var(--wp-text) !important;
}
/* ============================================================
ARTICLE HEADER
============================================================ */
html.wp-theme-light .wp-article-header,
html.wp-theme-dark .wp-article-header {
background:
transparent !important;
color:
var(--wp-text) !important;
}
html.wp-theme-light .firstHeading,
html.wp-theme-dark .firstHeading,
html.wp-theme-light .mw-parser-output h1,
html.wp-theme-dark .mw-parser-output h1,
html.wp-theme-light .mw-parser-output h2,
html.wp-theme-dark .mw-parser-output h2,
html.wp-theme-light .mw-parser-output h3,
html.wp-theme-dark .mw-parser-output h3,
html.wp-theme-light .mw-parser-output h4,
html.wp-theme-dark .mw-parser-output h4 {
color:
var(--wp-heading) !important;
}
/* ============================================================
ARTICLE BODY
============================================================ */
html.wp-theme-light .wp-article-body,
html.wp-theme-dark .wp-article-body,
html.wp-theme-light .mw-body,
html.wp-theme-dark .mw-body,
html.wp-theme-light .mw-body-content,
html.wp-theme-dark .mw-body-content,
html.wp-theme-light .mw-parser-output,
html.wp-theme-dark .mw-parser-output {
background:
transparent !important;
color:
var(--wp-text) !important;
}
/* ============================================================
PARAGRAPHS / TEXT
============================================================ */
html.wp-theme-dark .mw-parser-output p,
html.wp-theme-dark .mw-parser-output li,
html.wp-theme-dark .mw-parser-output dd,
html.wp-theme-dark .mw-parser-output dt {
color:
var(--wp-text) !important;
}
/* ============================================================
LINKS
============================================================ */
html.wp-theme-light a,
html.wp-theme-dark a {
color:
var(--wp-teal);
}
html.wp-theme-light a:hover,
html.wp-theme-dark a:hover {
color:
var(--wp-teal-dark);
}
/* ============================================================
SIDEBARS
============================================================ */
html.wp-theme-light .wp-sidebar-box,
html.wp-theme-dark .wp-sidebar-box {
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
box-shadow:
var(--wp-shadow) !important;
}
html.wp-theme-light .wp-sidebar-section,
html.wp-theme-dark .wp-sidebar-section {
border-color:
var(--wp-border) !important;
}
html.wp-theme-light .wp-sidebar-title,
html.wp-theme-dark .wp-sidebar-title {
color:
var(--wp-heading) !important;
}
html.wp-theme-light .wp-sidebar-static-item,
html.wp-theme-dark .wp-sidebar-static-item {
color:
var(--wp-muted) !important;
}
html.wp-theme-light .wp-sidebar-highlight,
html.wp-theme-dark .wp-sidebar-highlight {
background:
var(--wp-surface-2) !important;
}
/* ============================================================
CONTENTS BUTTON
============================================================ */
html.wp-theme-light .wp-toc-button,
html.wp-theme-dark .wp-toc-button {
background:
var(--wp-surface) !important;
color:
var(--wp-teal) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-light .wp-toc-popover,
html.wp-theme-dark .wp-toc-popover {
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
box-shadow:
var(--wp-shadow) !important;
}
html.wp-theme-light .wp-toc-heading,
html.wp-theme-dark .wp-toc-heading {
color:
var(--wp-heading) !important;
}
/* ============================================================
INFOBOX
============================================================ */
html.wp-theme-light .infobox,
html.wp-theme-dark .infobox {
background:
var(--wp-surface-2) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-light .infobox th,
html.wp-theme-dark .infobox th {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-heading) !important;
}
html.wp-theme-light .infobox td,
html.wp-theme-dark .infobox td {
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
/* ============================================================
TABLES
============================================================ */
html.wp-theme-dark .mw-parser-output table {
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-dark .mw-parser-output table th {
background:
var(--wp-surface-3) !important;
color:
var(--wp-heading) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-dark .mw-parser-output table td {
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
/* ============================================================
MEDIAWIKI FORMS
============================================================ */
html.wp-theme-dark input,
html.wp-theme-dark textarea,
html.wp-theme-dark select {
background:
var(--wp-input-bg) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
/* ============================================================
CODE
============================================================ */
html.wp-theme-dark pre,
html.wp-theme-dark code,
html.wp-theme-dark .mw-code {
background:
#142225 !important;
color:
#E4ECEA !important;
border-color:
var(--wp-border) !important;
}
/* ============================================================
USER AREA
============================================================ */
.wp-user-area {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 7px;
}
/* ============================================================
USERNAME
============================================================ */
.wp-user-primary {
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
}
.wp-user-primary.is-empty {
display: none;
}
.wp-user-primary > li {
margin: 0;
padding: 0;
list-style: none;
}
.wp-user-primary > li > a {
min-height: 34px;
padding:
8px
11px;
display: inline-flex;
align-items: center;
border-radius: 7px;
color:
var(--wp-teal) !important;
font-size: 12px;
font-weight: 700;
text-decoration: none !important;
}
.wp-user-primary > li > a:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
USER MENU TOP LEVEL
============================================================ */
.wp-user-menu-list {
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 7px;
list-style: none;
}
.wp-user-menu-list > li {
margin: 0;
padding: 0;
list-style: none;
}
/* ============================================================
LOGGED-OUT LINKS
============================================================ */
.wp-user-menu-list.wp-is-logged-out > li > a {
min-height: 34px;
padding:
8px
11px;
display: inline-flex;
align-items: center;
border:
1px solid
var(--wp-border);
border-radius: 7px;
background:
var(--wp-surface-2);
color:
var(--wp-teal) !important;
font-size: 12px;
font-weight: 600;
text-decoration: none !important;
}
.wp-user-menu-list.wp-is-logged-out > li > a:hover {
background:
var(--wp-hover-bg);
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
THEME BUTTON
============================================================ */
.wikipartner-theme-item {
margin: 0 !important;
padding: 0 !important;
display: flex;
align-items: center;
list-style: none !important;
}
.wikipartner-theme-toggle {
width: 35px;
height: 35px;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 35px;
cursor: pointer;
appearance: none;
background:
var(--wp-surface-2) !important;
color:
var(--wp-teal) !important;
border:
1px solid
var(--wp-border) !important;
border-radius: 50%;
box-shadow: none !important;
transition:
background 0.15s ease,
color 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease;
}
.wikipartner-theme-toggle:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
transform:
rotate(-7deg);
}
.wp-theme-icon {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.wp-theme-icon svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
/* ============================================================
HAMBURGER
============================================================ */
.wp-user-dropdown {
position: relative;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.wp-user-menu-trigger {
width: 35px;
height: 35px;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
appearance: none;
background:
var(--wp-surface-2) !important;
color:
var(--wp-teal) !important;
border:
1px solid
var(--wp-border) !important;
border-radius: 8px;
transition:
background 0.15s ease,
color 0.15s ease,
border-color 0.15s ease;
}
.wp-user-menu-trigger:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
HAMBURGER LINES
============================================================ */
.wp-menu-bars {
width: 17px;
height: 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wp-menu-bars > span {
width: 100%;
height: 2px;
display: block;
background:
currentColor;
border-radius: 999px;
}
/* ============================================================
HAMBURGER DROPDOWN
============================================================ */
.wp-user-dropdown-menu {
position: absolute;
top:
calc(100% + 10px);
right: 0;
z-index: 9999;
width: 220px;
margin: 0;
padding: 6px;
list-style: none;
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border:
1px solid
var(--wp-border) !important;
border-radius: 10px;
box-shadow:
var(--wp-shadow) !important;
}
.wp-user-dropdown-menu[hidden] {
display: none !important;
}
.wp-user-dropdown-menu > li {
width: 100%;
margin: 0 !important;
padding: 0 !important;
display: block;
list-style: none !important;
}
.wp-user-dropdown-menu > li > a {
width: 100%;
min-height: 38px;
padding:
9px
11px;
display: flex;
align-items: center;
background:
transparent !important;
color:
var(--wp-text) !important;
border: 0 !important;
border-radius: 7px;
font-size: 12px;
font-weight: 500;
text-decoration: none !important;
}
.wp-user-dropdown-menu > li > a:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
.wp-user-dropdown-menu #pt-logout > a {
margin-top: 4px;
border-top:
1px solid
var(--wp-border) !important;
}
/* ============================================================
FOOTER
============================================================ */
html.wp-theme-light .wp-footer,
html.wp-theme-dark .wp-footer {
background:
var(--wp-surface) !important;
color:
var(--wp-muted) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-light .wp-footer-inner,
html.wp-theme-dark .wp-footer-inner {
color:
var(--wp-muted) !important;
}
html.wp-theme-light .wp-footer a,
html.wp-theme-dark .wp-footer a {
color:
var(--wp-teal) !important;
}
html.wp-theme-light .wp-social-icon,
html.wp-theme-dark .wp-social-icon {
background:
var(--wp-surface-2) !important;
color:
var(--wp-teal) !important;
border-color:
var(--wp-border) !important;
}
/* ============================================================
COMMON HOMEPAGE / COMPONENT SURFACES
============================================================ */
/*
These selectors intentionally cover WikiPartner components
that may still have hard-coded white backgrounds in the
skin's homepage.css/components.css files.
*/
html.wp-theme-dark
[class*="wp-card"],
html.wp-theme-dark
[class*="wp-box"],
html.wp-theme-dark
[class*="wp-panel"],
html.wp-theme-dark
[class*="wp-section-card"],
html.wp-theme-dark
[class*="wp-feature"] {
background-color:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
html.wp-theme-dark
[class*="wp-card"] h1,
html.wp-theme-dark
[class*="wp-card"] h2,
html.wp-theme-dark
[class*="wp-card"] h3,
html.wp-theme-dark
[class*="wp-box"] h1,
html.wp-theme-dark
[class*="wp-box"] h2,
html.wp-theme-dark
[class*="wp-box"] h3 {
color:
var(--wp-heading) !important;
}
/* ============================================================
MEDIAWIKI NOTICES
============================================================ */
html.wp-theme-dark .mw-message-box,
html.wp-theme-dark .warningbox,
html.wp-theme-dark .errorbox,
html.wp-theme-dark .successbox {
color:
var(--wp-text) !important;
border-color:
var(--wp-border) !important;
}
/* ============================================================
SELECTION
============================================================ */
html.wp-theme-dark ::selection {
background:
#24514C;
color:
#FFFFFF;
}
/* ============================================================
MOBILE
============================================================ */
@media (max-width: 700px) {
.wp-user-dropdown-menu {
width: 200px;
}
.wikipartner-theme-toggle,
.wp-user-menu-trigger {
width: 32px;
height: 32px;
flex-basis: 32px;
}
.wp-theme-icon,
.wp-theme-icon svg {
width: 16px;
height: 16px;
}
}
/* ============================================================
WIKIPARTNER
RESTORE SIDEBAR CARD SEPARATION + FOOTER ACCENT
============================================================ */
/* ============================================================
SIDEBAR OUTER WRAPPER
Must stay transparent so gaps between cards remain visible.
============================================================ */
html.wp-theme-light .wp-sidebar-box,
html.wp-theme-dark .wp-sidebar-box {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* ============================================================
INDIVIDUAL SIDEBAR CARDS
============================================================ */
html.wp-theme-light .wp-sidebar-section,
html.wp-theme-dark .wp-sidebar-section {
background: var(--wp-surface) !important;
color: var(--wp-text) !important;
border-color: var(--wp-border) !important;
box-shadow:
0 7px 18px
rgba(18, 35, 63, 0.055) !important;
}
/* Keep proper separation between every card */
.wp-sidebar-section + .wp-sidebar-section {
margin-top: 16px !important;
}
/* ============================================================
LEFT SIDEBAR — TEAL ACCENT
============================================================ */
html.wp-theme-light
.wp-left-sidebar
.wp-sidebar-section,
html.wp-theme-dark
.wp-left-sidebar
.wp-sidebar-section {
border-top-color: var(--wp-teal) !important;
}
/* ============================================================
RIGHT SIDEBAR — GOLD ACCENT
============================================================ */
html.wp-theme-light
.wp-right-sidebar
.wp-sidebar-section,
html.wp-theme-dark
.wp-right-sidebar
.wp-sidebar-section {
border-top-color: var(--wp-gold) !important;
}
/* ============================================================
FOOTER
Restore WikiPartner teal top accent.
============================================================ */
html.wp-theme-light .wp-footer,
html.wp-theme-dark .wp-footer {
border-top:
4px solid
var(--wp-teal) !important;
}
/* ============================================================
LIGHT MODE PAGE BACKGROUND
Keeps visible warm gaps around white sidebar cards.
============================================================ */
html.wp-theme-light body,
html.wp-theme-light .wp-page {
background:
#FAF7F2 !important;
}
/* ============================================================
DARK MODE PAGE BACKGROUND
============================================================ */
html.wp-theme-dark body,
html.wp-theme-dark .wp-page {
background:
var(--wp-page-bg) !important;
}
/* ============================================================
DARK MODE SIDEBAR SHADOW
============================================================ */
html.wp-theme-dark
.wp-sidebar-section {
box-shadow:
0 8px 22px
rgba(0, 0, 0, 0.22) !important;
}
/* ============================================================
USER DROPDOWN — WIKIPARTNER ACCENT
============================================================ */
.wp-user-dropdown-menu {
border-top:
4px solid
var(--wp-teal) !important;
border-radius:
10px !important;
}
/* ============================================================
REMOVE DIVIDER ABOVE LOG OUT
============================================================ */
.wp-user-dropdown-menu #pt-logout > a {
border-top:
0 !important;
margin-top:
0 !important;
}
/* ============================================================
ARTICLE CONTENTS DROPDOWN
Match WikiPartner user hamburger menu
============================================================ */
/* ============================================================
CONTENTS DROPDOWN BOX
============================================================ */
.wp-toc-popover {
width: 220px !important;
margin: 0 !important;
padding: 6px !important;
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border:
1px solid
var(--wp-border) !important;
border-top:
4px solid
var(--wp-teal) !important;
border-radius:
10px !important;
box-shadow:
var(--wp-shadow) !important;
}
/* ============================================================
CONTENTS HEADING
============================================================ */
.wp-toc-heading {
margin: 0 !important;
padding:
9px
11px !important;
color:
var(--wp-heading) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
/* ============================================================
CONTENTS LINKS WRAPPER
============================================================ */
.wp-toc-links {
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
margin: 0 !important;
padding: 0 !important;
}
/* ============================================================
CONTENTS LINKS
============================================================ */
.wp-toc-links > a {
width: 100% !important;
min-height: 38px !important;
margin: 0 !important;
padding:
9px
11px !important;
display: flex !important;
align-items: center !important;
background:
transparent !important;
color:
var(--wp-text) !important;
border: 0 !important;
border-radius:
7px !important;
font-size:
12px !important;
font-weight:
500 !important;
line-height:
1.25 !important;
text-decoration:
none !important;
transition:
background 0.15s ease,
color 0.15s ease !important;
}
/* ============================================================
CONTENTS LINK HOVER
============================================================ */
.wp-toc-links > a:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
text-decoration:
none !important;
}
/* ============================================================
"(TOP)" LINK
============================================================ */
.wp-toc-links > .wp-toc-top {
color:
var(--wp-teal) !important;
font-weight:
600 !important;
}
/* ============================================================
NESTED CONTENTS LEVELS
============================================================ */
.wp-toc-links .wp-toc-level-2 {
padding-left:
20px !important;
}
.wp-toc-links .wp-toc-level-3 {
padding-left:
30px !important;
font-size:
11.5px !important;
}
.wp-toc-links .wp-toc-level-4 {
padding-left:
40px !important;
font-size:
11px !important;
}
/* ============================================================
CONTENTS HAMBURGER BUTTON
Match user hamburger button
============================================================ */
.wp-toc-button {
width: 35px !important;
height: 35px !important;
margin: 0 !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
background:
var(--wp-surface-2) !important;
color:
var(--wp-teal) !important;
border:
1px solid
var(--wp-border) !important;
border-radius:
8px !important;
transition:
background 0.15s ease,
color 0.15s ease,
border-color 0.15s ease !important;
}
.wp-toc-button:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
CONTENTS HAMBURGER LINES
============================================================ */
.wp-toc-icon {
width: 17px !important;
height: 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
.wp-toc-icon > span {
width: 100% !important;
height: 2px !important;
display: block !important;
background:
currentColor !important;
border-radius:
999px !important;
}
/* ============================================================
MOBILE
============================================================ */
@media (max-width: 700px) {
.wp-toc-popover {
width: 200px !important;
}
.wp-toc-button {
width: 32px !important;
height: 32px !important;
}
}
/* ============================================================
ARTICLE CONTENTS — FINAL CLEANUP
============================================================ */
/* Hide completely when article has no headings */
.wp-title-toc[hidden] {
display: none !important;
}
/* ============================================================
CONTENTS DROPDOWN
============================================================ */
.wp-toc-popover {
width: 220px !important;
margin: 0 !important;
padding: 6px !important;
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border:
1px solid
var(--wp-border) !important;
border-top:
4px solid
var(--wp-teal) !important;
border-radius:
10px !important;
box-shadow:
var(--wp-shadow) !important;
}
/* ============================================================
REMOVE OLD CONTENTS/TOP STYLING
============================================================ */
.wp-toc-heading,
.wp-toc-top {
display: none !important;
}
/* ============================================================
HEADING LIST
============================================================ */
.wp-toc-links {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
/* ============================================================
ARTICLE HEADING LINKS
============================================================ */
.wp-toc-links > a {
width: 100% !important;
min-height: 37px !important;
margin: 0 !important;
padding:
9px
11px !important;
display: flex !important;
align-items: center !important;
background:
transparent !important;
border:
0 !important;
border-radius:
7px !important;
color:
var(--wp-text) !important;
font-size:
12px !important;
font-weight:
500 !important;
line-height:
1.3 !important;
text-decoration:
none !important;
transition:
background 0.15s ease,
color 0.15s ease;
}
.wp-toc-links > a:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
HEADING LEVEL INDENTATION
============================================================ */
.wp-toc-links > .wp-toc-level-2 {
padding-left:
11px !important;
font-weight:
600 !important;
}
.wp-toc-links > .wp-toc-level-3 {
padding-left:
24px !important;
}
.wp-toc-links > .wp-toc-level-4 {
padding-left:
37px !important;
font-size:
11.5px !important;
}
.wp-toc-links > .wp-toc-level-5 {
padding-left:
50px !important;
font-size:
11px !important;
}
.wp-toc-links > .wp-toc-level-6 {
padding-left:
63px !important;
font-size:
11px !important;
}
/* ============================================================
ACCENT
============================================================ */
html.wp-theme-light .wp-toc-popover,
html.wp-theme-dark .wp-toc-popover {
border-top-color:
var(--wp-teal) !important;
}
/* ============================================================
MOBILE
============================================================ */
@media (max-width: 700px) {
.wp-toc-popover {
width:
200px !important;
}
}
/* ============================================================
ARTICLE CONTENTS
ONLY SHOW WHEN REAL HEADINGS EXIST
============================================================ */
/*
Hidden by default.
JavaScript adds .wp-toc-ready only when the
article actually contains H2/H3/H4/H5/H6 headings.
*/
.wp-title-toc:not(.wp-toc-ready) {
display: none !important;
}
/*
Restore normal positioning once headings exist.
*/
.wp-title-toc.wp-toc-ready {
display: inline-block;
}
/* ============================================================
REMOVE OLD CONTENTS LABEL / TOP LINK
============================================================ */
.wp-title-toc .wp-toc-heading,
.wp-title-toc .wp-toc-top {
display: none !important;
}
/* ============================================================
CONTENTS DROPDOWN ACCENT
============================================================ */
.wp-title-toc .wp-toc-popover {
border:
1px solid
var(--wp-border) !important;
border-top:
4px solid
var(--wp-teal) !important;
background:
var(--wp-surface) !important;
color:
var(--wp-text) !important;
border-radius:
10px !important;
padding:
6px !important;
box-shadow:
var(--wp-shadow) !important;
}
/* Remove any old divider at the top */
.wp-title-toc .wp-toc-links {
border-top:
0 !important;
margin:
0 !important;
padding:
0 !important;
}
/* ============================================================
REAL ARTICLE HEADING LINKS
============================================================ */
.wp-title-toc .wp-toc-links > a {
width: 100% !important;
min-height: 37px !important;
margin:
0 !important;
padding:
9px
11px !important;
display:
flex !important;
align-items:
center !important;
background:
transparent !important;
border:
0 !important;
border-radius:
7px !important;
color:
var(--wp-text) !important;
font-size:
12px !important;
font-weight:
500 !important;
line-height:
1.3 !important;
text-decoration:
none !important;
}
.wp-title-toc .wp-toc-links > a:hover {
background:
var(--wp-hover-bg) !important;
color:
var(--wp-teal-dark) !important;
}
/* ============================================================
HEADING LEVELS
============================================================ */
.wp-title-toc .wp-toc-level-2 {
padding-left:
11px !important;
font-weight:
600 !important;
}
.wp-title-toc .wp-toc-level-3 {
padding-left:
24px !important;
}
.wp-title-toc .wp-toc-level-4 {
padding-left:
37px !important;
font-size:
11.5px !important;
}
.wp-title-toc .wp-toc-level-5 {
padding-left:
50px !important;
font-size:
11px !important;
}
.wp-title-toc .wp-toc-level-6 {
padding-left:
63px !important;
font-size:
11px !important;
}
/* ============================================================
ARTICLE BOX = SAME SURFACE AS SIDEBARS
============================================================ */
html.wp-theme-light .wp-content,
html.wp-theme-dark .wp-content {
background: var(--wp-surface) !important;
}
html.wp-theme-light .wp-article-header,
html.wp-theme-dark .wp-article-header,
html.wp-theme-light .wp-article-body,
html.wp-theme-dark .wp-article-body {
background: transparent !important;
}
/* ============================================================
CONTENTS DROPDOWN
KEEP ONLY ONE TEAL ACCENT
============================================================ */
.wp-title-toc .wp-toc-popover {
border-top: 4px solid var(--wp-teal) !important;
}
.wp-title-toc .wp-toc-heading {
display: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
.wp-title-toc .wp-toc-links {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: 0 !important;
}
.wp-title-toc .wp-toc-links::before,
.wp-title-toc .wp-toc-links::after,
.wp-title-toc .wp-toc-popover::before,
.wp-title-toc .wp-toc-popover::after {
display: none !important;
content: none !important;
}
/* ============================================================
WIKIPARTNER LINK COLOR SYSTEM
============================================================ */
/* Existing internal WikiPartner links */
.wp-article-body a:not(.new):not(.external) {
color: var(--wp-teal) !important;
}
/* Missing WikiPartner pages */
.wp-article-body a.new,
.wp-article-body a.new:visited {
color: var(--wp-gold) !important;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
/* External websites */
.wp-article-body a.external,
.wp-article-body a.external:visited {
color: #3366CC !important;
}
/* Hover states */
.wp-article-body a:not(.new):not(.external):hover {
color: var(--wp-teal-dark) !important;
}
.wp-article-body a.new:hover {
color: #C88726 !important;
}
.wp-article-body a.external:hover {
color: #254A9B !important;
}
/* ============================================================
WIKIPARTNER
SPECIAL:UPLOAD
============================================================ */
/* Main upload form */
body.mw-special-Upload #mw-upload-form,
body.page-Special_Upload #mw-upload-form {
width: 100%;
max-width: 100%;
}
/* ------------------------------------------------------------
FIELDSET CARDS
------------------------------------------------------------ */
body.mw-special-Upload #mw-upload-form fieldset,
body.page-Special_Upload #mw-upload-form fieldset {
margin: 0 0 22px !important;
padding: 20px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 12px !important;
box-shadow: var(--wp-shadow) !important;
box-sizing: border-box;
}
/* Fieldset titles:
Source file
File description
Upload options
*/
body.mw-special-Upload #mw-upload-form legend,
body.page-Special_Upload #mw-upload-form legend {
padding: 0 10px !important;
background: var(--wp-surface) !important;
color: var(--wp-heading) !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
/* ------------------------------------------------------------
REMOVE OLD TABLE LOOK
------------------------------------------------------------ */
body.mw-special-Upload #mw-upload-form table,
body.page-Special_Upload #mw-upload-form table {
width: 100% !important;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: transparent !important;
}
body.mw-special-Upload #mw-upload-form tr,
body.page-Special_Upload #mw-upload-form tr {
background: transparent !important;
}
body.mw-special-Upload #mw-upload-form th,
body.mw-special-Upload #mw-upload-form td,
body.page-Special_Upload #mw-upload-form th,
body.page-Special_Upload #mw-upload-form td {
padding: 10px 12px !important;
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
color: var(--wp-text) !important;
vertical-align: middle !important;
}
body.mw-special-Upload #mw-upload-form tr:last-child th,
body.mw-special-Upload #mw-upload-form tr:last-child td,
body.page-Special_Upload #mw-upload-form tr:last-child th,
body.page-Special_Upload #mw-upload-form tr:last-child td {
border-bottom: 0 !important;
}
/* Label column */
body.mw-special-Upload #mw-upload-form th,
body.page-Special_Upload #mw-upload-form th {
width: 165px !important;
color: var(--wp-heading) !important;
font-weight: 600 !important;
text-align: left !important;
}
/* ------------------------------------------------------------
TEXT INPUTS / TEXTAREA / SELECT
------------------------------------------------------------ */
body.mw-special-Upload #mw-upload-form input[type="text"],
body.mw-special-Upload #mw-upload-form input[type="url"],
body.mw-special-Upload #mw-upload-form textarea,
body.mw-special-Upload #mw-upload-form select,
body.page-Special_Upload #mw-upload-form input[type="text"],
body.page-Special_Upload #mw-upload-form input[type="url"],
body.page-Special_Upload #mw-upload-form textarea,
body.page-Special_Upload #mw-upload-form select {
box-sizing: border-box !important;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
padding: 9px 11px !important;
font: inherit !important;
transition:
border-color .15s ease,
box-shadow .15s ease !important;
}
/* Destination filename */
body.mw-special-Upload #wpDestFile,
body.page-Special_Upload #wpDestFile {
width: 100% !important;
max-width: 520px !important;
}
/* Summary */
body.mw-special-Upload #wpUploadDescription,
body.page-Special_Upload #wpUploadDescription {
width: 100% !important;
max-width: 680px !important;
min-height: 120px !important;
resize: vertical !important;
}
/* License */
body.mw-special-Upload #wpLicense,
body.page-Special_Upload #wpLicense {
min-width: 190px !important;
}
/* Focus state */
body.mw-special-Upload #mw-upload-form input:focus,
body.mw-special-Upload #mw-upload-form textarea:focus,
body.mw-special-Upload #mw-upload-form select:focus,
body.page-Special_Upload #mw-upload-form input:focus,
body.page-Special_Upload #mw-upload-form textarea:focus,
body.page-Special_Upload #mw-upload-form select:focus {
outline: none !important;
border-color: var(--wp-teal) !important;
box-shadow:
0 0 0 3px var(--wp-teal-soft) !important;
}
/* ------------------------------------------------------------
FILE PICKER
------------------------------------------------------------ */
body.mw-special-Upload #wpUploadFile,
body.page-Special_Upload #wpUploadFile {
width: 100% !important;
max-width: 520px !important;
color: var(--wp-text) !important;
font: inherit !important;
}
body.mw-special-Upload #wpUploadFile::file-selector-button,
body.page-Special_Upload #wpUploadFile::file-selector-button {
margin-right: 10px !important;
padding: 8px 14px !important;
background: var(--wp-teal) !important;
color: #fff !important;
border: 0 !important;
border-radius: 7px !important;
font-weight: 600 !important;
cursor: pointer !important;
}
body.mw-special-Upload #wpUploadFile::file-selector-button:hover,
body.page-Special_Upload #wpUploadFile::file-selector-button:hover {
background: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
CHECKBOX OPTIONS
------------------------------------------------------------ */
body.mw-special-Upload #mw-upload-form input[type="checkbox"],
body.page-Special_Upload #mw-upload-form input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
margin-right: 7px !important;
accent-color: var(--wp-teal) !important;
vertical-align: -2px !important;
}
/* ------------------------------------------------------------
UPLOAD BUTTON
------------------------------------------------------------ */
body.mw-special-Upload #wpUpload,
body.page-Special_Upload #wpUpload {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
padding: 9px 20px !important;
background: var(--wp-teal) !important;
color: #fff !important;
border: 0 !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 700 !important;
cursor: pointer !important;
box-shadow:
0 4px 12px rgba(15, 107, 101, .16) !important;
transition:
background .15s ease,
transform .15s ease !important;
}
body.mw-special-Upload #wpUpload:hover,
body.page-Special_Upload #wpUpload:hover {
background: var(--wp-teal-dark) !important;
}
body.mw-special-Upload #wpUpload:active,
body.page-Special_Upload #wpUpload:active {
transform: translateY(1px) !important;
}
/* ------------------------------------------------------------
LINKS INSIDE UPLOAD FORM
------------------------------------------------------------ */
body.mw-special-Upload #mw-upload-form a,
body.page-Special_Upload #mw-upload-form a {
color: var(--wp-teal) !important;
font-weight: 500 !important;
}
body.mw-special-Upload #mw-upload-form a:hover,
body.page-Special_Upload #mw-upload-form a:hover {
color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
HELP / INFORMATION TEXT
------------------------------------------------------------ */
body.mw-special-Upload #mw-upload-form small,
body.mw-special-Upload #mw-upload-form .mw-htmlform-info,
body.page-Special_Upload #mw-upload-form small,
body.page-Special_Upload #mw-upload-form .mw-htmlform-info {
color: var(--wp-muted) !important;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
body.mw-special-Upload #mw-upload-form fieldset,
body.page-Special_Upload #mw-upload-form fieldset {
padding: 14px !important;
}
body.mw-special-Upload #mw-upload-form th,
body.mw-special-Upload #mw-upload-form td,
body.page-Special_Upload #mw-upload-form th,
body.page-Special_Upload #mw-upload-form td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.mw-special-Upload #mw-upload-form th,
body.page-Special_Upload #mw-upload-form th {
padding-bottom: 4px !important;
border-bottom: 0 !important;
}
body.mw-special-Upload #mw-upload-form td,
body.page-Special_Upload #mw-upload-form td {
padding-top: 4px !important;
}
body.mw-special-Upload #wpDestFile,
body.mw-special-Upload #wpUploadDescription,
body.mw-special-Upload #wpUploadFile,
body.page-Special_Upload #wpDestFile,
body.page-Special_Upload #wpUploadDescription,
body.page-Special_Upload #wpUploadFile {
max-width: none !important;
width: 100% !important;
}
}
/* ============================================================
WIKIPARTNER
SPECIAL:UPLOAD — FINAL UPLOAD BUTTON
============================================================ */
body.mw-special-Upload input[name="wpUpload"],
body.page-Special_Upload input[name="wpUpload"],
body.mw-special-Upload #wpUpload,
body.page-Special_Upload #wpUpload,
body.mw-special-Upload .mw-htmlform-submit,
body.page-Special_Upload .mw-htmlform-submit {
appearance: none !important;
-webkit-appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 10px 22px !important;
background: var(--wp-teal) !important;
background-image: none !important;
color: #fff !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 8px !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-shadow: none !important;
box-shadow: 0 4px 12px rgba(15, 107, 101, .18) !important;
cursor: pointer !important;
transition:
background .15s ease,
border-color .15s ease,
transform .15s ease,
box-shadow .15s ease !important;
}
/* Hover */
body.mw-special-Upload input[name="wpUpload"]:hover,
body.page-Special_Upload input[name="wpUpload"]:hover,
body.mw-special-Upload #wpUpload:hover,
body.page-Special_Upload #wpUpload:hover,
body.mw-special-Upload .mw-htmlform-submit:hover,
body.page-Special_Upload .mw-htmlform-submit:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
box-shadow: 0 6px 16px rgba(15, 107, 101, .22) !important;
}
/* Keyboard focus */
body.mw-special-Upload input[name="wpUpload"]:focus,
body.page-Special_Upload input[name="wpUpload"]:focus,
body.mw-special-Upload #wpUpload:focus,
body.page-Special_Upload #wpUpload:focus,
body.mw-special-Upload .mw-htmlform-submit:focus,
body.page-Special_Upload .mw-htmlform-submit:focus {
outline: none !important;
box-shadow:
0 0 0 3px var(--wp-teal-soft),
0 4px 12px rgba(15, 107, 101, .18) !important;
}
/* Click */
body.mw-special-Upload input[name="wpUpload"]:active,
body.page-Special_Upload input[name="wpUpload"]:active,
body.mw-special-Upload #wpUpload:active,
body.page-Special_Upload #wpUpload:active,
body.mw-special-Upload .mw-htmlform-submit:active,
body.page-Special_Upload .mw-htmlform-submit:active {
transform: translateY(1px) !important;
}
/* ============================================================
WIKIPARTNER
SPECIAL:UPLOAD — SUBMIT BUTTON
============================================================ */
body.mw-special-Upload #mw-upload-form input[type="submit"],
body.page-Special_Upload #mw-upload-form input[type="submit"],
body.mw-special-Upload #mw-upload-form button[type="submit"],
body.page-Special_Upload #mw-upload-form button[type="submit"] {
appearance: none !important;
-webkit-appearance: none !important;
min-height: 42px !important;
padding: 10px 22px !important;
background: var(--wp-teal) !important;
background-image: none !important;
color: #fff !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 8px !important;
font-family: inherit !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-shadow: none !important;
box-shadow: 0 4px 12px rgba(15, 107, 101, .18) !important;
cursor: pointer !important;
}
/* Hover */
body.mw-special-Upload #mw-upload-form input[type="submit"]:hover,
body.page-Special_Upload #mw-upload-form input[type="submit"]:hover,
body.mw-special-Upload #mw-upload-form button[type="submit"]:hover,
body.page-Special_Upload #mw-upload-form button[type="submit"]:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* Focus */
body.mw-special-Upload #mw-upload-form input[type="submit"]:focus,
body.page-Special_Upload #mw-upload-form input[type="submit"]:focus,
body.mw-special-Upload #mw-upload-form button[type="submit"]:focus,
body.page-Special_Upload #mw-upload-form button[type="submit"]:focus {
outline: none !important;
box-shadow:
0 0 0 3px var(--wp-teal-soft),
0 4px 12px rgba(15, 107, 101, .18) !important;
}
/* ============================================================
FILE PAGE — ADMIN DELETE BUTTON
============================================================ */
#filetoc #wp-file-delete-item {
display: inline-block;
}
#filetoc #wp-file-delete-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 10px;
background: #B42318;
border: 1px solid #B42318;
border-radius: 6px;
color: #FFFFFF !important;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
text-decoration: none !important;
transition:
background 0.15s ease,
border-color 0.15s ease;
}
#filetoc #wp-file-delete-button:hover {
background: #8F1C13;
border-color: #8F1C13;
color: #FFFFFF !important;
}
/* ============================================================
WIKIPARTNER — FILE PAGES
Applies only to File: pages
============================================================ */
/* ------------------------------------------------------------
FILE PAGE BASE
------------------------------------------------------------ */
body.ns-6 .wp-article-body {
color: var(--wp-text);
}
/* ------------------------------------------------------------
FILE NAVIGATION
File | File history | File usage | Delete file
------------------------------------------------------------ */
body.ns-6 #filetoc {
margin: 0 0 18px !important;
padding: 7px 10px !important;
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
list-style: none !important;
}
body.ns-6 #filetoc li {
display: inline-flex !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.ns-6 #filetoc li a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 6px 11px;
color: var(--wp-teal) !important;
border-radius: 6px;
font-size: 11px;
font-weight: 600;
line-height: 1;
text-decoration: none !important;
transition:
background 0.15s ease,
color 0.15s ease;
}
body.ns-6 #filetoc li a:hover {
background: var(--wp-teal-soft) !important;
color: var(--wp-teal-dark) !important;
}
/* Keep admin delete action visually separate */
body.ns-6 #filetoc #wp-file-delete-button {
background: #B42318 !important;
color: #FFFFFF !important;
border: 1px solid #B42318 !important;
}
body.ns-6 #filetoc #wp-file-delete-button:hover {
background: #8F1C13 !important;
color: #FFFFFF !important;
border-color: #8F1C13 !important;
}
/* ------------------------------------------------------------
MAIN FILE PREVIEW
------------------------------------------------------------ */
body.ns-6 .fullImageLink {
margin: 0 0 10px !important;
padding: 20px !important;
display: flex !important;
align-items: center;
justify-content: center;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
}
body.ns-6 .fullImageLink a {
display: inline-flex;
align-items: center;
justify-content: center;
}
body.ns-6 .fullImageLink img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto !important;
border-radius: 6px;
}
/* ------------------------------------------------------------
FILE INFORMATION BELOW IMAGE
------------------------------------------------------------ */
body.ns-6 .mw-filepage-resolutioninfo,
body.ns-6 .mw-filepage-other-resolutions {
margin: 6px 0 !important;
color: var(--wp-muted) !important;
font-size: 11px !important;
line-height: 1.5 !important;
}
body.ns-6 .mw-filepage-resolutioninfo a,
body.ns-6 .mw-filepage-other-resolutions a {
color: var(--wp-teal) !important;
}
/* ------------------------------------------------------------
FILE PAGE SECTION HEADINGS
------------------------------------------------------------ */
body.ns-6 .wp-article-body h2 {
margin: 28px 0 12px !important;
padding: 0 0 8px !important;
color: var(--wp-heading) !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
}
/* Small teal marker on section titles */
body.ns-6 .wp-article-body h2::before {
content: "";
display: inline-block;
width: 4px;
height: 17px;
margin-right: 8px;
background: var(--wp-teal);
border-radius: 2px;
vertical-align: -2px;
}
/* ------------------------------------------------------------
SUMMARY / DESCRIPTION AREA
------------------------------------------------------------ */
body.ns-6 #mw-imagepage-content {
margin-top: 12px !important;
padding: 14px 16px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
color: var(--wp-text) !important;
font-size: 12px;
line-height: 1.6;
}
/* ------------------------------------------------------------
FILE HISTORY TABLE
------------------------------------------------------------ */
body.ns-6 table.filehistory {
width: 100% !important;
margin: 12px 0 5px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
overflow: hidden;
}
body.ns-6 table.filehistory th {
padding: 9px 10px !important;
background: var(--wp-surface-2) !important;
color: var(--wp-heading) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-size: 11px !important;
font-weight: 700 !important;
text-align: left;
}
body.ns-6 table.filehistory td {
padding: 9px 10px !important;
background: var(--wp-surface) !important;
color: var(--wp-text) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-size: 11px !important;
line-height: 1.5 !important;
vertical-align: middle !important;
}
body.ns-6 table.filehistory tr:last-child td {
border-bottom: 0 !important;
}
body.ns-6 table.filehistory img {
border-radius: 5px;
}
/* ------------------------------------------------------------
FILE PAGE LINKS
------------------------------------------------------------ */
body.ns-6 .wp-article-body a {
color: var(--wp-teal);
}
body.ns-6 .wp-article-body a:hover {
color: var(--wp-teal-dark);
}
/* ------------------------------------------------------------
FILE USAGE LIST
------------------------------------------------------------ */
body.ns-6 #filelinks + ul,
body.ns-6 .mw-imagepage-linkstoimage {
margin-top: 8px !important;
padding: 12px 16px 12px 34px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
}
/* ------------------------------------------------------------
UPLOAD NEW VERSION LINK
------------------------------------------------------------ */
body.ns-6 .mw-imagepage-upload-links {
margin-top: 8px !important;
}
body.ns-6 .mw-imagepage-upload-links a {
font-size: 11px !important;
font-weight: 600 !important;
}
/* ------------------------------------------------------------
DARK THEME
------------------------------------------------------------ */
html.wp-theme-dark body.ns-6 #filetoc,
html.wp-theme-dark body.ns-6 .fullImageLink,
html.wp-theme-dark body.ns-6 #mw-imagepage-content,
html.wp-theme-dark body.ns-6 table.filehistory,
html.wp-theme-dark body.ns-6 table.filehistory td,
html.wp-theme-dark body.ns-6 table.filehistory th,
html.wp-theme-dark body.ns-6 #filelinks + ul,
html.wp-theme-dark body.ns-6 .mw-imagepage-linkstoimage {
border-color: var(--wp-border) !important;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
body.ns-6 #filetoc {
justify-content: flex-start;
}
body.ns-6 .fullImageLink {
padding: 12px !important;
}
body.ns-6 table.filehistory {
display: block;
overflow-x: auto;
white-space: nowrap;
}
}
/* ============================================================
WIKIPARTNER — CATEGORY PAGES
Applies only to Category: pages
============================================================ */
/* ------------------------------------------------------------
CATEGORY PAGE BASE
------------------------------------------------------------ */
body.ns-14 .wp-article-body {
color: var(--wp-text);
}
/* ------------------------------------------------------------
CATEGORY INTRO / DESCRIPTION
------------------------------------------------------------ */
body.ns-14 .mw-parser-output > p:first-child {
margin-top: 0 !important;
}
body.ns-14 .mw-parser-output > p {
color: var(--wp-text);
line-height: 1.65;
}
/* ------------------------------------------------------------
MAIN GENERATED CATEGORY SECTIONS
------------------------------------------------------------ */
body.ns-14 #mw-subcategories,
body.ns-14 #mw-pages,
body.ns-14 #mw-category-media {
position: relative;
margin: 20px 0 0 !important;
padding: 18px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 9px !important;
overflow: hidden;
}
/* Teal accent — Subcategories */
body.ns-14 #mw-subcategories {
border-top: 4px solid var(--wp-teal) !important;
}
/* Gold accent — Pages */
body.ns-14 #mw-pages {
border-top: 4px solid var(--wp-gold) !important;
}
/* Teal accent — Media */
body.ns-14 #mw-category-media {
border-top: 4px solid var(--wp-teal) !important;
}
/* ------------------------------------------------------------
SECTION TITLES
------------------------------------------------------------ */
body.ns-14 #mw-subcategories > h2,
body.ns-14 #mw-pages > h2,
body.ns-14 #mw-category-media > h2 {
margin: 0 0 14px !important;
padding: 0 0 10px !important;
color: var(--wp-heading) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
}
/* ------------------------------------------------------------
CATEGORY GROUP GRID
------------------------------------------------------------ */
body.ns-14 .mw-category,
body.ns-14 .mw-category-columns {
column-count: unset !important;
column-width: unset !important;
display: grid !important;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 10px !important;
margin: 0 !important;
}
/* ------------------------------------------------------------
ALPHABETICAL GROUP CARDS
------------------------------------------------------------ */
body.ns-14 .mw-category-group {
min-width: 0;
margin: 0 !important;
padding: 12px 14px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
break-inside: avoid;
}
/* Letter heading: A, B, C... */
body.ns-14 .mw-category-group > h3 {
margin: 0 0 8px !important;
padding: 0 0 6px !important;
color: var(--wp-teal) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 17px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
/* ------------------------------------------------------------
CATEGORY LISTS
------------------------------------------------------------ */
body.ns-14 .mw-category-group ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.ns-14 .mw-category-group li {
position: relative;
margin: 0 !important;
padding: 5px 0 5px 13px !important;
color: var(--wp-text);
font-size: 12px;
line-height: 1.45;
}
/* Small WikiPartner teal marker */
body.ns-14 .mw-category-group li::before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 4px;
height: 4px;
background: var(--wp-teal);
border-radius: 50%;
}
/* ------------------------------------------------------------
LINKS
------------------------------------------------------------ */
body.ns-14 .mw-category-group a {
color: var(--wp-teal) !important;
font-weight: 500;
text-decoration: none !important;
}
body.ns-14 .mw-category-group a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* Missing pages */
body.ns-14 .mw-category-group a.new {
color: var(--wp-gold) !important;
}
/* ------------------------------------------------------------
PREVIOUS / NEXT NAVIGATION
------------------------------------------------------------ */
body.ns-14 #mw-pages > p,
body.ns-14 #mw-subcategories > p {
margin: 0 0 12px !important;
color: var(--wp-muted);
font-size: 11px;
line-height: 1.5;
}
body.ns-14 #mw-pages > p a,
body.ns-14 #mw-subcategories > p a {
display: inline-flex;
align-items: center;
padding: 5px 9px;
background: var(--wp-surface-2);
border: 1px solid var(--wp-border);
border-radius: 6px;
color: var(--wp-teal) !important;
font-size: 11px;
font-weight: 600;
text-decoration: none !important;
}
body.ns-14 #mw-pages > p a:hover,
body.ns-14 #mw-subcategories > p a:hover {
background: var(--wp-teal-soft);
border-color: var(--wp-teal);
color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
EMPTY CATEGORY MESSAGE
------------------------------------------------------------ */
body.ns-14 .mw-category-generated > p {
padding: 12px 14px;
background: var(--wp-surface-2);
border: 1px solid var(--wp-border);
border-radius: 7px;
color: var(--wp-muted);
font-size: 12px;
line-height: 1.55;
}
/* ------------------------------------------------------------
MEDIA / FILE THUMBNAILS
------------------------------------------------------------ */
body.ns-14 #mw-category-media .gallery {
margin: 0 !important;
}
body.ns-14 #mw-category-media .gallerybox {
margin: 5px !important;
background: var(--wp-surface-2);
border: 1px solid var(--wp-border);
border-radius: 7px;
overflow: hidden;
}
/* ------------------------------------------------------------
TABLET
------------------------------------------------------------ */
@media (max-width: 1000px) {
body.ns-14 .mw-category,
body.ns-14 .mw-category-columns {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 650px) {
body.ns-14 #mw-subcategories,
body.ns-14 #mw-pages,
body.ns-14 #mw-category-media {
padding: 13px !important;
}
body.ns-14 .mw-category,
body.ns-14 .mw-category-columns {
grid-template-columns: 1fr;
}
}
/* ============================================================
WIKIPARTNER — SEARCH RESULTS PAGE
Special:Search
============================================================ */
/* ------------------------------------------------------------
SEARCH FORM
------------------------------------------------------------ */
body.mw-special-Search .mw-search-form-wrapper,
body.page-Special_Search .mw-search-form-wrapper {
margin: 0 0 18px !important;
padding: 16px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
}
body.mw-special-Search .mw-search-form-wrapper input[type="search"],
body.mw-special-Search .mw-search-form-wrapper input[type="text"],
body.page-Special_Search .mw-search-form-wrapper input[type="search"],
body.page-Special_Search .mw-search-form-wrapper input[type="text"] {
min-height: 40px !important;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
font-family: var(--wp-body-font);
}
body.mw-special-Search .mw-search-form-wrapper button,
body.mw-special-Search .mw-search-form-wrapper input[type="submit"],
body.page-Special_Search .mw-search-form-wrapper button,
body.page-Special_Search .mw-search-form-wrapper input[type="submit"] {
min-height: 40px !important;
padding: 8px 16px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 7px !important;
font-weight: 700 !important;
box-shadow: none !important;
cursor: pointer;
}
body.mw-special-Search .mw-search-form-wrapper button:hover,
body.mw-special-Search .mw-search-form-wrapper input[type="submit"]:hover,
body.page-Special_Search .mw-search-form-wrapper button:hover,
body.page-Special_Search .mw-search-form-wrapper input[type="submit"]:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
SEARCH TYPE / FILTER AREA
------------------------------------------------------------ */
body.mw-special-Search .mw-search-profile-tabs,
body.page-Special_Search .mw-search-profile-tabs,
body.mw-special-Search #mw-searchoptions,
body.page-Special_Search #mw-searchoptions {
margin: 0 0 16px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.mw-special-Search .mw-search-profile-tabs a,
body.page-Special_Search .mw-search-profile-tabs a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
RESULTS INFORMATION
------------------------------------------------------------ */
body.mw-special-Search .results-info,
body.page-Special_Search .results-info,
body.mw-special-Search .mw-search-results-info,
body.page-Special_Search .mw-search-results-info {
margin: 10px 0 14px !important;
color: var(--wp-muted) !important;
font-size: 11px !important;
}
/* ------------------------------------------------------------
RESULTS LIST
------------------------------------------------------------ */
body.mw-special-Search .mw-search-results,
body.page-Special_Search .mw-search-results {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.mw-special-Search .mw-search-result,
body.page-Special_Search .mw-search-result {
position: relative;
margin: 0 0 12px !important;
padding: 15px 17px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.mw-special-Search .mw-search-result::before,
body.page-Special_Search .mw-search-result::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background: var(--wp-teal);
border-radius: 8px 0 0 8px;
}
/* ------------------------------------------------------------
RESULT TITLE
------------------------------------------------------------ */
body.mw-special-Search .mw-search-result-heading,
body.page-Special_Search .mw-search-result-heading {
margin: 0 0 5px !important;
font-family: var(--wp-heading-font);
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
}
body.mw-special-Search .mw-search-result-heading a,
body.page-Special_Search .mw-search-result-heading a {
color: var(--wp-teal) !important;
text-decoration: none !important;
}
body.mw-special-Search .mw-search-result-heading a:hover,
body.page-Special_Search .mw-search-result-heading a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ------------------------------------------------------------
RESULT DESCRIPTION
------------------------------------------------------------ */
body.mw-special-Search .searchresult,
body.page-Special_Search .searchresult {
margin: 0 !important;
color: var(--wp-text) !important;
font-size: 12px !important;
line-height: 1.55 !important;
}
/* Highlighted matched words */
body.mw-special-Search .searchmatch,
body.page-Special_Search .searchmatch {
padding: 1px 2px;
background: var(--wp-teal-soft) !important;
color: var(--wp-heading) !important;
border-radius: 3px;
font-weight: 600;
}
/* ------------------------------------------------------------
RESULT METADATA
------------------------------------------------------------ */
body.mw-special-Search .mw-search-result-data,
body.page-Special_Search .mw-search-result-data {
margin-top: 6px !important;
color: var(--wp-muted) !important;
font-size: 10px !important;
line-height: 1.4 !important;
}
/* ------------------------------------------------------------
THUMBNAILS
------------------------------------------------------------ */
body.mw-special-Search .mw-search-result-image img,
body.page-Special_Search .mw-search-result-image img {
border: 1px solid var(--wp-border);
border-radius: 6px;
}
/* ------------------------------------------------------------
NO RESULTS
------------------------------------------------------------ */
body.mw-special-Search .mw-search-nonefound,
body.page-Special_Search .mw-search-nonefound {
margin: 16px 0 !important;
padding: 18px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-gold) !important;
border-radius: 8px !important;
color: var(--wp-text) !important;
}
/* ------------------------------------------------------------
PAGINATION
------------------------------------------------------------ */
body.mw-special-Search .mw-pager-navigation-bar,
body.page-Special_Search .mw-pager-navigation-bar,
body.mw-special-Search .mw-search-pager-bottom,
body.page-Special_Search .mw-search-pager-bottom {
margin-top: 18px !important;
padding: 12px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
text-align: center;
}
body.mw-special-Search .mw-pager-navigation-bar a,
body.page-Special_Search .mw-pager-navigation-bar a,
body.mw-special-Search .mw-search-pager-bottom a,
body.page-Special_Search .mw-search-pager-bottom a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
SEARCH SUGGESTIONS / DID YOU MEAN
------------------------------------------------------------ */
body.mw-special-Search .searchdidyoumean,
body.page-Special_Search .searchdidyoumean {
margin: 0 0 14px !important;
padding: 10px 13px !important;
background: var(--wp-teal-soft) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
color: var(--wp-text) !important;
}
body.mw-special-Search .searchdidyoumean a,
body.page-Special_Search .searchdidyoumean a {
color: var(--wp-teal) !important;
font-weight: 600;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
body.mw-special-Search .mw-search-result,
body.page-Special_Search .mw-search-result {
padding: 13px 14px !important;
}
body.mw-special-Search .mw-search-form-wrapper,
body.page-Special_Search .mw-search-form-wrapper {
padding: 12px !important;
}
}
/* ============================================================
WIKIPARTNER — PAGE HISTORY
?action=history
============================================================ */
/* ------------------------------------------------------------
HISTORY INTRO / FILTER AREA
------------------------------------------------------------ */
body.action-history #mw-history-search {
margin: 0 0 18px !important;
padding: 15px 16px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
}
/* Inputs */
body.action-history #mw-history-search input,
body.action-history #mw-history-search select {
min-height: 36px;
padding: 6px 9px;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 6px !important;
}
/* Buttons */
body.action-history #mw-history-search button,
body.action-history #mw-history-search input[type="submit"] {
min-height: 36px;
padding: 7px 13px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-weight: 600;
cursor: pointer;
}
body.action-history #mw-history-search button:hover,
body.action-history #mw-history-search input[type="submit"]:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
COMPARE SELECTED REVISIONS
------------------------------------------------------------ */
body.action-history .mw-history-compareselectedversions {
margin: 0 0 12px !important;
padding: 10px 12px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
}
body.action-history .mw-history-compareselectedversions input[type="submit"] {
padding: 7px 12px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-size: 11px;
font-weight: 600;
cursor: pointer;
}
/* ------------------------------------------------------------
HISTORY LIST
------------------------------------------------------------ */
body.action-history #pagehistory {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.action-history #pagehistory > li {
position: relative;
margin: 0 0 9px !important;
padding: 12px 14px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
color: var(--wp-text);
font-size: 11.5px;
line-height: 1.5;
}
body.action-history #pagehistory > li::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background: var(--wp-teal);
border-radius: 7px 0 0 7px;
}
/* Selected revisions */
body.action-history #pagehistory > li.selected {
background: var(--wp-teal-soft) !important;
border-color: var(--wp-teal) !important;
}
/* ------------------------------------------------------------
DATE / REVISION LINK
------------------------------------------------------------ */
body.action-history #pagehistory .mw-changeslist-date {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
body.action-history #pagehistory .mw-changeslist-date:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ------------------------------------------------------------
HISTORY ACTION LINKS
cur | prev
------------------------------------------------------------ */
body.action-history .mw-history-histlinks a {
color: var(--wp-teal) !important;
font-size: 10.5px;
font-weight: 600;
text-decoration: none !important;
}
body.action-history .mw-history-histlinks a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ------------------------------------------------------------
USERNAME
------------------------------------------------------------ */
body.action-history #pagehistory .mw-userlink,
body.action-history #pagehistory .history-user {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
EDIT SUMMARY / COMMENTS
------------------------------------------------------------ */
body.action-history #pagehistory .comment {
color: var(--wp-muted) !important;
font-style: normal !important;
}
/* ------------------------------------------------------------
TAGS / SIZE / MINOR EDIT INFORMATION
------------------------------------------------------------ */
body.action-history #pagehistory .mw-tag-marker,
body.action-history #pagehistory .mw-plusminus-pos,
body.action-history #pagehistory .mw-plusminus-neg,
body.action-history #pagehistory .history-size {
font-size: 10px !important;
}
/* ------------------------------------------------------------
RADIO BUTTONS
------------------------------------------------------------ */
body.action-history #pagehistory input[type="radio"] {
accent-color: var(--wp-teal);
}
/* ------------------------------------------------------------
HISTORY NAVIGATION / PAGINATION
------------------------------------------------------------ */
body.action-history .mw-pager-navigation-bar {
margin: 16px 0 !important;
padding: 10px 12px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
text-align: center;
}
body.action-history .mw-pager-navigation-bar a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
GENERAL LINKS ON HISTORY PAGE
------------------------------------------------------------ */
body.action-history .wp-article-body a {
color: var(--wp-teal);
}
body.action-history .wp-article-body a:hover {
color: var(--wp-teal-dark);
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
body.action-history #pagehistory > li {
padding: 11px 11px 11px 13px !important;
}
body.action-history #mw-history-search {
padding: 12px !important;
}
body.action-history .mw-history-compareselectedversions {
overflow-x: auto;
}
}
/* ============================================================
WIKIPARTNER — DIFF / COMPARE REVISIONS
============================================================ */
/* ------------------------------------------------------------
DIFF PAGE WRAPPER
------------------------------------------------------------ */
body.action-view .diff,
body.action-submit .diff {
width: 100% !important;
margin: 16px 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 9px !important;
overflow: hidden;
}
/* ------------------------------------------------------------
REVISION HEADERS
------------------------------------------------------------ */
body.action-view .diff-otitle,
body.action-view .diff-ntitle,
body.action-submit .diff-otitle,
body.action-submit .diff-ntitle {
padding: 12px 14px !important;
background: var(--wp-surface-2) !important;
color: var(--wp-heading) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
text-align: left !important;
}
/* Old revision */
body.action-view .diff-otitle,
body.action-submit .diff-otitle {
border-top: 4px solid var(--wp-gold) !important;
}
/* New revision */
body.action-view .diff-ntitle,
body.action-submit .diff-ntitle {
border-top: 4px solid var(--wp-teal) !important;
}
/* ------------------------------------------------------------
DIFF CELLS
------------------------------------------------------------ */
body.action-view .diff td,
body.action-submit .diff td {
padding: 9px 11px !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
color: var(--wp-text) !important;
font-family: var(--wp-body-font);
font-size: 11.5px !important;
line-height: 1.55 !important;
vertical-align: top !important;
}
/* ------------------------------------------------------------
LINE NUMBERS / MARKERS
------------------------------------------------------------ */
body.action-view .diff-marker,
body.action-submit .diff-marker {
width: 32px !important;
background: var(--wp-surface-2) !important;
color: var(--wp-muted) !important;
font-weight: 600 !important;
text-align: center !important;
}
/* ------------------------------------------------------------
UNCHANGED CONTEXT
------------------------------------------------------------ */
body.action-view .diff-context,
body.action-submit .diff-context {
background: var(--wp-surface) !important;
color: var(--wp-text) !important;
}
/* ------------------------------------------------------------
REMOVED CONTENT
Warm gold / soft warning tone
------------------------------------------------------------ */
body.action-view .diff-deletedline,
body.action-submit .diff-deletedline {
background: #FFF7E8 !important;
border: 1px solid #E8C98F !important;
border-radius: 5px !important;
color: var(--wp-text) !important;
}
/* Removed inline text */
body.action-view .diffchange-inline,
body.action-submit .diffchange-inline {
border-radius: 3px;
}
/* ------------------------------------------------------------
ADDED CONTENT
WikiPartner teal tone
------------------------------------------------------------ */
body.action-view .diff-addedline,
body.action-submit .diff-addedline {
background: var(--wp-teal-soft) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 5px !important;
color: var(--wp-text) !important;
}
/* More specific inline added text */
body.action-view .diff-addedline .diffchange,
body.action-submit .diff-addedline .diffchange {
background: rgba(15, 107, 101, .16) !important;
border-radius: 3px;
color: inherit !important;
font-weight: 600;
}
/* More specific inline removed text */
body.action-view .diff-deletedline .diffchange,
body.action-submit .diff-deletedline .diffchange {
background: rgba(232, 163, 61, .22) !important;
border-radius: 3px;
color: inherit !important;
font-weight: 600;
}
/* ------------------------------------------------------------
EMPTY DIFF CELLS
------------------------------------------------------------ */
body.action-view .diff-empty,
body.action-submit .diff-empty {
background: var(--wp-surface-3) !important;
}
/* ------------------------------------------------------------
REVISION INFORMATION
------------------------------------------------------------ */
body.action-view .mw-diff-movedpara-left,
body.action-view .mw-diff-movedpara-right,
body.action-submit .mw-diff-movedpara-left,
body.action-submit .mw-diff-movedpara-right {
color: var(--wp-muted) !important;
}
/* ------------------------------------------------------------
REVISION NAVIGATION LINKS
------------------------------------------------------------ */
body.action-view .mw-diff-revision-history-link a,
body.action-view .diff-ntitle a,
body.action-view .diff-otitle a,
body.action-submit .mw-diff-revision-history-link a,
body.action-submit .diff-ntitle a,
body.action-submit .diff-otitle a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
body.action-view .mw-diff-revision-history-link a:hover,
body.action-view .diff-ntitle a:hover,
body.action-view .diff-otitle a:hover,
body.action-submit .mw-diff-revision-history-link a:hover,
body.action-submit .diff-ntitle a:hover,
body.action-submit .diff-otitle a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ------------------------------------------------------------
DIFF HEADER / REVISION METADATA
------------------------------------------------------------ */
body.action-view .diff-multi,
body.action-submit .diff-multi {
padding: 9px 12px !important;
background: var(--wp-surface-2) !important;
color: var(--wp-muted) !important;
border: 1px solid var(--wp-border) !important;
font-size: 11px !important;
}
/* ------------------------------------------------------------
DARK THEME FIXES
------------------------------------------------------------ */
html.wp-theme-dark body.action-view .diff-deletedline,
html.wp-theme-dark body.action-submit .diff-deletedline {
background: #33291A !important;
border-color: #725B32 !important;
}
html.wp-theme-dark body.action-view .diff-addedline,
html.wp-theme-dark body.action-submit .diff-addedline {
background: var(--wp-teal-soft) !important;
border-color: var(--wp-border) !important;
}
html.wp-theme-dark body.action-view .diff-addedline .diffchange,
html.wp-theme-dark body.action-submit .diff-addedline .diffchange {
background: rgba(112, 206, 195, .18) !important;
}
html.wp-theme-dark body.action-view .diff-deletedline .diffchange,
html.wp-theme-dark body.action-submit .diff-deletedline .diffchange {
background: rgba(231, 182, 94, .20) !important;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 800px) {
body.action-view .diff,
body.action-submit .diff {
display: block;
overflow-x: auto;
white-space: normal;
}
body.action-view .diff td,
body.action-submit .diff td {
min-width: 220px;
}
}
/* ============================================================
WIKIPARTNER — USER PAGES
Namespace: User
============================================================ */
/* ------------------------------------------------------------
USER PAGE BASE
------------------------------------------------------------ */
body.ns-2 .wp-article-body {
color: var(--wp-text);
}
/* User-page section headings */
body.ns-2 .wp-article-body h2 {
margin: 26px 0 12px !important;
padding: 0 0 8px !important;
color: var(--wp-heading) !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 20px !important;
font-weight: 500 !important;
}
body.ns-2 .wp-article-body h2::before {
content: "";
display: inline-block;
width: 4px;
height: 17px;
margin-right: 8px;
background: var(--wp-teal);
border-radius: 2px;
vertical-align: -2px;
}
/* Links */
body.ns-2 .wp-article-body a {
color: var(--wp-teal);
}
body.ns-2 .wp-article-body a:hover {
color: var(--wp-teal-dark);
}
/* ------------------------------------------------------------
USER TOOLS / USER LINKS
------------------------------------------------------------ */
body.ns-2 .mw-usertoollinks {
font-size: 11px;
}
body.ns-2 .mw-usertoollinks a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
body.ns-2 .mw-usertoollinks a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ============================================================
WIKIPARTNER — USER CONTRIBUTIONS
Special:Contributions
============================================================ */
/* ------------------------------------------------------------
CONTRIBUTION SEARCH / FILTER BOX
------------------------------------------------------------ */
body.mw-special-Contributions .mw-contributions-form,
body.page-Special_Contributions .mw-contributions-form {
margin: 0 0 18px !important;
padding: 16px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
}
/* Inputs */
body.mw-special-Contributions .mw-contributions-form input,
body.mw-special-Contributions .mw-contributions-form select,
body.page-Special_Contributions .mw-contributions-form input,
body.page-Special_Contributions .mw-contributions-form select {
min-height: 36px;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 6px !important;
}
/* Submit buttons */
body.mw-special-Contributions .mw-contributions-form input[type="submit"],
body.mw-special-Contributions .mw-contributions-form button,
body.page-Special_Contributions .mw-contributions-form input[type="submit"],
body.page-Special_Contributions .mw-contributions-form button {
padding: 7px 13px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-weight: 600 !important;
cursor: pointer;
}
body.mw-special-Contributions .mw-contributions-form input[type="submit"]:hover,
body.mw-special-Contributions .mw-contributions-form button:hover,
body.page-Special_Contributions .mw-contributions-form input[type="submit"]:hover,
body.page-Special_Contributions .mw-contributions-form button:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
CONTRIBUTION LIST
------------------------------------------------------------ */
body.mw-special-Contributions .mw-contributions-list,
body.page-Special_Contributions .mw-contributions-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.mw-special-Contributions .mw-contributions-list > li,
body.page-Special_Contributions .mw-contributions-list > li {
position: relative;
margin: 0 0 9px !important;
padding: 12px 14px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
color: var(--wp-text);
font-size: 11.5px;
line-height: 1.5;
}
/* Teal side accent */
body.mw-special-Contributions .mw-contributions-list > li::before,
body.page-Special_Contributions .mw-contributions-list > li::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background: var(--wp-teal);
border-radius: 7px 0 0 7px;
}
/* ------------------------------------------------------------
TIMESTAMP
------------------------------------------------------------ */
body.mw-special-Contributions .mw-changeslist-date,
body.page-Special_Contributions .mw-changeslist-date {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
body.mw-special-Contributions .mw-changeslist-date:hover,
body.page-Special_Contributions .mw-changeslist-date:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ------------------------------------------------------------
PAGE TITLE
------------------------------------------------------------ */
body.mw-special-Contributions .mw-contributions-title,
body.page-Special_Contributions .mw-contributions-title {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
DIFF / HISTORY LINKS
------------------------------------------------------------ */
body.mw-special-Contributions .mw-changeslist-links a,
body.page-Special_Contributions .mw-changeslist-links a {
color: var(--wp-teal) !important;
font-size: 10.5px;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
EDIT SUMMARY
------------------------------------------------------------ */
body.mw-special-Contributions .comment,
body.page-Special_Contributions .comment {
color: var(--wp-muted) !important;
font-style: normal !important;
}
/* ------------------------------------------------------------
SIZE CHANGES
------------------------------------------------------------ */
body.mw-special-Contributions .mw-plusminus-pos,
body.page-Special_Contributions .mw-plusminus-pos {
color: var(--wp-teal) !important;
font-weight: 600;
}
body.mw-special-Contributions .mw-plusminus-neg,
body.page-Special_Contributions .mw-plusminus-neg {
color: var(--wp-gold) !important;
font-weight: 600;
}
/* ------------------------------------------------------------
USER INFORMATION / TOOL LINKS
------------------------------------------------------------ */
body.mw-special-Contributions .mw-contributions-user-tools,
body.page-Special_Contributions .mw-contributions-user-tools {
margin: 0 0 16px !important;
padding: 11px 13px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
}
body.mw-special-Contributions .mw-contributions-user-tools a,
body.page-Special_Contributions .mw-contributions-user-tools a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
PAGINATION
------------------------------------------------------------ */
body.mw-special-Contributions .mw-pager-navigation-bar,
body.page-Special_Contributions .mw-pager-navigation-bar {
margin: 16px 0 !important;
padding: 10px 12px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
text-align: center;
}
body.mw-special-Contributions .mw-pager-navigation-bar a,
body.page-Special_Contributions .mw-pager-navigation-bar a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
body.mw-special-Contributions .mw-contributions-form,
body.page-Special_Contributions .mw-contributions-form {
padding: 12px !important;
}
body.mw-special-Contributions .mw-contributions-list > li,
body.page-Special_Contributions .mw-contributions-list > li {
padding: 11px 11px 11px 13px !important;
}
}
/* ============================================================
WIKIPARTNER — PAGE FORMS
Suggest article / Report issue / Reviewer forms
============================================================ */
/* ------------------------------------------------------------
MAIN FORM CONTAINER
------------------------------------------------------------ */
body.mw-special-FormEdit #pfForm,
body.page-Special_FormEdit #pfForm,
body.mw-special-FormEdit .pfForm,
body.page-Special_FormEdit .pfForm {
position: relative;
margin: 0 !important;
padding: 20px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
color: var(--wp-text);
}
/* ------------------------------------------------------------
FORM TABLE
------------------------------------------------------------ */
body.mw-special-FormEdit table.formtable,
body.page-Special_FormEdit table.formtable {
width: 100% !important;
margin: 0 !important;
border-collapse: separate !important;
border-spacing: 0 12px !important;
}
body.mw-special-FormEdit table.formtable td,
body.page-Special_FormEdit table.formtable td {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
vertical-align: top !important;
}
/* Label column */
body.mw-special-FormEdit table.formtable td:first-child,
body.page-Special_FormEdit table.formtable td:first-child {
width: 190px;
padding: 10px 18px 0 0 !important;
color: var(--wp-heading) !important;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
}
/* ------------------------------------------------------------
FIELD BLOCKS
------------------------------------------------------------ */
body.mw-special-FormEdit .pfFormInput,
body.page-Special_FormEdit .pfFormInput {
margin: 0 0 14px !important;
}
/* ------------------------------------------------------------
TEXT INPUTS / URLS / DROPDOWNS
------------------------------------------------------------ */
body.mw-special-FormEdit #pfForm input[type="text"],
body.mw-special-FormEdit #pfForm input[type="url"],
body.mw-special-FormEdit #pfForm input[type="email"],
body.mw-special-FormEdit #pfForm input[type="number"],
body.mw-special-FormEdit #pfForm select,
body.page-Special_FormEdit #pfForm input[type="text"],
body.page-Special_FormEdit #pfForm input[type="url"],
body.page-Special_FormEdit #pfForm input[type="email"],
body.page-Special_FormEdit #pfForm input[type="number"],
body.page-Special_FormEdit #pfForm select {
width: 100%;
max-width: 720px;
min-height: 40px;
padding: 8px 11px !important;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
font-family: var(--wp-body-font);
font-size: 12px !important;
line-height: 1.4;
box-shadow: none !important;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
/* ------------------------------------------------------------
TEXTAREAS
------------------------------------------------------------ */
body.mw-special-FormEdit #pfForm textarea,
body.page-Special_FormEdit #pfForm textarea {
width: 100%;
max-width: 900px;
min-height: 120px;
padding: 10px 11px !important;
resize: vertical;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
font-family: var(--wp-body-font);
font-size: 12px !important;
line-height: 1.55;
box-shadow: none !important;
}
/* ------------------------------------------------------------
FOCUS STATE
------------------------------------------------------------ */
body.mw-special-FormEdit #pfForm input:focus,
body.mw-special-FormEdit #pfForm select:focus,
body.mw-special-FormEdit #pfForm textarea:focus,
body.page-Special_FormEdit #pfForm input:focus,
body.page-Special_FormEdit #pfForm select:focus,
body.page-Special_FormEdit #pfForm textarea:focus {
outline: none !important;
border-color: var(--wp-teal) !important;
box-shadow:
0 0 0 3px
rgba(15, 107, 101, .10) !important;
}
/* ------------------------------------------------------------
REQUIRED FIELD MARKER
------------------------------------------------------------ */
body.mw-special-FormEdit .mandatoryFieldSpan,
body.page-Special_FormEdit .mandatoryFieldSpan {
color: var(--wp-gold) !important;
font-weight: 700;
}
/* ------------------------------------------------------------
FIELD HELP / DESCRIPTION
------------------------------------------------------------ */
body.mw-special-FormEdit .pfFormInput + small,
body.page-Special_FormEdit .pfFormInput + small,
body.mw-special-FormEdit .fieldInfo,
body.page-Special_FormEdit .fieldInfo {
display: block;
margin-top: 5px;
color: var(--wp-muted) !important;
font-size: 10.5px;
line-height: 1.45;
}
/* ------------------------------------------------------------
CHECKBOXES / RADIO BUTTONS
------------------------------------------------------------ */
body.mw-special-FormEdit #pfForm input[type="checkbox"],
body.mw-special-FormEdit #pfForm input[type="radio"],
body.page-Special_FormEdit #pfForm input[type="checkbox"],
body.page-Special_FormEdit #pfForm input[type="radio"] {
accent-color: var(--wp-teal);
}
/* ------------------------------------------------------------
FORM SECTION HEADINGS
------------------------------------------------------------ */
body.mw-special-FormEdit #pfForm h2,
body.mw-special-FormEdit #pfForm h3,
body.page-Special_FormEdit #pfForm h2,
body.page-Special_FormEdit #pfForm h3 {
margin: 22px 0 12px !important;
padding: 0 0 8px !important;
color: var(--wp-heading) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-weight: 500 !important;
}
/* ------------------------------------------------------------
PAGE FORMS BUTTON AREA
------------------------------------------------------------ */
body.mw-special-FormEdit .editButtons,
body.page-Special_FormEdit .editButtons {
margin-top: 20px !important;
padding-top: 15px !important;
border-top: 1px solid var(--wp-border);
}
/* Save / submit */
body.mw-special-FormEdit #wpSave,
body.page-Special_FormEdit #wpSave,
body.mw-special-FormEdit #pfForm input[type="submit"],
body.page-Special_FormEdit #pfForm input[type="submit"] {
min-height: 40px;
padding: 8px 17px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 7px !important;
font-family: var(--wp-body-font);
font-size: 12px !important;
font-weight: 700 !important;
text-shadow: none !important;
box-shadow: none !important;
cursor: pointer;
}
body.mw-special-FormEdit #wpSave:hover,
body.page-Special_FormEdit #wpSave:hover,
body.mw-special-FormEdit #pfForm input[type="submit"]:hover,
body.page-Special_FormEdit #pfForm input[type="submit"]:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* Preview / secondary actions */
body.mw-special-FormEdit #wpPreview,
body.mw-special-FormEdit #wpDiff,
body.page-Special_FormEdit #wpPreview,
body.page-Special_FormEdit #wpDiff {
min-height: 40px;
padding: 8px 14px !important;
background: var(--wp-surface-2) !important;
color: var(--wp-teal) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
font-size: 11px !important;
font-weight: 600 !important;
box-shadow: none !important;
}
/* ------------------------------------------------------------
PAGE FORMS ERROR / WARNING BOXES
------------------------------------------------------------ */
body.mw-special-FormEdit .error,
body.page-Special_FormEdit .error,
body.mw-special-FormEdit .warningbox,
body.page-Special_FormEdit .warningbox {
margin: 12px 0 !important;
padding: 11px 13px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-gold) !important;
border-left: 4px solid var(--wp-gold) !important;
border-radius: 7px !important;
color: var(--wp-text) !important;
}
/* ------------------------------------------------------------
FORMLINK BUTTONS
Used on Suggest an article / Report an issue pages
------------------------------------------------------------ */
.wp-article-body .pfFormLink a,
.wp-article-body a.pfFormLink,
.wp-article-body .pfFormLink {
text-decoration: none !important;
}
.wp-article-body .pfFormLink input,
.wp-article-body .pfFormLink button {
min-height: 40px;
padding: 8px 16px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 7px !important;
font-size: 12px !important;
font-weight: 700 !important;
box-shadow: none !important;
cursor: pointer;
}
/* ------------------------------------------------------------
REVIEWER WORKFLOW BUTTONS
------------------------------------------------------------ */
#wp-review-suggestion-control,
#wp-review-issue-control {
margin-top: 16px;
}
#wp-review-suggestion-control a,
#wp-review-issue-control a,
#wp-review-suggestion-control input,
#wp-review-issue-control input {
min-height: 36px;
padding: 7px 13px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
}
/* ------------------------------------------------------------
SELECT2 — PAGE FORMS DROPDOWNS
------------------------------------------------------------ */
body.mw-special-FormEdit .select2-container,
body.page-Special_FormEdit .select2-container {
max-width: 720px !important;
}
body.mw-special-FormEdit .select2-selection,
body.page-Special_FormEdit .select2-selection {
min-height: 40px !important;
background: var(--wp-input-bg) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
color: var(--wp-text) !important;
}
/* ------------------------------------------------------------
DARK MODE — SELECT2 RESULTS
------------------------------------------------------------ */
html.wp-theme-dark .select2-dropdown,
html.wp-theme-dark .select2-results__option {
background: var(--wp-surface) !important;
color: var(--wp-text) !important;
border-color: var(--wp-border) !important;
}
html.wp-theme-dark .select2-results__option--highlighted {
background: var(--wp-teal-soft) !important;
color: var(--wp-heading) !important;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
body.mw-special-FormEdit #pfForm,
body.page-Special_FormEdit #pfForm {
padding: 14px !important;
}
body.mw-special-FormEdit table.formtable,
body.mw-special-FormEdit table.formtable tbody,
body.mw-special-FormEdit table.formtable tr,
body.mw-special-FormEdit table.formtable td,
body.page-Special_FormEdit table.formtable,
body.page-Special_FormEdit table.formtable tbody,
body.page-Special_FormEdit table.formtable tr,
body.page-Special_FormEdit table.formtable td {
display: block !important;
width: 100% !important;
}
body.mw-special-FormEdit table.formtable td:first-child,
body.page-Special_FormEdit table.formtable td:first-child {
padding: 0 0 6px !important;
}
body.mw-special-FormEdit #pfForm input[type="text"],
body.mw-special-FormEdit #pfForm input[type="url"],
body.mw-special-FormEdit #pfForm select,
body.mw-special-FormEdit #pfForm textarea,
body.page-Special_FormEdit #pfForm input[type="text"],
body.page-Special_FormEdit #pfForm input[type="url"],
body.page-Special_FormEdit #pfForm select,
body.page-Special_FormEdit #pfForm textarea {
max-width: none !important;
}
}
/* ============================================================
WIKIPARTNER — RECENT CHANGES
Special:RecentChanges
============================================================ */
/* ------------------------------------------------------------
FILTER / OPTIONS AREA
------------------------------------------------------------ */
body.mw-special-Recentchanges .mw-rcfilters-ui-filterWrapperWidget,
body.page-Special_RecentChanges .mw-rcfilters-ui-filterWrapperWidget,
body.mw-special-Recentchanges .mw-recentchanges-toplinks,
body.page-Special_RecentChanges .mw-recentchanges-toplinks {
margin: 0 0 16px !important;
padding: 14px 16px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
box-shadow: none !important;
}
/* ------------------------------------------------------------
FILTER INPUTS
------------------------------------------------------------ */
body.mw-special-Recentchanges input,
body.mw-special-Recentchanges select,
body.page-Special_RecentChanges input,
body.page-Special_RecentChanges select {
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border-color: var(--wp-border) !important;
border-radius: 6px !important;
}
/* ------------------------------------------------------------
FILTER BUTTONS
------------------------------------------------------------ */
body.mw-special-Recentchanges button,
body.page-Special_RecentChanges button {
border-radius: 6px !important;
box-shadow: none !important;
}
/* Primary buttons */
body.mw-special-Recentchanges .cdx-button--action-progressive,
body.page-Special_RecentChanges .cdx-button--action-progressive {
background: var(--wp-teal) !important;
border-color: var(--wp-teal) !important;
color: #FFFFFF !important;
}
body.mw-special-Recentchanges .cdx-button--action-progressive:hover,
body.page-Special_RecentChanges .cdx-button--action-progressive:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
DATE HEADINGS
------------------------------------------------------------ */
body.mw-special-Recentchanges .mw-changeslist-date,
body.page-Special_RecentChanges .mw-changeslist-date {
color: var(--wp-teal) !important;
}
body.mw-special-Recentchanges .mw-changeslist h4,
body.page-Special_RecentChanges .mw-changeslist h4 {
margin: 22px 0 10px !important;
padding: 0 0 8px !important;
color: var(--wp-heading) !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 18px !important;
font-weight: 500 !important;
}
/* ------------------------------------------------------------
CHANGE GROUPS / CARDS
------------------------------------------------------------ */
body.mw-special-Recentchanges .mw-changeslist > ul,
body.page-Special_RecentChanges .mw-changeslist > ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.mw-special-Recentchanges .mw-changeslist-line,
body.page-Special_RecentChanges .mw-changeslist-line {
position: relative;
margin: 0 0 8px !important;
padding: 10px 12px 10px 15px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
color: var(--wp-text) !important;
font-size: 11.5px !important;
line-height: 1.5 !important;
}
/* Teal accent */
body.mw-special-Recentchanges .mw-changeslist-line::before,
body.page-Special_RecentChanges .mw-changeslist-line::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
background: var(--wp-teal);
border-radius: 7px 0 0 7px;
}
/* ------------------------------------------------------------
PAGE TITLES / USERS / DIFF LINKS
------------------------------------------------------------ */
body.mw-special-Recentchanges .mw-changeslist-title,
body.page-Special_RecentChanges .mw-changeslist-title,
body.mw-special-Recentchanges .mw-userlink,
body.page-Special_RecentChanges .mw-userlink,
body.mw-special-Recentchanges .mw-changeslist-links a,
body.page-Special_RecentChanges .mw-changeslist-links a {
color: var(--wp-teal) !important;
font-weight: 600;
text-decoration: none !important;
}
body.mw-special-Recentchanges .mw-changeslist-title:hover,
body.page-Special_RecentChanges .mw-changeslist-title:hover,
body.mw-special-Recentchanges .mw-userlink:hover,
body.page-Special_RecentChanges .mw-userlink:hover,
body.mw-special-Recentchanges .mw-changeslist-links a:hover,
body.page-Special_RecentChanges .mw-changeslist-links a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* ------------------------------------------------------------
EDIT SUMMARIES / METADATA
------------------------------------------------------------ */
body.mw-special-Recentchanges .comment,
body.page-Special_RecentChanges .comment {
color: var(--wp-muted) !important;
font-style: normal !important;
}
body.mw-special-Recentchanges .mw-plusminus-pos,
body.page-Special_RecentChanges .mw-plusminus-pos {
color: var(--wp-teal) !important;
font-weight: 600;
}
body.mw-special-Recentchanges .mw-plusminus-neg,
body.page-Special_RecentChanges .mw-plusminus-neg {
color: var(--wp-gold) !important;
font-weight: 600;
}
/* ------------------------------------------------------------
LEGEND
------------------------------------------------------------ */
body.mw-special-Recentchanges .mw-changeslist-legend,
body.page-Special_RecentChanges .mw-changeslist-legend {
margin: 14px 0 !important;
padding: 12px 14px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
color: var(--wp-muted) !important;
font-size: 11px !important;
}
/* ============================================================
WIKIPARTNER — SPECIAL PAGES
Special:SpecialPages
============================================================ */
/* ------------------------------------------------------------
SPECIAL PAGE GROUPS
------------------------------------------------------------ */
body.mw-special-Specialpages .mw-specialpages-list,
body.page-Special_SpecialPages .mw-specialpages-list {
margin-top: 12px !important;
}
/* Each category */
body.mw-special-Specialpages .mw-specialpages-group,
body.page-Special_SpecialPages .mw-specialpages-group {
position: relative;
margin: 0 0 16px !important;
padding: 16px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
}
/* Alternate accent */
body.mw-special-Specialpages .mw-specialpages-group:nth-child(even),
body.page-Special_SpecialPages .mw-specialpages-group:nth-child(even) {
border-top-color: var(--wp-gold) !important;
}
/* ------------------------------------------------------------
GROUP TITLES
------------------------------------------------------------ */
body.mw-special-Specialpages .mw-specialpages-group h2,
body.page-Special_SpecialPages .mw-specialpages-group h2 {
margin: 0 0 12px !important;
padding: 0 0 8px !important;
color: var(--wp-heading) !important;
border: 0 !important;
border-bottom: 1px solid var(--wp-border) !important;
font-family: var(--wp-heading-font);
font-size: 19px !important;
font-weight: 500 !important;
}
/* ------------------------------------------------------------
SPECIAL PAGE LIST
------------------------------------------------------------ */
body.mw-special-Specialpages .mw-specialpages-list ul,
body.page-Special_SpecialPages .mw-specialpages-list ul {
margin: 0 !important;
padding: 0 !important;
display: grid;
grid-template-columns:
repeat(3, minmax(0, 1fr));
gap: 8px;
list-style: none !important;
}
/* Individual Special Page */
body.mw-special-Specialpages .mw-specialpages-list li,
body.page-Special_SpecialPages .mw-specialpages-list li {
position: relative;
margin: 0 !important;
padding: 9px 11px 9px 22px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 6px !important;
color: var(--wp-text);
font-size: 11.5px;
line-height: 1.4;
}
/* Small teal marker */
body.mw-special-Specialpages .mw-specialpages-list li::before,
body.page-Special_SpecialPages .mw-specialpages-list li::before {
content: "";
position: absolute;
left: 11px;
top: 15px;
width: 4px;
height: 4px;
background: var(--wp-teal);
border-radius: 50%;
}
/* Links */
body.mw-special-Specialpages .mw-specialpages-list a,
body.page-Special_SpecialPages .mw-specialpages-list a {
color: var(--wp-teal) !important;
font-weight: 500;
text-decoration: none !important;
}
body.mw-special-Specialpages .mw-specialpages-list a:hover,
body.page-Special_SpecialPages .mw-specialpages-list a:hover {
color: var(--wp-teal-dark) !important;
text-decoration: underline !important;
}
/* Restricted / disabled entries */
body.mw-special-Specialpages .mw-specialpagecached,
body.page-Special_SpecialPages .mw-specialpagecached {
color: var(--wp-muted) !important;
}
/* ------------------------------------------------------------
GENERAL SPECIAL PAGE FORMS
------------------------------------------------------------ */
body.mw-specialpage .mw-htmlform,
body.mw-specialpage fieldset {
background: var(--wp-surface) !important;
border-color: var(--wp-border) !important;
border-radius: 8px !important;
}
body.mw-specialpage input[type="text"],
body.mw-specialpage input[type="search"],
body.mw-specialpage input[type="email"],
body.mw-specialpage input[type="password"],
body.mw-specialpage select,
body.mw-specialpage textarea {
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border-color: var(--wp-border) !important;
border-radius: 6px !important;
}
/* ------------------------------------------------------------
TABLET
------------------------------------------------------------ */
@media (max-width: 1000px) {
body.mw-special-Specialpages .mw-specialpages-list ul,
body.page-Special_SpecialPages .mw-specialpages-list ul {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 650px) {
body.mw-special-Specialpages .mw-specialpages-list ul,
body.page-Special_SpecialPages .mw-specialpages-list ul {
grid-template-columns: 1fr;
}
body.mw-special-Specialpages .mw-specialpages-group,
body.page-Special_SpecialPages .mw-specialpages-group {
padding: 13px !important;
}
body.mw-special-Recentchanges .mw-changeslist-line,
body.page-Special_RecentChanges .mw-changeslist-line {
padding: 10px 10px 10px 13px !important;
}
}
/* ============================================================
WIKIPARTNER — DRAFT STATUS
============================================================ */
.wp-draft-status-card {
margin: 0 0 20px !important;
padding: 14px 16px !important;
background: var(--wp-surface-2);
border: 1px solid var(--wp-border);
border-top: 4px solid var(--wp-gold);
border-radius: 8px;
color: var(--wp-text);
font-size: 11.5px;
line-height: 1.55;
}
.wp-draft-status-header {
margin-bottom: 6px;
color: var(--wp-heading);
font-size: 13px;
font-weight: 700;
}
.wp-draft-status-row {
margin-top: 4px;
color: var(--wp-muted);
}
#wp-review-draft-control {
margin-top: 12px;
}
#wp-review-draft-control a,
#wp-review-draft-control input {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 7px 13px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;
}
#wp-review-draft-control a:hover,
#wp-review-draft-control input:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ============================================================
DRAFT — SUBMIT FOR REVIEW
============================================================ */
#wp-submit-draft-control {
margin-top: 12px;
}
#wp-submit-draft-control a,
#wp-submit-draft-control input {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 7px 14px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
}
#wp-submit-draft-control a:hover,
#wp-submit-draft-control input:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ============================================================
DRAFT — PUBLISH ARTICLE
============================================================ */
#wp-publish-draft-control {
margin-top: 12px;
}
#wp-publish-draft-control a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 7px 14px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 6px !important;
font-size: 11px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: none !important;
}
#wp-publish-draft-control a:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
color: #FFFFFF !important;
}
/* ============================================================
WIKIPARTNER — PUBLISH ARTICLE SCREEN
============================================================ */
body.wp-publish-mode .wp-article-body form {
margin-top: 12px !important;
padding: 18px !important;
background: var(--wp-surface) !important;
border: 1px solid var(--wp-border) !important;
border-top: 4px solid var(--wp-teal) !important;
border-radius: 9px !important;
}
/* Publication explanation */
#wp-publish-intro {
margin: 0 0 18px !important;
padding: 13px 15px !important;
background: var(--wp-teal-soft) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 7px !important;
}
#wp-publish-intro strong {
display: block;
margin-bottom: 4px;
color: var(--wp-heading);
font-size: 13px;
font-weight: 700;
}
#wp-publish-intro span {
display: block;
color: var(--wp-muted);
font-size: 11px;
line-height: 1.55;
}
/* Fields */
body.wp-publish-mode input[type="text"],
body.wp-publish-mode select {
min-height: 38px;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 6px !important;
box-shadow: none !important;
}
body.wp-publish-mode input[type="text"]:focus,
body.wp-publish-mode select:focus {
outline: none !important;
border-color: var(--wp-teal) !important;
box-shadow:
0 0 0 3px
rgba(15, 107, 101, .10) !important;
}
/* Checkboxes */
body.wp-publish-mode input[type="checkbox"] {
accent-color: var(--wp-teal);
}
/* Final publish button */
body.wp-publish-mode #wpMove,
body.wp-publish-mode [name="wpMove"] {
min-height: 40px;
padding: 8px 17px !important;
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border: 1px solid var(--wp-teal) !important;
border-radius: 7px !important;
font-size: 12px !important;
font-weight: 700 !important;
text-shadow: none !important;
box-shadow: none !important;
cursor: pointer;
}
body.wp-publish-mode #wpMove:hover,
body.wp-publish-mode [name="wpMove"]:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ============================================================
WIKIPARTNER — WIKIEDITOR CLEAN DESIGN
============================================================ */
#wikiEditor-ui-toolbar {
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px 8px 0 0 !important;
box-shadow: none !important;
}
#wikiEditor-ui-toolbar .toolbar {
background: var(--wp-surface-2) !important;
}
#wikiEditor-ui-toolbar .group {
border-color: var(--wp-border) !important;
}
#wikiEditor-ui-toolbar .tabs {
background: var(--wp-surface-2) !important;
border-color: var(--wp-border) !important;
}
#wikiEditor-ui-toolbar .tabs span,
#wikiEditor-ui-toolbar .tabs a {
color: var(--wp-teal) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
#wikiEditor-ui-toolbar .sections .section {
background: var(--wp-surface) !important;
border-color: var(--wp-border) !important;
color: var(--wp-text) !important;
}
/* Source textarea */
#wikiEditor-ui-text textarea,
#wpTextbox1 {
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-top: 0 !important;
border-radius: 0 0 8px 8px !important;
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
"Liberation Mono",
monospace !important;
font-size: 13px !important;
line-height: 1.6 !important;
box-shadow: none !important;
}
/* Summary / lower editor panel */
.editOptions {
margin-top: 14px !important;
padding: 15px 16px !important;
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
color: var(--wp-text) !important;
}
#wpSummary {
width: 100% !important;
min-height: 38px;
padding: 7px 10px !important;
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 6px !important;
box-shadow: none !important;
}
.editOptions input[type="checkbox"] {
accent-color: var(--wp-teal);
}
/* Primary save button */
#wpSave {
background: var(--wp-teal) !important;
border-color: var(--wp-teal) !important;
color: #FFFFFF !important;
border-radius: 6px !important;
box-shadow: none !important;
}
#wpSave:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* Secondary actions */
#wpPreview,
#wpDiff {
background: var(--wp-surface) !important;
color: var(--wp-teal) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 6px !important;
box-shadow: none !important;
}
/* ============================================================
WIKIPARTNER — EDITOR MODE + EXTRA TOOLS
============================================================ */
/* ------------------------------------------------------------
VISUAL / SOURCE
------------------------------------------------------------ */
#wp-editor-mode-switch {
width: fit-content;
display: inline-flex;
align-items: center;
margin: 0 0 8px !important;
padding: 2px;
background: var(--wp-surface-2);
border: 1px solid var(--wp-border);
border-radius: 7px;
}
#wp-editor-mode-switch a,
#wp-editor-mode-switch span {
min-width: 58px;
padding: 6px 11px;
border-radius: 5px;
font-size: 11px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
#wp-editor-mode-switch a {
color: var(--wp-teal) !important;
}
#wp-editor-mode-switch a:hover {
background: var(--wp-teal-soft);
}
#wp-editor-mode-switch .wp-editor-mode-active {
background: var(--wp-teal);
color: #FFFFFF !important;
}
/* ------------------------------------------------------------
CITE
------------------------------------------------------------ */
.wp-native-editor-button {
min-height: 28px;
margin: 2px 3px !important;
padding: 5px 9px !important;
background: transparent !important;
color: var(--wp-teal) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 5px !important;
font-family: var(--wp-body-font);
font-size: 11px;
font-weight: 700;
box-shadow: none !important;
cursor: pointer;
}
.wp-native-editor-button:hover {
background: var(--wp-teal-soft) !important;
border-color: var(--wp-teal) !important;
}
/* ------------------------------------------------------------
INSERT
------------------------------------------------------------ */
.wp-native-insert-menu {
position: relative;
display: inline-block;
margin: 2px 3px !important;
}
.wp-native-insert-menu > summary {
min-height: 28px;
display: inline-flex;
align-items: center;
padding: 5px 9px !important;
color: var(--wp-teal);
border: 1px solid var(--wp-border);
border-radius: 5px;
font-size: 11px;
font-weight: 700;
list-style: none;
cursor: pointer;
}
.wp-native-insert-menu > summary::-webkit-details-marker {
display: none;
}
.wp-native-insert-menu > summary::after {
content: "⌄";
margin-left: 5px;
color: var(--wp-muted);
}
.wp-native-insert-menu > summary:hover {
background: var(--wp-teal-soft);
border-color: var(--wp-teal);
}
.wp-native-insert-dropdown {
position: absolute;
top: calc(100% + 5px);
left: 0;
z-index: 1000;
min-width: 165px;
padding: 5px;
background: var(--wp-surface);
border: 1px solid var(--wp-border);
border-radius: 7px;
box-shadow: var(--wp-shadow);
}
.wp-native-insert-dropdown button {
width: 100%;
display: block;
padding: 8px 10px !important;
background: transparent !important;
color: var(--wp-text) !important;
border: 0 !important;
border-radius: 5px !important;
font-family: var(--wp-body-font);
font-size: 11px;
text-align: left;
cursor: pointer;
}
.wp-native-insert-dropdown button:hover {
background: var(--wp-teal-soft) !important;
color: var(--wp-teal-dark) !important;
}
/* ============================================================
WIKIPARTNER — VISUAL EDITOR
============================================================ */
/* ------------------------------------------------------------
VISUAL | SOURCE SWITCH
------------------------------------------------------------ */
#wp-ve-editor-mode-switch {
width: fit-content;
display: inline-flex;
align-items: center;
margin: 0 0 8px !important;
padding: 2px;
background: var(--wp-surface-2);
border: 1px solid var(--wp-border);
border-radius: 7px;
font-family: var(--wp-body-font);
}
.wp-ve-editor-mode {
min-width: 58px;
padding: 6px 11px;
border-radius: 5px;
color: var(--wp-teal) !important;
font-size: 11px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}
.wp-ve-editor-mode:hover {
background: var(--wp-teal-soft);
text-decoration: none !important;
}
.wp-ve-editor-mode-active {
background: var(--wp-teal) !important;
color: #FFFFFF !important;
}
/* ------------------------------------------------------------
VISUALEDITOR TOOLBAR
------------------------------------------------------------ */
.ve-ui-toolbar .oo-ui-toolbar-bar {
background: var(--wp-surface-2) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.ve-ui-toolbar .oo-ui-toolGroup {
border-color: var(--wp-border) !important;
}
/* Individual toolbar controls */
.ve-ui-toolbar .oo-ui-tool-link,
.ve-ui-toolbar .oo-ui-popupToolGroup-handle {
border-radius: 5px !important;
}
.ve-ui-toolbar .oo-ui-tool-link:hover,
.ve-ui-toolbar .oo-ui-popupToolGroup-handle:hover {
background: var(--wp-teal-soft) !important;
}
/* Labels */
.ve-ui-toolbar .oo-ui-labelElement-label {
color: var(--wp-text) !important;
}
/* Dropdown indicators */
.ve-ui-toolbar .oo-ui-indicatorElement-indicator {
opacity: .7;
}
/* ------------------------------------------------------------
HIDE NATIVE EDIT-MODE PENCIL
We now have Visual | Source above the toolbar.
------------------------------------------------------------ */
.ve-ui-toolbar .ve-ui-toolbar-group-editMode {
display: none !important;
}
/* ------------------------------------------------------------
VISUAL EDITOR SURFACE
------------------------------------------------------------ */
.ve-ce-surface {
background: var(--wp-input-bg) !important;
border: 1px solid var(--wp-border) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.ve-ce-documentNode {
min-height: 430px;
color: var(--wp-text) !important;
}
/* Selected / active elements */
.ve-ce-surface .ve-ce-activeNode {
outline-color: var(--wp-teal) !important;
}
/* ------------------------------------------------------------
LINKS INSIDE VISUAL EDITOR
------------------------------------------------------------ */
.ve-ce-surface a {
color: var(--wp-teal) !important;
}
/* ------------------------------------------------------------
SAVE / PUBLISH TOOL
------------------------------------------------------------ */
.ve-ui-toolbar
.oo-ui-tool-name-showSave
.oo-ui-tool-link {
background: var(--wp-teal) !important;
color: #FFFFFF !important;
border-radius: 6px !important;
}
.ve-ui-toolbar
.oo-ui-tool-name-showSave
.oo-ui-tool-link:hover {
background: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
POPUP MENUS
------------------------------------------------------------ */
.ve-ui-toolbar
.oo-ui-popupToolGroup-tools,
.ve-ui-toolbar
.oo-ui-menuSelectWidget {
background: var(--wp-surface) !important;
border-color: var(--wp-border) !important;
color: var(--wp-text) !important;
}
.ve-ui-toolbar
.oo-ui-optionWidget {
color: var(--wp-text) !important;
}
.ve-ui-toolbar
.oo-ui-optionWidget-highlighted {
background: var(--wp-teal-soft) !important;
color: var(--wp-heading) !important;
}
/* ------------------------------------------------------------
VISUALEDITOR DIALOGS
------------------------------------------------------------ */
.ve-ui-mwSaveDialog .oo-ui-window-frame,
.ve-ui-mwMediaDialog .oo-ui-window-frame,
.ve-ui-mwTransclusionDialog .oo-ui-window-frame,
.ve-ui-mwReferenceDialog .oo-ui-window-frame {
background: var(--wp-surface) !important;
color: var(--wp-text) !important;
border-radius: 10px !important;
}
.ve-ui-mwSaveDialog input,
.ve-ui-mwSaveDialog textarea,
.ve-ui-mwMediaDialog input,
.ve-ui-mwTransclusionDialog input,
.ve-ui-mwReferenceDialog input {
background: var(--wp-input-bg) !important;
color: var(--wp-text) !important;
border-color: var(--wp-border) !important;
border-radius: 6px !important;
}
/* ------------------------------------------------------------
PRIMARY ACTIONS IN VE DIALOGS
------------------------------------------------------------ */
.ve-ui-mwSaveDialog
.oo-ui-processDialog-actions-primary
.oo-ui-buttonElement-button {
background: var(--wp-teal) !important;
border-color: var(--wp-teal) !important;
color: #FFFFFF !important;
}
.ve-ui-mwSaveDialog
.oo-ui-processDialog-actions-primary
.oo-ui-buttonElement-button:hover {
background: var(--wp-teal-dark) !important;
border-color: var(--wp-teal-dark) !important;
}
/* ------------------------------------------------------------
MOBILE
------------------------------------------------------------ */
@media (max-width: 700px) {
#wp-ve-editor-mode-switch {
width: 100%;
justify-content: center;
}
.ve-ui-toolbar .oo-ui-toolbar-tools {
overflow-x: auto;
}
}
/* ============================================================
REMOVE NATIVE VISUAL/SOURCE SWITCH
WikiPartner uses its own Visual | Source buttons
============================================================ */
/* Source editor pencil */
#wikiEditor-ui-toolbar .tool[rel="visualeditor"],
#wikiEditor-ui-toolbar .tool-name-visualeditor,
#wikiEditor-ui-toolbar [data-tool="visualeditor"] {
display: none !important;
}
/* VisualEditor native edit-mode switch */
.ve-ui-toolbar .ve-ui-mwEditModeTool,
.ve-ui-toolbar .oo-ui-tool-name-editMode,
.ve-ui-toolbar .ve-ui-toolbar-group-editMode {
display: none !important;
}