MediaWiki:Vector.css - Revision history

Ryan at 16:28, 8 December 2024

2024-12-08T16:28:00Z

Show changes

Ryan: Blanked the page

2024-12-04T19:54:51Z

Blanked the page

Show changes

Ryan at 21:58, 21 November 2024

2024-11-21T21:58:21Z

← Older revision		Revision as of 21:58, 21 November 2024
Line 25:		Line 25:
	/* Move the Table of Contents to the right margin, aligning it with the page title */		/* Move the Table of Contents to the right margin, aligning it with the page title */
	body:not(.page-Main_Page) #toc {		body:not(.page-Main_Page) #toc {
	position: absolute; /* Keeps the TOC aligned with content */		position: absolute; /* Keeps the TOC aligned with the content */
	top: 5em; /* ~~Adjust this value~~ to ~~match~~ the top ~~line~~ of the title */		top: calc(var(--title-height, 3.5em)); /* Aligns the TOC to the top of the title */
	right: -15vw; /* Moves TOC to the right margin (outside the content area) */		right: -15vw; /* Moves TOC to the right margin (outside the content area) */
	width: 12vw; /* Adjust the width of the TOC */		width: 12vw; /* Adjust the width of the TOC */
Line 38:		Line 38:
	}		}

	/* ~~Adjust page margins to account for~~ the TOC */		/* Ensure the TOC doesn't overlap with the content */
	body:not(.page-Main_Page) .mw-body {		body:not(.page-Main_Page) .mw-body {
	margin-right: 25vw !important; /* Add extra space to accommodate TOC */		margin-right: 25vw !important; /* Add extra space to accommodate TOC */
Line 51:		Line 51:
	color: #ffffff !important; /* Highlight on hover */		color: #ffffff !important; /* Highlight on hover */
	}		}

Ryan at 21:42, 21 November 2024

2024-11-21T21:42:32Z

← Older revision		Revision as of 21:42, 21 November 2024
Line 23:		Line 23:
	}		}

			/* Move the Table of Contents to the right margin, aligning it with the page title */
	body:not(.page-Main_Page) #toc {		body:not(.page-Main_Page) #toc {
	position: absolute; /* ~~Allows~~ the TOC ~~to move~~ with ~~the page~~ content */		position: absolute; /* Keeps the TOC aligned with content */
	top: ~~calc(var(--heading-margin-top, 1em) + 2.~~5em); /* ~~Aligns TOC with~~ the ~~page~~ title */		top: 5em; /* Adjust this value to match the top line of the title */
	right: -15vw; /* Moves TOC to the right margin (outside the content area) */		right: -15vw; /* Moves TOC to the right margin (outside the content area) */
	width: 12vw; /* Adjust the width of the TOC */		width: 12vw; /* Adjust the width of the TOC */
Line 50:		Line 51:
	color: #ffffff !important; /* Highlight on hover */		color: #ffffff !important; /* Highlight on hover */
	}		}

Ryan at 21:39, 21 November 2024

2024-11-21T21:39:47Z

← Older revision		Revision as of 21:39, 21 November 2024
Line 25:		Line 25:
	body:not(.page-Main_Page) #toc {		body:not(.page-Main_Page) #toc {
	position: absolute; /* Allows the TOC to move with the page content */		position: absolute; /* Allows the TOC to move with the page content */
	top: 0; /* ~~Ensures the~~ TOC ~~starts at the very top of~~ the page */		top: calc(var(--heading-margin-top, 1em) + 2.5em); /* Aligns TOC with the page title */
	right: -15vw; /* Moves TOC to the right margin (outside the content area) */		right: -15vw; /* Moves TOC to the right margin (outside the content area) */
	width: 12vw; /* Adjust the width of the TOC */		width: 12vw; /* Adjust the width of the TOC */
Line 34:		Line 34:
	color: #c1c1c1; /* Match the page text color */		color: #c1c1c1; /* Match the page text color */
	overflow-y: auto; /* Add scrolling if the TOC is too tall */		overflow-y: auto; /* Add scrolling if the TOC is too tall */
	max-height: ~~90vh~~; /* Ensure it doesn't exceed viewport height */		max-height: 80vh; /* Ensure it doesn't exceed viewport height */
	}		}

Ryan at 21:38, 21 November 2024

2024-11-21T21:38:29Z

← Older revision		Revision as of 21:38, 21 November 2024
Line 23:		Line 23:
	}		}

	~~/* Existing header style */~~
	~~body:not(.page-Main_Page) .vector-header-container {~~
	~~background-color: rgba(0, 0, 0, 0.7) !important;~~
	~~padding-bottom: 1em !important;~~
	}

	~~/* Move the Table of Contents to the right margin */~~
	body:not(.page-Main_Page) #toc {		body:not(.page-Main_Page) #toc {
	position: absolute; /* Allows the TOC to move with the page content */		position: absolute; /* Allows the TOC to move with the page content */
	top: ~~10em~~; /* ~~Adjust vertical position relative to~~ the top of the page */		top: 0; /* Ensures the TOC starts at the very top of the page */
	right: -15vw; /* Moves TOC to the right margin (outside the content area) */		right: -15vw; /* Moves TOC to the right margin (outside the content area) */
	width: 12vw; /* Adjust the width of the TOC */		width: 12vw; /* Adjust the width of the TOC */
Line 41:		Line 34:
	color: #c1c1c1; /* Match the page text color */		color: #c1c1c1; /* Match the page text color */
	overflow-y: auto; /* Add scrolling if the TOC is too tall */		overflow-y: auto; /* Add scrolling if the TOC is too tall */
	max-height: ~~80vh~~; /* Ensure it doesn't exceed viewport height */		max-height: 90vh; /* Ensure it doesn't exceed viewport height */
	}		}

Line 57:		Line 50:
	color: #ffffff !important; /* Highlight on hover */		color: #ffffff !important; /* Highlight on hover */
	}		}

Ryan at 21:24, 21 November 2024

2024-11-21T21:24:42Z

← Older revision		Revision as of 21:24, 21 November 2024
Line 29:		Line 29:
	}		}

	/* ~~New TOC styling~~ */		/* Move the Table of Contents to the right margin */
	body:not(.page-Main_Page) #toc {		body:not(.page-Main_Page) #toc {
	position: ~~fixed~~;		position: absolute; /* Allows the TOC to move with the page content */
	top: 10em;		top: 10em; /* Adjust vertical position relative to the top of the page */
	right: 15vw;		right: -15vw; /* Moves TOC to the right margin (outside the content area) */
	width: 12vw;		width: 12vw; /* Adjust the width of the TOC */
	background-color: rgba(0, 0, 0, 0.7);		background-color: rgba(0, 0, 0, 0.7); /* Optional: Background styling */
	border: 1px solid #c1c1c1;		border: 1px solid #c1c1c1; /* Optional: Add a border */
	padding: 1em;		padding: 1em; /* Optional: Add some padding */
	z-index: 1000;		z-index: 1000; /* Ensures it stays above other content */
	color: #c1c1c1;		color: #c1c1c1; /* Match the page text color */
	overflow-y: auto;		overflow-y: auto; /* Add scrolling if the TOC is too tall */
	max-height: 80vh;		max-height: 80vh; /* Ensure it doesn't exceed viewport height */
	}		}

	/* Adjust for ~~pages without~~ TOC */		/* Adjust page margins to account for the TOC */
	body:not(.page-Main_Page) .mw-body {		body:not(.page-Main_Page) .mw-body {
	margin-right: ~~20vw~~ !important; /* ~~Extra~~ space ~~for the~~ TOC */		margin-right: 25vw !important; /* Add extra space to accommodate TOC */
	}		}

	/* Style TOC links */		/* Optional: Style TOC links */
	body:not(.page-Main_Page) #toc a {		body:not(.page-Main_Page) #toc a {
	color: #c1c1c1 !important;		color: #c1c1c1 !important; /* Match link color with the page */
	}		}

	body:not(.page-Main_Page) #toc a:hover {		body:not(.page-Main_Page) #toc a:hover {
	color: #ffffff !important;		color: #ffffff !important; /* Highlight on hover */
	}		}

Ryan at 21:22, 21 November 2024

2024-11-21T21:22:43Z

← Older revision		Revision as of 21:22, 21 November 2024
Line 11:		Line 11:


			/* Your existing page layout styles */

	body:not(.page-Main_Page) .mw-body {		body:not(.page-Main_Page) .mw-body {
	margin-left: 15vw !important; ~~/* Scalable left margin */~~		margin-left: 15vw !important;
	margin-right: 15vw !important; ~~/* Scalable right margin */~~		margin-right: 15vw !important;
	padding: 1em !important;		padding: 1em !important;
	border: 0px solid #250b2d !important;		border: 0px solid #250b2d !important;
	margin-top: 1em !important;		margin-top: 1em !important;
	background-color: rgba(51, 51, 51, 0.9) !important; ~~/* Background with slight transparency */~~		background-color: rgba(51, 51, 51, 0.9) !important;
	color: #c1c1c1 !important;		color: #c1c1c1 !important;
	direction: ltr !important;		direction: ltr !important;
	}		}

	/* ~~Specific~~ style ~~for the header to make it distinct~~ */		/* Existing header style */
	body:not(.page-Main_Page) .vector-header-container {		body:not(.page-Main_Page) .vector-header-container {
	background-color: rgba(0, 0, 0, 0.7) !important; ~~/* Darker overlay with transparency */~~		background-color: rgba(0, 0, 0, 0.7) !important;
	padding-bottom: 1em !important;		padding-bottom: 1em !important;
	}		}

	/* ~~Adjust space below action buttons~~ */		/* New TOC styling */
	body:not(.page-Main_Page) #mw-~~content~~-~~text {~~		body:not(.page-Main_Page) #toc {
	~~margin~~-~~top~~: ~~1em !important~~;		position: fixed;
			top: 10em;
			right: 15vw;
			width: 12vw;
			background-color: rgba(0, 0, 0, 0.7);
			border: 1px solid #c1c1c1;
			padding: 1em;
			z-index: 1000;
			color: #c1c1c1;
			overflow-y: auto;
			max-height: 80vh;
	}		}

	/* ~~Reduce space slightly between top bar and content~~ */		/* Adjust for pages without TOC */
	body:not(.page-Main_Page) #mw-~~head-base~~ {		body:not(.page-Main_Page) .mw-body {
	margin-~~bottom~~: ~~1em~~ !important;		margin-right: 20vw !important; /* Extra space for the TOC */
	}		}

	/* ~~Styles for the Main Page to reset margins and background~~ */		/* Style TOC links */
	body.page-Main_Page ~~.mw-body~~ {		body:not(.page-Main_Page) #toc a {
	~~margin-left: 10em !important; /* Keep the left margin */~~		color: #c1c1c1 !important;
	~~margin-right: 0 !important; /* Remove the right margin */~~
	~~border: none !important; /* Remove border */~~
	~~background-~~color: ~~transparent~~ !important; ~~/* Default background */~~
	}		}

			body:not(.page-Main_Page) #toc a:hover {
			color: #ffffff !important;
			}

Ryan at 23:11, 11 November 2024

2024-11-11T23:11:43Z

← Older revision		Revision as of 23:11, 11 November 2024
Line 7:		Line 7:

	/* Apply these styles to all pages except the main page */		/* Apply these styles to all pages except the main page */


	~~#footer {~~
	~~display: block !important;~~
	~~margin-top: 2em;~~
	~~background-color: #333; /* Optional, match your theme */~~
	~~color: #c1c1c1;~~
	~~padding: 1em;~~
	~~text-align: center;~~
	}

	~~#footer ul {~~
	~~list-style: none;~~
	~~padding: 0;~~
	}

	~~#footer li {~~
	~~display: inline;~~
	~~margin: 0 10px;~~
	}
	~~#custom-footer {~~
	~~background-color: #333333;~~
	~~color: #c1c1c1;~~
	~~padding: 1em;~~
	~~margin-top: 2em;~~
	~~border-top: 2px solid #595959;~~
	}

	~~#custom-footer h3 {~~
	~~color: #66D9EF;~~
	~~font-size: 1.2em;~~
	~~margin-bottom: 0.5em;~~
	~~font-family: "Georgia", serif;~~
	}

	~~#custom-footer ul {~~
	~~list-style: none;~~
	~~padding: 0;~~
	~~margin: 0;~~
	}

	~~#custom-footer ul li {~~
	~~margin: 0.2em 0;~~
	}

	~~#custom-footer ul li a {~~
	~~color: #c1c1c1;~~
	~~text-decoration: none;~~
	}

	~~#custom-footer ul li a:hover {~~
	~~color: #66D9EF;~~
	}

	~~#custom-footer .footer-section {~~
	~~margin-bottom: 1.5em;~~
	}

	~~/* Ensure main page specific behavior */~~
	~~body.page-Main_Page #custom-footer {~~
	~~margin-left: 10em; /* Adds left margin only on the main page */~~
	}

Ryan at 23:11, 11 November 2024

2024-11-11T23:11:22Z

@@ Line 8: / Line 8: @@
 /* Apply these styles to all pages except the main page */
 #custom-footer {
      background-color: #333333;
@@ Line 141: / Line 160: @@
 #footer-places-about { display: none; }
 #footer-places-disclaimers { display: none; }