틀:정보상자/styles.css: 두 판 사이의 차이

식물 vs 좀비 위키
← 이전 편집다음 편집 →
편집 취소Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
385 편집
편집 요약 없음
편집 요약 없음
5번째 줄: 5번째 줄:
--infobox-inner-edge: #c8aa7e;
--infobox-inner-edge: #c8aa7e;
--infobox-panel: #f3e8d7;
--infobox-panel: #f3e8d7;
--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Light.png");
--infobox-image-box: #efe3cf;
--infobox-image-pattern: rgba(135, 83, 64, 0.11);
--infobox-image-line: #875340;
--infobox-ribbon: #875340;
--infobox-ribbon: #875340;
--infobox-row-bg: #f7efe4;
--infobox-row-bg: #f7efe4;
143번째 줄: 145번째 줄:
width: calc(100% - 14px);
width: calc(100% - 14px);
margin: 0 auto 0.78rem;
margin: 0 auto 0.78rem;
padding: 0;
padding: 0.72rem 0.72rem 1.08rem;
border: 0;
border: 1px solid var(--infobox-row-edge);
border-radius: 0;
border-radius: 11px;
box-sizing: border-box;
box-sizing: border-box;
background: transparent;
background-color: var(--infobox-image-box);
box-shadow: none;
background-image:
overflow: visible;
radial-gradient(
circle at 1px 1px,
var(--infobox-image-pattern) 1.1px,
transparent 1.2px
);
background-repeat: repeat;
background-position: 0 0;
background-size: 14px 14px;
box-shadow:
0 4px 11px rgba(68, 42, 31, 0.1),
inset 0 0 0 3px rgba(255, 250, 242, 0.16);
overflow: hidden;
text-align: center;
text-align: center;
}
}
156번째 줄: 169번째 줄:
position: absolute;
position: absolute;
z-index: 0;
z-index: 0;
top: 0;
top: 6px;
right: 0;
right: 6px;
left: 0;
bottom: 6px;
aspect-ratio: 1 / 1;
left: 6px;
background-image: var(--infobox-image-bg);
border: 1px solid rgba(135, 83, 64, 0.14);
background-repeat: no-repeat;
border-radius: 7px;
background-position: center;
box-sizing: border-box;
background-size: contain;
content: "";
content: "";
filter: drop-shadow(0 4px 3px var(--infobox-background-shadow));
pointer-events: none;
pointer-events: none;
}
}


/* 오른쪽 아래 짧은 선 */
.infobox__image::after {
.infobox__image::after {
display: none;
position: absolute;
z-index: 3;
right: 0.78rem;
bottom: 0.54rem;
width: 30px;
height: 3px;
border-radius: 3px;
background: var(--infobox-image-line);
content: "";
opacity: 0.52;
pointer-events: none;
}
}


206번째 줄: 228번째 줄:
display: grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
align-items: start;
gap: 0.72rem;
gap: 0.72rem;
width: 100% !important;
width: 100% !important;
216번째 줄: 237번째 줄:


.infobox__image .gallerybox {
.infobox__image .gallerybox {
display: grid;
display: block;
grid-template-rows: auto auto;
align-content: start;
width: auto !important;
width: auto !important;
margin: 0 !important;
margin: 0 !important;
padding: 0 !important;
padding: 0 0 0.28rem !important;
box-sizing: border-box;
box-sizing: border-box;
overflow: visible;
overflow: hidden;
}
}


271번째 줄: 290번째 줄:
}
}


/* 갤러리 설명문 박스 */
.infobox__image .gallerytext {
.infobox__image .gallerytext {
position: relative;
position: relative;
z-index: 2;
z-index: 2;
width: calc(100% - 1rem);
width: calc(100% - 0.8rem);
margin: 0.58rem auto 0 !important;
margin: 0.58rem auto 0 !important;
padding: 0.62rem 0.72rem !important;
padding: 0.62rem 0.72rem !important;
281번째 줄: 301번째 줄:
box-sizing: border-box;
box-sizing: border-box;
background: var(--infobox-row-bg);
background: var(--infobox-row-bg);
box-shadow: 0 4px 10px rgba(68, 42, 31, 0.12);
box-shadow: 0 3px 8px rgba(68, 42, 31, 0.1);
color: var(--infobox-text);
color: var(--infobox-text);
font-family:
font-family:
554번째 줄: 574번째 줄:
.infobox__image {
.infobox__image {
width: calc(100% - 12px);
width: calc(100% - 12px);
padding: 0;
padding: 0.72rem 0.72rem 1.08rem;
}
}


628번째 줄: 648번째 줄:
.infobox__image {
.infobox__image {
width: calc(100% - 8px);
width: calc(100% - 8px);
padding: 0;
padding: 0.62rem 0.62rem 1rem;
}
}


636번째 줄: 656번째 줄:


.infobox__image .gallerytext {
.infobox__image .gallerytext {
width: calc(100% - 0.8rem);
width: calc(100% - 0.7rem);
margin-top: 0.5rem !important;
margin-top: 0.5rem !important;
padding: 0.58rem 0.64rem !important;
padding: 0.58rem 0.64rem !important;
699번째 줄: 719번째 줄:
--infobox-inner-edge: #8c7157;
--infobox-inner-edge: #8c7157;
--infobox-panel: #3d332d;
--infobox-panel: #3d332d;
--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Dark.png");
--infobox-image-box: #4c4038;
--infobox-image-pattern: rgba(239, 216, 196, 0.09);
--infobox-image-line: #b98b72;
--infobox-ribbon: #805542;
--infobox-ribbon: #805542;
--infobox-row-bg: #433731;
--infobox-row-bg: #433731;
725번째 줄: 747번째 줄:
--infobox-inner-edge: #8c7157;
--infobox-inner-edge: #8c7157;
--infobox-panel: #3d332d;
--infobox-panel: #3d332d;
--infobox-image-bg: url("/wiki/Special:Redirect/file/Template_Bg_Dark.png");
--infobox-image-box: #4c4038;
--infobox-image-pattern: rgba(239, 216, 196, 0.09);
--infobox-image-line: #b98b72;
--infobox-ribbon: #805542;
--infobox-ribbon: #805542;
--infobox-row-bg: #433731;
--infobox-row-bg: #433731;
원본 주소 "https://pvzkrwiki.com/index.php/틀:정보상자/styles.css"