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

Материал из 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="
/* Центровка приветственного блока */
   max-width: 1000px;
body:not(.loggedin) #content {
   margin: 60px auto;
   margin: 0 auto;
   padding: 40px;
   max-width: 1200px;
   border: 1px solid #c8dde9;
   padding-top: 60px;
   border-radius: 12px;
   text-align: center;
   font-size: 1.1em;
   display: flex;
   display: flex;
  flex-wrap: wrap;
  gap: 40px;
   align-items: center;
   align-items: center;
   gap: 40px;
   justify-content: center;
   background-color: var(--card-bg);
   background-color: var(--card-bg);
   box-shadow: 0 0 10px rgba(0,0,0,0.05);
  color: var(--text-color);
   justify-content: flex-start;
  border: none;
   flex-wrap: wrap;
   box-shadow: 0 2px 12px rgba(0,0,0,0.04);
  text-align: center;
   border-radius: 10px;
">
   padding: 40px 20px;
 
}
  <!-- Логотип -->
  <img src="https://wiki-avglogistics.ru/images/4/4c/Og_preview_avglogistics.png"
      alt="AVG Logistics"
      style="height: 140px; max-width: 100%;">
 
  <!-- Приветствие + кнопка -->
  <div style="flex: 1;">
    <div style="font-size: 1.6em; font-weight: bold; margin-bottom: 20px; color: var(--text-color);">
      Добро пожаловать в систему AVG Logistics
    </div>


    <!-- 👇 Кнопка входа -->
/* 🌓 Переменные для тем */
    <a href="/index.php?title=Special:UserLogin"
:root {
      style="background-color: var(--button-bg);
  --card-bg: #ffffff;
              color: var(--button-color);
  --text-color: #111111;
              padding: 14px 32px;
  --button-bg: #4263eb;
              border-radius: 10px;
  --button-color: #ffffff;
              font-weight: 600;
}
              text-decoration: none;
              font-size: 1em;
              display: inline-block;">
      Войти в систему
    </a>
  </div>


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


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

Версия от 16:08, 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;
 }

}