틀:정보상자/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 0.9rem | padding: 0.9rem 0.9rem 1.55rem; | ||
border: 4px solid var(--infobox-outer-edge); | border: 4px solid var(--infobox-outer-edge); | ||
border-radius: 9px; | border-radius: 9px; | ||
| 53번째 줄: | 53번째 줄: | ||
bottom: 12px; | bottom: 12px; | ||
left: 12px; | left: 12px; | ||
border: | border: 2px solid var(--infobox-inner-edge); | ||
border-radius: 5px; | border-radius: 5px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| 385번째 줄: | 385번째 줄: | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 0 1.1rem; | margin: 0 0 1.1rem; | ||
padding: 0.82rem 0.82rem 1. | padding: 0.82rem 0.82rem 1.42rem; | ||
border-radius: 8px; | border-radius: 8px; | ||
font-size: 1rem; | font-size: 1rem; | ||
| 412번째 줄: | 412번째 줄: | ||
.infobox__details { | .infobox__details { | ||
width: calc(100% - | width: calc(100% - 24px); | ||
} | } | ||
.infobox__details th, | .infobox__details th, | ||
.infobox__details td { | .infobox__details td { | ||
padding: 0. | padding: 0.72rem 0.8rem; | ||
} | } | ||
.infobox__details th { | .infobox__details th { | ||
width: | width: 34%; | ||
font-size: 0.96rem; | font-size: 0.96rem; | ||
} | } | ||
.infobox__details td { | .infobox__details td { | ||
width: | width: 66%; | ||
font-size: 1rem; | font-size: 1rem; | ||
} | } | ||
| 452번째 줄: | 452번째 줄: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.infobox { | .infobox { | ||
padding: 0.72rem 0.72rem 1. | padding: 0.72rem 0.72rem 1.26rem; | ||
} | } | ||
| 475번째 줄: | 475번째 줄: | ||
.infobox__details { | .infobox__details { | ||
width: calc(100% - | width: calc(100% - 20px); | ||
} | } | ||
.infobox__details th, | .infobox__details th, | ||
.infobox__details td { | .infobox__details td { | ||
padding: 0.68rem 0. | padding: 0.68rem 0.76rem; | ||
} | } | ||
.infobox__details th { | .infobox__details th { | ||
width: | width: 35%; | ||
font-size: 0.89rem; | font-size: 0.89rem; | ||
} | } | ||
.infobox__details td { | .infobox__details td { | ||
width: | width: 65%; | ||
font-size: 0.95rem; | font-size: 0.95rem; | ||
} | } | ||
