백괴슬라이드: 두 판 사이의 차이
백괴게임>BANIP 잔글편집 요약 없음 |
백괴게임>BANIP 잔글 (플러그인틀 임시 주석화) |
||
| 1번째 줄: | 1번째 줄: | ||
{{플러그인|/slideable|틀}} | <!--{{플러그인|/slideable|틀}} | ||
{{플러그인|/uncyslide|틀}} | {{플러그인|/uncyslide|틀}} | ||
--> | |||
{{#css: | {{#css: | ||
.slideable{ | |||
position:fixed; | |||
background:white; | background:white; | ||
box-shadow:0px 1px 3px rgba(0,0,0,0.5); | box-shadow:0px 1px 3px rgba(0,0,0,0.5); | ||
| 14번째 줄: | 14번째 줄: | ||
flex-direction:column; | flex-direction:column; | ||
} | } | ||
.slideable .top, .slideable .bottom{ | |||
.slideable .top, .slideable .bottom | height:12vw; | ||
} | |||
.slideable .left, .slideable .right{ | |||
width:12vw; | |||
} | |||
.slideable .inner, .slideable .center{ | |||
flex-grow:1; | |||
} | } | ||
.slideable .inner{ | .slideable .inner{ | ||
display:flex; | display:flex; | ||
} | } | ||
.slideable .center{ | .slideable .center{ | ||
font-size:x-large; | |||
font-size: | flex-direction:column; | ||
} | } | ||
.slideable .top.on{ | |||
background:url("https://upload.wikimedia.org/wikipedia/commons/8/85/Arrow_top_svg.svg") no-repeat center; | |||
.slideable .top.on{ | |||
} | } | ||
.slideable .bottom.on{ | |||
.slideable .bottom.on{ | background:url("https://upload.wikimedia.org/wikipedia/commons/f/f2/Arrow_bottom_svg.svg") no-repeat center; | ||
} | } | ||
.slideable .left.on{ | |||
.slideable .left.on{ | background:url("https://upload.wikimedia.org/wikipedia/commons/4/40/Arrowleft_svg.svg") no-repeat center; | ||
} | } | ||
.slideable .right.on{ | |||
.slideable .right.on{ | background:url("https://upload.wikimedia.org/wikipedia/commons/9/96/Arrow2right_svg.svg") no-repeat center; | ||
} | } | ||
.slideable .on{ | .slideable .on{ | ||
background-size:contain!important; | |||
} | } | ||
.cloneable{ | .cloneable{ | ||
display:none; | |||
} | } | ||
.slideSection{ | .slideSection{ | ||
/* border:1px solid black; */ | |||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
} | } | ||
}} | }} | ||
<div class="slideable cloneable"> | <div class="slideable cloneable"> | ||
2018년 2월 2일 (금) 01:10 판