틀:메시지/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
imported>Ljyee 편집 요약 없음 |
imported>Ljyee 편집 요약 없음 |
||
| 19번째 줄: | 19번째 줄: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
filter: drop-shadow( | filter: drop-shadow(8px 9px 4px rgba(0, 0, 0, 0.22)); | ||
} | } | ||
/* 메시지 전체 끝 */ | /* 메시지 전체 끝 */ | ||
| 49번째 줄: | 49번째 줄: | ||
.pvz-message-image { | .pvz-message-image { | ||
position: | position: absolute; | ||
z-index: 1; | z-index: 1; | ||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 23%; | |||
display: grid; | |||
place-items: center; | |||
min-width: 0; | |||
text-align: center; | text-align: center; | ||
pointer-events: none; | |||
} | } | ||
| 58번째 줄: | 68번째 줄: | ||
display: inline-block; | display: inline-block; | ||
max-width: 100%; | max-width: 100%; | ||
pointer-events: auto; | |||
} | } | ||
| 63번째 줄: | 74번째 줄: | ||
display: block; | display: block; | ||
max-width: 100% !important; | max-width: 100% !important; | ||
max-height: 100% !important; | |||
width: auto !important; | |||
height: auto !important; | height: auto !important; | ||
margin: 0 auto; | margin: 0 auto; | ||
filter: drop-shadow(2px | object-fit: contain; | ||
filter: drop-shadow(2px 3px 1px rgba(0, 0, 0, 0.24)); | |||
} | } | ||
| 83번째 줄: | 97번째 줄: | ||
color: var(--message-text); | color: var(--message-text); | ||
font-size: | font-size: inherit; | ||
line-height: 1.58; | line-height: 1.58; | ||
text-align: left; | text-align: left; | ||
| 93번째 줄: | 107번째 줄: | ||
color: var(--message-text); | color: var(--message-text); | ||
font-size: | font-size: inherit; | ||
line-height: 1; | line-height: 1; | ||
text-align: left; | text-align: left; | ||
| 165번째 줄: | 179번째 줄: | ||
.pvz-message-heading { | .pvz-message-heading { | ||
font-size: | font-size: inherit; | ||
} | } | ||
.pvz-message-content { | .pvz-message-content { | ||
padding: 5px 0 0 6px; | padding: 5px 0 0 6px; | ||
font-size: | font-size: inherit; | ||
line-height: 1.55; | line-height: 1.55; | ||
} | } | ||
| 183번째 줄: | 197번째 줄: | ||
margin: 18px auto; | margin: 18px auto; | ||
filter: drop-shadow(5px | filter: drop-shadow(4px 5px 3px rgba(0, 0, 0, 0.18)); | ||
} | } | ||
| 190번째 줄: | 204번째 줄: | ||
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%); | ||
} | |||
.pvz-message-image { | |||
left: 25%; | |||
} | } | ||
| 205번째 줄: | 223번째 줄: | ||
.pvz-message-content { | .pvz-message-content { | ||
padding: 4px 0 0 5px; | padding: 4px 0 0 5px; | ||
font-size: | font-size: inherit; | ||
line-height: 1.55; | line-height: 1.55; | ||
} | } | ||
| 212번째 줄: | 230번째 줄: | ||
width: 100%; | width: 100%; | ||
margin-bottom: 1px; | margin-bottom: 1px; | ||
font-size: | font-size: inherit; | ||
} | } | ||
