|
|
| 1번째 줄: |
1번째 줄: |
| @font-face {
| |
| font-family: "PVZ SB Aggro B";
| |
| src: url("/wiki/Special:Redirect/file/SB_Aggro_B.ttf") format("truetype");
| |
| font-display: swap;
| |
| }
| |
|
| |
|
| @font-face {
| |
| font-family: "PVZ SB Aggro M";
| |
| src: url("/wiki/Special:Redirect/file/SB_Aggro_M.ttf") format("truetype");
| |
| font-display: swap;
| |
| }
| |
|
| |
| @font-face {
| |
| font-family: "PVZ SB Aggro L";
| |
| src: url("/wiki/Special:Redirect/file/SB_Aggro_L.ttf") format("truetype");
| |
| font-display: swap;
| |
| }
| |
|
| |
| body.skin-timeless {
| |
| --pvz-green: #3f853d;
| |
| --pvz-green-dark: #286222;
| |
| --pvz-ribbon: #0e6b3f;
| |
| --pvz-brown: #6a2c12;
| |
| --pvz-paper: #fffbea;
| |
| --pvz-paper-deep: #f2dfbf;
| |
| --pvz-paper-heading: #f4e7d1;
| |
| --pvz-text: #3a1a0d;
| |
| --pvz-link: #2f7f3a;
| |
|
| |
| color: var(--pvz-text);
| |
| background-color: #725039;
| |
| background-image: url("/wiki/Special:Redirect/file/Wiki_Bg.png");
| |
| background-position: center top;
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| font-family: "PVZ SB Aggro L", "Pretendard", "Noto Sans KR", sans-serif;
| |
| }
| |
|
| |
| /* Timeless의 기본 헤더 구조와 버튼 위치 유지 */
| |
| body.skin-timeless #mw-header-container {
| |
| color: #fff;
| |
| background: var(--pvz-green);
| |
| background-image: none;
| |
| border-bottom: 1px solid var(--pvz-green-dark);
| |
| box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
| |
| }
| |
|
| |
| body.skin-timeless #mw-header,
| |
| body.skin-timeless #mw-header-hack {
| |
| background: transparent;
| |
| background-image: none;
| |
| }
| |
|
| |
| body.skin-timeless #mw-header-container a,
| |
| body.skin-timeless #mw-header-container button,
| |
| body.skin-timeless #mw-header-container .mw-ui-icon {
| |
| color: #fff;
| |
| }
| |
|
| |
| body.skin-timeless #mw-header-container input[type="search"],
| |
| body.skin-timeless #mw-header-container input[name="search"] {
| |
| color: var(--pvz-text);
| |
| background: #fff8ed;
| |
| border-color: #8a654b;
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| /* Timeless 기본 콘텐츠 열과 좌우 내비게이션은 그대로 둔다 */
| |
| body.skin-timeless #mw-content-container,
| |
| body.skin-timeless #mw-footer-container,
| |
| body.skin-timeless #mw-site-navigation,
| |
| body.skin-timeless #mw-related-navigation {
| |
| background-color: transparent;
| |
| background-image: none;
| |
| }
| |
|
| |
| body.skin-timeless #mw-content,
| |
| body.skin-timeless #content,
| |
| body.skin-timeless .mw-body {
| |
| color: var(--pvz-text);
| |
| background: #e6d3b3;
| |
| border-color: var(--pvz-brown);
| |
| box-shadow: 0 12px 26px rgba(47, 22, 8, 0.22);
| |
| }
| |
|
| |
| body.skin-timeless #bodyContent,
| |
| body.skin-timeless .mw-body-content,
| |
| body.skin-timeless #mw-content-text {
| |
| background: var(--pvz-paper);
| |
| }
| |
|
| |
| /* 문서 제목 리본 */
| |
| body.skin-timeless #firstHeading,
| |
| body.skin-timeless .mw-first-heading {
| |
| display: table;
| |
| max-width: calc(100% - 16px);
| |
| padding: 0.28em 2em 0.28em 0.55em;
| |
| color: #fff;
| |
| background: var(--pvz-ribbon);
| |
| border: 0;
| |
| clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
| |
| font-family: "PVZ SB Aggro B", "SB Aggro B", sans-serif;
| |
| font-weight: normal;
| |
| letter-spacing: -0.045em;
| |
| text-shadow:
| |
| #245d33 2px 0 0,
| |
| #245d33 -2px 0 0,
| |
| #245d33 0 2px 0,
| |
| #245d33 0 -2px 0;
| |
| }
| |
|
| |
| body.skin-timeless #mw-content-text h2,
| |
| body.skin-timeless #mw-content-text h3,
| |
| body.skin-timeless #mw-content-text h4,
| |
| body.skin-timeless #mw-content-text h5,
| |
| body.skin-timeless #mw-content-text h6 {
| |
| color: #215a31;
| |
| border-color: rgba(61, 143, 69, 0.3);
| |
| font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| body.skin-timeless a {
| |
| color: var(--pvz-link);
| |
| }
| |
|
| |
| body.skin-timeless a:visited {
| |
| color: #3c7f3a;
| |
| }
| |
|
| |
| /* Timeless 기본 포틀릿만 종이 카드처럼 꾸민다 */
| |
| body.skin-timeless #mw-site-navigation .mw-portlet,
| |
| body.skin-timeless #mw-related-navigation .mw-portlet,
| |
| body.skin-timeless #mw-site-navigation [id^="p-"],
| |
| body.skin-timeless #mw-related-navigation [id^="p-"] {
| |
| color: var(--pvz-text);
| |
| background: var(--pvz-paper-deep);
| |
| border: 1px solid rgba(75, 42, 24, 0.36);
| |
| box-shadow: 0 5px 12px rgba(47, 22, 8, 0.14);
| |
| }
| |
|
| |
| body.skin-timeless #mw-site-navigation .mw-portlet h3,
| |
| body.skin-timeless #mw-related-navigation .mw-portlet h3,
| |
| body.skin-timeless #mw-site-navigation .mw-portlet-label,
| |
| body.skin-timeless #mw-related-navigation .mw-portlet-label {
| |
| color: #4b2a18;
| |
| background: var(--pvz-paper-heading);
| |
| border-bottom-color: rgba(75, 42, 24, 0.15);
| |
| font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| body.skin-timeless #mw-site-navigation a,
| |
| body.skin-timeless #mw-related-navigation a {
| |
| color: #4b2a18;
| |
| }
| |
|
| |
| body.skin-timeless #mw-site-navigation a:hover,
| |
| body.skin-timeless #mw-related-navigation a:hover {
| |
| color: var(--pvz-link);
| |
| }
| |
|
| |
| /* Timeless의 기본 문서/토론/편집 도구 UI 유지 */
| |
| body.skin-timeless #mw-content-container .mw-portlet a,
| |
| body.skin-timeless #mw-content-container .mw-ui-icon {
| |
| color: #7a4a28;
| |
| }
| |
|
| |
| body.skin-timeless #mw-content-container .selected a,
| |
| body.skin-timeless #mw-content-container .active a {
| |
| color: var(--pvz-ribbon);
| |
| border-color: var(--pvz-ribbon);
| |
| }
| |
|
| |
| body.skin-timeless .toc,
| |
| body.skin-timeless #toc,
| |
| body.skin-timeless .catlinks,
| |
| body.skin-timeless .mw-warning,
| |
| body.skin-timeless .mw-message-box {
| |
| color: var(--pvz-text);
| |
| background: var(--pvz-paper-deep);
| |
| border: 1px solid rgba(75, 42, 24, 0.38);
| |
| }
| |
|
| |
| body.skin-timeless table.wikitable {
| |
| color: var(--pvz-text);
| |
| background: #fff8e7;
| |
| border-color: #7a4a28;
| |
| }
| |
|
| |
| body.skin-timeless table.wikitable > tr > th,
| |
| body.skin-timeless table.wikitable > * > tr > th {
| |
| color: #fff;
| |
| background: var(--pvz-ribbon);
| |
| border-color: var(--pvz-brown);
| |
| }
| |
|
| |
| body.skin-timeless .thumbinner,
| |
| body.skin-timeless figure,
| |
| body.skin-timeless .gallerybox .thumb {
| |
| background: transparent;
| |
| border-color: #8a654b;
| |
| }
| |
|
| |
| body.skin-timeless .thumbcaption,
| |
| body.skin-timeless figcaption,
| |
| body.skin-timeless .gallerytext {
| |
| color: var(--pvz-text);
| |
| background: #ecd8c7;
| |
| }
| |
|
| |
| body.skin-timeless #mw-footer-container,
| |
| body.skin-timeless #footer {
| |
| color: #4b2a18;
| |
| background: #f2dfbf;
| |
| border-top: 1px solid rgba(75, 42, 24, 0.26);
| |
| }
| |
|
| |
| body.skin-timeless #mw-footer-container a,
| |
| body.skin-timeless #footer a {
| |
| color: var(--pvz-link);
| |
| }
| |