Главная: различия между версиями
Нет описания правки |
Нет описания правки |
||
| Строка 1: | Строка 1: | ||
<html> | <html> | ||
/* 🧑💼 Скрытие элементов интерфейса для гостей */ | |||
body:not(.loggedin) #mw-panel, | |||
margin: | body:not(.loggedin) #footer, | ||
padding: | 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; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 40px; | |||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
border | 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; | |||
} | |||
} | |||
</html> | </html> | ||
Версия от 15:06, 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; } }