MediaWiki:Light.css: відмінності між версіями
Wiki (обговорення | внесок) Створена сторінка: →========================= Світла тема =========================: body { background-color: #ffffff; →білий фон: color: #202020; →темний текст: font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } a { color: #0066cc; →сині посилання: text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #cc3... |
Wiki (обговорення | внесок) Немає опису редагування |
||
| Рядок 1: | Рядок 1: | ||
/* ========================= | /* ========================= | ||
Світла тема | Світла тема для MediaWiki 1.44 (Vector) | ||
========================= */ | ========================= */ | ||
body { | /* ========================= | ||
background-color: # | Фон сторінки та шапка | ||
color: # | ========================= */ | ||
html, body, .mw-body { | |||
background-color: #f9f9f9; | |||
color: #000000; /* основний текст чорний */ | |||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | 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; /* заголовки чорні */ | |||
} | } | ||
a { | /* ========================= | ||
color: # | Панелі навігації | ||
========================= */ | |||
#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; | 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; | |||
} | } | ||
a:hover { | /* 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 специфіка */ | |||
color: # | .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; | |||
} | } | ||
.mw- | /* ========================= | ||
Основний контент | |||
========================= */ | |||
.mw-parser-output { | |||
background-color: #ffffff; | 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 { | .mw-parser-output table { | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
background-color: #ffffff; | |||
color: #000000; | |||
} | } | ||
.mw-parser-output th { | .mw-parser-output th { | ||
background-color: # | background-color: #e0e0e0; | ||
color: #000000; | |||
padding: 6px; | |||
} | } | ||
.mw-parser-output td { | .mw-parser-output td { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
padding: 6px; | |||
} | } | ||
/* Кнопки | /* ========================= | ||
button, input[type="submit"] { | Кнопки та форми | ||
background-color: # | ========================= */ | ||
border: 1px solid # | button, input[type="submit"], input[type="button"] { | ||
color: # | background-color: #f0f0f0 !important; | ||
padding: | border: 1px solid #ccc !important; | ||
color: #000000 !important; | |||
padding: 6px 12px; | |||
border-radius: 4px; | border-radius: 4px; | ||
cursor: pointer; | |||
box-shadow: none !important; | |||
outline: none !important; | |||
} | } | ||
button:hover, input[type="submit"]:hover { | 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; | 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; | |||
} | } | ||