미디어위키: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 | ||
* | * v39: 더보기 재클릭 닫기·탄성 스크롤 배경 동기화 | ||
*/ | */ | ||
| 10번째 줄: | 10번째 줄: | ||
html { | html { | ||
--pvz-background-overscroll-y: 0px; | |||
min-height: 100% !important; | min-height: 100% !important; | ||
background-color: #f5ead7 !important; | background-color: #f5ead7 !important; | ||
| 26번째 줄: | 27번째 줄: | ||
content: ""; | content: ""; | ||
position: fixed; | position: fixed; | ||
top: -96px; | |||
right: 0; | |||
bottom: -96px; | |||
left: 0; | |||
z-index: -1; | z-index: -1; | ||
display: block; | display: block; | ||
width: 100vw; | width: 100vw; | ||
height: | height: auto; | ||
pointer-events: none; | pointer-events: none; | ||
background-color: #f5ead7; | background-color: #f5ead7; | ||
| 38번째 줄: | 42번째 줄: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: cover; | background-size: cover; | ||
transform: | |||
translate3d( | |||
0, | |||
var(--pvz-background-overscroll-y), | |||
0 | |||
); | |||
transition: none; | |||
will-change: transform; | |||
} | |||
html.pvz-background-resetting body.skin-vector-legacy::before { | |||
transition: | |||
transform 180ms cubic-bezier(0.22, 0.61, 0.36, 1); | |||
} | } | ||
| 2,770번째 줄: | 2,787번째 줄: | ||
.skin-vector-legacy #p-cactions .vector-menu-content, | .skin-vector-legacy #p-cactions .vector-menu-content, | ||
#p-cactions .vector-menu-content { | #p-cactions .vector-menu-content { | ||
display: none !important; | |||
top: calc(100% + 7px) !important; | top: calc(100% + 7px) !important; | ||
right: 0 !important; | right: 0 !important; | ||
| 2,786번째 줄: | 2,804번째 줄: | ||
box-shadow: 0 5px 14px rgba(86, 51, 22, 0.22) !important; | box-shadow: 0 5px 14px rgba(86, 51, 22, 0.22) !important; | ||
} | } | ||
body.skin-vector-legacy #p-cactions.pvz-cactions-open .vector-menu-content, | |||
.skin-vector-legacy #p-cactions.pvz-cactions-open .vector-menu-content, | |||
#p-cactions.pvz-cactions-open .vector-menu-content { | |||
display: block !important; | |||
} | |||
body.skin-vector-legacy #p-cactions .vector-menu-content-list, | body.skin-vector-legacy #p-cactions .vector-menu-content-list, | ||
