|
|
| Рядок 411: |
Рядок 411: |
| font-size: 16px !important; | | font-size: 16px !important; |
| padding: 14px 20px !important; | | padding: 14px 20px !important; |
| }
| |
|
| |
| /* =========================
| |
| Dark Theme для Vector-2022 (мобильные устройства)
| |
| ========================= */
| |
| @media (max-width: 768px) {
| |
|
| |
| /* =========================
| |
| Основная страница
| |
| ========================= */
| |
| html, body, .mw-body {
| |
| padding: 0 12px; /* боковые отступы */
| |
| margin: 0;
| |
| min-height: 100%;
| |
| background-color: #121212;
| |
| color: #ffffff;
| |
| font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
| |
| }
| |
|
| |
| /* =========================
| |
| Хедер
| |
| ========================= */
| |
| .vector-header, #mw-head {
| |
| padding: 10px 12px; /* верх и низ */
| |
| background-color: #1a1a1a;
| |
| color: #ffffff;
| |
| }
| |
|
| |
| .vector-header a {
| |
| color: #ffffff;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .vector-header a:hover {
| |
| color: #ffcc00;
| |
| }
| |
|
| |
| /* =========================
| |
| Гамбургер меню
| |
| ========================= */
| |
| .vector-menu, .vector-menu-content {
| |
| background-color: #1a1a1a;
| |
| color: #ffffff;
| |
| padding: 10px;
| |
| }
| |
|
| |
| .vector-menu a {
| |
| color: #ffffff;
| |
| display: block;
| |
| padding: 8px 0;
| |
| }
| |
|
| |
| .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: 6px 6px 0 0;
| |
| padding: 8px 12px;
| |
| display: block;
| |
| margin-bottom: 2px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .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 12px;
| |
| border-radius: 8px;
| |
| background-color: #1c1c1c;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| 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;
| |
| margin-bottom: 15px;
| |
| }
| |
|
| |
| .mw-parser-output th, .mw-parser-output td {
| |
| padding: 8px;
| |
| color: #ffffff;
| |
| background-color: #1c1c1c;
| |
| border: 1px solid #444;
| |
| }
| |
|
| |
| .mw-parser-output th {
| |
| background-color: #2a2a2a;
| |
| color: #ffcc00;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* =========================
| |
| Кнопки та форми
| |
| ========================= */
| |
| button, input[type="submit"], input[type="button"] {
| |
| width: 100%;
| |
| margin-bottom: 10px;
| |
| font-size: 16px;
| |
| padding: 12px;
| |
| border-radius: 6px;
| |
| background-color: #333 !important;
| |
| border: 1px solid #555 !important;
| |
| color: #ffffff !important;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| button:hover, input[type="submit"]:hover, input[type="button"]:hover {
| |
| background-color: #444 !important;
| |
| color: #ffcc00 !important;
| |
| }
| |
|
| |
| /* =========================
| |
| Футер
| |
| ========================= */
| |
| #footer {
| |
| padding: 15px 12px;
| |
| background-color: #121212;
| |
| color: #888;
| |
| margin-top: 20px;
| |
| }
| |
|
| |
| /* =========================
| |
| Банери
| |
| ========================= */
| |
| .bottom-banner {
| |
| padding: 20px 12px !important;
| |
| margin: 20px 0 !important;
| |
| font-size: 16px !important;
| |
| border-radius: 8px;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .banner-content {
| |
| text-align: center !important;
| |
| }
| |
|
| |
| .banner-btn {
| |
| width: 100%;
| |
| margin: 5px 0;
| |
| padding: 12px;
| |
| border-radius: 25px;
| |
| display: inline-block;
| |
| text-decoration: none !important;
| |
| background: rgba(255,255,255,0.2);
| |
| color: white !important;
| |
| border: 1px solid white;
| |
| transition: all 0.3s;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .banner-btn:hover {
| |
| background: white !important;
| |
| color: #667eea !important;
| |
| }
| |
|
| |
| /* =========================
| |
| Accessibility Mode
| |
| ========================= */
| |
| body.accessibility-mode .mw-parser-output {
| |
| border: 3px solid #ffff00 !important;
| |
| }
| |
|
| |
| body.accessibility-mode table {
| |
| border: 3px solid #ffffff !important;
| |
| }
| |
|
| |
| body.accessibility-mode th {
| |
| background-color: #4d4dff !important;
| |
| color: #ffffff !important;
| |
| font-weight: bold;
| |
| padding: 12px !important;
| |
| }
| |
|
| |
| body.accessibility-mode td {
| |
| background-color: #222222 !important;
| |
| color: #ffffff !important;
| |
| padding: 10px !important;
| |
| border: 2px solid #444444 !important;
| |
| }
| |
| } | | } |