MediaWiki:Common.css - Revision history

AvidConanContributor at 00:08, 9 October 2026

2026-10-09T00:08:54Z

← Older revision		Revision as of 00:08, 9 October 2026
Line 176:		Line 176:
	min-width: 300px;		min-width: 300px;

	background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png~~?20260702220404~~);		background: url(https://www.detectiveconanworld.com/wiki/images/thumb/f/fc/Main_Page_Banner_Background.png/1600px-Main_Page_Banner_Background.png);
	background-color: #000;		background-color: #000;
	background-repeat: no-repeat;		background-repeat: no-repeat;

AvidConanContributor at 06:00, 28 September 2026

2026-09-28T06:00:43Z

← Older revision		Revision as of 06:00, 28 September 2026
Line 108:		Line 108:
	.mp-gray {		.mp-gray {
	--mp-object-bg: #fff;		--mp-object-bg: #fff;
	-~~-mp~~-mp-object-border-h2bg: #eee;		--mp-object-border-h2bg: #eee;
	--mp-object-h2border: #ddd;		--mp-object-h2border: #ddd;
	}		}
Line 114:		Line 114:
	html.skin-theme-clientpref-night .mp-gray {		html.skin-theme-clientpref-night .mp-gray {
	--mp-object-bg: #000;		--mp-object-bg: #000;
	-~~-mp~~-mp-object-border-h2bg: #3d3d3d;		--mp-object-border-h2bg: #3d3d3d;
	--mp-object-h2border: #4d4d4d;		--mp-object-h2border: #4d4d4d;
	}		}

AvidConanContributor at 05:59, 28 September 2026

2026-09-28T05:59:44Z

← Older revision		Revision as of 05:59, 28 September 2026
Line 84:		Line 84:
	.mp-green {		.mp-green {
	--mp-object-bg: #f5fffa;		--mp-object-bg: #f5fffa;
	-~~-mp~~-mp-object-border-h2bg: #cef2e0;		--mp-object-border-h2bg: #cef2e0;
	--mp-object-h2border: #c2ddc5;		--mp-object-h2border: #c2ddc5;
	}		}
Line 90:		Line 90:
	html.skin-theme-clientpref-night .mp-green {		html.skin-theme-clientpref-night .mp-green {
	--mp-object-bg: #0b1e1c;		--mp-object-bg: #0b1e1c;
	-~~-mp~~-mp-object-border-h2bg: #104437;		--mp-object-border-h2bg: #104437;
	--mp-object-h2border: #2f4d41;		--mp-object-h2border: #2f4d41;
	}		}
Line 96:		Line 96:
	.mp-blue {		.mp-blue {
	--mp-object-bg: #f5faff;		--mp-object-bg: #f5faff;
	-~~-mp~~-mp-object-border-h2bg: #cedff2;		--mp-object-border-h2bg: #cedff2;
	--mp-object-h2border: #b0c9d2;		--mp-object-h2border: #b0c9d2;
	}		}
Line 102:		Line 102:
	html.skin-theme-clientpref-night .mp-blue {		html.skin-theme-clientpref-night .mp-blue {
	--mp-object-bg: #0d1a27;		--mp-object-bg: #0d1a27;
	-~~-mp~~-mp-object-border-h2bg: #082849;		--mp-object-border-h2bg: #082849;
	--mp-object-h2border: #2f3c4c;		--mp-object-h2border: #2f3c4c;
	}		}

AvidConanContributor: Added dark mode colors based on English Wikipedia; renamed some CSS variables for semantics

2026-09-28T05:58:21Z

Added dark mode colors based on English Wikipedia; renamed some CSS variables for semantics

← Older revision		Revision as of 05:58, 28 September 2026
Line 66:		Line 66:
	padding: 10px;		padding: 10px;

	background: var(--mp-object-~~color-light~~);		background: var(--mp-object-bg);
	border-color: var(--mp-object-~~color~~);		border-color: var(--mp-object-border-h2bg);
	}		}

Line 78:		Line 78:
	padding: 0.2em 0.4em;		padding: 0.2em 0.4em;

	background: var(--mp-object-~~color~~);		background: var(--mp-object-border-h2bg);
	border-color: var(--mp-object-~~color-dark~~);		border-color: var(--mp-object-h2border);
	}		}

	.mp-green {		.mp-green {
	--mp-object-~~color~~: #cef2e0;		--mp-object-bg: #f5fffa;
	--mp-object-~~color~~-~~light~~: #~~f5fffa~~;		--mp-mp-object-border-h2bg: #cef2e0;
	--mp-object-~~color~~-~~dark~~: #~~c2ddc5~~;		--mp-object-h2border: #c2ddc5;
			}

			html.skin-theme-clientpref-night .mp-green {
			--mp-object-bg: #0b1e1c;
			--mp-mp-object-border-h2bg: #104437;
			--mp-object-h2border: #2f4d41;
	}		}

	.mp-blue {		.mp-blue {
	--mp-object-~~color~~: #cedff2;		--mp-object-bg: #f5faff;
	--mp-object-~~color~~-~~light~~: #~~f5faff~~;		--mp-mp-object-border-h2bg: #cedff2;
	--mp-object-~~color~~-~~dark~~: #~~b0c9d2~~;		--mp-object-h2border: #b0c9d2;
			}

			html.skin-theme-clientpref-night .mp-blue {
			--mp-object-bg: #0d1a27;
			--mp-mp-object-border-h2bg: #082849;
			--mp-object-h2border: #2f3c4c;
	}		}

	.mp-gray {		.mp-gray {
	--mp-object-~~color~~: #eee;		--mp-object-bg: #fff;
	--mp-object-~~color~~-~~light~~: #~~fff~~;		--mp-mp-object-border-h2bg: #eee;
	--mp-object-~~color~~-~~dark~~: #~~ddd~~;		--mp-object-h2border: #ddd;
			}

			html.skin-theme-clientpref-night .mp-gray {
			--mp-object-bg: #000;
			--mp-mp-object-border-h2bg: #3d3d3d;
			--mp-object-h2border: #4d4d4d;
	}		}

AvidConanContributor: Rewrote classes for mp-object and h2 coloring

2026-09-28T05:39:27Z

Rewrote classes for mp-object and h2 coloring

@@ Line 23: / Line 23: @@
 font-weight: bold;
+}
 /*** Added by AvidConanContributor ***/
-/* For Latest news boxes page */
+/** For Latest news boxes page **/
 .LaNe-boxes-view-all > div {
    border: 2px solid #ccc;
+}
 /* For Template:LaNe Box */
 .LnBox-item {
    display: none;
@@ Line 47: / Line 51: @@
+}
 /* For Main Page */
 .mp-section {
    display: flex;
@@ Line 60: / Line 65: @@
    border: 1px solid black;
    padding: 10px;
+}
@@ Line 77: / Line 115: @@
    border: 1px solid #ddcef2;
    background: #faf5ff;
+}
@@ Line 156: / Line 170: @@
      display: flex;
+   }
    #mp-section1,
-  #mp-section2,
+   #mp-section1, #mp-section2, #mp-bottom {
      flex-flow: column;
+   }
@@ Line 169: / Line 182: @@
+}
 /* For Template:SidescrollSlides */
 .sidescroll-container {
    --button-icon-height: calc(var(--button-height) * 0.5);
@@ Line 390: / Line 404: @@
    /* END OF All devices */
 /* END OF ANIMATIONS */

AvidConanContributor: Rookie mistakes for adding the dot in class selectors...fixed now

2026-09-28T04:20:49Z

Rookie mistakes for adding the dot in class selectors...fixed now

← Older revision		Revision as of 04:20, 28 September 2026
Line 79:		Line 79:
	}		}

	mp-object h2 {		.mp-object h2 {
	font-size: 130%;		font-size: 130%;
	font-weight: bold;		font-weight: bold;
Line 88:		Line 88:
	}		}

	mp-green h2 {		.mp-green h2 {
	background: #cef2e0;		background: #cef2e0;
	border-color: #c2ddc5;		border-color: #c2ddc5;
	}		}

	mp-blue h2 {		.mp-blue h2 {
	background: #cedff2;		background: #cedff2;
	border-color: #b0c9d2;		border-color: #b0c9d2;
	}		}

	mp-gray h2 {		.mp-gray h2 {
	background: #eee;		background: #eee;
	border-color: #ddd;		border-color: #ddd;

AvidConanContributor: Readded CSS for main page, hopefully it sticks this time

2026-09-27T21:56:15Z

Readded CSS for main page, hopefully it sticks this time

@@ Line 45: / Line 45: @@
 .LnBox-item[data-upcoming="true"]:not(.LnBox-item[data-upcoming="true"] ~ .LnBox-item[data-upcoming="true"]) {
    display: initial;
+}

AvidConanContributor: Manual revert since the CSS somehow didn't apply?

2026-09-27T21:53:45Z

Manual revert since the CSS somehow didn't apply?

@@ Line 45: / Line 45: @@
 .LnBox-item[data-upcoming="true"]:not(.LnBox-item[data-upcoming="true"] ~ .LnBox-item[data-upcoming="true"]) {
    display: initial;
+}

AvidConanContributor: Undo revision 413858 by AvidConanContributor (talk)

2026-09-27T21:51:42Z

Undo revision 413858 by AvidConanContributor (talk)

← Older revision		Revision as of 21:51, 27 September 2026
Line 79:		Line 79:
	}		}

	mp-object h2 {		mp-object > h2 {
	font-size: 130%;		font-size: 130%;
	font-weight: bold;		font-weight: bold;

AvidConanContributor at 21:49, 27 September 2026

2026-09-27T21:49:25Z

← Older revision		Revision as of 21:49, 27 September 2026
Line 79:		Line 79:
	}		}

	mp-object > h2 {		mp-object h2 {
	font-size: 130%;		font-size: 130%;
	font-weight: bold;		font-weight: bold;