틀:정보상자/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
| 8번째 줄: | 8번째 줄: | ||
--infobox-image-pattern: rgba(145, 87, 70, 0.025); | --infobox-image-pattern: rgba(145, 87, 70, 0.025); | ||
--infobox-image-line: #875340; | --infobox-image-line: #875340; | ||
--infobox-ribbon: # | --infobox-ribbon: #60382b; | ||
--infobox-row-bg: #f7efe4; | --infobox-row-bg: #f7efe4; | ||
--infobox-row-edge: #bca184; | --infobox-row-edge: #bca184; | ||
--infobox-row-divider: #d5c0aa; | --infobox-row-divider: #d5c0aa; | ||
--infobox-details-bg: #f1e4d2; | --infobox-details-bg: #f1e4d2; | ||
--infobox-detail-label-bg: # | --infobox-detail-label-bg: #8b5e4b; | ||
--infobox-detail-value-bg: #f6ecde; | --infobox-detail-value-bg: #f6ecde; | ||
--infobox-caption-bg: #eadbc8; | --infobox-caption-bg: #eadbc8; | ||
| 333번째 줄: | 333번째 줄: | ||
.infobox__details th { | .infobox__details th { | ||
width: 31%; | width: 31%; | ||
background: | background: var(--infobox-detail-label-bg); | ||
color: var(--infobox- | color: var(--infobox-title-text); | ||
font-family: | font-family: | ||
"SB Aggro | "SB Aggro B", | ||
"SB 어그로 | "SB 어그로 B", | ||
-apple-system, | -apple-system, | ||
BlinkMacSystemFont, | BlinkMacSystemFont, | ||
| 345번째 줄: | 345번째 줄: | ||
sans-serif; | sans-serif; | ||
font-size: 0.83rem; | font-size: 0.83rem; | ||
font-weight: | font-weight: 700; | ||
letter-spacing: -0.02em; | |||
vertical-align: top; | vertical-align: top; | ||
text-shadow: | text-shadow: | ||
-1px -1px 0 var(--infobox-text-outline), | |||
0 -1px 0 var(--infobox-text-outline), | |||
1px -1px 0 var(--infobox-text-outline), | |||
-1px 0 0 var(--infobox-text-outline), | |||
1px 0 0 var(--infobox-text-outline), | |||
-1px 1px 0 var(--infobox-text-outline), | |||
0 1px 0 var(--infobox-text-outline), | |||
1px 1px 0 var(--infobox-text-outline); | |||
word-break: keep-all; | word-break: keep-all; | ||
} | |||
.infobox__details th a { | |||
color: inherit; | |||
font-family: inherit; | |||
font-weight: inherit; | |||
text-shadow: inherit; | |||
} | } | ||
| 699번째 줄: | 715번째 줄: | ||
--infobox-image-pattern: rgba(119, 76, 59, 0.035); | --infobox-image-pattern: rgba(119, 76, 59, 0.035); | ||
--infobox-image-line: #93634e; | --infobox-image-line: #93634e; | ||
--infobox-ribbon: # | --infobox-ribbon: #573229; | ||
--infobox-row-bg: #e4d7c8; | --infobox-row-bg: #e4d7c8; | ||
--infobox-row-edge: #a98e72; | --infobox-row-edge: #a98e72; | ||
--infobox-row-divider: #c4ad96; | --infobox-row-divider: #c4ad96; | ||
--infobox-details-bg: #e1d5c7; | --infobox-details-bg: #e1d5c7; | ||
--infobox-detail-label-bg: # | --infobox-detail-label-bg: #805442; | ||
--infobox-detail-value-bg: #e1d5c7; | --infobox-detail-value-bg: #e1d5c7; | ||
--infobox-caption-bg: # | --infobox-caption-bg: #d8c8b6; | ||
--infobox-label-text: #2b211d; | --infobox-label-text: #2b211d; | ||
--infobox-text: #43332c; | --infobox-text: #43332c; | ||
| 731번째 줄: | 747번째 줄: | ||
--infobox-image-pattern: rgba(119, 76, 59, 0.035); | --infobox-image-pattern: rgba(119, 76, 59, 0.035); | ||
--infobox-image-line: #93634e; | --infobox-image-line: #93634e; | ||
--infobox-ribbon: # | --infobox-ribbon: #573229; | ||
--infobox-row-bg: #e4d7c8; | --infobox-row-bg: #e4d7c8; | ||
--infobox-row-edge: #a98e72; | --infobox-row-edge: #a98e72; | ||
--infobox-row-divider: #c4ad96; | --infobox-row-divider: #c4ad96; | ||
--infobox-details-bg: #e1d5c7; | --infobox-details-bg: #e1d5c7; | ||
--infobox-detail-label-bg: # | --infobox-detail-label-bg: #805442; | ||
--infobox-detail-value-bg: #e1d5c7; | --infobox-detail-value-bg: #e1d5c7; | ||
--infobox-caption-bg: # | --infobox-caption-bg: #d8c8b6; | ||
--infobox-label-text: #2b211d; | --infobox-label-text: #2b211d; | ||
--infobox-text: #43332c; | --infobox-text: #43332c; | ||
| 753번째 줄: | 769번째 줄: | ||
html.skin-theme-clientpref-night .infobox__image-caption { | html.skin-theme-clientpref-night .infobox__image-caption { | ||
color: rgba( | color: rgba(67, 51, 44, 0.68); | ||
} | } | ||
@media screen and (prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os .infobox__image-caption { | html.skin-theme-clientpref-os .infobox__image-caption { | ||
color: rgba( | color: rgba(67, 51, 44, 0.68); | ||
} | } | ||
} | } | ||
