미디어위키:Gadget-CreatePageUw.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
편집 요약 없음 |
편집 요약 없음 |
||
| 24번째 줄: | 24번째 줄: | ||
body.mw-special-CreatePage .oo-ui-fieldLayout, | body.mw-special-CreatePage .oo-ui-fieldLayout, | ||
body.mw-special-CreatePage .oo-ui-fieldLayout-body, | body.mw-special-CreatePage .oo-ui-fieldLayout-body, | ||
body.mw-special-CreatePage .oo-ui-fieldLayout-field | body.mw-special-CreatePage .oo-ui-fieldLayout-field { | ||
width: 100%; | width: 100%; | ||
max-width: 700px; | max-width: 700px; | ||
| 56번째 줄: | 55번째 줄: | ||
rgba(45, 33, 24, 0.16) | rgba(45, 33, 24, 0.16) | ||
); | ); | ||
} | |||
/* 입력창 OOUI 기본 디자인 초기화 */ | |||
body.mw-special-CreatePage .oo-ui-textInputWidget, | |||
body.mw-special-CreatePage | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled, | |||
body.mw-special-CreatePage | |||
.oo-ui-textInputWidget.oo-ui-widget-disabled { | |||
display: block; | |||
width: 100%; | |||
max-width: 700px; | |||
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, | |||
body.mw-special-CreatePage | |||
.oo-ui-textInputWidget::after { | |||
display: none !important; | |||
} | } | ||
| 62번째 줄: | 90번째 줄: | ||
body.mw-special-CreatePage #mw-input-wptitle, | body.mw-special-CreatePage #mw-input-wptitle, | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
#mw-input-wptitle.oo-ui-inputWidget-input { | #mw-input-wptitle.oo-ui-inputWidget-input, | ||
body.mw-special-CreatePage | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled | |||
#mw-input-wptitle { | |||
-webkit-appearance: none !important; | |||
appearance: none !important; | |||
display: block; | display: block; | ||
width: 100% !important; | width: 100% !important; | ||
max-width: 700px; | max-width: 700px !important; | ||
min-height: 48px; | min-height: 48px; | ||
margin: 0 auto; | margin: 0 auto !important; | ||
padding: 0. | padding: 0.72rem 1rem !important; | ||
border: 2px solid # | border: 2px solid #8e9f78 !important; | ||
border-radius: | border-radius: 19px !important; | ||
outline: | outline: 0 !important; | ||
background: # | background: #fffdf7 !important; | ||
background-color: #fffdf7 !important; | |||
background-image: none !important; | |||
box-shadow: | box-shadow: | ||
inset 0 2px 5px | inset 0 2px 5px | ||
rgba(74, 55, 37, 0. | rgba(74, 55, 37, 0.07), | ||
color: #493b31; | 0 2px 5px | ||
rgba(71, 91, 53, 0.06) !important; | |||
color: #493b31 !important; | |||
font-family: | font-family: | ||
"SB Aggro L", | "SB Aggro L", | ||
| 85번째 줄: | 122번째 줄: | ||
"Apple SD Gothic Neo", | "Apple SD Gothic Neo", | ||
"Noto Sans KR", | "Noto Sans KR", | ||
sans-serif; | sans-serif !important; | ||
font-size: 0.98rem; | font-size: 0.98rem; | ||
font-weight: 300; | font-weight: 300; | ||
line-height: 1.45; | line-height: 1.45; | ||
box-sizing: border-box; | box-sizing: border-box !important; | ||
transition: | transition: | ||
border-color 0.15s ease, | border-color 0.15s ease, | ||
background-color 0.15s ease, | |||
box-shadow 0.15s ease; | |||
} | } | ||
| 100번째 줄: | 137번째 줄: | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
#mw-input-wptitle::placeholder { | #mw-input-wptitle::placeholder { | ||
color: rgba(73, 51, 41, 0.42); | color: rgba(73, 51, 41, 0.42) !important; | ||
font-family: | font-family: | ||
"SB Aggro L", | "SB Aggro L", | ||
| 109번째 줄: | 146번째 줄: | ||
"Apple SD Gothic Neo", | "Apple SD Gothic Neo", | ||
"Noto Sans KR", | "Noto Sans KR", | ||
sans-serif; | sans-serif !important; | ||
font-weight: 300; | font-weight: 300; | ||
opacity: 1; | opacity: 1; | ||
| 117번째 줄: | 154번째 줄: | ||
/* 입력창 마우스 올림 */ | /* 입력창 마우스 올림 */ | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
#mw-input-wptitle:hover, | |||
body.mw-special-CreatePage | |||
.oo-ui-textInputWidget.oo-ui-widget-enabled | |||
#mw-input-wptitle:hover { | #mw-input-wptitle:hover { | ||
border-color: # | border-color: #6f9560 !important; | ||
background: #fffefb; | background: #fffefb !important; | ||
background-image: none !important; | |||
box-shadow: | |||
inset 0 2px 5px | |||
rgba(74, 55, 37, 0.06), | |||
0 2px 7px | |||
rgba(76, 119, 62, 0.1) !important; | |||
} | } | ||
| 127번째 줄: | 173번째 줄: | ||
#mw-input-wptitle:focus, | #mw-input-wptitle:focus, | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
#mw-input-wptitle:focus-visible { | #mw-input-wptitle:focus-visible, | ||
border-color: # | body.mw-special-CreatePage | ||
outline: | .oo-ui-textInputWidget.oo-ui-widget-enabled | ||
background: #ffffff; | #mw-input-wptitle:focus { | ||
border-color: #4f913f !important; | |||
outline: 0 !important; | |||
background: #ffffff !important; | |||
background-image: none !important; | |||
box-shadow: | box-shadow: | ||
0 0 0 3px | 0 0 0 3px | ||
rgba( | rgba(79, 145, 63, 0.19), | ||
inset 0 2px 5px | inset 0 2px 5px | ||
rgba(74, 55, 37, 0. | rgba(74, 55, 37, 0.05) !important; | ||
} | |||
/* 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 { | |||
border: 0 !important; | |||
outline: 0 !important; | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
} | } | ||
/* 제출 버튼 영역 */ | /* 제출 버튼 영역 가운데 정렬 */ | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
.mw-htmlform | .mw-htmlform | ||
| 150번째 줄: | 212번째 줄: | ||
display: block; | display: block; | ||
width: max-content; | width: max-content; | ||
margin: 0. | max-width: 100%; | ||
margin: 0.65rem auto 0; | |||
} | } | ||
| 161번째 줄: | 224번째 줄: | ||
.mw-htmlform | .mw-htmlform | ||
button[type="submit"] { | button[type="submit"] { | ||
-webkit-appearance: none !important; | |||
appearance: none !important; | |||
display: block; | display: block; | ||
min-width: | width: auto; | ||
min-height: | min-width: 0; | ||
margin: 0. | min-height: 32px; | ||
padding: 0. | margin: 0.65rem auto 0; | ||
padding: 0.25rem 0.72rem !important; | |||
border: 2px solid #3f7737 !important; | border: 2px solid #3f7737 !important; | ||
border-radius: 999px !important; | border-radius: 999px !important; | ||
outline: | outline: 0 !important; | ||
background: | background: | ||
linear-gradient( | |||
180deg, | |||
#71b957 0%, | |||
#58a044 100% | |||
) !important; | |||
background-image: | |||
linear-gradient( | linear-gradient( | ||
180deg, | 180deg, | ||
| 176번째 줄: | 248번째 줄: | ||
) !important; | ) !important; | ||
box-shadow: | box-shadow: | ||
inset 0 - | inset 0 -2px 0 | ||
rgba(39, 91, 34, 0.25), | rgba(39, 91, 34, 0.25), | ||
0 | 0 2px 5px | ||
rgba(56, 91, 42, 0. | rgba(56, 91, 42, 0.14) !important; | ||
color: # | color: #fffbea !important; | ||
-webkit-text-stroke: 0.55px #285f2d; | |||
paint-order: stroke fill; | |||
text-shadow: | |||
1px 0 0 #285f2d, | |||
-1px 0 0 #285f2d, | |||
0 1px 0 #285f2d, | |||
0 -1px 0 #285f2d; | |||
font-family: | font-family: | ||
"SB Aggro M", | "SB Aggro M", | ||
| 189번째 줄: | 268번째 줄: | ||
"Apple SD Gothic Neo", | "Apple SD Gothic Neo", | ||
"Noto Sans KR", | "Noto Sans KR", | ||
sans-serif; | sans-serif !important; | ||
font-size: 0. | font-size: 0.88rem; | ||
font-weight: 500; | font-weight: 500; | ||
line-height: 1. | line-height: 1.15; | ||
cursor: pointer; | cursor: pointer; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| 212번째 줄: | 288번째 줄: | ||
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive | .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive | ||
> .oo-ui-buttonElement-button { | > .oo-ui-buttonElement-button { | ||
min-width: | -webkit-appearance: none !important; | ||
min-height: | appearance: none !important; | ||
padding: 0. | display: flex; | ||
align-items: center; | |||
justify-content: center; | |||
width: auto; | |||
min-width: 0 !important; | |||
min-height: 32px !important; | |||
padding: 0.25rem 0.72rem !important; | |||
border: 2px solid #3f7737 !important; | border: 2px solid #3f7737 !important; | ||
border-radius: 999px !important; | border-radius: 999px !important; | ||
outline: 0 !important; | |||
background: | background: | ||
linear-gradient( | |||
180deg, | |||
#71b957 0%, | |||
#58a044 100% | |||
) !important; | |||
background-image: | |||
linear-gradient( | linear-gradient( | ||
180deg, | 180deg, | ||
| 224번째 줄: | 313번째 줄: | ||
) !important; | ) !important; | ||
box-shadow: | box-shadow: | ||
inset 0 - | inset 0 -2px 0 | ||
rgba(39, 91, 34, 0.25), | rgba(39, 91, 34, 0.25), | ||
0 | 0 2px 5px | ||
rgba(56, 91, 42, 0. | rgba(56, 91, 42, 0.14) !important; | ||
color: # | color: #fffbea !important; | ||
-webkit-text-stroke: 0.55px #285f2d; | |||
paint-order: stroke fill; | |||
text-shadow: | |||
1px 0 0 #285f2d, | |||
-1px 0 0 #285f2d, | |||
0 1px 0 #285f2d, | |||
0 -1px 0 #285f2d; | |||
font-family: | font-family: | ||
"SB Aggro M", | "SB Aggro M", | ||
| 237번째 줄: | 333번째 줄: | ||
"Apple SD Gothic Neo", | "Apple SD Gothic Neo", | ||
"Noto Sans KR", | "Noto Sans KR", | ||
sans-serif; | sans-serif !important; | ||
font-size: 0. | font-size: 0.88rem; | ||
font-weight: 500; | font-weight: 500; | ||
line-height: 1. | line-height: 1.15; | ||
cursor: pointer; | cursor: pointer; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| 250번째 줄: | 343번째 줄: | ||
filter 0.12s ease, | filter 0.12s ease, | ||
box-shadow 0.12s ease; | box-shadow 0.12s ease; | ||
} | |||
/* OOUI 버튼 내부 기본 여백 제거 */ | |||
body.mw-special-CreatePage | |||
.oo-ui-buttonElement-button | |||
.oo-ui-labelElement-label { | |||
display: block; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
color: inherit !important; | |||
-webkit-text-stroke: inherit; | |||
line-height: 1.15; | |||
} | } | ||
| 280번째 줄: | 386번째 줄: | ||
box-shadow: | box-shadow: | ||
inset 0 2px 3px | inset 0 2px 3px | ||
rgba(39, 91, 34, 0.25); | rgba(39, 91, 34, 0.25) !important; | ||
} | } | ||
| 293번째 줄: | 399번째 줄: | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
.oo-ui-buttonElement-button:focus-visible { | .oo-ui-buttonElement-button:focus-visible { | ||
outline: | outline: 0 !important; | ||
box-shadow: | box-shadow: | ||
0 0 0 3px | 0 0 0 3px | ||
rgba( | rgba(79, 145, 63, 0.21), | ||
inset 0 - | inset 0 -2px 0 | ||
rgba(39, 91, 34, 0.25) !important; | rgba(39, 91, 34, 0.25) !important; | ||
} | } | ||
| 318번째 줄: | 424번째 줄: | ||
body.mw-special-CreatePage | body.mw-special-CreatePage | ||
#mw-input-wptitle { | #mw-input-wptitle { | ||
min-height: | min-height: 44px; | ||
border-radius: | padding: 0.68rem 0.9rem !important; | ||
border-radius: 17px !important; | |||
font-size: 0.93rem; | font-size: 0.93rem; | ||
} | } | ||
| 332번째 줄: | 439번째 줄: | ||
.oo-ui-buttonElement-framed | .oo-ui-buttonElement-framed | ||
> .oo-ui-buttonElement-button { | > .oo-ui-buttonElement-button { | ||
min- | min-height: 30px !important; | ||
padding: 0.22rem 0.65rem !important; | |||
font-size: 0.84rem; | |||
} | } | ||
} | } | ||
2026년 7월 25일 (토) 01:10 판
/* 문서 재배하기 전용 스타일 */
/* 기본 문구 숨김 */
body.mw-special-CreatePage .oo-ui-fieldsetLayout-header,
body.mw-special-CreatePage .oo-ui-fieldLayout-header,
body.mw-special-CreatePage label[for="mw-input-wptitle"] {
display: none !important;
}
/* 입력 양식 전체 배치 */
body.mw-special-CreatePage .mw-body-content .mw-htmlform {
width: 100%;
max-width: 700px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
body.mw-special-CreatePage .mw-htmlform fieldset,
body.mw-special-CreatePage .oo-ui-fieldsetLayout,
body.mw-special-CreatePage .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;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
/* Sprout 이미지 */
body.mw-special-CreatePage .pvz-createpage-sprout {
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
margin: 0 0 0.6rem;
box-sizing: border-box;
}
body.mw-special-CreatePage .pvz-createpage-sprout img {
display: block;
width: 96px !important;
max-width: 96px !important;
height: auto !important;
margin: 0 auto;
object-fit: contain;
filter:
drop-shadow(
0 4px 6px
rgba(45, 33, 24, 0.16)
);
}
/* 입력창 OOUI 기본 디자인 초기화 */
body.mw-special-CreatePage .oo-ui-textInputWidget,
body.mw-special-CreatePage
.oo-ui-textInputWidget.oo-ui-widget-enabled,
body.mw-special-CreatePage
.oo-ui-textInputWidget.oo-ui-widget-disabled {
display: block;
width: 100%;
max-width: 700px;
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,
body.mw-special-CreatePage
.oo-ui-textInputWidget::after {
display: none !important;
}
/* 문서명 입력창 */
body.mw-special-CreatePage #mw-input-wptitle,
body.mw-special-CreatePage
#mw-input-wptitle.oo-ui-inputWidget-input,
body.mw-special-CreatePage
.oo-ui-textInputWidget.oo-ui-widget-enabled
#mw-input-wptitle {
-webkit-appearance: none !important;
appearance: none !important;
display: block;
width: 100% !important;
max-width: 700px !important;
min-height: 48px;
margin: 0 auto !important;
padding: 0.72rem 1rem !important;
border: 2px solid #8e9f78 !important;
border-radius: 19px !important;
outline: 0 !important;
background: #fffdf7 !important;
background-color: #fffdf7 !important;
background-image: none !important;
box-shadow:
inset 0 2px 5px
rgba(74, 55, 37, 0.07),
0 2px 5px
rgba(71, 91, 53, 0.06) !important;
color: #493b31 !important;
font-family:
"SB Aggro L",
"SB 어그로 L",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Apple SD Gothic Neo",
"Noto Sans KR",
sans-serif !important;
font-size: 0.98rem;
font-weight: 300;
line-height: 1.45;
box-sizing: border-box !important;
transition:
border-color 0.15s ease,
background-color 0.15s ease,
box-shadow 0.15s ease;
}
/* 입력창 안내 문구 */
body.mw-special-CreatePage
#mw-input-wptitle::placeholder {
color: rgba(73, 51, 41, 0.42) !important;
font-family:
"SB Aggro L",
"SB 어그로 L",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Apple SD Gothic Neo",
"Noto Sans KR",
sans-serif !important;
font-weight: 300;
opacity: 1;
}
/* 입력창 마우스 올림 */
body.mw-special-CreatePage
#mw-input-wptitle:hover,
body.mw-special-CreatePage
.oo-ui-textInputWidget.oo-ui-widget-enabled
#mw-input-wptitle:hover {
border-color: #6f9560 !important;
background: #fffefb !important;
background-image: none !important;
box-shadow:
inset 0 2px 5px
rgba(74, 55, 37, 0.06),
0 2px 7px
rgba(76, 119, 62, 0.1) !important;
}
/* 입력창 선택 */
body.mw-special-CreatePage
#mw-input-wptitle:focus,
body.mw-special-CreatePage
#mw-input-wptitle:focus-visible,
body.mw-special-CreatePage
.oo-ui-textInputWidget.oo-ui-widget-enabled
#mw-input-wptitle:focus {
border-color: #4f913f !important;
outline: 0 !important;
background: #ffffff !important;
background-image: none !important;
box-shadow:
0 0 0 3px
rgba(79, 145, 63, 0.19),
inset 0 2px 5px
rgba(74, 55, 37, 0.05) !important;
}
/* 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 {
border: 0 !important;
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;
}
/* 일반 제출 버튼 */
body.mw-special-CreatePage
.mw-htmlform
input[type="submit"],
body.mw-special-CreatePage
.mw-htmlform
button[type="submit"] {
-webkit-appearance: 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(
180deg,
#71b957 0%,
#58a044 100%
) !important;
background-image:
linear-gradient(
180deg,
#71b957 0%,
#58a044 100%
) !important;
box-shadow:
inset 0 -2px 0
rgba(39, 91, 34, 0.25),
0 2px 5px
rgba(56, 91, 42, 0.14) !important;
color: #fffbea !important;
-webkit-text-stroke: 0.55px #285f2d;
paint-order: stroke fill;
text-shadow:
1px 0 0 #285f2d,
-1px 0 0 #285f2d,
0 1px 0 #285f2d,
0 -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
> .oo-ui-buttonElement-button,
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;
align-items: center;
justify-content: center;
width: auto;
min-width: 0 !important;
min-height: 32px !important;
padding: 0.25rem 0.72rem !important;
border: 2px solid #3f7737 !important;
border-radius: 999px !important;
outline: 0 !important;
background:
linear-gradient(
180deg,
#71b957 0%,
#58a044 100%
) !important;
background-image:
linear-gradient(
180deg,
#71b957 0%,
#58a044 100%
) !important;
box-shadow:
inset 0 -2px 0
rgba(39, 91, 34, 0.25),
0 2px 5px
rgba(56, 91, 42, 0.14) !important;
color: #fffbea !important;
-webkit-text-stroke: 0.55px #285f2d;
paint-order: stroke fill;
text-shadow:
1px 0 0 #285f2d,
-1px 0 0 #285f2d,
0 1px 0 #285f2d,
0 -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-button
.oo-ui-labelElement-label {
display: block;
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
-webkit-text-stroke: inherit;
line-height: 1.15;
}
/* 제출 버튼 마우스 올림 */
body.mw-special-CreatePage
.mw-htmlform
input[type="submit"]:hover,
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);
}
/* 제출 버튼 클릭 */
body.mw-special-CreatePage
.mw-htmlform
input[type="submit"]:active,
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;
}
/* 제출 버튼 키보드 선택 */
body.mw-special-CreatePage
.mw-htmlform
input[type="submit"]:focus-visible,
body.mw-special-CreatePage
.mw-htmlform
button[type="submit"]:focus-visible,
body.mw-special-CreatePage
.oo-ui-buttonElement-button:focus-visible {
outline: 0 !important;
box-shadow:
0 0 0 3px
rgba(79, 145, 63, 0.21),
inset 0 -2px 0
rgba(39, 91, 34, 0.25) !important;
}
/* 모바일 */
@media (max-width: 600px) {
body.mw-special-CreatePage
.mw-body-content
.mw-htmlform {
max-width: 100%;
}
body.mw-special-CreatePage
.pvz-createpage-sprout img {
width: 78px !important;
max-width: 78px !important;
}
body.mw-special-CreatePage
#mw-input-wptitle {
min-height: 44px;
padding: 0.68rem 0.9rem !important;
border-radius: 17px !important;
font-size: 0.93rem;
}
body.mw-special-CreatePage
.mw-htmlform
input[type="submit"],
body.mw-special-CreatePage
.mw-htmlform
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;
}
}