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

식물 vs 좀비 위키
← 이전 편집다음 편집 →
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
423 편집
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* Vector 2010 Legacy 인터페이스 디자인
/* Vector 2010 Legacy 인터페이스 디자인
  * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
  * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
  * v37: 고정 전체 화면 배경·검색 버튼 단색 문법 통합
  * v38: 최하단창 통합 디자인·하단 공백 제거·검색 버튼 단색 강제
  */
  */


806번째 줄: 806번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
position: relative !important;
position: relative !important;
z-index: 2;
z-index: 2;
817번째 줄: 820번째 줄:
border-left: 2px solid #0b5432 !important;
border-left: 2px solid #0b5432 !important;
border-radius: 0 !important;
border-radius: 0 !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-color: #106a40 !important;
color: transparent !important;
background-image: none !important;
background-image:
linear-gradient(
180deg,
#177447 0%,
#106a40 54%,
#0d6039 100%
) !important;
color: transparent !important;
font-size: 0 !important;
font-size: 0 !important;
text-indent: -9999px !important;
text-indent: -9999px !important;
843번째 줄: 837번째 줄:
background-color: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
background-image: none !important;
background-image:
background-color: #106a40 !important;
linear-gradient(
filter: none !important;
180deg,
#146c42 0%,
#0e623b 54%,
#0b5734 100%
) !important;
filter: none !important;
}
}


949번째 줄: 937번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
position: absolute !important;
position: absolute !important;
top: -1px !important;
top: -1px !important;
967번째 줄: 958번째 줄:
-webkit-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
appearance: none !important;
background-color: #0a5230 !important;
background-origin: border-box !important;
background-origin: border-box !important;
background-clip: border-box !important;
background-clip: border-box !important;
987번째 줄: 977번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
background-color: #084a2b !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
box-shadow: none !important;
box-shadow: none !important;
filter: none !important;
filter: none !important;
1,030번째 줄: 1,022번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
background-color: #58a94f !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
border-left-color: #347536 !important;
border-left-color: #347536 !important;
}
}
1,036번째 줄: 1,030번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
background-color: #64b65a !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


1,061번째 줄: 1,057번째 줄:
) !important;
) !important;
}
}
/* =========================
  최하단창
  ========================= */


.skin-vector-legacy #footer {
.skin-vector-legacy #footer {
margin-top: 5rem !important;
position: relative !important;
margin-right: calc(
isolation: isolate;
var(--pvz-side-panel-width) +
display: flow-root;
var(--pvz-side-panel-edge) +
width: auto !important;
0.75rem
max-width: none !important;
) !important;
margin:
5rem
var(--pvz-layout-edge-gap, 1rem)
0
calc(
var(--pvz-layout-edge-gap, 1rem) +
var(--pvz-side-panel-width, 10.4rem) +
var(--pvz-layout-edge-gap, 1rem)
) !important;
padding:
calc(1rem + 15px)
calc(1.2rem + 15px)
1rem !important;
border: 15px solid #5b1f09 !important;
border-bottom: 0 !important;
border-radius: 30px 30px 0 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
background: #e6d2b2 !important;
background-image: none !important;
box-shadow: none !important;
color: #4b3328 !important;
}
 
.skin-vector-legacy #footer::before {
content: "";
position: absolute;
inset: 15px 15px 0;
z-index: -1;
display: block;
border-radius: 18px 18px 0 0;
background: #fffae9;
pointer-events: none;
}
 
.skin-vector-legacy #footer ul,
.skin-vector-legacy #footer li {
position: relative;
z-index: 1;
margin-bottom: 0 !important;
}
 
.skin-vector-legacy #footer a {
color: #75462d !important;
text-shadow: none !important;
}
 
html,
body.skin-vector-legacy {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}


1,325번째 줄: 1,376번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
border-left-color: #356f36 !important;
border-left-color: #356f36 !important;
background-color: #479745 !important;
}
}


.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
background-color: #51a24e !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


1,353번째 줄: 1,408번째 줄:
html:not(.pvz-width-wide) .skin-vector-legacy .mw-body {
html:not(.pvz-width-wide) .skin-vector-legacy .mw-body {
width: auto !important;
width: auto !important;
margin-left: calc(
var(--pvz-side-panel-width) +
var(--pvz-side-panel-gap)
) !important;
margin-right: calc(
var(--pvz-side-panel-width) +
var(--pvz-side-panel-gap)
) !important;
}
html:not(.pvz-width-wide) .skin-vector-legacy #footer {
margin-left: calc(
margin-left: calc(
var(--pvz-side-panel-width) +
var(--pvz-side-panel-width) +
1,392번째 줄: 1,436번째 줄:
html.pvz-width-wide .skin-vector-legacy .mw-body {
html.pvz-width-wide .skin-vector-legacy .mw-body {
width: auto !important;
width: auto !important;
margin-left: var(--pvz-wide-content-gap) !important;
margin-right: var(--pvz-wide-content-gap) !important;
}
html.pvz-width-wide .skin-vector-legacy #footer {
margin-left: var(--pvz-wide-content-gap) !important;
margin-left: var(--pvz-wide-content-gap) !important;
margin-right: var(--pvz-wide-content-gap) !important;
margin-right: var(--pvz-wide-content-gap) !important;
1,772번째 줄: 1,811번째 줄:
.skin-vector-legacy .mw-body {
.skin-vector-legacy .mw-body {
width: auto !important;
width: auto !important;
margin-left: 10em !important;
margin-right: 0 !important;
}
.skin-vector-legacy #footer {
margin-left: 10em !important;
margin-left: 10em !important;
margin-right: 0 !important;
margin-right: 0 !important;
2,187번째 줄: 2,221번째 줄:
.skin-vector-legacy .mw-body {
.skin-vector-legacy .mw-body {
width: auto !important;
width: auto !important;
margin-left: 10em !important;
margin-right: 0.55rem !important;
}
.skin-vector-legacy #footer {
margin-left: 10em !important;
margin-left: 10em !important;
margin-right: 0.55rem !important;
margin-right: 0.55rem !important;
2,298번째 줄: 2,327번째 줄:
margin-right: 0 !important;
margin-right: 0 !important;
}
}
.skin-vector-legacy #footer {
margin-right: 0 !important;
}


/* =========================
/* =========================
2,322번째 줄: 2,346번째 줄:
}
}


html:not(.pvz-width-wide) .skin-vector-legacy #footer {
/* 왼쪽 보조창을 화면 위쪽 가까이 올리고 양옆 바깥 여백 확대 */
margin-left: 11.1rem !important;
margin-right: 0.2rem !important;
}
 
/* 왼쪽 보조창을 화면 위쪽 가까이 올리고 양옆 바깥 여백 확대 */
.skin-vector-legacy #mw-panel {
.skin-vector-legacy #mw-panel {
top: 7px !important;
top: 7px !important;
2,362번째 줄: 2,381번째 줄:
width: auto !important;
width: auto !important;
max-width: none !important;
max-width: none !important;
margin-left: calc(
var(--pvz-layout-edge-gap) +
var(--pvz-side-panel-width) +
var(--pvz-layout-edge-gap)
) !important;
margin-right: var(--pvz-layout-edge-gap) !important;
}
html:not(.pvz-width-wide) .skin-vector-legacy #footer {
margin-left: calc(
margin-left: calc(
var(--pvz-layout-edge-gap) +
var(--pvz-layout-edge-gap) +
2,395번째 줄: 2,405번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
border-left-color: #214f2f !important;
border-left-color: #214f2f !important;
background-color: #327334 !important;
}
}


.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
background-color: #397d3b !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


2,435번째 줄: 2,449번째 줄:
width: auto !important;
width: auto !important;
max-width: none !important;
max-width: none !important;
margin-left: calc(
var(--pvz-layout-edge-gap) +
var(--pvz-side-panel-width) +
var(--pvz-layout-edge-gap)
) !important;
margin-right: var(--pvz-layout-edge-gap) !important;
}
html:not(.pvz-width-wide) .skin-vector-legacy #footer {
margin-left: calc(
margin-left: calc(
var(--pvz-layout-edge-gap) +
var(--pvz-layout-edge-gap) +
2,475번째 줄: 2,480번째 줄:
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search #searchButton,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
border-left-color: #075f25 !important;
border-left-color: #075f25 !important;
background-color: #07852e !important;
}
}


.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search #searchButton:hover,
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton):hover {
background-color: #0b9435 !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


2,527번째 줄: 2,536번째 줄:
width: auto !important;
width: auto !important;
max-width: none !important;
max-width: none !important;
margin-left: calc(
var(--pvz-layout-edge-gap) +
var(--pvz-side-panel-width) +
var(--pvz-layout-edge-gap)
) !important;
margin-right: var(--pvz-layout-edge-gap) !important;
}
body.skin-vector-legacy #footer,
.skin-vector-legacy #footer {
margin-left: calc(
margin-left: calc(
var(--pvz-layout-edge-gap) +
var(--pvz-layout-edge-gap) +
2,596번째 줄: 2,595번째 줄:
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
border-left: 2px solid #00661f !important;
border-left: 2px solid #00661f !important;
background-color: #009432 !important;
box-shadow: none !important;
box-shadow: none !important;
filter: none !important;
filter: none !important;
2,608번째 줄: 2,609번째 줄:
#pvz-content-search #simpleSearch #searchButton:hover,
#pvz-content-search #simpleSearch #searchButton:hover,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
background-color: #00a23a !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


2,657번째 줄: 2,660번째 줄:
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
overflow: hidden !important;
overflow: hidden !important;
box-shadow:
box-shadow:
2,739번째 줄: 2,745번째 줄:
#pvz-content-search #searchButton,
#pvz-content-search #searchButton,
#pvz-content-search .searchButton:not(#mw-searchButton) {
#pvz-content-search .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
flex-basis: 34px !important;
flex-basis: 34px !important;
width: 34px !important;
width: 34px !important;
2,764번째 줄: 2,773번째 줄:
right: 0 !important;
right: 0 !important;
left: auto !important;
left: auto !important;
min-width: 150px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
margin: 0 !important;
padding: 0.35rem !important;
padding: 0.35rem !important;
2,897번째 줄: 2,909번째 줄:
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
border-left-color: #0b5432 !important;
border-left-color: #0b5432 !important;
background-color: #106a40 !important;
}
}


2,907번째 줄: 2,921번째 줄:
#pvz-content-search #simpleSearch #searchButton:hover,
#pvz-content-search #simpleSearch #searchButton:hover,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
background-color: #0d5b36 !important;
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
}


원본 주소 "https://pvzkrwiki.com/wiki/미디어위키:Gadget-Vector.css"