사용자:Hsl0/common.css
< 사용자:Hsl0
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* vector-2022.css */
/* 공지 숨기기 버튼이 공지 내용을 침범하지 않도록 위로 올리기 */
.mw-dismissable-notice-close {
float: none;
margin-top: -1.25em;
}
.sitedir-ltr .mw-dismissable-notice-close {
text-align: right;
}
.sitedir-rtl .mw-dismissable-notice-close {
text-align: left;
}
@media screen and (max-width: 999px) {
.mw-logo {
min-width: 0; /* 최소 너비 해제 */
}
}
/* 가능한 한 옵션 펼쳐두기 */
@media screen and (min-width: 390px) {
.mw-article-toolbar-container .mw-portlet-views:not(.emptyPortlet) {
display: block;
}
}
/* 모바일에서 검색할 때 다른 거 치우기 */
@media screen and (max-width: 500px) {
.vector-header-search-toggled .vector-user-links {
display: none;
}
}
/* linktools.css */
@keyframes link-wait {
from {
background-position-x: 200%;
}
to {
background-position-x: 0%;
}
}
.link-modifier-cloak a,
.event-listener-cloak[data-target="link"] a,
.event-handler-cloak[data-target="link"] a {
pointer-events: none;
background-image: linear-gradient(
135deg,
#cccccc,
#cccccc,
#4d4d4d,
#4d4d4d,
#cccccc,
#cccccc
);
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-moz-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
animation: 2s linear 0s infinite running link-wait;
}