미디어위키:Common.css: 두 판 사이의 차이
(새 문서: →이 CSS 설정은 모든 스킨에 적용됩니다: td { position: relative; } .mw-collapsible-toggle { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; }) |
편집 요약 없음 태그: 되돌려진 기여 |
||
9번째 줄: | 9번째 줄: | ||
width: 100%; | width: 100%; | ||
opacity: 0; | opacity: 0; | ||
} | |||
@media screen and (max-width: 768px) { | |||
.folding-margin-remove { | |||
margin: 0 -10px -5.666px; | |||
} | |||
.folding-margin-remove-width { | |||
margin: 0 -10px -5.666px; | |||
} | |||
.folding-margin-remove-width-multi { | |||
margin: 0 -10px 0; | |||
} | |||
.mobileBtn:active { | |||
animation-name: btn-background; | |||
animation-duration: .5s; | |||
animation-iteration-count: 1; | |||
animation-timing-function: steps(1, end); | |||
animation-fill-mode: forwards; | |||
} | |||
.tit-margin-remove { | |||
margin: -5.666px -10px; | |||
} | |||
} | |||
@keyframes btn-background { | |||
from { | |||
background: blue; | |||
background: rgba(0, 0, 255, 0.1); | |||
} | |||
to { | |||
background: none; | |||
} | |||
} | |||
@media screen and (min-width: 768px) { | |||
.folding-margin-remove { | |||
margin: 0 -9.666px -5.166px; | |||
} | |||
.folding-margin-remove-width { | |||
margin: 0 -9.677px -5.166px; | |||
} | |||
.folding-margin-remove-width-multi { | |||
margin: 0 -9.677px 0; | |||
} | |||
.tit-margin-remove { | |||
margin: 0 -9.666px -5.166px; | |||
} | |||
} | } |
2024년 1월 2일 (화) 02:05 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
td {
position: relative;
}
.mw-collapsible-toggle {
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 0;
}
@media screen and (max-width: 768px) {
.folding-margin-remove {
margin: 0 -10px -5.666px;
}
.folding-margin-remove-width {
margin: 0 -10px -5.666px;
}
.folding-margin-remove-width-multi {
margin: 0 -10px 0;
}
.mobileBtn:active {
animation-name: btn-background;
animation-duration: .5s;
animation-iteration-count: 1;
animation-timing-function: steps(1, end);
animation-fill-mode: forwards;
}
.tit-margin-remove {
margin: -5.666px -10px;
}
}
@keyframes btn-background {
from {
background: blue;
background: rgba(0, 0, 255, 0.1);
}
to {
background: none;
}
}
@media screen and (min-width: 768px) {
.folding-margin-remove {
margin: 0 -9.666px -5.166px;
}
.folding-margin-remove-width {
margin: 0 -9.677px -5.166px;
}
.folding-margin-remove-width-multi {
margin: 0 -9.677px 0;
}
.tit-margin-remove {
margin: 0 -9.666px -5.166px;
}
}