darnytsa_hero

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

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


/* =========================
/* =========================
   УНІВЕРСАЛЬНИЙ РЕЖИМ ДОСТУПНОСТІ (для обох тем)
   УНІВЕРСАЛЬНИЙ РЕЖИМ ДОСТУПНОСТІ ДЛЯ ТЕМНОЇ ТЕМИ
   ========================= */
   ========================= */
body.accessibility-mode {
body.accessibility-mode {
     /* Поліпшена читабельність без фіксованого розміру шрифту */
     /* Поліпшена читабельність */
     line-height: 1.8 !important;
     line-height: 1.8 !important;
     letter-spacing: 0.5px !important;
     letter-spacing: 0.5px !important;
Рядок 216: Рядок 216:
}
}


/* ПОКРАЩЕНІ КОНТРАСТИ ТА КОЛЬОРИ */
/* ВИСОКОКОНТРАСТНИЙ РЕЖИМ ДЛЯ ТЕМНОЇ ТЕМИ */
body.accessibility-mode .mw-body,
body.accessibility-mode .mw-body,
body.accessibility-mode .mw-parser-output {
body.accessibility-mode .mw-parser-output {
    border: 3px solid #ff6600 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}
/* Для темної теми - особливі налаштування контрасту */
body.dark-theme.accessibility-mode .mw-body,
body.dark-theme.accessibility-mode .mw-parser-output {
     background-color: #000000 !important;
     background-color: #000000 !important;
     color: #ffffff !important;
     color: #ffffff !important;
     border-color: #ffff00 !important;
     border: 3px solid #ffff00 !important;
}
}


/* ПОКРАЩЕНА НАВІГАЦІЯ */
/* НАВІГАЦІЯ */
body.accessibility-mode #mw-head,
body.accessibility-mode #mw-head,
body.accessibility-mode #p-personal,
body.accessibility-mode #p-personal,
Рядок 238: Рядок 230:
body.accessibility-mode #p-tb,
body.accessibility-mode #p-tb,
body.accessibility-mode #p-lang {
body.accessibility-mode #p-lang {
     background-color: #f8f8f8 !important;
     background-color: #222222 !important;
     border: 2px solid #ff6600 !important;
     border: 2px solid #ffff00 !important;
    color: #000000 !important;
}
 
body.dark-theme.accessibility-mode #mw-head,
body.dark-theme.accessibility-mode #p-personal,
body.dark-theme.accessibility-mode #p-navigation,
body.dark-theme.accessibility-mode #p-tb,
body.dark-theme.accessibility-mode #p-lang {
    background-color: #333333 !important;
    border-color: #ffff00 !important;
     color: #ffffff !important;
     color: #ffffff !important;
}
}


/* ЧІТКІ ПОСИЛАННЯ */
/* ПОСИЛАННЯ */
body.accessibility-mode a {
body.accessibility-mode a {
     color: #d40000 !important;
     color: #ff6b6b !important;
     font-weight: bold !important;
     font-weight: bold !important;
     text-decoration: underline !important;
     text-decoration: underline !important;
     padding: 2px 4px !important;
     padding: 2px 4px !important;
    border-radius: 3px !important;
}
}


body.accessibility-mode a:hover,
body.accessibility-mode a:hover,
body.accessibility-mode a:focus {
body.accessibility-mode a:focus {
     color: #ffffff !important;
     color: #000000 !important;
     background-color: #d40000 !important;
     background-color: #ff6b6b !important;
     text-decoration: none !important;
     text-decoration: none !important;
    outline: 3px solid #ff6600 !important;
}
}


/* ВЕЛИКІ ТА ЧІТКІ КНОПКИ */
/* КНОПКИ */
body.accessibility-mode button,
body.accessibility-mode button,
body.accessibility-mode input[type="submit"],
body.accessibility-mode input[type="submit"],
Рядок 276: Рядок 256:
     font-size: 16px !important;
     font-size: 16px !important;
     padding: 14px 20px !important;
     padding: 14px 20px !important;
     border: 3px solid #000000 !important;
     border: 3px solid #ffffff !important;
     border-radius: 8px !important;
     border-radius: 8px !important;
     min-height: 50px !important;
     min-height: 50px !important;
     min-width: 120px !important;
     background-color: #4d4dff !important;
    color: #ffffff !important;
     font-weight: bold !important;
     font-weight: bold !important;
    background-color: #1a73e8 !important;
    color: #ffffff !important;
}
}


Рядок 288: Рядок 267:
body.accessibility-mode input[type="submit"]:hover,
body.accessibility-mode input[type="submit"]:hover,
body.accessibility-mode input[type="button"]:hover {
body.accessibility-mode input[type="button"]:hover {
     background-color: #d40000 !important;
     background-color: #ff6b6b !important;
     border-color: #d40000 !important;
     border-color: #ff6b6b !important;
    transform: scale(1.05) !important;
}
}


Рядок 296: Рядок 274:
body.accessibility-mode input[type="text"],
body.accessibility-mode input[type="text"],
body.accessibility-mode input[type="search"],
body.accessibility-mode input[type="search"],
body.accessibility-mode input[type="email"],
body.accessibility-mode textarea,
body.accessibility-mode textarea,
body.accessibility-mode select {
body.accessibility-mode select {
     font-size: 16px !important;
     font-size: 16px !important;
     padding: 12px !important;
     padding: 12px !important;
     border: 3px solid #000000 !important;
     border: 3px solid #ffffff !important;
     border-radius: 6px !important;
     border-radius: 6px !important;
     min-height: 44px !important;
     min-height: 44px !important;
     background-color: #ffffff !important;
     background-color: #000000 !important;
     color: #000000 !important;
     color: #ffffff !important;
}
}


/* СИЛЬНІ ФОКУСИ ДЛЯ КЛАВІАТУРНОЇ НАВІГАЦІЇ */
/* ФОКУСИ */
body.accessibility-mode *:focus {
body.accessibility-mode *:focus {
     outline: 4px solid #ff6600 !important;
     outline: 4px solid #ffff00 !important;
     outline-offset: 3px !important;
     outline-offset: 3px !important;
    box-shadow: 0 0 0 6px rgba(255, 102, 0, 0.3) !important;
}
}


Рядок 319: Рядок 295:
body.accessibility-mode #ca-nstab-main.mw-selected a,
body.accessibility-mode #ca-nstab-main.mw-selected a,
body.accessibility-mode #ca-nstab-talk.mw-selected a {
body.accessibility-mode #ca-nstab-talk.mw-selected a {
     background-color: #d40000 !important;
     background-color: #ffff00 !important;
     color: #ffffff !important;
     color: #000000 !important;
     font-weight: bold !important;
     font-weight: bold !important;
    font-size: 1.1em !important;
     border: 3px solid #ff6b6b !important;
     border: 3px solid #ff6600 !important;
}
}


/* ТАБЛИЦІ */
/* ТАБЛИЦІ */
body.accessibility-mode table {
body.accessibility-mode table {
     border: 3px solid #000000 !important;
     border: 3px solid #ffffff !important;
    background-color: #f8f8f8 !important;
}
}


body.accessibility-mode th {
body.accessibility-mode th {
     background-color: #1a73e8 !important;
     background-color: #4d4dff !important;
     color: #ffffff !important;
     color: #ffffff !important;
     font-weight: bold !important;
     font-weight: bold !important;
     padding: 12px !important;
     padding: 12px !important;
    font-size: 1.1em !important;
}
}


body.accessibility-mode td {
body.accessibility-mode td {
     background-color: #ffffff !important;
     background-color: #222222 !important;
     color: #000000 !important;
     color: #ffffff !important;
     padding: 10px !important;
     padding: 10px !important;
     border: 2px solid #cccccc !important;
     border: 2px solid #444444 !important;
}
 
/* ЗОБРАЖЕННЯ */
body.accessibility-mode img {
    border: 3px solid #1a73e8 !important;
    border-radius: 5px !important;
}
 
body.accessibility-mode img:hover {
    border-color: #d40000 !important;
    transform: scale(1.02) !important;
}
 
/* СПИСКИ */
body.accessibility-mode ul,
body.accessibility-mode ol {
    padding-left: 2em !important;
}
 
body.accessibility-mode li {
    margin-bottom: 8px !important;
    padding-left: 10px !important;
}
}


Рядок 372: Рядок 323:
body.accessibility-mode h1,
body.accessibility-mode h1,
body.accessibility-mode h2,
body.accessibility-mode h2,
body.accessibility-mode h3,
body.accessibility-mode h3 {
body.accessibility-mode h4,
     color: #ff6b6b !important;
body.accessibility-mode h5,
     border-left: 5px solid #4d4dff !important;
body.accessibility-mode h6 {
     color: #d40000 !important;
     border-left: 5px solid #1a73e8 !important;
     padding-left: 15px !important;
     padding-left: 15px !important;
    margin-bottom: 1.2em !important;
}
/* КОД */
body.accessibility-mode code,
body.accessibility-mode pre {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    border: 2px solid #cccccc !important;
    padding: 10px !important;
    font-size: 1.1em !important;
    border-radius: 5px !important;
}
/* ВИДІЛЕННЯ ТЕКСТУ */
body.accessibility-mode ::selection {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}
body.accessibility-mode ::-moz-selection {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}
}
Отримано з https://darnytsa.hero.kyivcity.gov.ua/w/index.php/MediaWiki:Dark.css