MediaWiki:Common.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

/* Размещённый здесь 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;
}
}