Главная: различия между версиями

Материал из AVG Logistics Knowledge Base
Перейти к навигации Перейти к поиску
← Предыдущая правкаСледующая правка →
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
/* 🧑‍💼 Скрытие элементов интерфейса для гостей */
<html>
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;
}


/* Центровка приветственного блока */
<div style="
body:not(.loggedin) #content {
  max-width: 1000px;
   margin: 0 auto;
   margin: 60px auto;
  max-width: 1200px;
   padding: 40px;
   padding-top: 60px;
   border: 1px solid #c8dde9;
   text-align: center;
   border-radius: 12px;
   font-size: 1.1em;
   display: flex;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 40px;
   gap: 40px;
  align-items: center;
  justify-content: center;
   background-color: var(--card-bg);
   background-color: var(--card-bg);
  color: var(--text-color);
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
  border: none;
   justify-content: flex-start;
   box-shadow: 0 2px 12px rgba(0,0,0,0.04);
   flex-wrap: wrap;
   border-radius: 10px;
   text-align: center;
   padding: 40px 20px;
">
}
 
/* 🌓 Переменные для тем */
:root {
  --card-bg: #ffffff;
   --text-color: #111111;
  --button-bg: #4263eb;
  --button-color: #ffffff;
}


body.dark-mode {
  <!-- Логотип -->
  --card-bg: #222222;
   <img src="https://wiki-avglogistics.ru/images/4/4c/Og_preview_avglogistics.png"
   --text-color: #eeeeee;
      alt="AVG Logistics"
  --button-bg: #4c8ef7;
      style="height: 140px; max-width: 100%;">
  --button-color: #ffffff;
}


/* 🌐 Приветственное изображение */
  <!-- Приветствие + кнопка -->
body:not(.loggedin) #content img {
  <div style="flex: 1;">
  height: 140px;
    <div style="font-size: 1.6em; font-weight: bold; margin-bottom: 20px; color: var(--text-color);">
  max-width: 100%;
      Добро пожаловать в систему AVG Logistics
}
    </div>


/* 🔘 Кнопка входа */
    <!-- 👇 Кнопка входа -->
body:not(.loggedin) #content a[href*="UserLogin"] {
    <a href="/index.php?title=Special:UserLogin"
  background-color: var(--button-bg);
      style="background-color: var(--button-bg);
  color: var(--button-color);
              color: var(--button-color);
  padding: 14px 28px;
              padding: 14px 32px;
  border-radius: 10px;
              border-radius: 10px;
  font-weight: 600;
              font-weight: 600;
  text-decoration: none;
              text-decoration: none;
  font-size: 1em;
              font-size: 1em;
  display: inline-block;
              display: inline-block;">
   margin-top: 20px;
      Войти в систему
}
    </a>
   </div>


/* 📱 Адаптивность */
</div>
@media (max-width: 768px) {
</html>
  body:not(.loggedin) #content {
    flex-direction: column;
    gap: 20px;
  }
}

Версия от 16:09, 3 апреля 2025

AVG Logistics
Добро пожаловать в систему AVG Logistics
Войти в систему

Источник — https://wiki-avglogistics.ru/index.php?title=Главная&oldid=111