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

Материал из AVG Logistics Knowledge Base
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
<html>
<html>


/* 🧑‍💼 Скрытие элементов интерфейса для гостей */
<div style="
body:not(.loggedin) #mw-panel,
  max-width: 1000px;
body:not(.loggedin) #footer,
   margin: 60px auto;
body:not(.loggedin) #p-personal,
   padding: 40px;
body:not(.loggedin) #mw-head,
   border: 1px solid #c8dde9;
body:not(.loggedin) #catlinks,
   border-radius: 12px;
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;
   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 {
   <img src="https://wiki-avglogistics.ru/images/4/4c/Og_preview_avglogistics.png"
   --card-bg: #ffffff;
      alt="AVG Logistics"
   --text-color: #111111;
      style="height: 140px; max-width: 100%;">
  --button-bg: #4263eb;
  --button-color: #ffffff;
}


body.dark-mode {
  <!-- Приветствие + кнопка -->
  --card-bg: #222222;
  <div style="flex: 1;">
  --text-color: #eeeeee;
    <div style="font-size: 1.6em; font-weight: bold; margin-bottom: 20px; color: var(--text-color);">
  --button-bg: #4c8ef7;
      Добро пожаловать в систему AVG Logistics
  --button-color: #ffffff;
    </div>
}


/* 🌐 Приветственное изображение */
    <!-- 👇 Кнопка входа -->
body:not(.loggedin) #content img {
    <a href="/index.php?title=Special:UserLogin"
  height: 140px;
      style="background-color: var(--button-bg);
  max-width: 100%;
              color: var(--button-color);
}
              padding: 14px 32px;
              border-radius: 10px;
              font-weight: 600;
              text-decoration: none;
              font-size: 1em;
              display: inline-block;">
      Войти в систему
    </a>
  </div>


/* 🔘 Кнопка входа */
</div>
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>

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

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