darnytsa_hero

MediaWiki:Dark.css: відмінності між версіями

← Попереднє редагуванняНаступне редагування →
Немає опису редагування
Мітка: Скасовано
Немає опису редагування
Мітка: Скасовано
Рядок 414: Рядок 414:


/* =========================
/* =========================
   Мобільні пристрої (Vector-2022)
   Dark Theme для Vector-2022 (мобильные устройства)
   ========================= */
   ========================= */
@media (max-width: 768px) {
@media (max-width: 768px) {


     /* Фон сторінки та текст */
     /* =========================
      Основная страница
      ========================= */
     html, body, .mw-body {
     html, body, .mw-body {
        padding: 0 12px; /* боковые отступы */
        margin: 0;
        min-height: 100%;
         background-color: #121212;
         background-color: #121212;
         color: #ffffff;
         color: #ffffff;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     }
     }


     /* Хедер */
     /* =========================
     #mw-head, .vector-header {
      Хедер
      ========================= */
     .vector-header, #mw-head {
        padding: 10px 12px; /* верх и низ */
         background-color: #1a1a1a;
         background-color: #1a1a1a;
         color: #ffffff;
         color: #ffffff;
     }
     }


     /* Гамбургер меню */
    .vector-header a {
        color: #ffffff;
        text-decoration: none;
    }
 
    .vector-header a:hover {
        color: #ffcc00;
    }
 
     /* =========================
      Гамбургер меню
      ========================= */
     .vector-menu, .vector-menu-content {
     .vector-menu, .vector-menu-content {
         background-color: #1a1a1a;
         background-color: #1a1a1a;
         color: #ffffff;
         color: #ffffff;
        padding: 10px;
     }
     }


     .vector-menu a {
     .vector-menu a {
         color: #ffffff;
         color: #ffffff;
        display: block;
        padding: 8px 0;
     }
     }


Рядок 445: Рядок 468:
     }
     }


     /* Вкладки сторінки */
     /* =========================
      Вкладки сторінки
      ========================= */
     .vector-page-tabs__tab, .vector-page-tabs__tab a {
     .vector-page-tabs__tab, .vector-page-tabs__tab a {
         background-color: #1c1c1c !important;
         background-color: #1c1c1c !important;
         color: #ffffff !important;
         color: #ffffff !important;
         border-radius: 4px 4px 0 0;
         border-radius: 6px 6px 0 0;
         padding: 6px 12px;
         padding: 8px 12px;
         display: block;
         display: block;
        margin-bottom: 2px;
        text-align: center;
     }
     }


Рядок 467: Рядок 494:
     }
     }


     /* Основний контент */
     /* =========================
      Основний контент
      ========================= */
     .mw-parser-output {
     .mw-parser-output {
         padding: 15px;
         padding: 15px 12px;
         border-radius: 6px;
         border-radius: 8px;
         background-color: #1c1c1c;
         background-color: #1c1c1c;
        margin-bottom: 20px;
     }
     }


Рядок 490: Рядок 520:
         display: block;
         display: block;
         overflow-x: auto;
         overflow-x: auto;
        margin-bottom: 15px;
     }
     }


     .mw-parser-output th, .mw-parser-output td {
     .mw-parser-output th, .mw-parser-output td {
         padding: 6px;
         padding: 8px;
         color: #ffffff;
         color: #ffffff;
         background-color: #1c1c1c;
         background-color: #1c1c1c;
        border: 1px solid #444;
     }
     }


Рядок 501: Рядок 533:
         background-color: #2a2a2a;
         background-color: #2a2a2a;
         color: #ffcc00;
         color: #ffcc00;
        font-weight: bold;
     }
     }


     /* Кнопки */
     /* =========================
      Кнопки та форми
      ========================= */
     button, input[type="submit"], input[type="button"] {
     button, input[type="submit"], input[type="button"] {
         width: 100%;
         width: 100%;
Рядок 509: Рядок 544:
         font-size: 16px;
         font-size: 16px;
         padding: 12px;
         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 {
    #p-navigation, #p-personal, #p-tb, #p-lang {
        background-color: #444 !important;
         display: none; /* приховати на мобільних, бо гамбургер замість них */
         color: #ffcc00 !important;
     }
     }


     /* Footer */
     /* =========================
      Футер
      ========================= */
     #footer {
     #footer {
        padding: 15px 12px;
         background-color: #121212;
         background-color: #121212;
         color: #888;
         color: #888;
         padding: 15px;
         margin-top: 20px;
     }
     }
   
 
     /* Банери */
     /* =========================
      Банери
      ========================= */
     .bottom-banner {
     .bottom-banner {
         padding: 20px 10px !important;
         padding: 20px 12px !important;
        margin: 20px 0 !important;
         font-size: 16px !important;
         font-size: 16px !important;
        border-radius: 8px;
        box-sizing: border-box;
    }
    .banner-content {
        text-align: center !important;
     }
     }


Рядок 532: Рядок 584:
         width: 100%;
         width: 100%;
         margin: 5px 0;
         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;
     }
     }
}
}
Отримано з https://darnytsa.hero.kyivcity.gov.ua/w/index.php/MediaWiki:Dark.css