Главная: различия между версиями
Перейти к навигации
Перейти к поиску
Нет описания правки |
Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* 🧑💼 Скрытие элементов интерфейса для гостей */ | |||
body:not(.loggedin) #mw-panel, | |||
body:not(.loggedin) #footer, | |||
body:not(.loggedin) #p-personal, | |||
body:not(.loggedin) #mw-head, | |||
body:not(.loggedin) #catlinks, | |||
body:not(.loggedin) #mw-navigation, | |||
body:not(.loggedin) #contentSub, | |||
body:not(.loggedin) .firstHeading, | |||
body:not(.loggedin) .mw-indicators, | |||
body:not(.loggedin) .mw-editsection, | |||
body:not(.loggedin) #searchform { | |||
display: none !important; | |||
} | |||
/* Центровка приветственного блока */ | |||
body:not(.loggedin) #content { | |||
margin: 0 auto; | |||
padding: | max-width: 1200px; | ||
padding-top: 60px; | |||
text-align: center; | |||
font-size: 1.1em; | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | |||
gap: 40px; | |||
align-items: center; | align-items: center; | ||
justify-content: center; | |||
background-color: var(--card-bg); | background-color: var(--card-bg); | ||
box-shadow: 0 | color: var(--text-color); | ||
border: none; | |||
box-shadow: 0 2px 12px rgba(0,0,0,0.04); | |||
border-radius: 10px; | |||
padding: 40px 20px; | |||
} | |||
/* 🌓 Переменные для тем */ | |||
:root { | |||
--card-bg: #ffffff; | |||
--text-color: #111111; | |||
--button-bg: #4263eb; | |||
--button-color: #ffffff; | |||
} | |||
body.dark-mode { | |||
--card-bg: #222222; | |||
--text-color: #eeeeee; | |||
--button-bg: #4c8ef7; | |||
--button-color: #ffffff; | |||
} | |||
/* 🌐 Приветственное изображение */ | |||
body:not(.loggedin) #content img { | |||
height: 140px; | |||
max-width: 100%; | |||
} | |||
/* 🔘 Кнопка входа */ | |||
body:not(.loggedin) #content a[href*="UserLogin"] { | |||
background-color: var(--button-bg); | |||
color: var(--button-color); | |||
padding: 14px 28px; | |||
border-radius: 10px; | |||
font-weight: 600; | |||
text-decoration: none; | |||
font-size: 1em; | |||
display: inline-block; | |||
margin-top: 20px; | |||
} | |||
/* 📱 Адаптивность */ | |||
@media (max-width: 768px) { | |||
body:not(.loggedin) #content { | |||
flex-direction: column; | |||
gap: 20px; | |||
} | |||
} | |||
Версия от 16:08, 3 апреля 2025
/* 🧑💼 Скрытие элементов интерфейса для гостей */ body:not(.loggedin) #mw-panel, body:not(.loggedin) #footer, body:not(.loggedin) #p-personal, body:not(.loggedin) #mw-head, body:not(.loggedin) #catlinks, body:not(.loggedin) #mw-navigation, body:not(.loggedin) #contentSub, body:not(.loggedin) .firstHeading, body:not(.loggedin) .mw-indicators, body:not(.loggedin) .mw-editsection, body:not(.loggedin) #searchform {
display: none !important;
}
/* Центровка приветственного блока */ body:not(.loggedin) #content {
margin: 0 auto; max-width: 1200px; padding-top: 60px; text-align: center; font-size: 1.1em; display: flex; flex-wrap: wrap; gap: 40px; align-items: center; justify-content: center; background-color: var(--card-bg); color: var(--text-color); border: none; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border-radius: 10px; padding: 40px 20px;
}
/* 🌓 Переменные для тем */
- root {
--card-bg: #ffffff; --text-color: #111111; --button-bg: #4263eb; --button-color: #ffffff;
}
body.dark-mode {
--card-bg: #222222; --text-color: #eeeeee; --button-bg: #4c8ef7; --button-color: #ffffff;
}
/* 🌐 Приветственное изображение */ body:not(.loggedin) #content img {
height: 140px; max-width: 100%;
}
/* 🔘 Кнопка входа */ body:not(.loggedin) #content a[href*="UserLogin"] {
background-color: var(--button-bg); color: var(--button-color); padding: 14px 28px; border-radius: 10px; font-weight: 600; text-decoration: none; font-size: 1em; display: inline-block; margin-top: 20px;
}
/* 📱 Адаптивность */ @media (max-width: 768px) {
body:not(.loggedin) #content {
flex-direction: column;
gap: 20px;
}
}