MediaWiki:Dark.css: відмінності між версіями
Wiki (обговорення | внесок) Створена сторінка: →========================= Темна тема =========================: body { background-color: #1e1e1e; →темний фон: color: #e0e0e0; →світлий текст: font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } a { color: #4fa3ff; →синьо-блакитні посилання: text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h... |
Wiki (обговорення | внесок) Немає опису редагування |
||
| Рядок 1: | Рядок 1: | ||
/* ========================= | /* ========================= | ||
Темна тема | Темна тема (повна) | ||
========================= */ | ========================= */ | ||
body { | /* Фон всього body та основного контейнера */ | ||
background-color: # | html, body, .mw-body { | ||
background-color: #121212; /* темний фон на всю сторінку */ | |||
color: #e0e0e0; /* світлий текст */ | color: #e0e0e0; /* світлий текст */ | ||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | ||
min-height: 100%; | |||
} | } | ||
/* Посилання */ | |||
a { | a { | ||
color: #4fa3ff; | color: #4fa3ff; /* блакитні посилання */ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Рядок 18: | Рядок 21: | ||
} | } | ||
/* Заголовки */ | |||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: #ffcc00; | color: #ffcc00; /* жовті заголовки */ | ||
} | } | ||
.mw- | /* Основний вміст сторінки */ | ||
background-color: # | .mw-parser-output { | ||
background-color: #1c1c1c; /* контрастний блок для статті */ | |||
padding: 20px; | |||
border-radius: 6px; | |||
} | } | ||
/* Таблиці */ | |||
.mw-parser-output table { | .mw-parser-output table { | ||
border: 1px solid #555; | border: 1px solid #555; | ||
background-color: #1c1c1c; | |||
color: #e0e0e0; | |||
} | } | ||
.mw-parser-output th { | .mw-parser-output th { | ||
background-color: #2a2a2a; | background-color: #2a2a2a; | ||
color: #ffcc00; | |||
padding: 6px; | |||
} | } | ||
.mw-parser-output td { | .mw-parser-output td { | ||
background-color: # | background-color: #1c1c1c; | ||
padding: 6px; | |||
} | } | ||
/* Кнопки, | /* Блоки, абзаци */ | ||
button, input[type="submit"] { | p, li, span { | ||
color: #e0e0e0; | |||
} | |||
/* Кнопки, форми */ | |||
button, input[type="submit"], input[type="button"] { | |||
background-color: #333; | background-color: #333; | ||
border: 1px solid #555; | border: 1px solid #555; | ||
color: #e0e0e0; | color: #e0e0e0; | ||
padding: | padding: 6px 12px; | ||
border-radius: 4px; | border-radius: 4px; | ||
cursor: pointer; | |||
} | } | ||
button:hover, input[type="submit"]:hover { | button:hover, input[type="submit"]:hover, input[type="button"]:hover { | ||
background-color: #444; | background-color: #444; | ||
} | |||
/* Меню, навігація */ | |||
#p-personal, #p-navigation, #p-tb, #p-lang, #p-cactions { | |||
background-color: #1a1a1a; | |||
color: #e0e0e0; | |||
} | |||
/* Підвал */ | |||
#footer { | |||
background-color: #121212; | |||
color: #888; | |||
padding: 10px; | |||
} | } | ||