@@ 3번째 줄: / 3번째 줄: @@
 /* 기본 문구 숨김 */
-body.mw-special-CreatePage .oo-ui-fieldsetLayout-header,
+body.mw-special-CreatePage
-body.mw-special-CreatePage .oo-ui-fieldLayout-header,
+	.oo-ui-fieldsetLayout-header,
-body.mw-special-CreatePage label[for="mw-input-wptitle"] {
+body.mw-special-CreatePage
+	.oo-ui-fieldLayout-header,
+body.mw-special-CreatePage
+	label[for="mw-input-wptitle"] {
 	display: none !important;
 }
@@ 11번째 줄: / 14번째 줄: @@
 /* 입력 양식 전체 배치 */
-body.mw-special-CreatePage .mw-body-content .mw-htmlform {
+body.mw-special-CreatePage
+	.mw-body-content
+	.mw-htmlform {
 	width: 100%;
 	max-width: 700px;
@@ 19번째 줄: / 24번째 줄: @@
 }
-body.mw-special-CreatePage .mw-htmlform fieldset,
+body.mw-special-CreatePage
-body.mw-special-CreatePage .oo-ui-fieldsetLayout,
+	.mw-htmlform fieldset,
-body.mw-special-CreatePage .oo-ui-fieldsetLayout-group,
+body.mw-special-CreatePage
-body.mw-special-CreatePage .oo-ui-fieldLayout,
+	.oo-ui-fieldsetLayout,
-body.mw-special-CreatePage .oo-ui-fieldLayout-body,
+body.mw-special-CreatePage
-body.mw-special-CreatePage .oo-ui-fieldLayout-field {
+	.oo-ui-fieldsetLayout-group,
+body.mw-special-CreatePage
+	.oo-ui-fieldLayout,
+body.mw-special-CreatePage
+	.oo-ui-fieldLayout-body,
+body.mw-special-CreatePage
+	.oo-ui-fieldLayout-field {
 	width: 100%;
 	max-width: 700px;
@@ 34번째 줄: / 45번째 줄: @@
 /* Sprout 이미지 */
-body.mw-special-CreatePage .pvz-createpage-sprout {
+body.mw-special-CreatePage
+	.pvz-createpage-sprout {
 	display: flex;
 	align-items: flex-end;
@@ 43번째 줄: / 55번째 줄: @@
 }
-body.mw-special-CreatePage .pvz-createpage-sprout img {
+body.mw-special-CreatePage
+	.pvz-createpage-sprout img {
 	display: block;
 	width: 96px !important;
@@ 58번째 줄: / 71번째 줄: @@
-/* 입력창 OOUI 기본 디자인 초기화 */
+/* 입력창 OOUI 외형 초기화 */
-body.mw-special-CreatePage .oo-ui-textInputWidget,
 body.mw-special-CreatePage
-	.oo-ui-textInputWidget.oo-ui-widget-enabled,
+	.pvz-createpage-input-widget {
-body.mw-special-CreatePage
+	all: unset;
-	.oo-ui-textInputWidget.oo-ui-widget-disabled {
 	display: block;
 	width: 100%;
@@ 69번째 줄: / 80번째 줄: @@
 	margin-right: auto;
 	margin-left: auto;
-	padding: 0 !important;
-	border: 0 !important;
-	border-radius: 0 !important;
-	outline: 0 !important;
-	background: transparent !important;
-	background-image: none !important;
-	box-shadow: none !important;
 	box-sizing: border-box;
 }
 body.mw-special-CreatePage
-	.oo-ui-textInputWidget::before,
+	.pvz-createpage-input-widget::before,
 body.mw-special-CreatePage
-	.oo-ui-textInputWidget::after {
+	.pvz-createpage-input-widget::after {
 	display: none !important;
+	content: none !important;
 }
+body.mw-special-CreatePage
+	.pvz-createpage-input-widget
+	.oo-ui-iconElement-icon,
+body.mw-special-CreatePage
+	.pvz-createpage-input-widget
+	.oo-ui-indicatorElement-indicator {
+	display: none !important;
+}
-/* 문서명 입력창 */
-body.mw-special-CreatePage #mw-input-wptitle,
+/* 커스텀 문서명 입력창 */
 body.mw-special-CreatePage
-	#mw-input-wptitle.oo-ui-inputWidget-input,
+	.pvz-createpage-input {
-body.mw-special-CreatePage
+	all: unset;
-	.oo-ui-textInputWidget.oo-ui-widget-enabled
-	#mw-input-wptitle {
 	-webkit-appearance: none !important;
 	appearance: none !important;
-	display: block;
+	display: block !important;
 	width: 100% !important;
 	max-width: 700px !important;
+	min-width: 0 !important;
 	min-height: 48px;
 	margin: 0 auto !important;
 	padding: 0.72rem 1rem !important;
-	border: 2px solid #8e9f78 !important;
+	border: 2px solid #829b73 !important;
 	border-radius: 19px !important;
 	outline: 0 !important;
@@ 114번째 줄: / 126번째 줄: @@
 		rgba(71, 91, 53, 0.06) !important;
 	color: #493b31 !important;
+	caret-color: #4f913f;
 	font-family:
 		"SB Aggro L",
@@ 126번째 줄: / 139번째 줄: @@
 	font-weight: 300;
 	line-height: 1.45;
+	text-align: left;
 	box-sizing: border-box !important;
+	cursor: text;
 	transition:
 		border-color 0.15s ease,
@@ 136번째 줄: / 151번째 줄: @@
 /* 입력창 안내 문구 */
 body.mw-special-CreatePage
-	#mw-input-wptitle::placeholder {
+	.pvz-createpage-input::placeholder {
 	color: rgba(73, 51, 41, 0.42) !important;
 	font-family:
@@ 154번째 줄: / 169번째 줄: @@
 /* 입력창 마우스 올림 */
 body.mw-special-CreatePage
-	#mw-input-wptitle:hover,
+	.pvz-createpage-input:hover {
-body.mw-special-CreatePage
+	border-color: #679158 !important;
-	.oo-ui-textInputWidget.oo-ui-widget-enabled
-	#mw-input-wptitle:hover {
-	border-color: #6f9560 !important;
 	background: #fffefb !important;
 	background-image: none !important;
@@ 171번째 줄: / 183번째 줄: @@
 /* 입력창 선택 */
 body.mw-special-CreatePage
-	#mw-input-wptitle:focus,
+	.pvz-createpage-input:focus,
 body.mw-special-CreatePage
-	#mw-input-wptitle:focus-visible,
+	.pvz-createpage-input:focus-visible {
-body.mw-special-CreatePage
+	border-color: #4a8b3b !important;
-	.oo-ui-textInputWidget.oo-ui-widget-enabled
-	#mw-input-wptitle:focus {
-	border-color: #4f913f !important;
 	outline: 0 !important;
 	background: #ffffff !important;
@@ 183번째 줄: / 192번째 줄: @@
 	box-shadow:
 0 0 3px
-		rgba(79, 145, 63, 0.19),
+		rgba(74, 139, 59, 0.19),
 		inset 0 2px 5px
 		rgba(74, 55, 37, 0.05) !important;
@@ 189번째 줄: / 198번째 줄: @@
-/* OOUI 포커스 기본 파란색 제거 */
+/* 제출 버튼 OOUI 외형 초기화 */
-body.mw-special-CreatePage
-	.oo-ui-textInputWidget.oo-ui-widget-enabled:focus-within,
 body.mw-special-CreatePage
-	.oo-ui-textInputWidget.oo-ui-widget-enabled:hover {
+	.pvz-createpage-submit-widget {
-	border: 0 !important;
+	all: unset;
-	outline: 0 !important;
-	background: transparent !important;
-	box-shadow: none !important;
-}
-/* 제출 버튼 영역 가운데 정렬 */
-body.mw-special-CreatePage
-	.mw-htmlform
-	.oo-ui-buttonInputWidget,
-body.mw-special-CreatePage
-	.mw-htmlform
-	.oo-ui-buttonWidget,
-body.mw-special-CreatePage
-	.mw-htmlform-submit {
 	display: block;
 	width: max-content;
 	max-width: 100%;
 	margin: 0.65rem auto 0;
+	box-sizing: border-box;
 }
-/* 일반 제출 버튼 */
 body.mw-special-CreatePage
-	.mw-htmlform
+	.pvz-createpage-submit-widget::before,
-	input[type="submit"],
 body.mw-special-CreatePage
-	.mw-htmlform
+	.pvz-createpage-submit-widget::after {
-	button[type="submit"] {
+	display: none !important;
-	-webkit-appearance: none !important;
+	content: none !important;
-	appearance: none !important;
-	display: block;
-	width: auto;
-	min-width: 0;
-	min-height: 32px;
-	margin: 0.65rem auto 0;
-	padding: 0.25rem 0.72rem !important;
-	border: 2px solid #3f7737 !important;
-	border-radius: 999px !important;
-	outline: 0 !important;
-	background:
-		linear-gradient(
-deg,
-			#71b957 0%,
-			#58a044 100%
-		) !important;
-	background-image:
-		linear-gradient(
-deg,
-			#71b957 0%,
-			#58a044 100%
-		) !important;
-	box-shadow:
-		inset 0 -2px 0
-		rgba(39, 91, 34, 0.25),
-2px 5px
-		rgba(56, 91, 42, 0.14) !important;
-	color: #fffbea !important;
-	-webkit-text-stroke: 0.55px #285f2d;
-	paint-order: stroke fill;
-	text-shadow:
-px 0 0 #285f2d,
-		-1px 0 0 #285f2d,
-1px 0 #285f2d,
--1px 0 #285f2d;
-	font-family:
-		"SB Aggro M",
-		"SB 어그로 M",
-		-apple-system,
-		BlinkMacSystemFont,
-		"Segoe UI",
-		"Apple SD Gothic Neo",
-		"Noto Sans KR",
-		sans-serif !important;
-	font-size: 0.88rem;
-	font-weight: 500;
-	line-height: 1.15;
-	cursor: pointer;
-	box-sizing: border-box;
-	transition:
-		transform 0.12s ease,
-		filter 0.12s ease,
-		box-shadow 0.12s ease;
 }
-/* OOUI 제출 버튼 */
+/* 커스텀 만들기 버튼 */
 body.mw-special-CreatePage
-	.oo-ui-buttonElement-framed
+	.pvz-createpage-submit-button {
-	> .oo-ui-buttonElement-button,
+	all: unset;
-body.mw-special-CreatePage
-	.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive
-	> .oo-ui-buttonElement-button {
 	-webkit-appearance: none !important;
 	appearance: none !important;
-	display: flex;
+	display: inline-block !important;
-	align-items: center;
+	width: auto !important;
-	justify-content: center;
-	width: auto;
 	min-width: 0 !important;
-	min-height: 32px !important;
+	min-height: 30px !important;
-	padding: 0.25rem 0.72rem !important;
+	margin: 0 !important;
-	border: 2px solid #3f7737 !important;
+	padding: 0.2rem 0.58rem !important;
-	border-radius: 999px !important;
+	border: 2px solid #245426 !important;
+	border-radius: 11px !important;
 	outline: 0 !important;
 	background:
 		linear-gradient(
 deg,
-			#71b957 0%,
+			#70b758 0%,
-			#58a044 100%
+			#559c43 100%
 		) !important;
+	background-color: #5ca249 !important;
 	background-image:
 		linear-gradient(
 deg,
-			#71b957 0%,
+			#70b758 0%,
-			#58a044 100%
+			#559c43 100%
 		) !important;
 	box-shadow:
 		inset 0 -2px 0
-		rgba(39, 91, 34, 0.25),
+		rgba(31, 79, 34, 0.3),
-2px 5px
+2px 4px
-		rgba(56, 91, 42, 0.14) !important;
+		rgba(44, 81, 38, 0.14) !important;
-	color: #fffbea !important;
+	color: #fffbed !important;
-	-webkit-text-stroke: 0.55px #285f2d;
+	-webkit-text-stroke:
+.32px #1d4f24;
 	paint-order: stroke fill;
 	text-shadow:
-px 0 0 #285f2d,
+.45px 0 0 #1d4f24,
-		-1px 0 0 #285f2d,
+		-0.45px 0 0 #1d4f24,
-1px 0 #285f2d,
+0.45px 0 #1d4f24,
--1px 0 #285f2d;
+-0.45px 0 #1d4f24,
+.32px 0.32px 0 #1d4f24,
+		-0.32px 0.32px 0 #1d4f24,
+.32px -0.32px 0 #1d4f24,
+		-0.32px -0.32px 0 #1d4f24,
+1px 1px
+		rgba(24, 66, 29, 0.25);
 	font-family:
 		"SB Aggro M",
@@ 337번째 줄: / 278번째 줄: @@
 	font-weight: 500;
 	line-height: 1.15;
+	text-align: center;
+	white-space: nowrap;
 	cursor: pointer;
-	box-sizing: border-box;
+	box-sizing: border-box !important;
 	transition:
 		transform 0.12s ease,
@@ 346번째 줄: / 289번째 줄: @@
-/* OOUI 버튼 내부 기본 여백 제거 */
+/* OOUI 버튼 내부 문구 초기화 */
 body.mw-special-CreatePage
-	.oo-ui-buttonElement-button
+	.pvz-createpage-submit-button
 	.oo-ui-labelElement-label {
-	display: block;
+	all: unset;
-	margin: 0 !important;
+	display: inline;
-	padding: 0 !important;
+	color: inherit;
-	color: inherit !important;
 	-webkit-text-stroke: inherit;
-	line-height: 1.15;
+	font: inherit;
+	line-height: inherit;
+	text-shadow: inherit;
+	white-space: inherit;
 }
-/* 제출 버튼 마우스 올림 */
+/* 만들기 버튼 마우스 올림 */
 body.mw-special-CreatePage
-	.mw-htmlform
+	.pvz-createpage-submit-button:hover {
-	input[type="submit"]:hover,
+	border-color: #1d4921 !important;
-body.mw-special-CreatePage
-	.mw-htmlform
-	button[type="submit"]:hover,
-body.mw-special-CreatePage
-	.oo-ui-buttonElement-button:hover {
 	filter: brightness(1.06);
 	transform: translateY(-1px);
@@ 373번째 줄: / 313번째 줄: @@
-/* 제출 버튼 클릭 */
+/* 만들기 버튼 클릭 */
 body.mw-special-CreatePage
-	.mw-htmlform
+	.pvz-createpage-submit-button:active {
-	input[type="submit"]:active,
+	filter: brightness(0.97);
-body.mw-special-CreatePage
-	.mw-htmlform
-	button[type="submit"]:active,
-body.mw-special-CreatePage
-	.oo-ui-buttonElement-button:active {
-	filter: brightness(0.98);
 	transform: translateY(1px);
 	box-shadow:
 		inset 0 2px 3px
-		rgba(39, 91, 34, 0.25) !important;
+		rgba(29, 73, 31, 0.3) !important;
 }
-/* 제출 버튼 키보드 선택 */
+/* 만들기 버튼 키보드 선택 */
 body.mw-special-CreatePage
-	.mw-htmlform
+	.pvz-createpage-submit-button:focus,
-	input[type="submit"]:focus-visible,
 body.mw-special-CreatePage
-	.mw-htmlform
+	.pvz-createpage-submit-button:focus-visible {
-	button[type="submit"]:focus-visible,
-body.mw-special-CreatePage
-	.oo-ui-buttonElement-button:focus-visible {
 	outline: 0 !important;
 	box-shadow:
 0 0 3px
-		rgba(79, 145, 63, 0.21),
+		rgba(74, 139, 59, 0.21),
 		inset 0 -2px 0
-		rgba(39, 91, 34, 0.25) !important;
+		rgba(31, 79, 34, 0.3) !important;
 }
@@ 423번째 줄: / 353번째 줄: @@
 	body.mw-special-CreatePage
-		#mw-input-wptitle {
+		.pvz-createpage-input {
 		min-height: 44px;
 		padding: 0.68rem 0.9rem !important;
@@ 431번째 줄: / 361번째 줄: @@
 	body.mw-special-CreatePage
-		.mw-htmlform
+		.pvz-createpage-submit-button {
-		input[type="submit"],
+		min-height: 29px !important;
-	body.mw-special-CreatePage
+		padding: 0.18rem 0.54rem !important;
-		.mw-htmlform
+		border-radius: 10px !important;
-		button[type="submit"],
-	body.mw-special-CreatePage
-		.oo-ui-buttonElement-framed
-		> .oo-ui-buttonElement-button {
-		min-height: 30px !important;
-		padding: 0.22rem 0.65rem !important;
 		font-size: 0.84rem;
 	}
 }

익명 사용자

검색

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

둘러보기

위키 도구

문서 도구