/* ==================================================================== Кастомный CSS (тонкая настройка от пользователя) — идёт последним, чтобы перекрывать значения по умолчанию из плагина. ==================================================================== */ /* Post extra */ #main-view .post-extra{ border-top-style:solid; border-top-width:1px; } /* Post popular */ #post-popular{ margin-top:0px; } /* Post extra title */ #main-view .post-extra .post-extra-title{ font-size:17px; line-height:1.3em; font-weight:600; } /* Dating ref attach */ #main-view .thread-item .dating-ref-attach{ margin-top:0px; } /* Detail main text */ #main-view .thread-item .detail-main-text{ margin-bottom:0px; } /* Input */ #main-view div input[type=text]{ margin-top:20px; margin-bottom:0px; } /* Dating rules text */ #main-view div .dating-rules-text{ padding-bottom:0px !important; line-height:1.3em; font-size:14px; } /* Dating rules price */ #main-view div .dating-rules-price{ margin-top:5px; font-size:14px; } /* Lucide shield check */ #main-view div .lucide-shield-check{ color:#e94848; } /* Dating rules text */ #dating-rules-text{ line-height:1.3em; font-size:13px; } /* Label */ #modal-create-dating .create-body label{ margin-top:7px; } /* Create body */ #modal-create-dating .modal-window .create-body{ gap: 10px; } /* Span Tag */ #dating-rules-box .dating-rules-title span{ font-size:14px; } /* Dating rules price */ #dating-rules-price{ font-size:14px; } /* ==================================================================== SEO-секция главной страницы (вне обёртки приложения, в контенте page 50). Тёмная по умолчанию (как сайт), светлая — по data-theme на . Нижний отступ — чтобы фикс-навигация не перекрывала текст. ==================================================================== */ .janyzak-home-seo { max-width: 680px; margin: 0 auto; padding: 30px 20px calc(100px + env(safe-area-inset-bottom, 0px)); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #c3c3c3; font-size: 15px; line-height: 1.65; border-top: 1px solid #2a2a2a; box-sizing: border-box; } .janyzak-home-seo h1 { font-size: 23px; line-height: 1.3; font-weight: 700; color: #ffffff; margin: 0 0 14px; } .janyzak-home-seo h2 { font-size: 18px; font-weight: 600; color: #ffffff; margin: 22px 0 8px; } .janyzak-home-seo h3 { font-size: 16px; font-weight: 600; color: #ededed; margin: 20px 0 8px; } .janyzak-home-seo p { margin: 0 0 12px; } .janyzak-home-seo a { color: #4ea1ff; text-decoration: none; } .janyzak-home-seo a:hover { text-decoration: underline; } /* Светлая тема сайта */ html[data-theme="light"] .janyzak-home-seo { color: #4a4a4a; border-top-color: #ececec; } html[data-theme="light"] .janyzak-home-seo h1, html[data-theme="light"] .janyzak-home-seo h2 { color: #111111; } html[data-theme="light"] .janyzak-home-seo h3 { color: #222222; } html[data-theme="light"] .janyzak-home-seo a { color: #0a66c2; } /* --- SEO-текст свёрнут в раскрывающийся блок: для пользователей — маленькая ссылка, содержимое остаётся в DOM (индексируется поисковиками, без клоакинга) --- */ .janyzak-seo-details { border-top: 1px solid #2a2a2a; padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); } .janyzak-seo-details > summary { list-style: none; cursor: pointer; max-width: 600px; margin: 0 auto; padding: 14px 20px; color: #8a8a8a; font-size: 13px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; display: flex; align-items: center; gap: 6px; user-select: none; } .janyzak-seo-details > summary::-webkit-details-marker { display: none; } .janyzak-seo-details > summary::after { content: "▾"; font-size: 11px; opacity: 0.7; transition: transform 0.2s; } .janyzak-seo-details[open] > summary::after { transform: rotate(180deg); } /* Внутри details у секции своя рамка не нужна, и большой нижний отступ убираем (его даёт details) */ .janyzak-seo-details .janyzak-home-seo { border-top: none !important; padding-top: 4px; padding-bottom: 8px; } html[data-theme="light"] .janyzak-seo-details { border-top-color: #ececec; } html[data-theme="light"] .janyzak-seo-details > summary { color: #888888; } /* --- Кастомная подстройка SEO-секции (от пользователя, из визуального редактора) --- */ /* Janyzak home seo */ .janyzak-home-seo{ width:600px; padding-left:20px; border-style:solid; border-width:1px; border-top-color:#ececec; border-color:#ececec; padding-top:20px; } /* 640px and smaller screen sizes */ @media (max-width:640px){ /* Janyzak home seo */ .janyzak-home-seo{ width:600% !important; max-width:100%; } } /* 479px and smaller screen sizes */ @media (max-width:479px){ /* Heading */ .janyzak-home-seo h1{ font-size:18px; font-weight:600; } /* Heading */ .janyzak-home-seo h2{ font-size:16px; font-weight:500; } /* Paragraph */ .janyzak-home-seo p{ font-size:15px; } }