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

식물 vs 좀비 위키
← 이전 편집다음 편집 →
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
385 편집
편집 요약 없음
편집 요약 없음
38번째 줄: 38번째 줄:




/* 입력창이 들어 있는 OOUI 배치 초기화 */
/* 입력창 배치 초기화 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input-layout,
.pvz-createpage-input-layout,
56번째 줄: 56번째 줄:
border-radius: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
outline: 0 !important;
background: none !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
background-image: none !important;
box-shadow: none !important;
box-shadow: none !important;
88번째 줄: 87번째 줄:
rgba(45, 33, 24, 0.16)
rgba(45, 33, 24, 0.16)
);
);
}
/* OOUI 입력창 바깥 디자인 제거 */
body.mw-special-CreatePage
.pvz-createpage-input-widget,
body.mw-special-CreatePage
.pvz-createpage-input-widget.oo-ui-textInputWidget,
body.mw-special-CreatePage
.pvz-createpage-input-widget.oo-ui-widget-enabled,
body.mw-special-CreatePage
.pvz-createpage-input-widget:hover,
body.mw-special-CreatePage
.pvz-createpage-input-widget:focus,
body.mw-special-CreatePage
.pvz-createpage-input-widget:focus-within {
display: block !important;
width: 100% !important;
max-width: 700px !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.mw-special-CreatePage
.pvz-createpage-input-widget::before,
body.mw-special-CreatePage
.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,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input {
.pvz-createpage-input {
all: unset !important;
-webkit-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
appearance: none !important;
display: block !important;
display: block !important;
position: relative !important;
z-index: 1 !important;
width: 100% !important;
width: 100% !important;
max-width: 700px !important;
max-width: 700px !important;
104번째 줄: 155번째 줄:
margin: 0 auto !important;
margin: 0 auto !important;
padding: 0.72rem 1rem !important;
padding: 0.72rem 1rem !important;
border: 2px solid #829b73 !important;
border: 1px solid #aaa9a5 !important;
border-radius: 19px !important;
border-radius: 19px !important;
outline: 0 !important;
outline: 0 !important;
111번째 줄: 162번째 줄:
background-image: none !important;
background-image: none !important;
box-shadow:
box-shadow:
inset 0 2px 5px
inset 0 1px 3px
rgba(74, 55, 37, 0.07),
rgba(55, 45, 35, 0.06) !important;
0 2px 5px
rgba(71, 91, 53, 0.06) !important;
color: #493b31 !important;
color: #493b31 !important;
caret-color: #4f913f !important;
caret-color: #4a8b3b !important;
font-family:
font-family:
"SB Aggro L",
"SB Aggro L",
130번째 줄: 179번째 줄:
line-height: 1.45 !important;
line-height: 1.45 !important;
text-align: left !important;
text-align: left !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
user-select: text !important;
-webkit-user-select: text !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
cursor: text !important;
cursor: text !important;
transition:
transition:
border-color 0.15s ease,
border-color 0.14s ease,
background-color 0.15s ease,
box-shadow 0.14s ease,
box-shadow 0.15s ease !important;
background-color 0.14s ease !important;
}
}




/* 입력창 안내 문구 */
/* 입력창 안내 문구 */
body.mw-special-CreatePage
#mw-input-wptitle::placeholder,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input::placeholder {
.pvz-createpage-input::placeholder {
157번째 줄: 213번째 줄:




/* 입력창 자동 완성 디자인 제거 */
/* 입력창 마우스 올림 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input:-webkit-autofill,
#mw-input-wptitle:hover,
body.mw-special-CreatePage
.pvz-createpage-input:-webkit-autofill:hover,
body.mw-special-CreatePage
.pvz-createpage-input:-webkit-autofill:focus {
-webkit-text-fill-color: #493b31 !important;
caret-color: #4f913f !important;
border: 2px solid #829b73 !important;
box-shadow:
inset 0 0 0 1000px
#fffdf7,
inset 0 2px 5px
rgba(74, 55, 37, 0.07) !important;
transition:
background-color 9999s ease-out
0s !important;
}
 
 
/* 입력창 마우스 올림 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input:hover {
.pvz-createpage-input:hover {
border-color: #679158 !important;
border-color: #92928e !important;
background: #fffefb !important;
background: #fffefa !important;
background-color: #fffefb !important;
background-image: none !important;
box-shadow:
box-shadow:
inset 0 2px 5px
inset 0 1px 3px
rgba(74, 55, 37, 0.06),
rgba(55, 45, 35, 0.05) !important;
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
body.mw-special-CreatePage
.pvz-createpage-input:focus,
.pvz-createpage-input:focus,
201번째 줄: 238번째 줄:
outline: 0 !important;
outline: 0 !important;
background: #ffffff !important;
background: #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
background-image: none !important;
box-shadow:
box-shadow:
0 0 0 3px
0 0 0 1px #4a8b3b,
rgba(74, 139, 59, 0.19),
inset 0 1px 3px
inset 0 2px 5px
rgba(55, 45, 35, 0.04) !important;
rgba(74, 55, 37, 0.05) !important;
}
 
 
/* 자동 완성 색상 제거 */
body.mw-special-CreatePage
#mw-input-wptitle:-webkit-autofill,
body.mw-special-CreatePage
#mw-input-wptitle:-webkit-autofill:hover,
body.mw-special-CreatePage
#mw-input-wptitle:-webkit-autofill:focus {
-webkit-text-fill-color: #493b31 !important;
caret-color: #4a8b3b !important;
border-color: #4a8b3b !important;
box-shadow:
inset 0 0 0 1000px #ffffff,
0 0 0 1px #4a8b3b !important;
}
}


222번째 줄: 273번째 줄:
padding: 0 !important;
padding: 0 !important;
border: 0 !important;
border: 0 !important;
background: none !important;
background: transparent !important;
box-shadow: none !important;
box-shadow: none !important;
}
}
230번째 줄: 281번째 줄:
.oo-ui-fieldLayout-field {
.oo-ui-fieldLayout-field {
display: flex !important;
display: flex !important;
align-items: center;
align-items: center !important;
justify-content: center;
justify-content: center !important;
width: 100% !important;
width: 100% !important;
margin: 0 !important;
margin: 0 !important;
padding: 0 !important;
padding: 0 !important;
border: 0 !important;
border: 0 !important;
background: none !important;
background: transparent !important;
box-shadow: none !important;
box-shadow: none !important;
}
/* OOUI 버튼 바깥 디자인 제거 */
body.mw-special-CreatePage
.pvz-createpage-submit-widget,
body.mw-special-CreatePage
.pvz-createpage-submit-widget.oo-ui-buttonInputWidget,
body.mw-special-CreatePage
.pvz-createpage-submit-widget.oo-ui-buttonWidget {
display: block !important;
width: max-content !important;
max-width: 100% !important;
margin: 0.65rem auto 0 !important;
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 !important;
}
}


243번째 줄: 316번째 줄:
/* 커스텀 제출 버튼 */
/* 커스텀 제출 버튼 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button {
.pvz-createpage-submit-button,
all: unset !important;
body.mw-special-CreatePage
.mw-htmlform input[type="submit"],
body.mw-special-CreatePage
.mw-htmlform button[type="submit"] {
-webkit-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
appearance: none !important;
253번째 줄: 329번째 줄:
min-width: 0 !important;
min-width: 0 !important;
min-height: 30px !important;
min-height: 30px !important;
margin: 0.65rem auto 0 !important;
margin: 0 !important;
padding: 0.2rem 0.58rem !important;
padding: 0.2rem 0.58rem !important;
border: 2px solid #173f1d !important;
border: 2px solid #173f1d !important;
297번째 줄: 373번째 줄:
#173f1d 1.30543px -0.92511px 0,
#173f1d 1.30543px -0.92511px 0,
#173f1d 1.53627px -0.44707px 0,
#173f1d 1.53627px -0.44707px 0,
rgba(20, 55, 25, 0.28) 0 1.5px 1px !important;
rgba(20, 55, 25, 0.28)
0 1.5px 1px !important;
font-family:
font-family:
"SB Aggro M",
"SB Aggro M",
319번째 줄: 396번째 줄:
background-image 0.12s ease,
background-image 0.12s ease,
box-shadow 0.12s ease !important;
box-shadow 0.12s ease !important;
}
/* OOUI 버튼 문구 */
body.mw-special-CreatePage
.pvz-createpage-submit-button
.oo-ui-labelElement-label {
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
font: inherit !important;
line-height: inherit !important;
text-shadow: inherit !important;
}
}


324번째 줄: 414번째 줄:
/* 제출 버튼 마우스 올림 */
/* 제출 버튼 마우스 올림 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button:hover {
.pvz-createpage-submit-button:hover,
body.mw-special-CreatePage
.mw-htmlform input[type="submit"]:hover,
body.mw-special-CreatePage
.mw-htmlform button[type="submit"]:hover {
border-color: #123617 !important;
border-color: #123617 !important;
background:
background:
351번째 줄: 445번째 줄:
/* 제출 버튼 클릭 */
/* 제출 버튼 클릭 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button:active {
.pvz-createpage-submit-button:active,
body.mw-special-CreatePage
.mw-htmlform input[type="submit"]:active,
body.mw-special-CreatePage
.mw-htmlform button[type="submit"]:active {
border-color: #0f3014 !important;
border-color: #0f3014 !important;
background:
background:
374번째 줄: 472번째 줄:




/* 제출 버튼 키보드 선택 */
/* 제출 버튼 선택 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button:focus,
.pvz-createpage-submit-button:focus,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button:focus-visible {
.pvz-createpage-submit-button:focus-visible,
body.mw-special-CreatePage
.mw-htmlform input[type="submit"]:focus-visible,
body.mw-special-CreatePage
.mw-htmlform button[type="submit"]:focus-visible {
outline: 0 !important;
outline: 0 !important;
border-color: #173f1d !important;
border-color: #173f1d !important;
386번째 줄: 488번째 줄:
inset 0 -2px 0
inset 0 -2px 0
rgba(26, 69, 29, 0.35) !important;
rgba(26, 69, 29, 0.35) !important;
}
/* 비활성화된 제출 버튼 */
body.mw-special-CreatePage
.pvz-createpage-submit-button:disabled {
opacity: 0.55 !important;
cursor: default !important;
}
}


411번째 줄: 505번째 줄:
}
}


body.mw-special-CreatePage
#mw-input-wptitle,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input {
.pvz-createpage-input {
420번째 줄: 516번째 줄:


body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button {
.pvz-createpage-submit-button,
body.mw-special-CreatePage
.mw-htmlform input[type="submit"],
body.mw-special-CreatePage
.mw-htmlform button[type="submit"] {
min-height: 29px !important;
min-height: 29px !important;
padding: 0.18rem 0.54rem !important;
padding: 0.18rem 0.54rem !important;
원본 주소 "https://pvzkrwiki.com/index.php/미디어위키:Gadget-CreatePageUw.css"