Материал из Bluemoon Wiki
|
Метки: очистка ручная отмена |
| (не показано 6 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| /* Размещённый здесь CSS будет применяться ко всем темам оформления */
| |
| .tooltip {
| |
| position: relative;
| |
| }
| |
|
| |
|
| .tooltip > .text {
| |
| cursor: help;
| |
| text-decoration: underline dotted;
| |
| }
| |
|
| |
| .tooltip:hover .tooltip-content,
| |
| .tooltip-content:hover {
| |
| display: block;
| |
| }
| |
|
| |
| .tooltip-content {
| |
| display: none;
| |
|
| |
| position: absolute;
| |
| left: -8px;
| |
| top: calc(1.2em - 8px);
| |
|
| |
| box-sizing: content-box;
| |
|
| |
| width: 200px;
| |
| padding: 4px;
| |
| margin: 0;
| |
|
| |
| border-radius: 4px;
| |
| border: 8px solid transparent;
| |
|
| |
| background: #e1e1e1;
| |
| background-clip: padding-box;
| |
|
| |
| cursor: default;
| |
| }
| |
|
| |
| .tooltip-content:before {
| |
| content: '';
| |
| display: block;
| |
|
| |
| width: 40px;
| |
| height: 60px;
| |
|
| |
| float: left;
| |
|
| |
| background-image: url('/images/1/19/Safety-moth.png');
| |
| background-size: 40px 60px;
| |
| }
| |
|
| |
| .tooltip-content.no-moth:before {
| |
| display: none;
| |
| }
| |
|
| |
| .tooltip:hover .tooltip-content.has-image
| |
| .tooltip-content.has-image:hover {
| |
| display: flex !important;
| |
| }
| |
|
| |
| .tooltip-content.has-image {
| |
| flex-direction: row;
| |
|
| |
| max-width: unset;
| |
| width: unset;
| |
| }
| |
|
| |
| .tooltip-content.has-image > .text{
| |
| min-width: 300px;
| |
| }
| |
|
| |
| .tooltip-content.has-image img{
| |
| width: auto;
| |
| height: auto;
| |
| max-height: 150px;
| |
| max-width: 150px;
| |
| }
| |
Текущая версия от 01:05, 29 октября 2024
