Дополнительные действия
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
img {
width: 100%;
height: 100%;
}
.mw-headline {
padding-bottom: 10px;
border-bottom: 1px solid #000000;
}
.navigation-card-main {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-wrap: wrap;
}
.navigation-card {
width: 150px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-top: 10px;
}
.navigation-card:not(:last-child) {
margin-right: 10px;
}
.navigation-card__image {
width: 100%;
height: 100%;
}
.navigation-card__image img {
object-fit: contain;
width: 100%;
height: 100%;
}
.heroes-panel {
display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
}
.heroes-panel__category {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 1000px;
}
.heroes-panel__category-title {
display: flex;
align-items: center;
}
.heroes-panel__category-title span[typeof="mw:File"] {
margin-right: 5px;
width: 40px;
height: 35px;
}
.heroes-panel__category-title span {
display: flex;
}
.heroes-panel__category-title span[typeof="mw:File"] span {
width: 100%;
height: 100%;
}
.heroes-panel__category-title img {
width: 100%;
height: 100%;
object-fit: fill;
}
.heroes-panel__category-block {
display: flex;
align-items: flex-start;
width: 100%;
}
.heroes-panel__category-list {
display: flex;
align-items: center;
justify-content: flex-start;
list-style: none;
flex-wrap: wrap;
width: 33%;
}
.heroes-panel__category-list li:nth-child(4n+1),
.heroes-panel__category-list li:nth-child(4n+2),
.heroes-panel__category-list li:nth-child(4n+3) {
margin-right: 10px;
}
.heroes-panel__category-list li:last-child {
margin-right: 0px;
}
.heroes-panel__hero-card {
display: flex;
flex-direction: column;
width: 60px;
height: 100%;
margin-top: 10px;
align-items: center;
justify-content: center;
position: relative;
}
.heroes-panel__hero-card span[typeof='mw:File'] {
border: 2px solid #242329;
border-radius: 10px;
height: 50px;
transition: border-color 0.3s ease-in-out, border-width 0.3s ease-in-out;
}
.heroes-panel__hero-card span[typeof='mw:File'] a {
width: 100%;
height: 100%;
}
.heroes-panel__hero-card span[typeof='mw:File']:hover {
border-color: #00f7d5;
border-width: 1px;
}
.heroes-panel__hero-card span {
display: flex;
width: 100%;
}
.heroes-panel__hero-card img {
width: 100%;
height: 100%;
object-fit: fill;
border-radius: 10px;
}
.heroes-panel__hero-card__title a {
font-size: 11px;
font-weight: 600;
color: #38323d;
}