편집 요약 없음 |
편집 요약 없음 |
||
| 206번째 줄: | 206번째 줄: | ||
.reference-paragraph { | .reference-paragraph { | ||
border-bottom: 1px solid #777!important; | border-bottom: 1px solid #777!important; | ||
} | |||
.mw-editsection { | |||
float: right; | |||
} | } | ||
2023년 7월 10일 (월) 15:51 판
/* 모바일에서 */
@media screen and (max-width: 768px) {
/* 모바일 분류 박스 */
.namucat-main-box {
margin-bottom: .6rem;
border: 1px solid #ccc;
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 {
animation: none;
}
}
/* 파란 박스가 0.5초 뒤 사라지는 애니메이션 */
@keyframes btn-background {
from {
background: blue;
background: rgba(0, 0, 255, .1);
}
to {
background: none;
}
}
/* PC에서 */
@media screen and (min-width: 768px) {
/* PC 분류 박스 */
.namucat-main-box {
margin-bottom: 1rem;
border: 1px solid #ccc;
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: #337ab7;
}
a:active {
color: #337ab7;
}
a.new:hover {
color: #ba0000;
}
a.new:active {
color: #ba0000;
}
a.external:hover {
color: #33b733;
}
a.external:active {
color: #33b733;
}
.plainlinks:hover a.external {
color: #337ab7;
}
.plainlinks:active a.external {
color: #337ab7;
}
a.selflink {
color: inherit;
}
a.selflink:hover {
color: inherit;
}
a.selflink:active {
color: inherit;
}
/* 리스트를 나무위키처럼 */
ul:not(#toc) {
margin: .2em 0 .2em 1.5em!important;
padding-left: .5rem!important;
list-style-type: disc;
list-style-image: none;
}
ol:not(#toc) {
margin: .2em 0 .2em 1.5em!important;
padding-left: .5rem!important;
}
dl {
margin: .2em 0 .2em 1.5em!important;
padding-left: .5rem!important;
}
li:not(#toc) {
margin: .2em 0!important;
}
dt {
margin: .2em 0!important;
}
ul ul:not(#toc) {
list-style-type: circle;
list-style-image: none;
}
ul ul ul:not(#toc) {
list-style-type: square;
list-style-image: none;
}
#toc ul {
margin: 0!important;
padding: 0.6rem 1.2rem!important;
border: none;
background: #fff;
}
#toc ul ul {
margin: 0 0 0 1rem!important;
padding: 0!important;
}
#toc li {
margin: 0!important;
padding: 0!important;
border: none;
background: #fff;
}
/* 목차를 나무위키처럼 */
.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: #337ab7;
}
.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-editsection {
float: right;
}