미디어위키:Gadget-Vector.css: 두 판 사이의 차이
식물 vs 좀비 위키
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* Vector 2010 Legacy 인터페이스 디자인 | /* Vector 2010 Legacy 인터페이스 디자인 | ||
* 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt | * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt | ||
* | * v37: 고정 전체 화면 배경·검색 버튼 단색 문법 통합 | ||
*/ | */ | ||
/* ========================= | /* ========================= | ||
전역 고정 배경 | |||
========================= */ | ========================= */ | ||
html { | |||
min-height: 100% !important; | |||
background-color: #f5ead7 !important; | |||
} | } | ||
.skin-vector-legacy | body.skin-vector-legacy { | ||
position: relative !important; | |||
min-height: 100vh !important; | |||
margin: 0 !important; | |||
isolation: isolate; | |||
background: transparent !important; | |||
margin | |||
background: | |||
background-image: none !important; | background-image: none !important; | ||
} | } | ||
.skin-vector-legacy # | body.skin-vector-legacy::before { | ||
.skin-vector-legacy # | content: ""; | ||
position: fixed; | |||
inset: 0; | |||
z-index: -1; | |||
display: block; | |||
width: 100vw; | |||
height: 100vh; | |||
pointer-events: none; | |||
background-color: #f5ead7; | |||
background-image: | |||
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png"); | |||
background-position: center center; | |||
background-repeat: no-repeat; | |||
background-size: cover; | |||
} | |||
.skin-vector-legacy #mw-page-base, | |||
.skin-vector-legacy #mw-head-base { | |||
background: transparent !important; | |||
background-image: none !important; | |||
} | |||
html.skin-theme-clientpref-night body.skin-vector-legacy::before, | |||
html[data-color-mode="dark"] body.skin-vector-legacy::before, | |||
body.skin-theme-clientpref-night.skin-vector-legacy::before, | |||
body[data-color-mode="dark"].skin-vector-legacy::before { | |||
background-color: #201913; | |||
background-image: | |||
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png"); | |||
} | } | ||
.skin-vector-legacy | @media (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os body.skin-vector-legacy::before, | |||
body.skin-theme-clientpref-os.skin-vector-legacy::before, | |||
html:not(.skin-theme-clientpref-day) body.skin-vector-legacy::before { | |||
background-color: #201913; | |||
background-image: | |||
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png"); | |||
} | |||
} | } | ||
.skin-vector-legacy | html.skin-theme-clientpref-day body.skin-vector-legacy::before, | ||
html[data-color-mode="light"] body.skin-vector-legacy::before, | |||
body.skin-theme-clientpref-day.skin-vector-legacy::before, | |||
body[data-color-mode="light"].skin-vector-legacy::before { | |||
background-color: #f5ead7; | |||
background-image: | |||
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png"); | |||
} | } | ||
.skin-vector-legacy #p-namespaces | /* ========================= | ||
.skin-vector-legacy #p-views | 액션바 전체 디자인 | ||
.skin-vector-legacy #p-cactions | ========================= */ | ||
.skin-vector-legacy #p-namespaces, | |||
.skin-vector-legacy #p-views, | |||
.skin-vector-legacy #p-cactions { | |||
margin: 0; | margin: 0; | ||
background: none !important; | background: none !important; | ||
transform: none !important; | |||
} | } | ||
.skin-vector-legacy #p-namespaces | .skin-vector-legacy #p-namespaces .vector-menu-content, | ||
.skin-vector-legacy #p-views | .skin-vector-legacy #p-views .vector-menu-content, | ||
.skin-vector-legacy #p-cactions- | .skin-vector-legacy #p-cactions .vector-menu-content, | ||
.skin-vector-legacy #p-namespaces .vector-menu-content-list, | |||
.skin-vector-legacy #p-views .vector-menu-content-list, | |||
.skin-vector-legacy #p-cactions .vector-menu-content-list { | |||
top: 0 !important; | |||
margin-top: 0 !important; | |||
background: none !important; | |||
background: | |||
background-image: none !important; | background-image: none !important; | ||
border: 0 !important; | |||
box-shadow: none !important; | |||
transform: none !important; | |||
} | |||
.skin-vector-legacy #p-namespaces .vector-menu-content-list, | |||
.skin-vector-legacy #p-views .vector-menu-content-list { | |||
display: flex; | |||
align-items: flex-end; | |||
gap: 3px; | |||
} | } | ||
.skin-vector-legacy #p-namespaces | .skin-vector-legacy #p-namespaces { | ||
margin-left: 18px !important; | |||
} | } | ||
.skin-vector-legacy #p-cactions | .skin-vector-legacy #p-cactions { | ||
margin-left: 4px; | |||
} | } | ||
.skin-vector-legacy #p-cactions | .skin-vector-legacy #p-namespaces li, | ||
position: | .skin-vector-legacy #p-views li, | ||
.skin-vector-legacy #p-cactions li { | |||
position: relative; | |||
margin: 0; | |||
padding: 0; | |||
border: 0; | |||
background: none !important; | |||
background-image: none !important; | |||
} | } | ||
.skin-vector-legacy #p-namespaces li | .skin-vector-legacy #p-namespaces li > a, | ||
.skin-vector-legacy #p-views li | .skin-vector-legacy #p-views li > a, | ||
.skin-vector-legacy #p-cactions-label { | |||
height: | position: relative !important; | ||
min-height: | display: inline-flex; | ||
padding- | align-items: center; | ||
justify-content: center; | |||
background: | gap: 2px; | ||
color: # | height: 36px !important; | ||
min-height: 36px !important; | |||
margin: 0; | |||
padding: 7px 12px 6px !important; | |||
border: 3px solid #5c1f06; | |||
border-radius: 10px 10px 0 0; | |||
box-sizing: border-box; | |||
. | background: #783b24 !important; | ||
background-image: none !important; | |||
color: #eee9e6 !important; | |||
font-family: | |||
"SB Aggro M", | |||
"SB 어그로 M", | |||
"SB Aggro", | |||
"SB 어그로", | |||
sans-serif !important; | |||
font-size: 0.74rem; | |||
font-weight: 500; | |||
line-height: 1; | |||
text-decoration: none; | text-decoration: none; | ||
text-shadow: | |||
#5c1f06 2px 0 0, | |||
. | #5c1f06 1.75517px 0.958851px 0, | ||
. | #5c1f06 1.0806px 1.68294px 0, | ||
. | #5c1f06 0.141474px 1.99499px 0, | ||
. | #5c1f06 -0.832294px 1.81859px 0, | ||
#5c1f06 -1.60229px 1.19694px 0, | |||
#5c1f06 -1.97999px 0.28224px 0, | |||
#5c1f06 -1.87291px -0.701566px 0, | |||
#5c1f06 -1.30729px -1.51361px 0, | |||
#5c1f06 -0.421592px -1.95506px 0, | |||
#5c1f06 0.567324px -1.91785px 0, | |||
#5c1f06 1.41734px -1.41108px 0, | |||
#5c1f06 1.92034px -0.558831px 0; | |||
box-shadow: | |||
inset 0 2px 0 #985d43, | |||
inset 0 -3px 0 #552515; | |||
transition: | |||
height 140ms ease, | |||
padding 140ms ease, | |||
filter 120ms ease, | |||
background-color 120ms ease; | |||
} | |||
.skin-vector-legacy #p-namespaces li > a, | .skin-vector-legacy #p-namespaces li > a, | ||
.skin-vector-legacy #p-views li > a | .skin-vector-legacy #p-views li > a { | ||
top: 0 !important; | |||
} | } | ||
.skin-vector-legacy #p-cactions-label { | |||
top: 7px !important; | |||
.skin-vector-legacy # | min-width: 36px; | ||
cursor: pointer; | |||
width: | |||
} | } | ||
.skin-vector-legacy # | .skin-vector-legacy #p-cactions-label span { | ||
position: static !important; | |||
top: auto !important; | |||
display: block; | |||
margin: 0 !important; | |||
color: inherit !important; | |||
font: inherit; | |||
text-shadow: inherit; | |||
transform: none !important; | |||
} | } | ||
.skin-vector-legacy # | .skin-vector-legacy #p-namespaces li.selected > a, | ||
.skin-vector-legacy #p-views li.selected > a { | |||
z-index: 2; | |||
height: 43px !important; | |||
.skin-vector-legacy # | min-height: 43px !important; | ||
background- | padding-top: 10px !important; | ||
padding-bottom: 7px !important; | |||
background: #b1837c !important; | |||
color: #ffffff !important; | |||
box-shadow: | |||
inset 0 2px 0 #cfa392, | |||
inset 0 -3px 0 #8a5c56; | |||
} | } | ||
.skin-vector-legacy # | .skin-vector-legacy #p-namespaces li > a:hover, | ||
.skin-vector-legacy #p-views li > a:hover, | |||
.skin-vector-legacy #p-cactions-label:hover { | |||
filter: brightness(1.08); | |||
text-decoration: none; | |||
} | } | ||
.skin-vector-legacy # | .skin-vector-legacy #p-namespaces li, | ||
background-image: | .skin-vector-legacy #p-views li, | ||
.skin-vector-legacy #p-namespaces li.selected, | |||
.skin-vector-legacy #p-views li.selected, | |||
.skin-vector-legacy #p-namespaces li > a, | |||
.skin-vector-legacy #p-views li > a, | |||
.skin-vector-legacy #p-cactions-label, | |||
.skin-vector-legacy #p-cactions-label span { | |||
background-image: none !important; | |||
} | } | ||
/* 주시 버튼 */ | /* 액션바 SVG 아이콘 */ | ||
.skin-vector-legacy #ca-watch > a, | .skin-vector-legacy #ca-nstab-main > a::before, | ||
.skin-vector-legacy #ca-unwatch > a, | .skin-vector-legacy #ca-talk > a::before, | ||
.skin-vector-legacy li.mw-watchlink > a, | .skin-vector-legacy #ca-view > a::before, | ||
.skin-vector-legacy #ca-edit > a::before, | |||
.skin-vector-legacy #ca-history > a::before { | |||
content: ""; | |||
display: block; | |||
flex: 0 0 14px; | |||
width: 14px; | |||
height: 14px; | |||
margin-right: 0; | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
background-size: contain; | |||
} | |||
.skin-vector-legacy #ca-nstab-main > a::before { | |||
background-image: url("/wiki/Special:Redirect/file/Actionbar-document.svg"); | |||
} | |||
.skin-vector-legacy #ca-talk > a::before { | |||
background-image: url("/wiki/Special:Redirect/file/Actionbar-talk.svg"); | |||
} | |||
.skin-vector-legacy #ca-view > a::before { | |||
background-image: url("/wiki/Special:Redirect/file/Actionbar-read.svg"); | |||
} | |||
.skin-vector-legacy #ca-edit > a::before { | |||
background-image: url("/wiki/Special:Redirect/file/Actionbar-edit.svg"); | |||
} | |||
.skin-vector-legacy #ca-history > a::before { | |||
background-image: url("/wiki/Special:Redirect/file/Actionbar-history.svg"); | |||
} | |||
/* 주시 버튼 */ | |||
.skin-vector-legacy #ca-watch > a, | |||
.skin-vector-legacy #ca-unwatch > a, | |||
.skin-vector-legacy li.mw-watchlink > a, | |||
.skin-vector-legacy a.mw-watchlink { | .skin-vector-legacy a.mw-watchlink { | ||
position: relative !important; | position: relative !important; | ||
| 747번째 줄: | 817번째 줄: | ||
border-left: 2px solid #0b5432 !important; | border-left: 2px solid #0b5432 !important; | ||
border-radius: 0 !important; | border-radius: 0 !important; | ||
background: | background: #106a40 !important; | ||
background-color: #106a40 !important; | |||
background-image: none !important; | |||
background-image: | |||
linear-gradient( | linear-gradient( | ||
180deg, | 180deg, | ||
| 774번째 줄: | 840번째 줄: | ||
.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: | background: #106a40 !important; | ||
background-color: #106a40 !important; | |||
background-image: none !important; | |||
background-image: | |||
linear-gradient( | linear-gradient( | ||
180deg, | 180deg, | ||
| 905번째 줄: | 967번째 줄: | ||
-webkit-appearance: none !important; | -webkit-appearance: none !important; | ||
appearance: none !important; | appearance: none !important; | ||
background-color: #0a5230 !important; | |||
background-origin: border-box !important; | |||
background-clip: border-box !important; | background-clip: border-box !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
| 939번째 줄: | 987번째 줄: | ||
.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; | |||
box-shadow: none !important; | |||
filter: none !important; | |||
} | |||
filter: none !important; | |||
} | |||
.skin-vector-legacy #pvz-content-search .pvz-search-button-icon { | .skin-vector-legacy #pvz-content-search .pvz-search-button-icon { | ||
top: -1px !important; | top: -1px !important; | ||
| 996번째 줄: | 1,030번째 줄: | ||
.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; | |||
border-left-color: #347536 !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: #64b65a !important; | |||
} | } | ||
| 1,320번째 줄: | 1,326번째 줄: | ||
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) { | .skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) { | ||
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; | |||
} | |||
} | |||
.skin-vector-legacy #pvz-content-search .pvz-search-button-icon::before { | .skin-vector-legacy #pvz-content-search .pvz-search-button-icon::before { | ||
width: 24px !important; | width: 24px !important; | ||
| 2,418번째 줄: | 2,396번째 줄: | ||
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) { | .skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) { | ||
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; | |||
} | } | ||
| 2,526번째 줄: | 2,476번째 줄: | ||
.skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) { | .skin-vector-legacy #pvz-content-search .searchButton:not(#mw-searchButton) { | ||
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; | |||
} | |||
} | |||
/* 보조창 글자의 밝은 그림자 제거 */ | /* 보조창 글자의 밝은 그림자 제거 */ | ||
.skin-vector-legacy #mw-panel, | .skin-vector-legacy #mw-panel, | ||
| 2,675번째 줄: | 2,597번째 줄: | ||
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) { | #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) { | ||
border-left: 2px solid #00661f !important; | border-left: 2px solid #00661f !important; | ||
background-color: #009432 !important; | |||
box-shadow: none !important; | |||
filter: none !important; | filter: none !important; | ||
} | } | ||
| 2,698번째 줄: | 2,608번째 줄: | ||
#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; | |||
} | } | ||
| 2,870번째 줄: | 2,768번째 줄: | ||
padding: 0.35rem !important; | padding: 0.35rem !important; | ||
overflow: visible !important; | overflow: visible !important; | ||
border: | border: 1.5px solid #c79a4a !important; | ||
border-radius: 11px !important; | border-radius: 11px !important; | ||
background: rgba(255, 255, 255, 0.98) !important; | background: rgba(255, 255, 255, 0.98) !important; | ||
| 2,909번째 줄: | 2,807번째 줄: | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0.48rem 0.65rem !important; | padding: 0.48rem 0.65rem !important; | ||
border: | border: 0 !important; | ||
border-radius: 8px !important; | border-radius: 8px !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
| 2,933번째 줄: | 2,831번째 줄: | ||
.skin-vector-legacy #p-cactions .vector-menu-content li > a:hover, | .skin-vector-legacy #p-cactions .vector-menu-content li > a:hover, | ||
#p-cactions .vector-menu-content li > a:hover { | #p-cactions .vector-menu-content li > a:hover { | ||
border | border: 0 !important; | ||
background: #fff8e9 !important; | background: #fff8e9 !important; | ||
color: #5e321e !important; | color: #5e321e !important; | ||
| 2,946번째 줄: | 2,844번째 줄: | ||
html { | html { | ||
--pvz-content-top-v34: 24px; | --pvz-content-top-v34: 24px; | ||
--pvz-compact-search-width: | --pvz-compact-search-width: 205px; | ||
--pvz-search-down-offset: 5px; | --pvz-search-down-offset: 5px; | ||
} | } | ||
| 3,000번째 줄: | 2,898번째 줄: | ||
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) { | #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) { | ||
border-left-color: #0b5432 !important; | border-left-color: #0b5432 !important; | ||
background-color: #106a40 !important; | |||
} | } | ||
| 3,011번째 줄: | 2,907번째 줄: | ||
#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; | |||
} | } | ||
| 3,020번째 줄: | 2,914번째 줄: | ||
.skin-vector-legacy #mw-panel #p-logo, | .skin-vector-legacy #mw-panel #p-logo, | ||
#mw-panel #p-logo { | #mw-panel #p-logo { | ||
height: | height: 66px !important; | ||
min-height: 0 !important; | min-height: 0 !important; | ||
max-height: | max-height: 66px !important; | ||
margin-bottom: 0.72rem !important; | margin-bottom: 0.72rem !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| 3,034번째 줄: | 2,928번째 줄: | ||
#mw-panel #p-logo .mw-wiki-logo { | #mw-panel #p-logo .mw-wiki-logo { | ||
width: 100% !important; | width: 100% !important; | ||
height: | height: 66px !important; | ||
min-height: 0 !important; | min-height: 0 !important; | ||
max-height: | max-height: 66px !important; | ||
aspect-ratio: auto !important; | aspect-ratio: auto !important; | ||
background-size: contain !important; | background-size: contain !important; | ||
| 3,045번째 줄: | 2,939번째 줄: | ||
#mw-panel #p-logo img { | #mw-panel #p-logo img { | ||
width: 100% !important; | width: 100% !important; | ||
height: | height: 66px !important; | ||
min-height: 0 !important; | min-height: 0 !important; | ||
max-height: | max-height: 66px !important; | ||
object-fit: contain !important; | object-fit: contain !important; | ||
} | } | ||
