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

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


<div style="
/* 🧑‍💼 Скрытие элементов интерфейса для гостей */
   max-width: 1100px;
body:not(.loggedin) #mw-panel,
   margin: 60px auto;
body:not(.loggedin) #footer,
   padding: 40px;
body:not(.loggedin) #p-personal,
   background-color: var(--bg-color, #fff);
body:not(.loggedin) #mw-head,
   color: var(--text-color, #000);
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-radius: 12px;
  background-color: var(--card-bg);
   box-shadow: 0 0 12px rgba(0,0,0,0.05);
  color: var(--text-color);
   transition: background 0.3s, color 0.3s;
   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;
}


  <!-- Логотип -->
/* 📱 Адаптивность */
   <div style="flex-shrink: 0; margin-right: 40px;">
@media (max-width: 768px) {
     <img src="https://wiki-avglogistics.ru/images/4/4c/Og_preview_avglogistics.png"
   body:not(.loggedin) #content {
        alt="AVG Logistics"
    flex-direction: column;
        style="height: 180px; max-width: 100%;">
     gap: 20px;
   </div>
   }
}


<!-- 👇 Кнопка входа -->
    <a href="/index.php?title=Special:UserLogin"
      style="background-color: var(--button-bg);
              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>




</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; } }