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

식물 vs 좀비 위키
← 이전 편집다음 편집 →
편집 취소Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
385 편집
편집 요약 없음
편집 요약 없음
6번째 줄: 6번째 줄:
margin: 0 0 1.25rem 1.25rem;
margin: 0 0 1.25rem 1.25rem;
padding: 0.72rem;
padding: 0.72rem;
border: 3px solid #3f843d;
border: 3px solid #587d55;
border-radius: 6px;
border-radius: 6px;
box-sizing: border-box;
box-sizing: border-box;
background: #dcebd7;
background: #dfe9dc;
color: #263624;
color: #293628;
font-family:
font-family:
-apple-system,
-apple-system,
20번째 줄: 20번째 줄:
font-size: 0.92rem;
font-size: 0.92rem;
line-height: 1.5;
line-height: 1.5;
box-shadow: 0 0 24px rgba(54, 101, 49, 0.34);
box-shadow: 0 0 24px rgba(63, 91, 60, 0.32);
}
}


27번째 줄: 27번째 줄:
border: 0;
border: 0;
border-radius: 4px;
border-radius: 4px;
background: #479745;
background: #608b5d;
color: #f8fff6;
color: #f8fff6;
font-family:
font-family:
50번째 줄: 50번째 줄:
border-radius: 5px;
border-radius: 5px;
overflow: hidden;
overflow: hidden;
background: #f3f8ef;
background: #f2f5f0;
}
}


58번째 줄: 58번째 줄:
justify-content: center;
justify-content: center;
padding: 1.5rem 1rem 1.35rem;
padding: 1.5rem 1rem 1.35rem;
border-bottom: 1px solid #bccbbb;
box-sizing: border-box;
box-sizing: border-box;
background: #eaf3e5;
background: #f2f5f0;
}
}


70번째 줄: 71번째 줄:
margin: 0 auto;
margin: 0 auto;
object-fit: contain;
object-fit: contain;
filter: drop-shadow(0 11px 9px rgba(54, 94, 48, 0.24));
filter: drop-shadow(0 11px 9px rgba(59, 81, 56, 0.22));
}
}


116번째 줄: 117번째 줄:
width: 35%;
width: 35%;
padding-right: 0.75rem;
padding-right: 0.75rem;
color: #667b62;
color: #6d7b6a;
font-size: 0.86rem;
font-size: 0.86rem;
text-align: left;
text-align: left;
123번째 줄: 124번째 줄:


.infobox__details td {
.infobox__details td {
color: #2d3c2b;
color: #303b2f;
font-size: 0.9rem;
font-size: 0.9rem;
text-align: left;
text-align: left;
149번째 줄: 150번째 줄:


.infobox a {
.infobox a {
color: #3f7f3b;
color: #52794f;
text-decoration: none;
text-decoration: none;
}
}


.infobox a:hover {
.infobox a:hover {
color: #285c25;
color: #365b34;
text-decoration: underline;
text-decoration: underline;
}
}
167번째 줄: 168번째 줄:
padding: 0.62rem;
padding: 0.62rem;
border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 21px rgba(54, 101, 49, 0.31);
box-shadow: 0 0 21px rgba(63, 91, 60, 0.29);
}
}


229번째 줄: 230번째 줄:
@media screen {
@media screen {
html.skin-theme-clientpref-night .infobox {
html.skin-theme-clientpref-night .infobox {
border-color: #527d4f;
border-color: #597255;
background: #293728;
background: #2e382d;
color: #e2eee0;
color: #e3ebe1;
box-shadow: 0 0 26px rgba(0, 0, 0, 0.46);
box-shadow: 0 0 26px rgba(0, 0, 0, 0.46);
}
}


html.skin-theme-clientpref-night .infobox__title {
html.skin-theme-clientpref-night .infobox__title {
background: #426f40;
background: #526f4f;
color: #f3fbf1;
color: #f4faf2;
}
}


html.skin-theme-clientpref-night .infobox__panel {
html.skin-theme-clientpref-night .infobox__panel {
background: #253124;
background: #293229;
}
}


html.skin-theme-clientpref-night .infobox__image {
html.skin-theme-clientpref-night .infobox__image {
background: #2e3d2d;
border-bottom-color: #536250;
background: #293229;
}
}


html.skin-theme-clientpref-night .infobox__image img {
html.skin-theme-clientpref-night .infobox__image img {
filter: drop-shadow(0 11px 9px rgba(0, 0, 0, 0.36));
filter: drop-shadow(0 11px 9px rgba(0, 0, 0, 0.34));
}
}


html.skin-theme-clientpref-night .infobox__details th {
html.skin-theme-clientpref-night .infobox__details th {
color: #a7bea3;
color: #aebbaa;
}
}


html.skin-theme-clientpref-night .infobox__details td {
html.skin-theme-clientpref-night .infobox__details td {
color: #e3eee1;
color: #e3eae1;
}
}


html.skin-theme-clientpref-night .infobox a {
html.skin-theme-clientpref-night .infobox a {
color: #91ca8b;
color: #a0c49b;
}
}


html.skin-theme-clientpref-night .infobox a:hover {
html.skin-theme-clientpref-night .infobox a:hover {
color: #b6e3b1;
color: #c0dbbc;
}
}
}
}
271번째 줄: 273번째 줄:
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox {
html.skin-theme-clientpref-os .infobox {
border-color: #527d4f;
border-color: #597255;
background: #293728;
background: #2e382d;
color: #e2eee0;
color: #e3ebe1;
box-shadow: 0 0 26px rgba(0, 0, 0, 0.46);
box-shadow: 0 0 26px rgba(0, 0, 0, 0.46);
}
}


html.skin-theme-clientpref-os .infobox__title {
html.skin-theme-clientpref-os .infobox__title {
background: #426f40;
background: #526f4f;
color: #f3fbf1;
color: #f4faf2;
}
}


html.skin-theme-clientpref-os .infobox__panel {
html.skin-theme-clientpref-os .infobox__panel {
background: #253124;
background: #293229;
}
}


html.skin-theme-clientpref-os .infobox__image {
html.skin-theme-clientpref-os .infobox__image {
background: #2e3d2d;
border-bottom-color: #536250;
background: #293229;
}
}


html.skin-theme-clientpref-os .infobox__image img {
html.skin-theme-clientpref-os .infobox__image img {
filter: drop-shadow(0 11px 9px rgba(0, 0, 0, 0.36));
filter: drop-shadow(0 11px 9px rgba(0, 0, 0, 0.34));
}
}


html.skin-theme-clientpref-os .infobox__details th {
html.skin-theme-clientpref-os .infobox__details th {
color: #a7bea3;
color: #aebbaa;
}
}


html.skin-theme-clientpref-os .infobox__details td {
html.skin-theme-clientpref-os .infobox__details td {
color: #e3eee1;
color: #e3eae1;
}
}


html.skin-theme-clientpref-os .infobox a {
html.skin-theme-clientpref-os .infobox a {
color: #91ca8b;
color: #a0c49b;
}
}


html.skin-theme-clientpref-os .infobox a:hover {
html.skin-theme-clientpref-os .infobox a:hover {
color: #b6e3b1;
color: #c0dbbc;
}
}
}
}
원본 주소 "https://pvzkrwiki.com/index.php/틀:정보상자/styles.css"