<style sp-template-font="mo-4A281A27C7" data-main="Roboto" data-sub="Noto Sans KR"> /* */ </style> <style sp-stylesheet="mo-4A281A27C7"> /*------------------------------------------------------------------------- | Code : 4A281A27C7 |-------------------------------------------------------------------------*/ .mo-4A281A27C7 { } /* 필요한 요소의 정의 */ /* // 태그 상속 [spStrap]/ 전역 태그 sp-line/ 라인 태그 sp-size/ 사이즈 태그 일반 박스 <div sp-edit="box"></div> 일반 텍스트 박스 <div sp-edit="text" contenteditable="true"> <span sp-font="10" style="color:#ffffff;"></span> </div> // 인라인 버튼 <div sp-edit="box" sp-inlinebox> <a href="#!" sp-edit="button" contenteditable="true" sp-sortable-inline style><span sp-font="7" style="color:#333;"><b>BUY</b></span></a> </div> // 인라인 버튼 박스 <div sp-edit="box" sp-inlinebox></div> // 이미지 리사이즈 버튼 <a href="#!" sp-edit="image_button" sp-resize contenteditable="false" style="width:40px;"><img src="/src/img/onerror.png" sp-edit="image" style="width:100%;border-radius:10rem;"></a> <span sp-resize contenteditable="false" style="width:40px;display:inline-block;"><img src="/src/img/onerror.png" sp-edit="image" style="width:100%;border-radius:10rem;"></span> // 드랍구조 sp-sort-nodrop="fixed" / 다 못넣는다. sp-sort-nodrop="element" / 엘리먼트 요소들은 가능하다. // 테이블 <div sp-edit="table" sp-table-cover sp-size> <table sp-table-editor> <tr> <td sp-edit="td" contenteditable="true">TEXT</td> // 좌우 마진 상속구조 <ul sp-size> <li class="mo-DE2FB3B332-cover" sp-edit> // 박스 쉐도우 box-shadow:0 5px 5px -2px rgba(0,0,0,0.1); */ /* Responsive */ [spStrap][device="tablet"] .mo-4A281A27C7, [spStrap][device="mobile"] .mo-4A281A27C7, @media screen and ( min-width:601px ) and ( max-width:1000px ){ /**/ } @media screen and ( min-width:1px ) and ( max-width:600px ){ /**/ } </style> <style sp-template-font="mo-4A281A27C7" data-main="Roboto" data-sub="Noto Sans KR"> /* */ </style> <style sp-stylesheet="mo-4A281A27C7"> /*------------------------------------------------------------------------- | Code : 4A281A27C7 |-------------------------------------------------------------------------*/ .mo-4A281A27C7 { } /* 필요한 요소의 정의 */ /* // 태그 상속 [spStrap]/ 전역 태그 sp-line/ 라인 태그 sp-size/ 사이즈 태그 일반 박스 <div sp-edit="box"></div> 일반 텍스트 박스 <div sp-edit="text" contenteditable="true"> <span sp-font="10" style="color:#ffffff;"></span> </div> // 인라인 버튼 <div sp-edit="box" sp-inlinebox> <a href="#!" sp-edit="button" contenteditable="true" sp-sortable-inline style><span sp-font="7" style="color:#333;"><b>BUY</b></span></a> </div> // 인라인 버튼 박스 <div sp-edit="box" sp-inlinebox></div> // 이미지 리사이즈 버튼 <a href="#!" sp-edit="image_button" sp-resize contenteditable="false" style="width:40px;"><img src="/src/img/onerror.png" sp-edit="image" style="width:100%;border-radius:10rem;"></a> <span sp-resize contenteditable="false" style="width:40px;display:inline-block;"><img src="/src/img/onerror.png" sp-edit="image" style="width:100%;border-radius:10rem;"></span> // 드랍구조 sp-sort-nodrop="fixed" / 다 못넣는다. sp-sort-nodrop="element" / 엘리먼트 요소들은 가능하다. // 테이블 <div sp-edit="table" sp-table-cover sp-size> <table sp-table-editor> <tr> <td sp-edit="td" contenteditable="true">TEXT</td> // 좌우 마진 상속구조 <ul sp-size> <li class="mo-DE2FB3B332-cover" sp-edit> // 박스 쉐도우 box-shadow:0 5px 5px -2px rgba(0,0,0,0.1); */ /* Responsive */ [spStrap][device="tablet"] .mo-4A281A27C7, [spStrap][device="mobile"] .mo-4A281A27C7, @media screen and ( min-width:601px ) and ( max-width:1000px ){ /**/ } @media screen and ( min-width:1px ) and ( max-width:600px ){ /**/ } </style> * 구성품에 있는 여분 나사는 상, 하부쉘 결합과 조종기 배터리 커버 고정에 사용됩니다.