MediaWiki:Common.css: различия между версиями
Перейти к навигации
Перейти к поиску
Drygok (обсуждение | вклад) Нет описания правки |
Drygok (обсуждение | вклад) Нет описания правки |
||
| Строка 12: | Строка 12: | ||
} | } | ||
.mainpage-card { | .mainpage-card { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: stretch; | |||
width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
| Строка 53: | Строка 47: | ||
justify-content: flex-start; | justify-content: flex-start; | ||
width: 100%; | width: 100%; | ||
min-height: 36px; | |||
padding: 6px 0; | |||
gap: 8px; | |||
background: rgba(255,255,255,0.5); | |||
box-sizing: border-box; | |||
} | } | ||
| Строка 65: | Строка 58: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
font-size: | font-size: 18px; | ||
line-height: 1; | line-height: 1; | ||
min-width: 22px; | |||
} | } | ||
Версия от 11:47, 26 октября 2025
.mainpage-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 0;
padding: 0;
box-sizing: border-box;
align-items: stretch;
justify-content: flex-start;
font-size: 14px;
line-height: 1.45;
}
.mainpage-card {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
box-sizing: border-box;
}
.card-intro { background-color: #f8fafc; }
.card-security { background-color: #eef8ef; }
.card-servers { background-color: #fff8ef; }
.card-events { background-color: #f8f5ff; }
.card-character { background-color: #f9f4ff; }
.card-economy { background-color: #fffde8; }
.card-transport { background-color: #f4f9ff; }
.card-interface { background-color: #f4fbfa; }
.card-property { background-color: #f5f9ff; }
.card-jobs { background-color: #f9fcff; }
.card-locations { background-color: #faf9ff; }
.card-gov { background-color: #f7f8fa; }
.card-illegal { background-color: #fff7f7; }
.card-crime { background-color: #fffdf4; }
.card-systems { background-color: #f4fff6; }
.card-docs { background-color: #f7faff; }
.card-fun { background-color: #fffaf5; }
.card-infra { background-color: #f8fbf4; }
.mainpage-card-head {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: 36px;
padding: 6px 0;
gap: 8px;
background: rgba(255,255,255,0.5);
box-sizing: border-box;
}
.mainpage-card-head .icon {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
min-width: 22px;
}
.mainpage-card-list {
margin: 0;
padding-left: 18px;
}
.mainpage-card-list li {
margin: 2px 0;
}
.mainpage-columns-2 {
column-count: 2;
column-gap: 24px;
}
@media (max-width: 500px) {
.mainpage-columns-2 {
column-count: 1;
}
}