<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://taerel.com/Wiki/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3ATemplatesShared.css</id>
	<title>MediaWiki:TemplatesShared.css - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://taerel.com/Wiki/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3ATemplatesShared.css"/>
	<link rel="alternate" type="text/html" href="https://taerel.com/Wiki/index.php?title=MediaWiki:TemplatesShared.css&amp;action=history"/>
	<updated>2026-06-04T16:26:13Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.3</generator>
	<entry>
		<id>https://taerel.com/Wiki/index.php?title=MediaWiki:TemplatesShared.css&amp;diff=9766&amp;oldid=prev</id>
		<title>Stevie Lambert at 17:38, 16 May 2026</title>
		<link rel="alternate" type="text/html" href="https://taerel.com/Wiki/index.php?title=MediaWiki:TemplatesShared.css&amp;diff=9766&amp;oldid=prev"/>
		<updated>2026-05-16T17:38:15Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;/* All CSS here will be loaded for users of the Vector 2022 skin */&lt;br /&gt;
&lt;br /&gt;
/* -- infobox -- */&lt;br /&gt;
/* added width: 100% and fallback values on var() — edited by cauz */&lt;br /&gt;
.infobox {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  margin: 20px 0 20px 0.6em;&lt;br /&gt;
  min-width: 15em;&lt;br /&gt;
  max-width: 20em;&lt;br /&gt;
  width: 100%; /* edited by cauz */&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  float: right;&lt;br /&gt;
  clear: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.infobox-header {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: 5px 0;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox-row {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    padding: 0 3px;&lt;br /&gt;
    margin-bottom: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox-label {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox-value {&lt;br /&gt;
    flex: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox-section {&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.article-copyright img {&lt;br /&gt;
    width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.NeartoDesktop .compass-table {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.NeartoDesktop .west-cell,&lt;br /&gt;
.NeartoDesktop .east-cell,&lt;br /&gt;
.NeartoDesktop .center-cell {&lt;br /&gt;
    width: 33%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.NeartoDesktop .center-text {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media only screen and (min-width: 1001px) {&lt;br /&gt;
  .mobile-box {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 600px) {&lt;br /&gt;
    .infobox {&lt;br /&gt;
        float: none !important;&lt;br /&gt;
        clear: both !important;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        width: 100% !important;&lt;br /&gt;
        max-width: 100% !important;&lt;br /&gt;
        margin: 1em 0 !important;&lt;br /&gt;
        box-sizing: border-box;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    /* Make sure no surrounding text floats beside */&lt;br /&gt;
    .mw-parser-output &amp;gt; * {&lt;br /&gt;
        float: none !important;&lt;br /&gt;
        clear: both !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 800px) {&lt;br /&gt;
    #mp-left, /* Corrected: Use commas to separate distinct IDs */&lt;br /&gt;
    #mp-right,&lt;br /&gt;
    #mp-upper {&lt;br /&gt;
        display: none !important; /* Added !important to ensure it overrides other rules */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Shared Table Stuff */ &lt;br /&gt;
&lt;br /&gt;
.taerel-history-title-container {&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
  padding: 3px;&lt;br /&gt;
  margin-bottom: 1em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.taerel-history-title {&lt;br /&gt;
  height: 2.3em;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ========================= DESKTOP TABLE ========================= */&lt;br /&gt;
.taerel-history-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  border-collapse: collapse;&lt;br /&gt;
  margin-bottom: 1em;&lt;br /&gt;
}&lt;br /&gt;
.taerel-history-table th,&lt;br /&gt;
.taerel-history-table td {&lt;br /&gt;
  padding: 10px 12px;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.taerel-history-table th {&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mw-content-text &amp;gt; div.mw-content-ltr.mw-parser-output &amp;gt; div.taerel-history-wrapper &amp;gt; div.mw-collapsible.mw-made-collapsible {&lt;br /&gt;
margin-top: -2.64em;&lt;br /&gt;
margin-bottom: 3em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.taerel-history-table th,&lt;br /&gt;
.taerel-history-table td {&lt;br /&gt;
  border-bottom: none; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ========================= MOBILE ========================= */&lt;br /&gt;
@media screen and (max-width: 900px) {&lt;br /&gt;
  .taerel-history-table {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table thead {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table thead tr {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 14px 16px;&lt;br /&gt;
    margin-bottom: 8px;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table thead th:first-child {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table thead th:not(:first-child) {&lt;br /&gt;
    display: none;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table tbody {&lt;br /&gt;
    display: block;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table tr {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin-bottom: 16px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table td:first-child {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    padding: 14px 16px;&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table td:not(:first-child) {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    gap: 1em;&lt;br /&gt;
    padding: 12px 16px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
  }&lt;br /&gt;
  .taerel-history-table td:not(:first-child)::before {&lt;br /&gt;
    content: attr(data-label);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    flex-shrink: 0;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
.taerel-history-table th {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
.taerel-history-table td:nth-of-type(1)::before {&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
    .taerel-history-table td:last-child&lt;br /&gt;
 {&lt;br /&gt;
        padding-left: 1em !important;&lt;br /&gt;
        padding-top: 1em !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* -- infobox -- */&lt;br /&gt;
/* added width: 100% and fallback values on var() — edited by cauz */&lt;br /&gt;
.infobox {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  margin: 20px 0 20px 0.6em;&lt;br /&gt;
  min-width: 15em;&lt;br /&gt;
  max-width: 20em;&lt;br /&gt;
  width: 100%; /* edited by cauz */&lt;br /&gt;
  font-family: Arial, sans-serif;&lt;br /&gt;
  float: right;&lt;br /&gt;
  clear: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox-header {&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  margin: 5px 0;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* -- article copyright -- */&lt;br /&gt;
.article-copyright {&lt;br /&gt;
  margin-bottom: 0.5em;&lt;br /&gt;
  margin-top: 10px;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* -- compass (desktop only, inside .NeartoDesktop) -- */&lt;br /&gt;
.NeartoDesktop .compass-container {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin: 0 5px;&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.NeartoDesktop .compass-header {&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* -- mobile box -- */&lt;br /&gt;
.mobile-box {&lt;br /&gt;
  padding: 5px;&lt;br /&gt;
  margin-bottom: 10px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mobile-header {&lt;br /&gt;
  margin: 3px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* -- main page columns -- */&lt;br /&gt;
#mp-upper {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mp-left,&lt;br /&gt;
#mp-right {&lt;br /&gt;
  vertical-align: top;&lt;br /&gt;
  padding: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#mp-left  { width: 50%; }&lt;br /&gt;
#mp-right { width: 49%; }&lt;br /&gt;
&lt;br /&gt;
#mp-left  .mp-h2,&lt;br /&gt;
#mp-right .mp-h2 {&lt;br /&gt;
  margin: 5px 0;&lt;br /&gt;
  padding: 0 5px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Stevie Lambert</name></author>
	</entry>
</feed>