백괴슬라이드: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
백괴게임>BANIP (새로운 프로젝트) |
잔글 (판 30개를 가져왔습니다: 백괴슬라이드/플러그인 테스트) |
||
(사용자 7명의 중간 판 29개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
{{플러그인|/ | {{게임 정보}} | ||
{{플러그인|/플러그인|틀}} | |||
{{플러그인|사용자:BANIP/플러그인/슬라이드|틀}} | |||
{{플러그인|사용자:BANIP/플러그인/랭킹시스템|틀}} | |||
{{#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); | ||
12번째 줄: | 14번째 줄: | ||
display:flex; | display:flex; | ||
flex-direction:column; | 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{ | .slideable .inner{ | ||
display:flex; | display:flex; | ||
} | } | ||
.slideable .center{ | .slideable .center{ | ||
font-size:x-large; | |||
font-size: | flex-direction:column; | ||
} | } | ||
.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; | ||
} | |||
.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="slideable cloneable"> | ||
<div class="top slideSection"></div> | <div class="top slideSection"></div> | ||
66번째 줄: | 69번째 줄: | ||
<div class="bottom slideSection"></div> | <div class="bottom slideSection"></div> | ||
</div> | </div> | ||
로딩중... |