Участник:BabylonAS/portal.css

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  * Здесь указываются стили для проекта нового дизайна портала сообщества. *  * Предполагается, что по принятии проекта эти стили будут скопированы *  * на страницу [[MediaWiki:Common-all.css]] *  * См. [[Участник:BabylonAS/Песочница/Альфа/Портал сообщества]] *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* Базовый контейнер */ #portal-base { /* Grid-макет портала */ display: grid; /* Последовательная конфигурация указывается в качестве базовой */ grid-template-areas: "header" "participate" "users" "discord" "discussions" "news"; grid-template-columns: 100%; /* Стили базового контейнера */ background-color: var(--custom-main-page-background); border: 1px solid var(--custom-main-page-border); width: 100%; padding: 4px; } /* Табличная конфигурация используется для широких экранов */ @media screen and (min-width: 990px) { #portal-base { grid-template-areas: "header header" "participate discord" "users discord" "discussions news"; grid-template-columns: auto minmax(38%, min-content); } } /* Шапка портала */ #portal-header { grid-area: header; margin: 4px; background-color: var(--custom-background-blue); text-align: center; } /* Блок портала */ .portal-block { margin: 4px; padding: 4px 4px; vertical-align: top; border: 1px solid var(--custom-main-page-border); } /* возможно, временный */ .portal-block h2 { border-bottom: none; font-size: 120%; font-weight: bold; margin: 5px 0; text-align: center; } /* Заголовок блока */ .portal-block-header { font-size: 120%; font-weight: bold; margin: 5px 0; text-align: center; } /* Строка ссылок на редактирование блока с внешним содержимым */ .portal-block-links { font-style: italic; text-align: right; margin-bottom: 0; margin-top: auto; } /* Разметка блоков портала */ /* Участникам */ #portal-participate { grid-area: participate; } /* Мы в Discord */ #portal-discord { grid-area: discord; text-align: center; } /* Участники */ #portal-users { grid-area: users; } /* Обсуждения */ #portal-discussions { grid-area: discussions; } /* Новости */ #portal-news { grid-area: news; }