Шаблон:УД/styles.css: различия между версиями

Материал из FIRE STATION WIKI
(Новая страница: «.допуск-контейнер { position: relative; display: inline-block; cursor: help; font-weight: bold; border-bottom: 1px dotted #000; →‎пунктирное подчёркивание: } .допуск-подсказка { visibility: hidden; width: 220px; background-color: #333; color: #fff; text-align: left; border-radius: 6px; padding: 6px; position: absolute; z-index: 10; bottom: 125...»)
 
Нет описания правки
 
(не показано 15 промежуточных версий этого же участника)
Строка 1: Строка 1:
.допуск-контейнер {
.допуск-контейнер {
    position: relative;
display: inline-block;
    display: inline-block;
cursor: help;
    cursor: help;
    font-weight: bold;
    border-bottom: 1px dotted #000; /* пунктирное подчёркивание */
}
}


.допуск-подсказка {
.допуск-контейнер p {
    visibility: hidden;
margin: 0;
    width: 220px;
text-decoration: dotted underline;
    background-color: #333;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 90%;
}
}


.допуск-подсказка::after {
.допуск-подсказка {
    content: "";
display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}
}


.допуск-контейнер:hover .допуск-подсказка {
.tippy-content p {
    visibility: visible;
margin: 0;
    opacity: 1;
text-align: justify;
}
}

Текущая версия от 13:15, 30 августа 2025

.допуск-контейнер {
display: inline-block;
cursor: help;
}

.допуск-контейнер p {
	margin: 0;
	text-decoration: dotted underline;
}

.допуск-подсказка {
	display: none;
}

.tippy-content p {
	margin: 0;
	text-align: justify;
}