백괴슬라이드: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
백괴게임>BANIP
잔글편집 요약 없음
백괴게임>BANIP
잔글 (플러그인틀 임시 주석화)
1번째 줄: 1번째 줄:
{{플러그인|/slideable|틀}}
<!--{{플러그인|/slideable|틀}}
{{플러그인|/uncyslide|틀}}
{{플러그인|/uncyslide|틀}}
 
-->
{{#css:
{{#css:
.slideable{
    .slideable{
    position:fixed;
        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 ,.slideable .left, .slideable .right{
        height:12vw;
    flex:1;
    }
    .slideable .left, .slideable .right{
        width:12vw;
    }
    .slideable .inner, .slideable .center{
        flex-grow:1;
     }
     }
     .slideable .inner{
     .slideable .inner{
    flex:5;
         display:flex;
         display:flex;
     }
     }
     .slideable .center{
     .slideable .center{
    flex:5;
         font-size:x-large;
         font-size:xx-large;
        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{
    background:url("https://upload.wikimedia.org/wikipedia/commons/8/85/Arrow_top_svg.svg") no-repeat center;
     }
     }
   
     .slideable .bottom.on{
     .slideable .bottom.on{
        background:url("https://upload.wikimedia.org/wikipedia/commons/f/f2/Arrow_bottom_svg.svg") no-repeat center;
    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;
    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;
    background:url("https://upload.wikimedia.org/wikipedia/commons/9/96/Arrow2right_svg.svg") no-repeat center;
     }
     }
     .slideable .on{
     .slideable .on{
    background-size:contain!important;
        background-size:contain!important;
     }
     }
   
     .cloneable{
     .cloneable{
    display:none;
        display:none;
     }
     }
     .slideSection{
     .slideSection{
    /* border:1px solid black; */
        /* 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 판