미디어위키:Gadget-Timeless.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

@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);
}