미디어위키: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
  * v35: 라이트·다크 배경 적용·검색바 확장·더보기 메뉴 테두리 정리
  * v36: 전체 화면 고정 배경·검색 버튼 단색화
  */
  */


3,156번째 줄: 3,156번째 줄:
#p-cactions .vector-menu-content li > a:hover {
#p-cactions .vector-menu-content li > a:hover {
border: 0 !important;
border: 0 !important;
}
/* =========================
  v36 최종 오버라이드
  ========================= */
/* 화면 최상단부터 전체 뷰포트를 항상 채우는 고정 배경 */
html {
min-height: 100% !important;
background-color: #f5ead7 !important;
background-image:
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-attachment: fixed !important;
}
body.skin-vector-legacy {
min-height: 100vh !important;
margin: 0 !important;
background-color: transparent !important;
background-image: none !important;
}
/* MediaWiki 다크 모드 */
html.skin-theme-clientpref-night,
html[data-color-mode="dark"] {
background-color: #201913 !important;
background-image:
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png") !important;
}
/* 운영체제 설정을 따르는 다크 모드 */
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os,
html:not(.skin-theme-clientpref-day) {
background-color: #201913 !important;
background-image:
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png") !important;
}
}
/* 라이트 모드를 명시적으로 선택한 경우 */
html.skin-theme-clientpref-day,
html[data-color-mode="light"] {
background-color: #f5ead7 !important;
background-image:
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png") !important;
}
/* 검색 버튼을 문서 제목과 같은 단색으로 고정 */
body.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton,
.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton),
#pvz-content-search #simpleSearch #searchButton,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton) {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
}
body.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
body.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
.skin-vector-legacy #pvz-content-search #simpleSearch #searchButton:hover,
.skin-vector-legacy #pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover,
#pvz-content-search #simpleSearch #searchButton:hover,
#pvz-content-search #simpleSearch .searchButton:not(#mw-searchButton):hover {
background: #106a40 !important;
background-color: #106a40 !important;
background-image: none !important;
filter: brightness(1.06) !important;
}
}