미디어위키:Gadget-Vector.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-vector.skin-vector-legacy {
        --pvz-green: #0e6b3f;
        --pvz-green-light: #3f8f43;
        --pvz-green-dark: #084c2c;
        --pvz-brown: #6a2c12;
        --pvz-brown-light: #94431d;
        --pvz-paper: #fffbea;
        --pvz-paper-deep: #f2dfbf;
        --pvz-paper-note: #ffd191;
        --pvz-text: #3a1a0d;
        --pvz-link: #2f7f3a;
        --pvz-line: #6a2c12;

        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;
        background-attachment: fixed;
        font-family: "PVZ SB Aggro L", "Pretendard", "Noto Sans KR", sans-serif;
}

/* Vector 2010의 배치와 기능은 유지하고 표면만 변경 */
body.skin-vector.skin-vector-legacy #mw-page-base {
        background:
                linear-gradient(
                        to bottom,
                        rgba(75, 35, 18, 0.92),
                        rgba(49, 21, 9, 0.96)
                );
        border-bottom: 3px solid var(--pvz-brown);
}

body.skin-vector.skin-vector-legacy #mw-head-base {
        background: transparent;
}

body.skin-vector.skin-vector-legacy #content {
        color: var(--pvz-text);
        background: var(--pvz-paper);
        border: 9px solid var(--pvz-brown);
        border-radius: 18px 0 0 18px;
        box-shadow:
                0 14px 28px rgba(38, 17, 5, 0.28),
                inset 0 0 0 8px #e6d2b4;
}

body.skin-vector.skin-vector-legacy .mw-body-content {
        color: var(--pvz-text);
}

body.skin-vector.skin-vector-legacy a {
        color: var(--pvz-link);
}

body.skin-vector.skin-vector-legacy a:visited {
        color: #3c7f3a;
}

body.skin-vector.skin-vector-legacy a:hover,
body.skin-vector.skin-vector-legacy a:focus {
        color: var(--pvz-green-dark);
}

/* 문서 제목을 PvZ 녹색 리본처럼 표현 */
body.skin-vector.skin-vector-legacy #firstHeading {
        display: table;
        max-width: calc(100% - 18px);
        margin: 0 0 1.2rem -9px;
        padding: 0.28em 2.2em 0.28em 0.65em;
        color: #fff;
        background: var(--pvz-green);
        border: 0;
        clip-path: polygon(0 0, 100% 0, calc(100% - 32px) 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-vector.skin-vector-legacy .mw-body h2,
body.skin-vector.skin-vector-legacy .mw-body h3,
body.skin-vector.skin-vector-legacy .mw-body h4,
body.skin-vector.skin-vector-legacy .mw-body h5,
body.skin-vector.skin-vector-legacy .mw-body h6 {
        color: #215a31;
        border-color: rgba(106, 44, 18, 0.35);
        font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
        font-weight: normal;
}

/* 왼쪽 기본 Vector 메뉴 */
body.skin-vector.skin-vector-legacy #mw-panel {
        color: var(--pvz-text);
        background:
                linear-gradient(
                        to bottom,
                        rgba(148, 67, 29, 0.98),
                        rgba(112, 43, 15, 0.98)
                );
        border: 3px solid var(--pvz-green);
        border-radius: 10px;
        box-shadow:
                0 10px 24px rgba(0, 0, 0, 0.28),
                inset 0 0 20px rgba(70, 26, 10, 0.34);
}

body.skin-vector.skin-vector-legacy #p-logo {
        background: rgba(86, 34, 12, 0.82);
        border: 2px solid #55200b;
        border-radius: 8px;
        box-shadow: inset 0 5px 12px rgba(0, 0, 0, 0.26);
}

body.skin-vector.skin-vector-legacy #mw-panel .vector-menu-portal {
        margin-right: 0.55em;
        margin-left: 0.55em;
        padding: 0.45em;
        background: transparent;
}

body.skin-vector.skin-vector-legacy #mw-panel .vector-menu-heading {
        color: #d5ad45;
        background: none;
        border: 0;
        font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
        font-weight: normal;
        text-align: center;
        text-shadow: #3d1a09 1px 1px 0;
}

body.skin-vector.skin-vector-legacy #mw-panel .vector-menu-content {
        padding: 0.55em 0.7em;
        background: var(--pvz-paper-note);
        border: 2px solid #5c2b12;
        border-radius: 5px;
        box-shadow:
                0 5px 9px rgba(38, 17, 5, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

body.skin-vector.skin-vector-legacy #mw-panel .vector-menu-content li a {
        color: #302839;
}

body.skin-vector.skin-vector-legacy #mw-panel .vector-menu-content li a:hover,
body.skin-vector.skin-vector-legacy #mw-panel .vector-menu-content li a:focus {
        color: var(--pvz-green);
        background: rgba(255, 250, 230, 0.35);
        text-decoration: none;
}

/* Vector의 기존 탭 위치와 동작 유지 */
body.skin-vector.skin-vector-legacy .vector-menu-tabs-legacy,
body.skin-vector.skin-vector-legacy .vector-menu-tabs-legacy ul,
body.skin-vector.skin-vector-legacy .vector-menu-tabs-legacy li {
        background-image: none;
}

body.skin-vector.skin-vector-legacy .vector-menu-tabs-legacy li a,
body.skin-vector.skin-vector-legacy .vector-menu-dropdown .vector-menu-heading {
        color: #fff;
        background: #7a3b24;
        border: 3px solid var(--pvz-brown);
        border-bottom: 0;
        border-radius: 13px 13px 0 0;
        font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
        text-shadow: #3c1709 1px 1px 0;
}

body.skin-vector.skin-vector-legacy .vector-menu-tabs-legacy li.selected a {
        color: #fff;
        background: #b1847c;
}

body.skin-vector.skin-vector-legacy .vector-menu-tabs-legacy li a:hover,
body.skin-vector.skin-vector-legacy .vector-menu-dropdown .vector-menu-heading:hover {
        background: var(--pvz-green);
        text-decoration: none;
}

body.skin-vector.skin-vector-legacy .vector-menu-dropdown .vector-menu-content {
        color: var(--pvz-text);
        background: var(--pvz-paper-note);
        border: 2px solid var(--pvz-brown);
        border-radius: 7px;
        box-shadow: 0 10px 24px rgba(47, 22, 8, 0.24);
}

body.skin-vector.skin-vector-legacy .vector-menu-dropdown .vector-menu-content a {
        color: var(--pvz-text);
}

/* 검색창과 개인 도구 */
body.skin-vector.skin-vector-legacy #p-personal a {
        color: #fff8df;
        text-shadow: #2d1308 1px 1px 0;
}

body.skin-vector.skin-vector-legacy #simpleSearch {
        background: #fff8ed;
        border: 2px solid var(--pvz-green-dark);
        border-radius: 3px;
        box-shadow: inset 0 1px 3px rgba(47, 22, 8, 0.18);
}

body.skin-vector.skin-vector-legacy #simpleSearch input {
        color: var(--pvz-text);
        background: transparent;
}

/* 기본 Vector 콘텐츠 구성요소 */
body.skin-vector.skin-vector-legacy .toc,
body.skin-vector.skin-vector-legacy .catlinks,
body.skin-vector.skin-vector-legacy .mw-warning,
body.skin-vector.skin-vector-legacy .mw-message-box {
        color: var(--pvz-text);
        background: var(--pvz-paper-deep);
        border: 1px solid rgba(106, 44, 18, 0.45);
        border-radius: 5px;
}

body.skin-vector.skin-vector-legacy table.wikitable {
        color: var(--pvz-text);
        background: #fff8e7;
        border-color: #7a4a28;
}

body.skin-vector.skin-vector-legacy table.wikitable > tr > th,
body.skin-vector.skin-vector-legacy table.wikitable > * > tr > th {
        color: #fff;
        background: var(--pvz-green);
        border-color: #6a2c12;
}

body.skin-vector.skin-vector-legacy table.wikitable > tr > td,
body.skin-vector.skin-vector-legacy table.wikitable > * > tr > td {
        border-color: #b78c66;
}

body.skin-vector.skin-vector-legacy .thumbinner,
body.skin-vector.skin-vector-legacy figure,
body.skin-vector.skin-vector-legacy .gallerybox .thumb {
        background: transparent;
        border-color: #8a654b;
}

body.skin-vector.skin-vector-legacy .thumbcaption,
body.skin-vector.skin-vector-legacy figcaption,
body.skin-vector.skin-vector-legacy .gallerytext {
        background: #ecd8c7;
        color: var(--pvz-text);
}

/* 기본 footer 배치 유지 */
body.skin-vector.skin-vector-legacy #footer {
        color: var(--pvz-text);
        background: #f2dfbf;
        border-top: 1px solid rgba(75, 42, 24, 0.3);
        box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.08);
}

body.skin-vector.skin-vector-legacy #footer a {
        color: var(--pvz-link);
}