백괴슬라이드 문서 원본 보기

{{게임 정보}}
{{플러그인|/플러그인|틀}}
{{플러그인|사용자:BANIP/플러그인/슬라이드|틀}}
{{플러그인|사용자:BANIP/플러그인/랭킹시스템|틀}} 
{{#css:
    .slideable{
        position:fixed;
        background:white;
        box-shadow:0px 1px 3px rgba(0,0,0,0.5);
        width:90vw;
        height:90vh;
        left:5vw;
        top:5vh;
        display:flex;
        flex-direction:column;
        z-index:1000;
    }
    .slideable .top, .slideable .bottom{
        height:12vw;
        max-height:12vh;
    }
    .slideable .left, .slideable .right{
        width:12vw;
        max-width:12vw; 
    }
    .slideable .inner, .slideable .center{
        flex-grow:1;
    }
    .slideable .inner{
        display:flex;
    }
    .slideable .center{
        font-size:x-large;
        flex-direction:column;
    }
    .slideable .on{
        background-size:contain!important;
    }
    .cloneable{
        display:none;
    }
    .slideSection{
        /* border:1px solid black; */
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .slideable .center ul{
       text-align:initial;
       font-size:0.7em;
    }
    @media (orientation: portrait){
        .slideable{ height:85vh!important; }
    }

    @media (orientation: landscape){
        .slideable{ width:85vw!important; }
    }
}}

<div class="slideable cloneable">
	<div class="top slideSection"></div>
    <div class="inner">
    	<div class="left slideSection"></div>
    	<div class="center slideSection"></div>
		<div class="right slideSection "></div>
    </div>
	<div class="bottom slideSection"></div>
</div>
로딩중...