MediaWiki:Common.css: различия между версиями
Материал из wiki innovation station ss14
Userr (обсуждение | вклад) Нет описания правки |
Userr (обсуждение | вклад) Нет описания правки |
||
(не показано 38 промежуточных версий 2 участников) | |||
Строка 1: | Строка 1: | ||
/* 🌑 Фон через ::before, затемнённый и прозрачный */ | |||
body::before { | |||
content: ""; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
height: 100vh; | |||
width: 100vw; | |||
background-image: url('https://wiki-innovationstation-ss14.ru/images/d/d6/СССП.png'); | |||
background-size: cover; | |||
background-repeat: no-repeat; | |||
background-attachment: fixed; | |||
z-index: -1; | |||
background-color: rgba(0, 0, 0, 0.6); /* ← вот это затемняет, но не палит "кота" */ | |||
background-blend-mode: darken; /* ← делает фон темнее через смешивание */ | |||
filter: brightness(1); /* ← можно убрать если слишком тускло */ | |||
} | |||
/* ✨ Убираем стандартный фон body */ | |||
body { | |||
background: none !important; | |||
color: #ffffff !important; | |||
} | |||
/* 🌟 Общие настройки — белый текст, прозрачный фон, убираем тени */ | |||
* { | * { | ||
background-color: | background-color: transparent !important; | ||
color: # | color: #ffffff !important; | ||
font-weight: bold !important; | font-weight: bold; | ||
box-shadow: none !important; | |||
} | |||
/* 📄 Контейнеры и панели */ | |||
#content, | |||
#p-logo, #p-navigation, #p-search, #p-tb, #p-cactions, .portal, | |||
.vector-menu-content, | |||
#footer, | |||
.mw-warning, .mw-error, | |||
table, th, td, ol, ul { | |||
background-color: transparent !important; | |||
color: #ffffff !important; | |||
box-shadow: none !important; | box-shadow: none !important; | ||
} | } | ||
a { | /* 📋 Текст всех основных элементов */ | ||
color: # | a, li, td, th, p, span, div, h1, h2, h3, h4, h5, h6 { | ||
color: #ffffff !important; | |||
} | |||
/* 🧩 Аккордеоны */ | |||
.accordion-header { | |||
cursor: pointer; | |||
padding: 10px; | |||
background-color: #333; | |||
border: 1px solid #555; | |||
border-radius: 5px; | |||
margin-bottom: 5px; | |||
color: #ffffff !important; | |||
} | |||
.accordion-header:hover { | |||
background-color: #444; | |||
} | |||
.accordion-content { | |||
display: none; | |||
padding: 10px; | |||
background-color: #222; | |||
border: 1px solid #444; | |||
border-radius: 5px; | |||
margin-top: 5px; | |||
color: #ffffff !important; | |||
} | |||
.accordion-content .accordion-header { | |||
margin-left: 20px; | |||
background-color: #444; | |||
} | } | ||
.accordion-content .accordion-content { | |||
color: # | margin-left: 20px; | ||
background-color: #333; | |||
} | } |
Текущая версия от 22:13, 12 июня 2025
/* 🌑 Фон через ::before, затемнённый и прозрачный */ body::before { content: ""; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-image: url('https://wiki-innovationstation-ss14.ru/images/d/d6/СССП.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; z-index: -1; background-color: rgba(0, 0, 0, 0.6); /* ← вот это затемняет, но не палит "кота" */ background-blend-mode: darken; /* ← делает фон темнее через смешивание */ filter: brightness(1); /* ← можно убрать если слишком тускло */ } /* ✨ Убираем стандартный фон body */ body { background: none !important; color: #ffffff !important; } /* 🌟 Общие настройки — белый текст, прозрачный фон, убираем тени */ * { background-color: transparent !important; color: #ffffff !important; font-weight: bold; box-shadow: none !important; } /* 📄 Контейнеры и панели */ #content, #p-logo, #p-navigation, #p-search, #p-tb, #p-cactions, .portal, .vector-menu-content, #footer, .mw-warning, .mw-error, table, th, td, ol, ul { background-color: transparent !important; color: #ffffff !important; box-shadow: none !important; } /* 📋 Текст всех основных элементов */ a, li, td, th, p, span, div, h1, h2, h3, h4, h5, h6 { color: #ffffff !important; } /* 🧩 Аккордеоны */ .accordion-header { cursor: pointer; padding: 10px; background-color: #333; border: 1px solid #555; border-radius: 5px; margin-bottom: 5px; color: #ffffff !important; } .accordion-header:hover { background-color: #444; } .accordion-content { display: none; padding: 10px; background-color: #222; border: 1px solid #444; border-radius: 5px; margin-top: 5px; color: #ffffff !important; } .accordion-content .accordion-header { margin-left: 20px; background-color: #444; } .accordion-content .accordion-content { margin-left: 20px; background-color: #333; }