틀:정보상자/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.2); | ||
--infobox-shape-shadow: rgba(69, 41, 31, 0.32); | |||
position: relative; | position: relative; | ||
| 43번째 줄: | 44번째 줄: | ||
font-weight: 300; | font-weight: 300; | ||
line-height: 1.55; | line-height: 1.55; | ||
box-shadow: 0 | box-shadow: 0 0 18px 2px var(--infobox-shadow); | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
| 119번째 줄: | 120번째 줄: | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
word-break: keep-all; | word-break: keep-all; | ||
filter: drop-shadow(0 4px 0 var(--infobox-shape-shadow)); | |||
} | } | ||
| 148번째 줄: | 150번째 줄: | ||
border-radius: 0; | border-radius: 0; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
background- | background: transparent; | ||
box-shadow: none; | |||
overflow: visible; | |||
text-align: center; | |||
} | |||
.infobox__image::before { | |||
position: absolute; | |||
z-index: 0; | |||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
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: contain; | background-size: contain; | ||
content: ""; | |||
filter: drop-shadow(0 4px 0 var(--infobox-shape-shadow)); | |||
pointer-events: none; | |||
} | } | ||
.infobox__image::after { | .infobox__image::after { | ||
display: none; | display: none; | ||
| 185번째 줄: | 198번째 줄: | ||
margin: 0 auto; | margin: 0 auto; | ||
object-fit: contain; | object-fit: contain; | ||
filter: drop-shadow(0 4px 0 var(--infobox-shape-shadow)); | |||
} | } | ||
| 581번째 줄: | 595번째 줄: | ||
--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.3); | ||
--infobox-shape-shadow: rgba(0, 0, 0, 0.4); | |||
} | } | ||
} | } | ||
| 605번째 줄: | 620번째 줄: | ||
--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.3); | ||
--infobox-shape-shadow: rgba(0, 0, 0, 0.4); | |||
} | } | ||
} | } | ||
