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

식물 vs 좀비 위키
← 이전 편집다음 편집 →
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
423 편집
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* Vector 2010 Legacy 인터페이스 디자인
/* Vector 2010 Legacy 인터페이스 디자인
  * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
  * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
  * v34: 본문·검색바 위치 조정·로고칸 축소·특수 화면 디자인 강제 적용
  * v35: 라이트·다크 배경 적용·검색바 확장·더보기 메뉴 테두리 정리
  */
  */


2,939번째 줄: 2,939번째 줄:
}
}


/* 환경 설정·로그인·계정 만들기 화면 */
body.mw-special-Preferences #content,
body.mw-special-Userlogin #content,
body.mw-special-CreateAccount #content,
body.mw-special-Preferences .mw-body,
body.mw-special-Userlogin .mw-body,
body.mw-special-CreateAccount .mw-body {
background: #e6d2b2 !important;
border-color: #5b1f09 !important;
}


body.mw-special-Preferences #preferences,
/* =========================
body.mw-special-Preferences #mw-prefs-form,
  v34 최종 오버라이드
body.mw-special-Userlogin .mw-htmlform,
  ========================= */
body.mw-special-CreateAccount .mw-htmlform,
body.mw-special-Userlogin #userloginForm,
body.mw-special-CreateAccount #userloginForm {
border: 2px solid #b88a59 !important;
border-radius: 16px !important;
background: #fffaf0 !important;
box-shadow: 0 4px 12px rgba(91, 31, 9, 0.12) !important;
}


body.mw-special-Preferences #preferences,
html {
body.mw-special-Preferences #mw-prefs-form {
--pvz-content-top-v34: 24px;
padding: 1rem !important;
--pvz-compact-search-width: 195px;
--pvz-search-down-offset: 5px;
}
}


body.mw-special-Userlogin .mw-htmlform,
/* 본문창을 조금 더 위로 이동 */
body.mw-special-CreateAccount .mw-htmlform,
body.skin-vector-legacy #content,
body.mw-special-Userlogin #userloginForm,
body.skin-vector-legacy .mw-body,
body.mw-special-CreateAccount #userloginForm {
.skin-vector-legacy #content,
max-width: 520px !important;
.skin-vector-legacy .mw-body {
margin-right: auto !important;
top: var(--pvz-content-top-v34) !important;
margin-left: auto !important;
padding: 1.15rem !important;
box-sizing: border-box !important;
}
}


body.mw-special-Preferences .oo-ui-inputWidget-input,
/* 왼쪽 액션바를 기존 위치보다 조금 더 왼쪽으로 이동 */
body.mw-special-Preferences .mw-ui-input,
body.skin-vector-legacy #left-navigation,
body.mw-special-Userlogin .oo-ui-inputWidget-input,
.skin-vector-legacy #left-navigation,
body.mw-special-Userlogin .mw-ui-input,
#left-navigation {
body.mw-special-CreateAccount .oo-ui-inputWidget-input,
top: var(--pvz-content-top-v34) !important;
body.mw-special-CreateAccount .mw-ui-input,
margin-left: calc(
body.mw-special-Preferences input[type="text"],
var(--pvz-layout-edge-gap) +
body.mw-special-Preferences input[type="password"],
var(--pvz-side-panel-width) +
body.mw-special-Preferences input[type="email"],
var(--pvz-layout-edge-gap) -
body.mw-special-Userlogin input[type="text"],
8px
body.mw-special-Userlogin input[type="password"],
) !important;
body.mw-special-Userlogin input[type="email"],
body.mw-special-CreateAccount input[type="text"],
body.mw-special-CreateAccount input[type="password"],
body.mw-special-CreateAccount input[type="email"],
body.mw-special-Preferences select,
body.mw-special-Preferences textarea {
border: 2px solid #9d7651 !important;
border-radius: 10px !important;
background: #fffdf8 !important;
color: #4b3328 !important;
box-shadow: none !important;
}
}


body.mw-special-Preferences .oo-ui-inputWidget-input:focus,
/* 오른쪽 액션바도 본문 높이 변경에 맞춰 유지 */
body.mw-special-Preferences .mw-ui-input:focus,
body.skin-vector-legacy #right-navigation,
body.mw-special-Userlogin .oo-ui-inputWidget-input:focus,
.skin-vector-legacy #right-navigation,
body.mw-special-Userlogin .mw-ui-input:focus,
#right-navigation {
body.mw-special-CreateAccount .oo-ui-inputWidget-input:focus,
top: var(--pvz-navigation-top, var(--pvz-content-top-v34)) !important;
body.mw-special-CreateAccount .mw-ui-input:focus,
body.mw-special-Preferences input:focus,
body.mw-special-Userlogin input:focus,
body.mw-special-CreateAccount input:focus,
body.mw-special-Preferences select:focus,
body.mw-special-Preferences textarea:focus {
border-color: #479745 !important;
outline: 0 !important;
box-shadow: 0 0 0 3px rgba(71, 151, 69, 0.16) !important;
}
}


body.mw-special-Preferences .oo-ui-buttonElement-button,
/* 검색바를 소폭 늘리고 본문 오른쪽 끝에 정확히 맞춤 */
body.mw-special-Preferences .mw-ui-button,
body.skin-vector-legacy #pvz-content-search,
body.mw-special-Userlogin .oo-ui-buttonElement-button,
.skin-vector-legacy #pvz-content-search,
body.mw-special-Userlogin .mw-ui-button,
#pvz-content-search {
body.mw-special-CreateAccount .oo-ui-buttonElement-button,
top: calc(
body.mw-special-CreateAccount .mw-ui-button {
var(--pvz-navigation-top, var(--pvz-content-top-v34)) +
border: 2px solid #356f36 !important;
var(--pvz-search-down-offset)
border-radius: 999px !important;
background: linear-gradient(
180deg,
#62aa5f 0%,
#479745 100%
) !important;
) !important;
color: #ffffff !important;
right: var(--pvz-content-right-gap, 1rem) !important;
font-family:
left: auto !important;
"SB Aggro M",
width: var(--pvz-compact-search-width) !important;
"SB 어그로 M",
max-width: var(--pvz-compact-search-width) !important;
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 500 !important;
text-shadow: none !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
}


body.mw-special-Preferences .oo-ui-buttonElement-button:hover,
/* 검색 버튼 배경을 문서 제목과 같은 #106A40으로 통일 */
body.mw-special-Preferences .mw-ui-button:hover,
body.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
body.mw-special-Userlogin .oo-ui-buttonElement-button:hover,
body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
body.mw-special-Userlogin .mw-ui-button:hover,
.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
body.mw-special-CreateAccount .oo-ui-buttonElement-button:hover,
.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
body.mw-special-CreateAccount .mw-ui-button:hover {
#pvz-content-search #simpleSearch #searchButton,
filter: brightness(1.06);
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
border-left-color: #0b5432 !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


body.mw-special-Preferences #preftoc,
body.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
body.mw-special-Preferences .oo-ui-tabSelectWidget {
body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
border: 2px solid #b88a59 !important;
.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
border-radius: 12px !important;
.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
background: #f5dfbd !important;
#pvz-content-search #simpleSearch #searchButton:hover,
}
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
 
background: #0d5b36 !important;
body.mw-special-Preferences #preftoc a,
background-color: #0d5b36 !important;
body.mw-special-Preferences .oo-ui-tabOptionWidget {
background-image: none !important;
color: #68412c !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
text-shadow: none !important;
}
}


 
/* 로고칸의 상하 길이를 크게 축소 */
/* =========================
body.skin-vector-legacy #mw-panel #p-logo,
  v34 최종 오버라이드
.skin-vector-legacy #mw-panel #p-logo,
  ========================= */
#mw-panel #p-logo {
 
height: 58px !important;
html {
min-height: 0 !important;
--pvz-content-top-v34: 24px;
max-height: 58px !important;
--pvz-compact-search-width: 195px;
margin-bottom: 0.72rem !important;
--pvz-search-down-offset: 5px;
padding: 0 !important;
}
}


/* 본문창을 조금 더 위로 이동 */
body.skin-vector-legacy #mw-panel #p-logo a,
body.skin-vector-legacy #content,
body.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo,
body.skin-vector-legacy .mw-body,
.skin-vector-legacy #mw-panel #p-logo a,
.skin-vector-legacy #content,
.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo,
.skin-vector-legacy .mw-body {
#mw-panel #p-logo a,
top: var(--pvz-content-top-v34) !important;
#mw-panel #p-logo .mw-wiki-logo {
width: 100% !important;
height: 58px !important;
min-height: 0 !important;
max-height: 58px !important;
aspect-ratio: auto !important;
background-size: contain !important;
}
}


/* 왼쪽 액션바를 기존 위치보다 조금 더 왼쪽으로 이동 */
body.skin-vector-legacy #mw-panel #p-logo img,
body.skin-vector-legacy #left-navigation,
.skin-vector-legacy #mw-panel #p-logo img,
.skin-vector-legacy #left-navigation,
#mw-panel #p-logo img {
#left-navigation {
width: 100% !important;
top: var(--pvz-content-top-v34) !important;
height: 58px !important;
margin-left: calc(
min-height: 0 !important;
var(--pvz-layout-edge-gap) +
max-height: 58px !important;
var(--pvz-side-panel-width) +
object-fit: contain !important;
var(--pvz-layout-edge-gap) -
8px
) !important;
}
}


/* 오른쪽 액션바도 본문 높이 변경에 맞춰 유지 */
 
body.skin-vector-legacy #right-navigation,
 
.skin-vector-legacy #right-navigation,
/* =========================
#right-navigation {
  v35 최종 오버라이드
top: var(--pvz-navigation-top, var(--pvz-content-top-v34)) !important;
  ========================= */
 
html {
--pvz-compact-search-width: 205px;
}
 
/* 라이트 모드 배경 */
body.skin-vector-legacy {
background-color: #f5ead7 !important;
background-image:
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png") !important;
background-position: center top !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
}
}


/* 검색바를 소폭 늘리고 본문 오른쪽 끝에 정확히 맞춤 */
/* MediaWiki에서 다크 모드를 직접 선택한 경우 */
body.skin-vector-legacy #pvz-content-search,
html.skin-theme-clientpref-night body.skin-vector-legacy,
.skin-vector-legacy #pvz-content-search,
body.skin-theme-clientpref-night.skin-vector-legacy,
#pvz-content-search {
html[data-color-mode="dark"] body.skin-vector-legacy,
top: calc(
body[data-color-mode="dark"].skin-vector-legacy {
var(--pvz-navigation-top, var(--pvz-content-top-v34)) +
background-color: #201913 !important;
var(--pvz-search-down-offset)
background-image:
) !important;
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png") !important;
right: var(--pvz-content-right-gap, 1rem) !important;
left: auto !important;
width: var(--pvz-compact-search-width) !important;
max-width: var(--pvz-compact-search-width) !important;
}
}


/* 검색 버튼 배경을 문서 제목과 같은 #106A40으로 통일 */
/* 운영체제 설정을 따르는 다크 모드 */
body.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
@media (prefers-color-scheme: dark) {
body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
html.skin-theme-clientpref-os body.skin-vector-legacy,
.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
body.skin-theme-clientpref-os.skin-vector-legacy,
.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
html:not(.skin-theme-clientpref-day) body.skin-vector-legacy {
#pvz-content-search #simpleSearch #searchButton,
background-color: #201913 !important;
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
background-image:
border-left-color: #0b5432 !important;
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png") !important;
background: #106a40 !important;
}
background-color: #106a40 !important;
background-image: none !important;
}
}


body.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
/* 라이트 모드를 명시적으로 선택한 경우 우선 적용 */
body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
html.skin-theme-clientpref-day body.skin-vector-legacy,
.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
body.skin-theme-clientpref-day.skin-vector-legacy,
.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
html[data-color-mode="light"] body.skin-vector-legacy,
#pvz-content-search #simpleSearch #searchButton:hover,
body[data-color-mode="light"].skin-vector-legacy {
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
background-color: #f5ead7 !important;
background: #0d5b36 !important;
background-image:
background-color: #0d5b36 !important;
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png") !important;
background-image: none !important;
}
}


/* 로고칸의 상하 길이를 크게 축소 */
/* 보조창 로고칸 상하 길이를 v34보다 조금 확대 */
body.skin-vector-legacy #mw-panel #p-logo,
body.skin-vector-legacy #mw-panel #p-logo,
.skin-vector-legacy #mw-panel #p-logo,
.skin-vector-legacy #mw-panel #p-logo,
#mw-panel #p-logo {
#mw-panel #p-logo {
height: 58px !important;
height: 66px !important;
min-height: 0 !important;
min-height: 0 !important;
max-height: 58px !important;
max-height: 66px !important;
margin-bottom: 0.72rem !important;
padding: 0 !important;
padding: 0 !important;
}
}
3,164번째 줄: 3,118번째 줄:
.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo,
.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo,
#mw-panel #p-logo a,
#mw-panel #p-logo a,
#mw-panel #p-logo .mw-wiki-logo {
#mw-panel #p-logo .mw-wiki-logo,
width: 100% !important;
height: 58px !important;
min-height: 0 !important;
max-height: 58px !important;
aspect-ratio: auto !important;
background-size: contain !important;
}
 
body.skin-vector-legacy #mw-panel #p-logo img,
body.skin-vector-legacy #mw-panel #p-logo img,
.skin-vector-legacy #mw-panel #p-logo img,
.skin-vector-legacy #mw-panel #p-logo img,
#mw-panel #p-logo img {
#mw-panel #p-logo img {
width: 100% !important;
height: 66px !important;
height: 58px !important;
min-height: 0 !important;
min-height: 0 !important;
max-height: 58px !important;
max-height: 66px !important;
object-fit: contain !important;
}
}


/* 환경 설정·로그인·회원가입 화면 공통 */
/* 오른쪽 끝은 유지하고 검색바만 왼쪽으로 10px 확대 */
html.pvz-special-preferences body.skin-vector-legacy #content,
body.skin-vector-legacy #pvz-content-search,
html.pvz-special-login body.skin-vector-legacy #content,
.skin-vector-legacy #pvz-content-search,
html.pvz-special-createaccount body.skin-vector-legacy #content,
#pvz-content-search {
html.pvz-special-preferences body.skin-vector-legacy .mw-body,
width: var(--pvz-compact-search-width) !important;
html.pvz-special-login body.skin-vector-legacy .mw-body,
max-width: var(--pvz-compact-search-width) !important;
html.pvz-special-createaccount body.skin-vector-legacy .mw-body {
background: #e6d2b2 !important;
border: 15px solid #5b1f09 !important;
border-radius: 30px !important;
box-shadow: none !important;
}
}


html.pvz-special-preferences body.skin-vector-legacy #content::before,
/* 더보기 메뉴 전체 박스에만 테두리 적용 */
html.pvz-special-login body.skin-vector-legacy #content::before,
body.skin-vector-legacy #p-cactions .vector-menu-content,
html.pvz-special-createaccount body.skin-vector-legacy #content::before,
.skin-vector-legacy #p-cactions .vector-menu-content,
html.pvz-special-preferences body.skin-vector-legacy .mw-body::before,
#p-cactions .vector-menu-content {
html.pvz-special-login body.skin-vector-legacy .mw-body::before,
border: 1.5px solid #c79a4a !important;
html.pvz-special-createaccount body.skin-vector-legacy .mw-body::before {
border-radius: 11px !important;
content: "" !important;
background: rgba(255, 255, 255, 0.98) !important;
position: absolute !important;
inset: 15px !important;
z-index: -1 !important;
display: block !important;
border-radius: 18px !important;
background: #fffae9 !important;
}
}


/* 특수 화면의 실제 폼 컨테이너를 폭넓게 지정 */
/* 개별 메뉴 항목의 테두리 제거 */
html.pvz-special-preferences body.skin-vector-legacy #preferences,
body.skin-vector-legacy #p-cactions .vector-menu-content li > a,
html.pvz-special-preferences body.skin-vector-legacy #mw-prefs-form,
.skin-vector-legacy #p-cactions .vector-menu-content li > a,
html.pvz-special-preferences body.skin-vector-legacy .mw-prefs-container,
#p-cactions .vector-menu-content li > a {
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-panelLayout,
border: 0 !important;
html.pvz-special-login body.skin-vector-legacy #userloginForm,
border-radius: 7px !important;
html.pvz-special-login body.skin-vector-legacy .mw-htmlform,
html.pvz-special-login body.skin-vector-legacy .mw-ui-vform,
html.pvz-special-login body.skin-vector-legacy .oo-ui-panelLayout,
html.pvz-special-createaccount body.skin-vector-legacy #userloginForm,
html.pvz-special-createaccount body.skin-vector-legacy #mw-createaccount-form,
html.pvz-special-createaccount body.skin-vector-legacy .mw-htmlform,
html.pvz-special-createaccount body.skin-vector-legacy .mw-ui-vform,
html.pvz-special-createaccount body.skin-vector-legacy .oo-ui-panelLayout {
border: 2px solid #b88a59 !important;
border-radius: 16px !important;
box-sizing: border-box !important;
background: #fffaf0 !important;
box-shadow: 0 4px 12px rgba(91, 31, 9, 0.12) !important;
}
}


html.pvz-special-login body.skin-vector-legacy #userloginForm,
body.skin-vector-legacy #p-cactions .vector-menu-content li > a:hover,
html.pvz-special-login body.skin-vector-legacy .mw-htmlform,
.skin-vector-legacy #p-cactions .vector-menu-content li > a:hover,
html.pvz-special-login body.skin-vector-legacy .mw-ui-vform,
#p-cactions .vector-menu-content li > a:hover {
html.pvz-special-createaccount body.skin-vector-legacy #userloginForm,
border: 0 !important;
html.pvz-special-createaccount body.skin-vector-legacy #mw-createaccount-form,
html.pvz-special-createaccount body.skin-vector-legacy .mw-htmlform,
html.pvz-special-createaccount body.skin-vector-legacy .mw-ui-vform {
width: min(100%, 560px) !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 1.2rem !important;
}
 
/* 환경 설정 탭 */
html.pvz-special-preferences body.skin-vector-legacy #preftoc,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-tabSelectWidget,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-indexLayout-tabPanel {
border: 2px solid #b88a59 !important;
border-radius: 12px !important;
background: #f5dfbd !important;
box-shadow: none !important;
}
 
html.pvz-special-preferences body.skin-vector-legacy #preftoc a,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-tabOptionWidget,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-tabOptionWidget-label {
color: #68412c !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
text-shadow: none !important;
}
 
/* 특수 화면 입력창 */
html.pvz-special-preferences body.skin-vector-legacy input,
html.pvz-special-preferences body.skin-vector-legacy select,
html.pvz-special-preferences body.skin-vector-legacy textarea,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-inputWidget-input,
html.pvz-special-login body.skin-vector-legacy input,
html.pvz-special-login body.skin-vector-legacy select,
html.pvz-special-login body.skin-vector-legacy textarea,
html.pvz-special-login body.skin-vector-legacy .oo-ui-inputWidget-input,
html.pvz-special-createaccount body.skin-vector-legacy input,
html.pvz-special-createaccount body.skin-vector-legacy select,
html.pvz-special-createaccount body.skin-vector-legacy textarea,
html.pvz-special-createaccount body.skin-vector-legacy .oo-ui-inputWidget-input {
border: 2px solid #9d7651 !important;
border-radius: 10px !important;
box-sizing: border-box !important;
background: #fffdf8 !important;
color: #4b3328 !important;
box-shadow: none !important;
}
 
html.pvz-special-preferences body.skin-vector-legacy input:focus,
html.pvz-special-preferences body.skin-vector-legacy select:focus,
html.pvz-special-preferences body.skin-vector-legacy textarea:focus,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-inputWidget-input:focus,
html.pvz-special-login body.skin-vector-legacy input:focus,
html.pvz-special-login body.skin-vector-legacy select:focus,
html.pvz-special-login body.skin-vector-legacy textarea:focus,
html.pvz-special-login body.skin-vector-legacy .oo-ui-inputWidget-input:focus,
html.pvz-special-createaccount body.skin-vector-legacy input:focus,
html.pvz-special-createaccount body.skin-vector-legacy select:focus,
html.pvz-special-createaccount body.skin-vector-legacy textarea:focus,
html.pvz-special-createaccount body.skin-vector-legacy .oo-ui-inputWidget-input:focus {
border-color: #479745 !important;
outline: 0 !important;
box-shadow: 0 0 0 3px rgba(71, 151, 69, 0.16) !important;
}
 
/* 특수 화면 버튼 */
html.pvz-special-preferences body.skin-vector-legacy button,
html.pvz-special-preferences body.skin-vector-legacy .mw-ui-button,
html.pvz-special-preferences body.skin-vector-legacy .oo-ui-buttonElement-button,
html.pvz-special-login body.skin-vector-legacy button,
html.pvz-special-login body.skin-vector-legacy .mw-ui-button,
html.pvz-special-login body.skin-vector-legacy .oo-ui-buttonElement-button,
html.pvz-special-createaccount body.skin-vector-legacy button,
html.pvz-special-createaccount body.skin-vector-legacy .mw-ui-button,
html.pvz-special-createaccount body.skin-vector-legacy .oo-ui-buttonElement-button {
border: 2px solid #356f36 !important;
border-radius: 999px !important;
background: linear-gradient(
180deg,
#62aa5f 0%,
#479745 100%
) !important;
color: #ffffff !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 500 !important;
text-shadow: none !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
 
/* 로그인·회원가입 안내 및 보조 박스 */
html.pvz-special-login body.skin-vector-legacy .mw-htmlform-ooui-wrapper,
html.pvz-special-createaccount body.skin-vector-legacy .mw-htmlform-ooui-wrapper,
html.pvz-special-login body.skin-vector-legacy .mw-createacct-benefits-container,
html.pvz-special-createaccount body.skin-vector-legacy .mw-createacct-benefits-container {
border-radius: 14px !important;
background: transparent !important;
color: #4b3328 !important;
}
}
원본 주소 "https://pvzkrwiki.com/wiki/미디어위키:Gadget-Vector.css"