Выносные заметки, рисование клавиш в тексте и еще пара мелочей.
Предыдущий пост: якоря на заголовках.

«Эгея» — это движок блога, который сделал Илья Бирман. Мой блог работает на нем.

Маргиналии в Эгее #

❗️ Это выносная заметка. Она типа будто на полях.

Выносная заметка — это вот справа →

Нужно добавить в main.css такой код:

.e2-text .note {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid silver;
    float: right;
    clear: right;
    width: 25%;
    min-width: 150px;
    text-align: left;
    /*background-color: #f2f2f2;*/
    font-family: var(--smallFontFamily);
    font-size: 12px;
    position: relative;
}

Чтобы сделать такую заметку, нужно написать в редакторе Эгеи с новой строки вот так:
.note ❗️ Это выносная заметка. Она типа будто на полях.

Бэкграунд закомменчен, потому что я им не пользуюсь.

Взял я этот код у Мопсикуса и немного под себя допилил.

Клавиши в тексте #

Блажь, конечно, но вот захотелось, чтобы можно было кнопочки рисовать: ⌘ + C.

Нужно добавить в main.css такой код:

kbd {
  border-radius: 3px;
  padding: 1px 3px 0;
  border: 1px solid silver;
  background-color: #f2f3f5;
}

И потом оборачивать тегом <kbd> нужный символ.

Как поменять стиль маркированного списка #

По дефолту в Эгее маркированный список отмечается просто отступами — никаких буллетов или минусиков напротив каждого пункта нет. Решил исправить.

Нужно найти в main.css такой кусок:

.e2-text ul li {
	list-style-type: none
}

и none заменить, например, на bullet, или на любой нужный символ в кавычках:

"- "

И тогда получится

• стандартный
• маркированный
• список

Править main.css надо в той теме, которой вы пользуетесь. После обновления Эгеи на новую версию, естественно, надо будет все заново добавлять и прописывать.

Еще я какое-то время назад искал в main.css код «висячей» кнопки редактирования поста — меня бесит, что у нее непрозрачный фон и она перекрывает свежесозданные заметочки:

если знаете, как это поправить, дайте знать.