/* ====================================================================== RTL — правостороннее направление для персидского ====================================================================== Персидский на этом сайте язык по умолчанию и основной рынок, но направление письма нигде не задавалось: Unicode разворачивал сами буквы, а всё, что задаёт направление на уровне блока — выравнивание, отступы, позиция маркеров и стрелок, — продолжало работать слева направо. Файл подключается только когда , поэтому на остальных языках он ничего не меняет. Зеркалятся ровно те правила style.css, которые несут сторону; симметричные (left:0 вместе с right:0) не трогаем. ====================================================================== */ [dir="rtl"] body { text-align: right; } /* --- Шапка ---------------------------------------------------------- */ [dir="rtl"] .header .logo { margin-right: 20px; margin-left: auto; padding-right: 0; padding-left: 20px; } [dir="rtl"] .language-switcher { margin-right: auto; margin-left: 20px; } @media (max-width: 1024px) { [dir="rtl"] .language-switcher { margin-right: auto; margin-left: 10px; } } /* --- Боковая колонка ------------------------------------------------ */ [dir="rtl"] .aside_fixed { left: auto; right: 50%; margin-left: 0; margin-right: -960px; } [dir="rtl"] .aside_nav .menuItem { padding-left: 0; padding-right: var(--spacing-xs); border-left: none; border-right: 2px solid var(--color-accent-2); } [dir="rtl"] .div_article { padding-left: 0; padding-right: var(--aside-width); } [dir="rtl"] .top_button { margin-left: 0; margin-right: 133px; } /* --- Контент -------------------------------------------------------- */ [dir="rtl"] .single ol { margin-left: 0; margin-right: 20px; } [dir="rtl"] .single ul li { padding-left: 0; padding-right: 25px; } /* Маркер списка рисуется псевдоэлементом, привязанным к левому краю. */ [dir="rtl"] .single ul li::before, [dir="rtl"] .single ul li::after { left: auto; right: 0; } [dir="rtl"] .content-table thead th { text-align: right; } [dir="rtl"] .breadcrumbs { text-align: right; } /* --- FAQ: плюс/минус уезжает к началу строки ------------------------ */ [dir="rtl"] .faq_item h3 { padding-right: 0; padding-left: var(--spacing-md); } [dir="rtl"] .faq_item h3::after { right: auto; left: 0; } /* --- Числа, коды и латиница внутри персидского текста --------------- На страницах полно смешанных строк вида «کازینو Pishbini ...» и сумм с латинскими символами. Изоляция не даёт им перетасовываться по правилам двунаправленного алгоритма. */ [dir="rtl"] .content-table td, [dir="rtl"] .content-table th { unicode-bidi: plaintext; } /* --- Планшет и мобильные -------------------------------------------- */ @media (max-width: 1280px) { [dir="rtl"] .aside_fixed { left: auto; right: 0; margin-right: 0; } [dir="rtl"] .div_article { padding-right: var(--aside-width); padding-left: 0; } } @media (max-width: 1024px) { [dir="rtl"] .aside_fixed { left: 0; right: 0; margin-right: 0; } [dir="rtl"] .div_article { padding: 0; } [dir="rtl"] .aside_nav .menuItem { border-right: none; } [dir="rtl"] .header .logo { margin-right: 20px; margin-left: auto; padding-left: 20px; padding-right: 0; } }