틀:정보상자/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
| 8번째 줄: | 8번째 줄: | ||
--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Light.png"); | --infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Light.png"); | ||
--infobox-ribbon: #6f4a34; | --infobox-ribbon: #6f4a34; | ||
--infobox-row-bg: # | --infobox-row-bg: #faf7f1; | ||
--infobox-row-edge: #d8cdc0; | --infobox-row-edge: #d8cdc0; | ||
--infobox-label-text: #3f3026; | --infobox-label-text: #3f3026; | ||
| 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 2rem; | ||
border: 4px solid var(--infobox-outer-edge); | border: 4px solid var(--infobox-outer-edge); | ||
border-radius: 9px; | border-radius: 9px; | ||
| 77번째 줄: | 77번째 줄: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
background: var(--infobox-ribbon); | background: var(--infobox-ribbon); | ||
clip-path: polygon( | clip-path: polygon( | ||
0 0, | |||
100% 0, | |||
calc(100% - 16px) 50%, | |||
100% 100%, | |||
0 100%, | |||
16px 50% | |||
); | |||
color: var(--infobox-title-text); | color: var(--infobox-title-text); | ||
font-family: | font-family: | ||
"SB Aggro | "SB Aggro M", | ||
"SB 어그로 | "SB 어그로 M", | ||
-apple-system, | -apple-system, | ||
BlinkMacSystemFont, | BlinkMacSystemFont, | ||
| 129번째 줄: | 136번째 줄: | ||
aspect-ratio: 1 / 1; | aspect-ratio: 1 / 1; | ||
margin: 0 auto 1rem; | margin: 0 auto 1rem; | ||
padding: | padding: 0; | ||
border: 0; | border: 0; | ||
border-radius: 0; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
background: | background-color: transparent; | ||
background-image: var(--infobox-image-bg); | background-image: var(--infobox-image-bg); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
background-size: | background-size: contain; | ||
box-shadow: none; | |||
clip-path: none; | |||
overflow: visible; | |||
clip-path: | |||
} | } | ||
.infobox__image::before, | |||
.infobox__image::after { | .infobox__image::after { | ||
display: none; | |||
} | } | ||
| 253번째 줄: | 222번째 줄: | ||
sans-serif; | sans-serif; | ||
font-size: 0.82rem; | font-size: 0.82rem; | ||
font-weight: | font-weight: 500; | ||
word-break: keep-all; | word-break: keep-all; | ||
} | } | ||
| 261번째 줄: | 230번째 줄: | ||
color: var(--infobox-text); | color: var(--infobox-text); | ||
font-family: | font-family: | ||
"SB Aggro | "SB Aggro L", | ||
"SB 어그로 | "SB 어그로 L", | ||
-apple-system, | -apple-system, | ||
BlinkMacSystemFont, | BlinkMacSystemFont, | ||
| 270번째 줄: | 239번째 줄: | ||
sans-serif; | sans-serif; | ||
font-size: 0.9rem; | font-size: 0.9rem; | ||
font-weight: | font-weight: 300; | ||
word-break: break-word; | word-break: break-word; | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
| 416번째 줄: | 385번째 줄: | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 0 1.1rem; | margin: 0 0 1.1rem; | ||
padding: 0.82rem 0.82rem | padding: 0.82rem 0.82rem 1.84rem; | ||
border-radius: 8px; | border-radius: 8px; | ||
font-size: 1rem; | font-size: 1rem; | ||
| 438번째 줄: | 407번째 줄: | ||
.infobox__image { | .infobox__image { | ||
width: calc(100% - 12px); | width: calc(100% - 12px); | ||
padding: | padding: 0; | ||
margin-bottom: 0.92rem; | margin-bottom: 0.92rem; | ||
} | } | ||
| 487번째 줄: | 452번째 줄: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.infobox { | .infobox { | ||
padding: 0.72rem 0.72rem | padding: 0.72rem 0.72rem 1.64rem; | ||
} | } | ||
| 506번째 줄: | 471번째 줄: | ||
.infobox__image { | .infobox__image { | ||
width: calc(100% - 4px); | width: calc(100% - 4px); | ||
padding: 0 | padding: 0; | ||
} | } | ||
