/* be-public.css — отображение блоков статьи на публичной детальной странице (publications/detail.php). Сайт в ТЁМНОЙ теме (графит + золото). Подключать в detail.php ОТДЕЛЬНО от темы Holaa. style.css не трогает. Классы соответствуют выводу be_render_blocks(). */ .be-article .be-text { margin: 0 0 1.1em; line-height: 1.85; } .be-article .be-text p { margin: 0 0 1em; } .be-article .be-text h2 { font-size: 1.5em; margin: 1.4em 0 .5em; font-weight: 700; } .be-article .be-text h3 { font-size: 1.25em; margin: 1.2em 0 .4em; font-weight: 700; } .be-article .be-text h4 { font-size: 1.1em; margin: 1em 0 .3em; font-weight: 700; } .be-article .be-text ul, .be-article .be-text ol { margin: 0 0 1em 1.4em; } .be-article .be-text li { margin: .35em 0; } .be-article .be-text a { color: #F4C046; text-decoration: underline; } /* Цитата — золотая полоса на полупрозрачном тёмном фоне */ .be-article .be-quote { border-left: 4px solid #F4C046; background: rgba(244, 192, 70, 0.07); margin: 1.8em 0; padding: 1.1em 1.5em; font-size: 1.1em; font-style: italic; color: #e8eaf0; border-radius: 0 10px 10px 0; } .be-article .be-quote p { margin: 0 0 .5em; } .be-article .be-quote p:last-child { margin-bottom: 0; } /* Разделитель */ .be-article .be-divider { border: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(244,192,70,0.4), transparent); margin: 2.2em 0; } /* Изображения с выравниванием и шириной */ .be-article .be-figure { margin: 1.8em 0; } .be-article .be-figure img { max-width: 100%; height: auto; border-radius: 10px; display: block; } .be-article .be-figure figcaption { font-size: .9em; color: #9aa0ad; margin-top: .6em; text-align: center; font-style: italic; } .be-article .be-align-center { text-align: center; } .be-article .be-align-center img, .be-article .be-align-center figcaption { margin-left: auto; margin-right: auto; } .be-article .be-align-left img { margin-right: auto; } .be-article .be-align-right img { margin-left: auto; } .be-article .be-width-half img { max-width: 50%; } @media (max-width: 600px) { .be-article .be-width-half img { max-width: 100%; } } /* Q&A — блок с заголовком и аккордеоном в тёмных тонах */ .be-article .be-qa { margin: 2em 0; } .be-article .be-qa-heading { font-size: 1.35em; font-weight: 800; color: #F4C046; margin-bottom: 1em; padding-bottom: .5em; border-bottom: 2px solid rgba(244,192,70,0.25); text-transform: uppercase; letter-spacing: .5px; } .be-article .be-qa-item { border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; margin-bottom: 12px; overflow: hidden; background: rgba(255,255,255,0.03); } .be-article .be-qa-item summary { cursor: pointer; padding: 16px 50px 16px 18px; font-weight: 700; font-size: 1.05em; color: #fff; background: rgba(244,192,70,0.06); list-style: none; position: relative; transition: background .15s; } .be-article .be-qa-item summary:hover { background: rgba(244,192,70,0.12); } .be-article .be-qa-item summary::-webkit-details-marker { display: none; } .be-article .be-qa-item summary::after { content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 1.5em; color: #F4C046; font-weight: 400; line-height: 1; } .be-article .be-qa-item[open] summary::after { content: '\2212'; } .be-article .be-qa-item[open] summary { background: rgba(244,192,70,0.1); } .be-article .be-qa-answer { padding: 16px 18px; line-height: 1.8; color: #d4d7e0; } .be-article .be-qa-answer p { margin: 0 0 .8em; } .be-article .be-qa-answer p:last-child { margin-bottom: 0; }