틀:메시지/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
imported>Ljyee 편집 요약 없음 |
imported>Ljyee 편집 요약 없음 |
||
| 19번째 줄: | 19번째 줄: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
filter: drop-shadow( | filter: drop-shadow(4px 4px 2.5px rgba(0, 0, 0, 0.2)); | ||
} | } | ||
/* 메시지 전체 끝 */ | /* 메시지 전체 끝 */ | ||
| 27번째 줄: | 27번째 줄: | ||
min-width: 0; | min-width: 0; | ||
padding: 14px 12px 14px 48px; | padding: 14px 12px 14px 48px; | ||
background: transparent; | |||
overflow: visible; | |||
} | |||
.pvz-message-tag::before { | |||
content: ""; | |||
position: absolute; | |||
z-index: 0; | |||
inset: 0; | |||
background: var(--message-color); | background: var(--message-color); | ||
clip-path: polygon(23% 0, 100% 0, 100% 100%, 23% 100%, 0 50%); | clip-path: polygon(23% 0, 100% 0, 100% 100%, 23% 100%, 0 50%); | ||
pointer-events: none; | |||
} | } | ||
| 74번째 줄: | 84번째 줄: | ||
.pvz-message-image img { | .pvz-message-image img { | ||
display: block; | display: block; | ||
width: auto !important; | width: auto !important; | ||
height: auto !important; | height: auto !important; | ||
| 216번째 줄: | 224번째 줄: | ||
margin: 18px 0; | margin: 18px 0; | ||
filter: drop-shadow( | filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.17)); | ||
} | } | ||
.pvz-message-tag { | .pvz-message-tag { | ||
padding: 14px 8px 14px 34px; | padding: 14px 8px 14px 34px; | ||
} | |||
.pvz-message-tag::before { | |||
clip-path: polygon(25% 0, 100% 0, 100% 100%, 25% 100%, 0 50%); | clip-path: polygon(25% 0, 100% 0, 100% 100%, 25% 100%, 0 50%); | ||
} | } | ||
