MediaWiki:Common.css - Revision history

Noelle Jade at 07:14, 19 Mayıs 2025

2025-05-19T07:14:03Z

← Older revision		Revision as of 07:14, 19 Mayıs 2025
Line 1:		Line 1:
			@font-face {
	i fucking give up
			font-family: "Nasalization";
			src: url(noelle.df1.dev/assets/fonts/nasalization-rg.woff2) format("woff2"),
			url(noelle.df1.dev/assets/fonts/nasalization-rg.otf) format("opentype");

			body {
			font-family: 'Nasalization';
			}

			.mw-editsection-like {
			font-family: 'Nasalization';
			}

			.mw-body {
			// h1's can exist outside of `.mw-body-content` so some heading styles
			// therefore need to be defined in `.mw-body` as well.
			h1,
			.mw-heading1,
			&-content h1,
			&-content .mw-heading1,
			&-content h2,
			&-content .mw-heading2 {
			font-family: 'Nasalization';

Noelle Jade: Replaced content with "i fucking give up"

2025-03-23T12:53:31Z

Replaced content with "i fucking give up"

← Older revision		Revision as of 12:53, 23 March 2025
Line 1:		Line 1:
			i fucking give up
	/* Dark Mode Global Styles */

	/* General Body Styles */
	body {
	background-color: #1a1a1a; /* Lighter dark background */
	color: #d1d1d1; /* Lighter gray text */
	}

	/* Links - Brighter Blue */
	a {
	color: #66b3ff; /* Brighter blue for links */
	}

	a:visited {
	color: #a1c4ff; /* Lighter color for visited links */
	}

	a:hover {
	color: #4da3ff; /* Lighter blue when hovering over links */
	}

	/* Red Links for Non-Existent Pages */
	a.new {
	color: #ff6666; /* Lighter red color for non-existent links */
	}

	a.new:visited {
	color: #ff6666; /* Keep red color for visited non-existent links */
	}

	a.new:hover {
	color: #ff3333; /* Slightly darker red for hover effect on non-existent links */
	}

	/* Top Navigation Bar (Header) */
	#p-personal {
	background-color: #2a2a2a; /* Slightly lighter dark background for the personal nav */
	color: #d1d1d1; /* Light text */
	}

	#p-personal a {
	color: #66b3ff; /* Brighter blue links */
	}

	#p-personal a:hover {
	color: #4da3ff; /* Lighter blue hover effect */
	}

	/* Navigation Bar (Top Menu) */
	#p-navigation {
	background-color: #353535; /* Lighter dark background for navigation bar */
	color: #d1d1d1; /* Light text in the navigation */
	}

	#p-navigation a {
	color: #66b3ff; /* Brighter blue links in nav */
	}

	#p-navigation a:hover {
	color: #4da3ff; /* Blue hover effect for navigation links */
	}

	/* Sidebar */
	#p-sidebar {
	background-color: #2a2a2a; /* Same lighter dark background for sidebar */
	color: #d1d1d1; /* Light text in the sidebar */
	}

	/* Footer */
	#footer {
	background-color: #2a2a2a; /* Lighter dark background for footer */
	color: #d1d1d1; /* Light text in the footer */
	}

	/* Content Section */
	#content {
	background-color: #222222; /* Lighter dark background for content */
	color: #d1d1d1; /* Light text color */
	}

	/* Article Links */
	#content a {
	color: #66b3ff; /* Brighter blue links in content */
	}

	#content a:hover {
	color: #4da3ff; /* Lighter blue hover effect for links */
	}

	/* Tables */
	table {
	background-color: #2a2a2a; /* Lighter dark background for tables */
	color: #d1d1d1; /* Light text in table rows */
	}

	table th,
	table td {
	border: 1px solid #666; /* Slightly lighter border for table cells */
	padding: 8px;
	}

	/* Buttons and Inputs */
	button, input[type="button"], input[type="submit"] {
	background-color: #444444; /* Slightly lighter button background */
	color: #ffffff; /* White text on buttons */
	border: 1px solid #666666; /* Lighter border */
	}

	button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #555555; /* Lighter button background on hover */
	}

	/* Form Inputs */
	input[type="text"], input[type="password"], input[type="email"], textarea {
	background-color: #444444; /* Lighter dark background for inputs */
	color: #d1d1d1; /* Light text */
	border: 1px solid #666666; /* Lighter borders around input fields */
	}

	/* Search Box */
	#searchInput {
	background-color: #444444; /* Lighter dark search box */
	color: #d1d1d1; /* Light text */
	border: 1px solid #666666; /* Lighter borders */
	}

	/* Footer Links */
	#footer a {
	color: #66b3ff; /* Brighter blue for footer links */
	}

	#footer a:hover {
	color: #4da3ff; /* Hover effect for footer links */
	}

Noelle Jade at 12:53, 23 March 2025

2025-03-23T12:53:18Z

Show changes

Noelle Jade at 12:51, 23 March 2025

2025-03-23T12:51:07Z

@@ Line 9: / Line 9: @@
 /* Links - Brighter Blue */
 a {
-    color: #56b1f7; /* Brighter blue for links */
+    color: #66b3ff; /* Brighter blue for links */
+}
 a:visited {
-    color: #8c8c8c; /* Slightly dimmer color for visited links */
+    color: #99c2ff; /* Lighter color for visited links */
+}
 a:hover {
-    color: #85c1f7;  /* Even lighter blue when hovering over links */
+    color: #1e90ff;  /* Blue when hovering over links */
+}
 /* Navigation Bar (Top Menu) */
 #p-navigation {
-    background-color: #1f1f1f;  /* Dark background for the navigation bar */
+    background-color: #2e2e2e;  /* Slightly lighter background for navigation bar */
     color: #e0e0e0;  /* Light text in the navigation */
+}
 /* Sidebar */
 #p-sidebar {
-    background-color: #1f1f1f;  /* Same dark background for sidebar */
+    background-color: #202020;  /* Same dark background for sidebar */
     color: #e0e0e0;  /* Light text in the sidebar */
+}
@@ Line 34: / Line 69: @@
 /* Footer */
 #footer {
-    background-color: #1f1f1f;  /* Dark background for footer */
+    background-color: #202020;  /* Dark background for footer */
     color: #e0e0e0;  /* Light text in the footer */
+}
@@ Line 46: / Line 81: @@
 /* Article Links */
 #content a {
-    color: #56b1f7;  /* Brighter blue links in content */
+    color: #66b3ff;  /* Brighter blue links in content */
+}
 #content a:hover {
-    color: #85c1f7;  /* Lighter blue hover effect for links */
+    color: #1e90ff;  /* Lighter blue hover effect for links */
+}
@@ Line 60: / Line 95: @@
 table th,
-table
+table td {

Noelle Jade at 12:48, 23 March 2025

2025-03-23T12:48:59Z

← Older revision		Revision as of 12:48, 23 March 2025
Line 7:		Line 7:
	}		}

	/* Links */		/* Links - Brighter Blue */
	a {		a {
	color: #~~1e90ff~~; /* ~~Bright~~ blue for links */		color: #56b1f7; /* Brighter blue for links */
	}		}

	a:visited {		a:visited {
	color: #~~636363~~; /* Slightly dimmer color for visited links */		color: #8c8c8c; /* Slightly dimmer color for visited links */
	}		}

	a:hover {		a:hover {
	color: #~~4fa3f7~~; /* ~~Lighter~~ blue when hovering over links */		color: #85c1f7; /* Even lighter blue when hovering over links */
	}		}

Line 28:		Line 28:
	/* Sidebar */		/* Sidebar */
	#p-sidebar {		#p-sidebar {
	background-color: #1f1f1f; /* Same dark*		background-color: #1f1f1f; /* Same dark background for sidebar */
			color: #e0e0e0; /* Light text in the sidebar */
			}

			/* Footer */
			#footer {
			background-color: #1f1f1f; /* Dark background for footer */
			color: #e0e0e0; /* Light text in the footer */
			}

			/* Content Section */
			#content {
			background-color: #181818; /* Dark background for content */
			color: #e0e0e0; /* Light text color */
			}

			/* Article Links */
			#content a {
			color: #56b1f7; /* Brighter blue links in content */
			}

			#content a:hover {
			color: #85c1f7; /* Lighter blue hover effect for links */
			}

			/* Tables */
			table {
			background-color: #202020; /* Dark background for tables */
			color: #e0e0e0; /* Light text in table rows */
			}

			table th,
			table

Noelle Jade at 12:48, 23 March 2025

2025-03-23T12:48:01Z

@@ Line 1: / Line 1: @@
 /* Dark Mode Global Styles */
-body.dark-mode {
+body {
-    background-color: #2f3136; /* Dark grey background */
+    background-color: #121212;  /* Very dark background */
-    color: #e0e0e0; /* Light grey text */
+    color: #e0e0e0;  /* Light gray text */
+}
-    background-color: #202225; /* Darker grey background */
+    color: #1e90ff; /* Bright blue for links */
+}
+}
-body.dark-mode #p-navigation a:hover {
+a:hover {
-    color: #7289da; /* Blue hover effect for links (Discord-like) */
+    color: #4fa3f7;  /* Lighter blue when hovering over links */
+}
-/* Dark mode footer */
+/* Navigation Bar (Top Menu) */
-    background-color: #202225;
+    background-color: #1f1f1f;  /* Dark background for the navigation bar */
-    color: #e0e0e0;
+    color: #e0e0e0;  /* Light text in the navigation */
+}
 /* Sidebar */
-body.dark-mode #p-sidebar {
+#p-sidebar {
-    background-color: #202225; /* Dark sidebar background */
+    background-color: #1f1f1f;  /* Same dark*

Noelle Jade at 12:46, 23 March 2025

2025-03-23T12:46:44Z

@@ Line 1: / Line 1: @@
 body.dark-mode {
-    background-color: #2f3136;
+    background-color: #2f3136; /* Dark grey background */
-    color: #e0e0e0;
+    color: #e0e0e0; /* Light grey text */
+}
+}
+}
-body.dark-mode #content {
+body.dark-mode #p-navigation a:hover {
+}
     background-color: #202225;
     color: #e0e0e0;
+}
-    color: #e0e0e0;
+    background-color: #2f3136; /* Dark background */
+}
-/* Button styling in dark mode */
+/* Links in the main content */
 body.dark-mode button,
 body.dark-mode input[type="button"],
 body.dark-mode input[type="submit"] {
-    background-color: #4e5156;
+    background-color: #4e5156; /* Dark button background */
-    color: #ffffff;
+    color: #ffffff; /* White text */
+}
@@ Line 39: / Line 59: @@
 body.dark-mode input[type="button"]:hover,
 body.dark-mode input[type="submit"]:hover {
-    background-color: #7289da; /* Blue hover effect */
+    background-color: #7289da; /* Blue hover effect for buttons */
+}

Noelle Jade at 12:45, 23 March 2025

2025-03-23T12:45:22Z

← Older revision	Revision as of 12:45, 23 March 2025
Line 1:	Line 1:
		/* Dark mode styles for the page when the 'dark-mode' class is applied */
		body.dark-mode {
		background-color: #2f3136;
		color: #e0e0e0;
		}

		body.dark-mode a {
		color: #7289da; /* Links in dark mode (Discord-like blue) */
		}

		body.dark-mode a:hover {
		color: #99aab5; /* Hover color for links */
		}

		body.dark-mode #content {
		background-color: #2f3136;
		color: #e0e0e0;
		}

		body.dark-mode #p-navigation {
		background-color: #202225;
		color: #e0e0e0;
		}

		body.dark-mode #footer {
		background-color: #202225;
		color: #e0e0e0;
		}

		/* Button styling in dark mode */
		body.dark-mode button,
		body.dark-mode input[type="button"],
		body.dark-mode input[type="submit"] {
		background-color: #4e5156;
		color: #ffffff;
		}

		body.dark-mode button:hover,
		body.dark-mode input[type="button"]:hover,
		body.dark-mode input[type="submit"]:hover {
		background-color: #7289da; /* Blue hover effect */
		}

Noelle Jade: Blanked the page

2025-03-22T15:52:35Z

Blanked the page

← Older revision		Revision as of 15:52, 22 March 2025
Line 1:		Line 1:
	/* Set general background color to dark grey */
	body {
	background-color: #2f3136; /* Dark grey, like Discord's background */
	color: #e0e0e0; /* Light text color for contrast */
	}

	/* Set the background color of the content area */
	#content {
	background-color: #2f3136;
	color: #e0e0e0;
	}

	/* Adjust the navigation bar */
	#p-navigation {
	background-color: #202225; /* Darker grey for the navigation bar */
	color: #e0e0e0;
	}

	#p-navigation a {
	color: #e0e0e0;
	}

	#p-navigation a:hover {
	color: #7289da; /* Blue color for hovered links (similar to Discord's link color) */
	}

	/* Adjust footer background */
	#footer {
	background-color: #202225; /* Dark grey for footer */
	color: #e0e0e0;
	}

	/* Links (modify for better contrast) */
	a {
	color: #7289da; /* Blue links like Discord */
	}

	a:visited {
	color: #9b9b9b; /* Slightly lighter color for visited links */
	}

	/* Button styling */
	button, input[type="button"], input[type="submit"] {
	background-color: #4e5156; /* Dark button background */
	color: #ffffff; /* White text */
	border: none;
	}

	button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #7289da; /* Hover effect: blue button (like Discord) */
	}

Noelle Jade at 15:50, 22 March 2025

2025-03-22T15:50:29Z

← Older revision	Revision as of 15:50, 22 March 2025
Line 1:	Line 1:
		/* Set general background color to dark grey */
		body {
		background-color: #2f3136; /* Dark grey, like Discord's background */
		color: #e0e0e0; /* Light text color for contrast */
		}

		/* Set the background color of the content area */
		#content {
		background-color: #2f3136;
		color: #e0e0e0;
		}

		/* Adjust the navigation bar */
		#p-navigation {
		background-color: #202225; /* Darker grey for the navigation bar */
		color: #e0e0e0;
		}

		#p-navigation a {
		color: #e0e0e0;
		}

		#p-navigation a:hover {
		color: #7289da; /* Blue color for hovered links (similar to Discord's link color) */
		}

		/* Adjust footer background */
		#footer {
		background-color: #202225; /* Dark grey for footer */
		color: #e0e0e0;
		}

		/* Links (modify for better contrast) */
		a {
		color: #7289da; /* Blue links like Discord */
		}

		a:visited {
		color: #9b9b9b; /* Slightly lighter color for visited links */
		}

		/* Button styling */
		button, input[type="button"], input[type="submit"] {
		background-color: #4e5156; /* Dark button background */
		color: #ffffff; /* White text */
		border: none;
		}

		button:hover, input[type="button"]:hover, input[type="submit"]:hover {
		background-color: #7289da; /* Hover effect: blue button (like Discord) */
		}