48 lines
1.9 KiB
CSS
48 lines
1.9 KiB
CSS
|
@charset "utf-8";
|
||
|
|
/* -----------------------------------------------
|
||
|
|
* 멤버란 > 옷장보기 스타일 정의
|
||
|
|
--------------------------------------------------
|
||
|
|
- 최초 작성일 : 2021.08.15
|
||
|
|
- 최초 작성자 : 아보카도
|
||
|
|
- 최종 수정일 :
|
||
|
|
- 최종 수정자 :
|
||
|
|
--------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
/*********************************
|
||
|
|
옷장 기본 페이지
|
||
|
|
**********************************/
|
||
|
|
|
||
|
|
#closet_page { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; padding-left:120px;}
|
||
|
|
|
||
|
|
|
||
|
|
/*********************************
|
||
|
|
옷장 등록 리스트 (페이지)
|
||
|
|
**********************************/
|
||
|
|
|
||
|
|
#closet_page .closet-menu {display:block; position:absolute; top:10px; left:10px; width:120px; bottom:10px; z-index:1;}
|
||
|
|
#closet_page .pager {padding:10px 0;}
|
||
|
|
#closet_page .pager .swiper-pagination-bullet {display:block; width:auto;height:auto; border-radius:0; margin-bottom:5px; background:transparent; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||
|
|
#closet_page .pager .swiper-pagination-bullet-active {background:transparent;}
|
||
|
|
|
||
|
|
|
||
|
|
/*********************************
|
||
|
|
옷장 이미지 스크롤
|
||
|
|
**********************************/
|
||
|
|
|
||
|
|
#closet_page .swiper-container {display:block; position:relative; width:100%; height:100%; z-index:0;}
|
||
|
|
#closet_page .swiper-wrapper,
|
||
|
|
#closet_page .swiper-slide {height:100%;}
|
||
|
|
#closet_page .swiper-slide > a {display:block; width:100%; height:100%; background:no-repeat 50% 50%; background-size:contain;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*********************************
|
||
|
|
반응형 스타일
|
||
|
|
**********************************/
|
||
|
|
|
||
|
|
@media all and (max-width:640px) {
|
||
|
|
#closet_page {padding-left:0; padding-bottom:100px;}
|
||
|
|
#closet_page .closet-menu {display:block; position:absolute; left:0; right:0; bottom:0; top:auto; height:100px; width:auto; overflow:auto; padding:0 10px;}
|
||
|
|
#closet_page .pager .swiper-pagination-bullet {display:inline-block; vertical-align:middle; padding:10px;}
|
||
|
|
}
|