미디어위키:Common.css: 두 판 사이의 차이
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 43개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | ||
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css'); | |||
* {font-family: 'Apple SD Gothic Neo';} | |||
.vector-body { | |||
font-size: calc(1em* 0.87); | |||
} | |||
.vector-page-toolbar-container { | |||
font-size: calc(1em* 0.78); | |||
} | |||
.mw-body h1, .mw-body-content h1 { | |||
font-size: 1.5em; | |||
} | |||
.vector-body h1 { | |||
margin-bottom: 1em; | |||
} | |||
.vector-body h2 { | |||
font-size: 1.3em; | |||
} | |||
td { | td { | ||
position: relative; | position: relative; | ||
} | |||
.collapsible-header { | |||
margin-bottom: 1em !important; | |||
} | } | ||
.mw-collapsible-toggle { | .mw-collapsible-toggle { | ||
32번째 줄: | 54번째 줄: | ||
.spoiler .spoiler-img:hover { | .spoiler .spoiler-img:hover { | ||
filter: none; | filter: none; | ||
} | |||
.mw-headline{ | |||
font-size: 1.2em; | |||
} | } | ||
69번째 줄: | 95번째 줄: | ||
vertical-align: super; | vertical-align: super; | ||
font-size: smaller; | font-size: smaller; | ||
color: # | color: #0275d8; | ||
} | |||
.mw-header a:visited { | |||
color: #f29fa4 !important; | |||
} | |||
.mw-header a:link { | |||
color: #f29fa4 !important; | |||
} | } | ||
.vector-body a:link { | .vector-body a:link { | ||
color : # | color : #0275d8; | ||
} | } | ||
.vector-body a:visited { | .vector-body a:visited { | ||
color : # | color : #0275d8; | ||
} | } | ||
.vector-body a:hover { | .vector-body a:hover { | ||
color : # | color : #0275d8; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
.vector-body a:active { | .vector-body a:active { | ||
color : # | color : #0275d8; | ||
} | |||
.vector-body a:external.text { | |||
color : #0275d8; | |||
} | |||
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { | |||
color: #0275d8; | |||
} | } | ||
.mw-parser-output a.external { | .mw-parser-output a.external { | ||
background-image: url(https://wiki.ellixspace.com/images/3/32/Linkicon.png); | background-image: url(https://wiki.ellixspace.com/images/3/32/Linkicon.png); | ||
background-position: center | background-position: center right; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: 0.857em; | background-size: 0.857em; | ||
padding-right: 1em; | padding-right: 1em; | ||
} | |||
.custom-link { | |||
color: #ffabbf !important; /* 일반 상태 색상 */ | |||
text-decoration: none; /* 기본 밑줄 제거 */ | |||
} | |||
.custom-link:hover { | |||
color: #ffabbf !important; /* 호버 상태 색상 */ | |||
} | |||
.custom-link:visited { | |||
color: #ffabbf !important; /* 방문한 링크 색상 */ | |||
} | |||
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { | |||
margin: 0.3em 0 0 2em; | |||
padding: 0; | |||
} | } |
2024년 10월 27일 (일) 20:43 기준 최신판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');
* {font-family: 'Apple SD Gothic Neo';}
.vector-body {
font-size: calc(1em* 0.87);
}
.vector-page-toolbar-container {
font-size: calc(1em* 0.78);
}
.mw-body h1, .mw-body-content h1 {
font-size: 1.5em;
}
.vector-body h1 {
margin-bottom: 1em;
}
.vector-body h2 {
font-size: 1.3em;
}
td {
position: relative;
}
.collapsible-header {
margin-bottom: 1em !important;
}
.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;
}
.mw-headline{
font-size: 1.2em;
}
.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: #0275d8;
}
.mw-header a:visited {
color: #f29fa4 !important;
}
.mw-header a:link {
color: #f29fa4 !important;
}
.vector-body a:link {
color : #0275d8;
}
.vector-body a:visited {
color : #0275d8;
}
.vector-body a:hover {
color : #0275d8;
text-decoration: underline;
}
.vector-body a:active {
color : #0275d8;
}
.vector-body a:external.text {
color : #0275d8;
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: #0275d8;
}
.mw-parser-output a.external {
background-image: url(https://wiki.ellixspace.com/images/3/32/Linkicon.png);
background-position: center right;
background-repeat: no-repeat;
background-size: 0.857em;
padding-right: 1em;
}
.custom-link {
color: #ffabbf !important; /* 일반 상태 색상 */
text-decoration: none; /* 기본 밑줄 제거 */
}
.custom-link:hover {
color: #ffabbf !important; /* 호버 상태 색상 */
}
.custom-link:visited {
color: #ffabbf !important; /* 방문한 링크 색상 */
}
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0 0 2em;
padding: 0;
}