백괴슬라이드: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
백괴게임>BANIP (삭제) |
백괴게임>BANIP (BANIP의 277216판 편집을 되돌림) |
||
1번째 줄: | 1번째 줄: | ||
{{ | {{플러그인|/플러그인|틀}} | ||
{{플러그인|사용자: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> | |||
로딩중... | |||
[[분류:백괴게임]] |
2018년 2월 5일 (월) 11:49 판
로딩중...