https://fanverse.click/index.php?action=history&feed=atom&title=Template%3AVideo_game_titles%2Fstyles.css 2026-04-17T14:01:57Z Revision history for this page on the wiki MediaWiki 1.41.0 https://fanverse.click/index.php?title=Template:Video_game_titles/styles.css&diff=2882&oldid=prev 2024-06-08T10:54:24Z

<p>Created page with &quot;.video-game-titles { width: 100%; box-sizing: border-box; } .video-game-titles tr:not(:first-child) th { width: 256px; vertical-align: middle; text-align: center; background-color: transparent; } <span dir="auto"><span class="autocomment">These selectors would potentially break nested tables, but I can&#039;t come up with any case where someone would do that in conjunction with this stylesheet.: </span> @media only screen and (max-width: 720px) { /* On mobile, the table will be handled as something more respon...&quot;</span></p> <p><b>New page</b></p><div>.video-game-titles {<br /> width: 100%;<br /> box-sizing: border-box;<br /> }<br /> <br /> .video-game-titles tr:not(:first-child) th {<br /> width: 256px;<br /> vertical-align: middle;<br /> text-align: center;<br /> background-color: transparent;<br /> }<br /> <br /> /*<br /> These selectors would potentially break nested tables, but I can&#039;t come up<br /> with any case where someone would do that in conjunction with this stylesheet.<br /> */<br /> @media only screen and (max-width: 720px) {<br /> /* On mobile, the table will be handled as something more responsive. */<br /> .video-game-titles,<br /> .video-game-titles thead,<br /> .video-game-titles tbody,<br /> .video-game-titles tr,<br /> .video-game-titles th,<br /> .video-game-titles td,<br /> .video-game-titles tr:not(:first-child) th {<br /> display: block;<br /> width: auto;<br /> }<br /> <br /> /* With the cells vertically oriented, the table headers no longer apply. */<br /> .video-game-titles tr:first-child th {<br /> display:none;<br /> }<br /> <br /> /* No border on the table itself. */<br /> .video-game-titles {<br /> border: none;<br /> }<br /> <br /> /*<br /> Make sure borders aren&#039;t double-thick. (This particular selector relies<br /> on every row – not every TR, but every visual row – starting with a TH.)<br /> */<br /> .video-game-titles td {<br /> border-top: none;<br /> }<br /> <br /> /* Separate items. */<br /> .video-game-titles tr:not(:nth-child(2)) th {<br /> margin-top: 3px;<br /> }<br /> <br /> /* Remove a break that unnecessarily takes vertical space on mobile. */<br /> .video-game-titles tr th:first-child br:first-of-type {<br /> display: none;<br /> }<br /> }</div>

Mob