MediaWiki:Common.css - История изменений

Codex: Единое оформление статей зданий и чудес по актуальным конфигурациям

2026-08-11T12:58:06Z

Единое оформление статей зданий и чудес по актуальным конфигурациям

@@ Строка 306: / Строка 306: @@
      background: rgba(78, 161, 243, .08);
      color: #b9c8dc;
+}
 .civ-level-table { width: auto; min-width: 52%; }
@@ Строка 315: / Строка 350: @@
 .mw-parser-output > h2 .mw-headline { color: #eef5ff; }
 @media (max-width: 850px) {
      .civ-entry-card { grid-template-columns: 1fr; padding: 15px; gap: 16px; }
      .civ-entry-visual { grid-row: 1; min-height: 210px; }

Codex: Единое оформление статей зданий и чудес по актуальным конфигурациям

2026-08-11T10:37:42Z

Единое оформление статей зданий и чудес по актуальным конфигурациям

@@ Строка 244: / Строка 244: @@
      font-size: .78rem;
      text-align: center;
+}
 .civ-stat-table {

Codex: Единое оформление статей зданий и чудес по актуальным конфигурациям

2026-08-11T10:30:47Z

Единое оформление статей зданий и чудес по актуальным конфигурациям

@@ Строка 177: / Строка 177: @@
      color: #82c8ff !important;
      text-decoration: underline;
+}

IvanVadim: Make all links blue

2026-06-09T15:18:14Z

Make all links blue

@@ Строка 157: / Строка 157: @@
 padding: 15px;
+}
+}

IvanVadim: Custom dark theme CSS

2026-06-09T15:13:45Z

Custom dark theme CSS

Новая страница

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.catlinks {
display: none;
}

:root {
--color-background: linear-gradient(135deg, #1d2330, #161b26);
--color-text: #ffffff;
--color-header: #00e676;
--color-description: #ffffff;
--color-highlight: #00e676;
--color-crit: #ff1744;
--color-type: #ff9100;
--color-shadow: rgba(0, 0, 0, 0.4);
--color-border: #444;
--spacing-small: 8px;
--spacing-medium: 10px;
--spacing-large: 20px;
--border-radius: 12px;
}

.minecraft-item {
position: relative;
display: inline-block;
margin: 2px;
cursor: pointer;
width: 100px;
height: 100px;
}

.minecraft-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--border-radius);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.minecraft-item:hover img {
transform: scale(1.05);
box-shadow: 0 10px 20px var(--color-shadow);
}

.minecraft-item .tooltip {
display: none;
position: absolute;
background: var(--color-background);
color: var(--color-text);
border-radius: var(--border-radius);
padding: var(--spacing-large);
z-index: 1;
width: 300px;
top: 50%;
left: calc(100% + 15px);
transform: translateY(-50%) translateX(10px);
box-shadow: 0 5px 10px var(--color-shadow);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
opacity: 0;
visibility: hidden;
}

.minecraft-item:hover .tooltip {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(-50%) translateX(0);
animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-50%) translateX(10px);
}
to {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
}

.tooltip .item-name {
font-size: 1.4em;
font-family: 'Minecraft Rus', sans-serif;
margin-bottom: var(--spacing-medium);
text-shadow: 0 2px 4px var(--color-shadow);
color: var(--color-header);
}

.tooltip .price-coins,
.tooltip .price-hammers,
.tooltip .required-tech,
.tooltip .required-building,
.tooltip .points,
.tooltip .income-per-hour,
.tooltip .spawn-location,
.tooltip .buff,
.tooltip .buff-description,
.tooltip .buff2,
.tooltip .buff2-description,
.tooltip .category,
.tooltip .ship-price,
.tooltip .source,
.tooltip .stats,
.tooltip .extra-hp,
.tooltip .enchantments {
margin-top: var(--spacing-small);
font-size: 0.95em;
line-height: 1.5;
color: var(--color-text);
}

.tooltip .ability {
color: var(--color-highlight);
font-weight: bold;
}

.tooltip .requirements {
color: var(--color-crit);
font-weight: bold;
}

.tooltip .type {
color: var(--color-type);
font-weight: bold;
}

.tooltip hr {
border: 0;
height: 1px;
background: var(--color-border);
margin: var(--spacing-medium) 0;
}

.tooltip .description {
color: var(--color-description);
font-size: 1em;
line-height: 1.5;
}

@media (max-width: 600px) {
.minecraft-item {
width: 80px;
height: 80px;
}

.minecraft-item .tooltip {
width: 250px;
left: calc(100% + 10px);
}

.tooltip .item-name {
font-size: 1.1em;
}

.tooltip {
padding: 15px;
}
}