MediaWiki:Pivot.css - Revision history

AJRyan at 15:51, 25 June 2026

2026-06-25T15:51:01Z

← Older revision		Revision as of 15:51, 25 June 2026
Line 161:		Line 161:

	/* ---- VisualEditor / OOUI toolbar alignment fix ---- */		/* ---- VisualEditor / OOUI toolbar alignment fix ---- */
	/* VisualEditor toolbar ~~fix for~~ Pivot */		/* Fix VisualEditor top toolbar height/icon alignment in Pivot */
	.ve-~~init~~-mw-~~desktopArticleTarget~~-toolbar .oo-ui-toolbar-~~bar~~ .oo-ui-tool-link {		.ve-ui-toolbar .oo-ui-toolbar-bar,
			.ve-ui-toolbar .oo-ui-toolbar-tools,
			.ve-ui-toolbar .oo-ui-tool,
			.ve-ui-toolbar .oo-ui-tool-link {
	height: 55px !important;		height: 55px !important;
	line-height: 55px !important;		line-height: 55px !important;
			}

			.ve-ui-toolbar .oo-ui-tool-link {
	position: relative !important;		position: relative !important;
			display: block !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
	}		}

	.ve~~-init-mw-desktopArticleTarget-toolbar .oo~~-ui-toolbar~~-bar~~ .oo-ui-tool-link > .oo-ui-iconElement-icon {		.ve-ui-toolbar .oo-ui-tool-link > .oo-ui-iconElement-icon {
	position: absolute !important;		position: absolute !important;
	top: 50% !important;		top: 50% !important;
Line 176:		Line 185:
	}		}

	.ve~~-init-mw-desktopArticleTarget-toolbar .oo~~-ui-toolbar~~-bar~~ .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {		.ve-ui-toolbar .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
	position: absolute !important;		position: absolute !important;
	top: 50% !important;		top: 50% !important;
Line 184:		Line 193:
	}		}

	/* ~~Undo this inside dropdowns/popups~~ */		/* Stop the toolbar fix from affecting dropdown menu items */
	.oo-ui-popupWidget .oo-ui-tool-link,		.oo-ui-popupWidget .oo-ui-tool-link,
			.oo-ui-popupWidget .oo-ui-menuOptionWidget,
	.oo-ui-popupWidget .oo-ui-iconElement-icon,		.oo-ui-popupWidget .oo-ui-iconElement-icon,
	.oo-ui-popupWidget .oo-ui-indicatorElement-indicator,		.oo-ui-popupWidget .oo-ui-indicatorElement-indicator {
	~~.oo-ui-popupWidget .oo-ui-labelElement-label~~ {
	height: auto !important;		height: auto !important;
	line-height: normal !important;		line-height: normal !important;
Line 194:		Line 203:
	transform: none !important;		transform: none !important;
	margin: initial !important;		margin: initial !important;
	~~padding-left: initial !important;~~
	}		}

AJRyan at 15:49, 25 June 2026

2026-06-25T15:49:58Z

← Older revision		Revision as of 15:49, 25 June 2026
Line 161:		Line 161:

	/* ---- VisualEditor / OOUI toolbar alignment fix ---- */		/* ---- VisualEditor / OOUI toolbar alignment fix ---- */
	/* ~~Canon of Nora:~~ VisualEditor toolbar ~~icon~~ fix */		/* VisualEditor toolbar fix for Pivot */
			.ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-bar .oo-ui-tool-link {
	~~/* Only target the main toolbar buttons, not dropdown menu items~~ */
	.ve-init-mw-desktopArticleTarget-toolbar
	.oo-ui-toolbar-bar
	~~.oo-ui-toolbar-tools~~
	~~.oo-ui-toolGroup~~
	~~.oo-ui-tool >~~ .oo-ui-tool-link {
	height: 55px !important;		height: 55px !important;
	line-height: 55px !important;		line-height: 55px !important;
Line 174:		Line 168:
	}		}

	~~/* Center main toolbar icons */~~		.ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-bar .oo-ui-tool-link > .oo-ui-iconElement-icon {
	.ve-init-mw-desktopArticleTarget-toolbar
	.oo-ui-toolbar-bar
	~~.oo-ui-toolbar-tools~~
	~~.oo-ui-toolGroup~~
	~~.oo-ui-tool >~~ .oo-ui-tool-link > .oo-ui-iconElement-icon {
	position: absolute !important;		position: absolute !important;
	top: 50% !important;		top: 50% !important;
Line 187:		Line 176:
	}		}

	~~/* Center main toolbar dropdown arrows */~~		.ve-init-mw-desktopArticleTarget-toolbar .oo-ui-toolbar-bar .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
	.ve-init-mw-desktopArticleTarget-toolbar
	.oo-ui-toolbar-bar
	~~.oo-ui-toolbar-tools~~
	~~.oo-ui-toolGroup~~
	~~.oo-ui-tool >~~ .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
	position: absolute !important;		position: absolute !important;
	top: 50% !important;		top: 50% !important;
Line 200:		Line 184:
	}		}

	/* ~~Force dropdown menu items back to normal~~ */		/* Undo this inside dropdowns/popups */
	.oo-ui-popupWidget .oo-ui-~~menuOptionWidget {~~		.oo-ui-popupWidget .oo-ui-tool-link,
	~~position: relative !important;~~		.oo-ui-popupWidget .oo-ui-iconElement-icon,
	~~min~~-~~height: 48px !important;~~		.oo-ui-popupWidget .oo-ui-indicatorElement-indicator,
	}		.oo-ui-popupWidget .oo-ui-labelElement-label {
			height: auto !important;
	.oo-ui-popupWidget .oo-ui-~~menuOptionWidget~~ .oo-ui-~~iconElement~~-~~icon~~ {		line-height: normal !important;
	~~position~~: ~~absolute~~ !important;		position: static !important;
	~~left~~: ~~18px~~ !important;		transform: none !important;
	~~top~~: ~~50%~~ !important;		margin: initial !important;
	transform: ~~translateY(-50%)~~ !important;		padding-left: initial !important;
	}

	~~.oo-ui-popupWidget .oo-ui-menuOptionWidget .oo-ui-labelElement-label {~~
	~~margin~~-left: ~~48px~~ !important;
	}		}

AJRyan at 15:47, 25 June 2026

2026-06-25T15:47:59Z

← Older revision		Revision as of 15:47, 25 June 2026
Line 160:		Line 160:
	}		}

	/* VisualEditor / OOUI toolbar alignment fix */		/* ---- VisualEditor / OOUI toolbar alignment fix ---- */
	.oo-ui-toolbar .oo-ui-~~iconElement~~-~~icon,~~		/* Canon of Nora: VisualEditor toolbar icon fix */
	.oo-ui-toolbar .oo-ui-~~indicatorElement~~-~~indicator~~ {
			/* Only target the main toolbar buttons, not dropdown menu items */
			.ve-init-mw-desktopArticleTarget-toolbar
			.oo-ui-toolbar-bar
			.oo-ui-toolbar-tools
			.oo-ui-toolGroup
			.oo-ui-tool > .oo-ui-tool-link {
			height: 55px !important;
			line-height: 55px !important;
			position: relative !important;
			}

			/* Center main toolbar icons */
			.ve-init-mw-desktopArticleTarget-toolbar
			.oo-ui-toolbar-bar
			.oo-ui-toolbar-tools
			.oo-ui-toolGroup
			.oo-ui-tool > .oo-ui-tool-link > .oo-ui-iconElement-icon {
	position: absolute !important;		position: absolute !important;
	top: 50% !important;		top: 50% !important;
	transform: ~~translateY~~(-50%) !important;		left: 50% !important;
			margin: 0 !important;
			transform: translate(-50%, -50%) !important;
	}		}

	/* ~~Fix VisualEditor~~ toolbar ~~icon alignment in Pivot~~ */		/* Center main toolbar dropdown arrows */
	.ve-ui-toolbar .oo-ui-~~iconElement~~-~~icon,~~		.ve-init-mw-desktopArticleTarget-toolbar
	.ve-ui-~~toolbar~~ .oo-ui-indicatorElement-indicator {		.oo-ui-toolbar-bar
			.oo-ui-toolbar-tools
			.oo-ui-toolGroup
			.oo-ui-tool > .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
			position: absolute !important;
	top: 50% !important;		top: 50% !important;
			right: 8px !important;
			margin: 0 !important;
	transform: translateY(-50%) !important;		transform: translateY(-50%) !important;
	}		}

	/* ~~Keep VisualEditor toolbar buttons vertically centered~~ */		/* Force dropdown menu items back to normal */
	.ve-ui-~~toolbar~~ .oo-ui-~~tool~~-~~link~~ {		.oo-ui-popupWidget .oo-ui-menuOptionWidget {
	~~display~~: ~~flex~~ !important;		position: relative !important;
	~~align-items~~: ~~center~~ !important;		min-height: 48px !important;
	~~justify~~-~~content: center~~;		}

			.oo-ui-popupWidget .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
			position: absolute !important;
			left: 18px !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
	}		}

	~~/* Fix dropdown arrows beside toolbar icons */~~		.oo-ui-popupWidget .oo-ui-menuOptionWidget .oo-ui-labelElement-label {
	.ve-ui-~~toolbar~~ .oo-ui-~~tool-link~~ .oo-ui-~~indicatorElement~~-~~indicator~~ {		margin-left: 48px !important;
	margin-~~top~~: 0 !important;
	}		}

AJRyan at 15:31, 25 June 2026

2026-06-25T15:31:35Z

← Older revision		Revision as of 15:31, 25 June 2026
Line 158:		Line 158:
	border-left: 1px solid var(--canon-gold-light) !important;		border-left: 1px solid var(--canon-gold-light) !important;
	border-right: 1px solid var(--canon-gold-light) !important;		border-right: 1px solid var(--canon-gold-light) !important;
			}

			/* VisualEditor / OOUI toolbar alignment fix */
			.oo-ui-toolbar .oo-ui-iconElement-icon,
			.oo-ui-toolbar .oo-ui-indicatorElement-indicator {
			position: absolute !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
	}		}

AJRyan at 15:29, 25 June 2026

2026-06-25T15:29:15Z

@@ Line 158: / Line 158: @@
    border-left: 1px solid var(--canon-gold-light) !important;
    border-right: 1px solid var(--canon-gold-light) !important;
+}

AJRyan at 00:47, 23 June 2026

2026-06-23T00:47:30Z

← Older revision		Revision as of 00:47, 23 June 2026
Line 146:		Line 146:
	li.name.logo {		li.name.logo {
	padding: 0.5em 0;		padding: 0.5em 0;
			text-align: center;
			}
			li.name.logo img {
			max-width: 100%;
			height: auto;
	}		}

AJRyan at 00:22, 23 June 2026

2026-06-23T00:22:01Z

@@ Line 77: / Line 77: @@
+}
-/* ---- Sidebar links (overrides .side-nav li a:not(.button) { color: #0645ad; }) ---- */
+/* ---- "Actions" button: dark plum, white text ---- */
 .side-nav li a:not(.button) {
    color: var(--canon-plum) !important;

AJRyan at 00:14, 23 June 2026

2026-06-23T00:14:21Z

@@ Line 31: / Line 31: @@
    background: var(--canon-plum-darkest) !important;
+}
 .tab-bar .title,
 .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-family: 'Cormorant Garamond', serif;
    color: #ffffff !important;
+}
@@ Line 65: / Line 79: @@
 /* ---- Sidebar links (overrides .side-nav li a:not(.button) { color: #0645ad; }) ---- */
 .side-nav li a:not(.button) {
-   color: var(--canon-text-dark) !important;
+   color: var(--canon-plum) !important;
    font-size: 1.05em;
    padding: 0.4em 0.5em !important;
+}
 .side-nav li a:not(.button):hover,
@@ Line 74: / Line 89: @@
    color: var(--canon-plum-darkest) !important;
    border-radius: 6px;
+}

AJRyan: Created page with "/* ========================================================================== The Canon of Nora — Pivot skin overrides Paste this into MediaWiki:Pivot.css on-wiki Built against the real selectors in skins/Pivot/assets/stylesheets/pivot.css (not guessed — pulled directly from the installed source). ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,..."

2026-06-23T00:10:11Z

Created page with "========================================================================== The Canon of Nora — Pivot skin overrides Paste this into MediaWiki:Pivot.css on-wiki Built against the real selectors in skins/Pivot/assets/stylesheets/pivot.css (not guessed — pulled directly from the installed source). ==========================================================================: @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,..."

New page

/* ==========================================================================
The Canon of Nora — Pivot skin overrides
Paste this into MediaWiki:Pivot.css on-wiki
Built against the real selectors in skins/Pivot/assets/stylesheets/pivot.css
(not guessed — pulled directly from the installed source).
========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
--canon-plum-darkest: #2a1a40;
--canon-plum-dark: #3d2563;
--canon-plum: #4a2d73;
--canon-gold: #b8923f;
--canon-gold-light: #d4af6a;
--canon-cream: #f6f3f9;
--canon-lavender: #ece6f4;
--canon-text-dark: #2a1a40;
--canon-text-muted: #6b6378;
}

/* ---- Base page (overrides body { background-color: #DCEAEA; }) ---- */
body {
background-color: var(--canon-cream) !important;
font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif;
color: var(--canon-text-dark);
}

/* ---- Top bar (overrides .tab-bar { background: #517398; }) ---- */
.tab-bar {
background: var(--canon-plum-darkest) !important;
}
.tab-bar .title,
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-family: 'Cormorant Garamond', serif;
color: #ffffff !important;
}

/* ---- Headings ---- */
h1, h2, h3, h4, h5, h6 {
font-family: 'Cormorant Garamond', serif;
font-weight: 600;
color: var(--canon-plum-darkest);
}

/* ---- Links (overrides a { color: #0645ad; } / a:hover { color: #0b0080; }) ---- */
a {
color: var(--canon-plum) !important;
}
a:hover {
color: var(--canon-plum-darkest) !important;
}

/* ---- Sidebar section headers: "Navigation" / "Tools"
(overrides ul.side-nav label { background: #517398; color: #fff; }) ---- */
ul.side-nav label {
background: var(--canon-plum-dark) !important;
color: #ffffff !important;
font-family: 'Cormorant Garamond', serif;
font-variant: normal;
letter-spacing: 0.03em;
border-radius: 6px;
}

/* ---- Sidebar links (overrides .side-nav li a:not(.button) { color: #0645ad; }) ---- */
.side-nav li a:not(.button) {
color: var(--canon-text-dark) !important;
font-size: 1.05em;
padding: 0.4em 0.5em !important;
}
.side-nav li a:not(.button):hover,
.side-nav li a:not(.button):focus {
background: var(--canon-lavender) !important;
color: var(--canon-plum-darkest) !important;
border-radius: 6px;
}

/* ---- Off-canvas mobile menu background ---- */
.right-off-canvas-menu, .left-off-canvas-menu {
background: var(--canon-lavender) !important;
}

/* ---- Logo container ---- */
li.name.logo {
padding: 0.5em 0;
}

/* ---- Page actions menu strip (overrides #p-cactions background) ---- */
#p-cactions {
background-color: var(--canon-lavender) !important;
border-left: 1px solid var(--canon-gold-light) !important;
border-right: 1px solid var(--canon-gold-light) !important;
}

/* ---- Footer ---- */
footer.row {
background-color: var(--canon-lavender) !important;
border-top: 1px solid var(--canon-gold-light) !important;
}

/* ---- Buttons: Save/Submit (overrides green input[type=submit]) ---- */
input[type="submit"] {
background-color: var(--canon-plum-darkest) !important;
border-color: var(--canon-plum-darkest) !important;
color: #ffffff !important;
}
input#wpPreview {
background-color: #ffffff !important;
border: 1px solid var(--canon-plum-darkest) !important;
color: var(--canon-plum-darkest) !important;
}

/* ---- Homepage hero banner (for Main Page custom layout) ---- */
.canon-hero {
background: #ffffff;
border: 1px solid var(--canon-gold-light);
border-radius: 14px;
padding: 2em;
display: flex;
gap: 2em;
align-items: center;
margin-bottom: 1.5em;
}
.canon-hero-text { flex: 1.4; }
.canon-hero-image { flex: 1; text-align: center; }
.canon-hero-image img { max-width: 100%; border-radius: 10px; }
.canon-hero h1 { font-size: 2.2em; margin-top: 0; }
.canon-hero p { color: var(--canon-text-muted); font-size: 1.05em; line-height: 1.6; }

/* ---- Homepage portal card grid (for Main Page custom layout) ---- */
.canon-portal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.2em;
margin: 1.5em 0;
}
.canon-portal-card {
background: #ffffff;
border: 1px solid var(--canon-gold-light);
border-radius: 10px;
padding: 1.2em 1.4em;
box-shadow: 0 1px 3px rgba(42, 26, 64, 0.06);
}
.canon-portal-card h3 {
font-size: 1.3em;
border-bottom: 1px solid var(--canon-gold-light);
padding-bottom: 0.4em;
margin-bottom: 0.6em;
}
.canon-portal-card ul { list-style: none; margin: 0; padding: 0; }
.canon-portal-card li a {
display: flex;
justify-content: space-between;
padding: 0.35em 0;
border-bottom: 1px solid #f0ecf6;
}
.canon-portal-card li:last-child a { border-bottom: none; }

@media (max-width: 700px) {
.canon-hero { flex-direction: column; }
}