https://the-universe-of-chaos.com/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3A%D0%9A%D0%B0%D1%80%D1%82%D0%BA%D0%B0%2Fstyles.css
Шаблон:Картка/styles.css - Історія редагувань
2026-06-07T04:55:12Z
Історія редагувань цієї сторінки в вікі
MediaWiki 1.45.3
https://the-universe-of-chaos.com/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:%D0%9A%D0%B0%D1%80%D1%82%D0%BA%D0%B0/styles.css&diff=34&oldid=prev
Maintenance script: Створення стилів картки
2026-06-04T11:19:23Z
<p>Створення стилів картки</p>
<p><b>Нова сторінка</b></p><div>/* Styling for premium bureaucratic infoboxes in The Universe of Chaos */<br />
.tuoc-infobox {<br />
float: right;<br />
clear: right;<br />
width: 320px;<br />
margin: 0 0 1.2em 1.2em;<br />
background-color: var(--dystopia-bg-paper);<br />
border: 1px solid var(--dystopia-border-strong);<br />
border-top: 4px solid var(--dystopia-accent-primary);<br />
border-collapse: collapse;<br />
font-size: 0.9em;<br />
font-family: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;<br />
color: var(--dystopia-text-primary);<br />
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);<br />
}<br />
<br />
.tuoc-infobox-header {<br />
background-color: var(--dystopia-bg-secondary);<br />
color: var(--dystopia-text-heading);<br />
font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;<br />
font-weight: 700;<br />
font-size: 1.25em;<br />
padding: 12px;<br />
text-align: center;<br />
border-bottom: 2px solid var(--dystopia-border-strong);<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
}<br />
<br />
.tuoc-infobox-subheader {<br />
background-color: rgba(163, 58, 58, 0.06);<br />
color: var(--dystopia-text-secondary);<br />
font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace;<br />
font-size: 0.8em;<br />
text-transform: uppercase;<br />
letter-spacing: 0.12em;<br />
padding: 6px 12px;<br />
text-align: center;<br />
border-bottom: 1px solid var(--dystopia-border-strong);<br />
}<br />
<br />
.tuoc-infobox-image {<br />
text-align: center;<br />
padding: 12px;<br />
border-bottom: 1px solid var(--dystopia-border);<br />
background-color: rgba(0, 0, 0, 0.15);<br />
}<br />
<br />
.tuoc-infobox-image img {<br />
max-width: 100%;<br />
height: auto;<br />
border: 1px solid var(--dystopia-border-strong);<br />
display: block;<br />
margin: 0 auto;<br />
}<br />
<br />
.tuoc-infobox-caption {<br />
font-size: 0.8em;<br />
color: var(--dystopia-text-secondary);<br />
margin-top: 8px;<br />
font-style: italic;<br />
line-height: 1.3;<br />
}<br />
<br />
.tuoc-infobox-section {<br />
background-color: var(--dystopia-bg-secondary);<br />
color: var(--dystopia-text-heading);<br />
font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace;<br />
font-weight: 600;<br />
font-size: 0.82em;<br />
text-transform: uppercase;<br />
letter-spacing: 0.1em;<br />
padding: 8px 12px;<br />
text-align: left;<br />
border-top: 1px solid var(--dystopia-border-strong);<br />
border-bottom: 1px solid var(--dystopia-border-strong);<br />
}<br />
<br />
.tuoc-infobox tr {<br />
border-bottom: 1px solid var(--dystopia-border);<br />
transition: background-color 0.15s ease;<br />
}<br />
<br />
.tuoc-infobox tr:hover {<br />
background-color: rgba(255, 255, 255, 0.015);<br />
}<br />
<br />
.tuoc-infobox th {<br />
width: 38%;<br />
text-align: left;<br />
font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace;<br />
font-size: 0.82em;<br />
color: var(--dystopia-text-secondary);<br />
text-transform: uppercase;<br />
letter-spacing: 0.05em;<br />
padding: 8px 12px;<br />
background-color: rgba(0, 0, 0, 0.05);<br />
vertical-align: middle;<br />
border-right: 1px solid var(--dystopia-border);<br />
}<br />
<br />
.tuoc-infobox td {<br />
padding: 8px 12px;<br />
vertical-align: middle;<br />
line-height: 1.45;<br />
}<br />
<br />
/* Helper styles for values */<br />
.tuoc-status-danger {<br />
color: var(--dystopia-accent-primary);<br />
font-weight: 700;<br />
font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace;<br />
}<br />
<br />
.tuoc-status-warning {<br />
color: var(--dystopia-accent-warning);<br />
font-weight: 700;<br />
font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace;<br />
}<br />
<br />
.tuoc-status-success {<br />
color: var(--dystopia-accent-tertiary);<br />
font-weight: 700;<br />
font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace;<br />
}</div>
Maintenance script