Вікіпедія:Кнайпа/styles.css

/* Сховати автонумерацію заголовків */
.mw-headline-number {
    display: none;
}
/* Меню */
#menu-container {
	margin-bottom: 1em;
}
#menu-container .mw-ui-button:not(.mw-ui-progressive) {
    opacity: .75;
    border: none;
    border-radius: 0;
    background: none;
    color: #000;
}
#menu-container :not(:last-child) .mw-ui-button:not(.mw-ui-progressive) {
    border-right: 1px #777 solid;
}
#menu-container .mw-ui-button:not(.mw-ui-progressive):hover {
    opacity: .5;
    border-right-color: #525252;
}
#menu-container .mw-ui-button:not(.mw-ui-progressive):active {
    opacity: 1;
    border-right-color: #9c9c9c;
}
/* Весь вміст */
#forum-container {
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
/* Шапка */
#forum-top {
    display: inline-block;
    padding: 1em 0;
}
#forum-top h1,
#forum-top h3 {
    border-bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}
#forum-top .mw-inputbox-centered .mw-ui-input {
    max-width: 350px;
}
/* Тіло */
#forum-main {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}
#forum-main h2 {
    text-align: center;
    border-bottom: none;
    margin: 0;
}
/* Розділи */
.topics-container {
    flex: 2;
}
.topics-container > hr {
    max-width: 900px;
    margin: 0 auto;
}
.topic-box {
    padding: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}
.topic-left {
    text-align: center;
    flex: 5;
}
.topic-left > a {
    font-size: 1.5em;
    line-height: 1.25;
}
.topic-middle {
    margin: 0 1.25em;
    flex: 10;
}
.topic-middle p {
    margin: 0;
    padding: 0;
}
.topic-middle .mw-inputbox-centered {
    width: 100%;
}
.topic-middle .mw-inputbox-centered .mw-ui-input {
    max-width: 250px;
}
.topic-right {
    flex: 5;
    text-align: center;
}
.topic-right .mw-ui-button {
    width: 100%;
    max-width: 15em;
}
/* Запитання */
.faq-container {
    flex: 1;
    padding: 0 1em;
}
.faq-container h2 {
    padding-bottom: 1rem;
}
.faq-container p {
    font-size: small;
    margin: 0;
}
.faq-container p span {
    padding-left: 1em;
}
/* Пошук */
.mw-ui-progressive2 {
    border: 1px solid transparent;
    background: none;
    color: #36c;
}
.mw-ui-progressive2:hover {
    border: 1px solid transparent;
    color: #36c;
    filter: brightness(115%);
    background: none;
}
.mw-ui-progressive2:active {
    border: 1px solid transparent;
    color: #36c;
    filter: brightness(85%);
    background: none;
}
#forum-top input[type="submit"],
#forum-main input[type="submit"] {
    border: none;
    font-size: 0;
    padding: 12px;
    background: url('https://upload.wikimedia.org/wikipedia/commons/d/de/OOjs_UI_icon_search-ltr.svg') center no-repeat;
    position: relative;
    right: 32px;
    margin-right: -32px;
    opacity: .66;
}
#forum-top input[type="submit"]:hover,
#forum-main input[type="submit"]:hover {
    opacity: .75;
}
.mw-inputbox-centered,
.mw-ui-input {
    position: relative;
}
.mw-ui-input {
    display: inline-block;
    padding-right: 32px;
}

@media (max-width: 1024px) {
    #forum-main {
        display: block !important;
    }
    .faq-box {
        padding-top: 1rem;
        columns: 2;
        column-width: 200px;
    }
}