40 lines
1.4 KiB
CSS
40 lines
1.4 KiB
CSS
/* 1. Скрываем стандартный заголовок и иконку callout-а */
|
||
.callout[data-callout="nav"] .callout-title {
|
||
display: none;
|
||
}
|
||
|
||
/* 2. Настраиваем контейнер (тело callout-а) */
|
||
.callout[data-callout="nav"] {
|
||
background-color: transparent; /* Прозрачный фон */
|
||
border: none; /* Убираем рамки */
|
||
box-shadow: none;
|
||
padding: 0;
|
||
margin-top: 40px; /* Отступ сверху */
|
||
border-top: 1px solid var(--background-modifier-border); /* Линия разделитель */
|
||
}
|
||
|
||
/* 3. Выстраиваем ссылки в одну строку и разносим по краям */
|
||
.callout[data-callout="nav"] .callout-content > p {
|
||
display: flex;
|
||
justify-content: space-between; /* Левый элемент влево, правый вправо */
|
||
align-items: center;
|
||
margin: 10px 0;
|
||
width: 100%;
|
||
}
|
||
|
||
/* 4. Стилизация самих кнопок-ссылок */
|
||
.callout[data-callout="nav"] a.internal-link {
|
||
padding: 8px 16px;
|
||
background-color: var(--interactive-accent); /* Цвет акцента */
|
||
color: var(--text-on-accent);
|
||
border-radius: 20px;
|
||
text-decoration: none;
|
||
font-size: 0.9em;
|
||
transition: transform 0.2s, opacity 0.2s;
|
||
}
|
||
|
||
.callout[data-callout="nav"] a.internal-link:hover {
|
||
opacity: 0.9;
|
||
transform: translateY(-2px);
|
||
}
|