초기소스
This commit is contained in:
jazz
4444
src/main/resources/static/sopmall/mobile/css/bnft/bnft.css
Normal file
4444
src/main/resources/static/sopmall/mobile/css/bnft/bnft.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,18 @@
|
||||
@charset "UTF-8";
|
||||
.item {
|
||||
opacity: 0;
|
||||
transform: translateY(20px);
|
||||
transition: opacity 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
.animate {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
|
||||
.item_li li {
|
||||
opacity: 0; /* Initially hide the list items */
|
||||
transform: translateY(20px); /* Optional: adds a slight upward motion */
|
||||
transition: opacity 0.5s, transform 0.5s;
|
||||
}
|
||||
|
||||
350
src/main/resources/static/sopmall/mobile/css/bnft/theme.css
Normal file
350
src/main/resources/static/sopmall/mobile/css/bnft/theme.css
Normal file
@@ -0,0 +1,350 @@
|
||||
@charset "UTF-8";
|
||||
/****** 뉴트리코어 테마 컬러 #78B857 ******/
|
||||
/* svg 아이콘 테마 색상 설정 */
|
||||
.svg-themeColor {
|
||||
fill: #78B857;
|
||||
}
|
||||
|
||||
/* 헤더 로고 사이즈 설정
|
||||
*/
|
||||
.header__home-link {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* 헤더 카테고리 탭 색상
|
||||
*/
|
||||
.home-category__item.active a {
|
||||
color: #86c860;
|
||||
}
|
||||
|
||||
.home-category__item.active::after {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니, 마이페이지 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_nav-search {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_nav-search.png);
|
||||
}
|
||||
|
||||
.icon_nav-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_nav-cart.png);
|
||||
}
|
||||
|
||||
.icon_nav-menu {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_nav-menu.png);
|
||||
}
|
||||
|
||||
|
||||
/* 하단 탭바 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-category {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_tab-bar-category.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-wishlist {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_tab-bar-wishlist.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_tab-bar-cart.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-mypage {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../images/icon_tab-bar-mypage.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 아이콘
|
||||
( 사이즈 : 32x32 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-home {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../images/icon_tab-bar-home.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 배경색 설정
|
||||
*/
|
||||
.tab-bar__home {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
/* 상단으로 이동 아이콘
|
||||
( 사이즈 : 48x48 또는 그 배수 )
|
||||
*/
|
||||
.icon_quick-to-top {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-image: url(../images/icon_quick-to-top.png);
|
||||
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
/* 평점 별 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_rating-star {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../images/icon_rating-star.png);
|
||||
}
|
||||
|
||||
/* 리뷰 개수 색상 변경
|
||||
*/
|
||||
.product-unit-rating__count {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 이미지 호버시 장바구니 담기 아이콘
|
||||
( 사이즈 : 44x44 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-unit-addToCart {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-image: url(../images/icon_product-unit-addToCart.png);
|
||||
}
|
||||
|
||||
/* Swiper 테마 컬러(인디케이터 색상) 변경
|
||||
*/
|
||||
:root {
|
||||
--swiper-theme-color: #78B857 !important;
|
||||
}
|
||||
|
||||
/* 카테고리 탭 아이콘
|
||||
( 사이즈 : 58x58 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_category-type-tab01 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab01.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab02 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab02.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab03 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab03.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab04 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab04.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab05 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab05.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab06 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab06.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab07 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab07.png);
|
||||
}
|
||||
|
||||
/* 카테고리 탭 현재 활성화된 탭 색상
|
||||
*/
|
||||
.category-type-tab__btn.active .category-type-tab__name {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
.icon_category-type-tab08 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../images/icon_category-type-tab08.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 있는(O) 경우, 배경이미지 설정
|
||||
( 이미지 사이즈 : 720x400 )
|
||||
*/
|
||||
.main-section__time-sale {
|
||||
background-image: url(../images/image_time-sale.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 없는(X) 경우, 배경색 설정
|
||||
*/
|
||||
.main-section__time-sale.no-bg {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
/* 상품 - 그룹별 타입 활성화탭 색상
|
||||
*/
|
||||
.product-tab__btn.active {
|
||||
font-weight: 500;
|
||||
color: #78B857;
|
||||
box-shadow: inset 0 -3px 0 0 #78B857;
|
||||
}
|
||||
|
||||
/* 이미지 배너타입 화살표 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-banner-arrow {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../images/icon_exhibition-arrow.png);
|
||||
vertical-align: top;
|
||||
margin-left: 1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* 인스타그램 로고
|
||||
( 사이즈 : 20x20 또는 그 배수 )
|
||||
*/
|
||||
.main-section__sns .main-section-title__title::before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 2px;
|
||||
background-image: url(../images/icon_section-sns.png);
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 공지사항 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice-speaker {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../images/icon_notice-speaker.png);
|
||||
}
|
||||
|
||||
/* 메인 문의하기 버튼 색상
|
||||
*/
|
||||
.mainNotice__customerLink__link.primary {
|
||||
background-color: #78B857;
|
||||
}
|
||||
|
||||
/* 메인 고객센터 아이콘
|
||||
( 사이즈 : 72x72 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice03 {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background-image: url(../images/icon_notice-customer.png);
|
||||
}
|
||||
|
||||
/* 메인 고객센터 번호 색상
|
||||
*/
|
||||
.notice__number {
|
||||
color: #86c860;
|
||||
}
|
||||
|
||||
/* 서브 페이지 헤더 탭 색상
|
||||
*/
|
||||
.headerTab__item.active::after {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
.headerTab__item.active a {
|
||||
color: #86c860;
|
||||
}
|
||||
|
||||
/* Primary 버튼 색상 */
|
||||
.btn.theme {
|
||||
background-color: #78B857;
|
||||
color: #ffffff;
|
||||
}
|
||||
.btn.theme:active {
|
||||
background-color: #6db04a;
|
||||
}
|
||||
.btn.outline.theme {
|
||||
color: #78B857;
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
/* 탭 버튼 색상 설정 */
|
||||
.sub-tab__btn.current {
|
||||
background-color: #86c860;
|
||||
border-color: transparent;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sub-tab__trigger.type02 .sub-tab__btn.current {
|
||||
border-top: 2px solid #86c860;
|
||||
}
|
||||
|
||||
/* 기간 선택 버튼 색상 설정 */
|
||||
.dateRange-btnContainer .dateRange-btn.selected {
|
||||
color: #78B857;
|
||||
border: 1px solid #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 메인 주문/배송 조회 색상 설정 */
|
||||
.orderProgress__list li.current .orderProgress__num {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 배송지 관리 기본 배송지 색상 설정 */
|
||||
.addressManage__itemPerson.current {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 회원등급 제목 색상 설정 */
|
||||
.myMemberRankInfo__title em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 마일리지 내역 색상 설정 */
|
||||
.mileageStatusCurrent__number {
|
||||
color: #78B857;
|
||||
}
|
||||
.mileageStatusCurrent__unit {
|
||||
color: #78B857;
|
||||
}
|
||||
.mileageStatusMisc__item--scheduled .mileageStatusMisc__number {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 결제예정금액 색상 설정 */
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTh,
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTd {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
.orderDetail__table > .table .orderDetail__table__sum th,
|
||||
.orderDetail__table > .table .orderDetail__table__sum td {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 주문 상품 마일리지 색상 설정 */
|
||||
.orderInfo__mileageText em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 주문 결과 상단 타이틀 색상 설정 */
|
||||
.orderCompletedTop__title {
|
||||
color: #78B857;
|
||||
}/*# sourceMappingURL=theme.css.map */
|
||||
14636
src/main/resources/static/sopmall/mobile/css/default.css
Normal file
14636
src/main/resources/static/sopmall/mobile/css/default.css
Normal file
File diff suppressed because it is too large
Load Diff
300
src/main/resources/static/sopmall/mobile/css/gcpay.css
Normal file
300
src/main/resources/static/sopmall/mobile/css/gcpay.css
Normal file
@@ -0,0 +1,300 @@
|
||||
@charset "utf-8";
|
||||
.hide-text {font-size:0; line-height:0; text-shadow:none; color:transparent;}
|
||||
.mypage_wrap.ty02 .sub_division_contents .cart_contents {padding:0 !important;}
|
||||
|
||||
.order_gcPay {display: block; letter-spacing: -0.7px;}
|
||||
.order_gcPay img {-webkit-user-drag: none;}
|
||||
.order_gcPay a:hover {text-decoration: none;}
|
||||
.order_gcPay .po {color:#3053bc; }
|
||||
.order_gcPay .ez-radio {margin: 0 10px 0 0;}
|
||||
.order_gcPay .ez-checkbox {margin: 0 6px 0 0;}
|
||||
.order_gcPay .ez-radio-on{background: transparent url('../images/payment/bg_radio_gcone_on.png') 0 0px no-repeat; background-size: 15px;}
|
||||
.order_gcPay .ez-checkbox-on{background: transparent url('../images/payment/bg_checkbox_gcone_on.png') 0 0px no-repeat; background-size: 15px;}
|
||||
.payment-hide .ez-radio, .payment-hide ez-radio-on { display: none !important; background-image: url('') !important; }
|
||||
|
||||
/*220609 폰트크기 수정*/
|
||||
.order_gcPay h4 {margin:0 !important; font-size:13px;}
|
||||
|
||||
.order_gcPay .titWrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
|
||||
|
||||
.order_gcPay .btnWrap li {position: relative; display: inline-block; border: 1px solid #d6d6d6; margin:0; padding: 0 10px !important; font-size: 11px; height:30px; line-height: 30px; cursor: pointer; text-transform: uppercase; font-weight: 600; color:#999;}
|
||||
.order_gcPay .btnWrap li:first-child{margin: 0!important;}
|
||||
.order_gcPay .btnWrap .ico_info:before,
|
||||
.order_gcPay .btnWrap .ico_set:before{content: ""; display: inline-block; width:16px; height:16px; margin-right:5px; margin-top:-3px; vertical-align: middle;}
|
||||
.order_gcPay .btnWrap .ico_info:before {background: url("../images/payment/ico_info.png") no-repeat; background-size: 100%;}
|
||||
.order_gcPay .btnWrap .ico_set:before {background: url("../images/payment/ico_setting.png") no-repeat; background-size: 100%;}
|
||||
.order_gcPay .gcpay_listWrap > li {display:block; padding:15px 0; border-bottom:1px solid #eeeeee; margin: 0;}
|
||||
.order_gcPay .gcpay_listWrap > li:last-child { border-bottom:0;}
|
||||
.order_gcPay .gcpay_listWrap > li.bank .ez-radio{margin-top:-20px;}/*체크박스 위로 강제이동*/
|
||||
.order_gcPay .gcpay_listWrap > li.common {padding-bottom: 0;}
|
||||
|
||||
/*이벤트문구영역 220519 추가*/
|
||||
.order_gcPay .eventWrap {padding: 15px 15px; background:#f5f9ff; margin:20px 0 10px 0; border-radius: 15px; text-align: center;}
|
||||
.order_gcPay .eventWrap:after {display:block; content:""; clear: both;}
|
||||
.order_gcPay .eventWrap dt{font-size: 14px; float: none; width: auto; font-weight: 600; color: #3053bc; display:block;}
|
||||
.order_gcPay .eventWrap dt:before {content: ""; display: block; width:30px; height:30px; background: url('../images/payment/ico_event_tit.png')no-repeat; background-size: cover; margin: 0 auto; margin-bottom: 10px;}
|
||||
.order_gcPay .eventWrap dt .sm_txt {font-weight: 500; font-size: 12px;}
|
||||
.order_gcPay .eventWrap dd {display: block; width: 100%; color: #3053bc;}
|
||||
.order_gcPay .eventWrap dd li{font-size:12px; color: #333; padding-bottom: 5px;}
|
||||
.order_gcPay .eventWrap dd li:last-child{padding-bottom: 0;}
|
||||
|
||||
/*이벤트문구영역 하단문구 220609 추가*/
|
||||
.order_gcPay .pointW {font-size: 13px; padding: 5px 0; text-align: center; word-break: keep-all;}
|
||||
.order_gcPay .pointW strong{color: #000;}
|
||||
|
||||
.order_gcPay .slick-current .selectWrap {display: block; margin-top:10px;}
|
||||
.order_gcPay .slick-initialized .slick-slide {opacity: 0.7; filter: blur(1px);}
|
||||
.order_gcPay .slick-initialized .slick-current{opacity: 1; filter: blur(0px);}
|
||||
|
||||
.order_gcPay .listW {display: flex; align-items: center; position: relative;}
|
||||
.order_gcPay .listW.chk_on ~ .conW {height: auto; visibility: visible; overflow: visible; padding: 20px 0 0 0;}
|
||||
.order_gcPay .listW .payment-label {color: #666; display: inline-block; flex: 1 0; font-size: 15px; font-weight: 600;}
|
||||
.order_gcPay .listW .payment-label .logo {display:inline-block; background: url('../images/payment/logo_gcpay.png') no-repeat; width:70px; height:19px; background-size: 100%; vertical-align: top;}
|
||||
.order_gcPay .listW .payment-label span {display: inline-block; vertical-align: middle;}
|
||||
.order_gcPay .stxt{font-size:12px; color:#aaa; margin-top:3px; display: block; vertical-align: middle;}
|
||||
|
||||
|
||||
/*슬라이드 영역*/
|
||||
.order_gcPay .slideW {margin-bottom:0!important;}
|
||||
.order_gcPay .slideW .slick-prev,
|
||||
.order_gcPay .slideW .slick-next{z-index:1; width:20px; height: 20px; border: 0; top:75px; transform: rotate(315deg); }
|
||||
.order_gcPay .slideW .slick-prev {border-top: 2px solid #b1b1b1; border-left: 2px solid #b1b1b1;left: 0;}
|
||||
.order_gcPay .slideW .slick-next {border-bottom: 2px solid #b1b1b1; border-right: 2px solid #b1b1b1; right: 0;}
|
||||
.order_gcPay .slideW .slick-prev:before, .order_gcPay .slideW .slick-next:before {content: ""; display: none;}
|
||||
.order_gcPay .slideW .slick-prev:hover, .order_gcPay .slideW .slick-next:hover{border-color: #909090;}
|
||||
|
||||
.order_gcPay .slideW .slick-disabled {opacity: 0;}
|
||||
.order_gcPay .slideW .slick-slide:not(:last-child) {margin-right: 10px;}
|
||||
.order_gcPay .conW {height: 0; visibility: hidden; overflow: hidden;}
|
||||
|
||||
.order_gcPay .boxW {position: relative; width: 250px; height: 155px; border-radius: 10px; margin: 0 auto; cursor: pointer; box-sizing:border-box; overflow: hidden;}
|
||||
.order_gcPay .boxW .card_logo {position: absolute; top: 15px; left: 15px; width:100px; height:24px; background-size: 100%;}
|
||||
.order_gcPay .boxW .detaW {color: #fff; font-size: 15px; position: absolute; left: 15px; bottom: 15px;}
|
||||
.order_gcPay .ca_code_000 .detaW {color: #000;}
|
||||
.order_gcPay .boxW .detaW .txt{padding-bottom:5px; display: block; line-height: 1; color: #fff; text-align: left;}
|
||||
.order_gcPay .boxW .detaW .number {letter-spacing: 0; opacity: .6;}
|
||||
|
||||
/*카카오뱅크 시*/
|
||||
.order_gcPay .boxW.ba_code_021 .detaW {color: #000;}
|
||||
|
||||
/*카드&계좌 불가시*/
|
||||
.order_gcPay .boxW.none {position: relative}
|
||||
.order_gcPay .boxW.none:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: #000; opacity: 0.7; z-index: 1;}
|
||||
.order_gcPay .boxW.none .noneTxt{display: flex; align-items: center; justify-content: center; font-size: 14px; text-align: center; color: #fff; height: 100%; width: 100%; position: relative; z-index: 2;}
|
||||
|
||||
|
||||
@media (max-width: 359px){
|
||||
.order_gcPay .boxW {width: 230px; height: 142px;}
|
||||
/*220609 레이아웃 수정*/
|
||||
.order_gcPay h4 {margin-bottom: 8px !important;}
|
||||
.order_gcPay .titWrap {flex-direction: column;}
|
||||
}
|
||||
|
||||
.order_gcPay .ca_point {border: 2px solid #3053bc; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .25s;}
|
||||
.order_gcPay .ca_point .contW {padding:15px;}
|
||||
.order_gcPay .ca_point .contW .txt {letter-spacing: -1px; line-height: 1.7; color: #333; font-size: 13px; font-weight: 600; padding: 0;}
|
||||
.order_gcPay .ca_point .contW a{display: block; background:#3053bc; color: #fff; font-size: 14px; padding: 8px; border-radius: 50px; margin-top:15px; transition: .25s;}
|
||||
|
||||
.order_gcPay .ca_new {border: 2px dashed #3053bc;text-align: center; display: flex; align-items: center; justify-content: center; transition: .25s;}
|
||||
.order_gcPay .ca_new a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
|
||||
.order_gcPay .ca_new .ico{display: block; width: 45px; height: 45px; margin-bottom:10px; fill:#3053bc;}
|
||||
.order_gcPay .ca_new .txt {font-weight: 600; letter-spacing: -1px; padding:0;}
|
||||
|
||||
/*하단페이징*/
|
||||
.order_gcPay .slick-dots {position: relative; margin: 15px 0 0 0 !important; bottom: 0;}
|
||||
.order_gcPay .slick-dots li {margin: 0; width:17px; height:17px;}
|
||||
.order_gcPay .slick-dots li button:before{display: none;}
|
||||
.order_gcPay .slick-dots li button:after {content: '●'; display: inline-block; font-size: 10px; color: #ddd;}
|
||||
.order_gcPay .slick-dots li.slick-active button:after {color:#3053bc;}
|
||||
|
||||
/*하단영역(포인트/할부영역)*/
|
||||
.order_gcPay .selectWrap {margin-top:5px;}
|
||||
.order_gcPay .selectWrap .ez-checkbox{margin-top:-2px;}
|
||||
.order_gcPay .cardW .selectWrap ul{display: flex; align-items: center; justify-content: space-between;}
|
||||
.order_gcPay .bankW .selectWrap,
|
||||
.order_gcPay .bankW .selectWrap .receiptWrap {display: none;}
|
||||
.order_gcPay .bankW .receiptWrap {margin-top:10px; padding-top:10px; border-top: 1px solid #eee;}
|
||||
.order_gcPay .bankW .receiptWrap li {padding-top:10px;}
|
||||
.order_gcPay .bankW .receiptWrap li:first-child{padding-top: 0;}
|
||||
|
||||
.order_gcPay .receiptWrap label {margin-right:10px;}
|
||||
.order_gcPay .receiptWrap .ez-radio {margin: 0 5px 0 0;}
|
||||
|
||||
.order_gcPay .listW.chk_on ~ .conW .selectWrap,
|
||||
.order_gcPay .checkW.chk_on ~ .receiptWrap{display: block;}
|
||||
|
||||
/*일반결제*/
|
||||
.payco > div {width: auto !important;}
|
||||
.order_gcPay .payment_method_select {padding: 0;}
|
||||
.order_gcPay #payment_type {margin-top:-5px;}
|
||||
.order_gcPay #payment_type > li > div.active .desc {color: #ddd;}
|
||||
.order_gcPay #typereceiptlay label {vertical-align: middle;}
|
||||
|
||||
div.default_table_style li {margin: 5px 0;}
|
||||
/*.order_gcPay #payment_type > li > div {display:flex; flex-direction: column; justify-content: center;}*/
|
||||
/*.order_gcPay #payment_type > li > div:before {height:33px; position: relative;}*/
|
||||
/*.order_gcPay #payment_type > li > div > label {height: auto;}*/
|
||||
/*.order_gcPay #payment_type > li > div p {!*padding-top:10px;*!}*/
|
||||
/*.order_gcPay #payment_type > li > div > label .ez-radio,*/
|
||||
/*.order_gcPay #payment_type > li > div > label .ez-radio-on {height: 0;}*/
|
||||
|
||||
/*카드영역*/
|
||||
.ca_code_001 {background-color: #529e4b; } /* 001. 농협NH카드 */
|
||||
.ca_code_001 .card_logo {background: url('../images/payment/ca_code_001.png') no-repeat;}
|
||||
.ca_code_002 {background-color: #1691d3; } /* 002. 우리카드 */
|
||||
.ca_code_002 .card_logo {background: url('../images/payment/ca_code_002.png') no-repeat;}
|
||||
.ca_code_003 {background-color: #3f5bb5;} /* 003. 신한카드 */
|
||||
.ca_code_003 .card_logo {background: url('../images/payment/ca_code_003.png') no-repeat;}
|
||||
.ca_code_004 {background-color: #786d62;} /* 004. KB국민카드 */
|
||||
.ca_code_004.card_logo {background: url('../images/payment/ca_code_004.png') no-repeat;}
|
||||
.ca_code_005 {background-color: #008375; } /* 005. 하나카드 */
|
||||
.ca_code_005 .card_logo {background: url('../images/payment/ca_code_005.png') no-repeat;}
|
||||
.ca_code_006 {background-color: #004785; } /* 006. 씨티카드 */
|
||||
.ca_code_006 .card_logo {background: url('../images/payment/ca_code_006.png') no-repeat;}
|
||||
|
||||
.ca_code_025 {background-color: #0c4da2;} /* 025. 삼성카드 */
|
||||
.ca_code_025 .card_logo {background: url('../images/payment/ca_code_025.png') no-repeat;}
|
||||
.ca_code_026 {background-color: #231f20;} /* 026. 현대카드 */
|
||||
.ca_code_026 .card_logo {background: url('../images/payment/ca_code_026.png') no-repeat;}
|
||||
.ca_code_027 {background-color: #ed1c24;} /* 027. 롯데카드 */
|
||||
.ca_code_027 .card_logo {background: url('../images/payment/ca_code_027.png') no-repeat;}
|
||||
.ca_code_028 {background-color: #21356c; } /* 028. VISA */
|
||||
.ca_code_028 .card_logo {background: url('../images/payment/ca_code_028.png') no-repeat;}
|
||||
.ca_code_029 {background-color: #21356c; } /* 029. 마스터카드 */
|
||||
.ca_code_029 .card_logo {background: url('../images/payment/ca_code_029.png') no-repeat;}
|
||||
.ca_code_030 {background-color: #0c4da2;} /* 030. 비씨카드 */
|
||||
.ca_code_030 .card_logo {background: url('../images/payment/ca_code_030.png') no-repeat;}
|
||||
.ca_code_031 {background-color: #231f20;} /* 031. 현대백화점 */
|
||||
.ca_code_031 .card_logo {background: url('../images/payment/ca_code_031.png') no-repeat;}
|
||||
.ca_code_032 {background-color: #0050a0;} /* 032. 갤러리아 */
|
||||
.ca_code_032 .card_logo {background: url('../images/payment/ca_code_032.png') no-repeat;}
|
||||
|
||||
/*카드영역+은행로고*/
|
||||
.ca_code_007 {background-color: #003d89;} /* 007. IBK기업은행 */
|
||||
.ca_code_007 .card_logo {background: url('../images/payment/ba_code_007.png') no-repeat;}
|
||||
.ca_code_008 {background-color: #023279;} /* 008. KDB산업은행 */
|
||||
.ca_code_008 .card_logo {background: url('../images/payment/ba_code_008.png') no-repeat;}
|
||||
.ca_code_009 {background-color: #17c600;} /* 009. SC제일은행 */
|
||||
.ca_code_009 .card_logo {background: url('../images/payment/ba_code_009.png') no-repeat;}
|
||||
.ca_code_010 {background-color: #89d100;} /* 010. 대구은행 */
|
||||
.ca_code_010 .card_logo {background: url('../images/payment/ba_code_010.png') no-repeat;}
|
||||
.ca_code_011 {background-color: #e83434;} /* 011. 부산은행 */
|
||||
.ca_code_011 .card_logo {background: url('../images/payment/ba_code_011.png') no-repeat;}
|
||||
.ca_code_012 {background-color: #084295;} /* 012. 전북은행 */
|
||||
.ca_code_012 .card_logo {background: url('../images/payment/ba_code_012.png') no-repeat;}
|
||||
.ca_code_013 {background-color: #836d52;} /* 013. 경남은행 */
|
||||
.ca_code_013 .card_logo {background: url('../images/payment/ba_code_013.png') no-repeat;}
|
||||
.ca_code_014 {background-color: #006fce;} /* 014. 제주은행 */
|
||||
.ca_code_014 .card_logo {background: url('../images/payment/ba_code_014.png') no-repeat;}
|
||||
.ca_code_015 {background-color: #005cd9;} /* 015. 광주은행 */
|
||||
.ca_code_015 .card_logo {background: url('../images/payment/ba_code_015.png') no-repeat;}
|
||||
.ca_code_016 {background-color: #005367;} /* 016. 새마을금고 */
|
||||
.ca_code_016 .card_logo {background: url('../images/payment/ba_code_016.png') no-repeat;}
|
||||
.ca_code_017 {background-color: #00cbec;} /* 017. 수협중앙 */
|
||||
.ca_code_017 .card_logo {background: url('../images/payment/ba_code_017.png') no-repeat;}
|
||||
.ca_code_018 {background-color: #0050a0;} /* 018. 신용협동조합(신협) */
|
||||
.ca_code_018 .card_logo {background: url('../images/payment/ba_code_018.png') no-repeat;}
|
||||
.ca_code_019 {background-color: #de040a;} /* 019. 우체국 */
|
||||
.ca_code_019 .card_logo {background: url('../images/payment/ba_code_019.png') no-repeat;}
|
||||
.ca_code_020 {background-color: #120063;} /* 020. 케이뱅크 */
|
||||
.ca_code_020 .card_logo {background: url('../images/payment/ba_code_020.png') no-repeat;}
|
||||
.ca_code_021 {background-color: #ffe400;} /* 021. 카카오뱅크 */
|
||||
.ca_code_021 .card_logo {background: url('../images/payment/ba_code_021.png') no-repeat;}
|
||||
.ca_code_022 {background-color: #007360;} /* 022. 상호저축은행 */
|
||||
.ca_code_022 .card_logo {background: url('../images/payment/ba_code_022.png') no-repeat;}
|
||||
.ca_code_023 {background-color: #022562;} /* 023. 산림조합 */
|
||||
.ca_code_023 .card_logo {background: url('../images/payment/ba_code_023.png') no-repeat;}
|
||||
.ca_code_024 {background-color: #0064ff;} /* 024. 토스뱅크 */
|
||||
.ca_code_024 .card_logo {background: url('../images/payment/ba_code_024.png') no-repeat;}
|
||||
|
||||
/*계좌영역*/
|
||||
.ba_code_001 {background-color: #00b259;} /* 001. NH농협 */
|
||||
.ba_code_001 .card_logo {background: url('../images/payment/ba_code_001.png') no-repeat;}
|
||||
.ba_code_002 {background-color: #1691d3;} /* 002. 우리은행 */
|
||||
.ba_code_002 .card_logo {background: url('../images/payment/ba_code_002.png') no-repeat;}
|
||||
.ba_code_003 {background-color: #3f5bb5;} /* 003. 신한은행(통합) */
|
||||
.ba_code_003 .card_logo {background: url('../images/payment/ba_code_003.png') no-repeat;}
|
||||
.ba_code_004 {background-color: #786d62;} /* 004. KB국민은행 */
|
||||
.ba_code_004 .card_logo {background: url('../images/payment/ba_code_004.png') no-repeat;}
|
||||
.ba_code_005 {background-color: #116d65;} /* 005. KEB하나은행 */
|
||||
.ba_code_005 .card_logo {background: url('../images/payment/ba_code_005.png') no-repeat;}
|
||||
.ba_code_006 {background-color: #004785;} /* 006. 씨티은행 */
|
||||
.ba_code_006 .card_logo {background: url('../images/payment/ba_code_006.png') no-repeat;}
|
||||
.ba_code_007 {background-color: #003d89;} /* 007. IBK기업은행 */
|
||||
.ba_code_007 .card_logo {background: url('../images/payment/ba_code_007.png') no-repeat;}
|
||||
.ba_code_008 {background-color: #023279;} /* 008. KDB산업은행 */
|
||||
.ba_code_008 .card_logo {background: url('../images/payment/ba_code_008.png') no-repeat;}
|
||||
.ba_code_009 {background-color: #17c600;} /* 009. SC제일은행 */
|
||||
.ba_code_009 .card_logo {background: url('../images/payment/ba_code_009.png') no-repeat;}
|
||||
.ba_code_010 {background-color: #89d100;} /* 010. 대구은행 */
|
||||
.ba_code_010 .card_logo {background: url('../images/payment/ba_code_010.png') no-repeat;}
|
||||
.ba_code_011 {background-color: #e83434;} /* 011. 부산은행 */
|
||||
.ba_code_011 .card_logo {background: url('../images/payment/ba_code_011.png') no-repeat;}
|
||||
.ba_code_012 {background-color: #084295;} /* 012. 전북은행 */
|
||||
.ba_code_012 .card_logo {background: url('../images/payment/ba_code_012.png') no-repeat;}
|
||||
.ba_code_013 {background-color: #836d52;} /* 013. 경남은행 */
|
||||
.ba_code_013 .card_logo {background: url('../images/payment/ba_code_013.png') no-repeat;}
|
||||
.ba_code_014 {background-color: #006fce;} /* 014. 제주은행 */
|
||||
.ba_code_014 .card_logo {background: url('../images/payment/ba_code_014.png') no-repeat;}
|
||||
.ba_code_015 {background-color: #005cd9;} /* 015. 광주은행 */
|
||||
.ba_code_015 .card_logo {background: url('../images/payment/ba_code_015.png') no-repeat;}
|
||||
.ba_code_016 {background-color: #005367;} /* 016. 새마을금고 */
|
||||
.ba_code_016 .card_logo {background: url('../images/payment/ba_code_016.png') no-repeat;}
|
||||
.ba_code_017 {background-color: #00cbec;} /* 017. 수협중앙 */
|
||||
.ba_code_017 .card_logo {background: url('../images/payment/ba_code_017.png') no-repeat;}
|
||||
.ba_code_018 {background-color: #0050a0;} /* 018. 신용협동조합(신협) */
|
||||
.ba_code_018 .card_logo {background: url('../images/payment/ba_code_018.png') no-repeat;}
|
||||
.ba_code_019 {background-color: #de040a;} /* 019. 우체국 */
|
||||
.ba_code_019 .card_logo {background: url('../images/payment/ba_code_019.png') no-repeat;}
|
||||
.ba_code_020 {background-color: #120063;} /* 020. 케이뱅크 */
|
||||
.ba_code_020 .card_logo {background: url('../images/payment/ba_code_020.png') no-repeat;}
|
||||
.ba_code_021 {background-color: #ffe400;} /* 021. 카카오뱅크 */
|
||||
.ba_code_021 .card_logo {background: url('../images/payment/ba_code_021.png') no-repeat;}
|
||||
.ba_code_022 {background-color: #007360;} /* 022. 상호저축은행 */
|
||||
.ba_code_022 .card_logo {background: url('../images/payment/ba_code_022.png') no-repeat;}
|
||||
.ba_code_023 {background-color: #022562;} /* 023. 산림조합 */
|
||||
.ba_code_023 .card_logo {background: url('../images/payment/ba_code_023.png') no-repeat;}
|
||||
.ba_code_024 {background-color: #0064ff;} /* 024. 토스뱅크 */
|
||||
.ba_code_024 .card_logo {background: url('../images/payment/ba_code_024.png') no-repeat;}
|
||||
|
||||
/*세팅팝업*/
|
||||
.settingWrap .slick-dots {position: relative; margin: 15px 0 0 0 !important; bottom: 0;}
|
||||
.settingWrap .slick-dotted.slick-slider {margin: 0;}
|
||||
.settingWrap .slick-dots li {margin: 0; width:17px; height:17px;}
|
||||
.settingWrap .slick-dots li button:before{display: none;}
|
||||
.settingWrap .slick-dots li button:after {content: '●'; display: inline-block; font-size: 10px; color: #6f87d0;}
|
||||
.settingWrap .slick-dots li.slick-active button:after {color:#fff;}
|
||||
|
||||
/*세팅팝업*/
|
||||
table {border-collapse: collapse; border-spacing: 0;}
|
||||
.settingWrap {position: fixed; top:0 !important; left:0 !important; width: 100% !important; height:100% !important; z-index: 10; background: #fff; letter-spacing: -0.7px !important; overflow: scroll !important;}
|
||||
.settingWrap .imgW {margin: 0 auto; width:100%;}
|
||||
.settingWrap .imgW .popTit {text-align: center;}
|
||||
.settingWrap .imgW img{ width: 100%; }
|
||||
.settingWrap .imgW .slick-slide img {margin: 0 auto !important;}
|
||||
.settingWrap .imgW {background: #3053bc; padding-top:40px; padding-bottom: 30px;}
|
||||
.settingWrap .txtW {margin: 0 auto;padding: 25px 20px;}
|
||||
.settingWrap .txtW dl {margin-top:25px;}
|
||||
.settingWrap .txtW dl:first-child {margin-top:0;}
|
||||
.settingWrap .txtW dt {font-size: 14px; padding-bottom:10px; color: #333; font-weight: 600;}
|
||||
.settingWrap .txtW dd {font-size: 13px; padding-bottom:3px;}
|
||||
.settingWrap .txtW dd:last-child,
|
||||
.settingWrap .txtW li:last-child {padding-bottom: 0;}
|
||||
.settingWrap .txtW li {position: relative; padding-left: 7px;}
|
||||
.settingWrap .txtW li:before{content: 'ㆍ'; display: block; position: absolute; left: -5px;}
|
||||
|
||||
.settingWrap .tableW {padding:25px 20px;}
|
||||
.settingWrap table {width: 100%;}
|
||||
.settingWrap table th,
|
||||
.settingWrap table td {text-align: center; padding: 15px 10px; border-bottom: 1px solid #e0e0e0;}
|
||||
.settingWrap table thead th {border-top:2px solid #e0e0e0; background: #fafafa;}
|
||||
.settingWrap table th.left,
|
||||
.settingWrap table tbody th {text-align: left;}
|
||||
.settingWrap table th {font-weight: bold;}
|
||||
.settingWrap table td {}
|
||||
|
||||
.settingWrap .feeMonth .txtW {padding-top:0;}
|
||||
.ui-dialog.change::after {
|
||||
position: relative;
|
||||
display:none;
|
||||
}
|
||||
604
src/main/resources/static/sopmall/mobile/css/pay.css
Normal file
604
src/main/resources/static/sopmall/mobile/css/pay.css
Normal file
@@ -0,0 +1,604 @@
|
||||
/* 네이버페이 확인용 css(실제 API 적용할땐 삭제하시면 됩니다.)
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
*/
|
||||
|
||||
.npay_pointcolor {
|
||||
color: #00c73c !important;
|
||||
}
|
||||
|
||||
.npay_storebtn_bx,
|
||||
.npay_button_box,
|
||||
.npay_button_box2,
|
||||
.npay_storebtn_bx *,
|
||||
.npay_button_box *,
|
||||
.npay_button_box2 * {
|
||||
display: block !important;
|
||||
overflow: hidden !important;
|
||||
float: none !important;
|
||||
position: static !important;
|
||||
top: auto !important;
|
||||
left: auto !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
border: 0 none !important;
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
font-family: '돋움', Dotum, Helvetica, sans-serif !important;
|
||||
text-align: left !important;
|
||||
text-decoration: none !important;
|
||||
vertical-align: top !important;
|
||||
background: none !important;
|
||||
border-radius: 0 !important
|
||||
}
|
||||
|
||||
.npay_storebtn_bx {
|
||||
display: inline-block !important
|
||||
}
|
||||
|
||||
.npay_button_box,
|
||||
.npay_button_box2 {
|
||||
width: auto !important;
|
||||
height: 100% !important;
|
||||
*height: auto !important;
|
||||
zoom: 1 !important;
|
||||
padding: 0 4px !important;
|
||||
border-top: 2px solid #2b2f3a !important;
|
||||
background-color: #fff !important
|
||||
}
|
||||
|
||||
.npay_button_box2 {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.npay_button_box .npay_blind,
|
||||
.npay_button_box .yellow,
|
||||
/* mall.chainflower.com 깜빡임 */
|
||||
.npay_button_box .blue,
|
||||
/* mall.chainflower.com 깜빡임 */
|
||||
.npay_button_box2 .npay_blind,
|
||||
.npay_button_box2 .yellow .npay_button_box2 .blue {
|
||||
overflow: hidden !important;
|
||||
position: absolute !important;
|
||||
width: 1px !important;
|
||||
height: 1px !important;
|
||||
margin: -1px !important;
|
||||
padding: 0 !important;
|
||||
clip: rect(0 0 0 0) !important
|
||||
}
|
||||
|
||||
.npay_button {
|
||||
position: relative !important;
|
||||
margin: 0 !important;
|
||||
padding: 11px 0 11px 86px !important;
|
||||
zoom: 1 !important
|
||||
}
|
||||
|
||||
.npay_text {
|
||||
display: block !important;
|
||||
*display: inline !important;
|
||||
position: absolute !important;
|
||||
top: 11px !important;
|
||||
left: 0 !important;
|
||||
width: 79px !important;
|
||||
height: 36px !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: url(../images/npay_sp_text.png) no-repeat !important;
|
||||
background-size: 180px auto !important
|
||||
}
|
||||
|
||||
.npay_btn_list {
|
||||
*zoom: 1 !important;
|
||||
display: table !important;
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
table-layout: fixed !important;
|
||||
list-style: none !important
|
||||
}
|
||||
|
||||
.npay_btn_list tbody {
|
||||
display: table-row-group !important
|
||||
}
|
||||
|
||||
.npay_btn_list tr {
|
||||
display: table-row !important
|
||||
}
|
||||
|
||||
.npay_store .npay_btn_list {
|
||||
table-layout: auto !important
|
||||
}
|
||||
|
||||
/* F Type */
|
||||
.npay_store .npay_btn_item {
|
||||
*width: 120px !important
|
||||
}
|
||||
|
||||
.npay_btn_item {
|
||||
display: table-cell !important;
|
||||
height: 37px !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
text-align: left !important
|
||||
}
|
||||
|
||||
.npay_btn_item.btn_width {
|
||||
width: 40px !important
|
||||
}
|
||||
|
||||
.npay_store .npay_btn_item.btn_width {
|
||||
*width: 78px !important
|
||||
}
|
||||
|
||||
.npay_btn_link {
|
||||
display: block !important;
|
||||
height: 35px !important;
|
||||
margin: 0 0 0 3px !important;
|
||||
padding: 0 !important;
|
||||
border: 1px solid #ccc !important;
|
||||
border-radius: 2px !important;
|
||||
background-color: #fff !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-repeat: no-repeat !important;
|
||||
text-align: center !important;
|
||||
text-decoration: none !important
|
||||
}
|
||||
|
||||
.npay_btn_item:first-child .npay_btn_link {
|
||||
margin: 0 !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_pay {
|
||||
border-color: #00c05a !important;
|
||||
background-image: url(../images/npay_sp_payment.png) !important;
|
||||
background-position: 50% 0 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 63px auto !important;
|
||||
}
|
||||
|
||||
.npay_btn_link.btn_green {
|
||||
border-color: #00c851 !important;
|
||||
background-color: #00de5a !important;
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_zzim,
|
||||
.npay_btn_link.npay_btn_talk {
|
||||
width: 35px !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_cart,
|
||||
.npay_btn_link.npay_btn_talk2 {
|
||||
width: 73px !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_zzim {
|
||||
background-image: url(../images/npay_sp_zzim.png) !important;
|
||||
background-position: 50% 0 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 35px auto !important;
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_zzim2 {
|
||||
background-image: url(../images/npay_sp_zzim.png) !important;
|
||||
background-position: 50% -105px !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 35px auto !important;
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_talk {
|
||||
background-image: url(../images/npay_sp_talk.png) !important;
|
||||
background-position: 50% 0 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 35px auto !important;
|
||||
}
|
||||
|
||||
.npay_btn_link.btn_gray {
|
||||
border-color: #9ba0ac !important;
|
||||
background-color: #acb2bf !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_btn_link.npay_btn_zzim.btn_gray,
|
||||
.npay_btn_link.npay_btn_talk.btn_gray {
|
||||
background-position: 50% -37px !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_zzim2.btn_gray {
|
||||
background-position: 50% -140px !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_cart {
|
||||
background-image: url(../images/npay_sp_cart.png) !important;
|
||||
background-position: 50% 0 !important;
|
||||
background-repeat: no-repeat !important
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_talk2 {
|
||||
background-image: url(../images/npay_sp_talk_text.png) !important;
|
||||
background-position: 50% 0 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 73px, auto !important;
|
||||
}
|
||||
|
||||
.npay_btn_link.npay_btn_cart.btn_gray,
|
||||
.npay_btn_link.npay_btn_talk2.btn_gray {
|
||||
background-position: 50% -37px !important
|
||||
}
|
||||
|
||||
.npay_event {
|
||||
position: relative !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 40px 0 0 !important;
|
||||
border: 0 none !important;
|
||||
border-top: 1px solid #eaecee !important
|
||||
}
|
||||
|
||||
.npay_event_text {
|
||||
display: block !important;
|
||||
*display: inline !important;
|
||||
overflow: hidden !important;
|
||||
*width: 100% !important;
|
||||
margin: 0 !important;
|
||||
padding: 5px 0 !important;
|
||||
letter-spacing: 0 !important;
|
||||
white-space: nowrap !important;
|
||||
*zoom: 1 !important;
|
||||
text-overflow: ellipsis !important;
|
||||
word-wrap: normal !important
|
||||
}
|
||||
|
||||
.npay_event_text .event_title {
|
||||
display: inline !important;
|
||||
margin: 0 5px 0 0 !important;
|
||||
padding: 0 !important;
|
||||
font-weight: normal !important;
|
||||
color: #00c05a !important;
|
||||
vertical-align: middle !important
|
||||
}
|
||||
|
||||
.npay_pointplus {
|
||||
position: relative !important;
|
||||
padding-left: 44px !important;
|
||||
}
|
||||
|
||||
.npay_pointplus .event_title {
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
top: 50% !important;
|
||||
width: 39px !important;
|
||||
height: 13px !important;
|
||||
margin-top: -7px !important;
|
||||
background: url("../../images/button/renewal/npay_sp_icon.png") no-repeat !important;
|
||||
}
|
||||
|
||||
.npay_event .npay_event_text .event_link {
|
||||
display: inline !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
font-weight: normal !important;
|
||||
color: #929294 !important;
|
||||
text-decoration: none !important;
|
||||
vertical-align: middle !important
|
||||
}
|
||||
|
||||
.npay_event .npay_event_text .event_link span {
|
||||
display: inline-block !important;
|
||||
margin: -1px 0 1px !important;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.npay_more {
|
||||
position: absolute !important;
|
||||
top: 5px !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
background: url(../images/npay_sp_more.png) no-repeat !important;
|
||||
background-size: 31px auto !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.npay_more_prev {
|
||||
right: 15px !important;
|
||||
background-position: 0 0 !important
|
||||
}
|
||||
|
||||
.npay_more_next {
|
||||
right: 0 !important;
|
||||
background-position: -15px 0 !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray {
|
||||
border-color: #5f5f5f !important;
|
||||
background-color: #434343 !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_text {
|
||||
background-position: 0 -40px !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_event_text,
|
||||
.npay_bg_dgray .npay_event_text .event_link {
|
||||
color: #929294 !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_btn_link.btn_gray {
|
||||
border-color: #67696e !important;
|
||||
background-color: #6d6f74 !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
|
||||
.npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray {
|
||||
background-position: 50% -37px !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_btn_link.npay_btn_zzim2.btn_gray {
|
||||
background-position: 50% -175px !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_event {
|
||||
border-top-color: #565656 !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_more_prev {
|
||||
background-position: 0 -20px !important
|
||||
}
|
||||
|
||||
.npay_bg_dgray .npay_more_next {
|
||||
background-position: -15px -20px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_button {
|
||||
padding: 30px 0 14px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_item {
|
||||
height: 33px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_item.btn_width {
|
||||
width: 36px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link {
|
||||
height: 31px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_zzim,
|
||||
.npay_vertical .npay_btn_link.npay_btn_talk {
|
||||
width: 31px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_pay {
|
||||
background-image: url(../images/npay_sp_payment2.png) !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 63px auto !important;
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_talk {
|
||||
background-image: url(../images/npay_sp_talk2.png) !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 31px auto !important;
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_zzim2 {
|
||||
background-image: url(../images/npay_sp_zzim2.png) !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 31px auto !important;
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_vertical .npay_btn_link.npay_btn_talk.btn_gray {
|
||||
background-position: 50% -33px !important
|
||||
}
|
||||
|
||||
.npay_vertical.npay_bg_dgray .npay_btn_link.btn_gray {
|
||||
background-position: 50% -33px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_zzim2 {
|
||||
background-position: 50% -66px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_link.npay_btn_zzim2.btn_gray {
|
||||
background-position: 50% -99px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_text {
|
||||
top: 13px !important;
|
||||
width: 114px !important;
|
||||
height: 9px !important;
|
||||
background-position: 0 -80px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_btn_margin {
|
||||
margin-top: 3px !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_event_text {
|
||||
white-space: normal !important;
|
||||
text-overflow: clip !important
|
||||
}
|
||||
|
||||
.npay_vertical .npay_event_text .event_link span {
|
||||
display: inline !important;
|
||||
vertical-align: top !important;
|
||||
}
|
||||
|
||||
.npay_vertical .npay_pointplus {
|
||||
padding: 5px 0 !important;
|
||||
}
|
||||
|
||||
.npay_vertical .npay_pointplus .event_title {
|
||||
display: inline-block !important;
|
||||
position: relative !important;
|
||||
top: -1px !important;
|
||||
margin: 0 4px 0 0 !important;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.npay_vertical.npay_bg_dgray .npay_text {
|
||||
background-position: 0 -110px !important
|
||||
}
|
||||
|
||||
.npay_vertical2 .npay_button {
|
||||
padding: 28px 0 0 !important
|
||||
}
|
||||
|
||||
.npay_vertical2 .npay_text {
|
||||
top: 11px !important
|
||||
}
|
||||
|
||||
.npay_vertical2 .npay_event {
|
||||
border: 0 none !important
|
||||
}
|
||||
|
||||
.npay_vertical2 .npay_event_text {
|
||||
line-height: 14px !important
|
||||
}
|
||||
|
||||
.npay_horizontal .npay_text {
|
||||
top: 14px !important;
|
||||
left: 1px !important;
|
||||
background-position: 0 -180px !important;
|
||||
width: 170px !important;
|
||||
height: 10px !important
|
||||
}
|
||||
|
||||
.npay_horizontal .npay_button {
|
||||
padding-left: 192px !important
|
||||
}
|
||||
|
||||
.npay_horizontal .npay_event {
|
||||
width: 135px !important;
|
||||
border-top: none !important;
|
||||
margin-top: -35px !important;
|
||||
padding-right: 36px !important
|
||||
}
|
||||
|
||||
.npay_type_A_1 {
|
||||
width: 236px !important;
|
||||
height: 88px !important
|
||||
}
|
||||
|
||||
.npay_type_A_2 {
|
||||
width: 285px !important;
|
||||
height: 88px !important;
|
||||
}
|
||||
|
||||
.npay_type_B_1 {
|
||||
width: 214px !important;
|
||||
height: 83px !important
|
||||
}
|
||||
|
||||
.npay_type_B_2 {
|
||||
width: 261px !important;
|
||||
height: 83px !important
|
||||
}
|
||||
|
||||
.npay_type_C_1_1,
|
||||
.npay_type_C_2_1 {
|
||||
width: 225px !important;
|
||||
height: 88px !important
|
||||
}
|
||||
|
||||
.npay_type_C_1_2,
|
||||
.npay_type_C_2_2 {
|
||||
width: 272px !important;
|
||||
height: 88px !important
|
||||
}
|
||||
|
||||
.npay_type_C_3_1 {
|
||||
width: 225px !important;
|
||||
height: 92px !important
|
||||
}
|
||||
|
||||
.npay_type_C_3_2 {
|
||||
width: 272px !important;
|
||||
height: 92px !important
|
||||
}
|
||||
|
||||
.npay_type_D_1_1,
|
||||
.npay_type_D_2_1 {
|
||||
width: 210px !important;
|
||||
height: 83px !important
|
||||
}
|
||||
|
||||
.npay_type_D_1_2,
|
||||
.npay_type_D_2_2 {
|
||||
width: 251px !important;
|
||||
height: 83px !important
|
||||
}
|
||||
|
||||
.npay_type_D_3_1 {
|
||||
width: 210px !important;
|
||||
height: 87px !important
|
||||
}
|
||||
|
||||
.npay_type_D_3_2 {
|
||||
width: 251px !important;
|
||||
height: 87px !important
|
||||
}
|
||||
|
||||
.npay_type_E_1_1,
|
||||
.npay_type_E_1_2,
|
||||
.npay_type_E_2_1,
|
||||
.npay_type_E_2_2 {
|
||||
width: 124px !important;
|
||||
height: 135px !important
|
||||
}
|
||||
|
||||
.npay_type_E_3_1,
|
||||
.npay_type_E_3_2 {
|
||||
width: 124px !important;
|
||||
height: 139px !important
|
||||
}
|
||||
|
||||
.npay_type_F {
|
||||
width: 365px !important;
|
||||
height: 115px !important
|
||||
}
|
||||
|
||||
.npay_type_G {
|
||||
width: 394px !important;
|
||||
height: 60px !important
|
||||
}
|
||||
|
||||
|
||||
/* IE5용 */
|
||||
.npay_type_E_1_1 .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_type_E_1_1 .npay_btn_link.npay_btn_talk.btn_gray,
|
||||
.npay_type_E_1_2 .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_type_E_1_2 .npay_btn_link.npay_btn_talk.btn_gray {
|
||||
*background-position: 50% -33px !important
|
||||
}
|
||||
|
||||
.npay_type_C_3_1 .npay_vertical.npay_bg_dgray .npay_text,
|
||||
.npay_type_D_3_1 .npay_vertical.npay_bg_dgray .npay_text,
|
||||
.npay_type_C_3_2 .npay_vertical.npay_bg_dgray .npay_text,
|
||||
.npay_type_D_3_2 .npay_vertical.npay_bg_dgray .npay_text {
|
||||
*background-position: 0 -40px !important
|
||||
}
|
||||
|
||||
.npay_type_C_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_type_C_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
|
||||
.npay_type_C_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray,
|
||||
.npay_type_D_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_type_D_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
|
||||
.npay_type_D_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray,
|
||||
.npay_type_C_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_type_C_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
|
||||
.npay_type_C_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray,
|
||||
.npay_type_D_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
|
||||
.npay_type_D_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
|
||||
.npay_type_D_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray {
|
||||
*background-position: 50% -37px !important
|
||||
}
|
||||
516
src/main/resources/static/sopmall/mobile/css/theme/themeAF.css
Normal file
516
src/main/resources/static/sopmall/mobile/css/theme/themeAF.css
Normal file
@@ -0,0 +1,516 @@
|
||||
@charset "UTF-8";
|
||||
/****** 뉴트리코어 테마 컬러 #374049 ******/
|
||||
/* svg 아이콘 테마 색상 설정 */
|
||||
.svg-themeColor {
|
||||
fill: #374049;
|
||||
}
|
||||
|
||||
/* 헤더 로고 사이즈 설정
|
||||
*/
|
||||
.header__home-link {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* 헤더 카테고리 탭 색상
|
||||
*/
|
||||
.home-category__item.active a {
|
||||
color: #46525e;
|
||||
}
|
||||
|
||||
.home-category__item.active::after {
|
||||
background-color: #46525e;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니, 마이페이지 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_nav-search {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-search.png);
|
||||
}
|
||||
|
||||
.icon_nav-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-cart.png);
|
||||
}
|
||||
|
||||
.icon_nav-menu {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-menu.png);
|
||||
}
|
||||
|
||||
/* 햄버거 메뉴 링크 색상 설정 */
|
||||
.menu_navigation_wrap .side_menu > li > div.on .depth {
|
||||
color: #374049;
|
||||
}
|
||||
.menu_navigation_wrap .side_menu > li > ul li > div.on a.hasSub {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 실시간 검색 숫자 색상 설정 */
|
||||
.search-trend__number {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 실시간 검색 상승, 하강 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_search-up {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-up.png);
|
||||
}
|
||||
|
||||
.icon_search-down {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-down.png);
|
||||
}
|
||||
|
||||
/* 실시간 검색 동일 순위 표시('-')
|
||||
*/
|
||||
.icon_search-default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.icon_search-default::after {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 2px;
|
||||
background-color: #979b9d;
|
||||
}
|
||||
|
||||
/* 하단 탭바 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-category {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-category.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-wishlist {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-wishlist.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-cart.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-mypage {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-mypage.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 아이콘
|
||||
( 사이즈 : 32x32 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-home {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../../images/icon_tab-bar-home.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 배경색 설정
|
||||
*/
|
||||
.tab-bar__home {
|
||||
background-color: #46525e;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니 상품숫자 Badge 색상 설정 및 위치 조정
|
||||
(아이콘 모양이 달라지면 top, right 로 위치조정 필요할 수 있음)
|
||||
*/
|
||||
.number-badge {
|
||||
background-color: #46525e;
|
||||
top: 4px;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
/* 상단으로 이동 아이콘
|
||||
( 사이즈 : 48x48 또는 그 배수 )
|
||||
*/
|
||||
.icon_quick-to-top {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-image: url(../../images/icon_quick-to-top.png);
|
||||
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
/* 평점 별 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_rating-star {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_rating-star.png);
|
||||
}
|
||||
|
||||
/* 리뷰 개수 색상 변경
|
||||
*/
|
||||
.product-unit-rating__count {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 이미지 호버시 장바구니 담기 아이콘
|
||||
( 사이즈 : 44x44 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-unit-addToCart {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-image: url(../../images/icon_product-unit-addToCart.png);
|
||||
}
|
||||
|
||||
/* Swiper 테마 컬러(인디케이터 색상) 변경
|
||||
*/
|
||||
:root {
|
||||
--swiper-theme-color: #374049 !important;
|
||||
}
|
||||
|
||||
/* 상단 띠배너 배경색
|
||||
*/
|
||||
.top-banner {
|
||||
background-color: #343A40;
|
||||
}
|
||||
|
||||
/* 카테고리 탭 아이콘
|
||||
( 사이즈 : 58x58 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_category-type-tab01 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab01.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab02 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab02.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab03 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab03.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab04 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab04.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab05 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab05.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab06 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab06.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab07 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab07.png);
|
||||
}
|
||||
|
||||
/* 카테고리 탭 현재 활성화된 탭 색상
|
||||
*/
|
||||
.category-type-tab__btn.active .category-type-tab__name {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
.icon_category-type-tab08 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab08.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 있는(O) 경우, 배경이미지 설정
|
||||
( 이미지 사이즈 : 720x400 )
|
||||
*/
|
||||
.main-section__time-sale {
|
||||
background-image: url(../../images/image_time-sale.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 없는(X) 경우, 배경색 설정
|
||||
*/
|
||||
.main-section__time-sale.no-bg {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
/* 상품 - 그룹별 타입 활성화탭 색상
|
||||
*/
|
||||
.product-tab__btn.active {
|
||||
font-weight: 500;
|
||||
color: #374049;
|
||||
box-shadow: inset 0 -3px 0 0 #374049;
|
||||
}
|
||||
|
||||
/* 이미지 배너타입 화살표 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-banner-arrow {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_exhibition-arrow.png);
|
||||
vertical-align: top;
|
||||
margin-left: 1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* 인스타그램 로고
|
||||
( 사이즈 : 20x20 또는 그 배수 )
|
||||
*/
|
||||
.main-section__sns .main-section-title__title::before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 2px;
|
||||
background-image: url(../../images/icon_section-sns.png);
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 공지사항 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice-speaker {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_notice-speaker.png);
|
||||
}
|
||||
|
||||
/* 메인 문의하기 버튼 색상
|
||||
*/
|
||||
.mainNotice__customerLink__link.primary {
|
||||
background-color: #374049;
|
||||
}
|
||||
|
||||
/* 메인 고객센터 아이콘
|
||||
( 사이즈 : 72x72 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice03 {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background-image: url(../../images/icon_notice-customer.png);
|
||||
}
|
||||
|
||||
/* 메인 고객센터 번호 색상
|
||||
*/
|
||||
.notice__number {
|
||||
color: #46525e;
|
||||
}
|
||||
|
||||
/* 서브 페이지 헤더 탭 색상
|
||||
*/
|
||||
.headerTab__item.active::after {
|
||||
background-color: #46525e;
|
||||
}
|
||||
|
||||
.headerTab__item.active a {
|
||||
color: #46525e;
|
||||
}
|
||||
|
||||
/* Primary 버튼 색상 */
|
||||
.btn.theme {
|
||||
background-color: #374049;
|
||||
color: #ffffff;
|
||||
}
|
||||
.btn.theme:active {
|
||||
background-color: #2e363d;
|
||||
}
|
||||
.btn.outline.theme {
|
||||
color: #374049;
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
/* 탭 버튼 색상 설정 */
|
||||
.sub-tab__btn.current {
|
||||
background-color: #46525e;
|
||||
border-color: transparent;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sub-tab__trigger.type02 .sub-tab__btn.current {
|
||||
border-top: 2px solid #46525e;
|
||||
}
|
||||
|
||||
/* 기간 선택 버튼 색상 설정 */
|
||||
.dateRange-btnContainer .dateRange-btn.selected {
|
||||
color: #374049;
|
||||
border: 1px solid #374049;
|
||||
}
|
||||
|
||||
/* 마이페이지 메인 주문/배송 조회 색상 설정 */
|
||||
.orderProgress__list li.current .orderProgress__num {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 마이페이지 배송지 관리 기본 배송지 색상 설정 */
|
||||
.addressManage__itemPerson.current {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 마이페이지 회원등급 제목 색상 설정 */
|
||||
.myMemberRankInfo__title em {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 마이페이지 마일리지 내역 색상 설정 */
|
||||
.mileageStatusCurrent__number {
|
||||
color: #374049;
|
||||
}
|
||||
.mileageStatusCurrent__unit {
|
||||
color: #374049;
|
||||
}
|
||||
.mileageStatusMisc__item--scheduled .mileageStatusMisc__number {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 결제예정금액 색상 설정 */
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTh,
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTd {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
.orderDetail__table > .table .orderDetail__table__sum th,
|
||||
.orderDetail__table > .table .orderDetail__table__sum td {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 주문 상품 마일리지 색상 설정 */
|
||||
.orderInfo__mileageText em {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 주문 결과 상단 타이틀 색상 설정 */
|
||||
.orderCompletedTop__title {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 주문 실패 타이틀, 설명 포인트 색상 설정 */
|
||||
.orderFailed__title em,
|
||||
.orderFailed__text em {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 검색 결과 인기 검색어 숫자 색상 설정 */
|
||||
.resultTrend__num {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 쿠폰 다운로드 색상 설정 */
|
||||
.productCoupon__right {
|
||||
background-color: #374049;
|
||||
}
|
||||
.productCoupon__text {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 회원혜택 회사명 색상 설정 */
|
||||
.productDetailInfo__memberBenefits__title em {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 상세탭 밑줄 색상 설정 */
|
||||
.productDetailTab__item.active::after {
|
||||
background-color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 평점 비율 색상 설정 */
|
||||
.productReview__ratingStats__topRating .productReview__ratingStats__fill {
|
||||
background-color: #46525e;
|
||||
}
|
||||
|
||||
.productReview__ratingStats__num {
|
||||
background-color: #46525e;
|
||||
}
|
||||
.productReview__ratingStats__num::before {
|
||||
border-right-color: #46525e;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 건수 색상 설정 */
|
||||
.productReview__subTitle__num {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 리뷰 "도움이 돼요" 색상 설정 */
|
||||
.userReviewItem__like svg,
|
||||
.userReviewItem__like path {
|
||||
fill: #374049;
|
||||
}
|
||||
.userReviewItem__like em {
|
||||
color: #374049;
|
||||
}
|
||||
.userReviewItem__like.selected {
|
||||
background-color: #374049;
|
||||
}
|
||||
|
||||
/* 매장안내 탭 색상 설정 */
|
||||
.storeList__tabBtn.current {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 매장지역 타이틀 색상 설정 */
|
||||
.storeList__subList__title {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 왼쪽 띠 색상 설정 */
|
||||
.storeDetail__storeName::before {
|
||||
background-color: #374049;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 밑줄 색상 설정 */
|
||||
.storeDetail__storeName {
|
||||
border-color: #374049;
|
||||
}
|
||||
|
||||
/* 이벤트 버튼 색상 설정 */
|
||||
.eventDetail__answer__btn {
|
||||
background-color: #374049;
|
||||
}
|
||||
|
||||
/* 브랜드소개 오시는 길 왼쪽띠 색상 설정 */
|
||||
.brandIntroMap__storeName {
|
||||
border-color: #374049;
|
||||
}
|
||||
|
||||
/* 상품 서브리스트 헤더 메뉴 색상 설정 */
|
||||
.header__category__list li.active a {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
/* 게시물 추천, 비추천 색상 설정 */
|
||||
.postLikeBtn svg,
|
||||
.postLikeBtn path {
|
||||
fill: #374049;
|
||||
}
|
||||
|
||||
.postLikeBtn em {
|
||||
color: #374049;
|
||||
}
|
||||
|
||||
.postLikeBtn.clicked {
|
||||
background-color: #374049;
|
||||
}/*# sourceMappingURL=theme.css.map */
|
||||
516
src/main/resources/static/sopmall/mobile/css/theme/themeCH.css
Normal file
516
src/main/resources/static/sopmall/mobile/css/theme/themeCH.css
Normal file
@@ -0,0 +1,516 @@
|
||||
@charset "UTF-8";
|
||||
/****** 참다한 테마 컬러 #962020 ******/
|
||||
/* svg 아이콘 테마 색상 설정 */
|
||||
.svg-themeColor {
|
||||
fill: #962020;
|
||||
}
|
||||
|
||||
/* 헤더 로고 사이즈 설정
|
||||
*/
|
||||
.header__home-link {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* 헤더 카테고리 탭 색상
|
||||
*/
|
||||
.home-category__item.active a {
|
||||
color: #a62729;
|
||||
}
|
||||
|
||||
.home-category__item.active::after {
|
||||
background-color: #a62729;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니, 마이페이지 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_nav-search {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-search.png);
|
||||
}
|
||||
|
||||
.icon_nav-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-cart.png);
|
||||
}
|
||||
|
||||
.icon_nav-menu {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-menu.png);
|
||||
}
|
||||
|
||||
/* 햄버거 메뉴 링크 색상 설정 */
|
||||
.menu_navigation_wrap .side_menu > li > div.on .depth {
|
||||
color: #962020;
|
||||
}
|
||||
.menu_navigation_wrap .side_menu > li > ul li > div.on a.hasSub {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 실시간 검색 숫자 색상 설정 */
|
||||
.search-trend__number {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 실시간 검색 상승, 하강 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_search-up {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-up.png);
|
||||
}
|
||||
|
||||
.icon_search-down {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-down.png);
|
||||
}
|
||||
|
||||
/* 실시간 검색 동일 순위 표시('-')
|
||||
*/
|
||||
.icon_search-default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.icon_search-default::after {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 2px;
|
||||
background-color: #979b9d;
|
||||
}
|
||||
|
||||
/* 하단 탭바 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-category {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-category.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-wishlist {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-wishlist.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-cart.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-mypage {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-mypage.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 아이콘
|
||||
( 사이즈 : 32x32 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-home {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../../images/icon_tab-bar-home.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 배경색 설정
|
||||
*/
|
||||
.tab-bar__home {
|
||||
background-color: #a62729;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니 상품숫자 Badge 색상 설정 및 위치 조정
|
||||
(아이콘 모양이 달라지면 top, right 로 위치조정 필요할 수 있음)
|
||||
*/
|
||||
.number-badge {
|
||||
background-color: #a62729;
|
||||
top: 4px;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
/* 상단으로 이동 아이콘
|
||||
( 사이즈 : 48x48 또는 그 배수 )
|
||||
*/
|
||||
.icon_quick-to-top {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-image: url(../../images/icon_quick-to-top.png);
|
||||
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
/* 평점 별 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_rating-star {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_rating-star.png);
|
||||
}
|
||||
|
||||
/* 리뷰 개수 색상 변경
|
||||
*/
|
||||
.product-unit-rating__count {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 이미지 호버시 장바구니 담기 아이콘
|
||||
( 사이즈 : 44x44 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-unit-addToCart {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-image: url(../../images/icon_product-unit-addToCart.png);
|
||||
}
|
||||
|
||||
/* Swiper 테마 컬러(인디케이터 색상) 변경
|
||||
*/
|
||||
:root {
|
||||
--swiper-theme-color: #962020 !important;
|
||||
}
|
||||
|
||||
/* 상단 띠배너 배경색
|
||||
*/
|
||||
.top-banner {
|
||||
background-color: #343A40;
|
||||
}
|
||||
|
||||
/* 카테고리 탭 아이콘
|
||||
( 사이즈 : 58x58 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_category-type-tab01 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab01.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab02 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab02.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab03 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab03.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab04 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab04.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab05 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab05.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab06 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab06.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab07 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab07.png);
|
||||
}
|
||||
|
||||
/* 카테고리 탭 현재 활성화된 탭 색상
|
||||
*/
|
||||
.category-type-tab__btn.active .category-type-tab__name {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
.icon_category-type-tab08 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab08.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 있는(O) 경우, 배경이미지 설정
|
||||
( 이미지 사이즈 : 720x400 )
|
||||
*/
|
||||
.main-section__time-sale {
|
||||
background-image: url(../../images/image_time-sale.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 없는(X) 경우, 배경색 설정
|
||||
*/
|
||||
.main-section__time-sale.no-bg {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
/* 상품 - 그룹별 타입 활성화탭 색상
|
||||
*/
|
||||
.product-tab__btn.active {
|
||||
font-weight: 500;
|
||||
color: #962020;
|
||||
box-shadow: inset 0 -3px 0 0 #962020;
|
||||
}
|
||||
|
||||
/* 이미지 배너타입 화살표 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-banner-arrow {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_exhibition-arrow.png);
|
||||
vertical-align: top;
|
||||
margin-left: 1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* 인스타그램 로고
|
||||
( 사이즈 : 20x20 또는 그 배수 )
|
||||
*/
|
||||
.main-section__sns .main-section-title__title::before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 2px;
|
||||
background-image: url(../../images/icon_section-sns.png);
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 공지사항 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice-speaker {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_notice-speaker.png);
|
||||
}
|
||||
|
||||
/* 메인 문의하기 버튼 색상
|
||||
*/
|
||||
.mainNotice__customerLink__link.primary {
|
||||
background-color: #962020;
|
||||
}
|
||||
|
||||
/* 메인 고객센터 아이콘
|
||||
( 사이즈 : 72x72 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice03 {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background-image: url(../../images/icon_notice-customer.png);
|
||||
}
|
||||
|
||||
/* 메인 고객센터 번호 색상
|
||||
*/
|
||||
.notice__number {
|
||||
color: #a62729;
|
||||
}
|
||||
|
||||
/* 서브 페이지 헤더 탭 색상
|
||||
*/
|
||||
.headerTab__item.active::after {
|
||||
background-color: #a62729;
|
||||
}
|
||||
|
||||
.headerTab__item.active a {
|
||||
color: #a62729;
|
||||
}
|
||||
|
||||
/* Primary 버튼 색상 */
|
||||
.btn.theme {
|
||||
background-color: #962020;
|
||||
color: #ffffff;
|
||||
}
|
||||
.btn.theme:active {
|
||||
background-color: #851c1c;
|
||||
}
|
||||
.btn.outline.theme {
|
||||
color: #962020;
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
/* 탭 버튼 색상 설정 */
|
||||
.sub-tab__btn.current {
|
||||
background-color: #a62729;
|
||||
border-color: transparent;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sub-tab__trigger.type02 .sub-tab__btn.current {
|
||||
border-top: 2px solid #a62729;
|
||||
}
|
||||
|
||||
/* 기간 선택 버튼 색상 설정 */
|
||||
.dateRange-btnContainer .dateRange-btn.selected {
|
||||
color: #962020;
|
||||
border: 1px solid #962020;
|
||||
}
|
||||
|
||||
/* 마이페이지 메인 주문/배송 조회 색상 설정 */
|
||||
.orderProgress__list li.current .orderProgress__num {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 마이페이지 배송지 관리 기본 배송지 색상 설정 */
|
||||
.addressManage__itemPerson.current {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 마이페이지 회원등급 제목 색상 설정 */
|
||||
.myMemberRankInfo__title em {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 마이페이지 마일리지 내역 색상 설정 */
|
||||
.mileageStatusCurrent__number {
|
||||
color: #962020;
|
||||
}
|
||||
.mileageStatusCurrent__unit {
|
||||
color: #962020;
|
||||
}
|
||||
.mileageStatusMisc__item--scheduled .mileageStatusMisc__number {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 결제예정금액 색상 설정 */
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTh,
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTd {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
.orderDetail__table > .table .orderDetail__table__sum th,
|
||||
.orderDetail__table > .table .orderDetail__table__sum td {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 주문 상품 마일리지 색상 설정 */
|
||||
.orderInfo__mileageText em {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 주문 결과 상단 타이틀 색상 설정 */
|
||||
.orderCompletedTop__title {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 주문 실패 타이틀, 설명 포인트 색상 설정 */
|
||||
.orderFailed__title em,
|
||||
.orderFailed__text em {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 검색 결과 인기 검색어 숫자 색상 설정 */
|
||||
.resultTrend__num {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 쿠폰 다운로드 색상 설정 */
|
||||
.productCoupon__right {
|
||||
background-color: #962020;
|
||||
}
|
||||
.productCoupon__text {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 회원혜택 회사명 색상 설정 */
|
||||
.productDetailInfo__memberBenefits__title em {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 상세탭 밑줄 색상 설정 */
|
||||
.productDetailTab__item.active::after {
|
||||
background-color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 평점 비율 색상 설정 */
|
||||
.productReview__ratingStats__topRating .productReview__ratingStats__fill {
|
||||
background-color: #a62729;
|
||||
}
|
||||
|
||||
.productReview__ratingStats__num {
|
||||
background-color: #a62729;
|
||||
}
|
||||
.productReview__ratingStats__num::before {
|
||||
border-right-color: #a62729;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 건수 색상 설정 */
|
||||
.productReview__subTitle__num {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 리뷰 "도움이 돼요" 색상 설정 */
|
||||
.userReviewItem__like svg,
|
||||
.userReviewItem__like path {
|
||||
fill: #962020;
|
||||
}
|
||||
.userReviewItem__like em {
|
||||
color: #962020;
|
||||
}
|
||||
.userReviewItem__like.selected {
|
||||
background-color: #962020;
|
||||
}
|
||||
|
||||
/* 매장안내 탭 색상 설정 */
|
||||
.storeList__tabBtn.current {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 매장지역 타이틀 색상 설정 */
|
||||
.storeList__subList__title {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 왼쪽 띠 색상 설정 */
|
||||
.storeDetail__storeName::before {
|
||||
background-color: #962020;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 밑줄 색상 설정 */
|
||||
.storeDetail__storeName {
|
||||
border-color: #962020;
|
||||
}
|
||||
|
||||
/* 이벤트 버튼 색상 설정 */
|
||||
.eventDetail__answer__btn {
|
||||
background-color: #962020;
|
||||
}
|
||||
|
||||
/* 브랜드소개 오시는 길 왼쪽띠 색상 설정 */
|
||||
.brandIntroMap__storeName {
|
||||
border-color: #962020;
|
||||
}
|
||||
|
||||
/* 상품 서브리스트 헤더 메뉴 색상 설정 */
|
||||
.header__category__list li.active a {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
/* 게시물 추천, 비추천 색상 설정 */
|
||||
.postLikeBtn svg,
|
||||
.postLikeBtn path {
|
||||
fill: #962020;
|
||||
}
|
||||
|
||||
.postLikeBtn em {
|
||||
color: #962020;
|
||||
}
|
||||
|
||||
.postLikeBtn.clicked {
|
||||
background-color: #962020;
|
||||
}/*# sourceMappingURL=theme.css.map */
|
||||
516
src/main/resources/static/sopmall/mobile/css/theme/themeJM.css
Normal file
516
src/main/resources/static/sopmall/mobile/css/theme/themeJM.css
Normal file
@@ -0,0 +1,516 @@
|
||||
themeNC.css@charset "UTF-8";
|
||||
/****** 뉴트리코어 테마 컬러 #591854 ******/
|
||||
/* svg 아이콘 테마 색상 설정 */
|
||||
.svg-themeColor {
|
||||
fill: #591854;
|
||||
}
|
||||
|
||||
/* 헤더 로고 사이즈 설정
|
||||
*/
|
||||
.header__home-link {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* 헤더 카테고리 탭 색상
|
||||
*/
|
||||
.home-category__item.active a {
|
||||
color: #E05C7E;
|
||||
}
|
||||
|
||||
.home-category__item.active::after {
|
||||
background-color: #E05C7E;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니, 마이페이지 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_nav-search {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-search.png);
|
||||
}
|
||||
|
||||
.icon_nav-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-cart.png);
|
||||
}
|
||||
|
||||
.icon_nav-menu {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-menu.png);
|
||||
}
|
||||
|
||||
/* 햄버거 메뉴 링크 색상 설정 */
|
||||
.menu_navigation_wrap .side_menu > li > div.on .depth {
|
||||
color: #591854;
|
||||
}
|
||||
.menu_navigation_wrap .side_menu > li > ul li > div.on a.hasSub {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 실시간 검색 숫자 색상 설정 */
|
||||
.search-trend__number {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 실시간 검색 상승, 하강 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_search-up {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-up.png);
|
||||
}
|
||||
|
||||
.icon_search-down {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-down.png);
|
||||
}
|
||||
|
||||
/* 실시간 검색 동일 순위 표시('-')
|
||||
*/
|
||||
.icon_search-default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.icon_search-default::after {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 2px;
|
||||
background-color: #979b9d;
|
||||
}
|
||||
|
||||
/* 하단 탭바 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-category {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-category.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-wishlist {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-wishlist.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-cart.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-mypage {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-mypage.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 아이콘
|
||||
( 사이즈 : 32x32 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-home {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../../images/icon_tab-bar-home.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 배경색 설정
|
||||
*/
|
||||
.tab-bar__home {
|
||||
background-color: #E05C7E;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니 상품숫자 Badge 색상 설정 및 위치 조정
|
||||
(아이콘 모양이 달라지면 top, right 로 위치조정 필요할 수 있음)
|
||||
*/
|
||||
.number-badge {
|
||||
background-color: #E05C7E;
|
||||
top: 4px;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
/* 상단으로 이동 아이콘
|
||||
( 사이즈 : 48x48 또는 그 배수 )
|
||||
*/
|
||||
.icon_quick-to-top {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-image: url(../../images/icon_quick-to-top.png);
|
||||
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
/* 평점 별 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_rating-star {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_rating-star.png);
|
||||
}
|
||||
|
||||
/* 리뷰 개수 색상 변경
|
||||
*/
|
||||
.product-unit-rating__count {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 이미지 호버시 장바구니 담기 아이콘
|
||||
( 사이즈 : 44x44 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-unit-addToCart {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-image: url(../../images/icon_product-unit-addToCart.png);
|
||||
}
|
||||
|
||||
/* Swiper 테마 컬러(인디케이터 색상) 변경
|
||||
*/
|
||||
:root {
|
||||
--swiper-theme-color: #591854 !important;
|
||||
}
|
||||
|
||||
/* 상단 띠배너 배경색
|
||||
*/
|
||||
.top-banner {
|
||||
background-color: #343A40;
|
||||
}
|
||||
|
||||
/* 카테고리 탭 아이콘
|
||||
( 사이즈 : 58x58 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_category-type-tab01 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab01.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab02 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab02.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab03 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab03.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab04 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab04.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab05 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab05.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab06 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab06.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab07 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab07.png);
|
||||
}
|
||||
|
||||
/* 카테고리 탭 현재 활성화된 탭 색상
|
||||
*/
|
||||
.category-type-tab__btn.active .category-type-tab__name {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
.icon_category-type-tab08 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab08.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 있는(O) 경우, 배경이미지 설정
|
||||
( 이미지 사이즈 : 720x400 )
|
||||
*/
|
||||
.main-section__time-sale {
|
||||
background-image: url(../../images/image_time-sale.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 없는(X) 경우, 배경색 설정
|
||||
*/
|
||||
.main-section__time-sale.no-bg {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
/* 상품 - 그룹별 타입 활성화탭 색상
|
||||
*/
|
||||
.product-tab__btn.active {
|
||||
font-weight: 500;
|
||||
color: #591854;
|
||||
box-shadow: inset 0 -3px 0 0 #591854;
|
||||
}
|
||||
|
||||
/* 이미지 배너타입 화살표 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-banner-arrow {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_exhibition-arrow.png);
|
||||
vertical-align: top;
|
||||
margin-left: 1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* 인스타그램 로고
|
||||
( 사이즈 : 20x20 또는 그 배수 )
|
||||
*/
|
||||
.main-section__sns .main-section-title__title::before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 2px;
|
||||
background-image: url(../../images/icon_section-sns.png);
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 공지사항 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice-speaker {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_notice-speaker.png);
|
||||
}
|
||||
|
||||
/* 메인 문의하기 버튼 색상
|
||||
*/
|
||||
.mainNotice__customerLink__link.primary {
|
||||
background-color: #591854;
|
||||
}
|
||||
|
||||
/* 메인 고객센터 아이콘
|
||||
( 사이즈 : 72x72 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice03 {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background-image: url(../../images/icon_notice-customer.png);
|
||||
}
|
||||
|
||||
/* 메인 고객센터 번호 색상
|
||||
*/
|
||||
.notice__number {
|
||||
color: #E05C7E;
|
||||
}
|
||||
|
||||
/* 서브 페이지 헤더 탭 색상
|
||||
*/
|
||||
.headerTab__item.active::after {
|
||||
background-color: #E05C7E;
|
||||
}
|
||||
|
||||
.headerTab__item.active a {
|
||||
color: #E05C7E;
|
||||
}
|
||||
|
||||
/* Primary 버튼 색상 */
|
||||
.btn.theme {
|
||||
background-color: #591854;
|
||||
color: #ffffff;
|
||||
}
|
||||
.btn.theme:active {
|
||||
background-color: #AE6A9B;
|
||||
}
|
||||
.btn.outline.theme {
|
||||
color: #591854;
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
/* 탭 버튼 색상 설정 */
|
||||
.sub-tab__btn.current {
|
||||
background-color: #E05C7E;
|
||||
border-color: transparent;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sub-tab__trigger.type02 .sub-tab__btn.current {
|
||||
border-top: 2px solid #E05C7E;
|
||||
}
|
||||
|
||||
/* 기간 선택 버튼 색상 설정 */
|
||||
.dateRange-btnContainer .dateRange-btn.selected {
|
||||
color: #591854;
|
||||
border: 1px solid #591854;
|
||||
}
|
||||
|
||||
/* 마이페이지 메인 주문/배송 조회 색상 설정 */
|
||||
.orderProgress__list li.current .orderProgress__num {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 마이페이지 배송지 관리 기본 배송지 색상 설정 */
|
||||
.addressManage__itemPerson.current {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 마이페이지 회원등급 제목 색상 설정 */
|
||||
.myMemberRankInfo__title em {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 마이페이지 마일리지 내역 색상 설정 */
|
||||
.mileageStatusCurrent__number {
|
||||
color: #591854;
|
||||
}
|
||||
.mileageStatusCurrent__unit {
|
||||
color: #591854;
|
||||
}
|
||||
.mileageStatusMisc__item--scheduled .mileageStatusMisc__number {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 결제예정금액 색상 설정 */
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTh,
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTd {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
.orderDetail__table > .table .orderDetail__table__sum th,
|
||||
.orderDetail__table > .table .orderDetail__table__sum td {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 주문 상품 마일리지 색상 설정 */
|
||||
.orderInfo__mileageText em {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 주문 결과 상단 타이틀 색상 설정 */
|
||||
.orderCompletedTop__title {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 주문 실패 타이틀, 설명 포인트 색상 설정 */
|
||||
.orderFailed__title em,
|
||||
.orderFailed__text em {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 검색 결과 인기 검색어 숫자 색상 설정 */
|
||||
.resultTrend__num {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 쿠폰 다운로드 색상 설정 */
|
||||
.productCoupon__right {
|
||||
background-color: #591854;
|
||||
}
|
||||
.productCoupon__text {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 회원혜택 회사명 색상 설정 */
|
||||
.productDetailInfo__memberBenefits__title em {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 상세탭 밑줄 색상 설정 */
|
||||
.productDetailTab__item.active::after {
|
||||
background-color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 평점 비율 색상 설정 */
|
||||
.productReview__ratingStats__topRating .productReview__ratingStats__fill {
|
||||
background-color: #E05C7E;
|
||||
}
|
||||
|
||||
.productReview__ratingStats__num {
|
||||
background-color: #E05C7E;
|
||||
}
|
||||
.productReview__ratingStats__num::before {
|
||||
border-right-color: #E05C7E;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 건수 색상 설정 */
|
||||
.productReview__subTitle__num {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 리뷰 "도움이 돼요" 색상 설정 */
|
||||
.userReviewItem__like svg,
|
||||
.userReviewItem__like path {
|
||||
fill: #591854;
|
||||
}
|
||||
.userReviewItem__like em {
|
||||
color: #591854;
|
||||
}
|
||||
.userReviewItem__like.selected {
|
||||
background-color: #591854;
|
||||
}
|
||||
|
||||
/* 매장안내 탭 색상 설정 */
|
||||
.storeList__tabBtn.current {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 매장지역 타이틀 색상 설정 */
|
||||
.storeList__subList__title {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 왼쪽 띠 색상 설정 */
|
||||
.storeDetail__storeName::before {
|
||||
background-color: #591854;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 밑줄 색상 설정 */
|
||||
.storeDetail__storeName {
|
||||
border-color: #591854;
|
||||
}
|
||||
|
||||
/* 이벤트 버튼 색상 설정 */
|
||||
.eventDetail__answer__btn {
|
||||
background-color: #591854;
|
||||
}
|
||||
|
||||
/* 브랜드소개 오시는 길 왼쪽띠 색상 설정 */
|
||||
.brandIntroMap__storeName {
|
||||
border-color: #591854;
|
||||
}
|
||||
|
||||
/* 상품 서브리스트 헤더 메뉴 색상 설정 */
|
||||
.header__category__list li.active a {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
/* 게시물 추천, 비추천 색상 설정 */
|
||||
.postLikeBtn svg,
|
||||
.postLikeBtn path {
|
||||
fill: #591854;
|
||||
}
|
||||
|
||||
.postLikeBtn em {
|
||||
color: #591854;
|
||||
}
|
||||
|
||||
.postLikeBtn.clicked {
|
||||
background-color: #591854;
|
||||
}/*# sourceMappingURL=theme.css.map */
|
||||
516
src/main/resources/static/sopmall/mobile/css/theme/themeNC.css
Normal file
516
src/main/resources/static/sopmall/mobile/css/theme/themeNC.css
Normal file
@@ -0,0 +1,516 @@
|
||||
@charset "UTF-8";
|
||||
/****** 뉴트리코어 테마 컬러 #78B857 ******/
|
||||
/* svg 아이콘 테마 색상 설정 */
|
||||
.svg-themeColor {
|
||||
fill: #78B857;
|
||||
}
|
||||
|
||||
/* 헤더 로고 사이즈 설정
|
||||
*/
|
||||
.header__home-link {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/* 헤더 카테고리 탭 색상
|
||||
*/
|
||||
.home-category__item.active a {
|
||||
color: #86c860;
|
||||
}
|
||||
|
||||
.home-category__item.active::after {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니, 마이페이지 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_nav-search {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-search.png);
|
||||
}
|
||||
|
||||
.icon_nav-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-cart.png);
|
||||
}
|
||||
|
||||
.icon_nav-menu {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_nav-menu.png);
|
||||
}
|
||||
|
||||
/* 햄버거 메뉴 링크 색상 설정 */
|
||||
.menu_navigation_wrap .side_menu > li > div.on .depth {
|
||||
color: #78B857;
|
||||
}
|
||||
.menu_navigation_wrap .side_menu > li > ul li > div.on a.hasSub {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 실시간 검색 숫자 색상 설정 */
|
||||
.search-trend__number {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 실시간 검색 상승, 하강 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_search-up {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-up.png);
|
||||
}
|
||||
|
||||
.icon_search-down {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_search-down.png);
|
||||
}
|
||||
|
||||
/* 실시간 검색 동일 순위 표시('-')
|
||||
*/
|
||||
.icon_search-default {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.icon_search-default::after {
|
||||
display: inline-block;
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 2px;
|
||||
background-color: #979b9d;
|
||||
}
|
||||
|
||||
/* 하단 탭바 아이콘
|
||||
( 사이즈 : 24x24 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-category {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-category.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-wishlist {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-wishlist.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-cart {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-cart.png);
|
||||
}
|
||||
|
||||
.icon_tab-bar-mypage {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-image: url(../../images/icon_tab-bar-mypage.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 아이콘
|
||||
( 사이즈 : 32x32 또는 그 배수 )
|
||||
*/
|
||||
.icon_tab-bar-home {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../../images/icon_tab-bar-home.png);
|
||||
}
|
||||
|
||||
/* 하단 탭바 홈 배경색 설정
|
||||
*/
|
||||
.tab-bar__home {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
/* 헤더 장바구니 상품숫자 Badge 색상 설정 및 위치 조정
|
||||
(아이콘 모양이 달라지면 top, right 로 위치조정 필요할 수 있음)
|
||||
*/
|
||||
.number-badge {
|
||||
background-color: #86c860;
|
||||
top: 4px;
|
||||
right: 2px;
|
||||
}
|
||||
|
||||
/* 상단으로 이동 아이콘
|
||||
( 사이즈 : 48x48 또는 그 배수 )
|
||||
*/
|
||||
.icon_quick-to-top {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background-image: url(../../images/icon_quick-to-top.png);
|
||||
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
/* 평점 별 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_rating-star {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_rating-star.png);
|
||||
}
|
||||
|
||||
/* 리뷰 개수 색상 변경
|
||||
*/
|
||||
.product-unit-rating__count {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 이미지 호버시 장바구니 담기 아이콘
|
||||
( 사이즈 : 44x44 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-unit-addToCart {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-image: url(../../images/icon_product-unit-addToCart.png);
|
||||
}
|
||||
|
||||
/* Swiper 테마 컬러(인디케이터 색상) 변경
|
||||
*/
|
||||
:root {
|
||||
--swiper-theme-color: #78B857 !important;
|
||||
}
|
||||
|
||||
/* 상단 띠배너 배경색
|
||||
*/
|
||||
.top-banner {
|
||||
background-color: #343A40;
|
||||
}
|
||||
|
||||
/* 카테고리 탭 아이콘
|
||||
( 사이즈 : 58x58 또는 그 배수 )
|
||||
( 개수가 늘어나면 css 추가 작성필요 )
|
||||
*/
|
||||
.icon_category-type-tab01 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab01.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab02 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab02.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab03 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab03.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab04 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab04.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab05 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab05.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab06 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab06.png);
|
||||
}
|
||||
|
||||
.icon_category-type-tab07 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab07.png);
|
||||
}
|
||||
|
||||
/* 카테고리 탭 현재 활성화된 탭 색상
|
||||
*/
|
||||
.category-type-tab__btn.active .category-type-tab__name {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
.icon_category-type-tab08 {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
background-image: url(../../images/icon_category-type-tab08.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 있는(O) 경우, 배경이미지 설정
|
||||
( 이미지 사이즈 : 720x400 )
|
||||
*/
|
||||
.main-section__time-sale {
|
||||
background-image: url(../../images/image_time-sale.png);
|
||||
}
|
||||
|
||||
/* 타임세일 : 배경이미지 없는(X) 경우, 배경색 설정
|
||||
*/
|
||||
.main-section__time-sale.no-bg {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
/* 상품 - 그룹별 타입 활성화탭 색상
|
||||
*/
|
||||
.product-tab__btn.active {
|
||||
font-weight: 500;
|
||||
color: #78B857;
|
||||
box-shadow: inset 0 -3px 0 0 #78B857;
|
||||
}
|
||||
|
||||
/* 이미지 배너타입 화살표 아이콘
|
||||
( 사이즈 : 18x18 또는 그 배수 )
|
||||
*/
|
||||
.icon_product-banner-arrow {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-image: url(../../images/icon_exhibition-arrow.png);
|
||||
vertical-align: top;
|
||||
margin-left: 1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* 인스타그램 로고
|
||||
( 사이즈 : 20x20 또는 그 배수 )
|
||||
*/
|
||||
.main-section__sns .main-section-title__title::before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 2px;
|
||||
background-image: url(../../images/icon_section-sns.png);
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* 공지사항 아이콘
|
||||
( 사이즈 : 15x15 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice-speaker {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-image: url(../../images/icon_notice-speaker.png);
|
||||
}
|
||||
|
||||
/* 메인 문의하기 버튼 색상
|
||||
*/
|
||||
.mainNotice__customerLink__link.primary {
|
||||
background-color: #78B857;
|
||||
}
|
||||
|
||||
/* 메인 고객센터 아이콘
|
||||
( 사이즈 : 72x72 또는 그 배수 )
|
||||
*/
|
||||
.icon_notice03 {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
background-image: url(../../images/icon_notice-customer.png);
|
||||
}
|
||||
|
||||
/* 메인 고객센터 번호 색상
|
||||
*/
|
||||
.notice__number {
|
||||
color: #86c860;
|
||||
}
|
||||
|
||||
/* 서브 페이지 헤더 탭 색상
|
||||
*/
|
||||
.headerTab__item.active::after {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
.headerTab__item.active a {
|
||||
color: #86c860;
|
||||
}
|
||||
|
||||
/* Primary 버튼 색상 */
|
||||
.btn.theme {
|
||||
background-color: #78B857;
|
||||
color: #ffffff;
|
||||
}
|
||||
.btn.theme:active {
|
||||
background-color: #6db04a;
|
||||
}
|
||||
.btn.outline.theme {
|
||||
color: #78B857;
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
/* 탭 버튼 색상 설정 */
|
||||
.sub-tab__btn.current {
|
||||
background-color: #86c860;
|
||||
border-color: transparent;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sub-tab__trigger.type02 .sub-tab__btn.current {
|
||||
border-top: 2px solid #86c860;
|
||||
}
|
||||
|
||||
/* 기간 선택 버튼 색상 설정 */
|
||||
.dateRange-btnContainer .dateRange-btn.selected {
|
||||
color: #78B857;
|
||||
border: 1px solid #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 메인 주문/배송 조회 색상 설정 */
|
||||
.orderProgress__list li.current .orderProgress__num {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 배송지 관리 기본 배송지 색상 설정 */
|
||||
.addressManage__itemPerson.current {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 회원등급 제목 색상 설정 */
|
||||
.myMemberRankInfo__title em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 마이페이지 마일리지 내역 색상 설정 */
|
||||
.mileageStatusCurrent__number {
|
||||
color: #78B857;
|
||||
}
|
||||
.mileageStatusCurrent__unit {
|
||||
color: #78B857;
|
||||
}
|
||||
.mileageStatusMisc__item--scheduled .mileageStatusMisc__number {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 결제예정금액 색상 설정 */
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTh,
|
||||
.cartOrderBox__total--final .cartOrderBox__totalTd {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
.orderDetail__table > .table .orderDetail__table__sum th,
|
||||
.orderDetail__table > .table .orderDetail__table__sum td {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 주문 상품 마일리지 색상 설정 */
|
||||
.orderInfo__mileageText em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 주문 결과 상단 타이틀 색상 설정 */
|
||||
.orderCompletedTop__title {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 주문 실패 타이틀, 설명 포인트 색상 설정 */
|
||||
.orderFailed__title em,
|
||||
.orderFailed__text em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 검색 결과 인기 검색어 숫자 색상 설정 */
|
||||
.resultTrend__num {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 쿠폰 다운로드 색상 설정 */
|
||||
.productCoupon__right {
|
||||
background-color: #78B857;
|
||||
}
|
||||
.productCoupon__text {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 회원혜택 회사명 색상 설정 */
|
||||
.productDetailInfo__memberBenefits__title em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 상세탭 밑줄 색상 설정 */
|
||||
.productDetailTab__item.active::after {
|
||||
background-color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 평점 비율 색상 설정 */
|
||||
.productReview__ratingStats__topRating .productReview__ratingStats__fill {
|
||||
background-color: #86c860;
|
||||
}
|
||||
|
||||
.productReview__ratingStats__num {
|
||||
background-color: #86c860;
|
||||
}
|
||||
.productReview__ratingStats__num::before {
|
||||
border-right-color: #86c860;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 건수 색상 설정 */
|
||||
.productReview__subTitle__num {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 상세페이지 리뷰 "도움이 돼요" 색상 설정 */
|
||||
.userReviewItem__like svg,
|
||||
.userReviewItem__like path {
|
||||
fill: #78B857;
|
||||
}
|
||||
.userReviewItem__like em {
|
||||
color: #78B857;
|
||||
}
|
||||
.userReviewItem__like.selected {
|
||||
background-color: #78B857;
|
||||
}
|
||||
|
||||
/* 매장안내 탭 색상 설정 */
|
||||
.storeList__tabBtn.current {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 매장지역 타이틀 색상 설정 */
|
||||
.storeList__subList__title {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 왼쪽 띠 색상 설정 */
|
||||
.storeDetail__storeName::before {
|
||||
background-color: #78B857;
|
||||
}
|
||||
|
||||
/* 매장상세 타이틀 밑줄 색상 설정 */
|
||||
.storeDetail__storeName {
|
||||
border-color: #78B857;
|
||||
}
|
||||
|
||||
/* 이벤트 버튼 색상 설정 */
|
||||
.eventDetail__answer__btn {
|
||||
background-color: #78B857;
|
||||
}
|
||||
|
||||
/* 브랜드소개 오시는 길 왼쪽띠 색상 설정 */
|
||||
.brandIntroMap__storeName {
|
||||
border-color: #78B857;
|
||||
}
|
||||
|
||||
/* 상품 서브리스트 헤더 메뉴 색상 설정 */
|
||||
.header__category__list li.active a {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
/* 게시물 추천, 비추천 색상 설정 */
|
||||
.postLikeBtn svg,
|
||||
.postLikeBtn path {
|
||||
fill: #78B857;
|
||||
}
|
||||
|
||||
.postLikeBtn em {
|
||||
color: #78B857;
|
||||
}
|
||||
|
||||
.postLikeBtn.clicked {
|
||||
background-color: #78B857;
|
||||
}/*# sourceMappingURL=theme.css.map */
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
src/main/resources/static/sopmall/mobile/images/121212.png
Normal file
BIN
src/main/resources/static/sopmall/mobile/images/121212.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 487 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 394 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 294 KiB |
BIN
src/main/resources/static/sopmall/mobile/images/Thumbs.db
Normal file
BIN
src/main/resources/static/sopmall/mobile/images/Thumbs.db
Normal file
Binary file not shown.
BIN
src/main/resources/static/sopmall/mobile/images/bnft/121212.png
Normal file
BIN
src/main/resources/static/sopmall/mobile/images/bnft/121212.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 487 KiB |
BIN
src/main/resources/static/sopmall/mobile/images/bnft/1x/대지 1.png
Normal file
BIN
src/main/resources/static/sopmall/mobile/images/bnft/1x/대지 1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 581 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 436 KiB |
BIN
src/main/resources/static/sopmall/mobile/images/bnft/alarm.gif
Normal file
BIN
src/main/resources/static/sopmall/mobile/images/bnft/alarm.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
@@ -0,0 +1,23 @@
|
||||
<svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_65_1031)">
|
||||
<circle cx="39.0001" cy="35" r="35" fill="url(#paint0_linear_65_1031)"/>
|
||||
</g>
|
||||
<path d="M25.32 27.68H27.48V30.38C27.48 35.14 25.84 39.44 22.16 41.14L20.58 38.94C23.8 37.54 25.32 33.98 25.32 30.38V27.68ZM25.84 27.68H28V30.38C28 33.8 29.46 37.2 32.62 38.56L31.06 40.7C27.48 39.06 25.84 34.94 25.84 30.38V27.68ZM33.5 26.24H36.18V44.82H33.5V26.24ZM43.3184 28.16H45.4984V29.32C45.4984 32.82 43.8384 35.96 40.2984 37.1L38.9184 35.04C42.0184 34.04 43.3184 31.64 43.3184 29.32V28.16ZM43.8584 28.16H46.0184V29.32C46.0184 31.5 47.2784 33.76 50.2784 34.72L48.9184 36.78C45.4584 35.66 43.8584 32.64 43.8584 29.32V28.16ZM39.6384 27.34H49.6384V29.46H39.6384V27.34ZM51.1184 26.26H53.7784V37.42H51.1184V26.26ZM53.0384 30.74H56.2384V32.92H53.0384V30.74ZM41.4184 38.22H53.7784V44.78H51.1184V40.36H41.4184V38.22Z" fill="#444444"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_65_1031" x="6.10352e-05" y="0" width="78" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_65_1031"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_65_1031" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_65_1031" x1="19.0001" y1="11" x2="62.0001" y2="57" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E1E1E1"/>
|
||||
<stop offset="0.475" stop-color="#F9F9F9"/>
|
||||
<stop offset="1" stop-color="#E1E1E1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 702 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 166 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.40001 11.8499L2.70001 11.1499L7.85001 5.9999L2.70001 0.849902L3.40001 0.149902L9.25001 5.9999L3.40001 11.8499Z" fill="black" fill-opacity="0.7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 261 B |
Binary file not shown.
|
After Width: | Height: | Size: 173 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.60005 11.8499L9.30005 11.1499L4.15005 5.9999L9.30005 0.849902L8.60005 0.149902L2.75005 5.9999L8.60005 11.8499Z" fill="black" fill-opacity="0.7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 261 B |
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
@@ -0,0 +1,28 @@
|
||||
<svg width="82" height="115" viewBox="0 0 82 115" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_535_2587)">
|
||||
<rect x="36.8" y="5.59033" width="28.8" height="5.59028" rx="2.79514" fill="#D9D9D9"/>
|
||||
<rect x="40" y="11.1807" width="22.4" height="2.39583" fill="#D3D2D4"/>
|
||||
<rect x="40" y="15.9723" width="22.4" height="13.5764" fill="#D3D2D4"/>
|
||||
<rect x="40" y="13.5765" width="22.4" height="2.39583" fill="#E8E8E8"/>
|
||||
<path d="M40 29.5487H62.4V66.2654C62.4 72.451 57.3856 77.4654 51.2 77.4654C45.0144 77.4654 40 72.451 40 66.2654V29.5487Z" fill="#E8E8E8"/>
|
||||
<path d="M57.561 33.5803C58.4291 32.101 57.2219 30.6438 55.8415 30.7536C54.7247 30.8425 53.5944 30.7454 52.4717 30.7801C51.322 30.8157 50.6181 31.553 50.6436 32.6168C50.6678 33.6266 51.3587 34.3235 52.4561 34.3561C53.6538 34.3916 54.8592 34.4324 56.0494 34.3319C56.5529 34.2894 57.0264 33.8921 57.561 33.5803Z" fill="#AEADB3"/>
|
||||
<path d="M52.0656 40.2172C53.5288 40.2843 54.9061 40.4474 56.2678 40.3622C57.2618 40.2999 57.9633 39.1941 57.8517 38.2611C57.746 37.3785 57.0234 36.8417 55.9186 36.8366C54.8352 36.8316 53.7492 36.8827 52.6693 36.8217C51.6717 36.7654 50.9362 37.1349 50.6917 38.0702C50.4165 39.1228 50.9282 39.8625 52.0656 40.2172Z" fill="#AEADB3"/>
|
||||
<path d="M11.2 111.806H19.2V1.99998C19.2 0.895416 18.3046 -1.52588e-05 17.2 -1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#A8A8A8"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<path d="M49.9929 97.0081C49.5195 97.1655 49.0493 97.4465 48.5722 97.4589C46.5923 97.5102 44.61 97.5053 42.6295 97.4695C41.7029 97.4527 40.969 97.6777 40.4577 98.5099C39.8762 99.4564 39.9863 100.357 40.5671 101.226C41.5139 102.643 42.4916 104.038 43.5751 105.507C48.3232 105.582 52.9524 105.593 57.5815 105.604C58.5475 104.16 59.5865 102.757 60.4438 101.25C60.7937 100.636 60.965 99.7572 60.8356 99.0703C60.627 97.9623 59.7147 97.4791 58.5812 97.48C56.3008 97.4818 54.0201 97.4958 51.74 97.4664C51.3241 97.461 50.9105 97.273 50.3827 97.0989C50.1773 97.0217 50.0851 97.0149 49.9929 97.0081Z" fill="#D2D1D3"/>
|
||||
<path d="M57.6208 105.67C52.9523 105.593 48.3231 105.582 43.5931 105.587C42.5898 106.849 41.6181 108.052 40.8169 109.359C40.4639 109.935 40.4576 110.723 40.2853 111.51C47.1215 111.612 53.9662 111.619 60.9174 111.615C61.1045 109.954 59.7984 108.971 59.1034 107.699C58.7174 106.992 58.1472 106.386 57.6208 105.67Z" fill="#989899"/>
|
||||
<path d="M55.6246 90.5071C55.4128 88.6591 54.2249 87.5214 52.8032 86.5016C51.8036 85.7845 50.8636 84.9734 49.9618 84.1348C49.1925 83.4194 48.1027 83.2662 47.5544 84.1063C46.3183 86 45.1294 87.9485 45.0754 90.4539C45.2085 90.719 45.2949 90.8416 45.3637 90.9733C47.0486 94.1967 50.6497 95.1738 53.5863 93.0578C54.4372 92.4447 54.9544 91.3701 55.6246 90.5071Z" fill="#FF9900"/>
|
||||
<path d="M55.7033 90.5592C54.9545 91.37 54.4373 92.4446 53.5864 93.0577C50.6498 95.1738 47.0487 94.1966 45.3638 90.9732C45.2949 90.8415 45.2086 90.719 45.0655 90.549C44.4466 92.9161 45.8238 95.5043 48.503 96.3581C48.9794 96.5099 49.4468 96.6896 49.9556 96.9322C50.0851 97.0149 50.1773 97.0217 50.3383 97.019C50.6035 96.868 50.7841 96.6355 50.9985 96.5985C54.4533 96.0024 55.9911 94.0898 55.7033 90.5592Z" fill="#FF8900"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_535_2587">
|
||||
<rect width="82" height="115" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,28 @@
|
||||
<svg width="82" height="115" viewBox="0 0 82 115" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_535_2839)">
|
||||
<rect x="36.8" y="5.59033" width="28.8" height="5.59028" rx="2.79514" fill="#D9D9D9"/>
|
||||
<rect x="40" y="11.1807" width="22.4" height="2.39583" fill="#D3D2D4"/>
|
||||
<rect x="40" y="15.9723" width="22.4" height="13.5764" fill="#D3D2D4"/>
|
||||
<rect x="40" y="13.5765" width="22.4" height="2.39583" fill="#E8E8E8"/>
|
||||
<path d="M40 29.5487H62.4V66.2654C62.4 72.451 57.3856 77.4654 51.2 77.4654C45.0144 77.4654 40 72.451 40 66.2654V29.5487Z" fill="#E8E8E8"/>
|
||||
<path d="M57.561 33.5803C58.4291 32.101 57.2219 30.6438 55.8415 30.7536C54.7247 30.8425 53.5944 30.7454 52.4717 30.7801C51.322 30.8157 50.6181 31.553 50.6436 32.6168C50.6678 33.6266 51.3587 34.3235 52.4561 34.3561C53.6538 34.3916 54.8592 34.4324 56.0494 34.3319C56.5529 34.2894 57.0264 33.8921 57.561 33.5803Z" fill="#AEADB3"/>
|
||||
<path d="M52.0655 40.2172C53.5288 40.2843 54.906 40.4474 56.2677 40.3622C57.2617 40.2999 57.9633 39.1941 57.8516 38.2611C57.746 37.3785 57.0233 36.8417 55.9185 36.8366C54.8352 36.8316 53.7492 36.8827 52.6693 36.8217C51.6717 36.7654 50.9361 37.1349 50.6916 38.0702C50.4165 39.1228 50.9281 39.8625 52.0655 40.2172Z" fill="#AEADB3"/>
|
||||
<path d="M11.2 111.806H19.2V1.99998C19.2 0.895416 18.3046 -1.52588e-05 17.2 -1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#A8A8A8"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<path d="M49.9929 97.0081C49.5195 97.1655 49.0493 97.4465 48.5722 97.4589C46.5923 97.5102 44.61 97.5053 42.6295 97.4695C41.7029 97.4527 40.969 97.6777 40.4577 98.5099C39.8762 99.4564 39.9863 100.357 40.5671 101.226C41.5139 102.643 42.4916 104.038 43.5751 105.507C48.3232 105.582 52.9524 105.593 57.5815 105.604C58.5475 104.16 59.5865 102.757 60.4438 101.25C60.7937 100.636 60.965 99.7571 60.8356 99.0703C60.627 97.9623 59.7147 97.4791 58.5812 97.48C56.3008 97.4818 54.0201 97.4958 51.74 97.4664C51.3241 97.461 50.9105 97.273 50.3827 97.0989C50.1773 97.0217 50.0851 97.0149 49.9929 97.0081Z" fill="#D2D1D3"/>
|
||||
<path d="M57.6208 105.67C52.9523 105.593 48.3231 105.582 43.5931 105.587C42.5898 106.849 41.6181 108.052 40.8169 109.359C40.4639 109.935 40.4576 110.723 40.2853 111.51C47.1215 111.612 53.9662 111.619 60.9174 111.615C61.1045 109.954 59.7984 108.971 59.1034 107.699C58.7174 106.992 58.1472 106.386 57.6208 105.67Z" fill="#989899"/>
|
||||
<path d="M45.0316 90.5071C45.2435 88.6591 46.4314 87.5214 47.8531 86.5016C48.8527 85.7845 49.7926 84.9734 50.6944 84.1348C51.4638 83.4194 52.5535 83.2662 53.1019 84.1063C54.3379 86 55.5268 87.9485 55.5808 90.4539C55.4477 90.719 55.3614 90.8416 55.2925 90.9733C53.6076 94.1967 50.0065 95.1738 47.0699 93.0578C46.219 92.4447 45.7018 91.3701 45.0316 90.5071Z" fill="#FF9900"/>
|
||||
<path d="M44.9529 90.5592C45.7018 91.37 46.219 92.4446 47.0699 93.0577C50.0065 95.1738 53.6076 94.1966 55.2925 90.9732C55.3613 90.8415 55.4477 90.719 55.5907 90.549C56.2096 92.9161 54.8324 95.5043 52.1532 96.3581C51.6769 96.5099 51.2095 96.6896 50.7007 96.9322C50.5712 97.0149 50.479 97.0217 50.318 97.019C50.0528 96.868 49.8722 96.6355 49.6577 96.5985C46.203 96.0024 44.6651 94.0898 44.9529 90.5592Z" fill="#FF8900"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_535_2839">
|
||||
<rect width="82" height="115" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,30 @@
|
||||
<svg width="82" height="115" viewBox="0 0 82 115" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_535_2899)">
|
||||
<rect x="36.8" y="5.59033" width="28.8" height="5.59028" rx="2.79514" fill="#D9D9D9"/>
|
||||
<rect x="40" y="11.1807" width="22.4" height="2.39583" fill="#D3D2D4"/>
|
||||
<rect x="40" y="15.9723" width="22.4" height="13.5764" fill="#D3D2D4"/>
|
||||
<rect x="40" y="13.5765" width="22.4" height="2.39583" fill="#E8E8E8"/>
|
||||
<path d="M40 29.5487H62.4V66.2654C62.4 72.451 57.3856 77.4654 51.2 77.4654C45.0144 77.4654 40 72.451 40 66.2654V29.5487Z" fill="#E8E8E8"/>
|
||||
<path d="M57.561 33.5803C58.4291 32.101 57.2219 30.6438 55.8415 30.7536C54.7247 30.8425 53.5944 30.7454 52.4717 30.7801C51.322 30.8157 50.6181 31.553 50.6436 32.6168C50.6678 33.6266 51.3587 34.3235 52.4561 34.3561C53.6538 34.3916 54.8592 34.4324 56.0494 34.3319C56.5529 34.2894 57.0264 33.8921 57.561 33.5803Z" fill="#AEADB3"/>
|
||||
<path d="M52.0656 40.2172C53.5289 40.2843 54.9062 40.4474 56.2678 40.3622C57.2618 40.2999 57.9634 39.1941 57.8517 38.2611C57.7461 37.3785 57.0234 36.8417 55.9186 36.8366C54.8353 36.8316 53.7493 36.8827 52.6694 36.8217C51.6718 36.7654 50.9363 37.1349 50.6918 38.0702C50.4166 39.1228 50.9282 39.8625 52.0656 40.2172Z" fill="#AEADB3"/>
|
||||
<path d="M11.2 111.806H19.2V1.99998C19.2 0.895416 18.3045 -1.52588e-05 17.2 -1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#A8A8A8"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<path d="M38.7018 79.2837C37.8912 79.0578 37.1693 78.8534 36.2685 78.5982C36.4346 77.2508 36.1725 75.8458 34.2679 75.7286C33.1288 75.6585 32.5697 76.6385 32.3646 78.5533C31.4906 78.8749 30.6341 79.076 29.918 79.5087C29.6231 79.6869 29.531 80.3606 29.5192 80.8135C29.4875 82.0267 30.2096 82.4974 32.3149 82.7428C32.6696 85.1494 33.0874 85.6488 34.6853 85.5761C35.7811 85.5263 36.1568 84.8837 36.3078 82.7353C37.3474 82.5906 38.557 82.7384 39.1631 81.5379C39.584 80.7041 39.2981 79.9857 38.7018 79.2837Z" fill="#00D8DE"/>
|
||||
<path d="M77.7 67.0941C76.8886 66.7797 76.1399 66.5297 75.1871 66.2115C75.0426 65.5495 75.5169 64.3516 74.3652 63.7998C73.9907 63.6204 73.5203 63.5694 73.0963 63.5781C72.0441 63.5995 71.7254 64.1846 71.5159 66.1583C70.5729 66.556 69.6751 66.8297 68.9071 67.3101C68.5994 67.5026 68.4561 68.1479 68.4484 68.5907C68.4271 69.818 69.0336 70.1513 71.3022 70.359C71.5868 71.2574 71.7609 72.1524 72.1686 72.9244C72.3332 73.2363 73.0078 73.4149 73.4519 73.4178C74.5414 73.4251 75.0163 72.5767 75.2697 70.3397C76.3237 70.2101 77.6543 70.6309 78.2006 69.1928C78.4929 68.4234 78.3322 67.7456 77.7 67.0941Z" fill="#00D8DE"/>
|
||||
<path d="M49.9929 97.0081C49.5195 97.1655 49.0493 97.4465 48.5722 97.4589C46.5923 97.5102 44.61 97.5053 42.6295 97.4695C41.7029 97.4527 40.969 97.6777 40.4577 98.5099C39.8762 99.4564 39.9863 100.357 40.5671 101.226C41.5139 102.643 42.4916 104.038 43.5751 105.507C48.3232 105.582 52.9524 105.593 57.5815 105.604C58.5475 104.16 59.5865 102.757 60.4438 101.25C60.7937 100.636 60.965 99.7571 60.8356 99.0703C60.627 97.9623 59.7147 97.4791 58.5812 97.48C56.3008 97.4818 54.0201 97.4958 51.74 97.4664C51.3241 97.461 50.9105 97.273 50.3827 97.0989C50.1773 97.0217 50.0851 97.0149 49.9929 97.0081Z" fill="#D2D1D3"/>
|
||||
<path d="M57.6208 105.67C52.9523 105.593 48.3231 105.582 43.5931 105.587C42.5898 106.849 41.6181 108.052 40.8169 109.359C40.4639 109.935 40.4576 110.723 40.2853 111.51C47.1215 111.612 53.9662 111.619 60.9174 111.615C61.1045 109.954 59.7984 108.971 59.1034 107.699C58.7174 106.992 58.1472 106.386 57.6208 105.67Z" fill="#989899"/>
|
||||
<path d="M55.6246 90.5071C55.4128 88.6591 54.2249 87.5214 52.8032 86.5016C51.8036 85.7845 50.8636 84.9734 49.9618 84.1348C49.1925 83.4194 48.1027 83.2662 47.5544 84.1063C46.3183 86 45.1294 87.9485 45.0754 90.4539C45.2085 90.719 45.2949 90.8416 45.3637 90.9733C47.0486 94.1967 50.6497 95.1738 53.5863 93.0578C54.4372 92.4447 54.9544 91.3701 55.6246 90.5071Z" fill="#FF9900"/>
|
||||
<path d="M55.7033 90.5592C54.9545 91.37 54.4373 92.4446 53.5864 93.0577C50.6498 95.1738 47.0487 94.1966 45.3638 90.9732C45.2949 90.8415 45.2086 90.719 45.0655 90.549C44.4466 92.9161 45.8238 95.5043 48.503 96.3581C48.9794 96.5099 49.4468 96.6896 49.9556 96.9322C50.0851 97.0149 50.1773 97.0217 50.3383 97.019C50.6035 96.868 50.7841 96.6355 50.9985 96.5985C54.4533 96.0024 55.9911 94.0898 55.7033 90.5592Z" fill="#FF8900"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_535_2899">
|
||||
<rect width="82" height="115" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg width="82" height="115" viewBox="0 0 82 115" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_535_2869)">
|
||||
<rect x="36.8" y="5.59033" width="28.8" height="5.59028" rx="2.79514" fill="#D9D9D9"/>
|
||||
<rect x="40" y="11.1807" width="22.4" height="2.39583" fill="#D3D2D4"/>
|
||||
<rect x="40" y="15.9723" width="22.4" height="13.5764" fill="#D3D2D4"/>
|
||||
<rect x="40" y="13.5765" width="22.4" height="2.39583" fill="#E8E8E8"/>
|
||||
<path d="M40 29.5487H62.4V66.2654C62.4 72.451 57.3856 77.4654 51.2 77.4654C45.0144 77.4654 40 72.451 40 66.2654V29.5487Z" fill="#E8E8E8"/>
|
||||
<path d="M57.561 33.5803C58.4291 32.101 57.2219 30.6438 55.8415 30.7536C54.7247 30.8425 53.5944 30.7454 52.4717 30.7801C51.322 30.8157 50.6181 31.553 50.6436 32.6168C50.6678 33.6266 51.3587 34.3235 52.4561 34.3561C53.6538 34.3916 54.8592 34.4324 56.0494 34.3319C56.5529 34.2894 57.0264 33.8921 57.561 33.5803Z" fill="#AEADB3"/>
|
||||
<path d="M52.0656 40.2172C53.5289 40.2843 54.9062 40.4474 56.2678 40.3622C57.2618 40.2999 57.9634 39.1941 57.8517 38.2611C57.7461 37.3785 57.0234 36.8417 55.9186 36.8366C54.8353 36.8316 53.7493 36.8827 52.6694 36.8217C51.6718 36.7654 50.9363 37.1349 50.6918 38.0702C50.4166 39.1228 50.9282 39.8625 52.0656 40.2172Z" fill="#AEADB3"/>
|
||||
<path d="M11.2 111.806H19.2V1.99998C19.2 0.895416 18.3045 -1.52588e-05 17.2 -1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#A8A8A8"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<path d="M11.2 111.806H15.2V-1.52588e-05H13.2C12.0954 -1.52588e-05 11.2 0.895416 11.2 1.99998V111.806Z" fill="#959595"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect x="6.40002" y="19.1666" width="67.2" height="3.99306" rx="1.99653" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<rect y="111" width="78" height="4" rx="2" fill="#A8A8A8"/>
|
||||
<path d="M38.7018 79.2837C37.8912 79.0578 37.1693 78.8534 36.2685 78.5982C36.4346 77.2508 36.1725 75.8458 34.2679 75.7286C33.1288 75.6585 32.5697 76.6385 32.3646 78.5533C31.4906 78.8749 30.6341 79.076 29.918 79.5087C29.6231 79.6869 29.531 80.3606 29.5192 80.8135C29.4875 82.0267 30.2096 82.4974 32.3149 82.7428C32.6696 85.1494 33.0874 85.6488 34.6853 85.5761C35.7811 85.5263 36.1568 84.8837 36.3078 82.7353C37.3474 82.5906 38.557 82.7384 39.1631 81.5379C39.584 80.7041 39.2981 79.9857 38.7018 79.2837Z" fill="#00D8DE"/>
|
||||
<path d="M74.497 3.35641C74.2342 3.57639 73.9788 3.78735 73.7118 3.80322C72.2146 3.89225 71.5788 4.4066 71.5749 5.60406C71.5705 7.00643 72.1733 7.5773 73.7252 7.6356C73.9438 7.64381 74.163 7.63673 74.2009 7.63673C74.5407 8.56636 74.6987 9.46266 75.1794 10.1259C75.4345 10.4781 76.2488 10.5306 76.8118 10.5339C77.8981 10.5403 78.271 9.82358 78.3584 7.72281C79.7016 7.5524 81.3789 7.68189 81.3331 5.61264C81.3042 4.3097 80.6154 3.912 78.7147 3.78457C78.2754 2.81376 77.9504 1.90932 77.4545 1.11058C77.3012 0.863656 76.6775 0.809091 76.2784 0.831297C75.0516 0.899551 74.5389 1.63756 74.497 3.35641Z" fill="#00D8DE"/>
|
||||
<path d="M77.7 67.0941C76.8886 66.7797 76.1399 66.5297 75.1871 66.2115C75.0426 65.5495 75.5169 64.3516 74.3652 63.7998C73.9907 63.6204 73.5203 63.5694 73.0963 63.5781C72.0441 63.5995 71.7254 64.1846 71.5159 66.1583C70.5729 66.556 69.6751 66.8297 68.9071 67.3101C68.5994 67.5026 68.4561 68.1479 68.4484 68.5907C68.4271 69.818 69.0336 70.1513 71.3022 70.359C71.5868 71.2574 71.7609 72.1524 72.1686 72.9244C72.3332 73.2363 73.0078 73.4149 73.4519 73.4178C74.5414 73.4251 75.0163 72.5767 75.2697 70.3397C76.3237 70.2101 77.6543 70.6309 78.2006 69.1928C78.4929 68.4234 78.3322 67.7456 77.7 67.0941Z" fill="#00D8DE"/>
|
||||
<path d="M49.9929 97.0081C49.5195 97.1655 49.0493 97.4465 48.5722 97.4589C46.5923 97.5102 44.61 97.5053 42.6295 97.4695C41.7029 97.4527 40.969 97.6777 40.4577 98.5099C39.8762 99.4564 39.9863 100.357 40.5671 101.226C41.5139 102.643 42.4916 104.038 43.5751 105.507C48.3232 105.582 52.9524 105.593 57.5815 105.604C58.5475 104.16 59.5865 102.757 60.4438 101.25C60.7937 100.636 60.965 99.7572 60.8356 99.0703C60.627 97.9623 59.7147 97.4791 58.5812 97.48C56.3008 97.4818 54.0201 97.4958 51.74 97.4664C51.3241 97.461 50.9105 97.273 50.3827 97.0989C50.1773 97.0217 50.0851 97.0149 49.9929 97.0081Z" fill="#D2D1D3"/>
|
||||
<path d="M57.6208 105.67C52.9523 105.593 48.3231 105.582 43.5931 105.587C42.5898 106.849 41.6181 108.052 40.8169 109.359C40.4639 109.935 40.4576 110.723 40.2853 111.51C47.1215 111.612 53.9662 111.619 60.9174 111.615C61.1045 109.954 59.7984 108.971 59.1034 107.699C58.7174 106.992 58.1472 106.386 57.6208 105.67Z" fill="#989899"/>
|
||||
<path d="M45.0316 90.5071C45.2435 88.6591 46.4314 87.5214 47.8531 86.5016C48.8527 85.7845 49.7926 84.9734 50.6944 84.1348C51.4638 83.4194 52.5535 83.2662 53.1019 84.1063C54.3379 86 55.5268 87.9485 55.5808 90.4539C55.4477 90.719 55.3614 90.8416 55.2925 90.9733C53.6076 94.1967 50.0065 95.1738 47.0699 93.0578C46.219 92.4447 45.7018 91.3701 45.0316 90.5071Z" fill="#FF9900"/>
|
||||
<path d="M44.9529 90.5592C45.7018 91.37 46.219 92.4446 47.0699 93.0577C50.0065 95.1738 53.6076 94.1966 55.2925 90.9732C55.3613 90.8415 55.4477 90.719 55.5907 90.549C56.2096 92.9161 54.8324 95.5043 52.1532 96.3581C51.6769 96.5099 51.2095 96.6896 50.7007 96.9322C50.5712 97.0149 50.479 97.0217 50.318 97.019C50.0528 96.868 49.8722 96.6355 49.6577 96.5985C46.203 96.0024 44.6651 94.0898 44.9529 90.5592Z" fill="#FF8900"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_535_2869">
|
||||
<rect width="82" height="115" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,15 @@
|
||||
<svg width="68" height="96" viewBox="0 0 68 96" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 50C35.7025 50 46 39.7025 46 27C46 24.9092 45.721 22.8835 45.1982 20.9582L59.5 25L61.5 22L37.4905 9.13779C33.5354 5.92528 28.4925 4 23 4C10.2975 4 0 14.2975 0 27C0 39.7025 10.2975 50 23 50Z" fill="#CFECF8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7704 48.9874C29.5146 48.9958 29.2578 49 29 49C16.2975 49 6 38.7026 6 26C6 15.6538 12.8314 6.9032 22.2296 4.0127C9.88369 4.41902 0 14.5553 0 27C0 39.7026 10.2975 50 23 50C25.3564 50 27.6299 49.6457 29.7704 48.9874Z" fill="#B5D7E2"/>
|
||||
<rect x="16" width="15" height="8" rx="2" fill="#B6BDBF"/>
|
||||
<path d="M21 4C21 1.79086 22.7909 0 25 0H29C30.1046 0 31 0.895431 31 2V6C31 7.10457 30.1046 8 29 8H25C22.7909 8 21 6.20914 21 4Z" fill="#CED5D8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.31 17.6051C35.0826 16.0743 33.7025 15.072 32.3816 14.4143C31.64 14.0451 31.2206 13.1992 31.4928 12.4167C31.7649 11.6343 32.6239 11.2134 33.3748 11.5633C35.1406 12.3858 37.0128 13.6858 38.6506 15.7284C40.5241 18.0651 42.0331 21.3018 42.7706 25.7527C42.906 26.57 42.3153 27.318 41.4928 27.4167C40.6703 27.5154 39.9279 26.9267 39.7887 26.11C39.115 22.1583 37.7965 19.459 36.31 17.6051Z" fill="white"/>
|
||||
<path d="M1 96L6 44.5H16L6 96H1Z" fill="#CED5D8"/>
|
||||
<path d="M1 96L6 44.5H16L6 96H1Z" fill="#CED5D8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3204 48H5.66016L5.99996 44.5H16L15.3204 48Z" fill="#B6BDBF"/>
|
||||
<path d="M48 96L43 44.5H33L43 96H48Z" fill="#CED5D8"/>
|
||||
<path d="M48 96L43 44.5H33L43 96H48Z" fill="#CED5D8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.6796 48H43.3398L43 44.5H33L33.6796 48Z" fill="#B6BDBF"/>
|
||||
<rect y="40" width="49" height="5" rx="2.5" fill="#B6BDBF"/>
|
||||
<rect x="10" y="40" width="39" height="5" rx="2.5" fill="#CED5D8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
@@ -0,0 +1,23 @@
|
||||
<svg width="68" height="96" viewBox="0 0 68 96" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_536_2930)">
|
||||
<path d="M66.8367 31.1213C67.3939 32.6817 66.5808 34.3983 65.0205 34.9556C63.4601 35.5128 61.7435 34.6997 61.1862 33.1394C60.629 31.5791 60.749 27.4553 61.8252 26.009C63.5742 26.4463 66.2794 29.561 66.8367 31.1213Z" fill="#1971C2"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 50C35.7025 50 46 39.7025 46 27C46 24.9092 45.721 22.8835 45.1982 20.9582L59.5 25L61.5 22L37.4905 9.13779C33.5354 5.92528 28.4925 4 23 4C10.2975 4 0 14.2975 0 27C0 39.7025 10.2975 50 23 50Z" fill="#CFECF8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7704 48.9874C29.5146 48.9958 29.2578 49 29 49C16.2975 49 6 38.7026 6 26C6 15.6538 12.8314 6.9032 22.2296 4.0127C9.88369 4.41902 0 14.5553 0 27C0 39.7026 10.2975 50 23 50C25.3564 50 27.6299 49.6457 29.7704 48.9874Z" fill="#B5D7E2"/>
|
||||
<rect x="16" width="15" height="8" rx="2" fill="#B6BDBF"/>
|
||||
<path d="M21 4C21 1.79086 22.7909 0 25 0H29C30.1046 0 31 0.895431 31 2V6C31 7.10457 30.1046 8 29 8H25C22.7909 8 21 6.20914 21 4Z" fill="#CED5D8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.31 17.6051C35.0826 16.0743 33.7025 15.072 32.3816 14.4143C31.64 14.0451 31.2206 13.1992 31.4928 12.4167C31.7649 11.6343 32.6239 11.2134 33.3748 11.5633C35.1406 12.3858 37.0128 13.6858 38.6506 15.7284C40.5241 18.0651 42.0331 21.3018 42.7706 25.7527C42.906 26.57 42.3153 27.318 41.4928 27.4167C40.6703 27.5154 39.9279 26.9267 39.7887 26.11C39.115 22.1583 37.7965 19.459 36.31 17.6051Z" fill="white"/>
|
||||
<path d="M1 96L6 44.5H16L6 96H1Z" fill="#CED5D8"/>
|
||||
<path d="M1 96L6 44.5H16L6 96H1Z" fill="#CED5D8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3204 48H5.66016L5.99996 44.5H16L15.3204 48Z" fill="#B6BDBF"/>
|
||||
<path d="M48 96L43 44.5H33L43 96H48Z" fill="#CED5D8"/>
|
||||
<path d="M48 96L43 44.5H33L43 96H48Z" fill="#CED5D8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.6796 48H43.3398L43 44.5H33L33.6796 48Z" fill="#B6BDBF"/>
|
||||
<rect y="40" width="49" height="5" rx="2.5" fill="#B6BDBF"/>
|
||||
<rect x="10" y="40" width="39" height="5" rx="2.5" fill="#CED5D8"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_536_2930">
|
||||
<rect width="68" height="96" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 783 B |
@@ -0,0 +1,20 @@
|
||||
<svg width="51" height="55" viewBox="0 0 51 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_1976)">
|
||||
<path d="M0 53.1725C0 52.3138 0.696086 51.6177 1.55475 51.6177H25.5475H49.5403C50.3989 51.6177 51.095 52.3138 51.095 53.1725C51.095 54.0312 50.3989 54.7272 49.5403 54.7272H1.55475C0.696086 54.7272 0 54.0312 0 53.1725Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L49.8512 51.6488L43.6322 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M7.46281 3.7314H43.6322V48.1973H7.46281V3.7314Z" fill="#EEE7FF"/>
|
||||
<path d="M3.7314 2.4876C3.7314 1.11374 4.84514 0 6.21901 0H44.876C46.2499 0 47.3636 1.11374 47.3636 2.4876C47.3636 3.86147 46.2499 4.9752 44.876 4.9752H6.21901C4.84514 4.9752 3.7314 3.86147 3.7314 2.4876Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L1.12787 51.6771L7.46281 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 9.95042C38.657 8.92002 39.4923 8.08472 40.5227 8.08472H43.6322V11.8161H40.5227C39.4923 11.8161 38.657 10.9808 38.657 9.95042V9.95042Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 23.6322C38.657 22.6018 39.4923 21.7665 40.5227 21.7665H43.6322V25.4979H40.5227C39.4923 25.4979 38.657 24.6626 38.657 23.6322V23.6322Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 36.6921C38.657 35.6617 39.4923 34.8264 40.5227 34.8264H43.6322V38.5578H40.5227C39.4923 38.5578 38.657 37.7225 38.657 36.6921V36.6921Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 16.7912C35.5475 15.7608 36.3828 14.9255 37.4132 14.9255H43.6322V18.6569H37.4132C36.3828 18.6569 35.5475 17.8216 35.5475 16.7912V16.7912Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 30.4731C35.5475 29.4427 36.3828 28.6074 37.4132 28.6074H43.6322V32.3388H37.4132C36.3828 32.3388 35.5475 31.5035 35.5475 30.4731V30.4731Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 43.5329C35.5475 42.5025 36.3828 41.6672 37.4132 41.6672H43.6322V45.3986H37.4132C36.3828 45.3986 35.5475 44.5633 35.5475 43.5329V43.5329Z" fill="#DBAAED"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_1976">
|
||||
<rect width="51" height="55" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 838 B |
@@ -0,0 +1,21 @@
|
||||
<svg width="51" height="55" viewBox="0 0 51 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2025)">
|
||||
<path d="M0 53.1725C0 52.3138 0.696086 51.6177 1.55475 51.6177H25.5475H49.5403C50.3989 51.6177 51.095 52.3138 51.095 53.1725C51.095 54.0312 50.3989 54.7272 49.5403 54.7272H1.55475C0.696086 54.7272 0 54.0312 0 53.1725Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L49.8512 51.6488L43.6322 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M7.46281 3.7314H43.6322V48.1973H7.46281V3.7314Z" fill="#EEE7FF"/>
|
||||
<path d="M3.7314 2.4876C3.7314 1.11374 4.84514 0 6.21901 0H44.876C46.2499 0 47.3636 1.11374 47.3636 2.4876C47.3636 3.86147 46.2499 4.9752 44.876 4.9752H6.21901C4.84514 4.9752 3.7314 3.86147 3.7314 2.4876Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L1.12787 51.6771L7.46281 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 9.95042C38.657 8.92002 39.4923 8.08472 40.5227 8.08472H43.6322V11.8161H40.5227C39.4923 11.8161 38.657 10.9808 38.657 9.95042V9.95042Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 23.6322C38.657 22.6018 39.4923 21.7665 40.5227 21.7665H43.6322V25.4979H40.5227C39.4923 25.4979 38.657 24.6626 38.657 23.6322V23.6322Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 36.6921C38.657 35.6617 39.4923 34.8264 40.5227 34.8264H43.6322V38.5578H40.5227C39.4923 38.5578 38.657 37.7225 38.657 36.6921V36.6921Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 16.7912C35.5475 15.7608 36.3828 14.9255 37.4132 14.9255H43.6322V18.6569H37.4132C36.3828 18.6569 35.5475 17.8216 35.5475 16.7912V16.7912Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 30.4731C35.5475 29.4427 36.3828 28.6074 37.4132 28.6074H43.6322V32.3388H37.4132C36.3828 32.3388 35.5475 31.5035 35.5475 30.4731V30.4731Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 43.5329C35.5475 42.5025 36.3828 41.6672 37.4132 41.6672H43.6322V45.3986H37.4132C36.3828 45.3986 35.5475 44.5633 35.5475 43.5329V43.5329Z" fill="#DBAAED"/>
|
||||
<circle cx="22.5" cy="41.5" r="1.5" fill="#A409CB"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2025">
|
||||
<rect width="51" height="55" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 861 B |
@@ -0,0 +1,22 @@
|
||||
<svg width="51" height="55" viewBox="0 0 51 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2043)">
|
||||
<path d="M0 53.1725C0 52.3138 0.696086 51.6177 1.55475 51.6177H25.5475H49.5403C50.3989 51.6177 51.095 52.3138 51.095 53.1725C51.095 54.0312 50.3989 54.7272 49.5403 54.7272H1.55475C0.696086 54.7272 0 54.0312 0 53.1725Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L49.8512 51.6488L43.6322 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M7.46281 3.7314H43.6322V48.1973H7.46281V3.7314Z" fill="#EEE7FF"/>
|
||||
<path d="M3.7314 2.4876C3.7314 1.11374 4.84514 0 6.21901 0H44.876C46.2499 0 47.3636 1.11374 47.3636 2.4876C47.3636 3.86147 46.2499 4.9752 44.876 4.9752H6.21901C4.84514 4.9752 3.7314 3.86147 3.7314 2.4876Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L1.12787 51.6771L7.46281 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 9.95042C38.657 8.92002 39.4923 8.08472 40.5227 8.08472H43.6322V11.8161H40.5227C39.4923 11.8161 38.657 10.9808 38.657 9.95042V9.95042Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 23.6322C38.657 22.6018 39.4923 21.7665 40.5227 21.7665H43.6322V25.4979H40.5227C39.4923 25.4979 38.657 24.6626 38.657 23.6322V23.6322Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 36.6921C38.657 35.6617 39.4923 34.8264 40.5227 34.8264H43.6322V38.5578H40.5227C39.4923 38.5578 38.657 37.7225 38.657 36.6921V36.6921Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 16.7912C35.5475 15.7608 36.3828 14.9255 37.4132 14.9255H43.6322V18.6569H37.4132C36.3828 18.6569 35.5475 17.8216 35.5475 16.7912V16.7912Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 30.4731C35.5475 29.4427 36.3828 28.6074 37.4132 28.6074H43.6322V32.3388H37.4132C36.3828 32.3388 35.5475 31.5035 35.5475 30.4731V30.4731Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 43.5329C35.5475 42.5025 36.3828 41.6672 37.4132 41.6672H43.6322V45.3986H37.4132C36.3828 45.3986 35.5475 44.5633 35.5475 43.5329V43.5329Z" fill="#DBAAED"/>
|
||||
<circle cx="22.5" cy="41.5" r="1.5" fill="#A409CB"/>
|
||||
<circle cx="30.5" cy="38.5" r="1.5" fill="#A409CB"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2043">
|
||||
<rect width="51" height="55" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 886 B |
@@ -0,0 +1,23 @@
|
||||
<svg width="51" height="55" viewBox="0 0 51 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2059)">
|
||||
<path d="M0 53.1725C0 52.3138 0.696086 51.6177 1.55475 51.6177H25.5475H49.5403C50.3989 51.6177 51.095 52.3138 51.095 53.1725C51.095 54.0312 50.3989 54.7272 49.5403 54.7272H1.55475C0.696086 54.7272 0 54.0312 0 53.1725Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L49.8512 51.6488L43.6322 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M7.46281 3.7314H43.6322V48.1973H7.46281V3.7314Z" fill="#EEE7FF"/>
|
||||
<path d="M3.7314 2.4876C3.7314 1.11374 4.84514 0 6.21901 0H44.876C46.2499 0 47.3636 1.11374 47.3636 2.4876C47.3636 3.86147 46.2499 4.9752 44.876 4.9752H6.21901C4.84514 4.9752 3.7314 3.86147 3.7314 2.4876Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L1.12787 51.6771L7.46281 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 9.95042C38.657 8.92002 39.4923 8.08472 40.5227 8.08472H43.6322V11.8161H40.5227C39.4923 11.8161 38.657 10.9808 38.657 9.95042V9.95042Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 23.6322C38.657 22.6018 39.4923 21.7665 40.5227 21.7665H43.6322V25.4979H40.5227C39.4923 25.4979 38.657 24.6626 38.657 23.6322V23.6322Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 36.6921C38.657 35.6617 39.4923 34.8264 40.5227 34.8264H43.6322V38.5578H40.5227C39.4923 38.5578 38.657 37.7225 38.657 36.6921V36.6921Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 16.7912C35.5475 15.7608 36.3828 14.9255 37.4132 14.9255H43.6322V18.6569H37.4132C36.3828 18.6569 35.5475 17.8216 35.5475 16.7912V16.7912Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 30.4731C35.5475 29.4427 36.3828 28.6074 37.4132 28.6074H43.6322V32.3388H37.4132C36.3828 32.3388 35.5475 31.5035 35.5475 30.4731V30.4731Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 43.5329C35.5475 42.5025 36.3828 41.6672 37.4132 41.6672H43.6322V45.3986H37.4132C36.3828 45.3986 35.5475 44.5633 35.5475 43.5329V43.5329Z" fill="#DBAAED"/>
|
||||
<circle cx="22.5" cy="41.5" r="1.5" fill="#A409CB"/>
|
||||
<circle cx="30.5" cy="38.5" r="1.5" fill="#A409CB"/>
|
||||
<circle cx="25.5" cy="33.5" r="1.5" fill="#A409CB"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2059">
|
||||
<rect width="51" height="55" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 905 B |
@@ -0,0 +1,24 @@
|
||||
<svg width="51" height="55" viewBox="0 0 51 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2075)">
|
||||
<path d="M0 53.1725C0 52.3138 0.696086 51.6177 1.55475 51.6177H25.5475H49.5403C50.3989 51.6177 51.095 52.3138 51.095 53.1725C51.095 54.0312 50.3989 54.7272 49.5403 54.7272H1.55475C0.696086 54.7272 0 54.0312 0 53.1725Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L49.8512 51.6488L43.6322 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M7.46281 3.7314H43.6322V48.1973H7.46281V3.7314Z" fill="#EEE7FF"/>
|
||||
<path d="M3.7314 2.4876C3.7314 1.11374 4.84514 0 6.21901 0H44.876C46.2499 0 47.3636 1.11374 47.3636 2.4876C47.3636 3.86147 46.2499 4.9752 44.876 4.9752H6.21901C4.84514 4.9752 3.7314 3.86147 3.7314 2.4876Z" fill="#DBAAED"/>
|
||||
<path d="M25.5475 48.1973V51.6177L1.12787 51.6771L7.46281 48.1973H25.5475Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 9.95042C38.657 8.92002 39.4923 8.08472 40.5227 8.08472H43.6322V11.8161H40.5227C39.4923 11.8161 38.657 10.9808 38.657 9.95042V9.95042Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 23.6322C38.657 22.6018 39.4923 21.7665 40.5227 21.7665H43.6322V25.4979H40.5227C39.4923 25.4979 38.657 24.6626 38.657 23.6322V23.6322Z" fill="#DBAAED"/>
|
||||
<path d="M38.657 36.6921C38.657 35.6617 39.4923 34.8264 40.5227 34.8264H43.6322V38.5578H40.5227C39.4923 38.5578 38.657 37.7225 38.657 36.6921V36.6921Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 16.7912C35.5475 15.7608 36.3828 14.9255 37.4132 14.9255H43.6322V18.6569H37.4132C36.3828 18.6569 35.5475 17.8216 35.5475 16.7912V16.7912Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 30.4731C35.5475 29.4427 36.3828 28.6074 37.4132 28.6074H43.6322V32.3388H37.4132C36.3828 32.3388 35.5475 31.5035 35.5475 30.4731V30.4731Z" fill="#DBAAED"/>
|
||||
<path d="M35.5475 43.5329C35.5475 42.5025 36.3828 41.6672 37.4132 41.6672H43.6322V45.3986H37.4132C36.3828 45.3986 35.5475 44.5633 35.5475 43.5329V43.5329Z" fill="#DBAAED"/>
|
||||
<circle cx="22.5" cy="41.5" r="1.5" fill="#A409CB"/>
|
||||
<circle cx="30.5" cy="38.5" r="1.5" fill="#A409CB"/>
|
||||
<circle cx="25.5" cy="33.5" r="1.5" fill="#A409CB"/>
|
||||
<circle cx="32.5" cy="25.5" r="1.5" fill="#A409CB"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2075">
|
||||
<rect width="51" height="55" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,20 @@
|
||||
<svg width="72" height="70" viewBox="0 0 72 70" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2009)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.5 11H47.0278V22.4703L63.0892 50.6926C63.6612 51.4557 64 52.4035 64 53.4306C64 55.9542 61.9542 58 59.4306 58H21.5694C19.0458 58 17 55.9542 17 53.4306C17 52.4035 17.3388 51.4557 17.9108 50.6926L33.9722 22.4703V11H40.5Z" fill="#EDEDED"/>
|
||||
<rect x="30.2407" y="1" width="19.7222" height="10.5185" rx="2" fill="#6C97A0"/>
|
||||
<path d="M36.8148 5C36.8148 2.79086 38.6057 1 40.8148 1H49.2778C50.3824 1 51.2778 1.89543 51.2778 3V9.51852C51.2778 10.6231 50.3824 11.5185 49.2778 11.5185H40.8148C38.6057 11.5185 36.8148 9.72766 36.8148 7.51852V5Z" fill="#90D4E3"/>
|
||||
<path d="M9.20374 64.4259H14.463V1.99997C14.463 0.895401 13.5676 -3.05176e-05 12.463 -3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#A8A8A8"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2009">
|
||||
<rect width="72" height="70" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,21 @@
|
||||
<svg width="72" height="70" viewBox="0 0 72 70" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2125)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.5 11H47.0278V22.4703L63.0892 50.6926C63.6612 51.4557 64 52.4035 64 53.4306C64 55.9542 61.9542 58 59.4306 58H21.5694C19.0458 58 17 55.9542 17 53.4306C17 52.4035 17.3388 51.4557 17.9108 50.6926L33.9722 22.4703V11H40.5Z" fill="#EDEDED"/>
|
||||
<rect x="30.2407" y="1" width="19.7222" height="10.5185" rx="2" fill="#6C97A0"/>
|
||||
<path d="M36.8148 5C36.8148 2.79086 38.6057 1 40.8148 1H49.2778C50.3824 1 51.2778 1.89543 51.2778 3V9.51852C51.2778 10.6231 50.3824 11.5185 49.2778 11.5185H40.8148C38.6057 11.5185 36.8148 9.72766 36.8148 7.51852V5Z" fill="#90D4E3"/>
|
||||
<path d="M9.20374 64.4259H14.463V1.99997C14.463 0.895401 13.5676 -3.05176e-05 12.463 -3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#A8A8A8"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<path d="M43.4222 27.7887C43.4227 29.0093 42.4335 29.9992 41.2129 29.9997C39.9923 30.0002 39.0024 29.011 39.0019 27.7904C39.0014 26.5698 40.1054 23.738 41.2102 23.0008C42.3155 23.7371 43.4217 26.568 43.4222 27.7887Z" fill="#4D9E75"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2125">
|
||||
<rect width="72" height="70" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,21 @@
|
||||
<svg width="72" height="70" viewBox="0 0 72 70" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2142)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.5 11H47.0278V22.4703L63.0892 50.6926C63.6612 51.4557 64 52.4035 64 53.4306C64 55.9542 61.9542 58 59.4306 58H21.5694C19.0458 58 17 55.9542 17 53.4306C17 52.4035 17.3388 51.4557 17.9108 50.6926L33.9722 22.4703V11H40.5Z" fill="#EDEDED"/>
|
||||
<rect x="30.2407" y="1" width="19.7222" height="10.5185" rx="2" fill="#6C97A0"/>
|
||||
<path d="M36.8148 5C36.8148 2.79086 38.6057 1 40.8148 1H49.2778C50.3824 1 51.2778 1.89543 51.2778 3V9.51852C51.2778 10.6231 50.3824 11.5185 49.2778 11.5185H40.8148C38.6057 11.5185 36.8148 9.72766 36.8148 7.51852V5Z" fill="#90D4E3"/>
|
||||
<path d="M9.20374 64.4259H14.463V1.99997C14.463 0.895401 13.5676 -3.05176e-05 12.463 -3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#A8A8A8"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<path d="M43.4222 39.7887C43.4227 41.0093 42.4335 41.9992 41.2129 41.9997C39.9923 42.0002 39.0024 41.011 39.0019 39.7904C39.0014 38.5698 40.1054 35.738 41.2102 35.0008C42.3155 35.7371 43.4217 38.568 43.4222 39.7887Z" fill="#4D9E75"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2142">
|
||||
<rect width="72" height="70" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,21 @@
|
||||
<svg width="72" height="70" viewBox="0 0 72 70" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_549_2159)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.5 11H47.0278V22.4703L63.0892 50.6926C63.6612 51.4557 64 52.4035 64 53.4306C64 55.9542 61.9542 58 59.4306 58H21.5694C19.0458 58 17 55.9542 17 53.4306C17 52.4035 17.3388 51.4557 17.9108 50.6926L33.9722 22.4703V11H40.5Z" fill="#EDEDED"/>
|
||||
<rect x="30.2407" y="1" width="19.7222" height="10.5185" rx="2" fill="#6C97A0"/>
|
||||
<path d="M36.8148 5C36.8148 2.79086 38.6057 1 40.8148 1H49.2778C50.3824 1 51.2778 1.89543 51.2778 3V9.51852C51.2778 10.6231 50.3824 11.5185 49.2778 11.5185H40.8148C38.6057 11.5185 36.8148 9.72766 36.8148 7.51852V5Z" fill="#90D4E3"/>
|
||||
<path d="M9.20374 64.4259H14.463V1.99997C14.463 0.895401 13.5676 -3.05176e-05 12.463 -3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#A8A8A8"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<path d="M9.20374 64.4259H11.8334V-3.05176e-05H11.2037C10.0992 -3.05176e-05 9.20374 0.8954 9.20374 1.99997V64.4259Z" fill="#959595"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect x="4.97571" y="14.9012" width="52" height="5" rx="2.5" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<rect y="64.4259" width="72.3148" height="6" rx="3" fill="#A8A8A8"/>
|
||||
<path d="M43.4227 52.0811C43.4229 52.588 42.4335 52.9992 41.2129 52.9997C39.9922 53.0002 39.0026 52.5897 39.0024 52.0828C39.0022 51.576 40.1068 50.3998 41.2118 50.0935C42.317 50.399 43.4225 51.5742 43.4227 52.0811Z" fill="#4D9E75"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_549_2159">
|
||||
<rect width="72" height="70" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 468 B |
@@ -0,0 +1,11 @@
|
||||
<svg width="72" height="55" viewBox="0 0 72 55" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="13" width="47" height="5" rx="2.5" fill="#D36C21"/>
|
||||
<path d="M16 5H56V52C56 53.6569 54.6569 55 53 55H19C17.3431 55 16 53.6569 16 52V5Z" fill="#FFEBDC"/>
|
||||
<rect x="19" y="10" width="14" height="3" rx="1.5" fill="#D36C21"/>
|
||||
<rect x="19" y="34" width="14" height="3" rx="1.5" fill="#D36C21"/>
|
||||
<rect x="19" y="16" width="8" height="3" rx="1.5" fill="#D36C21"/>
|
||||
<rect x="19" y="40" width="8" height="3" rx="1.5" fill="#D36C21"/>
|
||||
<rect x="19" y="22" width="8" height="3" rx="1.5" fill="#D36C21"/>
|
||||
<rect x="19" y="46" width="8" height="3" rx="1.5" fill="#D36C21"/>
|
||||
<rect x="19" y="28" width="8" height="3" rx="1.5" fill="#D36C21"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 736 B |
Binary file not shown.
|
After Width: | Height: | Size: 633 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user