MediaWiki:Common.css

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

• Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
• Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
• Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5.

/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */
/* ============================================================================
 * §16  BLOCKQUOTES & NOTICES (Оновлений дизайн з великими лапками)
 * ========================================================================= */

blockquote {
  position: relative !important;
  font-style: italic !important;
  color: var(--dystopia-text-primary) !important; /* Світлий текст для читабельності */
  background-color: var(--dystopia-bg-paper) !important; /* Темний паперовий фон з теми */
  padding: 1.2em 30px 1.2em 75px !important; /* Відступ зліва для великих лапок */
  border-left: 4px solid var(--dystopia-accent-secondary) !important; /* Синя лінія теми */
  margin: 1.5em 0 !important;
  line-height: 1.6 !important;
  border-radius: var(--dystopia-radius) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important; /* Легка тінь для об'єму */
  white-space: pre-line !important;
}

/* Додавання великих декоративних лапок */
blockquote::before {
  content: "\201C" !important; /* HTML-код для лівих подвійних лапок */
  font-family: Arial, sans-serif !important;
  color: var(--dystopia-accent-secondary) !important; /* Синій колір лапок, як у лінії */
  font-size: 4.5em !important;
  position: absolute !important;
  left: 12px !important;
  top: -15px !important;
  font-style: normal !important; /* Лапки мають бути прямими, не курсивом */
  opacity: 0.8 !important;
}

/* Якщо всередині цитати є ім'я автора (через тег <cite> або <span>) */
blockquote cite,
blockquote span {
  display: block !important;
  color: var(--dystopia-text-secondary) !important;
  font-style: normal !important;
  font-weight: bold !important;
  margin-top: 1em !important;
  font-size: 0.9em !important;
}