틀:정보상자/styles.css: 두 판 사이의 차이
식물 vs 좀비 위키
편집 요약 없음 |
편집 요약 없음 |
||
| 17번째 줄: | 17번째 줄: | ||
--infobox-title-text: #fffaf4; | --infobox-title-text: #fffaf4; | ||
--infobox-text-outline: #472b20; | --infobox-text-outline: #472b20; | ||
--infobox-shadow: rgba(68, 42, 31, 0. | --infobox-shadow: rgba(68, 42, 31, 0.16); | ||
--infobox-shape-shadow: rgba(69, 41, 31, 0. | --infobox-shape-shadow: rgba(69, 41, 31, 0.24); | ||
--infobox-background-shadow: rgba(69, 41, 31, 0.2); | |||
position: relative; | position: relative; | ||
| 44번째 줄: | 45번째 줄: | ||
font-weight: 300; | font-weight: 300; | ||
line-height: 1.55; | line-height: 1.55; | ||
box-shadow: 0 0 | box-shadow: 0 0 22px 3px var(--infobox-shadow); | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
| 120번째 줄: | 121번째 줄: | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
word-break: keep-all; | word-break: keep-all; | ||
filter: drop-shadow(0 | filter: drop-shadow(0 5px 7px var(--infobox-background-shadow)); | ||
} | } | ||
| 168번째 줄: | 169번째 줄: | ||
background-size: contain; | background-size: contain; | ||
content: ""; | content: ""; | ||
filter: drop-shadow(0 | filter: drop-shadow(0 6px 11px var(--infobox-background-shadow)); | ||
pointer-events: none; | pointer-events: none; | ||
} | } | ||
| 198번째 줄: | 199번째 줄: | ||
margin: 0 auto; | margin: 0 auto; | ||
object-fit: contain; | object-fit: contain; | ||
filter: drop-shadow(0 4px | filter: drop-shadow(0 4px 6px var(--infobox-shape-shadow)); | ||
} | } | ||
| 595번째 줄: | 596번째 줄: | ||
--infobox-title-text: #fff8f2; | --infobox-title-text: #fff8f2; | ||
--infobox-text-outline: #301d16; | --infobox-text-outline: #301d16; | ||
--infobox-shadow: rgba(0, 0, 0, 0. | --infobox-shadow: rgba(0, 0, 0, 0.24); | ||
--infobox-shape-shadow: rgba(0, 0, 0, 0. | --infobox-shape-shadow: rgba(0, 0, 0, 0.32); | ||
--infobox-background-shadow: rgba(0, 0, 0, 0.28); | |||
} | } | ||
} | } | ||
| 620번째 줄: | 622번째 줄: | ||
--infobox-title-text: #fff8f2; | --infobox-title-text: #fff8f2; | ||
--infobox-text-outline: #301d16; | --infobox-text-outline: #301d16; | ||
--infobox-shadow: rgba(0, 0, 0, 0. | --infobox-shadow: rgba(0, 0, 0, 0.24); | ||
--infobox-shape-shadow: rgba(0, 0, 0, 0. | --infobox-shape-shadow: rgba(0, 0, 0, 0.32); | ||
--infobox-background-shadow: rgba(0, 0, 0, 0.28); | |||
} | } | ||
} | } | ||
