틀:사용자:Cerulean/but/styles.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
(같은 사용자의 중간 판 9개는 보이지 않습니다)
1번째 줄: 1번째 줄:
.mw-collapsible-toggle .line:after {
.mw-collapsible-toggle .line:after, .mw-collapsible-toggle .line:before {
content: "";
    content: "";
position: absolute;
    position: absolute;
     border-left: 1px solid black;
     border-left: 1.5px solid black;
    left: 0.5em;
     height: 1em;
     height: 1em;
    width: 0.5em;
    display: block;
     transition: all cubic-bezier(.17,.84,.44,1)0.6s;
     transition: all cubic-bezier(.17,.84,.44,1)0.6s;
}
}


.mw-collapsible-toggle .line {
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.3em;
}
.mw-collapsible-toggle .line:after {
.mw-collapsible-toggle .line:after {
transform: rotate(-45deg) translate(-0.25em, 0) scale(0.7);
transform: rotate(-45deg)translate(-0.2em, calc(-0.2em + 1px))scale(0.75);
}
}
.mw-collapsible-toggle .line.other:after {
.mw-collapsible-toggle .line:before {
transform: rotate(45deg) translate(-0.25em, 0) scale(0.7);
transform: rotate(45deg)translate(0.2em, calc(-0.2em + 1px))scale(0.75);
}
}


.mw-collapsible-toggle-expanded .line:after {
.mw-collapsible-toggle-expanded .line:after {
transform: rotate(-45deg)translate(-0.5em,0);
transform: rotate(-45deg);
}
}
.mw-collapsible-toggle-expanded .line.other:after {
.mw-collapsible-toggle-expanded .line:before {
transform: rotate(45deg)translate(-0.5em,0);
transform: rotate(45deg);
}
}



2022년 4월 24일 (일) 12:16 판

.mw-collapsible-toggle .line:after, .mw-collapsible-toggle .line:before {
    content: "";
    position: absolute;
    border-left: 1.5px solid black;
    left: 0.5em;
    height: 1em;
    transition: all cubic-bezier(.17,.84,.44,1)0.6s;
}

.mw-collapsible-toggle .line {
    position: relative;
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.3em;
}
.mw-collapsible-toggle .line:after {
	transform: rotate(-45deg)translate(-0.2em, calc(-0.2em + 1px))scale(0.75);
}
.mw-collapsible-toggle .line:before {
	transform: rotate(45deg)translate(0.2em, calc(-0.2em + 1px))scale(0.75);
}

.mw-collapsible-toggle-expanded .line:after {
	transform: rotate(-45deg);
}
.mw-collapsible-toggle-expanded .line:before {
	transform: rotate(45deg);
}

.drop-shadow {
    filter: drop-shadow(0 0 1px LIGHTGRAY);
}