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

식물 vs 좀비 위키
← 이전 편집다음 편집 →
편집 취소Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
385 편집
편집 요약 없음
편집 요약 없음
42번째 줄: 42번째 줄:
content: "";
content: "";
opacity: 0.015;
opacity: 0.015;
}
.infobox__hanger {
display: none;
}
}


60번째 줄: 56번째 줄:
width: 100%;
width: 100%;
min-height: 58px;
min-height: 58px;
padding: 0.72rem 2.1rem 0.68rem;
padding: 0.36rem 2.1rem 0.44rem;
border: 0;
border: 0;
border-radius: 0;
border-radius: 0;
126번째 줄: 122번째 줄:


.infobox__image,
.infobox__image,
.infobox__details,
.infobox__details {
.infobox__section {
position: relative;
position: relative;
z-index: 1;
z-index: 1;
184번째 줄: 179번째 줄:
margin: 0 auto;
margin: 0 auto;
object-fit: contain;
object-fit: contain;
}
.infobox__section {
display: flex;
align-items: center;
margin: 0.72rem 0 0.38rem;
padding: 0.34rem 0;
color: #5a4637;
font-family:
"SB Aggro M",
"SB 어그로 M",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Apple SD Gothic Neo",
"Noto Sans KR",
sans-serif;
font-size: 0.86rem;
font-weight: 500;
line-height: 1.4;
}
.infobox__section::before {
width: 5px;
height: 20px;
margin-right: 0.52rem;
border-radius: 4px;
background: #9b7658;
content: "";
}
.infobox__section::after {
flex: 1;
height: 1px;
margin-left: 0.62rem;
background: #d0bea3;
content: "";
}
}


.infobox__details {
.infobox__details {
width: 100%;
width: 100%;
margin: 0.62rem 0 -0.42rem;
margin: 0.31rem 0 -0.42rem;
border: 0;
border: 0;
border-collapse: separate;
border-collapse: separate;
243번째 줄: 201번째 줄:


.infobox__image + .infobox__details {
.infobox__image + .infobox__details {
margin-top: 0.62rem;
margin-top: 0.31rem;
}
}


362번째 줄: 320번째 줄:
.infobox__title {
.infobox__title {
min-height: 64px;
min-height: 64px;
padding: 0.82rem 2.3rem 0.78rem;
padding: 0.42rem 2.3rem 0.39rem;
clip-path: polygon(
clip-path: polygon(
0 0,
0 0,
390번째 줄: 348번째 줄:
.infobox__image img {
.infobox__image img {
max-height: 208px;
max-height: 208px;
}
.infobox__section {
font-size: 0.98rem;
}
}


.infobox__details {
.infobox__details {
margin-top: 0.6rem;
margin-top: 0.3rem;
margin-bottom: -0.44rem;
margin-bottom: -0.44rem;
border-spacing: 0 0.44rem;
border-spacing: 0 0.44rem;
403번째 줄: 357번째 줄:


.infobox__image + .infobox__details {
.infobox__image + .infobox__details {
margin-top: 0.6rem;
margin-top: 0.3rem;
}
}


429번째 줄: 383번째 줄:
.infobox__title {
.infobox__title {
min-height: 58px;
min-height: 58px;
padding: 0.72rem 1.9rem 0.68rem;
padding: 0.36rem 1.9rem 0.34rem;
clip-path: polygon(
clip-path: polygon(
0 0,
0 0,
463번째 줄: 417번째 줄:
.infobox__image img {
.infobox__image img {
max-height: 180px;
max-height: 180px;
}
.infobox__section {
margin-top: 0.6rem;
font-size: 0.94rem;
}
}


.infobox__details {
.infobox__details {
margin-top: 0.5rem;
margin-top: 0.25rem;
margin-bottom: -0.36rem;
margin-bottom: -0.36rem;
border-spacing: 0 0.36rem;
border-spacing: 0 0.36rem;
477번째 줄: 426번째 줄:


.infobox__image + .infobox__details {
.infobox__image + .infobox__details {
margin-top: 0.5rem;
margin-top: 0.25rem;
}
}


536번째 줄: 485번째 줄:
html.skin-theme-clientpref-night .infobox__image::after {
html.skin-theme-clientpref-night .infobox__image::after {
background: #aa8462;
background: #aa8462;
}
html.skin-theme-clientpref-night .infobox__section {
color: #eee1d3;
}
html.skin-theme-clientpref-night .infobox__section::before {
background: #ae8867;
}
html.skin-theme-clientpref-night .infobox__section::after {
background: #635446;
}
}


612번째 줄: 549번째 줄:
html.skin-theme-clientpref-os .infobox__image::after {
html.skin-theme-clientpref-os .infobox__image::after {
background: #aa8462;
background: #aa8462;
}
html.skin-theme-clientpref-os .infobox__section {
color: #eee1d3;
}
html.skin-theme-clientpref-os .infobox__section::before {
background: #ae8867;
}
html.skin-theme-clientpref-os .infobox__section::after {
background: #635446;
}
}


원본 주소 "https://pvzkrwiki.com/index.php/틀:정보상자/styles.css"