MediaWiki:Dark.css: відмінності між версіями
Wiki (обговорення | внесок) Немає опису редагування Мітка: Ручний відкіт |
Wiki (обговорення | внесок) Немає опису редагування Мітка: Скасовано |
||
| Рядок 411: | Рядок 411: | ||
font-size: 16px !important; | font-size: 16px !important; | ||
padding: 14px 20px !important; | padding: 14px 20px !important; | ||
} | |||
/* ========================= | |||
Мобільні пристрої (Vector-2022) | |||
========================= */ | |||
@media (max-width: 768px) { | |||
/* Фон сторінки та текст */ | |||
html, body, .mw-body { | |||
background-color: #121212; | |||
color: #ffffff; | |||
} | |||
/* Хедер */ | |||
#mw-head, .vector-header { | |||
background-color: #1a1a1a; | |||
color: #ffffff; | |||
} | |||
/* Гамбургер меню */ | |||
.vector-menu, .vector-menu-content { | |||
background-color: #1a1a1a; | |||
color: #ffffff; | |||
} | |||
.vector-menu a { | |||
color: #ffffff; | |||
} | |||
.vector-menu a:hover { | |||
color: #ffcc00; | |||
text-decoration: underline; | |||
} | |||
/* Вкладки сторінки */ | |||
.vector-page-tabs__tab, .vector-page-tabs__tab a { | |||
background-color: #1c1c1c !important; | |||
color: #ffffff !important; | |||
border-radius: 4px 4px 0 0; | |||
padding: 6px 12px; | |||
display: block; | |||
} | |||
.vector-page-tabs__tab--selected, | |||
.vector-page-tabs__tab--selected a { | |||
background-color: #2a2a2a !important; | |||
color: #ffcc00 !important; | |||
font-weight: bold; | |||
} | |||
.vector-page-tabs__tab a:hover, | |||
.vector-page-tabs__tab a:focus { | |||
background-color: #2a2a2a !important; | |||
color: #ffcc00 !important; | |||
} | |||
/* Основний контент */ | |||
.mw-parser-output { | |||
padding: 15px; | |||
border-radius: 6px; | |||
background-color: #1c1c1c; | |||
} | |||
p, li, span, a { | |||
color: #ffffff; | |||
} | |||
p a:hover, li a:hover, span a:hover { | |||
color: #ffcc00; | |||
text-decoration: underline; | |||
} | |||
/* Таблиці */ | |||
.mw-parser-output table { | |||
border: 1px solid #555; | |||
background-color: #1c1c1c; | |||
width: 100%; | |||
display: block; | |||
overflow-x: auto; | |||
} | |||
.mw-parser-output th, .mw-parser-output td { | |||
padding: 6px; | |||
color: #ffffff; | |||
background-color: #1c1c1c; | |||
} | |||
.mw-parser-output th { | |||
background-color: #2a2a2a; | |||
color: #ffcc00; | |||
} | |||
/* Кнопки */ | |||
button, input[type="submit"], input[type="button"] { | |||
width: 100%; | |||
margin-bottom: 10px; | |||
font-size: 16px; | |||
padding: 12px; | |||
} | |||
/* Бічні панелі */ | |||
#p-navigation, #p-personal, #p-tb, #p-lang { | |||
display: none; /* приховати на мобільних, бо гамбургер замість них */ | |||
} | |||
/* Footer */ | |||
#footer { | |||
background-color: #121212; | |||
color: #888; | |||
padding: 15px; | |||
} | |||
/* Банери */ | |||
.bottom-banner { | |||
padding: 20px 10px !important; | |||
font-size: 16px !important; | |||
} | |||
.banner-btn { | |||
width: 100%; | |||
margin: 5px 0; | |||
} | |||
} | } | ||