8,797
edits
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
} | } | ||
.copyable-text { | |||
background-color: #EFE9DE; /* Цвет фона, как в вашем дизайне */ | |||
border: 2px solid #722215; /* Рамка, как в вашем дизайне */ | |||
padding: 5px 10px; /* Внутренние отступы */ | |||
display: inline-block; /* Для компактного отображения */ | |||
border-radius: | border-radius: 5px; /* Скругленные углы */ | ||
cursor: pointer; /* Курсор в виде указателя, | cursor: pointer; /* Курсор в виде указателя, чтобы показать, что текст кликабельный */ | ||
transition: background-color 0.3s ease, border-color 0.3s ease; /* Плавный переход для эффекта */ | |||
font-family: 'MyCustomFont2', sans-serif; /* Шрифт из вашего дизайна */ | |||
color: #333; /* Цвет текста, как в .licontent .li-body */ | |||
} | } | ||
.copyable-text:hover { | |||
background-color: # | background-color: #CFC8B2; /* Цвет фона при наведении, как в вашем дизайне */ | ||
border-color: #D02019; /* Цвет рамки при наведении, как в вашем дизайне */ | |||
} | } | ||
/* Стиль для уведомления о копировании */ | |||
background-color: # | .copyable-text.copied::after { | ||
content: "Скопировано!"; | |||
position: absolute; | |||
top: -25px; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
background-color: #D02019; /* Красный фон уведомления */ | |||
color: white; /* Белый текст */ | |||
padding: 5px 10px; | |||
border-radius: 5px; | |||
font-size: 0.8em; | |||
opacity: 0; | |||
transition: opacity 0.3s ease; | |||
} | |||
.copyable-text.copied::after { | |||
opacity: 1; | |||
} | } | ||