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

Материал из AVG Logistics Knowledge Base
Перейти к навигации Перейти к поиску
← Предыдущая правка
Нет описания правки
Нет описания правки
 
(не показано 16 промежуточных версий этого же участника)
Строка 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;
}


/* Центровка приветственного блока */
<html>
body:not(.loggedin) #content {
  <div class="portal-grid">
   margin: 0 auto;
  <div class="portal-tile">
   max-width: 1200px;
    <a href="/wiki/SOP">
   padding-top: 60px;
      <i class="fa-solid fa-book-open"></i>
   text-align: center;
      <span>Стандартные операционные процедуры</span>
  font-size: 1.1em;
    </a>
   display: flex;
   </div>
   flex-wrap: wrap;
   <div class="portal-tile">
   gap: 40px;
    <a href="/wiki/Склад">
   align-items: center;
      <i class="fa-solid fa-warehouse"></i>
   justify-content: center;
      <span>Склад</span>
   background-color: var(--card-bg);
    </a>
   color: var(--text-color);
  </div>
   border: none;
   <div class="portal-tile">
   box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    <a href="/wiki/Ошиповка">
  border-radius: 10px;
      <i class="fa-solid fa-industry"></i>
   padding: 40px 20px;
      <span>Ошиповка</span>
}
    </a>
   </div>
  <div class="portal-tile">
    <a href="/wiki/QA">
      <i class="fa-solid fa-clipboard-check"></i>
      <span>Качество / QA</span>
    </a>
   </div>
   <div class="portal-tile">
    <a href="/wiki/Инструкции">
      <i class="fa-solid fa-file-lines"></i>
      <span>Инструкции и регламенты</span>
    </a>
   </div>
   <div class="portal-tile">
    <a href="/wiki/CycleCount">
      <i class="fa-solid fa-repeat"></i>
      <span>CycleCount</span>
    </a>
   </div>
   <div class="portal-tile">
    <a href="/wiki/Претензии">
      <i class="fa-solid fa-triangle-exclamation"></i>
      <span>Претензии / Некондиция</span>
    </a>
  </div>
   <div class="portal-tile">
    <a href="/wiki/Обучение">
      <i class="fa-solid fa-chalkboard-user"></i>
      <span>Обучение и тестирование</span>
    </a>
   </div>
   <div class="portal-tile">
    <a href="/wiki/Все_документы">
      <i class="fa-solid fa-list"></i>
      <span>Все документы</span>
    </a>
   </div>


/* 🌓 Переменные для тем */
:root {
  --card-bg: #ffffff;
  --text-color: #111111;
  --button-bg: #4263eb;
  --button-color: #ffffff;
}


body.dark-mode {
<div class="portal-tile">
   --card-bg: #222222;
   <a href="/wiki/Разное">
   --text-color: #eeeeee;
    <i class="fa-solid fa-shapes"></i>
  --button-bg: #4c8ef7;
    <span>Разное</span>
  --button-color: #ffffff;
   </a>
}
</div>
</div>
<templatestyles src="MediaWiki:PortalMainPage.css" />


/* 🌐 Приветственное изображение */
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;
}


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

Текущая версия от 12:01, 10 апреля 2025

Стандартные операционные процедуры
Склад
Ошиповка
Качество / QA
Инструкции и регламенты
CycleCount
Претензии / Некондиция
Обучение и тестирование
Все документы
Разное

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