미디어위키:Gadget-Timeless.css: 두 판 사이의 차이

식물 vs 좀비 위키
둘러보기로 이동 검색으로 이동
← 이전 편집
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
456 편집
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* =========================================================
  1. 공통 변수
  ========================================================= */
:root {
:root {
--pvzt-green: #3f8f3d;
--pvzt-bg: #e2d6bf;
--pvzt-green-dark: #286d31;
--pvzt-bg-dark: #201913;
--pvzt-green-deep: #17623a;
--pvzt-content: #e6dbc3;
--pvzt-cream: #fff5df;
--pvzt-paper: #efe6d2;
--pvzt-cream-soft: #f5e3c1;
--pvzt-paper-soft: #f3ead8;
--pvzt-paper: #fff8e8;
--pvzt-header: #4a8840;
--pvzt-paper-2: #f8ebcf;
--pvzt-header-dark: #387031;
--pvzt-brown: #6b3a24;
--pvzt-title: #2d7a49;
--pvzt-brown-dark: #442516;
--pvzt-brown: #7c5d45;
--pvzt-wood: #4a2b1c;
--pvzt-brown-dark: #5a402e;
--pvzt-wood-2: #352016;
--pvzt-brown-deep: #3d291e;
--pvzt-line: #b88c5c;
--pvzt-line: #c9b89b;
--pvzt-text: #432d22;
--pvzt-line-strong: #b8a487;
--pvzt-muted: #7a6455;
--pvzt-text: #4e3a2d;
--pvzt-shadow: 0 6px 20px rgba(48, 26, 14, 0.18);
--pvzt-muted: #7d695b;
--pvzt-header-h: 104px;
--pvzt-wood-1: #473122;
--pvzt-wood-2: #2f2018;
--pvzt-shadow: 0 3px 12px rgba(51, 34, 22, 0.08);
}
}


html {
min-height: 100% !important;
background-color: var(--pvzt-bg) !important;
}


/* =========================================================
body.skin-timeless {
  2. 모바일 기본 배경
position: relative !important;
  ========================================================= */
min-height: 100vh !important;
margin: 0 !important;
background: transparent !important;
background-image: none !important;
color: var(--pvzt-text) !important;
isolation: isolate;
}


@media screen and (max-width: 850px) {
body.skin-timeless::before {
html {
content: "";
min-height: 100% !important;
position: fixed;
background: #3a2419 !important;
inset: 0;
}
z-index: -2;
pointer-events: none;
background:
var(--pvzt-bg)
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
center / cover no-repeat;
}
 
html.skin-theme-clientpref-night body.skin-timeless::before,
html[data-color-mode="dark"] body.skin-timeless::before,
body.skin-theme-clientpref-night.skin-timeless::before,
body[data-color-mode="dark"].skin-timeless::before {
background:
var(--pvzt-bg-dark)
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
center / cover no-repeat;
}


body.skin-timeless {
@media (prefers-color-scheme: dark) {
min-height: 100vh !important;
html.skin-theme-clientpref-os body.skin-timeless::before,
margin: 0 !important;
body.skin-theme-clientpref-os.skin-timeless::before,
padding: var(--pvzt-header-h) 0 0 !important;
html:not(.skin-theme-clientpref-day) body.skin-timeless::before {
background:
background:
linear-gradient(
var(--pvzt-bg-dark)
rgba(57, 34, 22, 0.94),
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
rgba(57, 34, 22, 0.94)
center / cover no-repeat;
),
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
center / cover fixed !important;
color: var(--pvzt-text) !important;
}
}
}


body.skin-timeless.pvzt-mobile-ready {
html.skin-theme-clientpref-day body.skin-timeless::before,
overflow-x: hidden !important;
html[data-color-mode="light"] body.skin-timeless::before,
}
body.skin-theme-clientpref-day.skin-timeless::before,
body[data-color-mode="light"].skin-timeless::before {
background:
var(--pvzt-bg)
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
center / cover no-repeat;
}


.skin-timeless #mw-content-container,
.skin-timeless #mw-page-base,
.skin-timeless #mw-content-block,
.skin-timeless #mw-content-container,
.skin-timeless #mw-content-wrapper {
.skin-timeless #mw-content-block,
background: transparent !important;
.skin-timeless #mw-content-wrapper,
background-image: none !important;
.skin-timeless #mw-related-navigation,
border: 0 !important;
.skin-timeless #mw-site-navigation {
box-shadow: none !important;
background: transparent !important;
}
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}


.skin-timeless #mw-content-container {
/* 상단 헤더 */
margin: 0 !important;
.skin-timeless #mw-header-container,
padding: 0 !important;
.skin-timeless #mw-header-hack,
}
.skin-timeless #mw-header-nav-hack {
background: var(--pvzt-header) !important;
background-image: none !important;
border: 0 !important;
box-shadow:
inset 0 -1px 0 rgba(35, 75, 31, 0.45),
0 1px 4px rgba(35, 75, 31, 0.18) !important;
}


.skin-timeless #mw-content-block,
.skin-timeless #p-logo-text a {
.skin-timeless #mw-content-wrapper {
color: #ffffff !important;
width: 100% !important;
font-family:
max-width: none !important;
"SB Aggro B",
margin: 0 !important;
"SB 어그로 B",
padding: 0 !important;
"SB Aggro",
}
"SB 어그로",
sans-serif !important;
font-weight: 700 !important;
font-variant: normal !important;
text-shadow: none !important;
}
}


.skin-timeless #p-logo-text a:hover {
color: #ffffff !important;
text-decoration: none !important;
opacity: 0.96;
}


/* =========================================================
.skin-timeless #user-tools,
  3. 커스텀 UI 생성 후 기본 Timeless UI 숨김
.skin-timeless #user-tools a,
  ========================================================= */
.skin-timeless #personal > h2,
.skin-timeless #personal > h2 span {
color: #ffffff !important;
}


@media screen and (max-width: 850px) {
.skin-timeless .mw-wiki-logo {
body.skin-timeless.pvzt-mobile-ready #mw-header-container,
filter: drop-shadow(0 2px 4px rgba(45, 25, 8, 0.25));
body.skin-timeless.pvzt-mobile-ready #mw-header-hack,
body.skin-timeless.pvzt-mobile-ready #mw-header-nav-hack,
body.skin-timeless.pvzt-mobile-ready #mw-site-navigation,
body.skin-timeless.pvzt-mobile-ready #mw-related-navigation,
body.skin-timeless.pvzt-mobile-ready #personal,
body.skin-timeless.pvzt-mobile-ready #user-tools,
body.skin-timeless.pvzt-mobile-ready .tools-inline,
body.skin-timeless.pvzt-mobile-ready #site-navigation,
body.skin-timeless.pvzt-mobile-ready #page-tools {
display: none !important;
}
}
}


/* 헤더의 작은 버튼류 */
.skin-timeless #mw-site-navigation > h2,
.skin-timeless #mw-related-navigation > h2,
.skin-timeless #personal > h2 {
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}


/* =========================================================
.skin-timeless #mw-site-navigation > h2:hover,
  4. 상단 모바일 헤더
.skin-timeless #mw-related-navigation > h2:hover,
  ========================================================= */
.skin-timeless #personal > h2:hover {
background: rgba(255, 255, 255, 0.08) !important;
}


@media screen and (max-width: 850px) {
.skin-timeless .pokey {
.pvzt-mobile-header {
border-bottom-color: var(--pvzt-brown-dark) !important;
position: fixed;
}
top: 0;
right: 0;
left: 0;
z-index: 1200;
display: grid;
grid-template-columns: 44px minmax(0, 1fr) 44px;
grid-template-rows: 48px 48px;
gap: 0 8px;
height: var(--pvzt-header-h);
padding: 6px 10px;
box-sizing: border-box;
background: var(--pvzt-green);
border-bottom: 2px solid var(--pvzt-green-dark);
box-shadow: 0 3px 12px rgba(22, 48, 21, 0.28);
}


.pvzt-mobile-header__button {
/* 검색 */
display: inline-flex;
.skin-timeless #simpleSearch {
align-items: center;
overflow: hidden;
justify-content: center;
border: 1px solid #b9a78c !important;
width: 44px;
border-radius: 7px !important;
height: 44px;
background: #f8f2e7 !important;
padding: 0;
background-image: none !important;
border: 0;
box-shadow: none !important;
border-radius: 10px;
}
background: transparent;
color: #ffffff;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}


.pvzt-mobile-header__button:hover,
.skin-timeless #simpleSearch:focus-within {
.pvzt-mobile-header__button:focus-visible {
border-color: var(--pvzt-header-dark) !important;
background: rgba(255, 255, 255, 0.14);
box-shadow:
outline: 0;
0 0 0 2px rgba(74, 136, 64, 0.16) !important;
}
}


.pvzt-mobile-header__button::before {
.skin-timeless #searchInput {
content: "";
border: 0 !important;
display: block;
outline: 0 !important;
width: 24px;
background: transparent !important;
height: 24px;
color: var(--pvzt-text) !important;
background-position: center;
box-shadow: none !important;
background-repeat: no-repeat;
padding-right: 3em !important;
background-size: contain;
}
}


.pvzt-mobile-header__button--menu::before {
.skin-timeless #searchInput::placeholder {
background-image:
color: #8a715a !important;
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 6.5h16v2H4zm0 4.5h16v2H4zm0 4.5h16v2H4z'/%3E%3C/svg%3E");
}
}


.pvzt-mobile-header__button--account::before {
.skin-timeless #searchButton,
background-image:
.skin-timeless #mw-searchButton {
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 2c-4.7 0-8 2.45-8 5.2V21h16v-1.8c0-2.75-3.3-5.2-8-5.2Z'/%3E%3C/svg%3E");
top: 0 !important;
}
right: 0 !important;
width: 2.6em !important;
height: 100% !important;
border: 0 !important;
border-left: 1px solid #c8b79a !important;
border-radius: 0 !important;
background-color: #f8f2e7 !important;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236d513e' d='M10.75 3a7.75 7.75 0 1 0 4.82 13.82l4.31 4.31a1.25 1.25 0 0 0 1.77-1.77l-4.31-4.31A7.75 7.75 0 0 0 10.75 3Zm0 2.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 0 1 0-10.5Z'/%3E%3C/svg%3E") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 17px !important;
box-shadow: none !important;
cursor: pointer;
}


.pvzt-mobile-brand {
.skin-timeless #searchButton:hover,
display: flex;
.skin-timeless #mw-searchButton:hover {
align-items: center;
background-color: #fcf8f0 !important;
min-width: 0;
}
height: 44px;
color: #ffffff;
text-decoration: none !important;
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
text-shadow: 0 1px 1px rgba(18, 61, 27, 0.35);
}


.pvzt-mobile-brand:hover {
.skin-timeless .suggestions .suggestions-results,
color: #ffffff;
.skin-timeless .suggestions .suggestions-special {
text-decoration: none !important;
background: #f8f2e7 !important;
opacity: 0.94;
border: 1px solid #c8b79a !important;
}
}


.pvzt-mobile-brand__text {
.skin-timeless .suggestions .suggestions-result {
overflow: hidden;
color: var(--pvzt-brown) !important;
text-overflow: ellipsis;
}
white-space: nowrap;
}


.pvzt-mobile-search {
.skin-timeless .suggestions .suggestions-result-current {
grid-column: 1 / -1;
background: var(--pvzt-header) !important;
grid-row: 2;
color: #ffffff !important;
display: flex;
}
align-items: center;
width: 100%;
min-width: 0;
height: 42px;
}


.pvzt-mobile-search #simpleSearch,
/* 좌우 사이드 영역 */
.pvzt-mobile-search form {
.skin-timeless #mw-site-navigation,
position: relative !important;
.skin-timeless #mw-related-navigation {
display: flex !important;
background:
width: 100% !important;
radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
height: 42px !important;
linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
margin: 0 !important;
background-image:
padding: 0 !important;
radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
overflow: hidden !important;
linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
border: 1px solid #6f4c35 !important;
}
border-radius: 9px !important;
background: #fff9ec !important;
background-image: none !important;
box-shadow: inset 0 1px 2px rgba(85, 50, 28, 0.08) !important;
}


.pvzt-mobile-search #searchInput,
.skin-timeless #mw-site-navigation .sidebar-inner,
.pvzt-mobile-search input[type="search"],
.skin-timeless #mw-related-navigation .sidebar-inner,
.pvzt-mobile-search input[name="search"] {
.skin-timeless #personal .dropdown {
flex: 1 1 auto !important;
border: 0 !important;
min-width: 0 !important;
border-radius: 0 !important;
height: 40px !important;
background: transparent !important;
margin: 0 !important;
background-image: none !important;
padding: 0 46px 0 13px !important;
box-shadow: none !important;
border: 0 !important;
padding-top: 0.5rem !important;
outline: 0 !important;
}
background: transparent !important;
color: var(--pvzt-text) !important;
font-size: 16px !important;
box-shadow: none !important;
}


.pvzt-mobile-search #searchInput::placeholder,
/* 로고 영역 */
.pvzt-mobile-search input[name="search"]::placeholder {
.skin-timeless #mw-site-navigation .mw-wiki-logo,
color: rgba(67, 45, 34, 0.55) !important;
.skin-timeless #mw-site-navigation #p-logo a {
}
display: block !important;
margin: 0 auto 0.9rem !important;
}


.pvzt-mobile-search #searchButton,
/* 포틀릿 */
.pvzt-mobile-search #mw-searchButton,
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet,
.pvzt-mobile-search button[type="submit"] {
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet,
position: absolute !important;
.skin-timeless #personal .dropdown .mw-portlet,
top: 0 !important;
.skin-timeless #personal .dropdown > div {
right: 0 !important;
margin: 0 0 1rem !important;
width: 44px !important;
padding: 0 !important;
height: 40px !important;
border: 0 !important;
margin: 0 !important;
background: transparent !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid rgba(107, 58, 36, 0.35) !important;
border-radius: 0 !important;
background-color: transparent !important;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b3a24' d='M10.7 3a7.7 7.7 0 1 0 4.73 13.78l4.4 4.4a1.2 1.2 0 1 0 1.7-1.7l-4.4-4.4A7.7 7.7 0 0 0 10.7 3Zm0 2.4a5.3 5.3 0 1 1 0 10.6 5.3 5.3 0 0 1 0-10.6Z'/%3E%3C/svg%3E") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 19px !important;
font-size: 0 !important;
box-shadow: none !important;
cursor: pointer;
}
}
}


.skin-timeless #mw-site-navigation .sidebar-inner h2,
.skin-timeless #mw-site-navigation .sidebar-inner h3,
.skin-timeless #mw-related-navigation .sidebar-inner h2,
.skin-timeless #mw-related-navigation .sidebar-inner h3,
.skin-timeless #personal .dropdown h3 {
margin: 0 !important;
padding: 0.62rem 0.7rem 0.58rem !important;
background: #e9dbc1 !important;
color: var(--pvzt-brown-deep) !important;
border: 1px solid #cab79a !important;
border-bottom: 0 !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
text-align: left !important;
text-shadow: none !important;
}


/* =========================================================
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul,
  5. 배경 오버레이와 서랍
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul,
  ========================================================= */
.skin-timeless #personal .dropdown ul {
margin: 0 !important;
padding: 0.66rem 0.72rem !important;
border: 1px solid #cab79a !important;
border-top: 0 !important;
border-radius: 0 !important;
background: #efe1c8 !important;
background-image: none !important;
box-shadow: none !important;
list-style: none !important;
transform: none !important;
}


@media screen and (max-width: 850px) {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li,
.pvzt-mobile-overlay {
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li,
position: fixed;
.skin-timeless #personal .dropdown li {
inset: 0;
margin: 0 !important;
z-index: 1290;
padding: 0 !important;
visibility: hidden;
list-style: none !important;
background: rgba(22, 12, 7, 0.55);
line-height: 1.38 !important;
opacity: 0;
}
transition:
opacity 180ms ease,
visibility 0s linear 180ms;
}


body.pvzt-mobile-panel-open .pvzt-mobile-overlay {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li + li,
visibility: visible;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li + li,
opacity: 1;
.skin-timeless #personal .dropdown li + li {
transition-delay: 0s;
margin-top: 0.24rem !important;
}
}


.pvzt-mobile-drawer {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a,
position: fixed;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a,
top: 0;
.skin-timeless #personal .dropdown ul a {
bottom: 0;
display: block !important;
z-index: 1300;
padding: 0.1rem 0 !important;
width: min(84vw, 330px);
color: var(--pvzt-brown-deep) !important;
padding: 14px 12px 24px;
font-family:
box-sizing: border-box;
"SB Aggro L",
overflow-y: auto;
"SB 어그로 L",
overscroll-behavior: contain;
"SB Aggro",
background:
"SB 어그로",
linear-gradient(
sans-serif !important;
rgba(62, 37, 23, 0.96),
font-size: 0.82rem !important;
rgba(48, 29, 19, 0.98)
font-weight: 300 !important;
),
line-height: 1.42 !important;
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
text-decoration: none !important;
center / cover;
text-shadow: none !important;
color: #ffffff;
}
box-shadow: 0 0 24px rgba(26, 12, 5, 0.42);
transition: transform 210ms cubic-bezier(0.4, 0, 0.2, 1);
}


.pvzt-mobile-drawer--left {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a:hover,
left: 0;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a:hover,
transform: translateX(-104%);
.skin-timeless #personal .dropdown ul a:hover {
border-right: 2px solid #25140d;
color: #2a6b41 !important;
}
text-decoration: none !important;
}


.pvzt-mobile-drawer--right {
.skin-timeless .sidebar-inner .emptyPortlet {
right: 0;
display: none !important;
transform: translateX(104%);
}
border-left: 2px solid #25140d;
}


body.pvzt-left-open .pvzt-mobile-drawer--left,
/* 본문 중앙 영역 */
body.pvzt-right-open .pvzt-mobile-drawer--right {
.skin-timeless #mw-content {
transform: translateX(0);
position: relative;
}
background: var(--pvzt-content) !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
box-sizing: border-box;
overflow: visible !important;
}


.pvzt-mobile-drawer__top {
.skin-timeless #mw-content::before {
display: flex;
content: none !important;
align-items: center;
display: none !important;
justify-content: space-between;
}
gap: 10px;
min-height: 48px;
margin-bottom: 12px;
}


.pvzt-mobile-drawer__title {
.skin-timeless #mw-content #content {
margin: 0;
background: transparent !important;
color: #ffffff;
}
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif;
font-size: 1.05rem;
font-weight: 700;
}


.pvzt-mobile-drawer__close {
/* 제목 리본 */
display: inline-flex;
.skin-timeless #firstHeading,
align-items: center;
.skin-timeless .mw-first-heading,
justify-content: center;
.skin-timeless .mw-body h1.firstHeading {
width: 40px;
display: inline-block !important;
height: 40px;
width: auto !important;
padding: 0;
max-width: 100% !important;
border: 1px solid rgba(255, 255, 255, 0.28);
margin: 0 0 1rem !important;
border-radius: 9px;
padding: 0.34em 1.3em 0.32em 0.78em !important;
background: rgba(255, 255, 255, 0.08);
border: 0 !important;
color: #ffffff;
border-radius: 0 !important;
font-size: 1.45rem;
background: var(--pvzt-title) !important;
line-height: 1;
color: #ffffff !important;
cursor: pointer;
font-size: 1.95em !important;
}
line-height: 1.12 !important;
text-shadow: none !important;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
}


.pvzt-mobile-drawer__logo {
.skin-timeless #firstHeading *,
display: flex;
.skin-timeless .mw-first-heading * {
align-items: center;
color: #ffffff !important;
justify-content: center;
}
min-height: 98px;
margin: 0 0 13px;
padding: 10px;
border: 1px solid rgba(255, 236, 193, 0.2);
border-radius: 12px;
background: rgba(30, 17, 10, 0.3);
}


.pvzt-mobile-drawer__logo .mw-wiki-logo {
.skin-timeless #firstHeading,
display: block !important;
.skin-timeless .mw-first-heading,
width: 145px !important;
.skin-timeless .mw-body .mw-heading,
height: 90px !important;
.skin-timeless .mw-body h1,
max-width: 100% !important;
.skin-timeless .mw-body h2,
background-position: center !important;
.skin-timeless .mw-body h3,
background-repeat: no-repeat !important;
.skin-timeless .mw-body h4,
background-size: contain !important;
.skin-timeless .mw-body h5,
}
.skin-timeless .mw-body h6 {
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 700 !important;
color: var(--pvzt-text) !important;
}


.pvzt-mobile-portlet {
/* 액션 링크 - 사진처럼 훨씬 단순하게 */
margin: 0 0 12px;
.skin-timeless .tools-inline {
overflow: hidden;
margin-top: 0.2rem !important;
border: 1px solid #ad7b49;
}
border-radius: 8px;
background: var(--pvzt-cream-soft);
color: var(--pvzt-text);
box-shadow: 0 3px 8px rgba(20, 10, 5, 0.2);
}


.pvzt-mobile-portlet__title {
.skin-timeless .tools-inline li {
margin: 0;
border-bottom: 0 !important;
padding: 9px 11px 8px;
}
border-bottom: 1px solid rgba(120, 75, 42, 0.2);
background: rgba(255, 255, 255, 0.36);
color: var(--pvzt-brown-dark);
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif;
font-size: 0.9rem;
font-weight: 500;
}


.pvzt-mobile-portlet ul {
.skin-timeless .tools-inline li > a {
margin: 0 !important;
display: inline-block !important;
padding: 7px 10px 9px !important;
padding: 0.2rem 0.35rem 0.45rem 1.45rem !important;
list-style: none !important;
border: 0 !important;
}
border-bottom: 3px solid transparent !important;
border-radius: 0 !important;
box-sizing: border-box;
background-color: transparent !important;
background-position: left center !important;
background-repeat: no-repeat !important;
background-size: 14px auto !important;
color: #8a6a53 !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.76rem !important;
font-weight: 500 !important;
line-height: 1.25 !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
transition:
color 120ms ease,
border-color 120ms ease;
}


.pvzt-mobile-portlet li {
.skin-timeless .tools-inline li > a:hover {
margin: 0 !important;
background-color: transparent !important;
padding: 0 !important;
color: var(--pvzt-brown-dark) !important;
list-style: none !important;
text-decoration: none !important;
}
transform: none !important;
}


.pvzt-mobile-portlet li + li {
.skin-timeless .tools-inline li.selected > a {
margin-top: 1px !important;
background-color: transparent !important;
}
color: var(--pvzt-brown-dark) !important;
border-bottom-color: #8c6b51 !important;
}


.pvzt-mobile-portlet a {
.skin-timeless .tools-inline li[id^="ca-nstab-"] > a {
display: block !important;
background-image:
padding: 7px 4px !important;
url("/wiki/Special:Redirect/file/Actionbar-document.svg") !important;
color: var(--pvzt-text) !important;
}
font-size: 0.88rem !important;
line-height: 1.35 !important;
text-decoration: none !important;
}


.pvzt-mobile-portlet a:hover,
.skin-timeless #ca-talk > a {
.pvzt-mobile-portlet a:focus-visible {
background-image:
color: var(--pvzt-green-deep) !important;
url("/wiki/Special:Redirect/file/Actionbar-talk.svg") !important;
text-decoration: underline !important;
}
}


.pvzt-mobile-portlet .selected > a {
.skin-timeless #ca-view > a,
color: var(--pvzt-green-deep) !important;
.skin-timeless #ca-view-foreign > a {
font-weight: 700 !important;
background-image:
}
url("/wiki/Special:Redirect/file/Actionbar-read.svg") !important;
}
}


.skin-timeless #ca-edit > a {
background-image:
url("/wiki/Special:Redirect/file/Actionbar-edit.svg") !important;
}


/* =========================================================
.skin-timeless #ca-history > a {
  6. 문서 본문
background-image:
  ========================================================= */
url("/wiki/Special:Redirect/file/Actionbar-history.svg") !important;
}


@media screen and (max-width: 850px) {
.skin-timeless #ca-addsection > a,
.skin-timeless #mw-content {
.skin-timeless #ca-viewsource > a,
position: relative;
.skin-timeless #t-contributions > a {
width: calc(100% - 14px) !important;
background-image: none !important;
max-width: none !important;
padding-left: 0.35rem !important;
margin: 8px 7px 18px !important;
}
padding: 14px 12px 22px !important;
box-sizing: border-box;
overflow: hidden;
border: 1px solid #b88d59 !important;
border-radius: 0 !important;
background: var(--pvzt-paper) !important;
background-image: none !important;
box-shadow: var(--pvzt-shadow) !important;
}


.skin-timeless #mw-content::before,
.skin-timeless #ca-watch > a,
.skin-timeless #mw-content::after {
.skin-timeless #ca-unwatch > a {
content: none !important;
padding-left: 1.45rem !important;
display: none !important;
padding-right: 0.35rem !important;
}
background-position: left center !important;
background-size: 15px !important;
}


.skin-timeless #firstHeading,
.skin-timeless #ca-watch > a,
.skin-timeless .mw-first-heading,
.skin-timeless .pvz-watch-not-watched > a,
.skin-timeless .mw-body h1.firstHeading {
.skin-timeless a.pvz-watch-not-watched {
display: block !important;
background-image:
width: calc(100% + 24px) !important;
url("/wiki/Special:Redirect/file/GW2_Star2.png") !important;
max-width: none !important;
}
margin: -14px -12px 10px !important;
padding: 13px 18px 11px !important;
box-sizing: border-box;
border: 0 !important;
border-radius: 0 !important;
background:
linear-gradient(
100deg,
var(--pvzt-green-deep) 0%,
var(--pvzt-green-deep) 88%,
transparent 88.2%
) !important;
color: #ffffff !important;
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 1.38rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-shadow: none !important;
}


.skin-timeless #firstHeading *,
.skin-timeless #ca-unwatch > a,
.skin-timeless .mw-first-heading * {
.skin-timeless .pvz-watch-watched > a,
color: #ffffff !important;
.skin-timeless a.pvz-watch-watched {
}
background-image:
url("/wiki/Special:Redirect/file/GW2_Star.png") !important;
}


.pvzt-mobile-page-actions {
.skin-timeless .pvz-watch-spinning > a,
display: grid;
.skin-timeless a.pvz-watch-spinning {
grid-template-columns: repeat(5, minmax(0, 1fr));
animation: pvzt-watch-spin 320ms ease;
gap: 4px;
}
margin: 0 -4px 14px;
padding: 0 0 10px;
border-bottom: 1px solid rgba(107, 58, 36, 0.28);
}


.pvzt-mobile-action {
@keyframes pvzt-watch-spin {
display: flex;
from { transform: rotate(0deg); }
flex-direction: column;
to { transform: rotate(360deg); }
align-items: center;
}
justify-content: center;
gap: 3px;
min-width: 0;
min-height: 48px;
padding: 4px 2px;
border: 0;
border-radius: 8px;
background: transparent;
color: #8a654d !important;
font-size: 0.66rem !important;
line-height: 1.1;
text-align: center;
text-decoration: none !important;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}


.pvzt-mobile-action:hover,
/* 본문 내부 카드류 */
.pvzt-mobile-action:focus-visible {
.skin-timeless .toc,
background: rgba(107, 58, 36, 0.08);
.skin-timeless ul#filetoc,
color: var(--pvzt-brown-dark) !important;
.skin-timeless .toccolours,
outline: 0;
.skin-timeless #localNotice,
}
.skin-timeless #catlinks,
.skin-timeless .catlinks,
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
border: 1px solid var(--pvzt-line-strong) !important;
border-radius: 0 !important;
background: var(--pvzt-paper) !important;
background-image: none !important;
color: var(--pvzt-brown) !important;
box-shadow: none !important;
}


.pvzt-mobile-action::before {
.skin-timeless #localNotice {
content: "";
padding: 0.75rem 0.9rem !important;
display: block;
}
width: 23px;
height: 23px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.92;
}


.pvzt-mobile-action--page::before {
.skin-timeless #catlinks,
background-image:
.skin-timeless .catlinks {
url("/wiki/Special:Redirect/file/Actionbar-document.svg");
margin-top: 1.2rem !important;
filter: sepia(1) saturate(0.7) brightness(0.62);
padding: 0.52rem 0.72rem !important;
}
font-family:
"SB Aggro L",
"SB 어그로 L",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 300 !important;
line-height: 1.5 !important;
}


.pvzt-mobile-action--talk::before {
.skin-timeless .mw-parser-output > .mw-references-wrap,
background-image:
.skin-timeless .mw-parser-output > ol.references,
url("/wiki/Special:Redirect/file/Actionbar-talk.svg");
.skin-timeless .mw-parser-output > .references {
filter: sepia(1) saturate(0.7) brightness(0.62);
margin-top: 1.2rem !important;
}
padding: 0.72rem 0.88rem !important;
font-family:
"SB Aggro L",
"SB 어그로 L",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 300 !important;
line-height: 1.5 !important;
}


.pvzt-mobile-action--edit::before {
.skin-timeless .mw-parser-output > .mw-references-wrap > ol.references {
background-image:
margin: 0 !important;
url("/wiki/Special:Redirect/file/Actionbar-edit.svg");
padding: 0 0 0 1.5em !important;
filter: sepia(1) saturate(0.7) brightness(0.62);
border: 0 !important;
}
background: transparent !important;
}


.pvzt-mobile-action--history::before {
.skin-timeless #catlinks a,
background-image:
.skin-timeless .catlinks a,
url("/wiki/Special:Redirect/file/Actionbar-history.svg");
.skin-timeless .mw-parser-output > .mw-references-wrap a,
filter: sepia(1) saturate(0.7) brightness(0.62);
.skin-timeless .mw-parser-output > ol.references a,
}
.skin-timeless .mw-parser-output > .references a,
.skin-timeless .toc a,
.skin-timeless #localNotice a {
color: var(--pvzt-brown) !important;
text-shadow: none !important;
}


.pvzt-mobile-action--more::before {
.skin-timeless #catlinks a:hover,
background-image:
.skin-timeless .catlinks a:hover,
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='2' fill='%238a654d'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%238a654d'/%3E%3Ccircle cx='19' cy='12' r='2' fill='%238a654d'/%3E%3C/svg%3E");
.skin-timeless .mw-parser-output > .mw-references-wrap a:hover,
}
.skin-timeless .mw-parser-output > ol.references a:hover,
.skin-timeless .mw-parser-output > .references a:hover,
.skin-timeless .toc a:hover,
.skin-timeless #localNotice a:hover {
color: var(--pvzt-brown-dark) !important;
}


.skin-timeless .mw-body,
.skin-timeless #mw-normal-catlinks,
.skin-timeless .mw-parser-output {
.skin-timeless .mw-normal-catlinks,
color: var(--pvzt-text) !important;
.skin-timeless #mw-hidden-catlinks,
}
.skin-timeless .mw-hidden-catlinks {
 
border: 0 !important;
.skin-timeless .mw-body a,
background: transparent !important;
.skin-timeless .mw-parser-output a {
color: #24683c;
}
 
.skin-timeless .mw-body a:visited,
.skin-timeless .mw-parser-output a:visited {
color: #5b4f7e;
}
}
}


 
/* 문단 구분선 */
/* =========================================================
  7. 문단 제목과 잔디 구분선
  ========================================================= */
 
.skin-timeless .mw-heading2,
.skin-timeless .mw-heading2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
666번째 줄: 670번째 줄:
}
}


/* 하단 */
.skin-timeless #mw-footer-container,
.skin-timeless .mw-footer-container {
background: #eadfc8 !important;
background-image: none !important;
border-top: 1px solid var(--pvzt-line-strong) !important;
box-shadow: none !important;
color: var(--pvzt-brown) !important;
}


/* =========================================================
.skin-timeless #mw-footer-container a,
  8. 분류·각주·공지·목차
.skin-timeless .mw-footer-container a,
  ========================================================= */
.skin-timeless #mw-footer-container a:visited,
 
.skin-timeless .mw-footer-container a:visited {
@media screen and (max-width: 850px) {
color: var(--pvzt-brown) !important;
.skin-timeless #localNotice,
text-shadow: none !important;
.skin-timeless #catlinks,
}
.skin-timeless .catlinks,
.skin-timeless ul#filetoc,
.skin-timeless .toccolours,
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
border: 1px solid var(--pvzt-line) !important;
border-radius: 8px !important;
background: var(--pvzt-paper-2) !important;
background-image: none !important;
color: var(--pvzt-brown) !important;
box-shadow: none !important;
}
 
.skin-timeless #localNotice {
padding: 0.65rem 0.75rem !important;
}
 
.skin-timeless #catlinks,
.skin-timeless .catlinks {
margin-top: 1.2rem !important;
padding: 0.58rem 0.72rem !important;
}
 
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
margin-top: 1.2rem !important;
padding: 0.72rem 0.85rem !important;
}


.skin-timeless .mw-parser-output > .mw-references-wrap > ol.references {
.skin-timeless #mw-footer-container a:hover,
margin: 0 !important;
.skin-timeless .mw-footer-container a:hover {
padding: 0 0 0 1.5em !important;
color: var(--pvzt-brown-dark) !important;
border: 0 !important;
background: transparent !important;
}
}
}


 
/* 반응형: 위치는 안 바꾸고 크기만 보정 */
/* =========================================================
  9. 하단 영역
  ========================================================= */
 
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
.skin-timeless #mw-footer-container,
.skin-timeless .mw-footer-container {
margin: 0 !important;
padding: 16px 14px 22px !important;
border: 0 !important;
border-top: 1px solid #79533b !important;
background: rgba(48, 29, 19, 0.9) !important;
background-image: none !important;
color: #f4e2c1 !important;
box-shadow: none !important;
}
.skin-timeless #mw-footer-container a,
.skin-timeless .mw-footer-container a,
.skin-timeless #mw-footer-container a:visited,
.skin-timeless .mw-footer-container a:visited {
color: #f4d49b !important;
text-shadow: none !important;
}
}
/* =========================================================
  10. 작은 화면
  ========================================================= */
@media screen and (max-width: 380px) {
:root {
--pvzt-header-h: 100px;
}
.pvzt-mobile-header {
grid-template-columns: 40px minmax(0, 1fr) 40px;
padding-right: 7px;
padding-left: 7px;
}
.pvzt-mobile-header__button {
width: 40px;
height: 44px;
}
.pvzt-mobile-brand {
font-size: 0.9rem;
}
.skin-timeless #mw-content {
.skin-timeless #mw-content {
width: calc(100% - 8px) !important;
padding: 0.9rem !important;
margin-right: 4px !important;
margin-left: 4px !important;
padding-right: 10px !important;
padding-left: 10px !important;
}
}


776번째 줄: 702번째 줄:
.skin-timeless .mw-first-heading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
.skin-timeless .mw-body h1.firstHeading {
width: calc(100% + 20px) !important;
font-size: 1.38em !important;
margin-right: -10px !important;
padding: 0.34em 1em 0.32em 0.62em !important;
margin-left: -10px !important;
padding-right: 14px !important;
padding-left: 14px !important;
font-size: 1.22rem !important;
}
}


.pvzt-mobile-action {
.skin-timeless .tools-inline li > a {
font-size: 0.61rem !important;
font-size: 0.7rem !important;
}
}
}
}
/* =========================================================
  11. 모션 최소화
  ========================================================= */
@media (prefers-reduced-motion: reduce) {
.pvzt-mobile-overlay,
.pvzt-mobile-drawer {
transition: none !important;
}
}
/* =========================================================
  12. 모든 화면에서 기본 Timeless 인터페이스 숨김
  커스텀 UI가 생성된 뒤에만 적용
  ========================================================= */
body.skin-timeless.pvzt-mobile-ready #mw-header-container,
body.skin-timeless.pvzt-mobile-ready #mw-header-hack,
body.skin-timeless.pvzt-mobile-ready #mw-header-nav-hack,
body.skin-timeless.pvzt-mobile-ready #mw-site-navigation,
body.skin-timeless.pvzt-mobile-ready #mw-related-navigation,
body.skin-timeless.pvzt-mobile-ready #personal,
body.skin-timeless.pvzt-mobile-ready #user-tools,
body.skin-timeless.pvzt-mobile-ready .tools-inline,
body.skin-timeless.pvzt-mobile-ready #site-navigation,
body.skin-timeless.pvzt-mobile-ready #page-tools {
display: none !important;
}
/* =========================================================
  13. 데스크톱 Timeless 재구성
  ========================================================= */


@media screen and (min-width: 851px) {
@media screen and (min-width: 851px) {
:root {
--pvzt-header-h: 58px;
--pvzt-left-w: 214px;
--pvzt-right-w: 196px;
}
html {
min-height: 100% !important;
background: #3a2419 !important;
}
body.skin-timeless {
min-height: 100vh !important;
margin: 0 !important;
padding: var(--pvzt-header-h) 0 0 !important;
background:
linear-gradient(
rgba(57, 34, 22, 0.94),
rgba(57, 34, 22, 0.94)
),
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
center / cover fixed !important;
color: var(--pvzt-text) !important;
overflow-x: hidden !important;
}
.skin-timeless #mw-content-container,
.skin-timeless #mw-content-block,
.skin-timeless #mw-content-wrapper {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
.skin-timeless #mw-content-container {
margin-left: var(--pvzt-left-w) !important;
margin-right: var(--pvzt-right-w) !important;
}
/* 데스크톱 상단바 */
.pvzt-mobile-header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1200;
display: grid;
grid-template-columns: 190px minmax(300px, 1fr) 44px;
grid-template-rows: 44px;
align-items: center;
gap: 12px;
height: var(--pvzt-header-h);
padding: 7px 16px;
box-sizing: border-box;
background: var(--pvzt-green);
border-bottom: 2px solid var(--pvzt-green-dark);
box-shadow: 0 3px 12px rgba(22, 48, 21, 0.28);
}
.pvzt-mobile-header__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 10px;
background: transparent;
color: #ffffff;
cursor: pointer;
}
.pvzt-mobile-header__button:hover,
.pvzt-mobile-header__button:focus-visible {
background: rgba(255, 255, 255, 0.14);
outline: 0;
}
.pvzt-mobile-header__button::before {
content: "";
display: block;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.pvzt-mobile-header__button--menu {
display: none;
}
.pvzt-mobile-header__button--account {
grid-column: 3;
}
.pvzt-mobile-header__button--account::before {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 12a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 2c-4.7 0-8 2.45-8 5.2V21h16v-1.8c0-2.75-3.3-5.2-8-5.2Z'/%3E%3C/svg%3E");
}
.pvzt-mobile-brand {
grid-column: 1;
display: flex;
align-items: center;
min-width: 0;
height: 44px;
color: #ffffff;
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
text-decoration: none !important;
text-shadow: 0 1px 1px rgba(18, 61, 27, 0.35);
}
.pvzt-mobile-brand:hover {
color: #ffffff;
text-decoration: none !important;
opacity: 0.94;
}
.pvzt-mobile-brand__text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pvzt-mobile-search {
grid-column: 2;
grid-row: 1;
display: flex;
align-items: center;
width: 100%;
max-width: 980px;
height: 42px;
justify-self: center;
}
.pvzt-mobile-search #simpleSearch,
.pvzt-mobile-search form {
position: relative !important;
display: flex !important;
width: 100% !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 1px solid #6f4c35 !important;
border-radius: 9px !important;
background: #fff9ec !important;
background-image: none !important;
box-shadow: inset 0 1px 2px rgba(85, 50, 28, 0.08) !important;
}
.pvzt-mobile-search #searchInput,
.pvzt-mobile-search input[type="search"],
.pvzt-mobile-search input[name="search"] {
flex: 1 1 auto !important;
min-width: 0 !important;
height: 40px !important;
margin: 0 !important;
padding: 0 46px 0 13px !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
color: var(--pvzt-text) !important;
font-size: 15px !important;
box-shadow: none !important;
}
.pvzt-mobile-search #searchButton,
.pvzt-mobile-search #mw-searchButton,
.pvzt-mobile-search button[type="submit"] {
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 44px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-left: 1px solid rgba(107, 58, 36, 0.35) !important;
background-color: transparent !important;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b3a24' d='M10.7 3a7.7 7.7 0 1 0 4.73 13.78l4.4 4.4a1.2 1.2 0 1 0 1.7-1.7l-4.4-4.4A7.7 7.7 0 0 0 10.7 3Zm0 2.4a5.3 5.3 0 1 1 0 10.6 5.3 5.3 0 0 1 0-10.6Z'/%3E%3C/svg%3E") !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 19px !important;
font-size: 0 !important;
box-shadow: none !important;
cursor: pointer;
}
/* 데스크톱에서는 양쪽 서랍을 고정 사이드바로 사용 */
.pvzt-mobile-overlay {
display: none !important;
}
.pvzt-mobile-drawer {
position: fixed;
top: var(--pvzt-header-h);
bottom: 0;
z-index: 900;
display: block;
padding: 14px 12px 24px;
box-sizing: border-box;
overflow-y: auto;
overscroll-behavior: contain;
background:
linear-gradient(
rgba(62, 37, 23, 0.96),
rgba(48, 29, 19, 0.98)
),
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
center / cover;
color: #ffffff;
box-shadow: none;
transform: none !important;
transition: none !important;
}
.pvzt-mobile-drawer--left {
left: 0;
width: var(--pvzt-left-w);
border-right: 2px solid #25140d;
}
.pvzt-mobile-drawer--right {
right: 0;
width: var(--pvzt-right-w);
border-left: 2px solid #25140d;
}
.pvzt-mobile-drawer__top {
display: none;
}
.pvzt-mobile-drawer__logo {
display: flex;
align-items: center;
justify-content: center;
min-height: 104px;
margin: 0 0 13px;
padding: 10px;
border: 1px solid rgba(255, 236, 193, 0.18);
border-radius: 10px;
background: rgba(30, 17, 10, 0.26);
}
.pvzt-mobile-drawer__logo .mw-wiki-logo {
display: block !important;
width: 160px !important;
height: 96px !important;
max-width: 100% !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.pvzt-mobile-portlet {
margin: 0 0 12px;
overflow: hidden;
border: 1px solid #ad7b49;
border-radius: 7px;
background: var(--pvzt-cream-soft);
color: var(--pvzt-text);
box-shadow: 0 3px 8px rgba(20, 10, 5, 0.18);
}
.pvzt-mobile-portlet__title {
margin: 0;
padding: 9px 10px 8px;
border-bottom: 1px solid rgba(120, 75, 42, 0.2);
background: rgba(255, 255, 255, 0.36);
color: var(--pvzt-brown-dark);
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif;
font-size: 0.86rem;
font-weight: 500;
}
.pvzt-mobile-portlet ul {
margin: 0 !important;
padding: 7px 9px 9px !important;
list-style: none !important;
}
.pvzt-mobile-portlet li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.pvzt-mobile-portlet a {
display: block !important;
padding: 5px 3px !important;
color: var(--pvzt-text) !important;
font-size: 0.78rem !important;
line-height: 1.35 !important;
text-decoration: none !important;
}
.pvzt-mobile-portlet a:hover,
.pvzt-mobile-portlet a:focus-visible {
color: var(--pvzt-green-deep) !important;
text-decoration: underline !important;
}
/* 데스크톱 문서 본문 */
.skin-timeless #mw-content {
position: relative;
width: auto !important;
max-width: none !important;
min-height: calc(100vh - var(--pvzt-header-h) - 32px);
margin: 16px 12px 24px !important;
padding: 24px 28px 32px !important;
box-sizing: border-box;
overflow: hidden;
border: 1px solid #b88d59 !important;
border-radius: 0 !important;
background: var(--pvzt-paper) !important;
background-image: none !important;
box-shadow: var(--pvzt-shadow) !important;
}
.skin-timeless #mw-content::before,
.skin-timeless #mw-content::after {
content: none !important;
display: none !important;
}
.skin-timeless #firstHeading,
.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-first-heading {
.skin-timeless .mw-body h1.firstHeading {
font-size: 2.05em !important;
display: table !important;
width: auto !important;
max-width: calc(100% + 28px) !important;
margin: 0 0 12px -28px !important;
padding: 11px 56px 9px 28px !important;
box-sizing: border-box;
border: 0 !important;
border-radius: 0 !important;
background: var(--pvzt-green-deep) !important;
color: #ffffff !important;
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 1.9rem !important;
font-weight: 700 !important;
line-height: 1.24 !important;
-webkit-clip-path: polygon(
0 0,
100% 0,
calc(100% - 28px) 100%,
0 100%
);
clip-path: polygon(
0 0,
100% 0,
calc(100% - 28px) 100%,
0 100%
);
text-shadow: none !important;
}
 
.skin-timeless #firstHeading *,
.skin-timeless .mw-first-heading * {
color: #ffffff !important;
}
 
.pvzt-mobile-page-actions {
display: grid;
grid-template-columns: repeat(5, minmax(72px, 1fr));
gap: 6px;
max-width: 560px;
margin: 0 0 18px;
padding: 0 0 11px;
border-bottom: 1px solid rgba(107, 58, 36, 0.28);
}
 
.pvzt-mobile-action {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 0;
min-height: 54px;
padding: 5px 4px;
border: 0;
border-radius: 8px;
background: transparent;
color: #8a654d !important;
font-size: 0.72rem !important;
line-height: 1.1;
text-align: center;
text-decoration: none !important;
cursor: pointer;
}
 
.pvzt-mobile-action:hover,
.pvzt-mobile-action:focus-visible {
background: rgba(107, 58, 36, 0.08);
color: var(--pvzt-brown-dark) !important;
outline: 0;
}
 
.pvzt-mobile-action::before {
content: "";
display: block;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.92;
}
 
.pvzt-mobile-action--page::before {
background-image:
url("/wiki/Special:Redirect/file/Actionbar-document.svg");
filter: sepia(1) saturate(0.7) brightness(0.62);
}
 
.pvzt-mobile-action--talk::before {
background-image:
url("/wiki/Special:Redirect/file/Actionbar-talk.svg");
filter: sepia(1) saturate(0.7) brightness(0.62);
}
 
.pvzt-mobile-action--edit::before {
background-image:
url("/wiki/Special:Redirect/file/Actionbar-edit.svg");
filter: sepia(1) saturate(0.7) brightness(0.62);
}
 
.pvzt-mobile-action--history::before {
background-image:
url("/wiki/Special:Redirect/file/Actionbar-history.svg");
filter: sepia(1) saturate(0.7) brightness(0.62);
}
 
.pvzt-mobile-action--more::before {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='2' fill='%238a654d'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%238a654d'/%3E%3Ccircle cx='19' cy='12' r='2' fill='%238a654d'/%3E%3C/svg%3E");
}
 
.skin-timeless .mw-body,
.skin-timeless .mw-parser-output {
color: var(--pvzt-text) !important;
}
 
.skin-timeless #localNotice,
.skin-timeless #catlinks,
.skin-timeless .catlinks,
.skin-timeless ul#filetoc,
.skin-timeless .toccolours,
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
border: 1px solid var(--pvzt-line) !important;
border-radius: 8px !important;
background: var(--pvzt-paper-2) !important;
background-image: none !important;
color: var(--pvzt-brown) !important;
box-shadow: none !important;
}
 
.skin-timeless #mw-footer-container,
.skin-timeless .mw-footer-container {
margin-left: var(--pvzt-left-w) !important;
margin-right: var(--pvzt-right-w) !important;
padding: 18px 24px 24px !important;
border: 0 !important;
border-top: 1px solid #79533b !important;
background: rgba(48, 29, 19, 0.9) !important;
background-image: none !important;
color: #f4e2c1 !important;
box-shadow: none !important;
}
 
.skin-timeless #mw-footer-container a,
.skin-timeless .mw-footer-container a,
.skin-timeless #mw-footer-container a:visited,
.skin-timeless .mw-footer-container a:visited {
color: #f4d49b !important;
text-shadow: none !important;
}
}
}
}


 
@media (prefers-reduced-motion: reduce) {
/* 좁은 데스크톱에서는 오른쪽 사이드바 폭을 조금 줄임 */
.skin-timeless *,
@media screen and (min-width: 851px) and (max-width: 1120px) {
.skin-timeless *::before,
:root {
.skin-timeless *::after {
--pvzt-left-w: 196px;
animation-duration: 1ms !important;
--pvzt-right-w: 176px;
transition-duration: 1ms !important;
}
 
.pvzt-mobile-header {
grid-template-columns: 172px minmax(260px, 1fr) 44px;
padding-right: 10px;
padding-left: 10px;
}
 
.skin-timeless #mw-content {
margin-right: 8px !important;
margin-left: 8px !important;
padding-right: 22px !important;
padding-left: 22px !important;
}
 
.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
margin-left: -22px !important;
padding-left: 22px !important;
font-size: 1.65rem !important;
}
}
}
}

2026년 7월 31일 (금) 00:37 기준 최신판

:root {
	--pvzt-bg: #e2d6bf;
	--pvzt-bg-dark: #201913;
	--pvzt-content: #e6dbc3;
	--pvzt-paper: #efe6d2;
	--pvzt-paper-soft: #f3ead8;
	--pvzt-header: #4a8840;
	--pvzt-header-dark: #387031;
	--pvzt-title: #2d7a49;
	--pvzt-brown: #7c5d45;
	--pvzt-brown-dark: #5a402e;
	--pvzt-brown-deep: #3d291e;
	--pvzt-line: #c9b89b;
	--pvzt-line-strong: #b8a487;
	--pvzt-text: #4e3a2d;
	--pvzt-muted: #7d695b;
	--pvzt-wood-1: #473122;
	--pvzt-wood-2: #2f2018;
	--pvzt-shadow: 0 3px 12px rgba(51, 34, 22, 0.08);
}

html {
	min-height: 100% !important;
	background-color: var(--pvzt-bg) !important;
}

body.skin-timeless {
	position: relative !important;
	min-height: 100vh !important;
	margin: 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: var(--pvzt-text) !important;
	isolation: isolate;
}

body.skin-timeless::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
		var(--pvzt-bg)
		url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
		center / cover no-repeat;
}

html.skin-theme-clientpref-night body.skin-timeless::before,
html[data-color-mode="dark"] body.skin-timeless::before,
body.skin-theme-clientpref-night.skin-timeless::before,
body[data-color-mode="dark"].skin-timeless::before {
	background:
		var(--pvzt-bg-dark)
		url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
		center / cover no-repeat;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os body.skin-timeless::before,
	body.skin-theme-clientpref-os.skin-timeless::before,
	html:not(.skin-theme-clientpref-day) body.skin-timeless::before {
		background:
			var(--pvzt-bg-dark)
			url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
			center / cover no-repeat;
	}
}

html.skin-theme-clientpref-day body.skin-timeless::before,
html[data-color-mode="light"] body.skin-timeless::before,
body.skin-theme-clientpref-day.skin-timeless::before,
body[data-color-mode="light"].skin-timeless::before {
	background:
		var(--pvzt-bg)
		url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
		center / cover no-repeat;
}

.skin-timeless #mw-page-base,
.skin-timeless #mw-content-container,
.skin-timeless #mw-content-block,
.skin-timeless #mw-content-wrapper,
.skin-timeless #mw-related-navigation,
.skin-timeless #mw-site-navigation {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* 상단 헤더 */
.skin-timeless #mw-header-container,
.skin-timeless #mw-header-hack,
.skin-timeless #mw-header-nav-hack {
	background: var(--pvzt-header) !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow:
		inset 0 -1px 0 rgba(35, 75, 31, 0.45),
		0 1px 4px rgba(35, 75, 31, 0.18) !important;
}

.skin-timeless #p-logo-text a {
	color: #ffffff !important;
	font-family:
		"SB Aggro B",
		"SB 어그로 B",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 700 !important;
	font-variant: normal !important;
	text-shadow: none !important;
}

.skin-timeless #p-logo-text a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	opacity: 0.96;
}

.skin-timeless #user-tools,
.skin-timeless #user-tools a,
.skin-timeless #personal > h2,
.skin-timeless #personal > h2 span {
	color: #ffffff !important;
}

.skin-timeless .mw-wiki-logo {
	filter: drop-shadow(0 2px 4px rgba(45, 25, 8, 0.25));
}

/* 헤더의 작은 버튼류 */
.skin-timeless #mw-site-navigation > h2,
.skin-timeless #mw-related-navigation > h2,
.skin-timeless #personal > h2 {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.skin-timeless #mw-site-navigation > h2:hover,
.skin-timeless #mw-related-navigation > h2:hover,
.skin-timeless #personal > h2:hover {
	background: rgba(255, 255, 255, 0.08) !important;
}

.skin-timeless .pokey {
	border-bottom-color: var(--pvzt-brown-dark) !important;
}

/* 검색 */
.skin-timeless #simpleSearch {
	overflow: hidden;
	border: 1px solid #b9a78c !important;
	border-radius: 7px !important;
	background: #f8f2e7 !important;
	background-image: none !important;
	box-shadow: none !important;
}

.skin-timeless #simpleSearch:focus-within {
	border-color: var(--pvzt-header-dark) !important;
	box-shadow:
		0 0 0 2px rgba(74, 136, 64, 0.16) !important;
}

.skin-timeless #searchInput {
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: var(--pvzt-text) !important;
	box-shadow: none !important;
	padding-right: 3em !important;
}

.skin-timeless #searchInput::placeholder {
	color: #8a715a !important;
}

.skin-timeless #searchButton,
.skin-timeless #mw-searchButton {
	top: 0 !important;
	right: 0 !important;
	width: 2.6em !important;
	height: 100% !important;
	border: 0 !important;
	border-left: 1px solid #c8b79a !important;
	border-radius: 0 !important;
	background-color: #f8f2e7 !important;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236d513e' d='M10.75 3a7.75 7.75 0 1 0 4.82 13.82l4.31 4.31a1.25 1.25 0 0 0 1.77-1.77l-4.31-4.31A7.75 7.75 0 0 0 10.75 3Zm0 2.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 0 1 0-10.5Z'/%3E%3C/svg%3E") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 17px !important;
	box-shadow: none !important;
	cursor: pointer;
}

.skin-timeless #searchButton:hover,
.skin-timeless #mw-searchButton:hover {
	background-color: #fcf8f0 !important;
}

.skin-timeless .suggestions .suggestions-results,
.skin-timeless .suggestions .suggestions-special {
	background: #f8f2e7 !important;
	border: 1px solid #c8b79a !important;
}

.skin-timeless .suggestions .suggestions-result {
	color: var(--pvzt-brown) !important;
}

.skin-timeless .suggestions .suggestions-result-current {
	background: var(--pvzt-header) !important;
	color: #ffffff !important;
}

/* 좌우 사이드 영역 */
.skin-timeless #mw-site-navigation,
.skin-timeless #mw-related-navigation {
	background:
		radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
		linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
	background-image:
		radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
		linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner,
.skin-timeless #mw-related-navigation .sidebar-inner,
.skin-timeless #personal .dropdown {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	padding-top: 0.5rem !important;
}

/* 로고 영역 */
.skin-timeless #mw-site-navigation .mw-wiki-logo,
.skin-timeless #mw-site-navigation #p-logo a {
	display: block !important;
	margin: 0 auto 0.9rem !important;
}

/* 포틀릿 */
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet,
.skin-timeless #personal .dropdown .mw-portlet,
.skin-timeless #personal .dropdown > div {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner h2,
.skin-timeless #mw-site-navigation .sidebar-inner h3,
.skin-timeless #mw-related-navigation .sidebar-inner h2,
.skin-timeless #mw-related-navigation .sidebar-inner h3,
.skin-timeless #personal .dropdown h3 {
	margin: 0 !important;
	padding: 0.62rem 0.7rem 0.58rem !important;
	background: #e9dbc1 !important;
	color: var(--pvzt-brown-deep) !important;
	border: 1px solid #cab79a !important;
	border-bottom: 0 !important;
	font-family:
		"SB Aggro M",
		"SB 어그로 M",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	text-align: left !important;
	text-shadow: none !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul,
.skin-timeless #personal .dropdown ul {
	margin: 0 !important;
	padding: 0.66rem 0.72rem !important;
	border: 1px solid #cab79a !important;
	border-top: 0 !important;
	border-radius: 0 !important;
	background: #efe1c8 !important;
	background-image: none !important;
	box-shadow: none !important;
	list-style: none !important;
	transform: none !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li,
.skin-timeless #personal .dropdown li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	line-height: 1.38 !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li + li,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li + li,
.skin-timeless #personal .dropdown li + li {
	margin-top: 0.24rem !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a,
.skin-timeless #personal .dropdown ul a {
	display: block !important;
	padding: 0.1rem 0 !important;
	color: var(--pvzt-brown-deep) !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 300 !important;
	line-height: 1.42 !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a:hover,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a:hover,
.skin-timeless #personal .dropdown ul a:hover {
	color: #2a6b41 !important;
	text-decoration: none !important;
}

.skin-timeless .sidebar-inner .emptyPortlet {
	display: none !important;
}

/* 본문 중앙 영역 */
.skin-timeless #mw-content {
	position: relative;
	background: var(--pvzt-content) !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	overflow: visible !important;
}

.skin-timeless #mw-content::before {
	content: none !important;
	display: none !important;
}

.skin-timeless #mw-content #content {
	background: transparent !important;
}

/* 제목 리본 */
.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
	display: inline-block !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 0 1rem !important;
	padding: 0.34em 1.3em 0.32em 0.78em !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--pvzt-title) !important;
	color: #ffffff !important;
	font-size: 1.95em !important;
	line-height: 1.12 !important;
	text-shadow: none !important;
	-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
}

.skin-timeless #firstHeading *,
.skin-timeless .mw-first-heading * {
	color: #ffffff !important;
}

.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body .mw-heading,
.skin-timeless .mw-body h1,
.skin-timeless .mw-body h2,
.skin-timeless .mw-body h3,
.skin-timeless .mw-body h4,
.skin-timeless .mw-body h5,
.skin-timeless .mw-body h6 {
	font-family:
		"SB Aggro B",
		"SB 어그로 B",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 700 !important;
	color: var(--pvzt-text) !important;
}

/* 액션 링크 - 사진처럼 훨씬 단순하게 */
.skin-timeless .tools-inline {
	margin-top: 0.2rem !important;
}

.skin-timeless .tools-inline li {
	border-bottom: 0 !important;
}

.skin-timeless .tools-inline li > a {
	display: inline-block !important;
	padding: 0.2rem 0.35rem 0.45rem 1.45rem !important;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	background-color: transparent !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: 14px auto !important;
	color: #8a6a53 !important;
	font-family:
		"SB Aggro M",
		"SB 어그로 M",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.76rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition:
		color 120ms ease,
		border-color 120ms ease;
}

.skin-timeless .tools-inline li > a:hover {
	background-color: transparent !important;
	color: var(--pvzt-brown-dark) !important;
	text-decoration: none !important;
	transform: none !important;
}

.skin-timeless .tools-inline li.selected > a {
	background-color: transparent !important;
	color: var(--pvzt-brown-dark) !important;
	border-bottom-color: #8c6b51 !important;
}

.skin-timeless .tools-inline li[id^="ca-nstab-"] > a {
	background-image:
		url("/wiki/Special:Redirect/file/Actionbar-document.svg") !important;
}

.skin-timeless #ca-talk > a {
	background-image:
		url("/wiki/Special:Redirect/file/Actionbar-talk.svg") !important;
}

.skin-timeless #ca-view > a,
.skin-timeless #ca-view-foreign > a {
	background-image:
		url("/wiki/Special:Redirect/file/Actionbar-read.svg") !important;
}

.skin-timeless #ca-edit > a {
	background-image:
		url("/wiki/Special:Redirect/file/Actionbar-edit.svg") !important;
}

.skin-timeless #ca-history > a {
	background-image:
		url("/wiki/Special:Redirect/file/Actionbar-history.svg") !important;
}

.skin-timeless #ca-addsection > a,
.skin-timeless #ca-viewsource > a,
.skin-timeless #t-contributions > a {
	background-image: none !important;
	padding-left: 0.35rem !important;
}

.skin-timeless #ca-watch > a,
.skin-timeless #ca-unwatch > a {
	padding-left: 1.45rem !important;
	padding-right: 0.35rem !important;
	background-position: left center !important;
	background-size: 15px !important;
}

.skin-timeless #ca-watch > a,
.skin-timeless .pvz-watch-not-watched > a,
.skin-timeless a.pvz-watch-not-watched {
	background-image:
		url("/wiki/Special:Redirect/file/GW2_Star2.png") !important;
}

.skin-timeless #ca-unwatch > a,
.skin-timeless .pvz-watch-watched > a,
.skin-timeless a.pvz-watch-watched {
	background-image:
		url("/wiki/Special:Redirect/file/GW2_Star.png") !important;
}

.skin-timeless .pvz-watch-spinning > a,
.skin-timeless a.pvz-watch-spinning {
	animation: pvzt-watch-spin 320ms ease;
}

@keyframes pvzt-watch-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* 본문 내부 카드류 */
.skin-timeless .toc,
.skin-timeless ul#filetoc,
.skin-timeless .toccolours,
.skin-timeless #localNotice,
.skin-timeless #catlinks,
.skin-timeless .catlinks,
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
	border: 1px solid var(--pvzt-line-strong) !important;
	border-radius: 0 !important;
	background: var(--pvzt-paper) !important;
	background-image: none !important;
	color: var(--pvzt-brown) !important;
	box-shadow: none !important;
}

.skin-timeless #localNotice {
	padding: 0.75rem 0.9rem !important;
}

.skin-timeless #catlinks,
.skin-timeless .catlinks {
	margin-top: 1.2rem !important;
	padding: 0.52rem 0.72rem !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 300 !important;
	line-height: 1.5 !important;
}

.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
	margin-top: 1.2rem !important;
	padding: 0.72rem 0.88rem !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 300 !important;
	line-height: 1.5 !important;
}

.skin-timeless .mw-parser-output > .mw-references-wrap > ol.references {
	margin: 0 !important;
	padding: 0 0 0 1.5em !important;
	border: 0 !important;
	background: transparent !important;
}

.skin-timeless #catlinks a,
.skin-timeless .catlinks a,
.skin-timeless .mw-parser-output > .mw-references-wrap a,
.skin-timeless .mw-parser-output > ol.references a,
.skin-timeless .mw-parser-output > .references a,
.skin-timeless .toc a,
.skin-timeless #localNotice a {
	color: var(--pvzt-brown) !important;
	text-shadow: none !important;
}

.skin-timeless #catlinks a:hover,
.skin-timeless .catlinks a:hover,
.skin-timeless .mw-parser-output > .mw-references-wrap a:hover,
.skin-timeless .mw-parser-output > ol.references a:hover,
.skin-timeless .mw-parser-output > .references a:hover,
.skin-timeless .toc a:hover,
.skin-timeless #localNotice a:hover {
	color: var(--pvzt-brown-dark) !important;
}

.skin-timeless #mw-normal-catlinks,
.skin-timeless .mw-normal-catlinks,
.skin-timeless #mw-hidden-catlinks,
.skin-timeless .mw-hidden-catlinks {
	border: 0 !important;
	background: transparent !important;
}

/* 문단 구분선 */
.skin-timeless .mw-heading2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
	position: relative !important;
	margin-bottom: 0.72em !important;
	padding-bottom: 12px !important;
	border: 0 !important;
	border-bottom: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
}

.skin-timeless .mw-heading2::before,
.skin-timeless .mw-heading2::after,
.skin-timeless .mw-parser-output h2.pvz-grass-heading::before,
.skin-timeless .mw-parser-output h2.pvz-grass-heading::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.skin-timeless .mw-heading2 > h2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: 0 !important;
	border-bottom: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
}

.skin-timeless .pvz-grass-divider {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	height: 14px;
	overflow: hidden;
	pointer-events: none;
	background: #ead9b8;
	-webkit-mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E");
	mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-position: left bottom;
	mask-position: left bottom;
	-webkit-mask-size: 112px 12px;
	mask-size: 112px 12px;
}

/* 하단 */
.skin-timeless #mw-footer-container,
.skin-timeless .mw-footer-container {
	background: #eadfc8 !important;
	background-image: none !important;
	border-top: 1px solid var(--pvzt-line-strong) !important;
	box-shadow: none !important;
	color: var(--pvzt-brown) !important;
}

.skin-timeless #mw-footer-container a,
.skin-timeless .mw-footer-container a,
.skin-timeless #mw-footer-container a:visited,
.skin-timeless .mw-footer-container a:visited {
	color: var(--pvzt-brown) !important;
	text-shadow: none !important;
}

.skin-timeless #mw-footer-container a:hover,
.skin-timeless .mw-footer-container a:hover {
	color: var(--pvzt-brown-dark) !important;
}

/* 반응형: 위치는 안 바꾸고 크기만 보정 */
@media screen and (max-width: 850px) {
	.skin-timeless #mw-content {
		padding: 0.9rem !important;
	}

	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading,
	.skin-timeless .mw-body h1.firstHeading {
		font-size: 1.38em !important;
		padding: 0.34em 1em 0.32em 0.62em !important;
	}

	.skin-timeless .tools-inline li > a {
		font-size: 0.7rem !important;
	}
}

@media screen and (min-width: 851px) {
	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading {
		font-size: 2.05em !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.skin-timeless *,
	.skin-timeless *::before,
	.skin-timeless *::after {
		animation-duration: 1ms !important;
		transition-duration: 1ms !important;
	}
}
원본 주소 "https://pvzkrwiki.com/index.php?title=미디어위키:Gadget-Timeless.css&oldid=522"