/* ============================================
СТИЛИ КУРСОРОВ ДЛЯ ПОЛЬЗОВАТЕЛЕЙ
============================================ */
/* По умолчанию - фиолетовый (бренд) */
body:not([data-cursor-style]) *,
body[data-cursor-style="default"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="default"] a,
body[data-cursor-style="default"] button,
body[data-cursor-style="default"] .btn,
body[data-cursor-style="default"] input[type="button"],
body[data-cursor-style="default"] input[type="submit"],
body[data-cursor-style="default"] [role="button"],
body[data-cursor-style="default"] .clickable {
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
/* Фиолетовый */
body[data-cursor-style="purple"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="purple"] a,
body[data-cursor-style="purple"] button,
body[data-cursor-style="purple"] .btn {
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
/* Зеленый */
body[data-cursor-style="green"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="green"] a,
body[data-cursor-style="green"] button,
body[data-cursor-style="green"] .btn {
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
/* Синий */
body[data-cursor-style="blue"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="blue"] a,
body[data-cursor-style="blue"] button,
body[data-cursor-style="blue"] .btn {
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
/* Красный */
body[data-cursor-style="red"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="red"] a,
body[data-cursor-style="red"] button,
body[data-cursor-style="red"] .btn {
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
/* Оранжевый */
body[data-cursor-style="orange"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="orange"] a,
body[data-cursor-style="orange"] button,
body[data-cursor-style="orange"] .btn {
cursor: url('data:image/svg+xml;utf8,') 12 12, pointer;
}
/* Минималистичный */
body[data-cursor-style="minimal"] * {
cursor: url('data:image/svg+xml;utf8,') 8 8, auto;
}
body[data-cursor-style="minimal"] a,
body[data-cursor-style="minimal"] button,
body[data-cursor-style="minimal"] .btn {
cursor: url('data:image/svg+xml;utf8,') 9 9, pointer;
}
/* Классический */
body[data-cursor-style="classic"] * {
cursor: default;
}
body[data-cursor-style="classic"] a,
body[data-cursor-style="classic"] button,
body[data-cursor-style="classic"] .btn {
cursor: pointer;
}
/* Современный */
body[data-cursor-style="modern"] * {
cursor: url('data:image/svg+xml;utf8,') 14 14, auto;
}
body[data-cursor-style="modern"] a,
body[data-cursor-style="modern"] button,
body[data-cursor-style="modern"] .btn {
cursor: url('data:image/svg+xml;utf8,') 15 15, pointer;
}
/* Стили для текстовых полей (одинаковые для всех) */
body[data-cursor-style] input[type="text"],
body[data-cursor-style] input[type="email"],
body[data-cursor-style] input[type="password"],
body[data-cursor-style] input[type="search"],
body[data-cursor-style] textarea,
body[data-cursor-style] [contenteditable="true"] {
cursor: text;
}
/* Стили для перетаскивания */
body[data-cursor-style] [draggable="true"],
body[data-cursor-style] .draggable {
cursor: move;
}
/* Стили для disabled */
body[data-cursor-style] .disabled,
body[data-cursor-style] [disabled],
body[data-cursor-style] .not-allowed {
cursor: not-allowed;
}
/* Стрелка */
body[data-cursor-style="arrow"] * {
cursor: url('data:image/svg+xml;utf8,') 2 2, auto;
}
body[data-cursor-style="arrow"] a,
body[data-cursor-style="arrow"] button,
body[data-cursor-style="arrow"] .btn {
cursor: url('data:image/svg+xml;utf8,') 2 2, pointer;
}
/* Указатель */
body[data-cursor-style="pointer"] * {
cursor: url('data:image/svg+xml;utf8,') 3 3, auto;
}
body[data-cursor-style="pointer"] a,
body[data-cursor-style="pointer"] button,
body[data-cursor-style="pointer"] .btn {
cursor: url('data:image/svg+xml;utf8,') 3 3, pointer;
}
/* Прицел */
body[data-cursor-style="crosshair"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, crosshair;
}
body[data-cursor-style="crosshair"] a,
body[data-cursor-style="crosshair"] button,
body[data-cursor-style="crosshair"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Звезда */
body[data-cursor-style="star"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="star"] a,
body[data-cursor-style="star"] button,
body[data-cursor-style="star"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Сердечко */
body[data-cursor-style="heart"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="heart"] a,
body[data-cursor-style="heart"] button,
body[data-cursor-style="heart"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Алмаз */
body[data-cursor-style="diamond"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="diamond"] a,
body[data-cursor-style="diamond"] button,
body[data-cursor-style="diamond"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Квадрат */
body[data-cursor-style="square"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="square"] a,
body[data-cursor-style="square"] button,
body[data-cursor-style="square"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Треугольник */
body[data-cursor-style="triangle"] * {
cursor: url('data:image/svg+xml;utf8,') 12 20, auto;
}
body[data-cursor-style="triangle"] a,
body[data-cursor-style="triangle"] button,
body[data-cursor-style="triangle"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 22, pointer;
}
/* Точка в круге */
body[data-cursor-style="circle-dot"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="circle-dot"] a,
body[data-cursor-style="circle-dot"] button,
body[data-cursor-style="circle-dot"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Стрелка вверх */
body[data-cursor-style="arrow-up"] * {
cursor: url('data:image/svg+xml;utf8,') 12 2, auto;
}
body[data-cursor-style="arrow-up"] a,
body[data-cursor-style="arrow-up"] button,
body[data-cursor-style="arrow-up"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 2, pointer;
}
/* Стрелка вниз */
body[data-cursor-style="arrow-down"] * {
cursor: url('data:image/svg+xml;utf8,') 12 22, auto;
}
body[data-cursor-style="arrow-down"] a,
body[data-cursor-style="arrow-down"] button,
body[data-cursor-style="arrow-down"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 24, pointer;
}
/* Рука */
body[data-cursor-style="hand"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="hand"] a,
body[data-cursor-style="hand"] button,
body[data-cursor-style="hand"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Палец */
body[data-cursor-style="finger"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="finger"] a,
body[data-cursor-style="finger"] button,
body[data-cursor-style="finger"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Мишень */
body[data-cursor-style="target"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="target"] a,
body[data-cursor-style="target"] button,
body[data-cursor-style="target"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Фокус */
body[data-cursor-style="focus"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="focus"] a,
body[data-cursor-style="focus"] button,
body[data-cursor-style="focus"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Точка */
body[data-cursor-style="dot"] * {
cursor: url('data:image/svg+xml;utf8,') 8 8, auto;
}
body[data-cursor-style="dot"] a,
body[data-cursor-style="dot"] button,
body[data-cursor-style="dot"] .btn {
cursor: url('data:image/svg+xml;utf8,') 9 9, pointer;
}
/* Кольцо */
body[data-cursor-style="ring"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="ring"] a,
body[data-cursor-style="ring"] button,
body[data-cursor-style="ring"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Искра */
body[data-cursor-style="sparkle"] * {
cursor: url('data:image/svg+xml;utf8,') 12 12, auto;
}
body[data-cursor-style="sparkle"] a,
body[data-cursor-style="sparkle"] button,
body[data-cursor-style="sparkle"] .btn {
cursor: url('data:image/svg+xml;utf8,') 13 13, pointer;
}
/* Курсор */
body[data-cursor-style="cursor"] * {
cursor: url('data:image/svg+xml;utf8,') 3 3, auto;
}
body[data-cursor-style="cursor"] a,
body[data-cursor-style="cursor"] button,
body[data-cursor-style="cursor"] .btn {
cursor: url('data:image/svg+xml;utf8,') 3 3, pointer;
}
/* Ручка */
body[data-cursor-style="pen"] * {
cursor: url('data:image/svg+xml;utf8,') 3 21, auto;
}
body[data-cursor-style="pen"] a,
body[data-cursor-style="pen"] button,
body[data-cursor-style="pen"] .btn {
cursor: url('data:image/svg+xml;utf8,') 3 23, pointer;
}
/* Кисть */
body[data-cursor-style="brush"] * {
cursor: url('data:image/svg+xml;utf8,') 3 21, auto;
}
body[data-cursor-style="brush"] a,
body[data-cursor-style="brush"] button,
body[data-cursor-style="brush"] .btn {
cursor: url('data:image/svg+xml;utf8,') 3 23, pointer;
}
/* Стили для текстовых полей (одинаковые для всех) */
body[data-cursor-style] input[type="text"],
body[data-cursor-style] input[type="email"],
body[data-cursor-style] input[type="password"],
body[data-cursor-style] input[type="search"],
body[data-cursor-style] textarea,
body[data-cursor-style] [contenteditable="true"] {
cursor: text;
}
/* Стили для перетаскивания */
body[data-cursor-style] [draggable="true"],
body[data-cursor-style] .draggable {
cursor: move;
}
/* Стили для disabled */
body[data-cursor-style] .disabled,
body[data-cursor-style] [disabled],
body[data-cursor-style] .not-allowed {
cursor: not-allowed;
}
/* Стили для ожидания */
body[data-cursor-style] .wait,
body[data-cursor-style] .loading,
body[data-cursor-style] [aria-busy="true"] {
cursor: wait;
}