편집 요약 없음 |
편집 요약 없음 |
||
113번째 줄: | 113번째 줄: | ||
a.selflink:active { | a.selflink:active { | ||
color: inherit!important; | color: inherit!important; | ||
} | } | ||
169번째 줄: | 118번째 줄: | ||
.toc { | .toc { | ||
border-radius: 0!important; | border-radius: 0!important; | ||
border: 1px solid # | border: 1px solid #ccc!important; | ||
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
175번째 줄: | 124번째 줄: | ||
min-width: 0!important; | min-width: 0!important; | ||
border: none!important; | border: none!important; | ||
background-color: # | background-color: #fff!important; | ||
} | } | ||
#mw-toc-heading { | #mw-toc-heading { | ||
184번째 줄: | 133번째 줄: | ||
.tocnumber { | .tocnumber { | ||
color: #0275d8; | color: #0275d8; | ||
padding-right: .3em!important; | padding-right: .3em!important; | ||
} | } | ||
.tocnumber:after { | .tocnumber:after { | ||
content: '.'; | content: '.'; | ||
} | } | ||
.toctext { | .toctext { | ||
cursor: default; | cursor: default; | ||
} | } | ||
.toctogglespan { | .toctogglespan { | ||
display: none; | display: none; | ||
} | } | ||
202번째 줄: | 147번째 줄: | ||
/* 문단을 나무위키처럼 */ | /* 문단을 나무위키처럼 */ | ||
h1 { | h1 { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #ccc!important; | ||
} | } | ||
h2 { | h2 { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #ccc!important; | ||
} | } | ||
h3 { | h3 { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #ccc!important; | ||
} | } | ||
h4 { | h4 { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #ccc!important; | ||
} | } | ||
h5 { | h5 { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #ccc!important; | ||
} | } | ||
h6 { | h6 { | ||
border-bottom: 1px solid # | border-bottom: 1px solid #ccc!important; | ||
} | } | ||
.reference-paragraph { | .reference-paragraph { | ||
257번째 줄: | 202번째 줄: | ||
} | } | ||
/* 기타 */ | |||
/* 이미지 테두리 색 변경 */ | |||
.thumbborder { | |||
border: 1px solid #ddd; | |||
} | |||
/* pre 태그 상하 여백 */ | |||
pre { | |||
margin: .8rem 0; | |||
} | |||
/* del 태그도 마우스 올리면 취소선 해제 */ | |||
del:hover { | |||
text-decoration: none; | |||
} | |||
/* 가로줄 기본 색상 나무위키와 동일시 */ | |||
hr { | |||
border-top-color: #ccc; | |||
} | |||
/* 테이블 셀 테두리 색상 나무위키와 동일시 */ | /* 테이블 셀 테두리 색상 나무위키와 동일시 */ | ||
td { | td { | ||
263번째 줄: | 225번째 줄: | ||
th { | th { | ||
border-color: #ddd!important; | border-color: #ddd!important; | ||
} | |||
/* 헬퍼 버튼 호버 기능 */ | |||
.namucat-helper-btn:hover { | |||
font-weight: bold; | |||
font-size: 1.2em; | |||
padding: 10px; | |||
} | } |
2024년 4월 17일 (수) 00:28 판
/* 모바일에서 */
@media screen and (max-width: 768px) {
/* 모바일 분류 박스 */
.namucat-main-box {
margin-bottom: .6rem;
border: 1px solid #5b5955;
border-radius: 4px;
padding: 3px 3px 3px 5px;
}
/* 모바일 미분류 박스 */
.namucat-no-box {
margin-bottom: .6rem;
border: 1px solid #bcdff1;
padding: 10px;
background: #d9edf7;
border-radius: 5px;
color: #31708f;
}
/* 링크 클릭 시 파란 박스 */
a:active {
animation-name: btn-background;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: steps(1, end);
animation-fill-mode: forwards;
}
/* 순환 링크 애니메이션 제외 */
a.selflink:active:before {
animation: none;
}
}
/* 파란 박스가 0.5초 뒤 사라지는 애니메이션 */
@keyframes btn-background {
from {
background: blue;
background: rgba(0, 0, 255, 0.1);
}
to {
background: none;
}
}
/* PC에서 */
@media screen and (min-width: 768px) {
/* PC 분류 박스 */
.namucat-main-box {
margin-bottom: 1rem;
border: 1px solid #5b5955;
border-radius: 4px;
padding: 3px 3px 3px 5px;
}
/* PC 미분류 박스 */
.namucat-no-box {
margin-bottom: 1rem;
border: 1px solid #bcdff1;
padding: 10px;
background: #d9edf7;
border-radius: 5px;
color: #31708f;
}
}
/* 분류 블러 */
.namucat-blur {
filter: blur(3px);
}
.namucat-blur:hover {
filter: none;
}
/* 분류 간 구분선 */
.namucat-stick:after {
content: '|';
padding: 0 5px;
user-select: none;
}
/* 링크 색 변화 없애기 */
a:hover {
color: #feddbd!important;
text-shadow:0px 0px 15px #fdd18b!important;
}
a:active {
color: #ec9f19!important;
}
a.new:hover {
color: #fe5757!important;
text-shadow:0px 0px 15px #fc2020!important;
}
a.new:active {
color: #dc4343!important;
}
a.external:hover {
color: #95ed95!important;
text-shadow:0px 0px 15px #17ec17!important;
}
a.external:active {
color: #33b733!important;
}
.plainlinks:hover a.external {
color: #feddbd!important;
text-shadow:0px 0px 15px #fdd18b!important;
}
.plainlinks:active a.external {
color: #ec9f19!important;
}
a.selflink {
color: inherit!important;
}
a.selflink:hover {
color: inherit!important;
}
a.selflink:active {
color: inherit!important;
}
/* 목차를 나무위키처럼 */
.toc {
border-radius: 0!important;
border: 1px solid #ccc!important;
margin-left: 5px;
}
.toctitle {
min-width: 0!important;
border: none!important;
background-color: #fff!important;
}
#mw-toc-heading {
border: none!important;
font-weight: normal;
user-select: none;
}
.tocnumber {
color: #0275d8;
padding-right: .3em!important;
}
.tocnumber:after {
content: '.';
}
.toctext {
cursor: default;
}
.toctogglespan {
display: none;
}
/* 문단을 나무위키처럼 */
h1 {
border-bottom: 1px solid #ccc!important;
}
h2 {
border-bottom: 1px solid #ccc!important;
}
h3 {
border-bottom: 1px solid #ccc!important;
}
h4 {
border-bottom: 1px solid #ccc!important;
}
h5 {
border-bottom: 1px solid #ccc!important;
}
h6 {
border-bottom: 1px solid #ccc!important;
}
.reference-paragraph {
border-bottom: 1px solid #777!important;
}
.mw-headline {
font-weight: bold;
}
.number-link {
font-weight: bold;
color: #0275d8;
transition: color .05s ease-in;
}
.number-link:hover {
color: #0263d8;
}
.number-link:active {
color: #0263d8;
}
.mw-headline-number {
cursor: pointer;
}
.mw-headline-number:hover {
text-decoration: underline;
}
.mw-editsection {
float: right;
font-weight: bold;
}
.mw-editsection-visualeditor {
display: none;
}
.mw-editsection-divider {
display: none;
}
.mw-editsection-bracket {
margin: 0!important;
color: #0275d8!important;
}
/* 기타 */
/* 이미지 테두리 색 변경 */
.thumbborder {
border: 1px solid #ddd;
}
/* pre 태그 상하 여백 */
pre {
margin: .8rem 0;
}
/* del 태그도 마우스 올리면 취소선 해제 */
del:hover {
text-decoration: none;
}
/* 가로줄 기본 색상 나무위키와 동일시 */
hr {
border-top-color: #ccc;
}
/* 테이블 셀 테두리 색상 나무위키와 동일시 */
td {
border-color: #ddd!important;
}
th {
border-color: #ddd!important;
}
/* 헬퍼 버튼 호버 기능 */
.namucat-helper-btn:hover {
font-weight: bold;
font-size: 1.2em;
padding: 10px;
}