틀:메시지/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
imported>Ljyee 편집 요약 없음 |
imported>Ljyee 편집 요약 없음 |
||
| 9번째 줄: | 9번째 줄: | ||
position: relative; | position: relative; | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: 34% minmax(0, 1fr); | ||
width: min(94%, 980px); | width: min(94%, 980px); | ||
margin: 30px auto 24px; | margin: 30px auto 24px; | ||
| 28번째 줄: | 27번째 줄: | ||
min-width: 0; | min-width: 0; | ||
padding: 22px 24px 22px 64px; | padding: 22px 24px 22px 64px; | ||
| 106번째 줄: | 104번째 줄: | ||
min-width: 0; | min-width: 0; | ||
margin-left: -1px; | margin-left: -1px; | ||
padding: 8px 30px 10px 34px; | padding: 8px 30px 10px 34px; | ||
| 120번째 줄: | 117번째 줄: | ||
.pvz-message-heading { | .pvz-message-heading { | ||
display: block; | display: block; | ||
margin: 0 0 -4px; | margin: 0 0 -4px; | ||
padding: 0; | padding: 0; | ||
color: #000; | color: #000; | ||
font-size: | font-size: 20px; | ||
line-height: 1; | line-height: 1; | ||
text-shadow: none !important; | text-shadow: none !important; | ||
| 160번째 줄: | 156번째 줄: | ||
@media (max-width: 760px) { | @media (max-width: 760px) { | ||
.pvz-message { | .pvz-message { | ||
grid-template-columns: | grid-template-columns: 36% minmax(0, 1fr); | ||
} | } | ||
.pvz-message-tag { | .pvz-message-tag { | ||
padding: 18px 16px 18px 50px; | padding: 18px 16px 18px 50px; | ||
} | } | ||
| 175번째 줄: | 169번째 줄: | ||
.pvz-message-card { | .pvz-message-card { | ||
padding: 7px 22px 9px 26px; | padding: 7px 22px 9px 26px; | ||
} | } | ||
| 196번째 줄: | 189번째 줄: | ||
width: calc(100% - 12px); | width: calc(100% - 12px); | ||
margin: 22px auto 18px; | margin: 22px auto 18px; | ||
| 203번째 줄: | 195번째 줄: | ||
.pvz-message-tag { | .pvz-message-tag { | ||
padding: 14px 8px 14px 34px; | padding: 14px 8px 14px 34px; | ||
| 223번째 줄: | 214번째 줄: | ||
.pvz-message-card { | .pvz-message-card { | ||
padding: 6px 14px 8px 16px; | padding: 6px 14px 8px 16px; | ||
border-width: 2px; | border-width: 2px; | ||
