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

식물 vs 좀비 위키
둘러보기로 이동 검색으로 이동
← 이전 편집다음 편집 →
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
456 편집
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* =========================================================
/* =========================================================
   1. 공통 변수
   1. 공통 색상
   ========================================================= */
   ========================================================= */


:root {
:root {
--pvzt-green: #3f8f3d;
--pvzt-bg: #f5ead7;
--pvzt-green-dark: #286d31;
--pvzt-bg-dark: #201913;
--pvzt-green-deep: #17623a;
--pvzt-cream: #fff5df;
--pvzt-cream-soft: #f5e3c1;
--pvzt-paper: #fff8e8;
--pvzt-paper: #fff8e8;
--pvzt-paper-2: #f8ebcf;
--pvzt-paper-soft: #f6e7ca;
--pvzt-brown: #6b3a24;
--pvzt-green: #478f43;
--pvzt-brown-dark: #442516;
--pvzt-green-dark: #2f6e36;
--pvzt-wood: #4a2b1c;
--pvzt-green-deep: #17633f;
--pvzt-wood-2: #352016;
--pvzt-brown: #75462d;
--pvzt-line: #b88c5c;
--pvzt-brown-dark: #54301f;
--pvzt-text: #432d22;
--pvzt-line: #c5a477;
--pvzt-muted: #7a6455;
--pvzt-text: #443229;
--pvzt-shadow: 0 6px 20px rgba(48, 26, 14, 0.18);
--pvzt-muted: #79675c;
--pvzt-header-h: 104px;
--pvzt-radius: 12px;
--pvzt-shadow: 0 4px 14px rgba(72, 43, 24, 0.12);
}
}




/* =========================================================
/* =========================================================
   2. 모바일 기본 배경
   2. 전역 배경
   ========================================================= */
   ========================================================= */


@media screen and (max-width: 850px) {
html {
html {
min-height: 100% !important;
min-height: 100% !important;
background-color: var(--pvzt-bg) !important;
background: #3a2419 !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 {
body.skin-timeless::before {
min-height: 100vh !important;
content: "";
margin: 0 !important;
position: fixed;
padding: var(--pvzt-header-h) 0 0 !important;
inset: 0;
background:
z-index: -1;
linear-gradient(
pointer-events: none;
rgba(57, 34, 22, 0.94),
background:
rgba(57, 34, 22, 0.94)
var(--pvzt-bg)
),
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
center / cover no-repeat;
center / cover fixed !important;
}
color: var(--pvzt-text) !important;
}


body.skin-timeless.pvzt-mobile-ready {
html.skin-theme-clientpref-night body.skin-timeless::before,
overflow-x: hidden !important;
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;
}


.skin-timeless #mw-content-container,
@media (prefers-color-scheme: dark) {
.skin-timeless #mw-content-block,
html.skin-theme-clientpref-os body.skin-timeless::before,
.skin-timeless #mw-content-wrapper {
body.skin-theme-clientpref-os.skin-timeless::before,
background: transparent !important;
html:not(.skin-theme-clientpref-day) body.skin-timeless::before {
background-image: none !important;
background:
border: 0 !important;
var(--pvzt-bg-dark)
box-shadow: none !important;
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
center / cover no-repeat;
}
}
}


.skin-timeless #mw-content-container {
html.skin-theme-clientpref-day body.skin-timeless::before,
margin: 0 !important;
html[data-color-mode="light"] body.skin-timeless::before,
padding: 0 !important;
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-block,
.skin-timeless #mw-content-container,
.skin-timeless #mw-content-wrapper {
.skin-timeless #mw-content-block,
width: 100% !important;
.skin-timeless #mw-content-wrapper {
max-width: none !important;
background: transparent !important;
margin: 0 !important;
background-image: none !important;
padding: 0 !important;
border-bottom: 0 !important;
}
}
}




/* =========================================================
/* =========================================================
   3. 커스텀 UI 생성 후 기본 Timeless UI 숨김
   3. 기본 상단 헤더
  위치는 Timeless 기본값 유지
   ========================================================= */
   ========================================================= */


@media screen and (max-width: 850px) {
.skin-timeless #mw-header-container,
body.skin-timeless.pvzt-mobile-ready #mw-header-container,
.skin-timeless #mw-header-hack,
body.skin-timeless.pvzt-mobile-ready #mw-header-hack,
.skin-timeless #mw-header-nav-hack {
body.skin-timeless.pvzt-mobile-ready #mw-header-nav-hack,
background: var(--pvzt-green) !important;
body.skin-timeless.pvzt-mobile-ready #mw-site-navigation,
background-image: none !important;
body.skin-timeless.pvzt-mobile-ready #mw-related-navigation,
border: 0 !important;
body.skin-timeless.pvzt-mobile-ready #personal,
box-shadow:
body.skin-timeless.pvzt-mobile-ready #user-tools,
inset 0 -1px 0 rgba(30, 83, 34, 0.45),
body.skin-timeless.pvzt-mobile-ready .tools-inline,
0 2px 6px rgba(32, 73, 31, 0.18) !important;
body.skin-timeless.pvzt-mobile-ready #site-navigation,
}
body.skin-timeless.pvzt-mobile-ready #page-tools {
 
display: none !important;
.skin-timeless #p-logo-text a {
}
color: #ffffff !important;
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-variant: normal !important;
font-weight: 700 !important;
text-shadow: 0 1px 1px rgba(30, 74, 31, 0.35) !important;
}
 
.skin-timeless #p-logo-text a:hover {
color: #ffffff !important;
text-decoration: none !important;
opacity: 0.94;
}
 
.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));
}
}




/* =========================================================
/* =========================================================
   4. 상단 모바일 헤더
   4. 기본 메뉴 버튼
   ========================================================= */
   ========================================================= */


@media screen and (max-width: 850px) {
.skin-timeless #mw-site-navigation > h2,
.pvzt-mobile-header {
.skin-timeless #mw-related-navigation > h2,
position: fixed;
.skin-timeless #personal > h2 {
top: 0;
background: #fffaf0 !important;
right: 0;
background-image: none !important;
left: 0;
border: 1px solid var(--pvzt-green-dark) !important;
z-index: 1200;
border-radius: 9px !important;
display: grid;
box-shadow: 0 2px 4px rgba(31, 66, 29, 0.16) !important;
grid-template-columns: 44px minmax(0, 1fr) 44px;
transition:
grid-template-rows: 48px 48px;
background-color 120ms ease,
gap: 0 8px;
transform 120ms ease;
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 {
.skin-timeless #mw-site-navigation > h2:hover,
display: inline-flex;
.skin-timeless #mw-related-navigation > h2:hover,
align-items: center;
.skin-timeless #personal > h2:hover {
justify-content: center;
background: #fffdf7 !important;
width: 44px;
transform: translateY(-1px);
height: 44px;
}
padding: 0;
border: 0;
border-radius: 10px;
background: transparent;
color: #ffffff;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}


.pvzt-mobile-header__button:hover,
.skin-timeless .pokey {
.pvzt-mobile-header__button:focus-visible {
border-bottom-color: var(--pvzt-brown-dark) !important;
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::before {
/* =========================================================
background-image:
  5. 기본 좌우 메뉴와 드롭다운
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");
  위치·펼침 방식은 Timeless 기본값 유지
}
  ========================================================= */


.pvzt-mobile-header__button--account::before {
.skin-timeless #mw-site-navigation .sidebar-inner,
background-image:
.skin-timeless #mw-related-navigation .sidebar-inner,
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");
.skin-timeless #personal .dropdown {
}
border: 1px solid var(--pvzt-brown-dark) !important;
border-radius: 11px !important;
background: #8b472a !important;
background-image: none !important;
box-shadow: 0 5px 14px rgba(54, 27, 13, 0.2) !important;
}


.pvzt-mobile-brand {
.skin-timeless #mw-site-navigation .sidebar-inner h2,
display: flex;
.skin-timeless #mw-site-navigation .sidebar-inner h3,
align-items: center;
.skin-timeless #mw-related-navigation .sidebar-inner h2,
min-width: 0;
.skin-timeless #mw-related-navigation .sidebar-inner h3,
height: 44px;
.skin-timeless #personal .dropdown h3 {
color: #ffffff;
border: 0 !important;
text-decoration: none !important;
background: transparent !important;
font-family:
color: #f2c96f !important;
"SB Aggro B",
font-family:
"SB 어그로 B",
"SB Aggro M",
"SB Aggro",
"SB 어그로 M",
"SB 어그로",
"SB Aggro",
sans-serif !important;
"SB 어그로",
font-size: 1rem;
sans-serif !important;
font-weight: 700;
font-weight: 500 !important;
line-height: 1.1;
text-align: center !important;
text-shadow: 0 1px 1px rgba(18, 61, 27, 0.35);
text-shadow: none !important;
}
}


.pvzt-mobile-brand:hover {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul,
color: #ffffff;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul,
text-decoration: none !important;
.skin-timeless #personal .dropdown ul {
opacity: 0.94;
margin: 0 0 0.4rem !important;
}
padding: 0.55rem 0.62rem !important;
border: 1px solid #754126 !important;
border-radius: 7px !important;
background: #f3c58b !important;
background-image: none !important;
box-shadow: none !important;
list-style: none !important;
transform: none !important;
}


.pvzt-mobile-brand__text {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li,
overflow: hidden;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li,
text-overflow: ellipsis;
.skin-timeless #personal .dropdown li {
white-space: nowrap;
margin: 0 !important;
}
padding: 0 !important;
list-style: none !important;
line-height: 1.35 !important;
}


.pvzt-mobile-search {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li + li,
grid-column: 1 / -1;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li + li,
grid-row: 2;
.skin-timeless #personal .dropdown li + li {
display: flex;
margin-top: 0.16rem !important;
align-items: center;
}
width: 100%;
min-width: 0;
height: 42px;
}


.pvzt-mobile-search #simpleSearch,
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a,
.pvzt-mobile-search form {
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a,
position: relative !important;
.skin-timeless #personal .dropdown ul a {
display: flex !important;
display: block !important;
width: 100% !important;
padding: 0.12rem 0.1rem !important;
height: 42px !important;
color: #3d3748 !important;
margin: 0 !important;
font-family:
padding: 0 !important;
"SB Aggro L",
overflow: hidden !important;
"SB 어그로 L",
border: 1px solid #6f4c35 !important;
"SB Aggro",
border-radius: 9px !important;
"SB 어그로",
background: #fff9ec !important;
sans-serif !important;
background-image: none !important;
font-size: 0.8rem !important;
box-shadow: inset 0 1px 2px rgba(85, 50, 28, 0.08) !important;
font-weight: 300 !important;
}
line-height: 1.38 !important;
text-decoration: none !important;
text-shadow: none !important;
}


.pvzt-mobile-search #searchInput,
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a:hover,
.pvzt-mobile-search input[type="search"],
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a:hover,
.pvzt-mobile-search input[name="search"] {
.skin-timeless #personal .dropdown ul a:hover {
flex: 1 1 auto !important;
color: var(--pvzt-brown-dark) !important;
min-width: 0 !important;
text-decoration: underline !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: 16px !important;
box-shadow: none !important;
}


.pvzt-mobile-search #searchInput::placeholder,
.skin-timeless .sidebar-inner .emptyPortlet {
.pvzt-mobile-search input[name="search"]::placeholder {
display: none !important;
color: rgba(67, 45, 34, 0.55) !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;
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;
}
}
}




/* =========================================================
/* =========================================================
   5. 배경 오버레이와 서랍
   6. 기본 검색창
   ========================================================= */
   ========================================================= */


@media screen and (max-width: 850px) {
.skin-timeless #simpleSearch {
.pvzt-mobile-overlay {
overflow: hidden;
position: fixed;
border: 1px solid #4d7753 !important;
inset: 0;
border-radius: 10px !important;
z-index: 1290;
background: #ffffff !important;
visibility: hidden;
background-image: none !important;
background: rgba(22, 12, 7, 0.55);
box-shadow: 0 2px 4px rgba(34, 74, 40, 0.1) !important;
opacity: 0;
}
transition:
opacity 180ms ease,
visibility 0s linear 180ms;
}


body.pvzt-mobile-panel-open .pvzt-mobile-overlay {
.skin-timeless #simpleSearch:focus-within {
visibility: visible;
border-color: var(--pvzt-green-deep) !important;
opacity: 1;
box-shadow:
transition-delay: 0s;
0 0 0 3px rgba(71, 143, 67, 0.14),
}
0 2px 4px rgba(34, 74, 40, 0.1) !important;
}


.pvzt-mobile-drawer {
.skin-timeless #searchInput {
position: fixed;
border: 0 !important;
top: 0;
outline: 0 !important;
bottom: 0;
background: transparent !important;
z-index: 1300;
color: #324936 !important;
width: min(84vw, 330px);
box-shadow: none !important;
padding: 14px 12px 24px;
padding-right: 3em !important;
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: 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 #searchInput::placeholder {
left: 0;
color: rgba(50, 73, 54, 0.52) !important;
transform: translateX(-104%);
}
border-right: 2px solid #25140d;
}


.pvzt-mobile-drawer--right {
.skin-timeless #searchButton,
right: 0;
.skin-timeless #mw-searchButton {
transform: translateX(104%);
top: 0 !important;
border-left: 2px solid #25140d;
right: 0 !important;
}
width: 2.6em !important;
height: 100% !important;
border: 0 !important;
border-left: 1px solid #0b5432 !important;
border-radius: 0 !important;
background-color: var(--pvzt-green-deep) !important;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' 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;
}


body.pvzt-left-open .pvzt-mobile-drawer--left,
.skin-timeless #searchButton:hover,
body.pvzt-right-open .pvzt-mobile-drawer--right {
.skin-timeless #mw-searchButton:hover {
transform: translateX(0);
filter: brightness(1.06);
}
}


.pvzt-mobile-drawer__top {
.skin-timeless .suggestions .suggestions-results,
display: flex;
.skin-timeless .suggestions .suggestions-special {
align-items: center;
background: #fffaf0 !important;
justify-content: space-between;
border: 1px solid var(--pvzt-line) !important;
gap: 10px;
}
min-height: 48px;
margin-bottom: 12px;
}


.pvzt-mobile-drawer__title {
.skin-timeless .suggestions .suggestions-result {
margin: 0;
color: var(--pvzt-brown) !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 {
.skin-timeless .suggestions .suggestions-result-current {
display: inline-flex;
background: var(--pvzt-green-deep) !important;
align-items: center;
color: #ffffff !important;
justify-content: center;
}
width: 40px;
height: 40px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 9px;
background: rgba(255, 255, 255, 0.08);
color: #ffffff;
font-size: 1.45rem;
line-height: 1;
cursor: pointer;
}


.pvzt-mobile-drawer__logo {
display: flex;
align-items: center;
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 {
/* =========================================================
display: block !important;
  7. 기본 문서 도구
width: 145px !important;
  위치·정렬은 Timeless 기본값 유지
height: 90px !important;
  ========================================================= */
max-width: 100% !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}


.pvzt-mobile-portlet {
.skin-timeless .tools-inline li {
margin: 0 0 12px;
border-bottom: 0 !important;
overflow: hidden;
}
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 > a {
margin: 0;
display: inline-block;
padding: 9px 11px 8px;
padding: 4px 9px 4px 26px !important;
border-bottom: 1px solid rgba(120, 75, 42, 0.2);
border: 1px solid var(--pvzt-brown-dark) !important;
background: rgba(255, 255, 255, 0.36);
border-radius: 7px !important;
color: var(--pvzt-brown-dark);
box-sizing: border-box;
font-family:
background-color: #7a4835 !important;
"SB Aggro M",
background-position: 7px center !important;
"SB 어그로 M",
background-repeat: no-repeat !important;
"SB Aggro",
background-size: 14px auto !important;
"SB 어그로",
color: #ffffff !important;
sans-serif;
font-family:
font-size: 0.9rem;
"SB Aggro M",
font-weight: 500;
"SB 어그로 M",
}
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.73rem !important;
font-weight: 500 !important;
line-height: 1.25 !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
transition:
background-color 120ms ease,
transform 120ms ease;
}


.pvzt-mobile-portlet ul {
.skin-timeless .tools-inline li > a:hover {
margin: 0 !important;
background-color: #8b5944 !important;
padding: 7px 10px 9px !important;
text-decoration: none !important;
list-style: none !important;
transform: translateY(-1px);
}
}


.pvzt-mobile-portlet li {
.skin-timeless .tools-inline li.selected > a {
margin: 0 !important;
background-color: #a66f62 !important;
padding: 0 !important;
color: #ffffff !important;
list-style: none !important;
}
}


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


.pvzt-mobile-portlet a {
.skin-timeless #ca-talk > a {
display: block !important;
background-image:
padding: 7px 4px !important;
url("/wiki/Special:Redirect/file/Actionbar-talk.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-view > a,
.pvzt-mobile-portlet a:focus-visible {
.skin-timeless #ca-view-foreign > a {
color: var(--pvzt-green-deep) !important;
background-image:
text-decoration: underline !important;
url("/wiki/Special:Redirect/file/Actionbar-read.svg") !important;
}
}


.pvzt-mobile-portlet .selected > a {
.skin-timeless #ca-edit > a {
color: var(--pvzt-green-deep) !important;
background-image:
font-weight: 700 !important;
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,
  6. 문서 본문
.skin-timeless #ca-viewsource > a,
  ========================================================= */
.skin-timeless #t-contributions > a {
background-image: none !important;
padding-left: 9px !important;
}


@media screen and (max-width: 850px) {
.skin-timeless #ca-watch > a,
.skin-timeless #mw-content {
.skin-timeless #ca-unwatch > a {
position: relative;
padding: 4px 12px !important;
width: calc(100% - 14px) !important;
background-position: center !important;
max-width: none !important;
background-size: 17px !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 .pvz-watch-not-watched > a,
content: none !important;
.skin-timeless a.pvz-watch-not-watched {
display: none !important;
background-image:
}
url("/wiki/Special:Redirect/file/GW2_Star2.png") !important;
}


.skin-timeless #firstHeading,
.skin-timeless #ca-unwatch > a,
.skin-timeless .mw-first-heading,
.skin-timeless .pvz-watch-watched > a,
.skin-timeless .mw-body h1.firstHeading {
.skin-timeless a.pvz-watch-watched {
display: block !important;
background-image:
width: calc(100% + 24px) !important;
url("/wiki/Special:Redirect/file/GW2_Star.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 .pvz-watch-spinning > a,
.skin-timeless .mw-first-heading * {
.skin-timeless a.pvz-watch-spinning {
color: #ffffff !important;
animation: pvzt-watch-spin 320ms ease;
}
}


.pvzt-mobile-page-actions {
@keyframes pvzt-watch-spin {
display: grid;
from {
grid-template-columns: repeat(5, minmax(0, 1fr));
transform: rotate(0deg);
gap: 4px;
margin: 0 -4px 14px;
padding: 0 0 10px;
border-bottom: 1px solid rgba(107, 58, 36, 0.28);
}
}
 
to {
.pvzt-mobile-action {
transform: rotate(360deg);
display: flex;
flex-direction: column;
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 {
background: rgba(107, 58, 36, 0.08);
color: var(--pvzt-brown-dark) !important;
outline: 0;
}


.pvzt-mobile-action::before {
/* =========================================================
content: "";
  8. 기본 본문 위치 유지
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 #mw-content {
background-image:
position: relative;
url("/wiki/Special:Redirect/file/Actionbar-document.svg");
background: var(--pvzt-paper) !important;
filter: sepia(1) saturate(0.7) brightness(0.62);
background-image: none !important;
}
border: 2px solid var(--pvzt-brown-dark) !important;
border-radius: 18px !important;
box-shadow: var(--pvzt-shadow) !important;
box-sizing: border-box;
overflow: hidden;
}


.pvzt-mobile-action--talk::before {
.skin-timeless #mw-content::before {
background-image:
content: "" !important;
url("/wiki/Special:Redirect/file/Actionbar-talk.svg");
position: absolute;
filter: sepia(1) saturate(0.7) brightness(0.62);
inset: 7px;
}
z-index: -1;
display: block !important;
border: 1px solid rgba(197, 164, 119, 0.55);
border-radius: 11px;
pointer-events: none;
}


.pvzt-mobile-action--edit::before {
.skin-timeless #mw-content::after {
background-image:
content: none !important;
url("/wiki/Special:Redirect/file/Actionbar-edit.svg");
display: none !important;
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:
  9. 기본 문서 제목 위치 유지
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 #firstHeading,
.skin-timeless .mw-parser-output {
.skin-timeless .mw-first-heading,
color: var(--pvzt-text) !important;
.skin-timeless .mw-body h1.firstHeading {
}
display: table;
width: auto;
max-width: 100%;
margin-bottom: 0.65em !important;
padding: 0.42em 0.78em 0.36em !important;
border: 0 !important;
border-radius: 9px !important;
background: var(--pvzt-green-deep) !important;
color: #ffffff !important;
font-size: 1.55em !important;
text-shadow: none !important;
}


.skin-timeless .mw-body a,
.skin-timeless #firstHeading *,
.skin-timeless .mw-parser-output a {
.skin-timeless .mw-first-heading * {
color: #24683c;
color: #ffffff !important;
}
}


.skin-timeless .mw-body a:visited,
.skin-timeless #firstHeading,
.skin-timeless .mw-parser-output a:visited {
.skin-timeless .mw-first-heading,
color: #5b4f7e;
.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;
}
}




/* =========================================================
/* =========================================================
   7. 문단 제목과 잔디 구분선
   10. 문단 제목 아래 잔디 구분선
   ========================================================= */
   ========================================================= */


668번째 줄: 591번째 줄:


/* =========================================================
/* =========================================================
   8. 분류·각주·공지·목차
   11. 목차·공지·분류·각주
   ========================================================= */
   ========================================================= */


@media screen and (max-width: 850px) {
.skin-timeless .mw-body .toc,
.skin-timeless #localNotice,
.skin-timeless ul#filetoc,
.skin-timeless #catlinks,
.skin-timeless .toccolours,
.skin-timeless .catlinks,
.skin-timeless #localNotice,
.skin-timeless ul#filetoc,
.skin-timeless #catlinks,
.skin-timeless .toccolours,
.skin-timeless .catlinks,
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
.skin-timeless .mw-parser-output > .references {
border: 1px solid var(--pvzt-line) !important;
border: 1px solid var(--pvzt-line) !important;
border-radius: 8px !important;
border-radius: 9px !important;
background: var(--pvzt-paper-2) !important;
background: var(--pvzt-paper-soft) !important;
background-image: none !important;
background-image: none !important;
color: var(--pvzt-brown) !important;
color: var(--pvzt-brown) !important;
box-shadow: none !important;
box-shadow: none !important;
}
}


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


.skin-timeless #catlinks,
.skin-timeless #catlinks,
.skin-timeless .catlinks {
.skin-timeless .catlinks {
margin-top: 1.2rem !important;
margin-top: 1.25rem !important;
padding: 0.58rem 0.72rem !important;
padding: 0.55rem 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 > .mw-references-wrap,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > ol.references,
.skin-timeless .mw-parser-output > .references {
.skin-timeless .mw-parser-output > .references {
margin-top: 1.2rem !important;
margin-top: 1.25rem !important;
padding: 0.72rem 0.85rem !important;
padding: 0.72rem 0.85rem !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 {
.skin-timeless .mw-parser-output > .mw-references-wrap > ol.references {
margin: 0 !important;
margin: 0 !important;
padding: 0 0 0 1.5em !important;
padding: 0 0 0 1.5em !important;
border: 0 !important;
border: 0 !important;
background: transparent !important;
background: transparent !important;
}
}
}


 
.skin-timeless #mw-normal-catlinks,
/* =========================================================
.skin-timeless .mw-normal-catlinks,
  9. 하단 영역
.skin-timeless #mw-hidden-catlinks,
  ========================================================= */
.skin-timeless .mw-hidden-catlinks {
 
border: 0 !important;
@media screen and (max-width: 850px) {
background: transparent !important;
.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. 작은 화면
   12. 기본 하단 위치 유지
   ========================================================= */
   ========================================================= */


@media screen and (max-width: 380px) {
.skin-timeless #mw-footer-container,
:root {
.skin-timeless .mw-footer-container {
--pvzt-header-h: 100px;
background: #f2e3c7 !important;
}
background-image: none !important;
 
border-top: 1px solid var(--pvzt-line) !important;
.pvzt-mobile-header {
box-shadow: none !important;
grid-template-columns: 40px minmax(0, 1fr) 40px;
color: #5f4030 !important;
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 {
width: calc(100% - 8px) !important;
margin-right: 4px !important;
margin-left: 4px !important;
padding-right: 10px !important;
padding-left: 10px !important;
}
 
.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
width: calc(100% + 20px) !important;
margin-right: -10px !important;
margin-left: -10px !important;
padding-right: 14px !important;
padding-left: 14px !important;
font-size: 1.22rem !important;
}
 
.pvzt-mobile-action {
font-size: 0.61rem !important;
}
}
}


 
.skin-timeless #mw-footer-container a,
/* =========================================================
.skin-timeless .mw-footer-container a,
  11. 모션 최소화
.skin-timeless #mw-footer-container a:visited,
  ========================================================= */
.skin-timeless .mw-footer-container a:visited {
 
color: var(--pvzt-brown) !important;
@media (prefers-reduced-motion: reduce) {
text-shadow: none !important;
.pvzt-mobile-overlay,
.pvzt-mobile-drawer {
transition: none !important;
}
}
}


 
.skin-timeless #mw-footer-container a:hover,
/* =========================================================
.skin-timeless .mw-footer-container a:hover {
  12. 모든 화면에서 기본 Timeless 인터페이스 숨김
color: var(--pvzt-brown-dark) !important;
  커스텀 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 재구성
   13. 모바일 크기만 조정
  위치·구조는 변경하지 않음
   ========================================================= */
   ========================================================= */


@media screen and (min-width: 851px) {
@media screen and (max-width: 850px) {
: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 {
.skin-timeless #mw-content {
position: relative;
margin: 0.5em 0.35em 1.2em !important;
width: auto !important;
padding: 16px 14px 21px !important;
max-width: none !important;
border-width: 1px !important;
min-height: calc(100vh - var(--pvzt-header-h) - 32px);
border-radius: 14px !important;
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::before {
.skin-timeless #mw-content::after {
inset: 5px;
content: none !important;
border-radius: 9px;
display: none !important;
}
}


1,176번째 줄: 708번째 줄:
.skin-timeless .mw-first-heading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
.skin-timeless .mw-body h1.firstHeading {
display: table !important;
font-size: 1.3em !important;
width: auto !important;
padding: 0.42em 0.58em 0.38em !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;
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 .tools-inline li > a {
.skin-timeless .mw-footer-container {
font-size: 0.69rem !important;
margin-left: var(--pvzt-left-w) !important;
padding-top: 3px !important;
margin-right: var(--pvzt-right-w) !important;
padding-bottom: 3px !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-site-navigation .sidebar-inner,
.skin-timeless .mw-footer-container a,
.skin-timeless #mw-related-navigation .sidebar-inner,
.skin-timeless #mw-footer-container a:visited,
.skin-timeless #personal .dropdown {
.skin-timeless .mw-footer-container a:visited {
border-radius: 9px !important;
color: #f4d49b !important;
text-shadow: none !important;
}
}
}
}


 
@media screen and (min-width: 851px) {
/* 좁은 데스크톱에서는 오른쪽 사이드바 폭을 조금 줄임 */
.skin-timeless #mw-content {
@media screen and (min-width: 851px) and (max-width: 1120px) {
padding: 25px 30px 31px !important;
:root {
--pvzt-left-w: 196px;
--pvzt-right-w: 176px;
}
}


.pvzt-mobile-header {
.skin-timeless #firstHeading,
grid-template-columns: 172px minmax(260px, 1fr) 44px;
.skin-timeless .mw-first-heading {
padding-right: 10px;
font-size: 1.72em !important;
padding-left: 10px;
}
}
}


.skin-timeless #mw-content {
@media (prefers-reduced-motion: reduce) {
margin-right: 8px !important;
.skin-timeless *,
margin-left: 8px !important;
.skin-timeless *::before,
padding-right: 22px !important;
.skin-timeless *::after {
padding-left: 22px !important;
animation-duration: 1ms !important;
}
transition-duration: 1ms !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:32 판

/* =========================================================
   1. 공통 색상
   ========================================================= */

:root {
	--pvzt-bg: #f5ead7;
	--pvzt-bg-dark: #201913;
	--pvzt-paper: #fff8e8;
	--pvzt-paper-soft: #f6e7ca;
	--pvzt-green: #478f43;
	--pvzt-green-dark: #2f6e36;
	--pvzt-green-deep: #17633f;
	--pvzt-brown: #75462d;
	--pvzt-brown-dark: #54301f;
	--pvzt-line: #c5a477;
	--pvzt-text: #443229;
	--pvzt-muted: #79675c;
	--pvzt-radius: 12px;
	--pvzt-shadow: 0 4px 14px rgba(72, 43, 24, 0.12);
}


/* =========================================================
   2. 전역 배경
   ========================================================= */

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: -1;
	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-content-container,
.skin-timeless #mw-content-block,
.skin-timeless #mw-content-wrapper {
	background: transparent !important;
	background-image: none !important;
	border-bottom: 0 !important;
}


/* =========================================================
   3. 기본 상단 헤더
   위치는 Timeless 기본값 유지
   ========================================================= */

.skin-timeless #mw-header-container,
.skin-timeless #mw-header-hack,
.skin-timeless #mw-header-nav-hack {
	background: var(--pvzt-green) !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow:
		inset 0 -1px 0 rgba(30, 83, 34, 0.45),
		0 2px 6px rgba(32, 73, 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-variant: normal !important;
	font-weight: 700 !important;
	text-shadow: 0 1px 1px rgba(30, 74, 31, 0.35) !important;
}

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

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


/* =========================================================
   4. 기본 메뉴 버튼
   ========================================================= */

.skin-timeless #mw-site-navigation > h2,
.skin-timeless #mw-related-navigation > h2,
.skin-timeless #personal > h2 {
	background: #fffaf0 !important;
	background-image: none !important;
	border: 1px solid var(--pvzt-green-dark) !important;
	border-radius: 9px !important;
	box-shadow: 0 2px 4px rgba(31, 66, 29, 0.16) !important;
	transition:
		background-color 120ms ease,
		transform 120ms ease;
}

.skin-timeless #mw-site-navigation > h2:hover,
.skin-timeless #mw-related-navigation > h2:hover,
.skin-timeless #personal > h2:hover {
	background: #fffdf7 !important;
	transform: translateY(-1px);
}

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


/* =========================================================
   5. 기본 좌우 메뉴와 드롭다운
   위치·펼침 방식은 Timeless 기본값 유지
   ========================================================= */

.skin-timeless #mw-site-navigation .sidebar-inner,
.skin-timeless #mw-related-navigation .sidebar-inner,
.skin-timeless #personal .dropdown {
	border: 1px solid var(--pvzt-brown-dark) !important;
	border-radius: 11px !important;
	background: #8b472a !important;
	background-image: none !important;
	box-shadow: 0 5px 14px rgba(54, 27, 13, 0.2) !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 {
	border: 0 !important;
	background: transparent !important;
	color: #f2c96f !important;
	font-family:
		"SB Aggro M",
		"SB 어그로 M",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 500 !important;
	text-align: center !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 0 0.4rem !important;
	padding: 0.55rem 0.62rem !important;
	border: 1px solid #754126 !important;
	border-radius: 7px !important;
	background: #f3c58b !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.35 !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.16rem !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.12rem 0.1rem !important;
	color: #3d3748 !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.8rem !important;
	font-weight: 300 !important;
	line-height: 1.38 !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: var(--pvzt-brown-dark) !important;
	text-decoration: underline !important;
}

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


/* =========================================================
   6. 기본 검색창
   ========================================================= */

.skin-timeless #simpleSearch {
	overflow: hidden;
	border: 1px solid #4d7753 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	background-image: none !important;
	box-shadow: 0 2px 4px rgba(34, 74, 40, 0.1) !important;
}

.skin-timeless #simpleSearch:focus-within {
	border-color: var(--pvzt-green-deep) !important;
	box-shadow:
		0 0 0 3px rgba(71, 143, 67, 0.14),
		0 2px 4px rgba(34, 74, 40, 0.1) !important;
}

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

.skin-timeless #searchInput::placeholder {
	color: rgba(50, 73, 54, 0.52) !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 #0b5432 !important;
	border-radius: 0 !important;
	background-color: var(--pvzt-green-deep) !important;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' 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 {
	filter: brightness(1.06);
}

.skin-timeless .suggestions .suggestions-results,
.skin-timeless .suggestions .suggestions-special {
	background: #fffaf0 !important;
	border: 1px solid var(--pvzt-line) !important;
}

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

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


/* =========================================================
   7. 기본 문서 도구
   위치·정렬은 Timeless 기본값 유지
   ========================================================= */

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

.skin-timeless .tools-inline li > a {
	display: inline-block;
	padding: 4px 9px 4px 26px !important;
	border: 1px solid var(--pvzt-brown-dark) !important;
	border-radius: 7px !important;
	box-sizing: border-box;
	background-color: #7a4835 !important;
	background-position: 7px center !important;
	background-repeat: no-repeat !important;
	background-size: 14px auto !important;
	color: #ffffff !important;
	font-family:
		"SB Aggro M",
		"SB 어그로 M",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.73rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition:
		background-color 120ms ease,
		transform 120ms ease;
}

.skin-timeless .tools-inline li > a:hover {
	background-color: #8b5944 !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}

.skin-timeless .tools-inline li.selected > a {
	background-color: #a66f62 !important;
	color: #ffffff !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: 9px !important;
}

.skin-timeless #ca-watch > a,
.skin-timeless #ca-unwatch > a {
	padding: 4px 12px !important;
	background-position: center !important;
	background-size: 17px !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);
	}
}


/* =========================================================
   8. 기본 본문 위치 유지
   ========================================================= */

.skin-timeless #mw-content {
	position: relative;
	background: var(--pvzt-paper) !important;
	background-image: none !important;
	border: 2px solid var(--pvzt-brown-dark) !important;
	border-radius: 18px !important;
	box-shadow: var(--pvzt-shadow) !important;
	box-sizing: border-box;
	overflow: hidden;
}

.skin-timeless #mw-content::before {
	content: "" !important;
	position: absolute;
	inset: 7px;
	z-index: -1;
	display: block !important;
	border: 1px solid rgba(197, 164, 119, 0.55);
	border-radius: 11px;
	pointer-events: none;
}

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


/* =========================================================
   9. 기본 문서 제목 위치 유지
   ========================================================= */

.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
	display: table;
	width: auto;
	max-width: 100%;
	margin-bottom: 0.65em !important;
	padding: 0.42em 0.78em 0.36em !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: var(--pvzt-green-deep) !important;
	color: #ffffff !important;
	font-size: 1.55em !important;
	text-shadow: none !important;
}

.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;
}


/* =========================================================
   10. 문단 제목 아래 잔디 구분선
   ========================================================= */

.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;
}


/* =========================================================
   11. 목차·공지·분류·각주
   ========================================================= */

.skin-timeless .mw-body .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) !important;
	border-radius: 9px !important;
	background: var(--pvzt-paper-soft) !important;
	background-image: none !important;
	color: var(--pvzt-brown) !important;
	box-shadow: none !important;
}

.skin-timeless #localNotice {
	padding: 0.65rem 0.8rem !important;
}

.skin-timeless #catlinks,
.skin-timeless .catlinks {
	margin-top: 1.25rem !important;
	padding: 0.55rem 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.25rem !important;
	padding: 0.72rem 0.85rem !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 #mw-normal-catlinks,
.skin-timeless .mw-normal-catlinks,
.skin-timeless #mw-hidden-catlinks,
.skin-timeless .mw-hidden-catlinks {
	border: 0 !important;
	background: transparent !important;
}


/* =========================================================
   12. 기본 하단 위치 유지
   ========================================================= */

.skin-timeless #mw-footer-container,
.skin-timeless .mw-footer-container {
	background: #f2e3c7 !important;
	background-image: none !important;
	border-top: 1px solid var(--pvzt-line) !important;
	box-shadow: none !important;
	color: #5f4030 !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;
}


/* =========================================================
   13. 모바일 크기만 조정
   위치·구조는 변경하지 않음
   ========================================================= */

@media screen and (max-width: 850px) {
	.skin-timeless #mw-content {
		margin: 0.5em 0.35em 1.2em !important;
		padding: 16px 14px 21px !important;
		border-width: 1px !important;
		border-radius: 14px !important;
	}

	.skin-timeless #mw-content::before {
		inset: 5px;
		border-radius: 9px;
	}

	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading,
	.skin-timeless .mw-body h1.firstHeading {
		font-size: 1.3em !important;
		padding: 0.42em 0.58em 0.38em !important;
		border-radius: 8px !important;
	}

	.skin-timeless .tools-inline li > a {
		font-size: 0.69rem !important;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner,
	.skin-timeless #mw-related-navigation .sidebar-inner,
	.skin-timeless #personal .dropdown {
		border-radius: 9px !important;
	}
}

@media screen and (min-width: 851px) {
	.skin-timeless #mw-content {
		padding: 25px 30px 31px !important;
	}

	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading {
		font-size: 1.72em !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=520"