MediaWiki:Common.css - Revision history

Admin: Fix Game Updates photo tiles for mw:File span wrapper

2026-07-28T00:02:22Z

Fix Game Updates photo tiles for mw:File span wrapper

← Older revision		Revision as of 00:02, 28 July 2026
Line 1,564:		Line 1,564:
	}		}

	/* photo cards: full-bleed screenshot, cropped */		/* photo cards: full-bleed screenshot, cropped
	.kin-news-card.photo > a, .kin-news-card.photo > p { background:#0b1c2b; height:150px; }		MW 1.39+ wraps files in <span typeof="mw:File"><a><img></a></span> */
	.kin-news-card.photo img {		.kin-news-card.photo > a,
			.kin-news-card.photo > p,
			.kin-news-card.photo > span[typeof="mw:File"],
			.kin-news-card.photo > span.mw-file-element,
			.kin-news-card.photo > span {
			display:block; margin:0; line-height:0; background:#0b1c2b; height:150px; overflow:hidden;
			}
			.kin-news-card.photo > span[typeof="mw:File"] > a { display:block; height:150px; margin:0; line-height:0; }
			.kin-news-card.photo img,
			.kin-news-card.photo .mw-file-element {
	display:block; width:100% !important; height:150px !important;		display:block; width:100% !important; height:150px !important;
	max-width:100% !important; object-fit:cover; object-position:center;		max-width:100% !important; object-fit:cover; object-position:center;

Admin: Add Resources Calculator widget styles

2026-06-25T05:43:50Z

Add Resources Calculator widget styles

← Older revision		Revision as of 05:43, 25 June 2026
Line 1,830:		Line 1,830:
	.ns-talk #firstHeading { margin-bottom: 0.6em; }		.ns-talk #firstHeading { margin-bottom: 0.6em; }
	#talkheader td:first-child{width:55%} #talkheader td:last-child{width:45%}		#talkheader td:first-child{width:55%} #talkheader td:last-child{width:45%}

			/* ---- Resources Calculator widget ---- */
			.kin-resource-calc { margin: 1.2em 0 1.6em; }
			.kin-rc-card {
			border: 1px solid var(--kin-line);
			border-left: 4px solid var(--kin-blue-deep);
			background: linear-gradient(180deg, #f7fbfe 0%, #eef6fc 100%);
			border-radius: 10px;
			padding: 16px 18px;
			box-shadow: 0 2px 10px rgba(20, 50, 80, 0.08);
			}
			.kin-rc-head {
			font-family: "KintaraCinzel", Cinzel, Georgia, serif;
			font-size: 1.35em;
			font-weight: 700;
			color: var(--kin-blue-dark);
			margin-bottom: 0.35em;
			}
			.kin-rc-note {
			margin: 0 0 1em;
			font-size: 0.92em;
			line-height: 1.5;
			color: #3a4a58;
			}
			.kin-rc-fields {
			display: grid;
			grid-template-columns: minmax(220px, 1.4fr) minmax(160px, 0.8fr);
			gap: 12px 16px;
			margin-bottom: 14px;
			}
			.kin-rc-field {
			display: flex;
			flex-direction: column;
			gap: 6px;
			font-size: 0.92em;
			color: #3a4a58;
			}
			.kin-rc-field select,
			.kin-rc-field input {
			font: inherit;
			padding: 8px 10px;
			border: 1px solid var(--kin-line);
			border-radius: 8px;
			background: #fff;
			color: var(--kin-ink);
			}
			.kin-rc-results {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 10px;
			}
			.kin-rc-stat {
			background: #fff;
			border: 1px solid var(--kin-line);
			border-radius: 8px;
			padding: 10px 12px;
			}
			.kin-rc-stat-label {
			display: block;
			font-size: 0.78em;
			text-transform: uppercase;
			letter-spacing: 0.04em;
			color: #5a6d7d;
			margin-bottom: 4px;
			}
			.kin-rc-stat strong {
			font-size: 1.05em;
			color: var(--kin-blue-dark);
			}
			.kin-rc-stat--highlight {
			border-color: var(--kin-blue);
			background: #f3f9ff;
			}
			@media (max-width: 720px) {
			.kin-rc-fields,
			.kin-rc-results { grid-template-columns: 1fr; }
			}

Admin: Talkheader column widths

2026-06-23T21:41:49Z

Talkheader column widths

← Older revision		Revision as of 21:41, 23 June 2026
Line 1,829:		Line 1,829:
	.kin-talk-scope-sub { font-size: 0.88em; line-height: 1.45; color: #3a4a58; }		.kin-talk-scope-sub { font-size: 0.88em; line-height: 1.45; color: #3a4a58; }
	.ns-talk #firstHeading { margin-bottom: 0.6em; }		.ns-talk #firstHeading { margin-bottom: 0.6em; }
			#talkheader td:first-child{width:55%} #talkheader td:last-child{width:45%}

Admin: Talk page messagebox styling

2026-06-23T21:40:56Z

Talk page messagebox styling

← Older revision		Revision as of 21:40, 23 June 2026
Line 1,795:		Line 1,795:
	}		}
	}		}
			/* ---- Talk / discussion pages (OSRS Wiki style) ---- */
			table.messagebox.info {
			width: 100%;
			border-collapse: collapse;
			margin: 0 0 1.2em;
			border: 1px solid var(--kin-line);
			border-left: 4px solid var(--kin-blue-deep);
			background: #f7fbfe;
			border-radius: 8px;
			overflow: hidden;
			box-shadow: 0 2px 8px rgba(20,50,80,0.08);
			}
			table.messagebox.info td,
			table.messagebox.info th { padding: 10px 14px; vertical-align: top; }
			#talkheader td { font-size: 0.92em; line-height: 1.55; }
			#talkheader td ul { margin: 0.3em 0 0 1.2em; padding: 0; }
			table.archivelist {
			float: right;
			clear: right;
			width: 11em;
			margin: 0 0 1em 1.2em;
			border: 1px solid var(--kin-line);
			background: #f7fbfe;
			border-radius: 8px;
			text-align: center;
			border-collapse: collapse;
			box-shadow: 0 2px 8px rgba(20,50,80,0.08);
			}
			table.archivelist td,
			table.archivelist th { padding: 8px 10px; }
			table.archivelist .archivelist-icon { font-size: 1.8em; line-height: 1; display: block; }
			.kin-talk-scope .kin-talk-info-icon { font-size: 1.6em; line-height: 1; vertical-align: middle; }
			.kin-talk-scope-sub { font-size: 0.88em; line-height: 1.45; color: #3a4a58; }
			.ns-talk #firstHeading { margin-bottom: 0.6em; }

Admin: Fix sidebar/logo: stop overriding Vector absolute positioning; backdrop z-index -1

2026-06-23T20:25:40Z

Fix sidebar/logo: stop overriding Vector absolute positioning; backdrop z-index -1

← Older revision		Revision as of 20:25, 23 June 2026
Line 27:		Line 27:

	#kin-sky-backdrop {		#kin-sky-backdrop {
	position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none;		position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none;
	background:linear-gradient(180deg,#92cce9 0%,#72b4e3 18%,#4f95ce 42%,#386f9d 72%,#204a68 100%);		background:linear-gradient(180deg,#92cce9 0%,#72b4e3 18%,#4f95ce 42%,#386f9d 72%,#204a68 100%);
	}		}
Line 83:		Line 83:

	#mw-page-base,#mw-head-base{background:transparent !important;}		#mw-page-base,#mw-head-base{background:transparent !important;}
	#mw-head,#mw-panel,#content,#footer{position:relative;z-index:1;}		/* Keep Vector's absolute positioning on head/sidebar — only raise z-index */
			#mw-head,#mw-panel{z-index:2 !important;}
			#content,.mw-body,#footer{position:relative;z-index:1;}
	#mw-head{background:transparent;}		#mw-head{background:transparent;}
	#p-search #searchInput,#p-search input[type="search"]{border:1px solid #fff !important;border-radius:20px !important;padding:3px 12px !important;background:rgba(255,255,255,0.92);}		#p-search #searchInput,#p-search input[type="search"]{border:1px solid #fff !important;border-radius:20px !important;padding:3px 12px !important;background:rgba(255,255,255,0.92);}

Admin: Theme: dashboard sky with drifting geo clouds

2026-06-23T20:23:00Z

Theme: dashboard sky with drifting geo clouds

@@ Line 15: / Line 15: @@
+}
-/* Page background (blue) */
+/* Page background — kintara.com dashboard sky (gradient + drifting geo clouds) */
 body {
    font-family:'Inter',-apple-system,system-ui,sans-serif !important;
-   background:linear-gradient(180deg,#6fb0e0 0%,#5da1d6 40%,#4f93cb 100%) !important;
+   background:transparent !important;
-   background-attachment:fixed !important; color:var(--kin-ink);
+   color:var(--kin-ink);
+}
 #mw-page-base,#mw-head-base{background:transparent !important;}
 #mw-head{background:transparent;}
 #p-search #searchInput,#p-search input[type="search"]{border:1px solid #fff !important;border-radius:20px !important;padding:3px 12px !important;background:rgba(255,255,255,0.92);}

Admin: Revert kintara.com dashboard background to blue gradient

2026-06-23T20:20:57Z

Revert kintara.com dashboard background to blue gradient

@@ Line 15: / Line 15: @@
+}
-/* Page background — kintara.com dashboard style (isometric mainland + scrim) */
+/* Page background (blue) */
 body {
    font-family:'Inter',-apple-system,system-ui,sans-serif !important;
-   background-color:#5fa1cf !important;
+   background:linear-gradient(180deg,#6fb0e0 0%,#5da1d6 40%,#4f93cb 100%) !important;
-  background-image:url('https://kintara.com/site/img/bg1.png') !important;
+   background-attachment:fixed !important; color:var(--kin-ink);
+}
 #mw-page-base,#mw-head-base{background:transparent !important;}
 #mw-head{background:transparent;}
 #p-search #searchInput,#p-search input[type="search"]{border:1px solid #fff !important;border-radius:20px !important;padding:3px 12px !important;background:rgba(255,255,255,0.92);}

Admin: Theme: kintara.com dashboard background (mainland screenshot + scrim)

2026-06-23T20:19:50Z

Theme: kintara.com dashboard background (mainland screenshot + scrim)

@@ Line 15: / Line 15: @@
+}
-/* Page background (blue) */
+/* Page background — kintara.com dashboard style (isometric mainland + scrim) */
 body {
    font-family:'Inter',-apple-system,system-ui,sans-serif !important;
-   background:linear-gradient(180deg,#6fb0e0 0%,#5da1d6 40%,#4f93cb 100%) !important;
+   background-color:#5fa1cf !important;
-   background-attachment:fixed !important; color:var(--kin-ink);
+  background-image:url('https://kintara.com/site/img/bg1.png') !important;
+}
 #mw-page-base,#mw-head-base{background:transparent !important;}
 #mw-head{background:transparent;}
 #p-search #searchInput,#p-search input[type="search"]{border:1px solid #fff !important;border-radius:20px !important;padding:3px 12px !important;background:rgba(255,255,255,0.92);}

Admin at 20:58, 20 June 2026

2026-06-20T20:58:37Z

@@ Line 1,701: / Line 1,701: @@
 body.skin-vector-legacy #ca-kintara-play:hover a span {
    color: #ffffff !important;
+}

Admin at 20:58, 20 June 2026

2026-06-20T20:58:16Z

← Older revision		Revision as of 20:58, 20 June 2026
Line 1:		Line 1:
	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cinzel:wght@600;700&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cinzel:wght@600;700&display=swap');

			@font-face {
			font-family: "KintaraCinzel";
			src: url("https://kintara.gg/site/css/fonts/cinzel-variable.woff2") format("woff2");
			font-weight: 400 900;
			font-style: normal;
			font-display: swap;
			}

	:root {		:root {