@@ 1번째 줄: / 1번째 줄: @@
 /* Vector 2010 Legacy 인터페이스 디자인
   * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
-  * v33: 오른쪽 액션바·검색바 재배치·더보기 메뉴·계정 설정 화면 디자인
+  * v34: 본문·검색바 위치 조정·로고칸 축소·특수 화면 디자인 강제 적용
   */
@@ 3,069번째 줄: / 3,069번째 줄: @@
 		sans-serif !important;
 	text-shadow: none !important;
+}
+/* =========================
+   v34 최종 오버라이드
+   ========================= */
+html {
+	--pvz-content-top-v34: 24px;
+	--pvz-compact-search-width: 195px;
+	--pvz-search-down-offset: 5px;
+}
+/* 본문창을 조금 더 위로 이동 */
+body.skin-vector-legacy #content,
+body.skin-vector-legacy .mw-body,
+.skin-vector-legacy #content,
+.skin-vector-legacy .mw-body {
+	top: var(--pvz-content-top-v34) !important;
+}
+/* 왼쪽 액션바를 기존 위치보다 조금 더 왼쪽으로 이동 */
+body.skin-vector-legacy #left-navigation,
+.skin-vector-legacy #left-navigation,
+#left-navigation {
+	top: var(--pvz-content-top-v34) !important;
+	margin-left: calc(
+		var(--pvz-layout-edge-gap) +
+		var(--pvz-side-panel-width) +
+		var(--pvz-layout-edge-gap) -
+px
+	) !important;
+}
+/* 오른쪽 액션바도 본문 높이 변경에 맞춰 유지 */
+body.skin-vector-legacy #right-navigation,
+.skin-vector-legacy #right-navigation,
+#right-navigation {
+	top: var(--pvz-navigation-top, var(--pvz-content-top-v34)) !important;
+}
+/* 검색바를 소폭 늘리고 본문 오른쪽 끝에 정확히 맞춤 */
+body.skin-vector-legacy #pvz-content-search,
+.skin-vector-legacy #pvz-content-search,
+#pvz-content-search {
+	top: calc(
+		var(--pvz-navigation-top, var(--pvz-content-top-v34)) +
+		var(--pvz-search-down-offset)
+	) !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,
+body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
+.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
+.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
+#pvz-content-search #simpleSearch #searchButton,
+#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.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
+body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
+.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
+.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
+#pvz-content-search #simpleSearch #searchButton:hover,
+#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
+	background: #0d5b36 !important;
+	background-color: #0d5b36 !important;
+	background-image: none !important;
+}
+/* 로고칸의 상하 길이를 크게 축소 */
+body.skin-vector-legacy #mw-panel #p-logo,
+.skin-vector-legacy #mw-panel #p-logo,
+#mw-panel #p-logo {
+	height: 58px !important;
+	min-height: 0 !important;
+	max-height: 58px !important;
+	margin-bottom: 0.72rem !important;
+	padding: 0 !important;
+}
+body.skin-vector-legacy #mw-panel #p-logo a,
+body.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo,
+.skin-vector-legacy #mw-panel #p-logo a,
+.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo,
+#mw-panel #p-logo a,
+#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,
+.skin-vector-legacy #mw-panel #p-logo img,
+#mw-panel #p-logo img {
+	width: 100% !important;
+	height: 58px !important;
+	min-height: 0 !important;
+	max-height: 58px !important;
+	object-fit: contain !important;
+}
+/* 환경 설정·로그인·회원가입 화면 공통 */
+html.pvz-special-preferences body.skin-vector-legacy #content,
+html.pvz-special-login body.skin-vector-legacy #content,
+html.pvz-special-createaccount body.skin-vector-legacy #content,
+html.pvz-special-preferences body.skin-vector-legacy .mw-body,
+html.pvz-special-login body.skin-vector-legacy .mw-body,
+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,
+html.pvz-special-createaccount body.skin-vector-legacy #content::before,
+html.pvz-special-preferences body.skin-vector-legacy .mw-body::before,
+html.pvz-special-login body.skin-vector-legacy .mw-body::before,
+html.pvz-special-createaccount body.skin-vector-legacy .mw-body::before {
+	content: "" !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,
+html.pvz-special-preferences body.skin-vector-legacy #mw-prefs-form,
+html.pvz-special-preferences body.skin-vector-legacy .mw-prefs-container,
+html.pvz-special-preferences body.skin-vector-legacy .oo-ui-panelLayout,
+html.pvz-special-login body.skin-vector-legacy #userloginForm,
+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,
+html.pvz-special-login body.skin-vector-legacy .mw-htmlform,
+html.pvz-special-login body.skin-vector-legacy .mw-ui-vform,
+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 {
+	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(
+deg,
+		#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;
 }

익명 사용자

검색

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

둘러보기

위키 도구

문서 도구