틀:정보상자/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 모바일 편집 모바일 웹 편집 |
||
| 25번째 줄: | 25번째 줄: | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 0 1.25rem 1.25rem; | margin: 0 0 1.25rem 1.25rem; | ||
padding: 0.9rem | padding: 0.9rem; | ||
border: 4px solid var(--infobox-outer-edge); | border: 4px solid var(--infobox-outer-edge); | ||
border-radius: 9px; | border-radius: 9px; | ||
| 182번째 줄: | 182번째 줄: | ||
/* 정보칸 */ | /* 정보칸 */ | ||
.infobox__details { | .infobox__details { | ||
width: calc(100% - | width: calc(100% - 48px); | ||
margin: 0 auto; | margin: 0 auto 24px; | ||
border: 2px solid var(--infobox-row-edge); | border: 2px solid var(--infobox-row-edge); | ||
border-collapse: separate; | border-collapse: separate; | ||
| 213번째 줄: | 213번째 줄: | ||
color: var(--infobox-label-text); | color: var(--infobox-label-text); | ||
font-family: | font-family: | ||
"SB Aggro | "SB Aggro M", | ||
"SB 어그로 | "SB 어그로 M", | ||
-apple-system, | -apple-system, | ||
BlinkMacSystemFont, | BlinkMacSystemFont, | ||
| 385번째 줄: | 385번째 줄: | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 0 1.1rem; | margin: 0 0 1.1rem; | ||
padding: 0.82rem | padding: 0.82rem; | ||
border-radius: 8px; | border-radius: 8px; | ||
font-size: 1rem; | font-size: 1rem; | ||
| 412번째 줄: | 412번째 줄: | ||
.infobox__details { | .infobox__details { | ||
width: calc(100% - | width: calc(100% - 44px); | ||
margin-bottom: 22px; | |||
} | } | ||
| 452번째 줄: | 453번째 줄: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.infobox { | .infobox { | ||
padding: 0.72rem | padding: 0.72rem; | ||
} | } | ||
| 475번째 줄: | 476번째 줄: | ||
.infobox__details { | .infobox__details { | ||
width: calc(100% - 20px | width: calc(100% - 40px); | ||
margin-bottom: 20px; | |||
} | } | ||
