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

식물 vs 좀비 위키
← 이전 편집다음 편집 →
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
385 편집
편집 요약 없음
편집 요약 없음
54번째 줄: 54번째 줄:
padding: 0 !important;
padding: 0 !important;
border: 0 !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
outline: 0 !important;
background: transparent !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
box-shadow: none !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
90번째 줄: 88번째 줄:




/* OOUI 입력창 바깥 디자인 제거 */
/* 커스텀 입력창 외곽 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input-widget,
.pvz-createpage-input-widget,
body.mw-special-CreatePage
.pvz-createpage-input-widget.oo-ui-inputWidget,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input-widget.oo-ui-textInputWidget,
.pvz-createpage-input-widget.oo-ui-textInputWidget,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input-widget.oo-ui-widget-enabled,
.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;
display: block !important;
position: relative !important;
width: 100% !important;
width: 100% !important;
max-width: 700px !important;
max-width: 700px !important;
109번째 줄: 104번째 줄:
margin: 0 auto !important;
margin: 0 auto !important;
padding: 0 !important;
padding: 0 !important;
border: 0 !important;
border: 1px solid #aaa9a5 !important;
border-radius: 0 !important;
border-radius: 19px !important;
outline: 0 !important;
outline: 0 !important;
background: transparent !important;
background: #fffdf7 !important;
background-color: transparent !important;
background-color: #fffdf7 !important;
background-image: none !important;
background-image: none !important;
box-shadow: none !important;
box-shadow:
inset 0 1px 3px
rgba(55, 45, 35, 0.06) !important;
overflow: hidden !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
transition:
border-color 0.14s ease,
box-shadow 0.14s ease,
background-color 0.14s ease !important;
}
}


/* OOUI 기본 장식 제거 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input-widget::before,
.pvz-createpage-input-widget::before,
137번째 줄: 141번째 줄:




/* 커스텀 문서명 입력창 */
/* 실제 입력 요소 디자인 완전 제거 */
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input-widget
#mw-input-wptitle,
#mw-input-wptitle,
body.mw-special-CreatePage
body.mw-special-CreatePage
#mw-input-wptitle.oo-ui-inputWidget-input,
.pvz-createpage-input-widget
.pvz-createpage-input,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input {
.pvz-createpage-input-widget
.oo-ui-inputWidget-input {
-webkit-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
appearance: none !important;
150번째 줄: 157번째 줄:
z-index: 1 !important;
z-index: 1 !important;
width: 100% !important;
width: 100% !important;
max-width: 700px !important;
max-width: none !important;
min-width: 0 !important;
min-width: 0 !important;
min-height: 48px !important;
min-height: 48px !important;
margin: 0 auto !important;
margin: 0 !important;
padding: 0.72rem 1rem !important;
padding: 0.72rem 1rem !important;
border: 1px solid #aaa9a5 !important;
border: 0 !important;
border-radius: 19px !important;
border-radius: 0 !important;
outline: 0 !important;
outline: 0 !important;
background: #fffdf7 !important;
background: transparent !important;
background-color: #fffdf7 !important;
background-color: transparent !important;
background-image: none !important;
background-image: none !important;
box-shadow:
box-shadow: none !important;
inset 0 1px 3px
rgba(55, 45, 35, 0.06) !important;
color: #493b31 !important;
color: #493b31 !important;
caret-color: #4a8b3b !important;
caret-color: #4a8b3b !important;
186번째 줄: 191번째 줄:
box-sizing: border-box !important;
box-sizing: border-box !important;
cursor: text !important;
cursor: text !important;
transition:
border-color 0.14s ease,
box-shadow 0.14s ease,
background-color 0.14s ease !important;
}
}


215번째 줄: 216번째 줄:
/* 입력창 마우스 올림 */
/* 입력창 마우스 올림 */
body.mw-special-CreatePage
body.mw-special-CreatePage
#mw-input-wptitle:hover,
.pvz-createpage-input-widget:hover {
body.mw-special-CreatePage
border-color: #8f8f8b !important;
.pvz-createpage-input:hover {
border-color: #92928e !important;
background: #fffefa !important;
background: #fffefa !important;
box-shadow:
box-shadow:
227번째 줄: 226번째 줄:


/* 입력창 선택 */
/* 입력창 선택 */
body.mw-special-CreatePage
.pvz-createpage-input-widget:focus-within {
border-color: #4a8b3b !important;
background: #ffffff !important;
box-shadow:
0 0 0 1px #4a8b3b,
inset 0 1px 3px
rgba(55, 45, 35, 0.04) !important;
}
/* 입력 요소 자체 포커스 효과 제거 */
body.mw-special-CreatePage
body.mw-special-CreatePage
#mw-input-wptitle:focus,
#mw-input-wptitle:focus,
235번째 줄: 246번째 줄:
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input:focus-visible {
.pvz-createpage-input:focus-visible {
border-color: #4a8b3b !important;
border: 0 !important;
outline: 0 !important;
outline: 0 !important;
background: #ffffff !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
box-shadow:
0 0 0 1px #4a8b3b,
inset 0 1px 3px
rgba(55, 45, 35, 0.04) !important;
}
}




/* 자동 완성 색상 제거 */
/* 자동 완성 디자인 제거 */
body.mw-special-CreatePage
body.mw-special-CreatePage
#mw-input-wptitle:-webkit-autofill,
#mw-input-wptitle:-webkit-autofill,
255번째 줄: 262번째 줄:
-webkit-text-fill-color: #493b31 !important;
-webkit-text-fill-color: #493b31 !important;
caret-color: #4a8b3b !important;
caret-color: #4a8b3b !important;
border-color: #4a8b3b !important;
border: 0 !important;
box-shadow:
box-shadow:
inset 0 0 0 1000px #ffffff,
inset 0 0 0 1000px
0 0 0 1px #4a8b3b !important;
#fffdf7 !important;
}
}


302번째 줄: 309번째 줄:
width: max-content !important;
width: max-content !important;
max-width: 100% !important;
max-width: 100% !important;
margin: 0.65rem auto 0 !important;
margin: 0.75rem auto 0 !important;
padding: 0 !important;
padding: 0 !important;
border: 0 !important;
border: 0 !important;
327번째 줄: 334번째 줄:
justify-content: center !important;
justify-content: center !important;
width: auto !important;
width: auto !important;
min-width: 0 !important;
min-width: 74px !important;
min-height: 30px !important;
min-height: 36px !important;
margin: 0 !important;
margin: 0 !important;
padding: 0.2rem 0.58rem !important;
padding: 0.34rem 0.82rem !important;
border: 2px solid #173f1d !important;
border: 2px solid #173f1d !important;
border-radius: 11px !important;
border-radius: 12px !important;
outline: 0 !important;
outline: 0 !important;
background:
background:
linear-gradient(
linear-gradient(
180deg,
180deg,
#70b758 0%,
#76bd5d 0%,
#559c43 100%
#5ca349 100%
) !important;
) !important;
background-color: #5ca249 !important;
background-color: #61a84d !important;
background-image:
background-image:
linear-gradient(
linear-gradient(
180deg,
180deg,
#70b758 0%,
#76bd5d 0%,
#559c43 100%
#5ca349 100%
) !important;
) !important;
box-shadow:
box-shadow:
inset 0 2px 0
rgba(255, 255, 235, 0.42),
inset 0 -2px 0
inset 0 -2px 0
rgba(26, 69, 29, 0.35),
rgba(26, 69, 29, 0.36),
0 2px 4px
0 2px 5px
rgba(44, 81, 38, 0.14) !important;
rgba(44, 81, 38, 0.16) !important;
color: #fffbed !important;
color: #fffbed !important;
text-shadow:
text-shadow:
384번째 줄: 393번째 줄:
"Noto Sans KR",
"Noto Sans KR",
sans-serif !important;
sans-serif !important;
font-size: 0.88rem !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
font-weight: 500 !important;
line-height: 1.15 !important;
line-height: 1.15 !important;
423번째 줄: 432번째 줄:
linear-gradient(
linear-gradient(
180deg,
180deg,
#62a94d 0%,
#68ad52 0%,
#47883a 100%
#4d913e 100%
) !important;
background-color: #4f9140 !important;
background-image:
linear-gradient(
180deg,
#62a94d 0%,
#47883a 100%
) !important;
) !important;
background-color: #559943 !important;
box-shadow:
box-shadow:
inset 0 2px 0
rgba(255, 255, 235, 0.34),
inset 0 -2px 0
inset 0 -2px 0
rgba(20, 59, 24, 0.4),
rgba(20, 59, 24, 0.42),
0 2px 4px
0 2px 5px
rgba(38, 73, 33, 0.16) !important;
rgba(38, 73, 33, 0.17) !important;
transform: none !important;
transform: none !important;
filter: none !important;
filter: none !important;
458번째 줄: 463번째 줄:
) !important;
) !important;
background-color: #468338 !important;
background-color: #468338 !important;
background-image:
linear-gradient(
180deg,
#559b43 0%,
#3f7d34 100%
) !important;
box-shadow:
box-shadow:
inset 0 1px 0
rgba(255, 255, 235, 0.2),
inset 0 2px 3px
inset 0 2px 3px
rgba(18, 53, 22, 0.34) !important;
rgba(18, 53, 22, 0.34) !important;
486번째 줄: 487번째 줄:
0 0 0 3px
0 0 0 3px
rgba(74, 139, 59, 0.22),
rgba(74, 139, 59, 0.22),
inset 0 2px 0
rgba(255, 255, 235, 0.42),
inset 0 -2px 0
inset 0 -2px 0
rgba(26, 69, 29, 0.35) !important;
rgba(26, 69, 29, 0.36) !important;
}
 
 
/* 비활성화된 제출 버튼 */
body.mw-special-CreatePage
.pvz-createpage-submit-button:disabled,
body.mw-special-CreatePage
.mw-htmlform input[type="submit"]:disabled,
body.mw-special-CreatePage
.mw-htmlform button[type="submit"]:disabled {
opacity: 0.55 !important;
cursor: default !important;
}
}


500번째 줄: 515번째 줄:


body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-sprout img {
.pvz-createpage-sprout img {
width: 78px !important;
width: 78px !important;
max-width: 78px !important;
max-width: 78px !important;
506번째 줄: 521번째 줄:


body.mw-special-CreatePage
body.mw-special-CreatePage
#mw-input-wptitle,
.pvz-createpage-input-widget {
border-radius: 17px !important;
}
 
body.mw-special-CreatePage
.pvz-createpage-input-widget
#mw-input-wptitle,
body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-input {
.pvz-createpage-input-widget
.pvz-createpage-input {
min-height: 44px !important;
min-height: 44px !important;
padding: 0.68rem 0.9rem !important;
padding: 0.68rem 0.9rem !important;
border-radius: 17px !important;
font-size: 0.93rem !important;
font-size: 0.93rem !important;
}
}


body.mw-special-CreatePage
body.mw-special-CreatePage
.pvz-createpage-submit-button,
.pvz-createpage-submit-button,
body.mw-special-CreatePage
body.mw-special-CreatePage
.mw-htmlform input[type="submit"],
.mw-htmlform input[type="submit"],
body.mw-special-CreatePage
body.mw-special-CreatePage
.mw-htmlform button[type="submit"] {
.mw-htmlform button[type="submit"] {
min-height: 29px !important;
min-width: 70px !important;
padding: 0.18rem 0.54rem !important;
min-height: 34px !important;
border-radius: 10px !important;
padding: 0.3rem 0.74rem !important;
font-size: 0.84rem !important;
border-radius: 11px !important;
font-size: 0.88rem !important;
}
}
}
}
원본 주소 "https://pvzkrwiki.com/index.php/미디어위키:Gadget-CreatePageUw.css"