<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://www.cultopedia.org/index.php?action=history&amp;feed=atom&amp;title=Module%3AHistorical_populations%2Fstyles.css</id>
	<title>Module:Historical populations/styles.css - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://www.cultopedia.org/index.php?action=history&amp;feed=atom&amp;title=Module%3AHistorical_populations%2Fstyles.css"/>
	<link rel="alternate" type="text/html" href="https://www.cultopedia.org/index.php?title=Module:Historical_populations/styles.css&amp;action=history"/>
	<updated>2026-04-05T23:44:04Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.44.5</generator>
	<entry>
		<id>https://www.cultopedia.org/index.php?title=Module:Historical_populations/styles.css&amp;diff=1198&amp;oldid=prev</id>
		<title>imported&gt;Rjjiii: CSS for narrow screen bug reported on talk page</title>
		<link rel="alternate" type="text/html" href="https://www.cultopedia.org/index.php?title=Module:Historical_populations/styles.css&amp;diff=1198&amp;oldid=prev"/>
		<updated>2025-09-14T01:32:48Z</updated>

		<summary type="html">&lt;p&gt;CSS for narrow screen bug reported on talk page&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;/* {{pp-template}} */&lt;br /&gt;
/* Don&amp;#039;t split header abbreviations when numbers and screen width are narrow. */&lt;br /&gt;
.abbr-header {&lt;br /&gt;
	white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Match colors to infobox. */&lt;br /&gt;
.caption-purple {&lt;br /&gt;
	border: 1px #a2a9b1 solid;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
	background-color: lavender;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Not on dark mode. */&lt;br /&gt;
@media screen {&lt;br /&gt;
    html.skin-theme-clientpref-night .caption-purple { &lt;br /&gt;
    	background:inherit !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media screen and (prefers-color-scheme: dark) {&lt;br /&gt;
	/* automatic mode */&lt;br /&gt;
   html.skin-theme-clientpref-os .caption-purple { &lt;br /&gt;
    	background:inherit !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Table contents styled below. Top border in .caption-purple. */&lt;br /&gt;
.table-pale {&lt;br /&gt;
	border: 1px #a2a9b1 solid;&lt;br /&gt;
	border-top: none;&lt;br /&gt;
	background-color: var(--background-color-neutral-subtle, #f8f9fa);&lt;br /&gt;
	padding:5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  &lt;br /&gt;
	Mobile handles tables differently. &lt;br /&gt;
	Caption is within not above the table&amp;#039;s box. &lt;br /&gt;
	These have to cancel out inline CSS rules.&lt;br /&gt;
*/&lt;br /&gt;
@media screen and (max-width:640px) {&lt;br /&gt;
 .table-pale {&lt;br /&gt;
 	border-top: 1px #a2a9b1 solid !important;&lt;br /&gt;
 	float:none !important;&lt;br /&gt;
 	margin:auto !important;&lt;br /&gt;
 }&lt;br /&gt;
 .caption-purple {&lt;br /&gt;
 	border:none;&lt;br /&gt;
 	display:block;&lt;br /&gt;
 }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>imported&gt;Rjjiii</name></author>
	</entry>
</feed>