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

Матеріал з darnytsa_hero
Перейти до навігації Перейти до пошуку
Немає опису редагування
Немає опису редагування
Рядок 208: Рядок 208:
/* Режим доступності */
/* Режим доступності */
body.accessibility-mode {
body.accessibility-mode {
     background-color: #ffffff !important; /* білий фон */
     background-color: #ffffff !important;
     color: #000000 !important; /* чорний текст */
     color: #000000 !important;
     font-size: 18px !important; /* більший шрифт */
     font-size: 18px !important;
     line-height: 1.8 !important;
     line-height: 1.8 !important;
}
}
Рядок 227: Рядок 227:
body.accessibility-mode button,
body.accessibility-mode button,
body.accessibility-mode input[type="submit"],
body.accessibility-mode input[type="submit"],
body.accessibility-mode input[type="button"] {
body.accessibility-mode input[type="button"],
body.accessibility-mode select,
body.accessibility-mode textarea {
     font-size: 16px !important;
     font-size: 16px !important;
    padding: 10px !important;
     border: 2px solid #000 !important;
     border: 2px solid #000 !important;
    border-radius: 6px !important;
}
}


/* Чіткі фокуси для клавіатури */
/* Чіткі фокуси */
body.accessibility-mode a:focus,
body.accessibility-mode a:focus,
body.accessibility-mode button:focus,
body.accessibility-mode button:focus,
Рядок 238: Рядок 242:
     outline: 3px solid #ff6600 !important;
     outline: 3px solid #ff6600 !important;
     outline-offset: 2px;
     outline-offset: 2px;
}
/* Підсвічування активних вкладок */
body.accessibility-mode #ca-nstab-main.mw-selected a,
body.accessibility-mode #ca-nstab-talk.mw-selected a,
body.accessibility-mode #ca-edit.mw-selected a,
body.accessibility-mode #ca-viewsource.mw-selected a,
body.accessibility-mode #ca-history.mw-selected a {
    background-color: #0000ff !important;
    color: #ffffff !important;
    font-weight: bold;
}
}

Версія за 15:50, 23 вересня 2025

/* =========================
   Світла тема для MediaWiki 1.44 (Vector)
   ========================= */

/* =========================
   Фон сторінки та шапка
   ========================= */
html, body, .mw-body {
    background-color: #f9f9f9;
    color: #000000; /* основний текст чорний */
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    min-height: 100%;
}

#mw-head {
    background-color: #e0e0e0; /* світла шапка */
    color: #000000;
}

#mw-head h1, #mw-head h2 {
    color: #000000; /* заголовки чорні */
}

/* =========================
   Панелі навігації
   ========================= */
#p-personal, #p-navigation, #p-tb, #p-lang, #p-cactions {
    background-color: #e0e0e0;
    color: #000000;
}

#p-personal a, #p-navigation a, #p-tb a, #p-lang a, #p-cactions a {
    color: #000000;
}

#p-personal a:hover, #p-navigation a:hover, #p-tb a:hover,
#p-lang a:hover, #p-cactions a:hover {
    text-decoration: underline;
}

/* =========================
   Вкладки сторінки
   ========================= */
#ca-nstab-main, #ca-nstab-talk, #ca-view, #ca-edit, #ca-viewsource, #ca-history {
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
}

#ca-nstab-main a,
#ca-nstab-talk a,
#ca-view a,
#ca-edit a,
#ca-viewsource a,
#ca-history a {
    color: #000000 !important;
    text-decoration: none;
    padding: 4px 10px;
    display: inline-block;
    background-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 4px 4px 0 0;
}

/* Hover / Focus / Active для вкладок */
#ca-nstab-main a:hover,
#ca-nstab-talk a:hover,
#ca-view a:hover,
#ca-edit a:hover,
#ca-viewsource a:hover,
#ca-history a:hover,
#ca-nstab-main a:focus,
#ca-nstab-talk a:focus,
#ca-view a:focus,
#ca-edit a:focus,
#ca-viewsource a:focus,
#ca-history a:focus,
#ca-nstab-main a:active,
#ca-nstab-talk a:active,
#ca-view a:active,
#ca-edit a:active,
#ca-viewsource a:active,
#ca-history a:active {
    background-color: #d0e1ff !important; /* світло-синій hover */
    color: #1a73e8 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Активна вкладка */
#ca-nstab-main.mw-selected a,
#ca-nstab-talk.mw-selected a,
#ca-view.mw-selected a,
#ca-edit.mw-selected a,
#ca-viewsource.mw-selected a,
#ca-history.mw-selected a {
    background-color: #d0e1ff !important;
    color: #1a73e8 !important;
    font-weight: bold;
    box-shadow: none !important;
    outline: none !important;
}

/* Vector специфіка */
.mw-vectorTabs a,
.mw-vectorTabs a:focus,
.mw-vectorTabs a:active {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================
   Приховати вкладку Інструменти для неавторизованих користувачів
   ========================= */
body:not(.logged-in) #p-tb {
    display: none !important;
}
/* =========================
   Приховати бічні блоки для незареєстрованих користувачів
   ========================= */
body:not(.logged-in) #p-navigation,
body:not(.logged-in) #p-specialpages {
    display: none !important;
}


/* =========================
   Основний контент
   ========================= */
.mw-parser-output {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 6px;
}

p, li, span, a {
    color: #000000;
    text-decoration: none;
}

p a:hover, li a:hover, span a:hover {
    color: #1a73e8;
    text-decoration: underline;
}

/* Таблиці */
.mw-parser-output table {
    border: 1px solid #ccc;
    background-color: #ffffff;
    color: #000000;
}

.mw-parser-output th {
    background-color: #e0e0e0;
    color: #000000;
    padding: 6px;
}

.mw-parser-output td {
    background-color: #ffffff;
    padding: 6px;
}

/* =========================
   Кнопки та форми
   ========================= */
button, input[type="submit"], input[type="button"] {
    background-color: #f0f0f0 !important;
    border: 1px solid #ccc !important;
    color: #000000 !important;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
}

button:hover, button:focus, button:active,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active {
    background-color: #d0e1ff !important;
    color: #1a73e8 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* =========================
   Підвал сайту
   ========================= */
#footer {
    background-color: #e0e0e0;
    color: #555;
    padding: 10px;
}

/* =========================
   Приховати вкладки для неавторизованих користувачів
   ========================= */
body:not(.logged-in) #ca-nstab-talk,
body:not(.logged-in) #ca-talk,
body:not(.logged-in) #ca-viewsource,
body:not(.logged-in) #ca-history {
    display: none !important;
}

/* Режим доступності */
body.accessibility-mode {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
}

body.accessibility-mode a {
    color: #1a73e8 !important;
    font-weight: bold !important;
}

body.accessibility-mode a:hover,
body.accessibility-mode a:focus {
    color: #ff6600 !important;
    outline: 3px solid #ff6600 !important;
}

body.accessibility-mode button,
body.accessibility-mode input[type="submit"],
body.accessibility-mode input[type="button"],
body.accessibility-mode select,
body.accessibility-mode textarea {
    font-size: 16px !important;
    padding: 10px !important;
    border: 2px solid #000 !important;
    border-radius: 6px !important;
}

/* Чіткі фокуси */
body.accessibility-mode a:focus,
body.accessibility-mode button:focus,
body.accessibility-mode input:focus {
    outline: 3px solid #ff6600 !important;
    outline-offset: 2px;
}

/* Підсвічування активних вкладок */
body.accessibility-mode #ca-nstab-main.mw-selected a,
body.accessibility-mode #ca-nstab-talk.mw-selected a,
body.accessibility-mode #ca-edit.mw-selected a,
body.accessibility-mode #ca-viewsource.mw-selected a,
body.accessibility-mode #ca-history.mw-selected a {
    background-color: #0000ff !important;
    color: #ffffff !important;
    font-weight: bold;
}