|
|
第2行: |
第2行: |
|
| |
|
| /* Template: Tip */ | | /* Template: Tip */ |
| /* Source: https://templatemanager.huijiwiki.com/wiki/%E9%9B%B6%E4%BB%B6:TipGreen.css */
| |
| .explain {
| |
| position: relative;
| |
| display: inline-flex;
| |
| flex-direction: column;
| |
| color: var(--a);
| |
| cursor: help;
| |
| text-decoration-line: underline;
| |
| text-decoration-style: dashed;
| |
| }
| |
|
| |
| .explain .explain-text {
| |
| background: rgba(0, 0, 0, 0.9) fixed;
| |
| color: #fff;
| |
| font-size: 13px;
| |
|
| |
| width: max-content;
| |
| max-width: 18em;
| |
| visibility: hidden;
| |
| opacity: 0.0;
| |
| border-radius: 2px;
| |
| padding: 4px;
| |
| position: absolute;
| |
| bottom: 110%;
| |
| transition: all .5s;
| |
| align-self: center;
| |
| line-height: initial;
| |
| }
| |
|
| |
| .explain .explain-text::after {
| |
| content: " ";
| |
| position: absolute;
| |
| top: 100%;
| |
| left: 50%;
| |
| margin-left: -5px;
| |
| border: 5px solid;
| |
| border-color: rgba(0, 0, 0, 0.9) transparent transparent;
| |
| }
| |
|
| |
| .explain:hover .explain-text {
| |
| visibility: visible;
| |
| opacity: 1.0;
| |
| transition: all .5s;
| |
| }
| |
2025年3月14日 (五) 15:39的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* Template: Tip */