|
|
| Строка 1: |
Строка 1: |
| /* Основной цвет для всех ссылок (непосещенных и посещенных) */
| | :root { |
| a,
| | --color-base: #8ccad1; |
| a:link,
| | } |
| a:visited {
| |
| color: #00acc1; | |
| /* text-decoration: none; */ /* Раскомментируйте, если хотите убрать подчеркивание по умолчанию. Citizen может уже это делать. */
| |
| }
| |
| | |
| /* Ссылки при наведении, фокусе (например, при навигации с клавиатуры) и активные (в момент клика) */
| |
| a:hover,
| |
| a:focus,
| |
| a:active {
| |
| color: #29d8ef; /* Более яркий оттенок */
| |
| /* text-decoration: underline; */ /* Раскомментируйте, если хотите добавить/гарантировать подчеркивание при наведении/фокусе */
| |
| }
| |
| | |
| /* --- Специальные типы ссылок --- */
| |
| | |
| /* Ссылки на несуществующие страницы ("красные ссылки") */
| |
| a.new,
| |
| a.new:link, /* Некоторые темы могут использовать :link для .new */
| |
| a.new:visited { /* Посещенные "красные ссылки" обычно остаются красными */
| |
| color: #ba0000; /* Стандартный красный для "красных ссылок". Можете изменить на #cc0000 или другой оттенок. */
| |
| /* Если вы хотите, чтобы "красные ссылки" тоже были #00acc1, раскомментируйте следующую строку и закомментируйте предыдущую: */
| |
| /* color: #00acc1; */
| |
| }
| |
| | |
| a.new:hover,
| |
| a.new:focus,
| |
| a.new:active {
| |
| color: #ff4444; /* Более яркий красный для наведения на "красные ссылки" */
| |
| /* Если вы изменили основной цвет .new на #00acc1, то для hover используйте #29d8ef: */
| |
| /* color: #29d8ef; */
| |
| } | |
Версия от 18:13, 28 мая 2025
:root {
--color-base: #8ccad1;
}