미디어위키:Common.css
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
td {
position: relative;
}
.mw-collapsible-toggle {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
}
.spoiler {
width: fit-content;
height: fit-content;
}
.spoiler h4 {
font-size: 14px;
text-align: center;
background: yellow;
border: 1px solid black;
padding: 4px 0;
margin: 0;
}
.spoiler div {
overflow: hidden;
}
.spoiler .spoiler-img {
overflow: hidden;
filter: blur(20px) saturate(.5) contrast(.5) brightness(1.2);
transition: filter 0.2s;
}
.spoiler .spoiler-img:hover {
filter: none;
}
.spoiler-text {
position: relative;
color: #424242;
background-color: #424242;
padding: 2px 4px;
border-radius: 3px;
transition: background-color 0.2s, color 0.2s;
}
.spoiler-text::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 10px;
color: white;
white-space: nowrap;
transition: opacity 0.2s;
pointer-events: none;
}
.spoiler-text:hover {
color: inherit;
background-color: #0002;
}
.spoiler-text:hover::after {
opacity: 0;
}
.fake-ref-text {
vertical-align: super;
font-size: smaller;
color: #3366CC;
}
.vector-body a:link {
color : #3366CC;
}
.vector-body a:visited {
color : #3366CC;
}
.vector-body a:hover {
color : #3366CC;
text-decoration: underline;
}
.vector-body a:active {
color : #3366CC;
}
.mw-parser-output a.external {
background-image: url(https://wiki.ellixspace.com/images/3/32/Linkicon.png);
background-position: center left;
background-repeat: no-repeat;
background-size: 0.857em;
padding-right: 1em;
}