퍼블세팅
@346c2a34da8504f3da2dc88e248a45bde2d066d7
+++ base/src/main/webapp/html/manage/_guide/component.html
... | ... | @@ -0,0 +1,194 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | +<head> | |
| 4 | + <title></title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 7 | + <meta name="Author" content=""> | |
| 8 | + <meta name="Keywords" content=""> | |
| 9 | + <meta name="Description" content=""> | |
| 10 | + <meta name="format-detection" content="telephone=no"> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 12 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 13 | + | |
| 14 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 15 | + <style type="text/css"> | |
| 16 | + .body { padding: 0 50px; } | |
| 17 | + .body h1 { margin: 80px 0 20px; font-size: 24px; font-weight: 500; } | |
| 18 | + .body .gtit { font-weight: 600; font-size: 40px; border-bottom: 1px solid #111; padding-bottom: 30px; } | |
| 19 | + </style> | |
| 20 | +</head> | |
| 21 | +<body> | |
| 22 | + <div class="body"> | |
| 23 | + <h1 class="gtit">component</h1> | |
| 24 | + <h1>페이징: paging</h1> | |
| 25 | + <ul class="paging"> | |
| 26 | + <li class="ppv"><a href="#none" title="처음으로"><span class="txt-hide">처음으로</span></a></li> | |
| 27 | + <li class="pv"><a href="#none" title="이전"><span class="txt-hide">이전</span></a></li> | |
| 28 | + <li class="is-active"><a href="#none" title="to 1 page">1</a></li> | |
| 29 | + <li><a href="#none" title="to 2 page">2</a></li> | |
| 30 | + <li><a href="#none" title="to 3 page">3</a></li> | |
| 31 | + <li><a href="#none" title="to 4 page">4</a></li> | |
| 32 | + <li><a href="#none" title="to 5 page">5</a></li> | |
| 33 | + <li class="fw"><a href="#none" title="다음"><span class="txt-hide">다음</span></a></li> | |
| 34 | + <li class="ffw"><a href="#none" title="끝으로"><span class="txt-hide">끝으로</span></a></li> | |
| 35 | + </ul> | |
| 36 | + | |
| 37 | + <h1>탭 nav : tabs-nav</h1> | |
| 38 | + <!-- tabs-nav --> | |
| 39 | + <ul class="tabs-nav"> | |
| 40 | + <li><a href="#none" class="is-active">tabs1</a></li> | |
| 41 | + <li><a href="#none">tabs2</a></li> | |
| 42 | + <li><a href="#none">tabs3</a></li> | |
| 43 | + </ul> | |
| 44 | + | |
| 45 | + <!-- <h1>작은탭 nav : tabs-nav-sm</h1> --> | |
| 46 | + <!-- tabs-nav-sm --> | |
| 47 | + <!-- <ul class="tabs-nav-sm"> | |
| 48 | + <li><a href="#none" class="is-active">tab-nav-sm1</a></li> | |
| 49 | + <li><a href="#none">tab-nav-sm2</a></li> | |
| 50 | + <li><a href="#none">tab-nav-sm3</a></li> | |
| 51 | + </ul> --> | |
| 52 | + | |
| 53 | + <!-- tabs noraml --> | |
| 54 | + <h1>탭: normal</h1> | |
| 55 | + <div class="tabs-normal"> | |
| 56 | + <ul class="tabs-nav"> | |
| 57 | + <li><a href="#normalmenu1" class="is-active">tabs-normal menu1</a></li> | |
| 58 | + <li><a href="#normalmenu2">tabs-normal menu2</a></li> | |
| 59 | + </ul> | |
| 60 | + <!--<ul class="tabs-nav-sm"> | |
| 61 | + <li><a href="#normalmenu1" class="is-active">tabs-normal menu1</a></li> | |
| 62 | + <li><a href="#normalmenu2">tabs-normal menu2</a></li> | |
| 63 | + </ul>--> | |
| 64 | + <div id="normalmenu1" class="tabs-cont"> | |
| 65 | + tabs normal content1 | |
| 66 | + </div> | |
| 67 | + <div id="normalmenu2" class="tabs-cont"> | |
| 68 | + tabs normal content2 | |
| 69 | + </div> | |
| 70 | + </div> | |
| 71 | + <h1>탭: normal</h1> | |
| 72 | + <div class="tabs-normal"> | |
| 73 | + <ul class="tabs-nav"> | |
| 74 | + <li><a href="#normalmenu2_1" class="is-active">tabs-normal menu1</a></li> | |
| 75 | + <li><a href="#normalmenu2_2">tabs-normal menu2</a></li> | |
| 76 | + </ul> | |
| 77 | + <!--<ul class="tabs-nav-sm"> | |
| 78 | + <li><a href="#normalmenu1" class="is-active">tabs-normal menu1</a></li> | |
| 79 | + <li><a href="#normalmenu2">tabs-normal menu2</a></li> | |
| 80 | + </ul>--> | |
| 81 | + <div id="normalmenu2_1" class="tabs-cont"> | |
| 82 | + tabs normal content2_1 | |
| 83 | + </div> | |
| 84 | + <div id="normalmenu2_2" class="tabs-cont"> | |
| 85 | + tabs normal content2_2 | |
| 86 | + </div> | |
| 87 | + </div> | |
| 88 | + <!-- <h1>검색 : sch-area</h1> | |
| 89 | + <div> | |
| 90 | + <div class="sch-area"> | |
| 91 | + <div class="sch-option"> | |
| 92 | + <button type="button" class="btn"><i class="ico-sm-filter"></i> | |
| 93 | + 교과정보</button> | |
| 94 | + <select> | |
| 95 | + <option>전체</option> | |
| 96 | + </select> | |
| 97 | + </div> | |
| 98 | + <div class="sch"> | |
| 99 | + <input type="text" placeholder="검색어 입력" title="검색어 입력"> | |
| 100 | + <button type="submit" class="btn-sch"><span | |
| 101 | + class="txt-hide">검색</span></button> | |
| 102 | + </div> | |
| 103 | + </div> | |
| 104 | + <div class="total-count">전체 18건</div> | |
| 105 | + </div> --> | |
| 106 | + | |
| 107 | + <h1>기능(좌,우) : fnc-area</h1> | |
| 108 | + <div class="fnc-area"> | |
| 109 | + <div class="l-area"> | |
| 110 | + 텍스트 (좌) | |
| 111 | + </div> | |
| 112 | + <div class="r-area"> | |
| 113 | + <a href="#none" class="btn">버튼(우)</a> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <h1>step</h1> | |
| 117 | + <div class="tit-area"> | |
| 118 | + <div class="l-area"> | |
| 119 | + <h2 class="tit">타이틀</h2> | |
| 120 | + </div> | |
| 121 | + <div class="r-area"> | |
| 122 | + <ul class="step"> | |
| 123 | + <li class="is-current">1</li> | |
| 124 | + <li>2</li> | |
| 125 | + </ul> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + | |
| 129 | + <h1>타이틀 : tit-area</h1> | |
| 130 | + <div class="tit-area"> | |
| 131 | + <div class="l-area"> | |
| 132 | + <h2 class="tit">타이틀</h2> | |
| 133 | + </div> | |
| 134 | + </div> | |
| 135 | + | |
| 136 | + <h1>타이틀-sm : tit-area</h1> | |
| 137 | + <div class="tit-area"> | |
| 138 | + <div class="l-area"> | |
| 139 | + <h2 class="tit-sm">타이틀</h2> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + | |
| 143 | + <h1>bg-box : bullet / bullet-tit / bullet-dash </h1> | |
| 144 | + <div class="bg-box"> | |
| 145 | + <cite class="box-tit">box 타이틀</cite> | |
| 146 | + <ul class="bullet"> | |
| 147 | + <li>bullet</li> | |
| 148 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 149 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 150 | + </ul> | |
| 151 | + <ul class="bullet-tit"> | |
| 152 | + <li><cite>bullet-tit</cite> bullet-tit내용</li> | |
| 153 | + <li><cite>제목입력</cite>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 154 | + <li><cite>제목입력</cite>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 155 | + </ul> | |
| 156 | + <ul class="bullet-dash"> | |
| 157 | + <li>bullet-dash</li> | |
| 158 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 159 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 160 | + </ul> | |
| 161 | + </div> | |
| 162 | + <h1>border-box : bullet.fs-sm / bullet-tit.fs-sm / bullet-dash.fs-sm</h1> | |
| 163 | + <div class="border-box"> | |
| 164 | + <cite class="box-tit">box 타이틀</cite> | |
| 165 | + <ul class="bullet fs-sm"> | |
| 166 | + <li>bullet</li> | |
| 167 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 168 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 169 | + </ul> | |
| 170 | + <ul class="bullet-tit fs-sm"> | |
| 171 | + <li><cite>bullet-tit</cite> bullet-tit내용</li> | |
| 172 | + <li><cite>제목입력</cite>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 173 | + <li><cite>제목입력</cite>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 174 | + </ul> | |
| 175 | + <ul class="bullet-dash fs-sm"> | |
| 176 | + <li>bullet-dash fs-sm(작은폰트)</li> | |
| 177 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 178 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 179 | + </ul> | |
| 180 | + </div> | |
| 181 | + </div> | |
| 182 | + | |
| 183 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 184 | + | |
| 185 | + <!--퍼블 layout--> | |
| 186 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 187 | + | |
| 188 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 189 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 190 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 191 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 192 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 193 | +</body> | |
| 194 | +</html> |
+++ base/src/main/webapp/html/manage/_guide/error.html
... | ... | @@ -0,0 +1,59 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title></title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" | |
| 14 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 15 | + | |
| 16 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 17 | +</head> | |
| 18 | + | |
| 19 | +<body> | |
| 20 | + <div class="accessibility"> | |
| 21 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 22 | + </div> | |
| 23 | + <header class="site-header"></header> | |
| 24 | + <div class="site-body" id="skipToContents"> | |
| 25 | + <!-- <div class="lnb-area"></div> --> | |
| 26 | + <div class="container"> | |
| 27 | + <div class="contents"> | |
| 28 | + <section class="error-area"> | |
| 29 | + <figure> | |
| 30 | + <img src="../../../resources/front/manage/image/common/img_error.svg" alt=""> | |
| 31 | + </figure> | |
| 32 | + <h2>요청하신 페이지를 찾을 수 없습니다.</h2> | |
| 33 | + <p>이용에 불편을 드려 죄송합니다.</p> | |
| 34 | + <div class="btn-cont"> | |
| 35 | + <a href="#none" class="btn spot">메인으로 돌아가기</a> | |
| 36 | + </div> | |
| 37 | + </section> | |
| 38 | + </div> | |
| 39 | + <!-- site-footer --> | |
| 40 | + <footer class="site-footer"></footer><!-- //site-footer --><!-- //contents --> | |
| 41 | + </div><!-- //container --> | |
| 42 | + </div><!-- //site-body --> | |
| 43 | + | |
| 44 | + <!--popup--> | |
| 45 | + <div class="dim"></div> | |
| 46 | + | |
| 47 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 48 | + | |
| 49 | + <!--퍼블 layout--> | |
| 50 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 51 | + | |
| 52 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 53 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 54 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 55 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 56 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 57 | +</body> | |
| 58 | + | |
| 59 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/html/manage/_guide/icon.html
... | ... | @@ -0,0 +1,326 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | +<head> | |
| 4 | + <title></title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 7 | + <meta name="Author" content=""> | |
| 8 | + <meta name="Keywords" content=""> | |
| 9 | + <meta name="Description" content=""> | |
| 10 | + <meta name="format-detection" content="telephone=no"> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 12 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 13 | + | |
| 14 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 15 | + <style type="text/css"> | |
| 16 | + .body { | |
| 17 | + padding: 0 50px; | |
| 18 | + } | |
| 19 | + | |
| 20 | + .body > h1 { | |
| 21 | + margin: 80px 0 20px; | |
| 22 | + font-size: 24px; | |
| 23 | + font-weight: 500; | |
| 24 | + } | |
| 25 | + | |
| 26 | + .body > .gtit { | |
| 27 | + font-weight: 600; | |
| 28 | + font-size: 40px; | |
| 29 | + border-bottom: 1px solid #111; | |
| 30 | + padding-bottom: 30px; | |
| 31 | + } | |
| 32 | + </style> | |
| 33 | +</head> | |
| 34 | +<body> | |
| 35 | + <div class="body"> | |
| 36 | + <h1 class="gtit">icon</h1> | |
| 37 | + <h1>ico 24x24</h1> | |
| 38 | + <div> | |
| 39 | + <i class="ico-sch"></i> | |
| 40 | + <i class="ico-user"></i> | |
| 41 | + <i class="ico-like"></i> | |
| 42 | + <i class="ico-likeOn"></i> | |
| 43 | + <i class="ico-filter"></i> | |
| 44 | + <i class="ico-down"></i> | |
| 45 | + <i class="ico-lock"></i> | |
| 46 | + <i class="ico-newwin"></i> | |
| 47 | + <i class="ico-cal"></i> | |
| 48 | + <i class="ico-edit"></i> | |
| 49 | + <i class="ico-link"></i> | |
| 50 | + <i class="ico-share"></i> | |
| 51 | + <i class="ico-zoom"></i> | |
| 52 | + <i class="ico-file"></i> | |
| 53 | + <i class="ico-login"></i> | |
| 54 | + <i class="ico-logout"></i> | |
| 55 | + <i class="ico-plus"></i> | |
| 56 | + <i class="ico-minus"></i> | |
| 57 | + <i class="ico-trash"></i> | |
| 58 | + <i class="ico-close"></i> | |
| 59 | + <br> | |
| 60 | + <i class="ico-menu"></i> | |
| 61 | + <i class="ico-move"></i> | |
| 62 | + <i class="ico-etc"></i> | |
| 63 | + <i class="ico-help"></i> | |
| 64 | + <i class="ico-arrow-up"></i> | |
| 65 | + <i class="ico-arrow-down"></i> | |
| 66 | + <i class="ico-arrow-left"></i> | |
| 67 | + <i class="ico-arrow-right"></i> | |
| 68 | + <i class="ico-bell"></i> | |
| 69 | + <i class="ico-zoom-in"></i> | |
| 70 | + <i class="ico-zoom-out"></i> | |
| 71 | + <i class="ico-image"></i> | |
| 72 | + <i class="ico-video"></i> | |
| 73 | + <i class="ico-document"></i> | |
| 74 | + <i class="ico-question"></i> | |
| 75 | + <i class="ico-setting"></i> | |
| 76 | + <i class="ico-storage"></i> | |
| 77 | + <i class="ico-copy"></i> | |
| 78 | + <i class="ico-refresh"></i> | |
| 79 | + <i class="ico-arrow-left-up"></i> | |
| 80 | + </div> | |
| 81 | + | |
| 82 | + <h1>ico 24x24 spot</h1> | |
| 83 | + <div> | |
| 84 | + <i class="ico-sch spot"></i> | |
| 85 | + <i class="ico-user spot"></i> | |
| 86 | + <i class="ico-like spot"></i> | |
| 87 | + <i class="ico-likeOn spot"></i> | |
| 88 | + <i class="ico-filter spot"></i> | |
| 89 | + <i class="ico-down spot"></i> | |
| 90 | + <i class="ico-lock spot"></i> | |
| 91 | + <i class="ico-newwin spot"></i> | |
| 92 | + <i class="ico-cal spot"></i> | |
| 93 | + <i class="ico-edit spot"></i> | |
| 94 | + <i class="ico-link spot"></i> | |
| 95 | + <i class="ico-share spot"></i> | |
| 96 | + <i class="ico-zoom spot"></i> | |
| 97 | + <i class="ico-file spot"></i> | |
| 98 | + <i class="ico-login spot"></i> | |
| 99 | + <i class="ico-logout spot"></i> | |
| 100 | + <i class="ico-plus spot"></i> | |
| 101 | + <i class="ico-minus spot"></i> | |
| 102 | + <i class="ico-trash spot"></i> | |
| 103 | + <i class="ico-close spot"></i> | |
| 104 | + <br /> | |
| 105 | + <i class="ico-menu spot"></i> | |
| 106 | + <i class="ico-move spot"></i> | |
| 107 | + <i class="ico-etc spot"></i> | |
| 108 | + <i class="ico-help spot"></i> | |
| 109 | + <i class="ico-arrow-up spot"></i> | |
| 110 | + <i class="ico-arrow-down spot"></i> | |
| 111 | + <i class="ico-arrow-left spot"></i> | |
| 112 | + <i class="ico-arrow-right spot"></i> | |
| 113 | + <i class="ico-bell spot"></i> | |
| 114 | + <i class="ico-zoom-in spot"></i> | |
| 115 | + <i class="ico-zoom-out spot"></i> | |
| 116 | + <i class="ico-image spot"></i> | |
| 117 | + <i class="ico-video spot"></i> | |
| 118 | + <i class="ico-document spot"></i> | |
| 119 | + <i class="ico-question spot"></i> | |
| 120 | + <i class="ico-setting spot"></i> | |
| 121 | + <i class="ico-storage spot"></i> | |
| 122 | + <i class="ico-copy spot"></i> | |
| 123 | + <i class="ico-refresh spot"></i> | |
| 124 | + <i class="ico-arrow-left-up spot"></i> | |
| 125 | + </div> | |
| 126 | + | |
| 127 | + <h1>ico 24x24 wh</h1> | |
| 128 | + <div style="background-color: #ddd; padding:16px; border-radius: 4px;"> | |
| 129 | + <i class="ico-sch wh"></i> | |
| 130 | + <i class="ico-user wh"></i> | |
| 131 | + <i class="ico-like wh"></i> | |
| 132 | + <i class="ico-likeOn wh"></i> | |
| 133 | + <i class="ico-filter wh"></i> | |
| 134 | + <i class="ico-down wh"></i> | |
| 135 | + <i class="ico-lock wh"></i> | |
| 136 | + <i class="ico-newwin wh"></i> | |
| 137 | + <i class="ico-cal wh"></i> | |
| 138 | + <i class="ico-edit wh"></i> | |
| 139 | + <i class="ico-link wh"></i> | |
| 140 | + <i class="ico-share wh"></i> | |
| 141 | + <i class="ico-zoom wh"></i> | |
| 142 | + <i class="ico-file wh"></i> | |
| 143 | + <i class="ico-login wh"></i> | |
| 144 | + <i class="ico-logout wh"></i> | |
| 145 | + <i class="ico-plus wh"></i> | |
| 146 | + <i class="ico-minus wh"></i> | |
| 147 | + <i class="ico-trash wh"></i> | |
| 148 | + <i class="ico-close wh"></i> | |
| 149 | + <br> | |
| 150 | + <i class="ico-menu wh"></i> | |
| 151 | + <i class="ico-move wh"></i> | |
| 152 | + <i class="ico-etc wh"></i> | |
| 153 | + <i class="ico-help wh"></i> | |
| 154 | + <i class="ico-arrow-up wh"></i> | |
| 155 | + <i class="ico-arrow-down wh"></i> | |
| 156 | + <i class="ico-arrow-left wh"></i> | |
| 157 | + <i class="ico-arrow-right wh"></i> | |
| 158 | + <i class="ico-bell wh"></i> | |
| 159 | + <i class="ico-zoom-in wh"></i> | |
| 160 | + <i class="ico-zoom-out wh"></i> | |
| 161 | + <i class="ico-image wh"></i> | |
| 162 | + <i class="ico-video wh"></i> | |
| 163 | + <i class="ico-document wh"></i> | |
| 164 | + <i class="ico-question wh"></i> | |
| 165 | + <i class="ico-setting wh"></i> | |
| 166 | + <i class="ico-storage wh"></i> | |
| 167 | + <i class="ico-copy wh"></i> | |
| 168 | + <i class="ico-refresh wh"></i> | |
| 169 | + <i class="ico-arrow-left-up wh"></i> | |
| 170 | + </div> | |
| 171 | + | |
| 172 | + <h1>ico 16x16</h1> | |
| 173 | + <div> | |
| 174 | + <i class="ico-sm-sch"></i> | |
| 175 | + <i class="ico-sm-user"></i> | |
| 176 | + <i class="ico-sm-like"></i> | |
| 177 | + <i class="ico-sm-likeOn"></i> | |
| 178 | + <i class="ico-sm-filter"></i> | |
| 179 | + <i class="ico-sm-down"></i> | |
| 180 | + <i class="ico-sm-lock"></i> | |
| 181 | + <i class="ico-sm-newwin"></i> | |
| 182 | + <i class="ico-sm-cal"></i> | |
| 183 | + <i class="ico-sm-edit"></i> | |
| 184 | + <i class="ico-sm-link"></i> | |
| 185 | + <i class="ico-sm-share"></i> | |
| 186 | + <i class="ico-sm-zoom"></i> | |
| 187 | + <i class="ico-sm-file"></i> | |
| 188 | + <i class="ico-sm-login"></i> | |
| 189 | + <i class="ico-sm-logout"></i> | |
| 190 | + <i class="ico-sm-plus"></i> | |
| 191 | + <i class="ico-sm-minus"></i> | |
| 192 | + <i class="ico-sm-trash"></i> | |
| 193 | + <i class="ico-sm-close"></i> | |
| 194 | + <br /> | |
| 195 | + <i class="ico-sm-menu"></i> | |
| 196 | + <i class="ico-sm-move"></i> | |
| 197 | + <i class="ico-sm-etc"></i> | |
| 198 | + <i class="ico-sm-help"></i> | |
| 199 | + <i class="ico-sm-arrow-up"></i> | |
| 200 | + <i class="ico-sm-arrow-down"></i> | |
| 201 | + <i class="ico-sm-arrow-left"></i> | |
| 202 | + <i class="ico-sm-arrow-right"></i> | |
| 203 | + <i class="ico-sm-bell"></i> | |
| 204 | + <i class="ico-sm-zoom-in"></i> | |
| 205 | + <i class="ico-sm-zoom-out"></i> | |
| 206 | + <i class="ico-sm-image"></i> | |
| 207 | + <i class="ico-sm-video"></i> | |
| 208 | + <i class="ico-sm-document"></i> | |
| 209 | + <i class="ico-sm-question"></i> | |
| 210 | + <i class="ico-sm-setting"></i> | |
| 211 | + <i class="ico-sm-storage"></i> | |
| 212 | + <i class="ico-sm-copy"></i> | |
| 213 | + <i class="ico-sm-refresh"></i> | |
| 214 | + <i class="ico-sm-arrow-left-up"></i> | |
| 215 | + </div> | |
| 216 | + | |
| 217 | + <h1>ico 16x16 spot</h1> | |
| 218 | + <div> | |
| 219 | + <i class="ico-sm-sch spot"></i> | |
| 220 | + <i class="ico-sm-user spot"></i> | |
| 221 | + <i class="ico-sm-like spot"></i> | |
| 222 | + <i class="ico-sm-likeOn spot"></i> | |
| 223 | + <i class="ico-sm-filter spot"></i> | |
| 224 | + <i class="ico-sm-down spot"></i> | |
| 225 | + <i class="ico-sm-lock spot"></i> | |
| 226 | + <i class="ico-sm-newwin spot"></i> | |
| 227 | + <i class="ico-sm-cal spot"></i> | |
| 228 | + <i class="ico-sm-edit spot"></i> | |
| 229 | + <i class="ico-sm-link spot"></i> | |
| 230 | + <i class="ico-sm-share spot"></i> | |
| 231 | + <i class="ico-sm-zoom spot"></i> | |
| 232 | + <i class="ico-sm-file spot"></i> | |
| 233 | + <i class="ico-sm-login spot"></i> | |
| 234 | + <i class="ico-sm-logout spot"></i> | |
| 235 | + <i class="ico-sm-plus spot"></i> | |
| 236 | + <i class="ico-sm-minus spot"></i> | |
| 237 | + <i class="ico-sm-trash spot"></i> | |
| 238 | + <i class="ico-sm-close spot"></i> | |
| 239 | + <i class="ico-sm-menu spot"></i> | |
| 240 | + <br> | |
| 241 | + <i class="ico-sm-move spot"></i> | |
| 242 | + <i class="ico-sm-etc spot"></i> | |
| 243 | + <i class="ico-sm-help spot"></i> | |
| 244 | + <i class="ico-sm-arrow-up spot"></i> | |
| 245 | + <i class="ico-sm-arrow-down spot"></i> | |
| 246 | + <i class="ico-sm-arrow-left spot"></i> | |
| 247 | + <i class="ico-sm-arrow-right spot"></i> | |
| 248 | + <i class="ico-sm-bell spot"></i> | |
| 249 | + <i class="ico-sm-zoom-in spot"></i> | |
| 250 | + <i class="ico-sm-zoom-out spot"></i> | |
| 251 | + <i class="ico-sm-image spot"></i> | |
| 252 | + <i class="ico-sm-video spot"></i> | |
| 253 | + <i class="ico-sm-document spot"></i> | |
| 254 | + <i class="ico-sm-question spot"></i> | |
| 255 | + <i class="ico-sm-setting spot"></i> | |
| 256 | + <i class="ico-sm-storage spot"></i> | |
| 257 | + <i class="ico-sm-copy spot"></i> | |
| 258 | + <i class="ico-sm-refresh spot"></i> | |
| 259 | + <i class="ico-sm-arrow-left-up spot"></i> | |
| 260 | + </div> | |
| 261 | + | |
| 262 | + <h1>ico 16x16 wh</h1> | |
| 263 | + <div style="background-color: #ddd; padding:16px; border-radius: 4px;"> | |
| 264 | + <i class="ico-sm-sch wh"></i> | |
| 265 | + <i class="ico-sm-user wh"></i> | |
| 266 | + <i class="ico-sm-like wh"></i> | |
| 267 | + <i class="ico-sm-likeOn wh"></i> | |
| 268 | + <i class="ico-sm-filter wh"></i> | |
| 269 | + <i class="ico-sm-down wh"></i> | |
| 270 | + <i class="ico-sm-lock wh"></i> | |
| 271 | + <i class="ico-sm-newwin wh"></i> | |
| 272 | + <i class="ico-sm-cal wh"></i> | |
| 273 | + <i class="ico-sm-edit wh"></i> | |
| 274 | + <i class="ico-sm-link wh"></i> | |
| 275 | + <i class="ico-sm-share wh"></i> | |
| 276 | + <i class="ico-sm-zoom wh"></i> | |
| 277 | + <i class="ico-sm-file wh"></i> | |
| 278 | + <i class="ico-sm-login wh"></i> | |
| 279 | + <i class="ico-sm-logout wh"></i> | |
| 280 | + <i class="ico-sm-plus wh"></i> | |
| 281 | + <i class="ico-sm-minus wh"></i> | |
| 282 | + <i class="ico-sm-trash wh"></i> | |
| 283 | + <i class="ico-sm-close wh"></i> | |
| 284 | + <br> | |
| 285 | + <i class="ico-sm-menu wh"></i> | |
| 286 | + <i class="ico-sm-move wh"></i> | |
| 287 | + <i class="ico-sm-etc wh"></i> | |
| 288 | + <i class="ico-sm-help wh"></i> | |
| 289 | + <i class="ico-sm-arrow-up wh"></i> | |
| 290 | + <i class="ico-sm-arrow-down wh"></i> | |
| 291 | + <i class="ico-sm-arrow-left wh"></i> | |
| 292 | + <i class="ico-sm-arrow-right wh"></i> | |
| 293 | + <i class="ico-sm-bell wh"></i> | |
| 294 | + <i class="ico-sm-zoom-in wh"></i> | |
| 295 | + <i class="ico-sm-zoom-out wh"></i> | |
| 296 | + <i class="ico-sm-image wh"></i> | |
| 297 | + <i class="ico-sm-video wh"></i> | |
| 298 | + <i class="ico-sm-document wh"></i> | |
| 299 | + <i class="ico-sm-question wh"></i> | |
| 300 | + <i class="ico-sm-setting wh"></i> | |
| 301 | + <i class="ico-sm-storage wh"></i> | |
| 302 | + <i class="ico-sm-copy wh"></i> | |
| 303 | + <i class="ico-sm-refresh wh"></i> | |
| 304 | + <i class="ico-sm-arrow-left-up wh"></i> | |
| 305 | + </div> | |
| 306 | + | |
| 307 | + <h1>ico-file</h1> | |
| 308 | + <div> | |
| 309 | + <i class="ico-file-pdf"></i> | |
| 310 | + <i class="ico-file-hwp"></i> | |
| 311 | + <i class="ico-file-doc"></i> | |
| 312 | + </div> | |
| 313 | + </div> | |
| 314 | + | |
| 315 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 316 | + | |
| 317 | + <!--퍼블 layout--> | |
| 318 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 319 | + | |
| 320 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 321 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 322 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 323 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 324 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 325 | +</body> | |
| 326 | +</html> |
+++ base/src/main/webapp/html/manage/_guide/input.html
... | ... | @@ -0,0 +1,144 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | +<head> | |
| 4 | + <title></title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 7 | + <meta name="Author" content=""> | |
| 8 | + <meta name="Keywords" content=""> | |
| 9 | + <meta name="Description" content=""> | |
| 10 | + <meta name="format-detection" content="telephone=no"> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 12 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> | |
| 13 | + | |
| 14 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet"> | |
| 15 | + <style type="text/css"> | |
| 16 | + .body { | |
| 17 | + padding: 0 50px; | |
| 18 | + } | |
| 19 | + | |
| 20 | + .body h1 { | |
| 21 | + margin: 80px 0 20px; | |
| 22 | + font-size: 24px; | |
| 23 | + font-weight: 500; | |
| 24 | + } | |
| 25 | + | |
| 26 | + .body .gtit { | |
| 27 | + font-weight: 600; | |
| 28 | + font-size: 40px; | |
| 29 | + border-bottom: 1px solid #111; | |
| 30 | + padding-bottom: 30px; | |
| 31 | + } | |
| 32 | + </style> | |
| 33 | +</head> | |
| 34 | +<body> | |
| 35 | + <div class="body"> | |
| 36 | + <h1 class="gtit">select & input</h1> | |
| 37 | + <h1>select</h1> | |
| 38 | + <div> | |
| 39 | + <select title="옵션 선택"> | |
| 40 | + <option>셀렉트박스</option> | |
| 41 | + </select> | |
| 42 | + <select title="옵션 선택" disabled> | |
| 43 | + <option>셀렉트박스 disabled</option> | |
| 44 | + </select> | |
| 45 | + </div> | |
| 46 | + <div style="margin-top:8px"> | |
| 47 | + <select title="옵션 선택" class="lnb-sel"> | |
| 48 | + <option>LNB 서브메뉴</option> | |
| 49 | + </select> | |
| 50 | + </div> | |
| 51 | + | |
| 52 | + <h1>input</h1> | |
| 53 | + <div> | |
| 54 | + <input type="text" placeholder="text"> | |
| 55 | + <input type="text" placeholder="text" disabled> | |
| 56 | + </div> | |
| 57 | + | |
| 58 | + <h1>textarea</h1> | |
| 59 | + <div> | |
| 60 | + <textarea rows="10"></textarea> | |
| 61 | + </div> | |
| 62 | + <h1>checkbox / radio</h1> | |
| 63 | + <div> | |
| 64 | + <div class="checkradio"> | |
| 65 | + <input type="checkbox" name="checkbox" id="c1"> | |
| 66 | + <label for="c1">체크박스1</label> | |
| 67 | + </div> | |
| 68 | + <div class="checkradio"> | |
| 69 | + <input type="checkbox" name="checkbox" id="c2"> | |
| 70 | + <label for="c2">체크박스2</label> | |
| 71 | + </div> | |
| 72 | + <div class="checkradio"> | |
| 73 | + <input type="checkbox" name="checkbox" id="c3" disabled> | |
| 74 | + <label for="c3">체크박스 disabled</label> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <div style="margin-top:20px"> | |
| 78 | + <p>*텍스트없음 (label class="txt-hide")</p> | |
| 79 | + <div class="checkradio"> | |
| 80 | + <input type="checkbox" name="checkbox" checked id="c3"> | |
| 81 | + <label for="c3" class="txt-hide"></label> | |
| 82 | + </div> | |
| 83 | + </div> | |
| 84 | + <div style="margin-top:20px"> | |
| 85 | + <div class="checkradio"> | |
| 86 | + <input type="radio" name="radio" id="r1"> | |
| 87 | + <label for="r1">라디오1</label> | |
| 88 | + </div> | |
| 89 | + <div class="checkradio"> | |
| 90 | + <input type="radio" name="radio" id="r2"> | |
| 91 | + <label for="r2">라디오2</label> | |
| 92 | + </div> | |
| 93 | + <div class="checkradio"> | |
| 94 | + <input type="radio" name="radio" id="r3" disabled> | |
| 95 | + <label for="r3">라디오 disabled</label> | |
| 96 | + </div> | |
| 97 | + </div> | |
| 98 | + <div class="mt20"> | |
| 99 | + <fieldset class="checkradio-custom-area"> | |
| 100 | + <legend>체크박스 영역</legend> | |
| 101 | + <div class="checkradio"> | |
| 102 | + <input type="checkbox" name="cCus" id="cCus1_1"> | |
| 103 | + <label for="cCus1_1">체크박스 cus1</label> | |
| 104 | + </div> | |
| 105 | + <div class="checkradio"> | |
| 106 | + <input type="checkbox" name="cCus" id="cCus1_2"> | |
| 107 | + <label for="cCus1_2">체크박스 cus2</label> | |
| 108 | + </div> | |
| 109 | + </fieldset> | |
| 110 | + | |
| 111 | + </div> | |
| 112 | + <div class="mt20"> | |
| 113 | + <fieldset class="checkradio-custom-area"> | |
| 114 | + <legend>체크박스 영역</legend> | |
| 115 | + <div class="checkradio"> | |
| 116 | + <input type="radio" name="rCus" id="rCus1_1"> | |
| 117 | + <label for="rCus1_1">라디오 cus1</label> | |
| 118 | + </div> | |
| 119 | + <div class="checkradio"> | |
| 120 | + <input type="radio" name="rCus" id="rCus1_2"> | |
| 121 | + <label for="rCus1_2">라디오 cus2</label> | |
| 122 | + </div> | |
| 123 | + </fieldset> | |
| 124 | + </div> | |
| 125 | + <!-- <h1>datepicker</h1> | |
| 126 | + <div> | |
| 127 | + <label class="datepicker-box"><input type="text" class="datepicker" title="기간입력"></label> | |
| 128 | + <span class="dash"> - </span> | |
| 129 | + <label class="datepicker-box"><input type="text" class="datepicker" title="기간입력"></label> | |
| 130 | + </div> --> | |
| 131 | + </div> | |
| 132 | + | |
| 133 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 134 | + | |
| 135 | + <!--퍼블 layout--> | |
| 136 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 137 | + | |
| 138 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 139 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 140 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 141 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 142 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 143 | +</body> | |
| 144 | +</html> |
+++ base/src/main/webapp/html/manage/_guide/label.html
... | ... | @@ -0,0 +1,70 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | +<head> | |
| 4 | + <title></title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 7 | + <meta name="Author" content=""> | |
| 8 | + <meta name="Keywords" content=""> | |
| 9 | + <meta name="Description" content=""> | |
| 10 | + <meta name="format-detection" content="telephone=no"> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 12 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 13 | + | |
| 14 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 15 | + <style type="text/css"> | |
| 16 | + .body { | |
| 17 | + padding: 0 50px; | |
| 18 | + } | |
| 19 | + | |
| 20 | + .body > h1 { | |
| 21 | + margin: 80px 0 20px; | |
| 22 | + font-size: 24px; | |
| 23 | + font-weight: 500; | |
| 24 | + } | |
| 25 | + | |
| 26 | + .body > .gtit { | |
| 27 | + font-weight: 600; | |
| 28 | + font-size: 40px; | |
| 29 | + border-bottom: 1px solid #111; | |
| 30 | + padding-bottom: 30px; | |
| 31 | + } | |
| 32 | + </style> | |
| 33 | +</head> | |
| 34 | +<body> | |
| 35 | + <div class="body"> | |
| 36 | + <h1 class="gtit">label</h1> | |
| 37 | + <h1>label</h1> | |
| 38 | + <div class="label-area mb10"> | |
| 39 | + <a href="#none" class="label">label</a> | |
| 40 | + <a href="#none" class="label spot">label spot</a> | |
| 41 | + <a href="#none" class="label bl">검토중</a> | |
| 42 | + <a href="#none" class="label gn">업로드</a> | |
| 43 | + <a href="#none" class="label rd">반려</a> | |
| 44 | + <a href="#none" class="label num">1</a> | |
| 45 | + <!-- <a href="#none" class="label spot3">label spot3</a> | |
| 46 | + <a href="#none" class="label spot4">label spot4</a> --> | |
| 47 | + </div> | |
| 48 | + <div class="label-area"> | |
| 49 | + <a href="#none" class="label lg ">label</a> | |
| 50 | + <a href="#none" class="label lg spot">label spot</a> | |
| 51 | + <a href="#none" class="label lg bl">검토중</a> | |
| 52 | + <a href="#none" class="label lg gn">업로드</a> | |
| 53 | + <a href="#none" class="label lg rd">반려</a> | |
| 54 | + <span href="#none" class="label lg wh round">1-1 <button type="button" class="ico-sm-close"><span class="txt-hide">삭제</span></button></span> | |
| 55 | + <!-- <a href="#none" class="label spot3">label spot3</a> | |
| 56 | + <a href="#none" class="label spot4">label spot4</a> --> | |
| 57 | + </div> | |
| 58 | + </div> | |
| 59 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 60 | + | |
| 61 | + <!--퍼블 layout--> | |
| 62 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 63 | + | |
| 64 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 65 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 66 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 67 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 68 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 69 | +</body> | |
| 70 | +</html> |
+++ base/src/main/webapp/html/manage/_guide/list.html
... | ... | @@ -0,0 +1,197 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title></title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" | |
| 14 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 15 | + | |
| 16 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 17 | +</head> | |
| 18 | + | |
| 19 | +<body> | |
| 20 | + <div class="accessibility"> | |
| 21 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 22 | + </div> | |
| 23 | + <header class="site-header"></header> | |
| 24 | + <div class="site-body" id="skipToContents"> | |
| 25 | + <div class="lnb-area"></div> | |
| 26 | + <div class="container"> | |
| 27 | + <div class="contents"> | |
| 28 | + <div class="tit-area"> | |
| 29 | + <div class="l-area"> | |
| 30 | + <h2 class="tit">타이틀</h2> | |
| 31 | + </div> | |
| 32 | + <div class="r-area"> | |
| 33 | + <button class="btn-sm spot">관리자 등급설정</button> | |
| 34 | + <button class="btn-sm spot2">관리자 등급설정</button> | |
| 35 | + <button class="btn-sm">관리자 등록</button> | |
| 36 | + </div> | |
| 37 | + </div> | |
| 38 | + <p class="total-count">전체 18건</p> | |
| 39 | + <div class="list-type"> | |
| 40 | + <table> | |
| 41 | + <caption>공지사항 목록으로 선택, 제목, 첨부, 조회수, 작성자, 등록일로 구성되어있습니다.</caption> | |
| 42 | + <colgroup> | |
| 43 | + <col style="width:110px"> | |
| 44 | + <col> | |
| 45 | + <col style="width:120px"> | |
| 46 | + <col style="width:120px"> | |
| 47 | + <col style="width:120px"> | |
| 48 | + <col style="width:160px"> | |
| 49 | + </colgroup> | |
| 50 | + <thead> | |
| 51 | + <tr> | |
| 52 | + <th scope="col">선택</th> | |
| 53 | + <th scope="col">제목</th> | |
| 54 | + <th scope="col">첨부</th> | |
| 55 | + <th scope="col">조회수</th> | |
| 56 | + <th scope="col">작성자</th> | |
| 57 | + <th scope="col">등록일</th> | |
| 58 | + </tr> | |
| 59 | + </thead> | |
| 60 | + <tbody> | |
| 61 | + <tr> | |
| 62 | + <td data-tit="선택"> | |
| 63 | + <div class="checkradio"> | |
| 64 | + <input type="checkbox" id="c1" /> | |
| 65 | + <label for="c1" class="txt-hide">선택</label> | |
| 66 | + </div> | |
| 67 | + </td> | |
| 68 | + <td class="al" data-tit="제목"> | |
| 69 | + <a href="#none">해양환경 보전과 인식 증진을 위해 해양분야 연구자, 민간단체 활동가 등 권역별 해양환경 전문가를 초빙하여 학생을 대상으로 교육</a> | |
| 70 | + </td> | |
| 71 | + <td data-tit="첨부"><i class="ico-file"><span class="txt-hide">첨부파일</span></i></td> | |
| 72 | + <td data-tit="조회수">123,132</td> | |
| 73 | + <td data-tit="작성자">관리자</td> | |
| 74 | + <td data-tit="등록일">2020-07-23</td> | |
| 75 | + </tr> | |
| 76 | + <tr> | |
| 77 | + <td data-tit="선택"> | |
| 78 | + <div class="checkradio"> | |
| 79 | + <input type="checkbox" id="c2" /> | |
| 80 | + <label for="c2" class="txt-hide">선택</label> | |
| 81 | + </div> | |
| 82 | + </td> | |
| 83 | + <td class="al" data-tit="제목"> | |
| 84 | + <a href="#none">해양환경 보전과 인식 증진을 위해 해양분야 연구자, 민간단체 활동가 등 권역별 해양환경 전문가를 초빙하여 학생을 대상으로 교육</a> | |
| 85 | + </td> | |
| 86 | + <td data-tit="첨부"><i class="ico-file"><span class="txt-hide">첨부파일</span></i></td> | |
| 87 | + <td data-tit="조회수">123,132</td> | |
| 88 | + <td data-tit="작성자">관리자</td> | |
| 89 | + <td data-tit="등록일">2020-07-23</td> | |
| 90 | + </tr> | |
| 91 | + </tbody> | |
| 92 | + </table> | |
| 93 | + </div> | |
| 94 | + <div class="list-type sm"> | |
| 95 | + <table> | |
| 96 | + <caption>공지사항 목록으로 선택, 제목, 첨부, 조회수, 작성자, 등록일로 구성되어있습니다.</caption> | |
| 97 | + <colgroup> | |
| 98 | + <col style="width:110px"> | |
| 99 | + <col> | |
| 100 | + <col style="width:120px"> | |
| 101 | + <col style="width:120px"> | |
| 102 | + <col style="width:120px"> | |
| 103 | + <col style="width:160px"> | |
| 104 | + <col style="width:130px"> | |
| 105 | + </colgroup> | |
| 106 | + <thead> | |
| 107 | + <tr> | |
| 108 | + <th scope="col">선택</th> | |
| 109 | + <th scope="col">제목</th> | |
| 110 | + <th scope="col">첨부</th> | |
| 111 | + <th scope="col">조회수</th> | |
| 112 | + <th scope="col">작성자</th> | |
| 113 | + <th scope="col">등록일</th> | |
| 114 | + <th scope="col">버튼</th> | |
| 115 | + </tr> | |
| 116 | + </thead> | |
| 117 | + <tbody> | |
| 118 | + <tr> | |
| 119 | + <td data-tit="선택"> | |
| 120 | + <div class="checkradio"> | |
| 121 | + <input type="checkbox" id="c1" /> | |
| 122 | + <label for="c1" class="txt-hide">선택</label> | |
| 123 | + </div> | |
| 124 | + </td> | |
| 125 | + <td class="al" data-tit="제목"> | |
| 126 | + <a href="#none">해양환경 보전과 인식 증진을 위해 해양분야 연구자, 민간단체 활동가 등 권역별 해양환경 전문가를 초빙하여 학생을 대상으로 교육</a> | |
| 127 | + </td> | |
| 128 | + <td data-tit="첨부"><i class="ico-file"><span class="txt-hide">첨부파일</span></i></td> | |
| 129 | + <td data-tit="조회수">123,132</td> | |
| 130 | + <td data-tit="작성자">관리자</td> | |
| 131 | + <td data-tit="등록일">2020-07-23</td> | |
| 132 | + <td> | |
| 133 | + <div class="btn-cont"> | |
| 134 | + <a href="#none" class="btn-ico-sm" title="수정"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></a> | |
| 135 | + <button class="btn-ico-sm" title="삭제"><i class="ico-sm-trash"></i><span class="txt-hdie">삭제</span></button> | |
| 136 | + <a href="#none" class="btn-ico-sm" title="새창열기"><i class="ico-sm-newwin"></i><span class="txt-hide">새창</span></a> | |
| 137 | + </div> | |
| 138 | + </td> | |
| 139 | + </tr> | |
| 140 | + <tr> | |
| 141 | + <td data-tit="선택"> | |
| 142 | + <div class="checkradio"> | |
| 143 | + <input type="checkbox" id="c2" /> | |
| 144 | + <label for="c2" class="txt-hide">선택</label> | |
| 145 | + </div> | |
| 146 | + </td> | |
| 147 | + <td class="al" data-tit="제목"> | |
| 148 | + <a href="#none">해양환경 보전과 인식 증진을 위해 해양분야 연구자, 민간단체 활동가 등 권역별 해양환경 전문가를 초빙하여 학생을 대상으로 교육</a> | |
| 149 | + </td> | |
| 150 | + <td data-tit="첨부"><i class="ico-file"><span class="txt-hide">첨부파일</span></i></td> | |
| 151 | + <td data-tit="조회수">123,132</td> | |
| 152 | + <td data-tit="작성자">관리자</td> | |
| 153 | + <td data-tit="등록일">2020-07-23</td> | |
| 154 | + <td> | |
| 155 | + <div class="btn-cont dir-col"> | |
| 156 | + <button type="button" class="btn-sm">버튼1</button> | |
| 157 | + <button type="button" class="btn-sm spot">버튼23</button> | |
| 158 | + <button type="button" class="btn-sm spot2">버튼23</button> | |
| 159 | + </div> | |
| 160 | + </td> | |
| 161 | + </tr> | |
| 162 | + </tbody> | |
| 163 | + </table> | |
| 164 | + </div> | |
| 165 | + <ul class="paging"> | |
| 166 | + <li class="ppv"><a href="#none" title="처음으로"><span class="txt-hide">처음으로</span></a></li> | |
| 167 | + <li class="pv"><a href="#none" title="이전"><span class="txt-hide">이전</span></a></li> | |
| 168 | + <li class="is-active"><a href="#none" title="to 1 page">1</a></li> | |
| 169 | + <li><a href="#none" title="to 2 page">2</a></li> | |
| 170 | + <li><a href="#none" title="to 3 page">3</a></li> | |
| 171 | + <li><a href="#none" title="to 4 page">4</a></li> | |
| 172 | + <li><a href="#none" title="to 5 page">5</a></li> | |
| 173 | + <li class="fw"><a href="#none" title="다음"><span class="txt-hide">다음</span></a></li> | |
| 174 | + <li class="ffw"><a href="#none" title="끝으로"><span class="txt-hide">끝으로</span></a></li> | |
| 175 | + </ul> | |
| 176 | + </div> | |
| 177 | + <!-- site-footer --> | |
| 178 | + <footer class="site-footer"></footer><!-- //site-footer --><!-- //contents --> | |
| 179 | + </div><!-- //container --> | |
| 180 | + </div><!-- //site-body --> | |
| 181 | + | |
| 182 | + <!--popup--> | |
| 183 | + <div class="dim"></div> | |
| 184 | + | |
| 185 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 186 | + | |
| 187 | + <!--퍼블 layout--> | |
| 188 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 189 | + | |
| 190 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 191 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 192 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 193 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 194 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 195 | +</body> | |
| 196 | + | |
| 197 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/html/manage/_guide/loading.html
... | ... | @@ -0,0 +1,45 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | +<head> | |
| 4 | + <title></title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 7 | + <meta name="Author" content=""> | |
| 8 | + <meta name="Keywords" content=""> | |
| 9 | + <meta name="Description" content=""> | |
| 10 | + <meta name="format-detection" content="telephone=no"> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 12 | + <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 13 | + | |
| 14 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 15 | + <style type="text/css"> | |
| 16 | + .body { padding: 0 50px; } | |
| 17 | + .body h1 { margin: 80px 0 20px; font-size: 24px; font-weight: 500; } | |
| 18 | + .body .gtit { font-weight: 600; font-size: 40px; border-bottom: 1px solid #111; padding-bottom: 30px; } | |
| 19 | + </style> | |
| 20 | +</head> | |
| 21 | +<body> | |
| 22 | + <div class="body"> | |
| 23 | + <h1 class="gtit">Loading</h1> | |
| 24 | + <div class="loading"> | |
| 25 | + Loading | |
| 26 | + <strong><span>100</span> %</strong> | |
| 27 | + <p> | |
| 28 | + 현재 콘텐츠는 변화중 입니다.<br> | |
| 29 | + 변환 완료후 이용 가능합니다. | |
| 30 | + </p> | |
| 31 | + </div> | |
| 32 | + </div> | |
| 33 | + | |
| 34 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 35 | + | |
| 36 | + <!--퍼블 layout--> | |
| 37 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 38 | + | |
| 39 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 40 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 41 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 42 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 43 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 44 | +</body> | |
| 45 | +</html> |
+++ base/src/main/webapp/html/manage/_guide/popup.html
... | ... | @@ -0,0 +1,93 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | +<head> | |
| 4 | + <title></title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 7 | + <meta name="Author" content=""> | |
| 8 | + <meta name="Keywords" content=""> | |
| 9 | + <meta name="Description" content=""> | |
| 10 | + <meta name="format-detection" content="telephone=no"> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 12 | + <meta name="viewport" | |
| 13 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 14 | + | |
| 15 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 16 | + <style type="text/css"> | |
| 17 | + .body { | |
| 18 | + padding: 0 50px; | |
| 19 | + } | |
| 20 | + | |
| 21 | + .body > h1 { | |
| 22 | + margin: 80px 0 20px; | |
| 23 | + font-size: 24px; | |
| 24 | + font-weight: 500; | |
| 25 | + } | |
| 26 | + | |
| 27 | + .body > .gtit { | |
| 28 | + font-weight: 600; | |
| 29 | + font-size: 40px; | |
| 30 | + border-bottom: 1px solid #111; | |
| 31 | + padding-bottom: 30px; | |
| 32 | + } | |
| 33 | + </style> | |
| 34 | +</head> | |
| 35 | +<body> | |
| 36 | + <!-- <div class="dim"></div> --> | |
| 37 | + | |
| 38 | + <div class="body"> | |
| 39 | + <h1 class="gtit">팝업</h1> | |
| 40 | + <!--popup:기본 팝업 --> | |
| 41 | + <button type="button" class="btn" onclick="popupOpen('default-popup')">기본팝업 구조</button><!--***접근성이슈**** [팝업오픈] 접근성이슈로 this 인수 전달 --> | |
| 42 | + <div class="popup" data-popup="default-popup"> | |
| 43 | + <div class="pop-header"> | |
| 44 | + <h1>팝업 타이틀</h1> | |
| 45 | + </div> | |
| 46 | + <div class="pop-body"> | |
| 47 | + 내용내용<Br /> | |
| 48 | + 내용내용<Br /> | |
| 49 | + 내용내용<Br /> | |
| 50 | + 내용내용<Br /> | |
| 51 | + 내용내용<Br /> | |
| 52 | + 내용내용<Br /> | |
| 53 | + 내용내용<Br /> | |
| 54 | + 내용내용<Br /> | |
| 55 | + 내용내용<Br /> | |
| 56 | + 내용내용<Br /> | |
| 57 | + 내용내용<Br /> | |
| 58 | + 내용내용<Br /> | |
| 59 | + 내용내용<Br /> | |
| 60 | + 내용내용<Br /> | |
| 61 | + 내용내용<Br /> | |
| 62 | + 내용내용<Br /> | |
| 63 | + 내용내용<Br /> | |
| 64 | + 내용내용<Br /> | |
| 65 | + 내용내용<Br /> | |
| 66 | + 내용내용<Br /> | |
| 67 | + 내용내용<Br /> | |
| 68 | + 내용내용<Br /> | |
| 69 | + 내용내용<Br /> | |
| 70 | + 내용내용<Br /> | |
| 71 | + </div> | |
| 72 | + <div class="pop-footer"> | |
| 73 | + <div class="btn-flex-cont"> | |
| 74 | + <button type="button" class="btn spot2" onclick="popupClose('default-popup')">적용</button> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="dim"></div> | |
| 81 | + | |
| 82 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 83 | + | |
| 84 | + <!--퍼블 layout--> | |
| 85 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 86 | + | |
| 87 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 88 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 89 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 90 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 91 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 92 | +</body> | |
| 93 | +</html> |
+++ base/src/main/webapp/html/manage/_guide/sub_layout copy.html
... | ... | @@ -0,0 +1,59 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title></title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" | |
| 14 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 15 | + | |
| 16 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 17 | +</head> | |
| 18 | + | |
| 19 | +<body> | |
| 20 | + <div class="accessibility"> | |
| 21 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 22 | + </div> | |
| 23 | + <header class="site-header"></header> | |
| 24 | + <div class="site-body" id="skipToContents"> | |
| 25 | + <div class="lnb-area"></div> | |
| 26 | + <div class="container"> | |
| 27 | + <div class="contents"> | |
| 28 | + <section class="error-area"> | |
| 29 | + <figure> | |
| 30 | + <img src="../../../resources/front/manage/image/common/img_error.svg" alt=""> | |
| 31 | + </figure> | |
| 32 | + <h2>요청하신 페이지를 찾을 수 없습니다.</h2> | |
| 33 | + <p>이용에 불편을 드려 죄송합니다.</p> | |
| 34 | + <div class="btn-cont"> | |
| 35 | + <a href="#none" class="btn spot">메인으로 돌아가기</a> | |
| 36 | + </div> | |
| 37 | + </section> | |
| 38 | + </div> | |
| 39 | + <!-- site-footer --> | |
| 40 | + <footer class="site-footer"></footer><!-- //site-footer --><!-- //contents --> | |
| 41 | + </div><!-- //container --> | |
| 42 | + </div><!-- //site-body --> | |
| 43 | + | |
| 44 | + <!--popup--> | |
| 45 | + <div class="dim"></div> | |
| 46 | + | |
| 47 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 48 | + | |
| 49 | + <!--퍼블 layout--> | |
| 50 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 51 | + | |
| 52 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 53 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 54 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 55 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 56 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 57 | +</body> | |
| 58 | + | |
| 59 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/html/manage/_guide/sub_layout.html
... | ... | @@ -0,0 +1,50 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title></title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" | |
| 14 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 15 | + | |
| 16 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 17 | +</head> | |
| 18 | + | |
| 19 | +<body> | |
| 20 | + <div class="accessibility"> | |
| 21 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 22 | + </div> | |
| 23 | + <header class="site-header"></header> | |
| 24 | + <div class="site-body" id="skipToContents"> | |
| 25 | + <div class="lnb-area"></div> | |
| 26 | + <div class="container"> | |
| 27 | + <div class="contents"> | |
| 28 | + | |
| 29 | + </div> | |
| 30 | + <!-- site-footer --> | |
| 31 | + <footer class="site-footer"></footer><!-- //site-footer --><!-- //contents --> | |
| 32 | + </div><!-- //container --> | |
| 33 | + </div><!-- //site-body --> | |
| 34 | + | |
| 35 | + <!--popup--> | |
| 36 | + <div class="dim"></div> | |
| 37 | + | |
| 38 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 39 | + | |
| 40 | + <!--퍼블 layout--> | |
| 41 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 42 | + | |
| 43 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 44 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 45 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 46 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 47 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 48 | +</body> | |
| 49 | + | |
| 50 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/html/manage/_guide/view.html
... | ... | @@ -0,0 +1,105 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title></title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" | |
| 14 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 15 | + | |
| 16 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 17 | +</head> | |
| 18 | +<body> | |
| 19 | + <div class="accessibility"> | |
| 20 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 21 | + </div> | |
| 22 | + <header class="site-header"></header> | |
| 23 | + <div class="site-body" id="skipToContents"> | |
| 24 | + <div class="container wrap"> | |
| 25 | + <div class="contents"> | |
| 26 | + <div class="tit-area"> | |
| 27 | + <div class="l-area"> | |
| 28 | + <h2 class="tit">교수학습자료실</h2> | |
| 29 | + </div> | |
| 30 | + </div> | |
| 31 | + <div class="view-type"> | |
| 32 | + <table> | |
| 33 | + <caption>상세보기</caption> | |
| 34 | + <thead> | |
| 35 | + <tr> | |
| 36 | + <th scope="col"> | |
| 37 | + <h3>[김해] 초3 지역화교과서 교사용 지도서</h3> | |
| 38 | + <ul class="info"> | |
| 39 | + <li>구분 : 초등 3학년 사회</li> | |
| 40 | + <li>작성자 : 경남교육청 관리자</li> | |
| 41 | + </ul> | |
| 42 | + </th> | |
| 43 | + </tr> | |
| 44 | + </thead> | |
| 45 | + <tbody> | |
| 46 | + <tr> | |
| 47 | + <td> | |
| 48 | + <ul class="file-down-list"> | |
| 49 | + <li><a href="#none">연립일차방정식 활용교재.pdf <small>124kb</small></a></li> | |
| 50 | + <li><a href="#none">연립일차방정식 활용교재.pdf <small>124kb</small></a></li> | |
| 51 | + </ul> | |
| 52 | + </td> | |
| 53 | + </tr> | |
| 54 | + <tr> | |
| 55 | + <td id="boardContents"> | |
| 56 | + <h1>2021년도 공지사항 안내</h1> | |
| 57 | + <h2>2021년도 공지사항 안내</h2> | |
| 58 | + <h3>2021년도 공지사항 안내</h3> | |
| 59 | + <h4>2021년도 공지사항 안내</h4> | |
| 60 | + <h5>2021년도 공지사항 안내</h5> | |
| 61 | + <h6>2021년도 공지사항 안내</h6> | |
| 62 | + <ol> | |
| 63 | + <li>2021년도 공지사항 안내</li> | |
| 64 | + <li>2021년도 공지사항 안내</li> | |
| 65 | + <li>2021년도 공지사항 안내</li> | |
| 66 | + </ol> | |
| 67 | + <ul> | |
| 68 | + <li>2021년도 공지사항 안내</li> | |
| 69 | + <li>2021년도 공지사항 안내</li> | |
| 70 | + <li>2021년도 공지사항 안내</li> | |
| 71 | + </ul> | |
| 72 | + <strong>2021년도 공지사항 안내</strong> | |
| 73 | + <b>2021년도 공지사항 안내</b> | |
| 74 | + <em>2021년도 공지사항 안내</em> | |
| 75 | + <cite>2021년도 공지사항 안내</cite> | |
| 76 | + </td> | |
| 77 | + </tr> | |
| 78 | + </tbody> | |
| 79 | + </table> | |
| 80 | + </div> | |
| 81 | + <div class="btn-cont"> | |
| 82 | + <button class="btn-ico-lg"><i class="ico-share"></i><span class="txt-hide">공유하기</span></button> | |
| 83 | + <a href="#none" class="btn-lg">목록</a> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </div><!-- //site-body --> | |
| 88 | + <!-- site-footer --> | |
| 89 | + <footer class="site-footer"></footer><!-- //site-footer --> | |
| 90 | + <!--popup--> | |
| 91 | + <div class="dim"></div> | |
| 92 | + | |
| 93 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 94 | + | |
| 95 | + <!--퍼블 layout--> | |
| 96 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 97 | + | |
| 98 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 99 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 100 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 101 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 102 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 103 | +</body> | |
| 104 | + | |
| 105 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/html/manage/_guide/write.html
... | ... | @@ -0,0 +1,193 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title></title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" | |
| 14 | + content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> | |
| 15 | + | |
| 16 | + <link href="../../../resources/front/manage/css/style.css" rel="stylesheet" /> | |
| 17 | +</head> | |
| 18 | + | |
| 19 | +<body> | |
| 20 | + <div class="accessibility"> | |
| 21 | + <a href="#skipToContents">콘텐츠 바로가기</a> | |
| 22 | + </div> | |
| 23 | + <header class="site-header"></header> | |
| 24 | + <div class="site-body" id="skipToContents"> | |
| 25 | + <div class="lnb-area"></div> | |
| 26 | + <div class="container"> | |
| 27 | + <div class="contents"> | |
| 28 | + <div class="tit-area"> | |
| 29 | + <div class="l-area"> | |
| 30 | + <h2 class="tit">타이틀</h2> | |
| 31 | + </div> | |
| 32 | + </div> | |
| 33 | + <div class="write-type"> | |
| 34 | + <table> | |
| 35 | + <caption>~ 입력으로 ~로 구성되어있습니다.</caption> | |
| 36 | + <colgroup> | |
| 37 | + <col style="width:250px" /> | |
| 38 | + <col /> | |
| 39 | + </colgroup> | |
| 40 | + <tbody> | |
| 41 | + <tr> | |
| 42 | + <th scope="row">셀렉트 유형 <i class="required">*<span class="txt-hide" >필수</span></i></th> | |
| 43 | + <td> | |
| 44 | + <div class="selectbox"> | |
| 45 | + <select title="셀렉트 타이틀"> | |
| 46 | + <option>셀렉트 길이는 텍스트 길이에 따라서</option> | |
| 47 | + </select> | |
| 48 | + </div> | |
| 49 | + </td> | |
| 50 | + </tr> | |
| 51 | + <tr> | |
| 52 | + <th scope="row">셀렉트 + 인풋 유형 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 53 | + <td> | |
| 54 | + <div class="selectbox"> | |
| 55 | + <select title="셀렉트 타이틀1 선택"> | |
| 56 | + <option>선택1</option> | |
| 57 | + </select> | |
| 58 | + </div> | |
| 59 | + <div class="selectbox"> | |
| 60 | + <select title="셀렉트 타이틀2 선택"> | |
| 61 | + <option>선택2</option> | |
| 62 | + </select> | |
| 63 | + </div> | |
| 64 | + <input type="text" title="인풋박스 선택" /> | |
| 65 | + </td> | |
| 66 | + </tr> | |
| 67 | + <tr> | |
| 68 | + <th scope="row">인풋 짧은 숫자용 인풋 짧은 숫자용</th> | |
| 69 | + <td> | |
| 70 | + <label><input type="number" title="인풋박스" class="q0" /> 호선</label> | |
| 71 | + <label><input type="number" title="인풋박스" class="q0" /> 방향</label> | |
| 72 | + </td> | |
| 73 | + </tr> | |
| 74 | + <tr> | |
| 75 | + <th scope="row">인풋 q1</th> | |
| 76 | + <td> | |
| 77 | + <input type="text" title="인풋박스" class="q1" /> | |
| 78 | + <input type="text" title="인풋박스" class="q1" /> | |
| 79 | + <input type="text" title="인풋박스" class="q1" /> | |
| 80 | + <input type="text" title="인풋박스" class="q1" /> | |
| 81 | + </td> | |
| 82 | + </tr> | |
| 83 | + <tr> | |
| 84 | + <th scope="row">인풋 q2</th> | |
| 85 | + <td> | |
| 86 | + <input type="text" title="인풋박스" class="q2" /> | |
| 87 | + <input type="text" title="인풋박스" class="q2" /> | |
| 88 | + </td> | |
| 89 | + </tr> | |
| 90 | + <tr> | |
| 91 | + <th scope="row">인풋 q3</th> | |
| 92 | + <td> | |
| 93 | + <input type="text" title="인풋박스" class="q3" /> | |
| 94 | + </td> | |
| 95 | + </tr> | |
| 96 | + <tr> | |
| 97 | + <th scope="row">인풋 q4</th> | |
| 98 | + <td> | |
| 99 | + <input type="text" title="인풋박스" class="q4" /> | |
| 100 | + </td> | |
| 101 | + </tr> | |
| 102 | + <tr> | |
| 103 | + <th scope="row">인풋 체크박스 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 104 | + <td> | |
| 105 | + <div class="checkradio"> | |
| 106 | + <input type="checkbox" id="c1" checked /> | |
| 107 | + <label for="c1">체크박스1</label> | |
| 108 | + </div> | |
| 109 | + <div class="checkradio"> | |
| 110 | + <input type="checkbox" id="c2" /> | |
| 111 | + <label for="c2">체크박스2</label> | |
| 112 | + </div> | |
| 113 | + </td> | |
| 114 | + </tr> | |
| 115 | + <tr> | |
| 116 | + <th scope="row">인풋 라디오 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 117 | + <td> | |
| 118 | + <div class="checkradio"> | |
| 119 | + <input type="radio" name="radio" id="r1" checked /> | |
| 120 | + <label for="r1">라디오1</label> | |
| 121 | + </div> | |
| 122 | + <div class="checkradio"> | |
| 123 | + <input type="radio" name="radio" id="r2" /> | |
| 124 | + <label for="r2">라디오1</label> | |
| 125 | + </div> | |
| 126 | + </td> | |
| 127 | + </tr> | |
| 128 | + <tr> | |
| 129 | + <th scope="row">보조텍스트 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 130 | + <td> | |
| 131 | + <input type="text" title="인풋박스" class="q2" /> | |
| 132 | + <p class="msg"><em>보조텍스트</em> 입력하는 영역 16px</p> | |
| 133 | + </td> | |
| 134 | + </tr> | |
| 135 | + <tr> | |
| 136 | + <th scope="row">주소 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 137 | + <td> | |
| 138 | + <input type="text" title="우편번호 입력" class="q0" /> | |
| 139 | + <button type="button" class="btn">우편번호</button> | |
| 140 | + <input type="text" title="주소 입력" class="q3 block" /> | |
| 141 | + <input type="text" title="상세주소 입력" class="q3 block" /> | |
| 142 | + </td> | |
| 143 | + </tr> | |
| 144 | + <tr> | |
| 145 | + <th>전화번호</th> | |
| 146 | + <td> | |
| 147 | + <input type="text" title="전화번호1" class="q0" /> | |
| 148 | + </td> | |
| 149 | + </tr> | |
| 150 | + <tr> | |
| 151 | + <th>전화번호</th> | |
| 152 | + <td> | |
| 153 | + <input type="text" title="전화번호1" class="q0" /> | |
| 154 | + <input type="text" title="전화번호2" class="q0" /> | |
| 155 | + <input type="text" title="전화번호3" class="q0" /> | |
| 156 | + </td> | |
| 157 | + </tr> | |
| 158 | + <!-- <tr> | |
| 159 | + <th>기간입력</th> | |
| 160 | + <td> | |
| 161 | + <label class="datepicker-box"><input type="text" class="datepicker" title="기간입력" /></label><span> - </span> | |
| 162 | + <label class="datepicker-box"><input type="text" class="datepicker" title="기간입력" /></label> | |
| 163 | + </td> | |
| 164 | + </tr> --> | |
| 165 | + </tbody> | |
| 166 | + </table> | |
| 167 | + </div> | |
| 168 | + <div class="btn-cont"> | |
| 169 | + <button type="submit" class="btn-lg spot2">확인</button> | |
| 170 | + <button type="submit" class="btn-lg">취소</button> | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + <!-- site-footer --> | |
| 174 | + <footer class="site-footer"></footer><!-- //site-footer --><!-- //contents --> | |
| 175 | + </div><!-- //container --> | |
| 176 | + </div><!-- //site-body --> | |
| 177 | + | |
| 178 | + <!--popup--> | |
| 179 | + <div class="dim"></div> | |
| 180 | + | |
| 181 | + <script src="../../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 182 | + | |
| 183 | + <!--퍼블 layout--> | |
| 184 | + <script src="../../../resources/front/manage/js/_layout.js"></script> | |
| 185 | + | |
| 186 | + <script src="../../../resources/front/manage/js/jquery-ui.min.js"></script> | |
| 187 | + <script src="../../../resources/front/manage/js/jquery.easing.1.3.js"></script> | |
| 188 | + <script src="../../../resources/front/manage/js/ssm.min.js"></script> | |
| 189 | + <script src="../../../resources/front/manage/js/swiper-bundle.js"></script> | |
| 190 | + <script src="../../../resources/front/manage/js/common.js"></script> | |
| 191 | +</body> | |
| 192 | + | |
| 193 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/html/manage/_layout/header.html
... | ... | @@ -0,0 +1,25 @@ |
| 1 | +<div class="l-area"> | |
| 2 | + <h1 class="logo"> | |
| 3 | + <a href="#"> | |
| 4 | + <img src="../../../resources/front/manage/image/logo/logo.svg" alt="logo" /> | |
| 5 | + </a> | |
| 6 | + </h1> | |
| 7 | + <nav class="site-gnb"> | |
| 8 | + <ul> | |
| 9 | + <li><a href="#none" class="is-current">관리자</a></li> | |
| 10 | + <li><a href="#none">회원관리</a></li> | |
| 11 | + <li><a href="#none">등록관리</a></li> | |
| 12 | + <li><a href="#none">결제내역</a></li> | |
| 13 | + <li><a href="#none">게시판관리</a></li> | |
| 14 | + <li><a href="#none">배너&팝업관리</a></li> | |
| 15 | + <li><a href="#none">통계</a></li> | |
| 16 | + <li><a href="#none">시스템</a></li> | |
| 17 | + </ul> | |
| 18 | + </nav> | |
| 19 | +</div> | |
| 20 | +<div class="r-area"> | |
| 21 | + <div class="util"> | |
| 22 | + <a href="#none" class="btn-ico round" title="관리"><i class="ico-setting gr"></i><span class="txt-hide">관리</span></a> | |
| 23 | + <a href="#none" class="btn-ico round" title="로그아웃"><i class="ico-logout gr"></i><span class="txt-hide">로그아웃</span></a> | |
| 24 | + </div> | |
| 25 | +</div> |
+++ base/src/main/webapp/html/manage/_layout/lnb.html
... | ... | @@ -0,0 +1,34 @@ |
| 1 | +<nav class="lnb"> | |
| 2 | + <ul class="depth1"> | |
| 3 | + <li> | |
| 4 | + <a href="#none" class="is-current">내 문항</a> | |
| 5 | + <ul class="depth2"> | |
| 6 | + <li><a href="#none" class="is-current">임시보관함</a></li> | |
| 7 | + <li><a href="#none">문항 보관함</a></li> | |
| 8 | + </ul> | |
| 9 | + </li> | |
| 10 | + <li> | |
| 11 | + <a href="#none" class="is-current">내 평가지</a> | |
| 12 | + <!-- <ul> | |
| 13 | + <li><a href="#none">전송 평가지</a></li> | |
| 14 | + <li><a href="#none">임시보관함</a></li> | |
| 15 | + </ul> --> | |
| 16 | + </li> | |
| 17 | + <li> | |
| 18 | + <a href="#none">평가분석</a> | |
| 19 | + <!-- <ul> | |
| 20 | + <li><a href="#none">채점</a></li> | |
| 21 | + <li><a href="#none">분석</a></li> | |
| 22 | + | |
| 23 | + </ul> --> | |
| 24 | + </li> | |
| 25 | + <li> | |
| 26 | + <a href="#none">평가분석</a> | |
| 27 | + <ul> | |
| 28 | + <li><a href="#none">채점</a></li> | |
| 29 | + <li><a href="#none">분석</a></li> | |
| 30 | + | |
| 31 | + </ul> | |
| 32 | + </li> | |
| 33 | + </ul> | |
| 34 | +</nav> |
+++ base/src/main/webapp/html/manage/index.html
... | ... | @@ -0,0 +1,221 @@ |
| 1 | +<html> | |
| 2 | +<head> | |
| 3 | + <title>publish list</title> | |
| 4 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| 6 | + <style> | |
| 7 | + body { padding: 0; margin: 0; overflow-y: scroll; font: 11px/1.2em "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", Apple Gothic, "돋움", Dotum, "굴림", Gulim, sans-serif; } | |
| 8 | + | |
| 9 | + h1, h2 { margin: 5px; font-family: tahoma, sans-serif; font-size: 16px; font-weight: bold; text-transform: capitalize; /*capitalize | uppercase | lowercase | none*/ } | |
| 10 | + | |
| 11 | + h2 { font-size: 12px; } | |
| 12 | + | |
| 13 | + a { text-decoration: none; color: #aaa; } | |
| 14 | + | |
| 15 | + a.newWin { width: 6px; height: 6px; display: inline-block; text-indent: -9999px; border: 1px solid #777; margin: 0 5px; vertical-align: middle; position: relative; } | |
| 16 | + | |
| 17 | + a.newWin:before { content: ''; width: 6px; height: 6px; position: absolute; left: 1px; bottom: 1px; border: 1px solid #777; background: #ddd; } | |
| 18 | + | |
| 19 | + h1 a { color: #000; } | |
| 20 | + | |
| 21 | + ul, li { margin: 0; padding: 0; list-style: none; } | |
| 22 | + | |
| 23 | + body > ul { border-bottom: 1px #555 solid; display: none; } | |
| 24 | + | |
| 25 | + li { display: block; padding: 8px 0 0 0; background-image: url("img/temp/dot.gif"); background-repeat: no-repeat; position: relative; } | |
| 26 | + | |
| 27 | + li:before { content: ''; position: absolute; width: 2px; height: 2px; background: #555; top: 13px; } | |
| 28 | + | |
| 29 | + li span { display: block; color: #666; margin-top: -5px; padding-bottom: 8px; } | |
| 30 | + | |
| 31 | + li { background-color: #ccc; border-top: 1px #555 solid; } | |
| 32 | + | |
| 33 | + li li { background-color: #ddd; border-top: 1px #777 dotted; } | |
| 34 | + | |
| 35 | + li li li { background-color: #e9e9e9; border-top: 1px #999 dotted; } | |
| 36 | + | |
| 37 | + li li li li { background-color: #eee; border-top: 1px #bbb dotted; } | |
| 38 | + | |
| 39 | + li li li li li { background-color: #f3f3f3; border-top: 1px #ddd dotted; } | |
| 40 | + | |
| 41 | + li li li li li li { background-color: #fff; border-top: 1px #eee dotted; } | |
| 42 | + | |
| 43 | + li:before { left: 10px; } | |
| 44 | + | |
| 45 | + li li:before { left: 20px; } | |
| 46 | + | |
| 47 | + li li li:before { left: 30px; } | |
| 48 | + | |
| 49 | + li li li li:before { left: 40px; } | |
| 50 | + | |
| 51 | + li li li li li:before { left: 50px; } | |
| 52 | + | |
| 53 | + li li li li li li:before { left: 60px; } | |
| 54 | + | |
| 55 | + li a { margin-bottom: 8px; display: inline-block; } | |
| 56 | + | |
| 57 | + li span, | |
| 58 | + li a { margin-left: 15px; } | |
| 59 | + | |
| 60 | + li li span, | |
| 61 | + li li a { margin-left: 25px; } | |
| 62 | + | |
| 63 | + li li li span, | |
| 64 | + li li li a { margin-left: 35px; } | |
| 65 | + | |
| 66 | + li li li li span, | |
| 67 | + li li li li a { margin-left: 45px; } | |
| 68 | + | |
| 69 | + li li li li li span, | |
| 70 | + li li li li li a { margin-left: 55px; } | |
| 71 | + | |
| 72 | + li.on:after, | |
| 73 | + li.off:after { content: ''; position: absolute; right: 10px; top: 8px; } | |
| 74 | + | |
| 75 | + li.on:after { content: '+' } | |
| 76 | + | |
| 77 | + li.off:after { content: '-' } | |
| 78 | + | |
| 79 | + li.off ul { display: none; } | |
| 80 | + | |
| 81 | + .ready, .ready a { color: #000; } | |
| 82 | + | |
| 83 | + | |
| 84 | + | |
| 85 | + .design, .design a { color: pink; } | |
| 86 | + | |
| 87 | + .mod, .mod a { color: red; } | |
| 88 | + | |
| 89 | + .working, .working a { color: blue !important; } | |
| 90 | + | |
| 91 | + .add, .add a { color: green; } | |
| 92 | + | |
| 93 | + | |
| 94 | + | |
| 95 | + .temp, li.temp a { color: #ff6600; } | |
| 96 | + | |
| 97 | + .x, .x a { color: #aaa; cursor: default; text-decoration: line-through; } | |
| 98 | + | |
| 99 | + .before, .before a { color: #aaa; } | |
| 100 | + | |
| 101 | + .guide { display: block; margin: 10px; font-size: 11px; } | |
| 102 | + | |
| 103 | + .guide span { line-height: 1.5em; } | |
| 104 | + | |
| 105 | + li time { color: #555; } | |
| 106 | + | |
| 107 | + li.highlight { background-color: #a9c8fc } | |
| 108 | + | |
| 109 | + li.highlight li { background-color: #d4e4fe } | |
| 110 | + | |
| 111 | + .pubList { float: left; width: 350px; height: 100vh; overflow-y: scroll; } | |
| 112 | + | |
| 113 | + .iframe-wrap { float: right; width: calc(100% - 350px); padding: 0; } | |
| 114 | + | |
| 115 | + .iframe-wrap iframe { width: 100%; border: 0; margin: 0; padding: 0; height: 100vh; overflow: auto; } | |
| 116 | + | |
| 117 | + .cb { clear: both; } | |
| 118 | + | |
| 119 | + /********design : 디자인 요청, mod : 변경, ready : 작업완료, temp : 임시파일, x : 삭제대상 ********/ | |
| 120 | + </style> | |
| 121 | + <script src="../../resources/front/manage/js/jquery-3.6.0.min.js"></script> | |
| 122 | + <script> | |
| 123 | + window.onload = function () { | |
| 124 | + var body = document.body; | |
| 125 | + obj = body.getElementsByTagName("ul")[0]; | |
| 126 | + obj.style.display = "block"; | |
| 127 | + writeLink(obj.getElementsByTagName("li")); | |
| 128 | + } | |
| 129 | + function writeLink(obj) { | |
| 130 | + for (var i = 0; i < obj.length; i++) { | |
| 131 | + var nm, lk, sp, date, dateArr; | |
| 132 | + if (obj[i].innerHTML.split("<")[0].search(",") != -1) { | |
| 133 | + nm = obj[i].innerHTML.split(",")[0]; | |
| 134 | + lk = obj[i].innerHTML.split(",")[1].split("<")[0]; | |
| 135 | + if (obj[i].innerHTML.split(",").length > 2) { | |
| 136 | + date = obj[i].innerHTML.split(",").slice(obj[i].innerHTML.split(",").length - 1, obj[i].innerHTML.split(",").length).join(); | |
| 137 | + dateArr = obj[i].innerHTML.split(",").slice(2, obj[i].innerHTML.split(",").length).join(); | |
| 138 | + sp = nm + "," + lk + "," + obj[i].innerHTML.split(",").slice(2, obj[i].innerHTML.split(",").length).join(); | |
| 139 | + } else { | |
| 140 | + date = ""; | |
| 141 | + sp = nm + "," + lk; | |
| 142 | + } | |
| 143 | + lk = lk; | |
| 144 | + } else { | |
| 145 | + nm = obj[i].innerHTML.split("<")[0]; | |
| 146 | + lk = "#none" | |
| 147 | + sp = nm; | |
| 148 | + } | |
| 149 | + var child = obj[i].innerHTML.split(sp)[1]; | |
| 150 | + | |
| 151 | + if (lk == "javascript:;" || lk == "#none") obj[i].innerHTML = "<a href='" + lk + "'>" + nm + "</a>" + child; | |
| 152 | + else obj[i].innerHTML = "<a href='" + lk + "' target='pubView'>" + nm + "</a>" + "<a href='" + lk + "' class='newWin' target='preview' title='open new window'>new window</a>" + "<time title='" + dateArr + "'>" + date + "</time>" + "<span>" + lk + "</span>" + child; | |
| 153 | + | |
| 154 | + if (child != "") { | |
| 155 | + if (obj[i].getElementsByTagName("a")[0].addEventListener) obj[i].getElementsByTagName("a")[0].addEventListener('click', switchOnOff, false); | |
| 156 | + else obj[i].getElementsByTagName("a")[0].attachEvent('onclick', switchOnOff); | |
| 157 | + if (!$(obj[i]).hasClass('off')) { | |
| 158 | + $(obj[i]).addClass('on'); | |
| 159 | + } | |
| 160 | + } | |
| 161 | + } | |
| 162 | + } | |
| 163 | + function switchOnOff(event) { | |
| 164 | + var target = (event.target) ? event.target : event.srcElement; | |
| 165 | + target = $(target).parent(); | |
| 166 | + if (target.hasClass('on')) target.addClass('off').removeClass('on'); | |
| 167 | + else target.addClass('on').removeClass('off'); | |
| 168 | + } | |
| 169 | + function switchOnOffAll(event) { | |
| 170 | + var target = (event.target) ? event.target : event.srcElement; | |
| 171 | + if (target.innerHTML.indexOf("펼치기") != -1) { | |
| 172 | + target.innerHTML = target.innerHTML.replace("펼치기", "닫기"); | |
| 173 | + $(".off").removeClass('off').addClass('on'); | |
| 174 | + } else { | |
| 175 | + target.innerHTML = target.innerHTML.replace("닫기", "펼치기"); | |
| 176 | + $(".on").removeClass('on').addClass('off'); | |
| 177 | + } | |
| 178 | + } | |
| 179 | + </script> | |
| 180 | +</head> | |
| 181 | + | |
| 182 | +<body> | |
| 183 | + <div class="pubList"> | |
| 184 | + <h1><a href="index.html" target="_parent">publish list</a></h1> | |
| 185 | + <h2>publish</h2> | |
| 186 | + | |
| 187 | + <div class="guide"> | |
| 188 | + <span class="ready">■ 검은색 - 퍼블리싱 완료</span><br /> | |
| 189 | + <span class="before">■ 회색 - 작업전</span><br /> | |
| 190 | + <span class="working">■ 파란색 - 작업중</span><br /> | |
| 191 | + <span class="design">■ 분홍색 - 디자인 요청</span><br /> | |
| 192 | + <span class="mod">■ 빨간색 - 변경된 파일</span><br /> | |
| 193 | + <span class="add">■ 초록색 - 추가</span><br /><br /> | |
| 194 | + <span class="x">■ 작업안함</span><br /><br /> | |
| 195 | + <a href="#none" title="전체 목록 토글" onclick="switchOnOffAll(event);">전체 펼치기</a> | |
| 196 | + </div> | |
| 197 | + <ul class="ready"> | |
| 198 | + <li> | |
| 199 | + Guide | |
| 200 | + <ul> | |
| 201 | + <li>Btn,_guide/button.html</li> | |
| 202 | + <li>Icon,_guide/icon.html</li> | |
| 203 | + <li>Label,_guide/label.html</li> | |
| 204 | + <li>Select & Input,_guide/input.html</li> | |
| 205 | + <li>Component,_guide/component.html</li> | |
| 206 | + <li>popup,_guide/popup.html</li> | |
| 207 | + <li>list,_guide/list.html</li> | |
| 208 | + <li>write,_guide/write.html</li> | |
| 209 | + <li>loading,_guide/loading.html</li> | |
| 210 | + <li>error,_guide/error.html</li> | |
| 211 | + <li>sub_layout,_guide/sub_layout.html</li> | |
| 212 | + </ul> | |
| 213 | + </li> | |
| 214 | + </ul> | |
| 215 | + </div> | |
| 216 | + <div class="iframe-wrap"> | |
| 217 | + <iframe id="pubView" name="pubView"></iframe> | |
| 218 | + </div> | |
| 219 | + <div class="cb"></div> | |
| 220 | +</body> | |
| 221 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/abstracts/_mixins.scss
... | ... | @@ -0,0 +1,211 @@ |
| 1 | +// float clear | |
| 2 | +@mixin clear { | |
| 3 | + &::after { | |
| 4 | + content: ""; | |
| 5 | + display: block; | |
| 6 | + clear: both; | |
| 7 | + } | |
| 8 | + } | |
| 9 | + | |
| 10 | +//text-ellipsis | |
| 11 | +// 한줄ex : @include ellipsis(1); | |
| 12 | +// 두줄이상ex : @include ellipsis(2,1.5,3); | |
| 13 | +@mixin ellipsis($line , $line-height:1.25) { | |
| 14 | + @if ($line == 1) { | |
| 15 | + display:block; | |
| 16 | + text-overflow:ellipsis; | |
| 17 | + white-space:nowrap; | |
| 18 | + word-wrap:normal; | |
| 19 | + width:100%; | |
| 20 | + overflow:hidden; | |
| 21 | + } @else { | |
| 22 | + display: block; | |
| 23 | + display: -webkit-box; | |
| 24 | + overflow: hidden; | |
| 25 | + line-height: $line-height; | |
| 26 | + // height: #{$height}em; | |
| 27 | + width: 100%; | |
| 28 | + text-overflow: ellipsis; | |
| 29 | + -webkit-box-orient: vertical; | |
| 30 | + -webkit-line-clamp: $line; | |
| 31 | + } | |
| 32 | +} | |
| 33 | + | |
| 34 | +$ico-size: 24px; | |
| 35 | +$ico-col: 20; | |
| 36 | +$ico-size-sm:16px; | |
| 37 | +$ico-list: ( | |
| 38 | + 'sch', 'user', 'like', 'likeOn', 'filter', 'down', 'lock', 'newwin', 'cal', 'edit', 'link', 'share', 'zoom', 'file', 'login', 'logout', 'plus', 'minus', 'trash', 'close', | |
| 39 | + 'menu', 'move','etc','help','arrow-up','arrow-down','arrow-left','arrow-right','bell','zoom-in','zoom-out','image','video','document','question','setting','storage','copy', 'refresh', 'arrow-left-up', | |
| 40 | + 'volume', 'play', 'time', 'arrow-double-up', 'arrow-double-down', 'mix' | |
| 41 | +); | |
| 42 | +$ico-file-list: ( | |
| 43 | + 'pdf', 'hwp', 'doc' | |
| 44 | +); | |
| 45 | +// @mixin ico($size, $el, $spot:null) { | |
| 46 | +// width: $size + px; | |
| 47 | +// height: $size + px; | |
| 48 | +// background-size: $size * $ico-col + px auto; | |
| 49 | + | |
| 50 | +// @if ($size == 24 and $spot == spot) { | |
| 51 | +// background-image:url($url-img + 'common/ico24x24_spot.svg'); | |
| 52 | +// } | |
| 53 | +// @else if ($size == 16 and $spot == spot) { | |
| 54 | +// background-image:url($url-img + 'common/ico16x16_spot.svg'); | |
| 55 | +// } | |
| 56 | +// @else if ($size == 24 and $spot == wh) { | |
| 57 | +// background-image:url($url-img + 'common/ico24x24_wh.svg'); | |
| 58 | +// } | |
| 59 | +// @else if ($size == 16 and $spot == wh) { | |
| 60 | +// background-image:url($url-img + 'common/ico16x16_wh.svg'); | |
| 61 | +// } | |
| 62 | +// @else if ($size == 24) { | |
| 63 | +// background-image:url($url-img + 'common/ico24x24.svg'); | |
| 64 | +// } | |
| 65 | +// @else if ($size == 16) { | |
| 66 | +// background-image:url($url-img + 'common/ico16x16.svg'); | |
| 67 | +// } | |
| 68 | +// $i: index($ico-list, $el) - 1; | |
| 69 | +// $x: ($i % $ico-col) * -$size; | |
| 70 | +// $y: floor(math.div($i, $ico-col)) * -$size; | |
| 71 | +// &{background-position:#{$x+ px $y+px};} | |
| 72 | +// } | |
| 73 | + | |
| 74 | + | |
| 75 | +@mixin ico($size, $el, $color:null) { | |
| 76 | + width: $size + px; | |
| 77 | + height: $size + px; | |
| 78 | + mask-size: $size * $ico-col + px auto; | |
| 79 | + | |
| 80 | + @if ($size == 24 and $color == spot) { | |
| 81 | + mask-image:url($url-img + 'common/ico24x24.svg'); | |
| 82 | + background-color: $spot; | |
| 83 | + } | |
| 84 | + @if ($size == 24 and $color == gr) { | |
| 85 | + mask-image:url($url-img + 'common/ico24x24.svg'); | |
| 86 | + background-color: $gr; | |
| 87 | + } | |
| 88 | + @else if ($size == 16 and $color == spot) { | |
| 89 | + mask-image:url($url-img + 'common/ico16x16.svg'); | |
| 90 | + background-color: $spot; | |
| 91 | + } | |
| 92 | + @else if ($size == 24 and $color == wh) { | |
| 93 | + mask-image:url($url-img + 'common/ico24x24.svg'); | |
| 94 | + background-color: #fff; | |
| 95 | + } | |
| 96 | + @else if ($size == 16 and $color == wh) { | |
| 97 | + mask-image:url($url-img + 'common/ico16x16.svg'); | |
| 98 | + background-color: #fff; | |
| 99 | + } | |
| 100 | + @else if ($size == 24 and $color == null) { | |
| 101 | + mask-image:url($url-img + 'common/ico24x24.svg'); | |
| 102 | + background-color: #333; | |
| 103 | + } | |
| 104 | + @else if ($size == 16 and $color == null) { | |
| 105 | + mask-image:url($url-img + 'common/ico16x16.svg'); | |
| 106 | + background-color: $gr; | |
| 107 | + } | |
| 108 | + $i: index($ico-list, $el) - 1; | |
| 109 | + $x: ($i % $ico-col) * -$size; | |
| 110 | + $y: floor(math.div($i, $ico-col)) * -$size; | |
| 111 | + &{mask-position:#{$x+ px $y+px};} | |
| 112 | +} | |
| 113 | + | |
| 114 | + | |
| 115 | +@mixin ico-file($size, $el) { | |
| 116 | + width: $size + px; | |
| 117 | + height: $size + px; | |
| 118 | + background-size: $size * $ico-col + px auto; | |
| 119 | + background-image:url($url-img + 'common/ico_file.svg'); | |
| 120 | + $i: index($ico-file-list, $el) - 1; | |
| 121 | + $x: ($i % $ico-col) * -$size; | |
| 122 | + $y: floor(math.div($i, $ico-col)) * -$size; | |
| 123 | + &{background-position:#{$x+ px $y+px};} | |
| 124 | +} | |
| 125 | + | |
| 126 | +@mixin scrollcus { | |
| 127 | + &::-webkit-scrollbar { | |
| 128 | + width: 6px; | |
| 129 | + height: 6px; | |
| 130 | + box-sizing: border-box; | |
| 131 | + } | |
| 132 | + &::-webkit-scrollbar-thumb { | |
| 133 | + background-color: rgba(0,0,0,.1); | |
| 134 | + border-radius: 2em; | |
| 135 | + } | |
| 136 | + &::-webkit-scrollbar-track { | |
| 137 | + width: 16px; | |
| 138 | + background-color: transparent; | |
| 139 | + } | |
| 140 | +} | |
| 141 | + | |
| 142 | +@mixin img-size { | |
| 143 | + position: relative; | |
| 144 | + display: block; | |
| 145 | + width: 100%; | |
| 146 | + height: 0; | |
| 147 | + padding-top: 56.56%; | |
| 148 | + background: $gr50; | |
| 149 | + overflow: hidden; | |
| 150 | + border-radius: $radius; | |
| 151 | + border:1px solid $gr100; | |
| 152 | + box-sizing: border-box; | |
| 153 | + img { | |
| 154 | + position: absolute; | |
| 155 | + top:0; | |
| 156 | + left:0; | |
| 157 | + right:0; | |
| 158 | + bottom:0; | |
| 159 | + display: block; | |
| 160 | + object-fit: cover; | |
| 161 | + width: 100%; | |
| 162 | + height: 100%; | |
| 163 | + transition: all .5s; | |
| 164 | + } | |
| 165 | +} | |
| 166 | + | |
| 167 | +@mixin tablet{ | |
| 168 | + @media (max-width: $tablet){ | |
| 169 | + @content; | |
| 170 | + } | |
| 171 | +} | |
| 172 | + | |
| 173 | +@mixin mobile{ | |
| 174 | + @media (max-width: $mobile){ | |
| 175 | + @content; | |
| 176 | + } | |
| 177 | +} | |
| 178 | + | |
| 179 | +@mixin mobileSm{ | |
| 180 | + @media (max-width: $mobile-sm){ | |
| 181 | + @content; | |
| 182 | + } | |
| 183 | + } | |
| 184 | + | |
| 185 | +:root { | |
| 186 | + --wrap-gap: #{$s16}; | |
| 187 | + --fs-lg: #{$s16}; | |
| 188 | + --fs: #{$s14}; | |
| 189 | + --fs-sm: #{$s12}; | |
| 190 | +} | |
| 191 | + | |
| 192 | +@include tablet { | |
| 193 | + :root { | |
| 194 | + // --wrap-gap: #{$s20}; | |
| 195 | + // --fs-lg: #{$s16}; | |
| 196 | + // --fs: #{$s14}; | |
| 197 | + // --fs-sm: #{$s11}; | |
| 198 | + } | |
| 199 | + | |
| 200 | +} | |
| 201 | + | |
| 202 | +@include mobile { | |
| 203 | + :root { | |
| 204 | + // --wrap-gap: #{$s16}; | |
| 205 | + // --fs-lg: #{$s15}; | |
| 206 | + // --fs: #{$s13}; | |
| 207 | + // --fs-sm: #{$s10}; | |
| 208 | + } | |
| 209 | +} | |
| 210 | + | |
| 211 | + |
+++ base/src/main/webapp/resources/front/manage/css/abstracts/_variables.scss
... | ... | @@ -0,0 +1,61 @@ |
| 1 | +$bk: #333; | |
| 2 | +$wh: #fff; | |
| 3 | +$gr:#B8BEDB; | |
| 4 | + | |
| 5 | +$gr700 : #555; | |
| 6 | +$gr500 : #777; | |
| 7 | +$gr300 : #9196AF; | |
| 8 | +$gr100 : #ddd; | |
| 9 | +$gr80 : #eee; | |
| 10 | +$gr50 : #F8F8F8; | |
| 11 | + | |
| 12 | +$rd: #EB325D; | |
| 13 | +$gn: #00BA7A; | |
| 14 | +$bl: #009AEB; | |
| 15 | +$or: orange; | |
| 16 | +$bl-dark: #004596; | |
| 17 | +$spot : #4757E6; | |
| 18 | +$spot2 : #404664; | |
| 19 | + | |
| 20 | + | |
| 21 | +$bk-hover:darken($bk, 12%); | |
| 22 | +$spot-hover:darken($spot, 5%); | |
| 23 | +$spot2-hover:darken($spot2, 5%); | |
| 24 | +$gr100-hover:darken($gr100, 5%); | |
| 25 | + | |
| 26 | +$s40:40px; | |
| 27 | +$s30:30px; | |
| 28 | +$s20:20px; | |
| 29 | +$s19:19px; | |
| 30 | +$s18:18px; | |
| 31 | +$s17:17px; | |
| 32 | +$s16:16px; | |
| 33 | +$s15:15px; | |
| 34 | +$s14:14px; | |
| 35 | +$s13:13px; | |
| 36 | +$s12:12px; | |
| 37 | +$s11:11px; | |
| 38 | +$s10:10px; | |
| 39 | + | |
| 40 | + | |
| 41 | +$wrap: 1240px; | |
| 42 | +$wrap-gap:16px; | |
| 43 | + | |
| 44 | + | |
| 45 | +$url-img: '../image/'; | |
| 46 | +$radius:4px; | |
| 47 | +$radius-sm:2px; | |
| 48 | +$shadow:0 5px 5px rgba(0,0,0,.05); | |
| 49 | + | |
| 50 | +$exb:900; | |
| 51 | +$b:700; | |
| 52 | +$m:400; | |
| 53 | + | |
| 54 | +$tablet: 1279px; | |
| 55 | +$mobile: 767px; | |
| 56 | +$mobile-sm: 374px; | |
| 57 | + | |
| 58 | +// $fs-lg:16px; | |
| 59 | +// $fs:14px; | |
| 60 | +// $fs-sm:11px; | |
| 61 | + |
+++ base/src/main/webapp/resources/front/manage/css/base/_animation.scss
... | ... | @@ -0,0 +1,34 @@ |
| 1 | +/* animation */ | |
| 2 | +@keyframes opacity { | |
| 3 | + 0% { | |
| 4 | + opacity: 0; | |
| 5 | + } | |
| 6 | + | |
| 7 | + 100% { | |
| 8 | + opacity: 1; | |
| 9 | + } | |
| 10 | +} | |
| 11 | + | |
| 12 | +@keyframes filterall { | |
| 13 | + 0% { | |
| 14 | + opacity: 0; | |
| 15 | + margin-top: 0; | |
| 16 | + } | |
| 17 | + | |
| 18 | + 100% { | |
| 19 | + opacity: 1; | |
| 20 | + height: auto; | |
| 21 | + margin-top: 10px; | |
| 22 | + } | |
| 23 | +} | |
| 24 | + | |
| 25 | +@keyframes opacityUp { | |
| 26 | + 0% { | |
| 27 | + opacity: 0; | |
| 28 | + margin-top: 3%; | |
| 29 | + } | |
| 30 | + 100% { | |
| 31 | + opacity: 1; | |
| 32 | + margin-top: 0; | |
| 33 | + } | |
| 34 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/base/_font.scss
... | ... | @@ -0,0 +1,31 @@ |
| 1 | +@font-face { | |
| 2 | + font-family: 'Pretendard'; | |
| 3 | + font-style: normal; | |
| 4 | + font-weight: 300; | |
| 5 | + src: url('font/Pretendard-Light.woff2') format('woff2'), url('font/Pretendard-Light.woff') format('woff'); | |
| 6 | +} | |
| 7 | +@font-face { | |
| 8 | + font-family: 'Pretendard'; | |
| 9 | + font-style: normal; | |
| 10 | + font-weight: 400; | |
| 11 | + src: url('font/Pretendard-Regular.woff2') format('woff2'), url('font/Pretendard-Regular.woff') format('woff'); | |
| 12 | +} | |
| 13 | +@font-face { | |
| 14 | + font-family: 'Pretendard'; | |
| 15 | + font-style: normal; | |
| 16 | + font-weight: 500; | |
| 17 | + src: url('font/Pretendard-Medium.woff2') format('woff2'), url('font/Pretendard-Medium.woff') format('woff'); | |
| 18 | +} | |
| 19 | +@font-face { | |
| 20 | + font-family: 'Pretendard'; | |
| 21 | + font-style: normal; | |
| 22 | + font-weight: 700; | |
| 23 | + src: url('font/Pretendard-Bold.woff2') format('woff2'), url('font/Pretendard-Bold.woff') format('woff'); | |
| 24 | +} | |
| 25 | +@font-face { | |
| 26 | + font-family: 'Pretendard'; | |
| 27 | + font-style: normal; | |
| 28 | + font-weight: 900; | |
| 29 | + src: url('font/Pretendard-Black.woff2') format('woff2'), url('font/Pretendard-Black.woff') format('woff'); | |
| 30 | +} | |
| 31 | + |
+++ base/src/main/webapp/resources/front/manage/css/base/_reset.scss
... | ... | @@ -0,0 +1,169 @@ |
| 1 | +html, body { | |
| 2 | + height: 100%; | |
| 3 | +} | |
| 4 | +html { | |
| 5 | + border: 0; | |
| 6 | + outline: 0; | |
| 7 | + font-size: 62.5%; | |
| 8 | +} | |
| 9 | +body { | |
| 10 | + font-size: var(--fs); | |
| 11 | + line-height: 1.25; | |
| 12 | + font-family: "Pretendard", "맑은고딕", "Malgun Gothic", "Apple Gothic", Dotum, Gulim, sans-serif; | |
| 13 | + background-color: transparent; | |
| 14 | + color: $bk; | |
| 15 | + font-weight: $m; | |
| 16 | + letter-spacing: -0.06em; | |
| 17 | + -webkit-font-smoothing: antialiased; | |
| 18 | + -webkit-text-size-adjust: none; | |
| 19 | + width:100%; | |
| 20 | + overflow-x: auto; | |
| 21 | + min-width: 1280px; | |
| 22 | + * { | |
| 23 | + @include scrollcus; | |
| 24 | + } | |
| 25 | +} | |
| 26 | +@media (pointer:coarse) { | |
| 27 | + body { | |
| 28 | + * { | |
| 29 | + scrollbar-width: none; | |
| 30 | + &::-webkit-scrollbar { | |
| 31 | + display: none; | |
| 32 | + } | |
| 33 | + } | |
| 34 | + } | |
| 35 | +} | |
| 36 | +body.noscroll { | |
| 37 | + overflow: hidden; | |
| 38 | +} | |
| 39 | +::selection { | |
| 40 | + color: #fff; | |
| 41 | + background-color: #273640; | |
| 42 | +} | |
| 43 | +::-moz-selection { | |
| 44 | + color: #fff; | |
| 45 | + background-color: #273640; | |
| 46 | +} | |
| 47 | + | |
| 48 | +html, body, nav, section, article, figure, figcaption, | |
| 49 | +h1, h2, h3, h4, h5, h6, | |
| 50 | +menu, ul, ol, dl, li, dt, dd, | |
| 51 | +p, form { | |
| 52 | + margin: 0; | |
| 53 | + padding: 0; | |
| 54 | +} | |
| 55 | +h1, h2, h3, h4, h5, h6 { | |
| 56 | + font-weight:$b; | |
| 57 | + line-height: 1.1em; | |
| 58 | +} | |
| 59 | +img { | |
| 60 | + margin: 0; | |
| 61 | + border: none; | |
| 62 | +} | |
| 63 | +ul, ol, dl, li { | |
| 64 | + list-style: none; | |
| 65 | +} | |
| 66 | +cite, em, address { | |
| 67 | + font-style: normal; | |
| 68 | +} | |
| 69 | +em { | |
| 70 | + font-weight:$b; | |
| 71 | + color: $spot; | |
| 72 | + &.spot { | |
| 73 | + color: $spot; | |
| 74 | + } | |
| 75 | + &.spot2 { | |
| 76 | + color: $spot; | |
| 77 | + } | |
| 78 | +} | |
| 79 | +em | |
| 80 | +b, strong { | |
| 81 | + font-weight: $b; | |
| 82 | +} | |
| 83 | +i { | |
| 84 | + font-style:normal; | |
| 85 | +} | |
| 86 | +iframe { | |
| 87 | + border: none; | |
| 88 | + outline: 0; | |
| 89 | +} | |
| 90 | +a > span { | |
| 91 | + cursor: pointer; | |
| 92 | +} | |
| 93 | +a { | |
| 94 | + text-decoration: none; | |
| 95 | + color: $bk; | |
| 96 | +} | |
| 97 | +a:hover, | |
| 98 | +a:focus { | |
| 99 | + text-decoration: none; | |
| 100 | +} | |
| 101 | +table { | |
| 102 | + width: 100%; | |
| 103 | + border-collapse: collapse; | |
| 104 | + table-layout: fixed; | |
| 105 | +} | |
| 106 | +table caption { | |
| 107 | + height: 0; | |
| 108 | + font-size: 0.1em; | |
| 109 | + color: #fff; | |
| 110 | + opacity: 0; | |
| 111 | + filter: alpha(opacity=0); | |
| 112 | +} | |
| 113 | +fieldset { | |
| 114 | + border: 0; | |
| 115 | + margin: 0; | |
| 116 | + padding: 0; | |
| 117 | + display: block; | |
| 118 | +} | |
| 119 | +fieldset legend { | |
| 120 | + opacity: 0; | |
| 121 | + filter: alpha(opacity=0); | |
| 122 | + position: absolute; | |
| 123 | + top: 0; | |
| 124 | + left: 0; | |
| 125 | + width: 0; | |
| 126 | + height: 0; | |
| 127 | + overflow: hidden; | |
| 128 | + font-size: 0; | |
| 129 | + line-height: 0; | |
| 130 | +} | |
| 131 | +button, | |
| 132 | +input:not([type=checkbox]), | |
| 133 | +input:not([type=radio]) , | |
| 134 | +textarea, | |
| 135 | +select { | |
| 136 | + font-family: "Pretendard", "맑은고딕", "Malgun Gothic", "Apple Gothic", Dotum, Gulim, sans-serif; | |
| 137 | + font-size:14px; | |
| 138 | + color: $bk; | |
| 139 | + -webkit-appearance: none; | |
| 140 | + -webkit-border-radius: 0; | |
| 141 | + vertical-align: middle; | |
| 142 | + letter-spacing: -0.01em; | |
| 143 | +} | |
| 144 | +button { | |
| 145 | + border: none; | |
| 146 | + background: none; | |
| 147 | + cursor:pointer; | |
| 148 | + padding:0; | |
| 149 | + &:disabled { | |
| 150 | + cursor: default; | |
| 151 | + } | |
| 152 | +} | |
| 153 | +pre { | |
| 154 | + white-space: pre-wrap; | |
| 155 | +} | |
| 156 | +small { | |
| 157 | + color:$gr500; | |
| 158 | +} | |
| 159 | + | |
| 160 | +@include tablet { | |
| 161 | + body { | |
| 162 | + font-size:var(--fs); | |
| 163 | + } | |
| 164 | +} | |
| 165 | +@include mobile { | |
| 166 | + body { | |
| 167 | + font-size:var(--fs); | |
| 168 | + } | |
| 169 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_accordion.scss
... | ... | @@ -0,0 +1,74 @@ |
| 1 | +.accordion { | |
| 2 | + border-top:2px solid $bk; | |
| 3 | + margin-top:15px; | |
| 4 | + .is-active { | |
| 5 | + .accordion-tit-area:after { | |
| 6 | + transform:rotate(-180deg); | |
| 7 | + } | |
| 8 | + .accoridon-tit { | |
| 9 | + color:$spot; | |
| 10 | + font-weight: $b; | |
| 11 | + } | |
| 12 | + .accordion-txt-area { | |
| 13 | + display: block; | |
| 14 | + } | |
| 15 | + } | |
| 16 | + li { | |
| 17 | + border-bottom:1px solid $bk; | |
| 18 | + } | |
| 19 | +} | |
| 20 | +.accordion-tit-area { | |
| 21 | + position: relative; | |
| 22 | + font-size: 0; | |
| 23 | + padding: 15px 0; | |
| 24 | + cite { | |
| 25 | + display: inline-block; | |
| 26 | + box-sizing: border-box; | |
| 27 | + width: 200px; | |
| 28 | + font-size: 1.8rem; | |
| 29 | + border: 1px solid $spot; | |
| 30 | + color: $spot; | |
| 31 | + border-radius: 0 20px 0 20px; | |
| 32 | + text-align: center; | |
| 33 | + padding: 15px 20px; | |
| 34 | + font-weight: $b; | |
| 35 | + line-height: 1.4; | |
| 36 | + vertical-align: middle; | |
| 37 | + } | |
| 38 | + | |
| 39 | + &:after { | |
| 40 | + content: " "; | |
| 41 | + position: absolute; | |
| 42 | + right: 40px; | |
| 43 | + top: 50%; | |
| 44 | + margin-top: -10px; | |
| 45 | + width: 20px; | |
| 46 | + height: 20px; | |
| 47 | + background-image: url('../../images/user/common/arr.svg'); | |
| 48 | + transition:transform .5s; | |
| 49 | + } | |
| 50 | +} | |
| 51 | +.accoridon-tit { | |
| 52 | + display: inline-block; | |
| 53 | + vertical-align: middle; | |
| 54 | + font-size:2rem; | |
| 55 | + box-sizing: border-box; | |
| 56 | + padding-left:40px; | |
| 57 | + padding-right:80px; | |
| 58 | +} | |
| 59 | +.btn-accordion-toggle { | |
| 60 | + position: absolute; | |
| 61 | + height:100%; | |
| 62 | + width: 100%; | |
| 63 | + top:0; | |
| 64 | + left:0; | |
| 65 | + right:0; | |
| 66 | + bottom: 0; | |
| 67 | + text-indent: -9999px; | |
| 68 | +} | |
| 69 | +.accordion-txt-area { | |
| 70 | + display: none; | |
| 71 | + padding: 40px; | |
| 72 | + border-top:1px solid $gr100; | |
| 73 | + | |
| 74 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_component.scss
... | ... | @@ -0,0 +1,1481 @@ |
| 1 | +/* common */ | |
| 2 | +.p0 { | |
| 3 | + width: 70px !important; | |
| 4 | +} | |
| 5 | + | |
| 6 | +.p1 { | |
| 7 | + width: 10% !important; | |
| 8 | +} | |
| 9 | + | |
| 10 | +.p2 { | |
| 11 | + width: 20% !important; | |
| 12 | +} | |
| 13 | +.p3 { | |
| 14 | + width: 30% !important; | |
| 15 | +} | |
| 16 | +.p4 { | |
| 17 | + width: 40% !important; | |
| 18 | +} | |
| 19 | +.p5 { | |
| 20 | + width: 50% !important; | |
| 21 | +} | |
| 22 | +.p6 { | |
| 23 | + width: 60% !important; | |
| 24 | +} | |
| 25 | +.p7 { | |
| 26 | + width: 70% !important; | |
| 27 | +} | |
| 28 | +.p8 { | |
| 29 | + width: 80% !important; | |
| 30 | +} | |
| 31 | +.p9 { | |
| 32 | + width: 90% !important; | |
| 33 | +} | |
| 34 | +.p10 { | |
| 35 | + width: 100% !important; | |
| 36 | +} | |
| 37 | +.accessibility { | |
| 38 | + position: relative; | |
| 39 | +} | |
| 40 | +.accessibility a { | |
| 41 | + position: absolute; | |
| 42 | + left: 0; | |
| 43 | + top: 0; | |
| 44 | + height: 1px; | |
| 45 | + overflow: hidden; | |
| 46 | + font-weight: 500; | |
| 47 | + z-index: 99999; | |
| 48 | +} | |
| 49 | +.accessibility a:focus { | |
| 50 | + z-index: 999; | |
| 51 | + width: 120px; | |
| 52 | + height: 35px; | |
| 53 | + line-height: 35px; | |
| 54 | + background: $spot; | |
| 55 | + color: #fff; | |
| 56 | + overflow: hidden; | |
| 57 | + outline: 0; | |
| 58 | + font-size: 1.4rem; | |
| 59 | + text-align: center; | |
| 60 | +} | |
| 61 | +.scroll-cus { | |
| 62 | + @include scrollcus(); | |
| 63 | +} | |
| 64 | +@media (pointer:coarse) { | |
| 65 | + .snb { | |
| 66 | + scrollbar-width: none; /* Firefox */ | |
| 67 | + } | |
| 68 | + .snb::-webkit-scrollbar { | |
| 69 | + display: none; | |
| 70 | + } | |
| 71 | +} | |
| 72 | +.ac { | |
| 73 | + text-align: center !important; | |
| 74 | +} | |
| 75 | +.al { | |
| 76 | + text-align: left !important; | |
| 77 | +} | |
| 78 | +.ar { | |
| 79 | + text-align: right !important; | |
| 80 | +} | |
| 81 | +.fl { | |
| 82 | + float: left; | |
| 83 | +} | |
| 84 | +.fr { | |
| 85 | + float: right; | |
| 86 | +} | |
| 87 | +.fr + * { | |
| 88 | + clear: both; | |
| 89 | +} | |
| 90 | +.clear { | |
| 91 | + clear: both; | |
| 92 | +} | |
| 93 | +.hidden { | |
| 94 | + position: absolute; | |
| 95 | + top: -99999px; | |
| 96 | + left: -99999px; | |
| 97 | + font-size: 1px; | |
| 98 | + color: #fff; | |
| 99 | + opacity: 0; | |
| 100 | +} | |
| 101 | +.m-block { | |
| 102 | + display: none; | |
| 103 | +} | |
| 104 | +.m-none { | |
| 105 | + display: block; | |
| 106 | +} | |
| 107 | +.block { | |
| 108 | + display: block; | |
| 109 | +} | |
| 110 | +.inlin-block { | |
| 111 | + display: inline-block; | |
| 112 | +} | |
| 113 | +.pc, | |
| 114 | +.pcta { | |
| 115 | + display: block !important; | |
| 116 | +} | |
| 117 | +.ta, | |
| 118 | +.tamo, | |
| 119 | +.mo { | |
| 120 | + display: none !important; | |
| 121 | +} | |
| 122 | +.lnk-full { | |
| 123 | + position: absolute; | |
| 124 | + top: 0; | |
| 125 | + left: 0; | |
| 126 | + right: 0; | |
| 127 | + bottom: 0; | |
| 128 | + text-indent: -99999px; | |
| 129 | + opacity: .2; | |
| 130 | + z-index: 1; | |
| 131 | +} | |
| 132 | + | |
| 133 | +.fc { | |
| 134 | + &-rd { | |
| 135 | + color: $rd !important; | |
| 136 | + } | |
| 137 | + | |
| 138 | + &-bl { | |
| 139 | + color: $bl !important; | |
| 140 | + } | |
| 141 | + | |
| 142 | + &-gn { | |
| 143 | + color: $gn !important; | |
| 144 | + } | |
| 145 | + | |
| 146 | + &-or { | |
| 147 | + color: $or !important; | |
| 148 | + } | |
| 149 | + | |
| 150 | + &-bk { | |
| 151 | + color: $bk !important; | |
| 152 | + } | |
| 153 | + | |
| 154 | + &-gr { | |
| 155 | + color: $gr500 !important; | |
| 156 | + } | |
| 157 | + | |
| 158 | + &-wh { | |
| 159 | + color: $wh !important; | |
| 160 | + } | |
| 161 | + | |
| 162 | + &-spot { | |
| 163 | + color: $spot; | |
| 164 | + } | |
| 165 | +} | |
| 166 | + | |
| 167 | +.fs { | |
| 168 | + &-lg { | |
| 169 | + font-size: var(--fs-lg); | |
| 170 | + } | |
| 171 | + | |
| 172 | + &-sm { | |
| 173 | + font-size: var(--fs-sm); | |
| 174 | + } | |
| 175 | +} | |
| 176 | + | |
| 177 | +.mt5 { | |
| 178 | + margin-top: 5px; | |
| 179 | +} | |
| 180 | +.mt10 { | |
| 181 | + margin-top: 10px; | |
| 182 | +} | |
| 183 | +.mt15 { | |
| 184 | + margin-top: 20px; | |
| 185 | +} | |
| 186 | +.mt20 { | |
| 187 | + margin-top: 20px; | |
| 188 | +} | |
| 189 | +.mb5 { | |
| 190 | + margin-top: 5px; | |
| 191 | +} | |
| 192 | +.mb10 { | |
| 193 | + margin-bottom: 10px; | |
| 194 | +} | |
| 195 | +.mb20 { | |
| 196 | + margin-bottom: 20px; | |
| 197 | +} | |
| 198 | +.ml10 { | |
| 199 | + margin-left: 10px; | |
| 200 | +} | |
| 201 | +.mr10 { | |
| 202 | + margin-right: 10px; | |
| 203 | +} | |
| 204 | +.ellipsis { | |
| 205 | + @include ellipsis(2); | |
| 206 | +} | |
| 207 | +.txt-hide { | |
| 208 | + position: absolute; | |
| 209 | + top: -1px; | |
| 210 | + left: -1px; | |
| 211 | + overflow: hidden; | |
| 212 | + width: 0; | |
| 213 | + height: 0; | |
| 214 | + font-size: 1px; | |
| 215 | + line-height: 0; | |
| 216 | + clip: rect(0 0 0 0); | |
| 217 | + white-space: nowrap; | |
| 218 | + padding: 0; | |
| 219 | + border: 0; | |
| 220 | + text-indent: -99999px; | |
| 221 | +} | |
| 222 | + | |
| 223 | +button .txt-hide { | |
| 224 | + position: static; | |
| 225 | + display: inline-block; | |
| 226 | + text-indent: -99999px; | |
| 227 | +} | |
| 228 | +.time { | |
| 229 | + font-size: var(--fs-sm);; | |
| 230 | + color: $gr100; | |
| 231 | +} | |
| 232 | +/* bullet */ | |
| 233 | +.bullet, | |
| 234 | +.bullet-tit, | |
| 235 | +.bullet-dash, | |
| 236 | +.bullet-none { | |
| 237 | + margin-bottom: 20px; | |
| 238 | + &:last-child { | |
| 239 | + margin-bottom: 0; | |
| 240 | + } | |
| 241 | + &>li { | |
| 242 | + position: relative; | |
| 243 | + padding-left: 15px; | |
| 244 | + &~li { | |
| 245 | + margin-top: 4px; | |
| 246 | + } | |
| 247 | + &:before { | |
| 248 | + content: ""; | |
| 249 | + position: absolute; | |
| 250 | + top: 10px; | |
| 251 | + left: 0; | |
| 252 | + } | |
| 253 | + } | |
| 254 | +} | |
| 255 | +.bullet-none { | |
| 256 | + li { | |
| 257 | + padding-left: 0; | |
| 258 | + } | |
| 259 | +} | |
| 260 | +.bullet>li:before, | |
| 261 | +.bullet-tit>li:before { | |
| 262 | + width: 4px; | |
| 263 | + height: 4px; | |
| 264 | + border-radius: 50px; | |
| 265 | + background-color: $bk; | |
| 266 | +} | |
| 267 | +.bullet-dash>li:before { | |
| 268 | + top: 12px; | |
| 269 | + width: 6px; | |
| 270 | + height: 1px; | |
| 271 | + background-color: #777; | |
| 272 | +} | |
| 273 | +.bullet-tit>li { | |
| 274 | + padding-left: 120px; | |
| 275 | + cite { | |
| 276 | + position: absolute; | |
| 277 | + left: 20px; | |
| 278 | + font-weight: $b; | |
| 279 | + } | |
| 280 | +} | |
| 281 | +/* area */ | |
| 282 | +/* box */ | |
| 283 | +.bg-box, | |
| 284 | +.bg-border-box, | |
| 285 | +.border-box { | |
| 286 | + margin-bottom: 40px; | |
| 287 | + padding: 16px; | |
| 288 | + box-sizing: border-box; | |
| 289 | + .btn-cont { | |
| 290 | + margin-top: 20px; | |
| 291 | + } | |
| 292 | + // div[class$=type] { | |
| 293 | + // margin: 50px; | |
| 294 | + // &:first-child { | |
| 295 | + // margin-top: 0; | |
| 296 | + // } | |
| 297 | + // &:last-child { | |
| 298 | + // margin-bottom: 0; | |
| 299 | + // } | |
| 300 | + // } | |
| 301 | + >*:first-child { | |
| 302 | + margin-top: 0; | |
| 303 | + } | |
| 304 | + >*:last-child { | |
| 305 | + margin-bottom: 0; | |
| 306 | + } | |
| 307 | + .bg-box+.form-cont { | |
| 308 | + margin-top: 60px; | |
| 309 | + } | |
| 310 | + &.p-lg { | |
| 311 | + padding:40px; | |
| 312 | + } | |
| 313 | +} | |
| 314 | +.bg-box { | |
| 315 | + background-color: $gr50; | |
| 316 | + border-radius: var(--radius-lg); | |
| 317 | +} | |
| 318 | +.bg-border-box { | |
| 319 | + display:flex; | |
| 320 | + flex-direction: column; | |
| 321 | + background-color: $gr50; | |
| 322 | + border: 1px solid $gr100; | |
| 323 | + border-radius: $radius; | |
| 324 | + overflow: hidden; | |
| 325 | + padding:0; | |
| 326 | + &.wh { | |
| 327 | + background-color: #fff; | |
| 328 | + } | |
| 329 | + &:last-child { | |
| 330 | + margin-bottom:0; | |
| 331 | + } | |
| 332 | + .box-header { | |
| 333 | + background-color: #fff; | |
| 334 | + border-bottom: 1px solid $gr100; | |
| 335 | + padding:16px; | |
| 336 | + > *:last-child { | |
| 337 | + margin-bottom:0; | |
| 338 | + } | |
| 339 | + } | |
| 340 | + .box-body { | |
| 341 | + padding:16px; | |
| 342 | + position: relative; | |
| 343 | + flex:1; | |
| 344 | + overflow-y: auto; | |
| 345 | + } | |
| 346 | + .box-footer { | |
| 347 | + display: flex; | |
| 348 | + width: 100%; | |
| 349 | + box-sizing: border-box; | |
| 350 | + align-items: center; | |
| 351 | + justify-content: center; | |
| 352 | + padding:16px; | |
| 353 | + background-color: #fff; | |
| 354 | + border-top:1px solid $gr100; | |
| 355 | + .l-area, | |
| 356 | + .r-area { | |
| 357 | + display: flex; | |
| 358 | + align-items: center; | |
| 359 | + justify-content: flex-start; | |
| 360 | + flex:1; | |
| 361 | + gap:4px; | |
| 362 | + } | |
| 363 | + .r-area { | |
| 364 | + justify-content: flex-end; | |
| 365 | + } | |
| 366 | + } | |
| 367 | +} | |
| 368 | +.border-box { | |
| 369 | + border: 1px solid $gr80; | |
| 370 | + border-radius: $radius; | |
| 371 | +} | |
| 372 | +.box-tit-area { | |
| 373 | + margin-bottom: 32px; | |
| 374 | + &:last-child { | |
| 375 | + magin-bottom:0; | |
| 376 | + } | |
| 377 | +} | |
| 378 | +.box-tit-img { | |
| 379 | + margin-bottom: 8px; | |
| 380 | + img { | |
| 381 | + display: block; | |
| 382 | + max-width: 100%; | |
| 383 | + margin:0 auto; | |
| 384 | + } | |
| 385 | +} | |
| 386 | +.box-tit { | |
| 387 | + display: block; | |
| 388 | + font-size: 16px; | |
| 389 | + font-weight: 500; | |
| 390 | + margin-bottom: 4px; | |
| 391 | +} | |
| 392 | +.box-tit-lg { | |
| 393 | + display: block; | |
| 394 | + font-size: 24px; | |
| 395 | + font-weight: $b; | |
| 396 | + margin-bottom: 8px; | |
| 397 | +} | |
| 398 | +.box-txt { | |
| 399 | + margin-bottom: 20px; | |
| 400 | + font-size: 24px; | |
| 401 | + em.fs-lg { | |
| 402 | + font-size: 32px; | |
| 403 | + } | |
| 404 | +} | |
| 405 | +hr { | |
| 406 | + &.solid { | |
| 407 | + display: block; | |
| 408 | + width: 100%; | |
| 409 | + border: 0; | |
| 410 | + border-top: 1px solid $gr100; | |
| 411 | + margin: 30px 0; | |
| 412 | + } | |
| 413 | + &.dashed { | |
| 414 | + border: 0; | |
| 415 | + border-top: 1px dashed $gr100; | |
| 416 | + margin: 30px 0; | |
| 417 | + } | |
| 418 | +} | |
| 419 | +.border-box-list { | |
| 420 | + display: flex; | |
| 421 | + flex-direction: column; | |
| 422 | + gap:8px; | |
| 423 | + > li { | |
| 424 | + @extend .border-box; | |
| 425 | + position: relative; | |
| 426 | + display: flex; | |
| 427 | + gap:4px 16px; | |
| 428 | + align-items: center; | |
| 429 | + margin-bottom:0; | |
| 430 | + background-color: #fff; | |
| 431 | + &.is-active { | |
| 432 | + border-color: $spot; | |
| 433 | + } | |
| 434 | + } | |
| 435 | + .txt-area { | |
| 436 | + flex:1; | |
| 437 | + .label-area { | |
| 438 | + margin-bottom: 4px; | |
| 439 | + } | |
| 440 | + } | |
| 441 | + .box-fnc { | |
| 442 | + display: flex; | |
| 443 | + gap:4px 16px; | |
| 444 | + align-items: center; | |
| 445 | + } | |
| 446 | + p { | |
| 447 | + a:hover { | |
| 448 | + text-decoration: underline; | |
| 449 | + } | |
| 450 | + } | |
| 451 | + .ico-sm-close { | |
| 452 | + position: absolute; | |
| 453 | + top:-6px; | |
| 454 | + right:-6px; | |
| 455 | + } | |
| 456 | + .ico-move { | |
| 457 | + margin:0 -12px; | |
| 458 | + } | |
| 459 | + .btn-list { | |
| 460 | + width: 100%; | |
| 461 | + height: 100%; | |
| 462 | + } | |
| 463 | +} | |
| 464 | +.fnc-area, | |
| 465 | +.tit-area { | |
| 466 | + width: 100%; | |
| 467 | + display: flex; | |
| 468 | + flex-wrap: wrap; | |
| 469 | + overflow: hidden; | |
| 470 | + justify-content: space-between; | |
| 471 | + align-items: flex-end; | |
| 472 | + margin-bottom: 20px; | |
| 473 | + gap:4px 8px; | |
| 474 | + .l-area, | |
| 475 | + .r-area { | |
| 476 | + display: flex; | |
| 477 | + gap:4px 8px; | |
| 478 | + align-items: center; | |
| 479 | + &.dir-col { | |
| 480 | + align-items: flex-start; | |
| 481 | + } | |
| 482 | + } | |
| 483 | + .r-area { | |
| 484 | + text-align: right; | |
| 485 | + margin-left: auto; | |
| 486 | + justify-content: flex-end; | |
| 487 | + } | |
| 488 | + &.border { | |
| 489 | + border-bottom:1px solid $gr80; | |
| 490 | + padding-bottom:20px; | |
| 491 | + } | |
| 492 | + &.sm { | |
| 493 | + margin-bottom: 16px; | |
| 494 | + } | |
| 495 | + .total-count { | |
| 496 | + margin-bottom: 0; | |
| 497 | + } | |
| 498 | +} | |
| 499 | +.fnc-area { | |
| 500 | + .l-area, | |
| 501 | + .r-area { | |
| 502 | + & > * { | |
| 503 | + flex: none; | |
| 504 | + } | |
| 505 | + } | |
| 506 | +} | |
| 507 | +.tit-area { | |
| 508 | + .tit, | |
| 509 | + .tit-sm { | |
| 510 | + &:only-child { | |
| 511 | + margin-bottom: 0; | |
| 512 | + } | |
| 513 | + } | |
| 514 | +} | |
| 515 | +.tit { | |
| 516 | + font-size: 24px; | |
| 517 | + font-weight: $b; | |
| 518 | + small { | |
| 519 | + font-size: 14px; | |
| 520 | + font-weight: $m; | |
| 521 | + color: $gr500; | |
| 522 | + margin-left: 8px; | |
| 523 | + } | |
| 524 | +} | |
| 525 | +.tit-sm { | |
| 526 | + font-size:20px; | |
| 527 | + font-weight: $b; | |
| 528 | +} | |
| 529 | +.tit-xsm { | |
| 530 | + font-size:16px; | |
| 531 | + font-weight: $b; | |
| 532 | +} | |
| 533 | +/* sch */ | |
| 534 | +.sch-area { | |
| 535 | + display: flex; | |
| 536 | + flex-wrap: wrap; | |
| 537 | + gap: 8px; | |
| 538 | + margin-bottom: 16px; | |
| 539 | +} | |
| 540 | +.sch-option { | |
| 541 | + display: flex; | |
| 542 | + gap: 8px; | |
| 543 | +} | |
| 544 | +.sch { | |
| 545 | + display: flex; | |
| 546 | + border-radius: 2em; | |
| 547 | + padding: 0; | |
| 548 | + gap: 4px; | |
| 549 | + input { | |
| 550 | + flex: 1; | |
| 551 | + width: 240px; | |
| 552 | + } | |
| 553 | + .btn-sch { | |
| 554 | + position:relative; | |
| 555 | + display:flex; | |
| 556 | + align-items: center; | |
| 557 | + justify-content: center; | |
| 558 | + width: 40px; | |
| 559 | + height: 40px; | |
| 560 | + background-color: $spot; | |
| 561 | + border-radius: $radius; | |
| 562 | + &::before { | |
| 563 | + content:" "; | |
| 564 | + display:block; | |
| 565 | + @include ico(24, sch, wh); | |
| 566 | + } | |
| 567 | + } | |
| 568 | +} | |
| 569 | +/* total-count */ | |
| 570 | +.total-count { | |
| 571 | + margin-bottom: 8px; | |
| 572 | +} | |
| 573 | +// .sch-area+.total-count { | |
| 574 | +// line-height: 60px; | |
| 575 | +// margin-top: -80px; | |
| 576 | +// } | |
| 577 | +.sch-box { | |
| 578 | + margin-bottom: 40px; | |
| 579 | + border:4px solid $gr80; | |
| 580 | + border-radius: $radius; | |
| 581 | + padding:16px; | |
| 582 | + .btn-cont { | |
| 583 | + margin:16px 0; | |
| 584 | + &:last-child { | |
| 585 | + margin-bottom: 0; | |
| 586 | + } | |
| 587 | + } | |
| 588 | + &:last-child { | |
| 589 | + margin-bottom: 0; | |
| 590 | + } | |
| 591 | + .write-type2 { | |
| 592 | + table { | |
| 593 | + border-top:none; | |
| 594 | + } | |
| 595 | + } | |
| 596 | +} | |
| 597 | +.info-block { | |
| 598 | + dt { | |
| 599 | + display: block; | |
| 600 | + margin-bottom:8px; | |
| 601 | + font-weight: 500; | |
| 602 | + } | |
| 603 | + dd { | |
| 604 | + margin-bottom:24px; | |
| 605 | + &:last-of-type { | |
| 606 | + margin-bottom: 0; | |
| 607 | + } | |
| 608 | + } | |
| 609 | + select { | |
| 610 | + display: block; | |
| 611 | + width: 100%; | |
| 612 | + } | |
| 613 | +} | |
| 614 | +.info-list { | |
| 615 | + display: flex; | |
| 616 | + flex-direction: column; | |
| 617 | + gap:24px; | |
| 618 | + margin-bottom: 40px; | |
| 619 | + &:last-child { | |
| 620 | + margin-bottom: 0; | |
| 621 | + } | |
| 622 | + > li { | |
| 623 | + display:flex; | |
| 624 | + } | |
| 625 | + cite { | |
| 626 | + flex-basis: 80px; | |
| 627 | + padding-right:20px; | |
| 628 | + font-weight: $b; | |
| 629 | + } | |
| 630 | + .txt-area { | |
| 631 | + flex:1; | |
| 632 | + min-width:0; | |
| 633 | + } | |
| 634 | + &.sm { | |
| 635 | + gap:12px; | |
| 636 | + } | |
| 637 | + &.dir-row { | |
| 638 | + flex-direction: row; | |
| 639 | + flex-wrap: wrap; | |
| 640 | + > li { | |
| 641 | + flex:1; | |
| 642 | + } | |
| 643 | + } | |
| 644 | +} | |
| 645 | +.info-block-list{ | |
| 646 | + margin-bottom:40px; | |
| 647 | + line-height:1.33; | |
| 648 | + | |
| 649 | + &:last-child { | |
| 650 | + margin-bottom: 0; | |
| 651 | + } | |
| 652 | + > li { | |
| 653 | + & ~ li { | |
| 654 | + margin-top:24px; | |
| 655 | + } | |
| 656 | + } | |
| 657 | + cite { | |
| 658 | + display: block; | |
| 659 | + margin-bottom:4px; | |
| 660 | + font-weight: 500; | |
| 661 | + } | |
| 662 | + .txt-area { | |
| 663 | + display:flex; | |
| 664 | + gap: 4px; | |
| 665 | + > * { | |
| 666 | + flex:1; | |
| 667 | + } | |
| 668 | + } | |
| 669 | + | |
| 670 | + &.fs-sm { | |
| 671 | + > li { | |
| 672 | + & ~ li { | |
| 673 | + margin-top:12px; | |
| 674 | + } | |
| 675 | + } | |
| 676 | + } | |
| 677 | +} | |
| 678 | +.url-add-area { | |
| 679 | + display: flex; | |
| 680 | + gap: 4px; | |
| 681 | + overflow: hidden; | |
| 682 | + label { | |
| 683 | + position: relative; | |
| 684 | + display: flex; | |
| 685 | + flex:1; | |
| 686 | + border:1px solid $gr100; | |
| 687 | + border-radius: $radius; | |
| 688 | + background-color:$gr50; | |
| 689 | + padding-left:40px; | |
| 690 | + min-width: 0; | |
| 691 | + overflow: hidden; | |
| 692 | + input[type=text] { | |
| 693 | + border:none; | |
| 694 | + border-left:1px solid $gr100; | |
| 695 | + border-radius: none; | |
| 696 | + height:38px; | |
| 697 | + width: auto; | |
| 698 | + flex:1; | |
| 699 | + } | |
| 700 | + &::before { | |
| 701 | + content: " "; | |
| 702 | + left:12px; | |
| 703 | + top:50%; | |
| 704 | + margin-top: -8px; | |
| 705 | + position: absolute; | |
| 706 | + @include ico(16, link) | |
| 707 | + } | |
| 708 | + } | |
| 709 | +} | |
| 710 | +.tag-area { | |
| 711 | + display: flex; | |
| 712 | + flex-wrap: wrap; | |
| 713 | + gap:4px; | |
| 714 | + border: 1px solid $gr100; | |
| 715 | + border-radius: $radius; | |
| 716 | + padding: 8px; | |
| 717 | + min-width: 0; | |
| 718 | +} | |
| 719 | +.tag { | |
| 720 | + align-items: center; | |
| 721 | + height: 32px; | |
| 722 | + border:1px solid $spot; | |
| 723 | + font-size:14px; | |
| 724 | + border-radius: 16px; | |
| 725 | + padding: 0 16px; | |
| 726 | + box-sizing: border-box; | |
| 727 | + color:$spot; | |
| 728 | + display: inline-flex; | |
| 729 | + gap:4px; | |
| 730 | + align-items: center; | |
| 731 | + justify-content: center; | |
| 732 | + max-width: 100%; | |
| 733 | + overflow: hidden; | |
| 734 | +} | |
| 735 | +.info-list, | |
| 736 | +.info-block-list { | |
| 737 | + min-width: 0; | |
| 738 | + .tag-area { | |
| 739 | + border:none; | |
| 740 | + padding:8px 0; | |
| 741 | + } | |
| 742 | +} | |
| 743 | +.sticky-cont { | |
| 744 | + position: relative; | |
| 745 | + .sticky { | |
| 746 | + position: sticky; | |
| 747 | + top:30px; | |
| 748 | + } | |
| 749 | +} | |
| 750 | +%filehide { | |
| 751 | + position: absolute; | |
| 752 | + left: 0; | |
| 753 | + top: 0; | |
| 754 | + right: 0; | |
| 755 | + bottom: 0; | |
| 756 | + padding: 0; | |
| 757 | + overflow: hidden; | |
| 758 | + border: 0; | |
| 759 | + opacity: 0; | |
| 760 | + text-indent: -99999px; | |
| 761 | + max-width: 100%; | |
| 762 | + cursor:pointer; | |
| 763 | + z-index: 2; | |
| 764 | +} | |
| 765 | +.file-custom { | |
| 766 | + position: relative; | |
| 767 | + display: flex; | |
| 768 | + // flex:1; | |
| 769 | + max-width: 100%; | |
| 770 | + gap: 0 4px; | |
| 771 | + justify-content: flex-start; | |
| 772 | + overflow: hidden; | |
| 773 | + min-width: 0; | |
| 774 | + input[type=file] { | |
| 775 | + @extend %filehide; | |
| 776 | + } | |
| 777 | + .preview-area { | |
| 778 | + &::before { | |
| 779 | + content: " "; | |
| 780 | + position: absolute; | |
| 781 | + left:50%; | |
| 782 | + top:50%; | |
| 783 | + transform: translate(-50%, -50%); | |
| 784 | + width: 16px; | |
| 785 | + height: 16px; | |
| 786 | + @include ico(16, plus); | |
| 787 | + } | |
| 788 | + } | |
| 789 | + input[type=text] { | |
| 790 | + flex:1; | |
| 791 | + width: auto; | |
| 792 | + } | |
| 793 | +} | |
| 794 | +.file-add-txt-area { | |
| 795 | + display: flex; | |
| 796 | + gap: 4px; | |
| 797 | + .file-custom { | |
| 798 | + flex:1; | |
| 799 | + } | |
| 800 | +} | |
| 801 | +.file-list, | |
| 802 | +.file-down-list { | |
| 803 | + > li { | |
| 804 | + & ~ li { margin-top:4px; } | |
| 805 | + } | |
| 806 | + a { | |
| 807 | + &::before { | |
| 808 | + content: " "; | |
| 809 | + display: inline-block; | |
| 810 | + vertical-align: middle; | |
| 811 | + margin-right:4px; | |
| 812 | + @include ico(16, file); | |
| 813 | + } | |
| 814 | + &:hover { | |
| 815 | + text-decoration: underline; | |
| 816 | + } | |
| 817 | + } | |
| 818 | +} | |
| 819 | +.file-down-list { | |
| 820 | + a { | |
| 821 | + &::before { | |
| 822 | + @include ico(16, down); | |
| 823 | + } | |
| 824 | + small { | |
| 825 | + margin-left:4px; | |
| 826 | + } | |
| 827 | + } | |
| 828 | +} | |
| 829 | +.item-list-box { | |
| 830 | + border:1px solid $gr100; | |
| 831 | + border-radius:$radius; | |
| 832 | + background-color: $gr50; | |
| 833 | + height: 111px; | |
| 834 | + box-sizing: border-box; | |
| 835 | + overflow-x: hidden; | |
| 836 | + overflow-y: auto; | |
| 837 | + min-width: 0; | |
| 838 | + &.h-auto { | |
| 839 | + height:auto; | |
| 840 | + min-height: 111px; | |
| 841 | + } | |
| 842 | + .item { | |
| 843 | + position: relative; | |
| 844 | + display: flex;; | |
| 845 | + min-height: 36px; | |
| 846 | + padding:0 16px; | |
| 847 | + box-sizing: border-box; | |
| 848 | + display: flex; | |
| 849 | + // justify-content: stretch; | |
| 850 | + align-items: center; | |
| 851 | + gap: 0 8px; | |
| 852 | + &:nth-of-type(2n) { | |
| 853 | + background-color: #fff; | |
| 854 | + } | |
| 855 | + &.hover:hover { | |
| 856 | + background-color: rgba($spot, 0.05); | |
| 857 | + } | |
| 858 | + .txt-area { | |
| 859 | + display: flex; | |
| 860 | + min-width: 0; | |
| 861 | + flex:1; | |
| 862 | + align-items: center; | |
| 863 | + gap:4px; | |
| 864 | + i { | |
| 865 | + flex:none; | |
| 866 | + } | |
| 867 | + .txt { | |
| 868 | + // @include ellipsis(1); | |
| 869 | + width: auto; | |
| 870 | + max-width: 100%; | |
| 871 | + } | |
| 872 | + small { | |
| 873 | + color:$gr300; | |
| 874 | + } | |
| 875 | + } | |
| 876 | + .item-fnc-area { | |
| 877 | + display: flex; | |
| 878 | + align-items: center; | |
| 879 | + gap:4px 8px; | |
| 880 | + } | |
| 881 | + } | |
| 882 | +} | |
| 883 | +.item-list-inline-box { | |
| 884 | + display: flex; | |
| 885 | + flex-wrap: wrap; | |
| 886 | + gap:4px 24px; | |
| 887 | + border:1px solid $gr100; | |
| 888 | + border-radius:$radius; | |
| 889 | + background-color: $gr50; | |
| 890 | + box-sizing: border-box; | |
| 891 | + overflow-x: hidden; | |
| 892 | + overflow-y: auto; | |
| 893 | + min-width: 0; | |
| 894 | + padding:16px; | |
| 895 | + min-height: 56px; | |
| 896 | + box-sizing: border-box; | |
| 897 | + .item { | |
| 898 | + display: inline-flex; | |
| 899 | + min-height: 24px; | |
| 900 | + box-sizing: border-box; | |
| 901 | + display: flex; | |
| 902 | + // justify-content: stretch; | |
| 903 | + align-items: center; | |
| 904 | + gap: 0 8px; | |
| 905 | + .txt-area { | |
| 906 | + display: flex; | |
| 907 | + min-width: 0; | |
| 908 | + align-items: center; | |
| 909 | + gap:4px; | |
| 910 | + i { | |
| 911 | + flex:none; | |
| 912 | + } | |
| 913 | + .txt { | |
| 914 | + // @include ellipsis(1); | |
| 915 | + width: auto; | |
| 916 | + max-width: 100%; | |
| 917 | + } | |
| 918 | + small { | |
| 919 | + color:$gr300; | |
| 920 | + } | |
| 921 | + } | |
| 922 | + .item-fnc-area { | |
| 923 | + display: flex; | |
| 924 | + align-items: center; | |
| 925 | + gap:4px 8px; | |
| 926 | + } | |
| 927 | + } | |
| 928 | +} | |
| 929 | +.preview-area { | |
| 930 | + position: relative; | |
| 931 | + width: 160px; | |
| 932 | + height: 90px; | |
| 933 | + overflow: hidden; | |
| 934 | + background-color: $gr50; | |
| 935 | + border:1px solid $gr100; | |
| 936 | + box-sizing: border-box; | |
| 937 | + border-radius: $radius; | |
| 938 | + img { | |
| 939 | + position: relative; | |
| 940 | + z-index: 1; | |
| 941 | + width: 100%; | |
| 942 | + height:100%; | |
| 943 | + object-fit:contain; | |
| 944 | + } | |
| 945 | +} | |
| 946 | +.file-add-area { | |
| 947 | + display: flex; | |
| 948 | + gap:8px 12px; | |
| 949 | + flex-wrap: wrap; | |
| 950 | + align-items: center; | |
| 951 | + box-sizing: border-box; | |
| 952 | + flex:1; | |
| 953 | + width: 100%; | |
| 954 | + overflow: hidden; | |
| 955 | + .item-area { | |
| 956 | + flex:1; | |
| 957 | + min-width: 0; | |
| 958 | + } | |
| 959 | + .item { | |
| 960 | + display: flex; | |
| 961 | + gap: 4px; | |
| 962 | + align-items: center; | |
| 963 | + .txt { | |
| 964 | + @include ellipsis(1); | |
| 965 | + max-width: calc(100% - 40px); | |
| 966 | + width: auto; | |
| 967 | + word-break:break-all; | |
| 968 | + font-size:var(--fs-sm); | |
| 969 | + box-sizing: border-box; | |
| 970 | + } | |
| 971 | + } | |
| 972 | + small { | |
| 973 | + display: block; | |
| 974 | + width: 100%; | |
| 975 | + margin-top: 4px; | |
| 976 | + } | |
| 977 | + .url-add-area { | |
| 978 | + flex:1; | |
| 979 | + } | |
| 980 | +} | |
| 981 | +.sel-txt-list { | |
| 982 | + margin-top: 5px; | |
| 983 | + font-size:var(--fs-sm);; | |
| 984 | + display: flex; | |
| 985 | + flex-direction: column; | |
| 986 | + gap: 4px; | |
| 987 | + li { | |
| 988 | + display: flex; | |
| 989 | + flex-wrap: wrap; | |
| 990 | + gap:8px; | |
| 991 | + } | |
| 992 | + span { | |
| 993 | + &:after { | |
| 994 | + content: " "; | |
| 995 | + display: inline-block; | |
| 996 | + vertical-align: middle; | |
| 997 | + margin-left:8px; | |
| 998 | + margin-top:-2px; | |
| 999 | + width: 4px; | |
| 1000 | + height: 4px; | |
| 1001 | + border-top: 1px solid $gr300; | |
| 1002 | + border-right: 1px solid $gr300; | |
| 1003 | + transform-origin: center center; | |
| 1004 | + | |
| 1005 | + transform: rotate(45deg); | |
| 1006 | + box-sizing: border-box; | |
| 1007 | + } | |
| 1008 | + &:last-of-type:after { | |
| 1009 | + display: none; | |
| 1010 | + } | |
| 1011 | + } | |
| 1012 | +} | |
| 1013 | +.step { | |
| 1014 | + display: flex; | |
| 1015 | + gap:4px; | |
| 1016 | + li { | |
| 1017 | + display: flex; | |
| 1018 | + justify-content: center; | |
| 1019 | + align-items: center; | |
| 1020 | + width: 24px; | |
| 1021 | + height:24px; | |
| 1022 | + border-radius: 50%; | |
| 1023 | + font-weight: 700; | |
| 1024 | + color:$gr500; | |
| 1025 | + background-color: $gr80; | |
| 1026 | + &.is-current { | |
| 1027 | + background-color: $spot; | |
| 1028 | + color:#fff; | |
| 1029 | + } | |
| 1030 | + } | |
| 1031 | +} | |
| 1032 | +// .loading { | |
| 1033 | +// position: fixed; | |
| 1034 | +// top: 0; | |
| 1035 | +// right:0; | |
| 1036 | +// bottom:0; | |
| 1037 | +// left: 0; | |
| 1038 | +// width: 100vw; | |
| 1039 | +// height: 100vh; | |
| 1040 | +// background: rgba(255, 255, 255, 0.6) url(../image/common/loading.svg) center no-repeat; | |
| 1041 | +// font-size: 0; | |
| 1042 | +// text-indent: -9999em; | |
| 1043 | +// z-index: 101; | |
| 1044 | +// } | |
| 1045 | +.loading { | |
| 1046 | + position: fixed; | |
| 1047 | + display: flex; | |
| 1048 | + flex-direction: column; | |
| 1049 | + align-items: center; | |
| 1050 | + justify-content: center; | |
| 1051 | + top: 0; | |
| 1052 | + right: 0; | |
| 1053 | + bottom: 0; | |
| 1054 | + left: 0; | |
| 1055 | + width: 100vw; | |
| 1056 | + height: 100vh; | |
| 1057 | + gap: 8px; | |
| 1058 | + background: rgba(255, 255, 255, 0.6); | |
| 1059 | + font-size: 0; | |
| 1060 | + text-align: center; | |
| 1061 | + | |
| 1062 | + z-index: 101; | |
| 1063 | + strong { | |
| 1064 | + color:$spot; | |
| 1065 | + font-size:18px; | |
| 1066 | + font-weight: 400; | |
| 1067 | + span { | |
| 1068 | + font-size:24px; | |
| 1069 | + font-weight: 700; | |
| 1070 | + } | |
| 1071 | + } | |
| 1072 | + p { | |
| 1073 | + font-size:14px; | |
| 1074 | + display: block; | |
| 1075 | + line-height: 1.45; | |
| 1076 | + } | |
| 1077 | + &::before { | |
| 1078 | + content: " "; | |
| 1079 | + width: 80px; | |
| 1080 | + height: 80px; | |
| 1081 | + background-size: 100% 100%; | |
| 1082 | + background:url(../image/common/loading.svg) center no-repeat; | |
| 1083 | + } | |
| 1084 | + } | |
| 1085 | + | |
| 1086 | + .txt-none { | |
| 1087 | + text-align: center; | |
| 1088 | + color: $gr300; | |
| 1089 | + padding-top: 80px; | |
| 1090 | + padding-bottom: 80px; | |
| 1091 | + &::before { | |
| 1092 | + content: ""; | |
| 1093 | + display: block; | |
| 1094 | + width: 60px; | |
| 1095 | + height: 60px; | |
| 1096 | + margin: 0 auto 16px; | |
| 1097 | + background:url(../image/common/txt_none.svg) center no-repeat; | |
| 1098 | + background-size: contain; | |
| 1099 | + } | |
| 1100 | + } | |
| 1101 | + %txt-none-box { | |
| 1102 | + position: absolute; | |
| 1103 | + display: flex; | |
| 1104 | + flex-direction: column; | |
| 1105 | + top:50%; | |
| 1106 | + left:50%; | |
| 1107 | + width: calc(100% - 23px); | |
| 1108 | + transform: translate(-50%, -50%); | |
| 1109 | + gap: 4px; | |
| 1110 | + align-items: center; | |
| 1111 | + text-align: center; | |
| 1112 | + figure { | |
| 1113 | + margin-bottom:16px; | |
| 1114 | + } | |
| 1115 | + em { | |
| 1116 | + font-size:16px; | |
| 1117 | + font-weight: $m; | |
| 1118 | + } | |
| 1119 | + p { | |
| 1120 | + font-size:12px; | |
| 1121 | + color:$gr300; | |
| 1122 | + } | |
| 1123 | +} | |
| 1124 | +.txt-none-box { | |
| 1125 | + @extend %txt-none-box; | |
| 1126 | +} | |
| 1127 | +.flex-area { | |
| 1128 | + display:flex; | |
| 1129 | + flex-wrap: wrap; | |
| 1130 | + gap:8px; | |
| 1131 | + justify-content: space-between; | |
| 1132 | + &.dir-col { | |
| 1133 | + flex-direction: column; | |
| 1134 | + flex-wrap: nowrap; | |
| 1135 | + } | |
| 1136 | + > * { | |
| 1137 | + margin-bottom:0; | |
| 1138 | + } | |
| 1139 | + &.lg { | |
| 1140 | + gap:16px; | |
| 1141 | + } | |
| 1142 | + &.sm { | |
| 1143 | + gap:4px; | |
| 1144 | + } | |
| 1145 | + .center { | |
| 1146 | + justify-content: center; | |
| 1147 | + } | |
| 1148 | + .vcenter { | |
| 1149 | + align-items: center; | |
| 1150 | + } | |
| 1151 | + .l-area, | |
| 1152 | + .r-area { | |
| 1153 | + // flex:1; | |
| 1154 | + display: flex; | |
| 1155 | + align-items: center; | |
| 1156 | + } | |
| 1157 | + .r-area { | |
| 1158 | + justify-content: flex-end; | |
| 1159 | + } | |
| 1160 | + } | |
| 1161 | + .dir-col { | |
| 1162 | + flex-direction: column !important; | |
| 1163 | +} | |
| 1164 | + .flex1 { | |
| 1165 | + flex:1; | |
| 1166 | +} | |
| 1167 | + | |
| 1168 | +.row-bar { | |
| 1169 | + display: flex; | |
| 1170 | + &> * { | |
| 1171 | + flex: 1; | |
| 1172 | + padding: 0 8px; | |
| 1173 | + border-left: 1px solid $gr100; | |
| 1174 | + &:first-child { | |
| 1175 | + padding-left: 0; | |
| 1176 | + border-left: none; | |
| 1177 | + } | |
| 1178 | + &:last-child { | |
| 1179 | + padding-right: 0; | |
| 1180 | + } | |
| 1181 | + } | |
| 1182 | +} | |
| 1183 | + | |
| 1184 | +/* ------------------------------------------------- | |
| 1185 | + - TABLET | |
| 1186 | +------------------------------------------------- */ | |
| 1187 | +@include tablet { | |
| 1188 | + .pc { | |
| 1189 | + display: none !important; | |
| 1190 | + } | |
| 1191 | + .ta, | |
| 1192 | + .tamo { | |
| 1193 | + display: block !important; | |
| 1194 | + } | |
| 1195 | + .fnc-area, | |
| 1196 | + .tit-area { | |
| 1197 | + gap: 8px 4px; | |
| 1198 | + margin-bottom:16px; | |
| 1199 | + &.border { | |
| 1200 | + padding-bottom:16px; | |
| 1201 | + } | |
| 1202 | + } | |
| 1203 | + .fnc-area { | |
| 1204 | + // flex-direction: column; | |
| 1205 | + // justify-content: space-between; | |
| 1206 | + // align-items: flex-start; | |
| 1207 | + // overflow:hidden; | |
| 1208 | + gap:4px 48px; | |
| 1209 | + flex-wrap: wrap; | |
| 1210 | + .l-area, | |
| 1211 | + .r-area { | |
| 1212 | + overflow-x: auto; | |
| 1213 | + overflow-y: hidden; | |
| 1214 | + min-width: 0; | |
| 1215 | + max-width: 100%; | |
| 1216 | + .checkradio-custom-area { | |
| 1217 | + flex-wrap: nowrap; | |
| 1218 | + white-space: nowrap; | |
| 1219 | + } | |
| 1220 | + } | |
| 1221 | + } | |
| 1222 | + .tit { | |
| 1223 | + font-size: 20px; | |
| 1224 | + } | |
| 1225 | + .tit-sm { | |
| 1226 | + font-size:18px; | |
| 1227 | + } | |
| 1228 | + .bg-box, | |
| 1229 | + .border-box { | |
| 1230 | + padding: 40px 30px; | |
| 1231 | + | |
| 1232 | + div[class$=type] { | |
| 1233 | + margin-top: 16px; | |
| 1234 | + } | |
| 1235 | + | |
| 1236 | + .btn-cont { | |
| 1237 | + margin-top: 16px; | |
| 1238 | + } | |
| 1239 | + | |
| 1240 | + } | |
| 1241 | + | |
| 1242 | + .box-tit-lg { | |
| 1243 | + font-size: 2.4rem; | |
| 1244 | + margin-bottom: 5px; | |
| 1245 | + } | |
| 1246 | + | |
| 1247 | + .box-tit { | |
| 1248 | + font-size: 2rem; | |
| 1249 | + margin-bottom: 10px; | |
| 1250 | + } | |
| 1251 | + | |
| 1252 | + .box-txt { | |
| 1253 | + font-size: 1.7rem; | |
| 1254 | + | |
| 1255 | + em.fs-lg { | |
| 1256 | + font-size: 2rem; | |
| 1257 | + } | |
| 1258 | + } | |
| 1259 | + | |
| 1260 | + .sch-area { | |
| 1261 | + text-align: center; | |
| 1262 | + | |
| 1263 | + & + .total-count { | |
| 1264 | + margin-top: 0; | |
| 1265 | + line-height: 1.5; | |
| 1266 | + } | |
| 1267 | + } | |
| 1268 | +} | |
| 1269 | + | |
| 1270 | +/* ------------------------------------------------- | |
| 1271 | + - mobile | |
| 1272 | +------------------------------------------------- */ | |
| 1273 | +@include mobile { | |
| 1274 | + .m-none { | |
| 1275 | + display: none; | |
| 1276 | + } | |
| 1277 | + | |
| 1278 | + .m-block { | |
| 1279 | + display: block; | |
| 1280 | + } | |
| 1281 | + .pc, | |
| 1282 | + .pcta, | |
| 1283 | + .ta { | |
| 1284 | + display: none !important; | |
| 1285 | + } | |
| 1286 | + .tamo, | |
| 1287 | + .mo { | |
| 1288 | + display: block !important; | |
| 1289 | + } | |
| 1290 | + .q0 { | |
| 1291 | + width: 50px; | |
| 1292 | + } | |
| 1293 | + .q1 { | |
| 1294 | + width: 50% | |
| 1295 | + } | |
| 1296 | + | |
| 1297 | + .q2 { | |
| 1298 | + width: 70% | |
| 1299 | + } | |
| 1300 | + | |
| 1301 | + .q3 { | |
| 1302 | + width: 90% | |
| 1303 | + } | |
| 1304 | + | |
| 1305 | + .q4 { | |
| 1306 | + width: 100%; | |
| 1307 | + } | |
| 1308 | + .fnc-area { | |
| 1309 | + .l-area, | |
| 1310 | + .r-area { | |
| 1311 | + gap:4px; | |
| 1312 | + select, | |
| 1313 | + input[type=text], | |
| 1314 | + input[type=password], | |
| 1315 | + input[type=number], | |
| 1316 | + input[type=email], | |
| 1317 | + input[type=tel], | |
| 1318 | + input[type=time], | |
| 1319 | + input [type=date], | |
| 1320 | + .sch .btn-sch { | |
| 1321 | + height: 32px; | |
| 1322 | + font-size:var(--fs) !important; | |
| 1323 | + } | |
| 1324 | + .sch .btn-sch { | |
| 1325 | + width: 32px; | |
| 1326 | + } | |
| 1327 | + } | |
| 1328 | + .l-area { | |
| 1329 | + order: 1; | |
| 1330 | + } | |
| 1331 | + .r-area { | |
| 1332 | + order: 0; | |
| 1333 | + justify-content: flex-start; | |
| 1334 | + margin-left: 0; | |
| 1335 | + } | |
| 1336 | + } | |
| 1337 | + .bg-box, | |
| 1338 | + .border-box, | |
| 1339 | + .sch-box { | |
| 1340 | + margin-bottom: 20px; | |
| 1341 | + padding: 20px 15px; | |
| 1342 | + font-size: 1.4rem; | |
| 1343 | + | |
| 1344 | + .bg-box + .form-cont { | |
| 1345 | + margin-top: 0; | |
| 1346 | + } | |
| 1347 | + } | |
| 1348 | + | |
| 1349 | + .box-tit-lg { | |
| 1350 | + font-size: 2rem; | |
| 1351 | + } | |
| 1352 | + | |
| 1353 | + .box-tit { | |
| 1354 | + margin-bottom: 10px; | |
| 1355 | + font-size: 1.6rem; | |
| 1356 | + } | |
| 1357 | + | |
| 1358 | + .bullet, | |
| 1359 | + .bullet-tit, | |
| 1360 | + .bullet-dash, | |
| 1361 | + .bullet-none { | |
| 1362 | + li { | |
| 1363 | + // & ~ li { | |
| 1364 | + // margin-top: 5px; | |
| 1365 | + // } | |
| 1366 | + } | |
| 1367 | + } | |
| 1368 | + | |
| 1369 | + .bullet { | |
| 1370 | + li:before { | |
| 1371 | + width: 3px; | |
| 1372 | + height: 3px; | |
| 1373 | + top: 8px; | |
| 1374 | + } | |
| 1375 | + } | |
| 1376 | + | |
| 1377 | + .bullet-tit { | |
| 1378 | + li { | |
| 1379 | + padding-left: 100px; | |
| 1380 | + | |
| 1381 | + &:before { | |
| 1382 | + top: 6px; | |
| 1383 | + } | |
| 1384 | + } | |
| 1385 | + | |
| 1386 | + cite { | |
| 1387 | + left: 15px; | |
| 1388 | + } | |
| 1389 | + } | |
| 1390 | + .tit { | |
| 1391 | + font-size: 18px; | |
| 1392 | + } | |
| 1393 | + .tit-sm { | |
| 1394 | + font-size:16px; | |
| 1395 | + } | |
| 1396 | + .info-list { | |
| 1397 | + > li { | |
| 1398 | + flex-direction:column; | |
| 1399 | + gap:4px; | |
| 1400 | + cite { | |
| 1401 | + flex-basis: auto; | |
| 1402 | + } | |
| 1403 | + } | |
| 1404 | + } | |
| 1405 | + .tag { | |
| 1406 | + height: 24px; | |
| 1407 | + // line-height:22px; | |
| 1408 | + font-size:12px; | |
| 1409 | + border-radius: 12px; | |
| 1410 | + padding: 0 12px; | |
| 1411 | + } | |
| 1412 | + .file-add-area { | |
| 1413 | + flex-direction: column; | |
| 1414 | + align-items: flex-start; | |
| 1415 | + .item-area { | |
| 1416 | + width: 100%; | |
| 1417 | + .item { | |
| 1418 | + .txt { | |
| 1419 | + flex:1; | |
| 1420 | + width: 0; | |
| 1421 | + max-width: 100%; | |
| 1422 | + } | |
| 1423 | + } | |
| 1424 | + } | |
| 1425 | + .url-add-area { | |
| 1426 | + width: 100%; | |
| 1427 | + label { | |
| 1428 | + width: 0; | |
| 1429 | + } | |
| 1430 | + } | |
| 1431 | + } | |
| 1432 | + // .sch { | |
| 1433 | + // // display: block; | |
| 1434 | + // height: 50px; | |
| 1435 | + // font-size: 0; | |
| 1436 | + // border-radius: 25px; | |
| 1437 | + // max-width: 400px; | |
| 1438 | + // margin: 0 auto; | |
| 1439 | + | |
| 1440 | + // input[type="text"] { | |
| 1441 | + // width: calc(100% - 50px); | |
| 1442 | + // height: 50px; | |
| 1443 | + // vertical-align: top; | |
| 1444 | + // } | |
| 1445 | + | |
| 1446 | + // .btn-sch { | |
| 1447 | + // height: 50px; | |
| 1448 | + // width: 50px; | |
| 1449 | + // } | |
| 1450 | + | |
| 1451 | + // text-align: left; | |
| 1452 | + // } | |
| 1453 | + | |
| 1454 | + .sch-area + .total-count { | |
| 1455 | + margin-bottom: 10px; | |
| 1456 | + } | |
| 1457 | + | |
| 1458 | + .txt-none { | |
| 1459 | + &::before { | |
| 1460 | + width: 40px; | |
| 1461 | + height: 40px; | |
| 1462 | + margin-bottom: 8px; | |
| 1463 | + } | |
| 1464 | + } | |
| 1465 | + | |
| 1466 | + .row-bar { | |
| 1467 | + flex-direction: column; | |
| 1468 | + &> * { | |
| 1469 | + padding: 16px 0; | |
| 1470 | + border-left: none; | |
| 1471 | + border-top: 1px solid $gr100; | |
| 1472 | + &:first-child { | |
| 1473 | + padding-top: 0; | |
| 1474 | + border-top: none; | |
| 1475 | + } | |
| 1476 | + &:last-child { | |
| 1477 | + padding-bottom: 0; | |
| 1478 | + } | |
| 1479 | + } | |
| 1480 | + } | |
| 1481 | +} |
+++ base/src/main/webapp/resources/front/manage/css/component/_error.scss
... | ... | @@ -0,0 +1,26 @@ |
| 1 | +.error-area { | |
| 2 | + display: flex; | |
| 3 | + flex-direction: column; | |
| 4 | + justify-content: center; | |
| 5 | + align-items: center; | |
| 6 | + text-align: center; | |
| 7 | + padding:100px 0; | |
| 8 | + figure { | |
| 9 | + img { | |
| 10 | + margin-bottom: 16px; | |
| 11 | + } | |
| 12 | + } | |
| 13 | + h2 { | |
| 14 | + font-size: 20px; | |
| 15 | + font-weight: 400; | |
| 16 | + color: $spot; | |
| 17 | + margin-bottom: 4px; | |
| 18 | + } | |
| 19 | + p { | |
| 20 | + color: $gr500; | |
| 21 | + } | |
| 22 | + .btn-cont { | |
| 23 | + margin-top:40px; | |
| 24 | + margin-bottom: 0; | |
| 25 | + } | |
| 26 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_ico.scss
... | ... | @@ -0,0 +1,112 @@ |
| 1 | +.ico { | |
| 2 | + @each $icon in $ico-list{ | |
| 3 | + &-#{$icon}{ | |
| 4 | + position:relative; | |
| 5 | + display:inline-block; | |
| 6 | + vertical-align:middle; | |
| 7 | + | |
| 8 | + width: $ico-size; | |
| 9 | + height: $ico-size; | |
| 10 | + mask-image:url($url-img + 'common/ico24x24.svg'); | |
| 11 | + mask-repeat: no-repeat; | |
| 12 | + mask-position: center center; | |
| 13 | + mask-size:$ico-size * $ico-col auto; | |
| 14 | + background-color: #333; | |
| 15 | + &.spot { | |
| 16 | + background-color: $spot; | |
| 17 | + } | |
| 18 | + &.wh { | |
| 19 | + background-color: #fff; | |
| 20 | + } | |
| 21 | + &.gr { | |
| 22 | + background-color: $gr; | |
| 23 | + } | |
| 24 | + } | |
| 25 | + $i: index($ico-list, $icon) - 1; | |
| 26 | + $x: ($i % $ico-col) * -$ico-size; | |
| 27 | + $y: floor(math.div($i, $ico-col)) * -$ico-size; | |
| 28 | + &-#{$icon}{ mask-position:#{$x $y};} | |
| 29 | + } | |
| 30 | +} | |
| 31 | + | |
| 32 | +.ico-sm { | |
| 33 | + @each $icon in $ico-list { | |
| 34 | + &-#{$icon}{ | |
| 35 | + position:relative; | |
| 36 | + display:inline-block; | |
| 37 | + vertical-align:middle; | |
| 38 | + | |
| 39 | + width: $ico-size-sm; | |
| 40 | + height: $ico-size-sm; | |
| 41 | + mask-image:url($url-img + 'common/ico16x16.svg'); | |
| 42 | + mask-repeat: no-repeat; | |
| 43 | + mask-position: center center; | |
| 44 | + mask-size:$ico-size-sm * $ico-col auto; | |
| 45 | + background-color: $gr; | |
| 46 | + &.spot { | |
| 47 | + background-color: $spot; | |
| 48 | + } | |
| 49 | + &.wh { | |
| 50 | + background-color: #fff; | |
| 51 | + } | |
| 52 | + } | |
| 53 | + | |
| 54 | + $i: index($ico-list, $icon) - 1; | |
| 55 | + $x: ($i % $ico-col) * -$ico-size-sm; | |
| 56 | + // $y: math.floor($i / $ico-col) * -$ico-size-sm; | |
| 57 | + $y: floor(math.div($i, $ico-col)) * -$ico-size-sm; | |
| 58 | + &-#{$icon}{mask-position:#{$x $y};} | |
| 59 | + } | |
| 60 | +} | |
| 61 | +// .ico-sm { | |
| 62 | +// @each $icon in $ico-list { | |
| 63 | +// $i: index($ico-list, $icon) - 1; | |
| 64 | +// $x: ($i % $ico-col) * -$ico-size-sm; | |
| 65 | +// // $y: math.floor($i / $ico-col) * -$ico-size-sm; | |
| 66 | +// $y: floor(math.div($i, $ico-col)) * -$ico-size-sm; | |
| 67 | +// &-#{$icon}{background-position:#{$x $y};} | |
| 68 | +// } | |
| 69 | +// } | |
| 70 | +[class^=ico-].back { | |
| 71 | + margin-left:7px; | |
| 72 | +} | |
| 73 | + | |
| 74 | +.btn [class^=ico-] { | |
| 75 | + margin-top:-3px; | |
| 76 | + margin-right:1px; | |
| 77 | +} | |
| 78 | + | |
| 79 | +.ico-file { | |
| 80 | + @each $icon in $ico-file-list{ | |
| 81 | + &-#{$icon}{ | |
| 82 | + position:relative; | |
| 83 | + display:inline-block; | |
| 84 | + vertical-align:middle; | |
| 85 | + width: $ico-size; | |
| 86 | + height: $ico-size; | |
| 87 | + background-image:url($url-img + 'common/ico_file.svg'); | |
| 88 | + background-repeat: no-repeat; | |
| 89 | + background-size:$ico-size * $ico-col auto; | |
| 90 | + } | |
| 91 | + $i: index($ico-file-list, $icon) - 1; | |
| 92 | + $x: ($i % $ico-col) * -$ico-size; | |
| 93 | + $y: floor(math.div($i, $ico-col)) * -$ico-size; | |
| 94 | + &-#{$icon}{ background-position:#{$x $y};} | |
| 95 | + } | |
| 96 | +} | |
| 97 | +.ico-move { | |
| 98 | + background-color: $gr100-hover; | |
| 99 | +} | |
| 100 | + | |
| 101 | +/* ------------------------------------------------- | |
| 102 | + - TABLET | |
| 103 | +------------------------------------------------- */ | |
| 104 | +@include tablet { | |
| 105 | +} | |
| 106 | + | |
| 107 | +/* ------------------------------------------------- | |
| 108 | + - mobile | |
| 109 | +------------------------------------------------- */ | |
| 110 | +@include mobile { | |
| 111 | + | |
| 112 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_input.scss
... | ... | @@ -0,0 +1,615 @@ |
| 1 | +.flex-box { | |
| 2 | + display: flex; | |
| 3 | + flex-wrap:wrap; | |
| 4 | + gap:12px; | |
| 5 | +} | |
| 6 | +.flex-box.col2 { | |
| 7 | + gap:12px 0; | |
| 8 | + .checkradio { | |
| 9 | + flex-basis: 0 auto; | |
| 10 | + width: 50%; | |
| 11 | + margin-right:0; | |
| 12 | + } | |
| 13 | +} | |
| 14 | +select { | |
| 15 | + border: 1px solid $gr100; | |
| 16 | + box-sizing: border-box; | |
| 17 | + height: 40px; | |
| 18 | + padding: 0 32px 0 16px; | |
| 19 | + max-width: 100%; | |
| 20 | + border-radius: $radius; | |
| 21 | + -webkit-appearance: none; | |
| 22 | + -moz-appearance: none; | |
| 23 | + -webkit-box-sizing: border-box; | |
| 24 | + box-sizing: border-box; | |
| 25 | + background: url($url-img + 'common/sel_arr.svg') center right no-repeat; | |
| 26 | + &:disabled { | |
| 27 | + opacity: .5; | |
| 28 | + } | |
| 29 | +} | |
| 30 | +select::-ms-expand { | |
| 31 | + display: none; | |
| 32 | +} | |
| 33 | + | |
| 34 | +.lnb-sel { | |
| 35 | + font-size: 18px; | |
| 36 | + font-weight: $b; | |
| 37 | + border: none; | |
| 38 | + border-radius: 0; | |
| 39 | + padding: 0; | |
| 40 | + padding-right: 28px; | |
| 41 | + height: auto; | |
| 42 | + background: url($url-img + 'common/sel_lnb.svg') center right no-repeat; | |
| 43 | + // margin-bottom: 16px; | |
| 44 | +} | |
| 45 | +.lnb-sel:focus { | |
| 46 | + border: none; | |
| 47 | +} | |
| 48 | + | |
| 49 | +input[type=text], | |
| 50 | +input[type=password], | |
| 51 | +input[type=number], | |
| 52 | +input[type=email], | |
| 53 | +input[type=tel], | |
| 54 | +input[type=time], | |
| 55 | +input[type=date] { | |
| 56 | + border-radius: $radius; | |
| 57 | + padding: 0 16px; | |
| 58 | + max-width: 100%; | |
| 59 | + width: 320px; | |
| 60 | + height: 40px; | |
| 61 | + border: 1px solid $gr100; | |
| 62 | + vertical-align: middle; | |
| 63 | + box-sizing: border-box; | |
| 64 | + -webkit-transition: all .3s; | |
| 65 | + transition: all .3s; | |
| 66 | +} | |
| 67 | + | |
| 68 | +input::placeholder, | |
| 69 | +textarea::placeholder { | |
| 70 | + color: $gr300; | |
| 71 | +} | |
| 72 | + | |
| 73 | +input[type=time] { | |
| 74 | + width: 200px; | |
| 75 | +} | |
| 76 | + | |
| 77 | +input[type=number] { | |
| 78 | + padding: 0 8px; | |
| 79 | + -moz-appearance: textfield; | |
| 80 | + width: auto; | |
| 81 | + text-align: center; | |
| 82 | +} | |
| 83 | +input::-webkit-outer-spin-button, | |
| 84 | +input::-webkit-inner-spin-button { | |
| 85 | + -webkit-appearance: none; | |
| 86 | +} | |
| 87 | +input[type="file"], | |
| 88 | +input[type="file"]:hover { | |
| 89 | + padding: 0; | |
| 90 | + border: none; | |
| 91 | +} | |
| 92 | + | |
| 93 | +input[type=date] { | |
| 94 | + width: 140px; | |
| 95 | +} | |
| 96 | +.date-box { | |
| 97 | + display: flex; | |
| 98 | + flex-wrap: wrap; | |
| 99 | + align-items: center; | |
| 100 | + gap:4px 8px; | |
| 101 | + input[type=date] { | |
| 102 | + flex:1; | |
| 103 | + min-width: 140px; | |
| 104 | + } | |
| 105 | +} | |
| 106 | +// input:-webkit-autofill, | |
| 107 | +// input:-webkit-autofill:hover, | |
| 108 | +// input:-webkit-autofill:focus, | |
| 109 | +// input:-webkit-autofill:active { | |
| 110 | +// transition: background-color 5000s ease-in-out 0s; | |
| 111 | +// -webkit-transition: background-color 9999s ease-out; | |
| 112 | +// -webkit-box-shadow: 0 0 0px 1000px white inset !important; | |
| 113 | +// } | |
| 114 | + | |
| 115 | +input[readonly]:not(.datepicker), | |
| 116 | +input[readonly]:not(.datepicker):hover, | |
| 117 | +input[readonly]:not(.datepicker):focus, | |
| 118 | +input[disabled]:not(.datepicker), | |
| 119 | +input[disabled]:not(.datepicker):hover, | |
| 120 | +input[disabled]:not(.datepicker):focus { | |
| 121 | + background: $gr50; | |
| 122 | + box-shadow: none; | |
| 123 | + pointer-events: none; | |
| 124 | +} | |
| 125 | + | |
| 126 | +input[type="file"]:hover { | |
| 127 | + border: none; | |
| 128 | +} | |
| 129 | +select:focus, | |
| 130 | +input:focus, | |
| 131 | +textarea:focus { | |
| 132 | + border: 1px solid $spot; | |
| 133 | + outline : none; | |
| 134 | +} | |
| 135 | + | |
| 136 | +textarea { | |
| 137 | + display: block; | |
| 138 | + width: 100%; | |
| 139 | + padding: 12px 16px; | |
| 140 | + box-sizing: border-box; | |
| 141 | + background: $wh; | |
| 142 | + border-color: $gr100; | |
| 143 | + border-radius: $radius; | |
| 144 | +} | |
| 145 | + | |
| 146 | +textarea[disabled] { | |
| 147 | + border: none; | |
| 148 | +} | |
| 149 | + | |
| 150 | +textarea:focus[disabled] { | |
| 151 | + box-shadow: none; | |
| 152 | +} | |
| 153 | +.input-box { | |
| 154 | + display:inline-flex; | |
| 155 | + align-items: center; | |
| 156 | + border:1px solid $gr100; | |
| 157 | + padding-right:16px; | |
| 158 | + input { | |
| 159 | + border:none; | |
| 160 | + } | |
| 161 | +} | |
| 162 | +.input-custom-area { | |
| 163 | + display: flex; | |
| 164 | + flex-wrap: wrap; | |
| 165 | + gap:8px; | |
| 166 | + label { | |
| 167 | + display: flex; | |
| 168 | + align-items: center; | |
| 169 | + border:1px solid $gr100; | |
| 170 | + border-radius: $radius; | |
| 171 | + overflow: hidden; | |
| 172 | + input, | |
| 173 | + select { | |
| 174 | + border:none; | |
| 175 | + } | |
| 176 | + span { | |
| 177 | + display: inline-block; | |
| 178 | + background-color: $gr50; | |
| 179 | + display: flex; | |
| 180 | + align-items: center; | |
| 181 | + height: 40px; | |
| 182 | + vertical-align: middle; | |
| 183 | + padding:0 12px; | |
| 184 | + border-left:1px solid $gr100; | |
| 185 | + } | |
| 186 | + } | |
| 187 | +} | |
| 188 | + | |
| 189 | + | |
| 190 | +/*checkbox, radio */ | |
| 191 | +.checkradio { | |
| 192 | + display:inline-block; | |
| 193 | + align-items: center; | |
| 194 | + position: relative; | |
| 195 | + margin-right:36px; | |
| 196 | + min-width: 20px; | |
| 197 | + min-height: 20px; | |
| 198 | + vertical-align: middle; | |
| 199 | + overflow: hidden; | |
| 200 | + word-break: keep-all; | |
| 201 | + | |
| 202 | + &:only-child, | |
| 203 | + &:last-child { | |
| 204 | + margin-right: 0; | |
| 205 | + } | |
| 206 | + | |
| 207 | + input[type="checkbox"], | |
| 208 | + input[type="radio"] { | |
| 209 | + position: absolute; | |
| 210 | + width: 1px; | |
| 211 | + height: 1px; | |
| 212 | + padding: 0; | |
| 213 | + overflow: hidden; | |
| 214 | + clip: rect(0, 0, 0, 0); | |
| 215 | + border: 0; | |
| 216 | + | |
| 217 | + & ~ label { | |
| 218 | + position: relative; | |
| 219 | + display: inline-block; | |
| 220 | + margin-right:4px; | |
| 221 | + min-width:0; | |
| 222 | + padding-left: 28px; | |
| 223 | + cursor: pointer; | |
| 224 | + box-sizing: border-box; | |
| 225 | + word-break:normal; | |
| 226 | + | |
| 227 | + &:before { | |
| 228 | + content: " "; | |
| 229 | + position: absolute; | |
| 230 | + left: 0; | |
| 231 | + top: 0; | |
| 232 | + display: block; | |
| 233 | + width: 20px; | |
| 234 | + height: 20px; | |
| 235 | + background: $wh; | |
| 236 | + border: 1px solid $gr100; | |
| 237 | + box-sizing: border-box; | |
| 238 | + } | |
| 239 | + | |
| 240 | + &.txt-hide { | |
| 241 | + position: relative; | |
| 242 | + top: auto; | |
| 243 | + left: auto; | |
| 244 | + overflow: hidden; | |
| 245 | + width: 20px; | |
| 246 | + height: 20px; | |
| 247 | + font-size: 0; | |
| 248 | + padding-left: 0; | |
| 249 | + line-height: 1.5; | |
| 250 | + clip: rect(0 0 0 0); | |
| 251 | + white-space: normal; | |
| 252 | + text-indent: 0; | |
| 253 | + | |
| 254 | + &:before { | |
| 255 | + margin-right: 0; | |
| 256 | + } | |
| 257 | + } | |
| 258 | + } | |
| 259 | + | |
| 260 | + // &:focus ~ label { | |
| 261 | + // outline: 2px solid $bk; | |
| 262 | + // } | |
| 263 | + | |
| 264 | + &:disabled ~ label { | |
| 265 | + color:$gr300; | |
| 266 | + pointer-events: none; | |
| 267 | + opacity: .5; | |
| 268 | + } | |
| 269 | + } | |
| 270 | + input[type="checkbox"] { | |
| 271 | + & ~ label { | |
| 272 | + &:after { | |
| 273 | + content: " "; | |
| 274 | + position: absolute; | |
| 275 | + top: 4px; | |
| 276 | + left: 8px; | |
| 277 | + width: 6px; | |
| 278 | + height: 10px; | |
| 279 | + border-bottom:2px solid $gr300; | |
| 280 | + border-right:2px solid $gr300; | |
| 281 | + box-sizing: border-box; | |
| 282 | + transform: rotate(45deg); | |
| 283 | + transform-origin: center center; | |
| 284 | + } | |
| 285 | + } | |
| 286 | + &:checked { | |
| 287 | + & ~ label { | |
| 288 | + &:before, | |
| 289 | + &:after { | |
| 290 | + border-color: $spot; | |
| 291 | + } | |
| 292 | + } | |
| 293 | + } | |
| 294 | + } | |
| 295 | + input[type="radio"] { | |
| 296 | + & ~ label { | |
| 297 | + &:before, | |
| 298 | + &:after { | |
| 299 | + border-radius: 50%; | |
| 300 | + } | |
| 301 | + &:after { | |
| 302 | + content: " "; | |
| 303 | + position: absolute; | |
| 304 | + display: block; | |
| 305 | + top: 5px; | |
| 306 | + left: 5px; | |
| 307 | + width: 10px; | |
| 308 | + height: 10px; | |
| 309 | + background: $gr300; | |
| 310 | + } | |
| 311 | + } | |
| 312 | + &:checked { | |
| 313 | + & ~ label { | |
| 314 | + | |
| 315 | + &:before { | |
| 316 | + border-color: $spot; | |
| 317 | + } | |
| 318 | + &:after { | |
| 319 | + background-color: $spot; | |
| 320 | + } | |
| 321 | + } | |
| 322 | + } | |
| 323 | + } | |
| 324 | +} | |
| 325 | + | |
| 326 | +.checkradio-toggle { | |
| 327 | + display: inline-block; | |
| 328 | + position: relative; | |
| 329 | + font-size: 0; | |
| 330 | + vertical-align: middle; | |
| 331 | + overflow: hidden; | |
| 332 | + | |
| 333 | + input[type="checkbox"], | |
| 334 | + input[type="radio"] { | |
| 335 | + position: absolute; | |
| 336 | + width: 1px; | |
| 337 | + height: 1px; | |
| 338 | + padding: 0; | |
| 339 | + margin: -1px; | |
| 340 | + overflow: hidden; | |
| 341 | + clip: rect(0, 0, 0, 0); | |
| 342 | + border: 0; | |
| 343 | + | |
| 344 | + &~label { | |
| 345 | + position: relative; | |
| 346 | + display: inline-block; | |
| 347 | + align-items: center; | |
| 348 | + border-radius: 20px; | |
| 349 | + height: 20px; | |
| 350 | + width: 40px; | |
| 351 | + background: $gr100; | |
| 352 | + cursor: pointer; | |
| 353 | + -webkit-user-select: none; | |
| 354 | + -moz-user-select: none; | |
| 355 | + -ms-user-select: none; | |
| 356 | + font-size: 1.6rem; | |
| 357 | + vertical-align: middle; | |
| 358 | + font-size: 15px; | |
| 359 | + box-sizing: border-box; | |
| 360 | + margin: 0; | |
| 361 | + word-break: keep-all; | |
| 362 | + | |
| 363 | + &:focus { | |
| 364 | + outline: none; | |
| 365 | + } | |
| 366 | + | |
| 367 | + &:before { | |
| 368 | + content: " "; | |
| 369 | + position: absolute; | |
| 370 | + display: block; | |
| 371 | + left: 22px; | |
| 372 | + top: 2px; | |
| 373 | + width: 16px; | |
| 374 | + height: 16px; | |
| 375 | + background: $wh; | |
| 376 | + vertical-align: middle; | |
| 377 | + box-sizing: border-box; | |
| 378 | + border-radius: 50%; | |
| 379 | + transition: left .3s; | |
| 380 | + } | |
| 381 | + } | |
| 382 | + | |
| 383 | + &:checked { | |
| 384 | + &~label { | |
| 385 | + background-color: $spot; | |
| 386 | + | |
| 387 | + &:before { | |
| 388 | + left: 2px; | |
| 389 | + } | |
| 390 | + } | |
| 391 | + } | |
| 392 | + | |
| 393 | + &:disabled~label { | |
| 394 | + color: #777; | |
| 395 | + background-color: $gr100; | |
| 396 | + } | |
| 397 | + | |
| 398 | + &:checked:disabled~label { | |
| 399 | + background-color: $spot; | |
| 400 | + opacity: .5; | |
| 401 | + } | |
| 402 | + } | |
| 403 | + | |
| 404 | + input[type="radio"] { | |
| 405 | + &+label { | |
| 406 | + | |
| 407 | + &:before, | |
| 408 | + &:after { | |
| 409 | + border-radius: 50%; | |
| 410 | + } | |
| 411 | + } | |
| 412 | + } | |
| 413 | +} | |
| 414 | + | |
| 415 | +.checkradio-area { | |
| 416 | + display: flex; | |
| 417 | + flex-wrap: wrap; | |
| 418 | + gap:8px 20px; | |
| 419 | + &.col6 { | |
| 420 | + .checkradio { | |
| 421 | + flex-basis: calc(100% / 6 - 20px); | |
| 422 | + } | |
| 423 | + } | |
| 424 | + .checkradio { | |
| 425 | + margin:0; | |
| 426 | + } | |
| 427 | +} | |
| 428 | +.checkradio-custom-area { | |
| 429 | + font-size: 0; | |
| 430 | + display: flex; | |
| 431 | + flex-wrap: wrap; | |
| 432 | + gap:8px; | |
| 433 | + .checkradio { | |
| 434 | + margin:0; | |
| 435 | + input[type="checkbox"], | |
| 436 | + input[type="radio"] { | |
| 437 | + & ~ label { | |
| 438 | + display: inline-block; | |
| 439 | + font-size: 14px; | |
| 440 | + font-weight: 500; | |
| 441 | + border: 1px solid $gr100; | |
| 442 | + color: $bk; | |
| 443 | + height: 40px; | |
| 444 | + line-height: 38px; | |
| 445 | + border-radius: $radius; | |
| 446 | + padding-left: 16px; | |
| 447 | + padding-right: 16px; | |
| 448 | + box-sizing: border-box; | |
| 449 | + background-color: #fff; | |
| 450 | + letter-spacing: -0.3px; | |
| 451 | + margin-right:0; | |
| 452 | + &::before, | |
| 453 | + &::after { | |
| 454 | + display: none; | |
| 455 | + } | |
| 456 | + } | |
| 457 | + &:checked { | |
| 458 | + & ~ label { | |
| 459 | + color: $spot; | |
| 460 | + border-color: $spot; | |
| 461 | + font-weight: $b; | |
| 462 | + letter-spacing: -0.35px; | |
| 463 | + margin: 0; | |
| 464 | + } | |
| 465 | + } | |
| 466 | + } | |
| 467 | + } | |
| 468 | +} | |
| 469 | + | |
| 470 | +.checkradio-custom-block-area { | |
| 471 | + display: flex; | |
| 472 | + flex-direction: column; | |
| 473 | + flex-wrap: wrap; | |
| 474 | + gap:8px; | |
| 475 | + .checkradio { | |
| 476 | + position: relative; | |
| 477 | + display: flex; | |
| 478 | + width: 100%; | |
| 479 | + margin:0; | |
| 480 | + min-height: 48px; | |
| 481 | + padding:16px; | |
| 482 | + gap:4px 16px; | |
| 483 | + box-sizing: border-box; | |
| 484 | + background-color: #fff; | |
| 485 | + border-radius: $radius; | |
| 486 | + input[type="checkbox"], | |
| 487 | + input[type="radio"] { | |
| 488 | + & ~ label { | |
| 489 | + position: absolute; | |
| 490 | + top:0; | |
| 491 | + left:0; | |
| 492 | + bottom:0; | |
| 493 | + right:0; | |
| 494 | + display:flex; | |
| 495 | + align-items: center; | |
| 496 | + gap:16px; | |
| 497 | + width: 100%; | |
| 498 | + | |
| 499 | + border: 1px solid $gr80; | |
| 500 | + border-radius: $radius; | |
| 501 | + text-indent: -99999px; | |
| 502 | + box-sizing: border-box; | |
| 503 | + color:$gr500; | |
| 504 | + &::before, | |
| 505 | + &::after { | |
| 506 | + display: none; | |
| 507 | + } | |
| 508 | + } | |
| 509 | + &:checked { | |
| 510 | + & ~ label { | |
| 511 | + color: $bk; | |
| 512 | + border-color: $spot; | |
| 513 | + margin: 0; | |
| 514 | + } | |
| 515 | + & ~ .txt-area { | |
| 516 | + color:$bk; | |
| 517 | + } | |
| 518 | + } | |
| 519 | + } | |
| 520 | + &.bk { | |
| 521 | + input[type="checkbox"], | |
| 522 | + input[type="radio"] { | |
| 523 | + &:checked { | |
| 524 | + & ~ label { | |
| 525 | + color: $bk; | |
| 526 | + border-color: $bk; | |
| 527 | + margin: 0; | |
| 528 | + } | |
| 529 | + | |
| 530 | + } | |
| 531 | + } | |
| 532 | + } | |
| 533 | + } | |
| 534 | + .relative-z { | |
| 535 | + position: relative; | |
| 536 | + z-index: 1; | |
| 537 | + } | |
| 538 | + .txt-area { | |
| 539 | + // display: flex; | |
| 540 | + font-size: 14px; | |
| 541 | + color:$gr500; | |
| 542 | + flex:1; | |
| 543 | + .label-area { | |
| 544 | + margin-bottom:8px; | |
| 545 | + } | |
| 546 | + } | |
| 547 | + .checkradio-fnc { | |
| 548 | + position: relative; | |
| 549 | + z-index: 1; | |
| 550 | + display: flex; | |
| 551 | + align-items: center; | |
| 552 | + gap:8px; | |
| 553 | + } | |
| 554 | +} | |
| 555 | + | |
| 556 | +/* ------------------------------------------------- | |
| 557 | + - TABLET | |
| 558 | +------------------------------------------------- */ | |
| 559 | +@include tablet { | |
| 560 | + .checkradio { | |
| 561 | + margin-right: 24px; | |
| 562 | + } | |
| 563 | + input[type=text], | |
| 564 | + input[type=password], | |
| 565 | + input[type=email], | |
| 566 | + input[type=tel] { | |
| 567 | + width: 240px; | |
| 568 | + } | |
| 569 | + .checkradio-area { | |
| 570 | + &.col6 { | |
| 571 | + .checkradio { | |
| 572 | + flex-basis: calc(100% / 3 - 20px); | |
| 573 | + } | |
| 574 | + } | |
| 575 | + } | |
| 576 | +} | |
| 577 | + | |
| 578 | +/* ------------------------------------------------- | |
| 579 | + - mobile | |
| 580 | +------------------------------------------------- */ | |
| 581 | +@include mobile { | |
| 582 | + // select, | |
| 583 | + // input[type=text], | |
| 584 | + // input[type=password], | |
| 585 | + // input[type=number], | |
| 586 | + // input[type=email], | |
| 587 | + // input[type=tel], | |
| 588 | + // input[type=time], | |
| 589 | + // input [type=date] { | |
| 590 | + // height: 32px; | |
| 591 | + // } | |
| 592 | + .checkradio-area { | |
| 593 | + &.col6 { | |
| 594 | + .checkradio { | |
| 595 | + flex-basis: calc(100% / 2 - 20px); | |
| 596 | + } | |
| 597 | + } | |
| 598 | + } | |
| 599 | + .checkradio-custom-area { | |
| 600 | + gap:4px; | |
| 601 | + .checkradio { | |
| 602 | + margin:0; | |
| 603 | + input[type="checkbox"], | |
| 604 | + input[type="radio"] { | |
| 605 | + & ~ label { | |
| 606 | + font-size: var(--fs); | |
| 607 | + height: 32px; | |
| 608 | + line-height: 30px; | |
| 609 | + padding-left: 12px; | |
| 610 | + padding-right: 12px; | |
| 611 | + } | |
| 612 | + } | |
| 613 | + } | |
| 614 | + } | |
| 615 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_label.scss
... | ... | @@ -0,0 +1,79 @@ |
| 1 | +/* label */ | |
| 2 | +.label-area, | |
| 3 | +.label-bg-area { | |
| 4 | + display:flex; | |
| 5 | + flex-wrap: wrap; | |
| 6 | + gap:4px; | |
| 7 | + span { | |
| 8 | + align-self: center; | |
| 9 | + } | |
| 10 | +} | |
| 11 | +// .label-bg-area { | |
| 12 | +// gap:8px; | |
| 13 | +// padding:16px; | |
| 14 | +// align-items: center; | |
| 15 | +// border:1px solid $gr80; | |
| 16 | +// background-color: $gr50; | |
| 17 | +// border-radius: $radius; | |
| 18 | +// box-sizing: border-box; | |
| 19 | +// min-height: 64px; | |
| 20 | +// } | |
| 21 | +.label { | |
| 22 | + display: inline-flex; | |
| 23 | + height: 24px; | |
| 24 | + align-items: center; | |
| 25 | + box-sizing: border-box; | |
| 26 | + color:$gr500; | |
| 27 | + background-color: $gr50; | |
| 28 | + padding: 0 8px; | |
| 29 | + font-size: 12px; | |
| 30 | + vertical-align: middle; | |
| 31 | + gap:4px; | |
| 32 | + &.spot { | |
| 33 | + background-color: $spot; | |
| 34 | + color: #fff; | |
| 35 | + } | |
| 36 | + &.spot2 { | |
| 37 | + background-color: $spot2; | |
| 38 | + border-color: $spot2; | |
| 39 | + color: #fff; | |
| 40 | + } | |
| 41 | + &.bl { | |
| 42 | + background-color:rgba($color: $bl, $alpha: .06); | |
| 43 | + color:$spot; | |
| 44 | + &.hover:hover { | |
| 45 | + background-color:rgba($color: $bl, $alpha: 0.2); | |
| 46 | + } | |
| 47 | + } | |
| 48 | + &.gn { | |
| 49 | + background-color:rgba($color: $gn, $alpha: .05); | |
| 50 | + color:$gn; | |
| 51 | + &.hover:hover { | |
| 52 | + background-color:rgba($color: $gn, $alpha: 0.2); | |
| 53 | + } | |
| 54 | + } | |
| 55 | + &.rd { | |
| 56 | + background-color:rgba($color: $rd, $alpha: .06); | |
| 57 | + color:$rd; | |
| 58 | + &.hover:hover { | |
| 59 | + background-color:rgba($color: $rd, $alpha: 0.2); | |
| 60 | + } | |
| 61 | + } | |
| 62 | + &.wh { | |
| 63 | + background-color: #fff; | |
| 64 | + border:1px solid $gr100; | |
| 65 | + } | |
| 66 | + &.num { | |
| 67 | + background-color: $spot; | |
| 68 | + color: #fff; | |
| 69 | + font-weight: 700; | |
| 70 | + } | |
| 71 | + &.round { | |
| 72 | + border-radius: 2em; | |
| 73 | + } | |
| 74 | + &.lg { | |
| 75 | + height:32px; | |
| 76 | + font-weight: 700; | |
| 77 | + padding:0 16px; | |
| 78 | + } | |
| 79 | +} |
+++ base/src/main/webapp/resources/front/manage/css/component/_list.scss
... | ... | @@ -0,0 +1,357 @@ |
| 1 | +.link-full { | |
| 2 | + position: absolute; | |
| 3 | + top:0; | |
| 4 | + left:0; | |
| 5 | + right:0; | |
| 6 | + bottom:0; | |
| 7 | + z-index: 1; | |
| 8 | + text-indent: -99999px; | |
| 9 | +} | |
| 10 | +// $gap:16px; | |
| 11 | +// %col2 { | |
| 12 | +// li { | |
| 13 | +// width: calc((100% - $gap) / 2); | |
| 14 | +// } | |
| 15 | +// } | |
| 16 | +// %col3 { | |
| 17 | +// li { | |
| 18 | +// width: calc((100% - $gap * 2 ) / 3); | |
| 19 | +// } | |
| 20 | +// } | |
| 21 | +// %col4 { | |
| 22 | +// li { | |
| 23 | +// width: calc((100% - $gap * 3 ) / 4); | |
| 24 | +// } | |
| 25 | +// } | |
| 26 | +.thumb-list { | |
| 27 | + $gap:28px; | |
| 28 | + display: flex; | |
| 29 | + flex-wrap: wrap; | |
| 30 | + gap:48px $gap; | |
| 31 | + li { | |
| 32 | + position: relative; | |
| 33 | + width: calc((100% - $gap * 2 ) / 3); | |
| 34 | + &:hover { | |
| 35 | + .thumb-fnc-r { | |
| 36 | + .btn-ico { | |
| 37 | + opacity: 1; | |
| 38 | + visibility: visible; | |
| 39 | + transition: .6s; | |
| 40 | + } | |
| 41 | + } | |
| 42 | + } | |
| 43 | + } | |
| 44 | + &.sm { | |
| 45 | + $gap:8px; | |
| 46 | + gap:20px $gap; | |
| 47 | + li { | |
| 48 | + width: calc((100% - $gap * 2 ) / 3); | |
| 49 | + } | |
| 50 | + } | |
| 51 | +} | |
| 52 | +.thumb-sm-list { | |
| 53 | + $gap:8px; | |
| 54 | + display: flex; | |
| 55 | + flex-wrap: wrap; | |
| 56 | + gap:20px $gap; | |
| 57 | + li { | |
| 58 | + position: relative; | |
| 59 | + width: calc((100% - $gap * 2 ) / 3); | |
| 60 | + } | |
| 61 | + .thumb-txt-area { | |
| 62 | + p { | |
| 63 | + font-size:14px; | |
| 64 | + } | |
| 65 | + cite { | |
| 66 | + margin-top:4px; | |
| 67 | + } | |
| 68 | + } | |
| 69 | + &.col4 { | |
| 70 | + li { | |
| 71 | + width: calc((100% - $gap * 3 ) / 4); | |
| 72 | + } | |
| 73 | + } | |
| 74 | +} | |
| 75 | +.thumb-block-list { | |
| 76 | + $gap:16px; | |
| 77 | + li { | |
| 78 | + position: relative; | |
| 79 | + & ~ li { | |
| 80 | + margin-top: 24px; | |
| 81 | + } | |
| 82 | + } | |
| 83 | +} | |
| 84 | +.thumb-h-list { | |
| 85 | + display: flex; | |
| 86 | + flex-direction: column; | |
| 87 | + gap: 16px; | |
| 88 | + .item, | |
| 89 | + li { | |
| 90 | + position: relative; | |
| 91 | + display: flex; | |
| 92 | + gap: 12px; | |
| 93 | + align-items: center; | |
| 94 | + min-width: 0; | |
| 95 | + overflow: hidden; | |
| 96 | + .thumb-img-area { | |
| 97 | + width: 128px; | |
| 98 | + } | |
| 99 | + .thumb-txt-area { | |
| 100 | + flex:1; | |
| 101 | + margin-top: 0; | |
| 102 | + min-width: 0; | |
| 103 | + p { | |
| 104 | + font-size:14px; | |
| 105 | + white-space: normal; | |
| 106 | + word-break: break-all; | |
| 107 | + @include ellipsis(2); | |
| 108 | + } | |
| 109 | + cite { | |
| 110 | + font-size:12px; | |
| 111 | + } | |
| 112 | + } | |
| 113 | + } | |
| 114 | +} | |
| 115 | +.thumb-img-area { | |
| 116 | + position: relative; | |
| 117 | + overflow: hidden; | |
| 118 | + figure { | |
| 119 | + @include img-size; | |
| 120 | + } | |
| 121 | +} | |
| 122 | +.link-full:hover ~ .thumb-img-area { | |
| 123 | + figure { | |
| 124 | + img { | |
| 125 | + top:-3%; | |
| 126 | + left:-3%; | |
| 127 | + width: 106%; | |
| 128 | + height: 106%; | |
| 129 | + } | |
| 130 | + } | |
| 131 | +} | |
| 132 | +.thumb-txt-area { | |
| 133 | + margin-top:12px; | |
| 134 | + p { | |
| 135 | + @include ellipsis(1); | |
| 136 | + word-break: break-all; | |
| 137 | + font-size:16px; | |
| 138 | + } | |
| 139 | + .info { | |
| 140 | + margin-top: 8px; | |
| 141 | + display: flex; | |
| 142 | + align-items: center; | |
| 143 | + color:$gr300; | |
| 144 | + font-size:0; | |
| 145 | + gap:4px 0; | |
| 146 | + span { | |
| 147 | + display: inline-block; | |
| 148 | + font-size: 12px; | |
| 149 | + &::after { | |
| 150 | + content: " "; | |
| 151 | + display: inline-block; | |
| 152 | + vertical-align: middle; | |
| 153 | + width: 1px; | |
| 154 | + height: 10px; | |
| 155 | + margin:0 8px; | |
| 156 | + background-color: $gr300; | |
| 157 | + } | |
| 158 | + &:last-child { | |
| 159 | + &::after { | |
| 160 | + display: none; | |
| 161 | + } | |
| 162 | + } | |
| 163 | + } | |
| 164 | + } | |
| 165 | + cite { | |
| 166 | + margin-top: 8px; | |
| 167 | + display: block; | |
| 168 | + font-size: 12px; | |
| 169 | + color:$gr300; | |
| 170 | + @include ellipsis(1); | |
| 171 | + } | |
| 172 | + &.sm { | |
| 173 | + margin-top:8px; | |
| 174 | + cite { | |
| 175 | + margin-top:4px; | |
| 176 | + } | |
| 177 | + } | |
| 178 | + .etc-area { | |
| 179 | + margin-top:12px; | |
| 180 | + display: flex; | |
| 181 | + flex-wrap: wrap; | |
| 182 | + } | |
| 183 | + i { | |
| 184 | + margin-right: 4px; | |
| 185 | + } | |
| 186 | +} | |
| 187 | +.thumb-swiper { | |
| 188 | + position: relative; | |
| 189 | + padding-left:24px; | |
| 190 | + padding-right: 24px; | |
| 191 | + // width: calc(100% + 48px); | |
| 192 | + box-sizing: border-box; | |
| 193 | + margin-left:-24px; | |
| 194 | + margin-right:-24px; | |
| 195 | + &::before, | |
| 196 | + &::after { | |
| 197 | + content: " "; | |
| 198 | + position:absolute; | |
| 199 | + left:0; | |
| 200 | + top:0; | |
| 201 | + background: #fff; | |
| 202 | + width: 24px; | |
| 203 | + height: 100%; | |
| 204 | + z-index: 2; | |
| 205 | + } | |
| 206 | + &::after { | |
| 207 | + left:auto; | |
| 208 | + right:0; | |
| 209 | + } | |
| 210 | +} | |
| 211 | + | |
| 212 | +.thumb-fnc { | |
| 213 | + &-l, | |
| 214 | + &-r { | |
| 215 | + position: absolute; | |
| 216 | + top:8px; | |
| 217 | + z-index: 2; | |
| 218 | + } | |
| 219 | + &-l { | |
| 220 | + left:8px; | |
| 221 | + } | |
| 222 | + &-r { | |
| 223 | + right:8px; | |
| 224 | + .btn-ico { | |
| 225 | + opacity: 0; | |
| 226 | + visibility: hidden; | |
| 227 | + } | |
| 228 | + } | |
| 229 | +} | |
| 230 | +li { | |
| 231 | + &:hover { | |
| 232 | + .thumb-fnc-hover { | |
| 233 | + display: flex; | |
| 234 | + } | |
| 235 | + } | |
| 236 | +} | |
| 237 | +.thumb-fnc-hover { | |
| 238 | + display: none; | |
| 239 | + position: absolute; | |
| 240 | + top:0; | |
| 241 | + left:0; | |
| 242 | + right:0; | |
| 243 | + bottom:0; | |
| 244 | + align-items: center; | |
| 245 | + justify-content: center; | |
| 246 | + background-color: rgba($bk ,.4); | |
| 247 | + gap:4px; | |
| 248 | + .round.bk { | |
| 249 | + background-color: rgba($bk ,.9); | |
| 250 | + } | |
| 251 | +} | |
| 252 | +/* ------------------------------------------------- | |
| 253 | + - TABLET | |
| 254 | +------------------------------------------------- */ | |
| 255 | +@include tablet { | |
| 256 | + .thumb-list { | |
| 257 | + $gap:16px; | |
| 258 | + gap:36px $gap; | |
| 259 | + li { | |
| 260 | + width: calc((100% - $gap * 2 ) / 3); | |
| 261 | + } | |
| 262 | + } | |
| 263 | + .thumb-txt-area { | |
| 264 | + p { | |
| 265 | + font-size:var(--fs); | |
| 266 | + | |
| 267 | + } | |
| 268 | + .info span, | |
| 269 | + cite { | |
| 270 | + font-size:var(--fs-sm); | |
| 271 | + } | |
| 272 | + } | |
| 273 | + .thumb-swiper { | |
| 274 | + padding-left: var(--wrap-gap); | |
| 275 | + padding-right: var(--wrap-gap); | |
| 276 | + margin-left: calc(var(--wrap-gap) * -1); | |
| 277 | + margin-right: calc(var(--wrap-gap) * -1); | |
| 278 | + &::before, | |
| 279 | + &::after { | |
| 280 | + display: none; | |
| 281 | + } | |
| 282 | + } | |
| 283 | + .thumb-fnc-r { | |
| 284 | + .btn-ico { | |
| 285 | + opacity: 1; | |
| 286 | + visibility: inherit; | |
| 287 | + } | |
| 288 | + } | |
| 289 | +} | |
| 290 | + | |
| 291 | +/* ------------------------------------------------- | |
| 292 | + - mobile | |
| 293 | +------------------------------------------------- */ | |
| 294 | +@include mobile { | |
| 295 | + .thumb-list { | |
| 296 | + $gap:8px; | |
| 297 | + gap:20px $gap; | |
| 298 | + li { | |
| 299 | + position: relative; | |
| 300 | + width: calc((100% - $gap) / 2); | |
| 301 | + } | |
| 302 | + } | |
| 303 | + .thumb-sm-list { | |
| 304 | + $gap:8px; | |
| 305 | + li { | |
| 306 | + width: calc((100% - $gap) / 2); | |
| 307 | + } | |
| 308 | + &.col4 { | |
| 309 | + li { | |
| 310 | + width: calc((100% - $gap) / 2); | |
| 311 | + } | |
| 312 | + } | |
| 313 | + } | |
| 314 | + .thumb-txt-area { | |
| 315 | + p { | |
| 316 | + font-size:var(--fs); | |
| 317 | + } | |
| 318 | + cite { | |
| 319 | + margin-top:2px; | |
| 320 | + font-size:var(--fs-sm); | |
| 321 | + } | |
| 322 | + .info { | |
| 323 | + margin-top:4px; | |
| 324 | + span { | |
| 325 | + font-size:var(--fs-sm); | |
| 326 | + &::after { | |
| 327 | + height: 8px; | |
| 328 | + margin:0 6px; | |
| 329 | + } | |
| 330 | + } | |
| 331 | + } | |
| 332 | + } | |
| 333 | + .thumb-swiper { | |
| 334 | + padding-left: var(--wrap-gap); | |
| 335 | + padding-right: var(--wrap-gap); | |
| 336 | + margin-left: calc(var(--wrap-gap) * -1); | |
| 337 | + margin-right: calc(var(--wrap-gap) * -1); | |
| 338 | + &::before, | |
| 339 | + &::after { | |
| 340 | + display: none; | |
| 341 | + } | |
| 342 | + } | |
| 343 | + | |
| 344 | + .thumb-fnc { | |
| 345 | + &-l, | |
| 346 | + &-r { | |
| 347 | + top:4px; | |
| 348 | + } | |
| 349 | + &-l { | |
| 350 | + left:4px; | |
| 351 | + } | |
| 352 | + &-r { | |
| 353 | + right:4px; | |
| 354 | + } | |
| 355 | + } | |
| 356 | + | |
| 357 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_paging.scss
... | ... | @@ -0,0 +1,185 @@ |
| 1 | + | |
| 2 | +/* ------------------------------------------------- | |
| 3 | + COMMON element | |
| 4 | +------------------------------------------------- */ | |
| 5 | +/* paging */ | |
| 6 | +.paging { | |
| 7 | + display:flex; | |
| 8 | + justify-content: center; | |
| 9 | + align-items: center; | |
| 10 | + margin: 40px auto; | |
| 11 | + gap:4px; | |
| 12 | + overflow: hidden; | |
| 13 | + text-align: center; | |
| 14 | + font-size:0; | |
| 15 | + overflow-x: auto; | |
| 16 | + li { | |
| 17 | + display: inline-block; | |
| 18 | + vertical-align: middle; | |
| 19 | + } | |
| 20 | + a { | |
| 21 | + position: relative; | |
| 22 | + display: block; | |
| 23 | + color:$gr500; | |
| 24 | + width: 40px; | |
| 25 | + height: 40px; | |
| 26 | + line-height: 40px; | |
| 27 | + font-size: 14px; | |
| 28 | + border-radius: $radius; | |
| 29 | + border:1px solid $gr100; | |
| 30 | + &:hover, | |
| 31 | + &:focus { | |
| 32 | + color:$bk; | |
| 33 | + } | |
| 34 | + } | |
| 35 | + .pv { | |
| 36 | + margin-right: 8px; | |
| 37 | + } | |
| 38 | + .fw { | |
| 39 | + margin-left: 8px; | |
| 40 | + } | |
| 41 | + .txt-hide { | |
| 42 | + position: static; | |
| 43 | + text-indent: -9999px; | |
| 44 | + color: #fff; | |
| 45 | + font-size: 0; | |
| 46 | + } | |
| 47 | +} | |
| 48 | +.paging li.ppv a span:before, | |
| 49 | +.paging li.ffw a span:before, | |
| 50 | +.paging li.ppv a span:after, | |
| 51 | +.paging li.ffw a span:after, | |
| 52 | +.paging li.pv a span:before, | |
| 53 | +.paging li.fw a span:before { | |
| 54 | + content: ""; | |
| 55 | + position: absolute; | |
| 56 | + display: block; | |
| 57 | + width: 8px; | |
| 58 | + height: 8px; | |
| 59 | + box-sizing: border-box; | |
| 60 | + border-top: 2px solid $gr500; | |
| 61 | + border-left: 2px solid $gr500; | |
| 62 | + top:50%; | |
| 63 | + left:50%; | |
| 64 | + transform-origin:left top; | |
| 65 | +} | |
| 66 | +.paging li.pv a span:before, | |
| 67 | +.paging li.ppv a span:before, | |
| 68 | +.paging li.ppv a span:after { | |
| 69 | + -webkit-transform: rotate(-45deg); | |
| 70 | + -moz-transform: rotate(-45deg); | |
| 71 | + -ms-transform: rotate(-45deg); | |
| 72 | + transform: rotate(-45deg); | |
| 73 | +} | |
| 74 | +.paging li.fw a span:before, | |
| 75 | +.paging li.ffw a span:before, | |
| 76 | +.paging li.ffw a span:after { | |
| 77 | + -webkit-transform: rotate(135deg); | |
| 78 | + -moz-transform: rotate(135deg); | |
| 79 | + -ms-transform: rotate(135deg); | |
| 80 | + transform: rotate(135deg); | |
| 81 | +} | |
| 82 | +.paging li.pv a span:before { | |
| 83 | + margin-left:-4px; | |
| 84 | +} | |
| 85 | +.paging li.fw a span:before { | |
| 86 | + margin-left: 4px; | |
| 87 | +} | |
| 88 | +.paging li.ppv a span:before { | |
| 89 | + margin-left:-8px; | |
| 90 | +} | |
| 91 | +.paging li.ppv a span:after { | |
| 92 | + margin-left:0; | |
| 93 | +} | |
| 94 | +.paging li.ffw a span:before { | |
| 95 | + margin-left: 0; | |
| 96 | +} | |
| 97 | +.paging li.ffw a span:after { | |
| 98 | + margin-left: 8px; | |
| 99 | +} | |
| 100 | +.paging li.disabled a, | |
| 101 | +.paging li.disabled a:hover, | |
| 102 | +.paging li.disabled a:focus { | |
| 103 | + background-position: 0 0; | |
| 104 | +} | |
| 105 | +.paging li a:hover, | |
| 106 | +.paging li a:focus { | |
| 107 | + color: $bk; | |
| 108 | +} | |
| 109 | +.paging li.ppv a:hover span:before, .paging li.ppv a:focus:before, | |
| 110 | +.paging li.ffw a:hover span:before, .paging li.ffw a:focus:before, | |
| 111 | +.paging li.ppv a:hover span:after, .paging li.ppv a:focus:after, | |
| 112 | +.paging li.ffw a:hover span:after, .paging li.ffw a:focus:after, | |
| 113 | +.paging li.pv a:hover span:before, .paging li.pv a:focus:before, | |
| 114 | +.paging li.fw a:hover span:before, .paging li.fw a:focus:before { | |
| 115 | + border-color:$bk; | |
| 116 | +} | |
| 117 | +.paging li.is-active a, | |
| 118 | +.paging li.is-active a:hover, | |
| 119 | +.paging li.is-active a:focus { | |
| 120 | + color: $spot; | |
| 121 | + font-weight: $b; | |
| 122 | + border-color: $spot; | |
| 123 | +} | |
| 124 | +/* ------------------------------------------------- | |
| 125 | + - TABLET | |
| 126 | +------------------------------------------------- */ | |
| 127 | +@include tablet { | |
| 128 | +} | |
| 129 | + | |
| 130 | +/* ------------------------------------------------- | |
| 131 | + - mobile | |
| 132 | +------------------------------------------------- */ | |
| 133 | +@include mobile { | |
| 134 | + /* paging */ | |
| 135 | + .paging { | |
| 136 | + a { | |
| 137 | + width: 32px; | |
| 138 | + height: 32px; | |
| 139 | + line-height: 30px; | |
| 140 | + font-size: 12px; | |
| 141 | + } | |
| 142 | + | |
| 143 | + li.pv { | |
| 144 | + margin-right: 1vw; | |
| 145 | + } | |
| 146 | + | |
| 147 | + li.fw { | |
| 148 | + margin-left: 1vw; | |
| 149 | + } | |
| 150 | + } | |
| 151 | + | |
| 152 | + // .paging li.ppv a span:before, | |
| 153 | + // .paging li.ffw a span:before, | |
| 154 | + // .paging li.ppv a span:after, | |
| 155 | + // .paging li.ffw a span:after, | |
| 156 | + // .paging li.pv a span:before, | |
| 157 | + // .paging li.fw a span:before { | |
| 158 | + // width: 3vw; | |
| 159 | + // height: 3vw; | |
| 160 | + // } | |
| 161 | + | |
| 162 | + // .paging li.pv a span:before { | |
| 163 | + // margin-left: -1vw; | |
| 164 | + // } | |
| 165 | + | |
| 166 | + // .paging li.fw a span:before { | |
| 167 | + // margin-left: 1vw; | |
| 168 | + // } | |
| 169 | + | |
| 170 | + // .paging li.ppv a span:before { | |
| 171 | + // margin-left: -3vw; | |
| 172 | + // } | |
| 173 | + | |
| 174 | + // .paging li.ppv a span:after { | |
| 175 | + // margin-left: -1vw; | |
| 176 | + // } | |
| 177 | + | |
| 178 | + // .paging li.ffw a span:before { | |
| 179 | + // margin-left: 1vw; | |
| 180 | + // } | |
| 181 | + | |
| 182 | + // .paging li.ffw a span:after { | |
| 183 | + // margin-left: 3vw; | |
| 184 | + // } | |
| 185 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_painter.scss
... | ... | @@ -0,0 +1,243 @@ |
| 1 | +.viewer-painter { | |
| 2 | + display: none; | |
| 3 | + position: absolute; | |
| 4 | + top:0; | |
| 5 | + left:0; | |
| 6 | + bottom:0; | |
| 7 | + right:0; | |
| 8 | + z-index: 1; | |
| 9 | +} | |
| 10 | +#painterCanvas { | |
| 11 | + margin:0; | |
| 12 | + border-radius:0; | |
| 13 | + border: 0px; | |
| 14 | + position: absolute; | |
| 15 | + top:0; | |
| 16 | + left:0; | |
| 17 | + bottom:0; | |
| 18 | + right:0; | |
| 19 | + width: 100% !important; | |
| 20 | + height: 100% !important; | |
| 21 | + cursor: url($url-img + 'common/img_painter.svg'), auto; | |
| 22 | + z-index: 10; | |
| 23 | +} | |
| 24 | +.painterbar { | |
| 25 | + position:fixed; | |
| 26 | + z-index: 11; | |
| 27 | + top:50%; | |
| 28 | + right:60px; | |
| 29 | + width:80px; | |
| 30 | + height:380px; | |
| 31 | + padding:36px 6px 48px; | |
| 32 | + display: flex; | |
| 33 | + flex-direction: column; | |
| 34 | + justify-content: space-between; | |
| 35 | + transform: translateY(-50%); | |
| 36 | + box-sizing:border-box; | |
| 37 | + background-color:$gr50; | |
| 38 | + border:2px solid #fff; | |
| 39 | + border-radius:40px; | |
| 40 | + -webkit-user-select:none; | |
| 41 | + -moz-user-select:none; | |
| 42 | + -ms-user-select:none; | |
| 43 | + user-select:none; | |
| 44 | + overflow:hidden; | |
| 45 | + -webkit-overflow-scrolling:touch; | |
| 46 | + -webkit-transition:all .5s; | |
| 47 | + transition:all .5s; | |
| 48 | + box-shadow:10px 10px 30px rgba($color:#000, $alpha:.2); | |
| 49 | + white-space:normal; | |
| 50 | + &.min { | |
| 51 | + display: block; | |
| 52 | + height:100px; | |
| 53 | + width: 80px; | |
| 54 | + padding:0; | |
| 55 | + overflow: hidden; | |
| 56 | + box-sizing: border-box; | |
| 57 | + .btn-painterbar-size { | |
| 58 | + top:0; | |
| 59 | + width: 80px; | |
| 60 | + height: 80px; | |
| 61 | + &::before { | |
| 62 | + top:36px; | |
| 63 | + width: 60px; | |
| 64 | + height: 60px; | |
| 65 | + background:url($url-img + 'common/img_painter.svg') center center no-repeat #eee; | |
| 66 | + border-radius: 50%; | |
| 67 | + background-size:28px 28px; | |
| 68 | + } | |
| 69 | + } | |
| 70 | + .btn-viewer-painter-close { | |
| 71 | + bottom:8px; | |
| 72 | + } | |
| 73 | + .painterbar-stroke, | |
| 74 | + .painterbar-fnc, | |
| 75 | + .painterbar-color { | |
| 76 | + display: none; | |
| 77 | + } | |
| 78 | + } | |
| 79 | +} | |
| 80 | +.painterbar-stroke { | |
| 81 | + #box{ | |
| 82 | + height: 48px; | |
| 83 | + display: flex; | |
| 84 | + align-items: center; | |
| 85 | + justify-content: center; | |
| 86 | + } | |
| 87 | + #stroke{ | |
| 88 | + display: block; | |
| 89 | + margin:0 auto; | |
| 90 | + width:16px; | |
| 91 | + height:16px; | |
| 92 | + background-color:#fff; | |
| 93 | + border-radius:50% | |
| 94 | + } | |
| 95 | + .ui-slider{ | |
| 96 | + position:relative; | |
| 97 | + margin:0 auto; | |
| 98 | + height:88px; | |
| 99 | + width:12px; | |
| 100 | + background-color: $gr50; | |
| 101 | + background-image:url($url-img + 'common/ico_painter_bar.svg'); | |
| 102 | + } | |
| 103 | + .ui-slider-handle{ | |
| 104 | + position:absolute; | |
| 105 | + left:50%; | |
| 106 | + z-index:2; | |
| 107 | + width:20px; | |
| 108 | + height:8px; | |
| 109 | + margin-left:-10px; | |
| 110 | + border-radius:4px; | |
| 111 | + background-color: $spot; | |
| 112 | + border-radius: 2em; | |
| 113 | + cursor: pointer; | |
| 114 | + } | |
| 115 | +} | |
| 116 | +.painterbar-fnc { | |
| 117 | + display: flex; | |
| 118 | + flex-wrap: wrap; | |
| 119 | + justify-content: space-between; | |
| 120 | + gap: 4px 0; | |
| 121 | + button { | |
| 122 | + position: relative; | |
| 123 | + flex-basis: 30px; | |
| 124 | + height: 30px; | |
| 125 | + border-radius: 15px; | |
| 126 | + text-indent: -9999px; | |
| 127 | + background-color:$gr80; | |
| 128 | + margin: auto 0; | |
| 129 | + &::before { | |
| 130 | + content: " "; | |
| 131 | + top: 50%; | |
| 132 | + left:50%; | |
| 133 | + transform: translate(-50%, -50%); | |
| 134 | + position: absolute; | |
| 135 | + width: 16px; | |
| 136 | + height: 16px; | |
| 137 | + background-image:url($url-img + 'common/ico_painter.svg'); | |
| 138 | + background-position: 0 center; | |
| 139 | + } | |
| 140 | + } | |
| 141 | + #undo { | |
| 142 | + &::before { | |
| 143 | + background-position: 0 center; | |
| 144 | + } | |
| 145 | + | |
| 146 | + } | |
| 147 | + #redo { | |
| 148 | + &::before { | |
| 149 | + background-position: -16px center; | |
| 150 | + } | |
| 151 | + } | |
| 152 | + #clear { | |
| 153 | + flex-basis: 100%; | |
| 154 | + &::before { | |
| 155 | + background-position: -32px center; | |
| 156 | + } | |
| 157 | + } | |
| 158 | + #brush, | |
| 159 | + #init { | |
| 160 | + position: fixed; | |
| 161 | + top:-9999px; | |
| 162 | + width: 1px; | |
| 163 | + height:1px; | |
| 164 | + opacity: 0; | |
| 165 | + background: none; | |
| 166 | + } | |
| 167 | +} | |
| 168 | +.painterbar-color{ | |
| 169 | + display: flex; | |
| 170 | + margin:0 auto; | |
| 171 | + width: 40px; | |
| 172 | + gap:8px; | |
| 173 | + flex-wrap: wrap; | |
| 174 | + justify-content: space-around; | |
| 175 | + .color{ | |
| 176 | + position: relative; | |
| 177 | + flex-basis: 16px; | |
| 178 | + width: 16px; | |
| 179 | + height: 16px; | |
| 180 | + border-radius: 50%; | |
| 181 | + box-sizing: border-box; | |
| 182 | + cursor: pointer; | |
| 183 | + &::after { | |
| 184 | + content: " "; | |
| 185 | + position: absolute; | |
| 186 | + left:50%; | |
| 187 | + top:50%; | |
| 188 | + width: 0; | |
| 189 | + height: 0; | |
| 190 | + transform: translate(-50%, -50%); | |
| 191 | + border-radius: 50%; | |
| 192 | + border:2px solid #fff; | |
| 193 | + opacity: 0; | |
| 194 | + transition: all .5s; | |
| 195 | + } | |
| 196 | + &.white { | |
| 197 | + border:1px solid $gr100; | |
| 198 | + } | |
| 199 | + &.chosen { | |
| 200 | + &::after { | |
| 201 | + width: 50%; | |
| 202 | + height: 50%; | |
| 203 | + opacity: 1; | |
| 204 | + } | |
| 205 | + &.white { | |
| 206 | + &::after { | |
| 207 | + border-color: $gr100; | |
| 208 | + } | |
| 209 | + } | |
| 210 | + } | |
| 211 | + } | |
| 212 | +} | |
| 213 | +.btn-viewer-painter-close, | |
| 214 | +.btn-painterbar-size { | |
| 215 | + position:absolute; | |
| 216 | + width:16px; | |
| 217 | + height:16px; | |
| 218 | + left:50%; | |
| 219 | + transform: translateX(-50%); | |
| 220 | + top:16px; | |
| 221 | + text-indent:-9999px; | |
| 222 | + overflow:hidden; | |
| 223 | + border:0; | |
| 224 | + outline:0; | |
| 225 | + &::before { | |
| 226 | + content: " "; | |
| 227 | + top: 50%; | |
| 228 | + left:50%; | |
| 229 | + transform: translate(-50%, -50%); | |
| 230 | + position: absolute; | |
| 231 | + width: 16px; | |
| 232 | + height: 16px; | |
| 233 | + background-image:url($url-img + 'common/ico_painter.svg'); | |
| 234 | + background-position: -48px center; | |
| 235 | + } | |
| 236 | +} | |
| 237 | +.btn-viewer-painter-close{ | |
| 238 | + top:auto; | |
| 239 | + bottom: 16px; | |
| 240 | + &::before { | |
| 241 | + background-position: -64px center; | |
| 242 | + } | |
| 243 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_popup.scss
... | ... | @@ -0,0 +1,332 @@ |
| 1 | +.dim { | |
| 2 | + display: none; | |
| 3 | + position: fixed; | |
| 4 | + width: 100%; | |
| 5 | + height: 100%; | |
| 6 | + top: 0; | |
| 7 | + left: 0; | |
| 8 | + background: rgba(0, 0, 0, 0.5); | |
| 9 | + z-index: 99; | |
| 10 | +} | |
| 11 | +$pop-gap: 24px; | |
| 12 | +.popup { | |
| 13 | + display: none; | |
| 14 | + position: fixed; | |
| 15 | + flex-direction: column; | |
| 16 | + box-sizing: border-box; | |
| 17 | + border: 1px solid $bk; | |
| 18 | + width: 320px; | |
| 19 | + max-width: calc(100% - var(--wrap-gap) * 2); | |
| 20 | + left: 50%; | |
| 21 | + top: 50%; | |
| 22 | + padding: 0; | |
| 23 | + background-color: #fff; | |
| 24 | + z-index: 100; | |
| 25 | + box-shadow: $shadow; | |
| 26 | + border-radius: $radius; | |
| 27 | + transform: translate(-50%, -50%); | |
| 28 | + box-sizing: border-box; | |
| 29 | + max-height: calc(100vh - var(--wrap-gap) * 2); | |
| 30 | + overflow-y: hidden; | |
| 31 | + .pop-close { | |
| 32 | + top: $pop-gap; | |
| 33 | + right: $pop-gap; | |
| 34 | + } | |
| 35 | + .pop-header, | |
| 36 | + .pop-body, | |
| 37 | + .pop-footer { | |
| 38 | + padding-left: $pop-gap; | |
| 39 | + padding-right: $pop-gap; | |
| 40 | + } | |
| 41 | + .pop-header { | |
| 42 | + padding-top: $pop-gap; | |
| 43 | + position: relative; | |
| 44 | + h1 { | |
| 45 | + display: block; | |
| 46 | + font-size: 20px; | |
| 47 | + font-weight: $b; | |
| 48 | + border-bottom: 1px solid $gr80; | |
| 49 | + padding-bottom: 12px; | |
| 50 | + padding-right: 32px; | |
| 51 | + } | |
| 52 | + } | |
| 53 | + img { | |
| 54 | + display: block; | |
| 55 | + max-width: 100%; | |
| 56 | + margin: 0 auto; | |
| 57 | + } | |
| 58 | + // .scroll-body { | |
| 59 | + // background-color: yellow; | |
| 60 | + | |
| 61 | + // } | |
| 62 | + .pop-body { | |
| 63 | + flex-grow: 1; | |
| 64 | + box-sizing: border-box; | |
| 65 | + overflow-y: auto; | |
| 66 | + padding-top: 16px; | |
| 67 | + padding-bottom: $pop-gap; | |
| 68 | + width: 100%; | |
| 69 | + &:first-child { | |
| 70 | + padding-top: 40px; | |
| 71 | + } | |
| 72 | + } | |
| 73 | + .pop-footer { | |
| 74 | + padding-bottom: $pop-gap; | |
| 75 | + display: flex; | |
| 76 | + flex-direction: column; | |
| 77 | + gap:8px; | |
| 78 | + > * { | |
| 79 | + margin:0; | |
| 80 | + } | |
| 81 | + .btn-flex-cont { | |
| 82 | + margin: 0; | |
| 83 | + } | |
| 84 | + } | |
| 85 | + &.w600 { | |
| 86 | + width: 600px; | |
| 87 | + } | |
| 88 | + &.w800 { | |
| 89 | + width: 800px; | |
| 90 | + } | |
| 91 | + &.w900 { | |
| 92 | + width: 900px; | |
| 93 | + } | |
| 94 | +} | |
| 95 | +.popup-modal-area { | |
| 96 | + display: none; | |
| 97 | + position: fixed; | |
| 98 | + display: flex; | |
| 99 | + flex-direction: column; | |
| 100 | + align-items: center; | |
| 101 | + justify-content: center; | |
| 102 | + top: 0; | |
| 103 | + left: 0; | |
| 104 | + right: 0; | |
| 105 | + bottom: 0; | |
| 106 | + z-index: 100; | |
| 107 | + overflow: hidden; | |
| 108 | + &::before { | |
| 109 | + content: " "; | |
| 110 | + position: absolute; | |
| 111 | + top: 0; | |
| 112 | + left: 0; | |
| 113 | + right: 0; | |
| 114 | + bottom: 0; | |
| 115 | + background-color: rgba(0, 0, 0, 0.2); | |
| 116 | + } | |
| 117 | + &.is-active { | |
| 118 | + display: flex; | |
| 119 | + .popup-modal { | |
| 120 | + animation: opacityUp 0.5s forwards; | |
| 121 | + } | |
| 122 | + } | |
| 123 | +} | |
| 124 | +.popup-modal { | |
| 125 | + @extend .popup; | |
| 126 | + display: flex; | |
| 127 | + position: relative; | |
| 128 | + top: auto; | |
| 129 | + left: auto; | |
| 130 | + transform: none; | |
| 131 | + .pop-body { | |
| 132 | + padding-bottom: 24px; | |
| 133 | + } | |
| 134 | +} | |
| 135 | +.pop-msg-area { | |
| 136 | + display: flex; | |
| 137 | + flex-direction: column; | |
| 138 | + text-align: center; | |
| 139 | + gap: 16px; | |
| 140 | + .step + .img-area { | |
| 141 | + margin-top:-24px; | |
| 142 | + } | |
| 143 | + .txt-area { | |
| 144 | + cite { | |
| 145 | + display: block; | |
| 146 | + margin-bottom: 4px; | |
| 147 | + font-size: var(--fs-lg); | |
| 148 | + font-weight: 700; | |
| 149 | + } | |
| 150 | + p { | |
| 151 | + color: $gr500; | |
| 152 | + } | |
| 153 | + } | |
| 154 | +} | |
| 155 | +.pop-close { | |
| 156 | + position: absolute; | |
| 157 | + width: 24px; | |
| 158 | + height: 24px; | |
| 159 | + overflow: hidden; | |
| 160 | + text-indent: -999px; | |
| 161 | + top: 20px; | |
| 162 | + right: 20px; | |
| 163 | + @include ico(24, close); | |
| 164 | +} | |
| 165 | +.pop-close.wh { | |
| 166 | + @include ico(24, close, wh); | |
| 167 | +} | |
| 168 | +.pop-close.lg { | |
| 169 | + @include ico(36, close, wh); | |
| 170 | +} | |
| 171 | +.popup-zoom { | |
| 172 | + display: none; | |
| 173 | + position: fixed; | |
| 174 | + top: 50%; | |
| 175 | + left: 50%; | |
| 176 | + width: 100%; | |
| 177 | + flex-direction: column; | |
| 178 | + transform: translate(-50%, -50%); | |
| 179 | + overflow-y: auto; | |
| 180 | + box-sizing: border-box; | |
| 181 | + z-index: 100; | |
| 182 | + box-sizing: border-box; | |
| 183 | +} | |
| 184 | +.popup-zoom img { | |
| 185 | + display: block; | |
| 186 | + max-width: 100%; | |
| 187 | + margin: 0 auto; | |
| 188 | +} | |
| 189 | +.popup-zoom .pop-header { | |
| 190 | + position: relative; | |
| 191 | + display: flex; | |
| 192 | + justify-content: flex-end; | |
| 193 | + height: 64px; | |
| 194 | +} | |
| 195 | +.popup-zoom .pop-body { | |
| 196 | + display: flex; | |
| 197 | + flex-direction: column; | |
| 198 | + justify-content: center; | |
| 199 | + align-items: center; | |
| 200 | + height: calc(100vh - 64px); | |
| 201 | + overflow-y: auto; | |
| 202 | +} | |
| 203 | +.popup-item { | |
| 204 | + position: fixed; | |
| 205 | + display: flex; | |
| 206 | + flex-direction: column; | |
| 207 | + right: 40px; | |
| 208 | + bottom: 40px; | |
| 209 | + max-width: 300px; | |
| 210 | + width: calc(100% - 32px); | |
| 211 | + z-index: 100; | |
| 212 | + overflow: hidden; | |
| 213 | + background-color: #fff; | |
| 214 | + box-shadow: $shadow; | |
| 215 | + box-sizing: border-box; | |
| 216 | + padding-top: 20px; | |
| 217 | + max-height: calc(100vh - 80px); | |
| 218 | + | |
| 219 | + .pop-header { | |
| 220 | + flex: auto; | |
| 221 | + h1 { | |
| 222 | + font-size: 16px; | |
| 223 | + padding: 0 20px 20px; | |
| 224 | + } | |
| 225 | + } | |
| 226 | + .pop-body { | |
| 227 | + padding: 0 20px 20px; | |
| 228 | + overflow-x: hidden; | |
| 229 | + overflow-y: auto; | |
| 230 | + box-sizing: border-box; | |
| 231 | + a { | |
| 232 | + display: block; | |
| 233 | + } | |
| 234 | + } | |
| 235 | + .item-img-area { | |
| 236 | + img { | |
| 237 | + display: block; | |
| 238 | + width: 100%; | |
| 239 | + } | |
| 240 | + } | |
| 241 | + .pop-footer { | |
| 242 | + position: relative; | |
| 243 | + flex: auto; | |
| 244 | + display: flex; | |
| 245 | + align-items: center; | |
| 246 | + padding: 0 20px; | |
| 247 | + height: 60px; | |
| 248 | + justify-content: space-between; | |
| 249 | + background-color: $gr50; | |
| 250 | + .pop-close { | |
| 251 | + position: relative; | |
| 252 | + right: auto; | |
| 253 | + top: auto; | |
| 254 | + } | |
| 255 | + } | |
| 256 | +} | |
| 257 | +.popup-zoom { | |
| 258 | + display: none; | |
| 259 | + position: fixed; | |
| 260 | + top: 50%; | |
| 261 | + left: 50%; | |
| 262 | + width: 100%; | |
| 263 | + transform: translate(-50%, -50%); | |
| 264 | + width: 100%; | |
| 265 | + overflow-y: auto; | |
| 266 | + box-sizing: border-box; | |
| 267 | + z-index: 101; | |
| 268 | + box-sizing: border-box; | |
| 269 | +} | |
| 270 | +.popup-zoom img { | |
| 271 | + display: block; | |
| 272 | + max-width: 100%; | |
| 273 | + margin: 0 auto; | |
| 274 | +} | |
| 275 | +.popup-zoom .pop-header { | |
| 276 | + position: relative; | |
| 277 | + height: 60px; | |
| 278 | + z-index: 10; | |
| 279 | +} | |
| 280 | +.popup-zoom .pop-body { | |
| 281 | + display: flex; | |
| 282 | + flex-direction: column; | |
| 283 | + justify-content: center; | |
| 284 | + align-items: center; | |
| 285 | + height: calc(100vh - 60px); | |
| 286 | + overflow-y: auto; | |
| 287 | +} | |
| 288 | +.popup-zoom .pop-body figure { | |
| 289 | + min-height: 0; | |
| 290 | +} | |
| 291 | + | |
| 292 | +/* ------------------------------------------------- | |
| 293 | + - TABLET | |
| 294 | +------------------------------------------------- */ | |
| 295 | +@include tablet { | |
| 296 | + .popup-item { | |
| 297 | + right: 20px; | |
| 298 | + bottom: 20px; | |
| 299 | + } | |
| 300 | +} | |
| 301 | + | |
| 302 | +/* ------------------------------------------------- | |
| 303 | + - mobile | |
| 304 | +------------------------------------------------- */ | |
| 305 | +@include mobile { | |
| 306 | + $pop-gap: 16px; | |
| 307 | + .popup { | |
| 308 | + .pop-close { | |
| 309 | + top: $pop-gap; | |
| 310 | + right: $pop-gap; | |
| 311 | + } | |
| 312 | + .pop-header, | |
| 313 | + .pop-body, | |
| 314 | + .pop-footer { | |
| 315 | + padding-left: $pop-gap; | |
| 316 | + } | |
| 317 | + .pop-header { | |
| 318 | + padding-top: $pop-gap; | |
| 319 | + } | |
| 320 | + .pop-body { | |
| 321 | + padding-bottom: $pop-gap; | |
| 322 | + } | |
| 323 | + .pop-footer { | |
| 324 | + padding-bottom: $pop-gap; | |
| 325 | + } | |
| 326 | + } | |
| 327 | + .popup-item { | |
| 328 | + right: 50%; | |
| 329 | + bottom: 50%; | |
| 330 | + transform: translate(50%, 50%); | |
| 331 | + } | |
| 332 | +} |
+++ base/src/main/webapp/resources/front/manage/css/component/_table.scss
... | ... | @@ -0,0 +1,679 @@ |
| 1 | +.scroll-x { | |
| 2 | + overflow-x: auto; | |
| 3 | +} | |
| 4 | +.scroll-x table { | |
| 5 | + width: 100%; | |
| 6 | +} | |
| 7 | +table { | |
| 8 | + img { | |
| 9 | + max-width: 100%; | |
| 10 | + } | |
| 11 | +} | |
| 12 | +.list-type, | |
| 13 | +.write-type, | |
| 14 | +.write-type2, | |
| 15 | +.info-type, | |
| 16 | +.view-type { | |
| 17 | + position:relative; | |
| 18 | + clear:both; | |
| 19 | + word-break: keep-all; | |
| 20 | + table { | |
| 21 | + width:100%; | |
| 22 | + clear:both; | |
| 23 | + border-top:1px solid $bk; | |
| 24 | + } | |
| 25 | + th, | |
| 26 | + td { | |
| 27 | + border-color: $gr80; | |
| 28 | + box-sizing:border-box; | |
| 29 | + } | |
| 30 | + th { | |
| 31 | + font-weight: $m; | |
| 32 | + background-color: $gr50; | |
| 33 | + } | |
| 34 | + & + * { | |
| 35 | + margin-top: 40px; | |
| 36 | + } | |
| 37 | + // & + .btn-cont, | |
| 38 | + // & + .paging, | |
| 39 | + // & + .bullet { | |
| 40 | + // margin-top: 40px; | |
| 41 | + // } | |
| 42 | + & + .bg-box, | |
| 43 | + & + .border-box, | |
| 44 | + & + .msg { | |
| 45 | + margin-top: 20px; | |
| 46 | + } | |
| 47 | + &.ac { | |
| 48 | + th, | |
| 49 | + td { | |
| 50 | + text-align: center; | |
| 51 | + } | |
| 52 | + } | |
| 53 | +} | |
| 54 | +/* table : info-type */ | |
| 55 | +.info-type { | |
| 56 | + word-break: break-all; | |
| 57 | + th, | |
| 58 | + td { | |
| 59 | + padding:12px 8px; | |
| 60 | + height: 40px; | |
| 61 | + border-bottom:1px solid $gr80; | |
| 62 | + // border-right: 1px solid $gr80; | |
| 63 | + // &:last-child { | |
| 64 | + // border-right: none; | |
| 65 | + // } | |
| 66 | + } | |
| 67 | + th { | |
| 68 | + background:$gr50; | |
| 69 | + padding-top:12px; | |
| 70 | + padding-bottom:12px; | |
| 71 | + color:$gr500; | |
| 72 | + &.spot { | |
| 73 | + background-color: $gr50; | |
| 74 | + } | |
| 75 | + } | |
| 76 | + thead th { | |
| 77 | + text-align:center; | |
| 78 | + } | |
| 79 | + th.ac, | |
| 80 | + td.ac, | |
| 81 | + tr.ac th, | |
| 82 | + tr.ac td { | |
| 83 | + padding:14px 4px; | |
| 84 | + text-align:center; | |
| 85 | + } | |
| 86 | + tr.ac th.al { | |
| 87 | + text-align:left; | |
| 88 | + } | |
| 89 | + tr.strong td { | |
| 90 | + font-weight:$b; | |
| 91 | + font-size:1.5rem; | |
| 92 | + color:$bk; | |
| 93 | + } | |
| 94 | + td a:hover, | |
| 95 | + td a em { | |
| 96 | + text-decoration:underline; | |
| 97 | + } | |
| 98 | + + table { margin-top:10px; } | |
| 99 | + th strong { font-size:1.5rem;font-weight:$b; } | |
| 100 | + tbody + tbody tr:first-child th, | |
| 101 | + tbody + tbody tr:first-child td { border-top:2px solid $gr100; } | |
| 102 | +} | |
| 103 | + | |
| 104 | +/* table : list-type */ | |
| 105 | +.list-type { | |
| 106 | + th, | |
| 107 | + td { | |
| 108 | + padding:12px 4px; | |
| 109 | + border-bottom:1px solid $gr80; | |
| 110 | + text-align: center; | |
| 111 | + } | |
| 112 | + thead { | |
| 113 | + th { | |
| 114 | + color:$gr500; | |
| 115 | + } | |
| 116 | + } | |
| 117 | + tbody { | |
| 118 | + td { | |
| 119 | + height:40px; | |
| 120 | + box-sizing: border-box; | |
| 121 | + &.al > a { | |
| 122 | + display:inline-block; | |
| 123 | + @include ellipsis(1); | |
| 124 | + max-width:100%; | |
| 125 | + width:auto; | |
| 126 | + color:$bk; | |
| 127 | + box-sizing:border-box; | |
| 128 | + cursor: pointer; | |
| 129 | + &:hover { | |
| 130 | + color:$spot; | |
| 131 | + } | |
| 132 | + & + .msg { | |
| 133 | + margin-top:5px; | |
| 134 | + } | |
| 135 | + } | |
| 136 | + &.pcta { | |
| 137 | + display: table-cell !important; | |
| 138 | + } | |
| 139 | + } | |
| 140 | + } | |
| 141 | + .btn-cont { | |
| 142 | + align-items: center; | |
| 143 | + margin:0; | |
| 144 | + gap:4px; | |
| 145 | + } | |
| 146 | + &.sm { | |
| 147 | + font-size:13px; | |
| 148 | + th, | |
| 149 | + td { | |
| 150 | + padding:12px 8px; | |
| 151 | + min-height: 44px; | |
| 152 | + } | |
| 153 | + th { | |
| 154 | + font-size:13px; | |
| 155 | + } | |
| 156 | + } | |
| 157 | + // .info-quiz { | |
| 158 | + // margin-top: 10px; | |
| 159 | + // font-size:0; | |
| 160 | + // dt, | |
| 161 | + // dd { | |
| 162 | + // display: inline-block; | |
| 163 | + // font-size:1.6rem; | |
| 164 | + // } | |
| 165 | + // dt { | |
| 166 | + // margin-right: 10px; | |
| 167 | + // } | |
| 168 | + // dd { | |
| 169 | + // margin-right: 40px; | |
| 170 | + // color:#777; | |
| 171 | + // &:last-child { | |
| 172 | + // margin-right: 0; | |
| 173 | + // } | |
| 174 | + // } | |
| 175 | + // } | |
| 176 | + | |
| 177 | + // .btn-cont { | |
| 178 | + // margin-top:-12px; | |
| 179 | + // margin-bottom:-12px; | |
| 180 | + // text-align: center; | |
| 181 | + // & + * { | |
| 182 | + // display:block; | |
| 183 | + // margin-top:10px; | |
| 184 | + // } | |
| 185 | + // } | |
| 186 | + .info-quiz { | |
| 187 | + display: flex; | |
| 188 | + flex-direction: column; | |
| 189 | + gap:8px; | |
| 190 | + .txt-area { | |
| 191 | + flex:1; | |
| 192 | + line-height: 1.25; | |
| 193 | + small { | |
| 194 | + display: block; | |
| 195 | + font-size: 12px; | |
| 196 | + margin-top: 4px; | |
| 197 | + &:first-child { | |
| 198 | + margin-top: 0; | |
| 199 | + } | |
| 200 | + } | |
| 201 | + cite { | |
| 202 | + display: block; | |
| 203 | + font-weight: 500; | |
| 204 | + margin-top: 2px; | |
| 205 | + padding-bottom: 8px; | |
| 206 | + border-bottom: 1px solid $gr80; | |
| 207 | + margin-bottom: 8px; | |
| 208 | + } | |
| 209 | + } | |
| 210 | + .info-fnc { | |
| 211 | + button { | |
| 212 | + padding: 2px 4px; | |
| 213 | + background-color: $gr50; | |
| 214 | + border-radius: 4px; | |
| 215 | + color: $gr500; | |
| 216 | + font-size:var(--fs-sm); | |
| 217 | + &:hover { | |
| 218 | + background-color: $gr80; | |
| 219 | + } | |
| 220 | + i { | |
| 221 | + transform: scale(0.8); | |
| 222 | + } | |
| 223 | + } | |
| 224 | + } | |
| 225 | + } | |
| 226 | +} | |
| 227 | + | |
| 228 | +/* write-type */ | |
| 229 | +.required { | |
| 230 | + display:inline-block; | |
| 231 | + margin-left:2px; | |
| 232 | + width:7px; | |
| 233 | + height:7px; | |
| 234 | + animation: opacity 2s infinite alternate; | |
| 235 | + color:$rd; | |
| 236 | +} | |
| 237 | +.txt-option { | |
| 238 | + font-size:12px; | |
| 239 | + color:$gr500; | |
| 240 | +} | |
| 241 | +.msg { | |
| 242 | + font-size:12px; | |
| 243 | + color:$gr500; | |
| 244 | +} | |
| 245 | +.write-type { | |
| 246 | + th, | |
| 247 | + td { | |
| 248 | + border-bottom:1px solid $gr100; | |
| 249 | + text-align:left; | |
| 250 | + height: 60px; | |
| 251 | + padding: 8px 16px; | |
| 252 | + // padding-left:16px; | |
| 253 | + // padding-right:16px; | |
| 254 | + vertical-align:middle; | |
| 255 | + box-sizing: border-box; | |
| 256 | + } | |
| 257 | + th { | |
| 258 | + background-color:$gr50; | |
| 259 | + border-right: 1px solid $gr100; | |
| 260 | + position:relative; | |
| 261 | + | |
| 262 | + font-weight:500; | |
| 263 | + &.spot { | |
| 264 | + background-color: $gr50; | |
| 265 | + } | |
| 266 | + } | |
| 267 | + td { | |
| 268 | + & > * { | |
| 269 | + margin-top:4px; | |
| 270 | + margin-bottom:4px; | |
| 271 | + } | |
| 272 | + & > :not(.block), | |
| 273 | + & > :not(.datepicker-box) { | |
| 274 | + margin-right:4px; | |
| 275 | + } | |
| 276 | + & > :last-child { | |
| 277 | + margin-right:0; | |
| 278 | + } | |
| 279 | + .checkradio { | |
| 280 | + margin-right:36px; | |
| 281 | + // margin-bottom: 8px; | |
| 282 | + } | |
| 283 | + fieldset { | |
| 284 | + .checkradio { | |
| 285 | + margin-top: 4px; | |
| 286 | + margin-bottom: 4px; | |
| 287 | + } | |
| 288 | + } | |
| 289 | + } | |
| 290 | + input.q0 { width:100px } | |
| 291 | + input[type=number].q0 { width: 100px; } | |
| 292 | + input.q1 { width:calc((100% - 30px) / 4); } | |
| 293 | + input.q2 { width:calc((100% - 10px) / 2); } | |
| 294 | + input.q3 { width:calc((100% - 30px) / 3 * 2); } | |
| 295 | + input.q4 { width:100% } | |
| 296 | + | |
| 297 | + input { | |
| 298 | + & + .msg, | |
| 299 | + & + .item-list-box { | |
| 300 | + margin-top: 0; | |
| 301 | + } | |
| 302 | + } | |
| 303 | +} | |
| 304 | +.write-type2{ | |
| 305 | + @extend .write-type; | |
| 306 | + // border-top:1px solid $gr100; | |
| 307 | + table { | |
| 308 | + border-top:1px solid $gr80; | |
| 309 | + } | |
| 310 | + th, | |
| 311 | + td { | |
| 312 | + border-bottom: 1px solid $gr80; | |
| 313 | + padding-right:16px; | |
| 314 | + } | |
| 315 | + th { | |
| 316 | + background-color: transparent; | |
| 317 | + border-right:none; | |
| 318 | + border-left:1px solid $gr80; | |
| 319 | + padding-left:16px; | |
| 320 | + &:first-child { | |
| 321 | + border-left: none; | |
| 322 | + padding-left:0; | |
| 323 | + } | |
| 324 | + } | |
| 325 | +} | |
| 326 | + | |
| 327 | +/* table : view-type */ | |
| 328 | +.view-type { | |
| 329 | + img { max-width : 100% } | |
| 330 | + thead { | |
| 331 | + th { | |
| 332 | + padding:24px 0; | |
| 333 | + text-align: left; | |
| 334 | + background-color: none; | |
| 335 | + background: none !important; | |
| 336 | + border-bottom: 1px solid $gr80; | |
| 337 | + } | |
| 338 | + h3 { | |
| 339 | + font-size:18px; | |
| 340 | + font-weight: 700; | |
| 341 | + } | |
| 342 | + .info-quiz { | |
| 343 | + margin-top: 4px; | |
| 344 | + } | |
| 345 | + } | |
| 346 | + tbody { | |
| 347 | + td { | |
| 348 | + padding:24px 0; | |
| 349 | + border-bottom: 1px solid $gr80; | |
| 350 | + } | |
| 351 | + } | |
| 352 | + .info-quiz { | |
| 353 | + display: flex; | |
| 354 | + flex-wrap: wrap; | |
| 355 | + li { | |
| 356 | + position: relative; | |
| 357 | + &:after { | |
| 358 | + content:" "; | |
| 359 | + display: inline-block; | |
| 360 | + width:1px; | |
| 361 | + height:12px; | |
| 362 | + margin:0 8px; | |
| 363 | + margin-top:-2px; | |
| 364 | + background-color:$bk; | |
| 365 | + vertical-align: middle; | |
| 366 | + } | |
| 367 | + &:last-child { | |
| 368 | + margin-right: 0; | |
| 369 | + padding-right: 0; | |
| 370 | + &:after { | |
| 371 | + display: none; | |
| 372 | + } | |
| 373 | + } | |
| 374 | + } | |
| 375 | + } | |
| 376 | +} | |
| 377 | +/*board reset*/ | |
| 378 | +#boardContents { | |
| 379 | + padding:40px 0; | |
| 380 | +} | |
| 381 | +#boardContents h1, | |
| 382 | +#boardContents h2, | |
| 383 | +#boardContents h3, | |
| 384 | +#boardContents h4, | |
| 385 | +#boardContents h5, | |
| 386 | +#boardContents h6 { | |
| 387 | + margin: initial; | |
| 388 | + padding: initial; | |
| 389 | + line-height: 1.8em; | |
| 390 | +} | |
| 391 | +#boardContents h1 { | |
| 392 | + font-size: 2em; | |
| 393 | +} | |
| 394 | +#boardContents h2 { | |
| 395 | + font-size: 1.5em; | |
| 396 | +} | |
| 397 | +#boardContents h3 { | |
| 398 | + font-size: 1.17em; | |
| 399 | +} | |
| 400 | +#boardContents h4 { | |
| 401 | + font-size: 1em; | |
| 402 | +} | |
| 403 | +#boardContents h5 { | |
| 404 | + font-size: 0.83em; | |
| 405 | +} | |
| 406 | +#boardContents h6 { | |
| 407 | + font-size: 0.67em; | |
| 408 | +} | |
| 409 | +#boardContents ol, | |
| 410 | +#boardContents ol li { | |
| 411 | + list-style: decimal; | |
| 412 | +} | |
| 413 | +#boardContents ul, | |
| 414 | +#boardContents ul li { | |
| 415 | + list-style: disc; | |
| 416 | +} | |
| 417 | +#boardContents img { | |
| 418 | + max-width: 100%; | |
| 419 | + margin: 0 auto; | |
| 420 | +} | |
| 421 | +/* ------------------------------------------------- | |
| 422 | + - TABLET | |
| 423 | +------------------------------------------------- */ | |
| 424 | +@include tablet { | |
| 425 | + .list-type, | |
| 426 | + .list-type.sm { | |
| 427 | + font-size:var(--fs); | |
| 428 | + text-align: left; | |
| 429 | + thead { | |
| 430 | + display: none; | |
| 431 | + } | |
| 432 | + col, | |
| 433 | + thead th, | |
| 434 | + thead td, | |
| 435 | + tbody th, | |
| 436 | + tbody td { | |
| 437 | + display: inline-block; | |
| 438 | + width: auto; | |
| 439 | + border: none; | |
| 440 | + height: auto; | |
| 441 | + min-height: 0; | |
| 442 | + padding: 0; | |
| 443 | + margin-bottom: 8px; | |
| 444 | + min-height:0; | |
| 445 | + line-height: 1.3; | |
| 446 | + } | |
| 447 | + tbody { | |
| 448 | + tr { | |
| 449 | + display: block; | |
| 450 | + width: 100%; | |
| 451 | + border-bottom: 1px solid $gr80; | |
| 452 | + padding: 20px 0 16px; | |
| 453 | + } | |
| 454 | + td { | |
| 455 | + color:$gr500; | |
| 456 | + vertical-align: middle; | |
| 457 | + margin-right:16px; | |
| 458 | + &[data-tit]::before { | |
| 459 | + content: attr(data-tit) " : "; | |
| 460 | + display: inline-block; | |
| 461 | + margin-right:4px; | |
| 462 | + text-align: left; | |
| 463 | + color:$bk; | |
| 464 | + vertical-align: top; | |
| 465 | + font-weight: 500; | |
| 466 | + } | |
| 467 | + p { | |
| 468 | + display: inline-block; | |
| 469 | + } | |
| 470 | + // &::after { | |
| 471 | + // content: " "; | |
| 472 | + // margin:0 12px; | |
| 473 | + // display: inline-block; | |
| 474 | + // width: 1px; | |
| 475 | + // height: 10px; | |
| 476 | + // background-color: $gr100; | |
| 477 | + // vertical-align: middle; | |
| 478 | + // } | |
| 479 | + &:last-child::after { | |
| 480 | + display: none; | |
| 481 | + } | |
| 482 | + &.al { | |
| 483 | + display: block; | |
| 484 | + margin-right: 0; | |
| 485 | + > a { | |
| 486 | + font-size:15px; | |
| 487 | + } | |
| 488 | + &::after { | |
| 489 | + display: none; | |
| 490 | + } | |
| 491 | + } | |
| 492 | + &.bk { | |
| 493 | + font-size:15px; | |
| 494 | + color:$bk; | |
| 495 | + } | |
| 496 | + &.pcta { | |
| 497 | + display: none !important; | |
| 498 | + } | |
| 499 | + .fs-sm { | |
| 500 | + font-size:var(--fs); | |
| 501 | + } | |
| 502 | + } | |
| 503 | + .btn-cont { | |
| 504 | + display: flex; | |
| 505 | + justify-content: flex-start; | |
| 506 | + text-align: left; | |
| 507 | + } | |
| 508 | + .m-row { | |
| 509 | + display: block; | |
| 510 | + text-align: left; | |
| 511 | + padding-right:0; | |
| 512 | + margin-right:0; | |
| 513 | + &::after { | |
| 514 | + display: none; | |
| 515 | + } | |
| 516 | + } | |
| 517 | + .m-row-flex { | |
| 518 | + width: 100%; | |
| 519 | + display: flex; | |
| 520 | + padding-right:0; | |
| 521 | + margin-right:0; | |
| 522 | + align-items: center; | |
| 523 | + &[data-tit]::before { | |
| 524 | + flex-basis: content; | |
| 525 | + white-space: nowrap; | |
| 526 | + } | |
| 527 | + } | |
| 528 | + .m-bg { | |
| 529 | + background-color: $gr50; | |
| 530 | + border-radius: $radius; | |
| 531 | + padding:8px; | |
| 532 | + margin-top:12px; | |
| 533 | + margin-right:0; | |
| 534 | + .btn-cont { | |
| 535 | + justify-content: flex-end; | |
| 536 | + } | |
| 537 | + } | |
| 538 | + } | |
| 539 | + } | |
| 540 | + .write-type { | |
| 541 | + th, | |
| 542 | + td { | |
| 543 | + padding-left: 20px; | |
| 544 | + padding-right: 20px; | |
| 545 | + } | |
| 546 | + } | |
| 547 | +} | |
| 548 | + | |
| 549 | +/* ------------------------------------------------- | |
| 550 | + - mobile | |
| 551 | +------------------------------------------------- */ | |
| 552 | +@include mobile { | |
| 553 | + /* table */ | |
| 554 | + .hdnCol1 table colgroup col:nth-child(1), | |
| 555 | + .hdnCol2 table colgroup col:nth-child(2), | |
| 556 | + .hdnCol3 table colgroup col:nth-child(3), | |
| 557 | + .hdnCol4 table colgroup col:nth-child(4), | |
| 558 | + .hdnCol5 table colgroup col:nth-child(5), | |
| 559 | + .hdnCol6 table colgroup col:nth-child(6), | |
| 560 | + .hdnCol7 table colgroup col:nth-child(7), | |
| 561 | + .hdnCol8 table colgroup col:nth-child(8), | |
| 562 | + .hdnCol9 table colgroup col:nth-child(9), | |
| 563 | + .hdnCol10 table colgroup col:nth-child(10), | |
| 564 | + .hdnCol1 table tr th:nth-child(1), | |
| 565 | + .hdnCol2 table tr th:nth-child(2), | |
| 566 | + .hdnCol3 table tr th:nth-child(3), | |
| 567 | + .hdnCol4 table tr th:nth-child(4), | |
| 568 | + .hdnCol5 table tr th:nth-child(5), | |
| 569 | + .hdnCol6 table tr th:nth-child(6), | |
| 570 | + .hdnCol7 table tr th:nth-child(7), | |
| 571 | + .hdnCol8 table tr th:nth-child(8), | |
| 572 | + .hdnCol9 table tr th:nth-child(9), | |
| 573 | + .hdnCol10 table tr th:nth-child(10), | |
| 574 | + .hdnCol1 table tr td:nth-child(1), | |
| 575 | + .hdnCol2 table tr td:nth-child(2), | |
| 576 | + .hdnCol3 table tr td:nth-child(3), | |
| 577 | + .hdnCol4 table tr td:nth-child(4), | |
| 578 | + .hdnCol5 table tr td:nth-child(5), | |
| 579 | + .hdnCol6 table tr td:nth-child(6), | |
| 580 | + .hdnCol7 table tr td:nth-child(7), | |
| 581 | + .hdnCol8 table tr td:nth-child(8), | |
| 582 | + .hdnCol9 table tr td:nth-child(9), | |
| 583 | + .hdnCol10 table tr td:nth-child(10) { | |
| 584 | + display: none | |
| 585 | + } | |
| 586 | + | |
| 587 | + // table { | |
| 588 | + // th, | |
| 589 | + // td { | |
| 590 | + // font-size: 13px; | |
| 591 | + // } | |
| 592 | + // } | |
| 593 | + | |
| 594 | + div[class$=type] { | |
| 595 | + & + * { | |
| 596 | + margin-top: 40px; | |
| 597 | + } | |
| 598 | + | |
| 599 | + & + .btn-cont, | |
| 600 | + & + .paging, | |
| 601 | + & + .bullet { | |
| 602 | + margin-top: 20px; | |
| 603 | + } | |
| 604 | + } | |
| 605 | + | |
| 606 | + .table-tit { | |
| 607 | + font-size: 15px; | |
| 608 | + } | |
| 609 | + | |
| 610 | + .list-type { | |
| 611 | + font-size:12px; | |
| 612 | + tbody { | |
| 613 | + tr { | |
| 614 | + padding: 16px 0; | |
| 615 | + } | |
| 616 | + td { | |
| 617 | + &.al { | |
| 618 | + margin-right: 0; | |
| 619 | + > a { | |
| 620 | + font-size: 14px; | |
| 621 | + } | |
| 622 | + } | |
| 623 | + } | |
| 624 | + } | |
| 625 | + } | |
| 626 | + .msg { | |
| 627 | + font-size: var(--fs-sm); | |
| 628 | + } | |
| 629 | + .write-type { | |
| 630 | + table { | |
| 631 | + table-layout: auto; | |
| 632 | + overflow: hidden; | |
| 633 | + col, | |
| 634 | + colgroup { | |
| 635 | + display: none; | |
| 636 | + } | |
| 637 | + th, | |
| 638 | + td { | |
| 639 | + display: block; | |
| 640 | + width: 100%; | |
| 641 | + height: auto; | |
| 642 | + border: none; | |
| 643 | + line-height: 1.33; | |
| 644 | + text-align: left; | |
| 645 | + box-sizing: border-box; | |
| 646 | + overflow: hidden; | |
| 647 | + } | |
| 648 | + th { | |
| 649 | + padding: 12px; | |
| 650 | + } | |
| 651 | + | |
| 652 | + td { | |
| 653 | + padding: 8px 0; | |
| 654 | + border-bottom: 1px solid $gr80; | |
| 655 | + } | |
| 656 | + .btn { | |
| 657 | + height:40px; | |
| 658 | + line-height: 38px; | |
| 659 | + } | |
| 660 | + } | |
| 661 | + } | |
| 662 | + .write-type2 { | |
| 663 | + table { | |
| 664 | + tr { | |
| 665 | + padding:12px 0; | |
| 666 | + } | |
| 667 | + th { | |
| 668 | + padding:8px 0 0; | |
| 669 | + } | |
| 670 | + td { | |
| 671 | + padding:4px 0; | |
| 672 | + } | |
| 673 | + } | |
| 674 | + } | |
| 675 | + /* table : view-type */ | |
| 676 | + #boardContents { | |
| 677 | + padding: 20px 0; | |
| 678 | + } | |
| 679 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/component/_tabs.scss
... | ... | @@ -0,0 +1,67 @@ |
| 1 | +.tabs-normal .tabs-cont { | |
| 2 | + display: none; | |
| 3 | +} | |
| 4 | +.tabs-nav { | |
| 5 | + margin-bottom: 16px; | |
| 6 | + display: flex; | |
| 7 | + width: 100%; | |
| 8 | + border-left: 1px solid $gr100; | |
| 9 | + box-sizing: border-box; | |
| 10 | + li { | |
| 11 | + position: relative; | |
| 12 | + flex: 1; | |
| 13 | + text-align: center; | |
| 14 | + border: 1px solid $gr100; | |
| 15 | + border-left: none; | |
| 16 | + &:first-of-type { | |
| 17 | + border-radius: $radius 0 0 $radius; | |
| 18 | + a { | |
| 19 | + &.is-active { | |
| 20 | + &::before { | |
| 21 | + border-radius: $radius 0 0 $radius; | |
| 22 | + } | |
| 23 | + } | |
| 24 | + } | |
| 25 | + } | |
| 26 | + &:last-of-type { | |
| 27 | + border-radius: 0 $radius $radius 0; | |
| 28 | + a { | |
| 29 | + &.is-active { | |
| 30 | + &::before { | |
| 31 | + border-radius: 0 $radius $radius 0; | |
| 32 | + } | |
| 33 | + } | |
| 34 | + } | |
| 35 | + } | |
| 36 | + } | |
| 37 | + a { | |
| 38 | + position: relative; | |
| 39 | + display: flex; | |
| 40 | + height: 40px; | |
| 41 | + align-items: center; | |
| 42 | + justify-content: center; | |
| 43 | + background-color: #fff; | |
| 44 | + &.is-active { | |
| 45 | + opacity: 1; | |
| 46 | + color: $spot; | |
| 47 | + font-weight: $b; | |
| 48 | + &::before { | |
| 49 | + content: " "; | |
| 50 | + position: absolute; | |
| 51 | + top:-1px; | |
| 52 | + left:-1px; | |
| 53 | + right:-1px; | |
| 54 | + bottom:-1px; | |
| 55 | + border:1px solid $spot; | |
| 56 | + } | |
| 57 | + } | |
| 58 | + } | |
| 59 | +} | |
| 60 | + | |
| 61 | +@include mobile { | |
| 62 | + .tabs-nav { | |
| 63 | + a { | |
| 64 | + height: 32px; | |
| 65 | + } | |
| 66 | + } | |
| 67 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Black.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Black.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Bold.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Bold.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-ExtraBold.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-ExtraBold.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-ExtraLight.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-ExtraLight.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Light.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Light.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Medium.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Medium.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Regular.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Regular.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-SemiBold.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-SemiBold.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Thin.woff
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/font/Pretendard-Thin.woff2
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/css/layout/_body.scss
... | ... | @@ -0,0 +1,53 @@ |
| 1 | +/* layout */ | |
| 2 | +.wrap { | |
| 3 | + position: relative; | |
| 4 | + padding-left:var(--wrap-gap); | |
| 5 | + padding-right:var(--wrap-gap); | |
| 6 | +} | |
| 7 | + | |
| 8 | +.site-body { | |
| 9 | + padding-top:60px; | |
| 10 | + height: 100%; | |
| 11 | + box-sizing: border-box; | |
| 12 | +} | |
| 13 | + | |
| 14 | +.container { | |
| 15 | + display: flex; | |
| 16 | + min-height: 100%; | |
| 17 | + flex-direction: column; | |
| 18 | + justify-content: space-between; | |
| 19 | + gap:0 80px; | |
| 20 | + .contents { | |
| 21 | + flex:1; | |
| 22 | + min-width: 0; | |
| 23 | + } | |
| 24 | +} | |
| 25 | +.lnb-area ~ .container { | |
| 26 | + padding-left:240px; | |
| 27 | +} | |
| 28 | +.section { | |
| 29 | + margin-bottom:72px; | |
| 30 | + &:last-child { | |
| 31 | + margin-bottom:0; | |
| 32 | + } | |
| 33 | +} | |
| 34 | +.contents { | |
| 35 | + padding:40px 24px; | |
| 36 | +} | |
| 37 | + | |
| 38 | +/* ------------------------------------------------- | |
| 39 | + - TABLET | |
| 40 | +------------------------------------------------- */ | |
| 41 | +@include tablet { | |
| 42 | + .section { | |
| 43 | + margin-bottom:60px; | |
| 44 | + } | |
| 45 | +} | |
| 46 | +/* ------------------------------------------------- | |
| 47 | + - mobile | |
| 48 | +------------------------------------------------- */ | |
| 49 | +@include mobile { | |
| 50 | + .section { | |
| 51 | + margin-bottom:48px; | |
| 52 | + } | |
| 53 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/layout/_header.scss
... | ... | @@ -0,0 +1,38 @@ |
| 1 | +.site-header { | |
| 2 | + height: 60px; | |
| 3 | + background-color: #fff; | |
| 4 | + box-shadow: $shadow; | |
| 5 | + display: flex; | |
| 6 | + align-items: center; | |
| 7 | + justify-content: space-between; | |
| 8 | + padding:0 var(--wrap-gap); | |
| 9 | + position: fixed; | |
| 10 | + top:0; | |
| 11 | + width: 100%; | |
| 12 | + box-sizing: border-box; | |
| 13 | + z-index: 10; | |
| 14 | + min-width: 1280px; | |
| 15 | + .l-area { | |
| 16 | + display: flex; | |
| 17 | + gap:40px; | |
| 18 | + align-items: center; | |
| 19 | + } | |
| 20 | + .util { | |
| 21 | + display: flex; | |
| 22 | + gap:8px; | |
| 23 | + } | |
| 24 | +} | |
| 25 | +.site-gnb { | |
| 26 | + ul { | |
| 27 | + display: flex; | |
| 28 | + gap:40px; | |
| 29 | + font-size:17px; | |
| 30 | + font-weight: 600; | |
| 31 | + a { | |
| 32 | + &.is-current, | |
| 33 | + &:hover { | |
| 34 | + color:$spot; | |
| 35 | + } | |
| 36 | + } | |
| 37 | + } | |
| 38 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/layout/_lnb.scss
... | ... | @@ -0,0 +1,76 @@ |
| 1 | +.lnb-area { | |
| 2 | + background-color: $spot2; | |
| 3 | + justify-content: stretch; | |
| 4 | + position: fixed; | |
| 5 | + top:60px; | |
| 6 | + bottom:0; | |
| 7 | + overflow-y: auto; | |
| 8 | + box-sizing: border-box; | |
| 9 | + width: 240px; | |
| 10 | + padding:24px 0; | |
| 11 | + font-size:15px; | |
| 12 | + a { | |
| 13 | + display: flex; | |
| 14 | + align-items: center; | |
| 15 | + color:#B8BEDB; | |
| 16 | + &.is-current { | |
| 17 | + color:#fff; | |
| 18 | + font-weight: 700; | |
| 19 | + } | |
| 20 | + } | |
| 21 | +} | |
| 22 | +.lnb { | |
| 23 | + > ul { | |
| 24 | + >li { | |
| 25 | + position: relative; | |
| 26 | + > a { | |
| 27 | + align-items: center; | |
| 28 | + min-height: 48px; | |
| 29 | + padding:8px 40px 8px 16px; | |
| 30 | + box-sizing: border-box; | |
| 31 | + font-weight: 700; | |
| 32 | + color:#fff; | |
| 33 | + &.is-current { | |
| 34 | + position: relative; | |
| 35 | + background-color: #353C5E; | |
| 36 | + &:before { | |
| 37 | + content: " "; | |
| 38 | + position: absolute; | |
| 39 | + top:0; | |
| 40 | + left:0; | |
| 41 | + bottom:0; | |
| 42 | + width: 4px; | |
| 43 | + background-color: $spot; | |
| 44 | + } | |
| 45 | + } | |
| 46 | + } | |
| 47 | + &.is-active { | |
| 48 | + ul { | |
| 49 | + height: auto; | |
| 50 | + &::before { | |
| 51 | + transform: rotate(-180deg); | |
| 52 | + } | |
| 53 | + } | |
| 54 | + } | |
| 55 | + } | |
| 56 | + ul { | |
| 57 | + height:0; | |
| 58 | + overflow: hidden; | |
| 59 | + &::before { | |
| 60 | + content: " "; | |
| 61 | + position: absolute; | |
| 62 | + right:16px; | |
| 63 | + top:12px; | |
| 64 | + width: 24px; | |
| 65 | + height: 24px; | |
| 66 | + @include ico(16, arrow-down, wh); | |
| 67 | + z-index: 1; | |
| 68 | + opacity: .5; | |
| 69 | + transition: all .5s; | |
| 70 | + } | |
| 71 | + a { | |
| 72 | + padding:8px 24px; | |
| 73 | + } | |
| 74 | + } | |
| 75 | + } | |
| 76 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/page/_main.scss
... | ... | @@ -0,0 +1,294 @@ |
| 1 | +.mn-top { | |
| 2 | + padding-top: 24px; | |
| 3 | + padding-bottom:36px; | |
| 4 | + background-color: $gr50; | |
| 5 | + margin-top:-60px; | |
| 6 | + margin-bottom: 50px; | |
| 7 | +} | |
| 8 | +.mn-top .mn-sch .mn-sch-box { | |
| 9 | + max-width: 500px; | |
| 10 | + width: 100%; | |
| 11 | + margin: 0 auto; | |
| 12 | +} | |
| 13 | +.mn-top .mn-sch .mn-sch-box input { | |
| 14 | + width: calc(100% - 50px); | |
| 15 | + border: none; | |
| 16 | + background: none; | |
| 17 | + border-bottom: 2px solid #005183; | |
| 18 | + border-radius: 0; | |
| 19 | + padding-left:0; | |
| 20 | +} | |
| 21 | +.mn-top .mn-sch .mn-sch-box .btn-sch { | |
| 22 | + display: inline-block; | |
| 23 | + background: url(../image/main/icon_sch.png) no-repeat; | |
| 24 | + width: 30px; | |
| 25 | + height: 30px; | |
| 26 | + text-indent: -9999em; | |
| 27 | + margin-left: 16px; | |
| 28 | +} | |
| 29 | + | |
| 30 | +.filter-area { | |
| 31 | + position: absolute; | |
| 32 | + margin-left:-240px; | |
| 33 | + top:0; | |
| 34 | + bottom:0; | |
| 35 | +} | |
| 36 | +.filter-btn-cont { | |
| 37 | + .l-area { | |
| 38 | + display: none; | |
| 39 | + } | |
| 40 | +} | |
| 41 | +.filter-area .btn-close { | |
| 42 | + display: none; | |
| 43 | + position: absolute; | |
| 44 | + top: 0; | |
| 45 | + left: 210px; | |
| 46 | +} | |
| 47 | +.filter { | |
| 48 | + position: sticky; | |
| 49 | + top: 20px; | |
| 50 | + width: 200px; | |
| 51 | + border: 1px solid #e7e7e7; | |
| 52 | + background: #f3f3f3; | |
| 53 | + border-radius: 10px; | |
| 54 | +} | |
| 55 | +.filter-cont { | |
| 56 | + padding: 15px; | |
| 57 | + max-height: calc(100vh - 80px); | |
| 58 | + overflow-y: auto; | |
| 59 | + box-sizing: border-box; | |
| 60 | +} | |
| 61 | +.filter h3 { | |
| 62 | + position: relative; | |
| 63 | + height: 40px; | |
| 64 | + line-height: 40px; | |
| 65 | + padding-left: 40px; | |
| 66 | + color: #333; | |
| 67 | + font-size: 15px; | |
| 68 | + border-bottom: 1px solid #e7e7e7; | |
| 69 | + box-sizing: border-box; | |
| 70 | +} | |
| 71 | +.filter h3:before { | |
| 72 | + content: " "; | |
| 73 | + position: absolute; | |
| 74 | + left:15px; | |
| 75 | + top:13px; | |
| 76 | + @include ico(16, filter); | |
| 77 | +} | |
| 78 | +.filter section { | |
| 79 | + position: relative; | |
| 80 | + margin-bottom: 15px; | |
| 81 | +} | |
| 82 | +.filter h4 { | |
| 83 | + font-size: 14px; | |
| 84 | + color: #000; | |
| 85 | + padding-bottom: 5px; | |
| 86 | + height: 30px; | |
| 87 | + line-height: 30px; | |
| 88 | +} | |
| 89 | +.filter ul { | |
| 90 | + font-size: 0; | |
| 91 | + width: calc(100% + 5px); | |
| 92 | + margin-left: -5px; | |
| 93 | +} | |
| 94 | +.filter ul li { | |
| 95 | + display: inline-block; | |
| 96 | + width: calc((100% - 10px) / 2); | |
| 97 | + margin-left: 5px; | |
| 98 | + margin-bottom: 5px; | |
| 99 | +} | |
| 100 | +.filter .option-tbl { | |
| 101 | + display: table; | |
| 102 | + width: calc(100% + 4px); | |
| 103 | + margin-left: -2px; | |
| 104 | + border-spacing: 2px; | |
| 105 | +} | |
| 106 | +.filter .option-tbl li { | |
| 107 | + display: table-cell; | |
| 108 | + margin: 0; | |
| 109 | +} | |
| 110 | +.filter button { | |
| 111 | + display: block; | |
| 112 | + width: 100%; | |
| 113 | + height: 30px; | |
| 114 | + line-height: 28px; | |
| 115 | + border: 1px solid #dadde7; | |
| 116 | + color: #555; | |
| 117 | + border-radius: 5px; | |
| 118 | + text-align: center; | |
| 119 | + background: #fff; | |
| 120 | + box-sizing: border-box; | |
| 121 | +} | |
| 122 | +.filter .btn-all { | |
| 123 | + position: absolute; | |
| 124 | + top: 0; | |
| 125 | + right: 0; | |
| 126 | + display: block; | |
| 127 | + width: calc((100% - 5px) / 2); | |
| 128 | +} | |
| 129 | +.filter button.on { | |
| 130 | + border: 1px solid #013f90; | |
| 131 | + background-color: #013f90; | |
| 132 | + color:#fff; | |
| 133 | +} | |
| 134 | +.cont-list { | |
| 135 | + font-size: 0; | |
| 136 | + width: calc(100% + 15px); | |
| 137 | + margin-left: -15px; | |
| 138 | +} | |
| 139 | +.cont-list li { | |
| 140 | + display: inline-block; | |
| 141 | + vertical-align: top; | |
| 142 | + width: calc((100% - 60px) / 4); | |
| 143 | + margin-bottom: 20px; | |
| 144 | + border: 1px solid #e7e7e7; | |
| 145 | + text-align: center; | |
| 146 | + padding-bottom: 10px; | |
| 147 | + margin-left: 15px; | |
| 148 | + box-sizing: border-box; | |
| 149 | +} | |
| 150 | +.cont-list li.full { | |
| 151 | + width: 100%; | |
| 152 | +} | |
| 153 | +.cont-list li figure { | |
| 154 | + position: relative; | |
| 155 | + width: 100%; | |
| 156 | + height: 0; | |
| 157 | + padding-top:56.25%; | |
| 158 | + overflow: hidden; | |
| 159 | +} | |
| 160 | +.cont-list li img { | |
| 161 | + position: absolute; | |
| 162 | + top:0; | |
| 163 | + left:0; | |
| 164 | + right:0; | |
| 165 | + bottom:0; | |
| 166 | + width: 100%; | |
| 167 | + height: 100%; | |
| 168 | + object-fit: cover; | |
| 169 | +} | |
| 170 | +.cont-list li img:hover { | |
| 171 | + transition-duration: .3s; | |
| 172 | + transform: scale(1.05); | |
| 173 | +} | |
| 174 | +.cont-list li .tit { | |
| 175 | + display: block; | |
| 176 | + padding: 0 10px; | |
| 177 | + margin-top: 15px; | |
| 178 | + color: #000; | |
| 179 | + font-size: 15px; | |
| 180 | + overflow: hidden; | |
| 181 | + text-overflow: ellipsis; | |
| 182 | + white-space: nowrap; | |
| 183 | + font-weight: 400; | |
| 184 | + text-align: left; | |
| 185 | +} | |
| 186 | +.cont-list li .tit strong { | |
| 187 | + font-size: 18px; | |
| 188 | + font-weight: 600; | |
| 189 | +} | |
| 190 | +.cont-list li .time { | |
| 191 | + display: block; | |
| 192 | + color: #999; | |
| 193 | + font-size: 12px; | |
| 194 | +} | |
| 195 | + | |
| 196 | +/* ------------------------------------------------- | |
| 197 | + - PC MAX-WIDHT 1660 | |
| 198 | +------------------------------------------------- */ | |
| 199 | +@media screen and (max-width:1660px) { | |
| 200 | + .filter-btn-cont { | |
| 201 | + .l-area { | |
| 202 | + display: block; | |
| 203 | + } | |
| 204 | + } | |
| 205 | + .filter-area{ | |
| 206 | + display: none; | |
| 207 | + position: relative; | |
| 208 | + z-index: 11; | |
| 209 | + margin:0; | |
| 210 | + left:0; | |
| 211 | + } | |
| 212 | + .filter-area.is-active { | |
| 213 | + display: block; | |
| 214 | + } | |
| 215 | + .filter-area .btn-close { | |
| 216 | + display: block; | |
| 217 | + position: fixed; | |
| 218 | + top: 12px; | |
| 219 | + left: 212px; | |
| 220 | + text-indent: -9999px; | |
| 221 | + width: 24px; | |
| 222 | + height: 24px; | |
| 223 | + &::before { | |
| 224 | + content: " "; | |
| 225 | + position: absolute; | |
| 226 | + top:0; | |
| 227 | + left:0; | |
| 228 | + width: 24px; | |
| 229 | + height: 24px; | |
| 230 | + @include ico(24,close,wh) | |
| 231 | + } | |
| 232 | + } | |
| 233 | + .filter-area .filter { | |
| 234 | + position: fixed; | |
| 235 | + top: 0; | |
| 236 | + left: 0; | |
| 237 | + bottom: 0; | |
| 238 | + width: 200px; | |
| 239 | + border: 1px solid #e7e7e7; | |
| 240 | + background: #f3f3f3; | |
| 241 | + border-radius: 0; | |
| 242 | + z-index: 1; | |
| 243 | + } | |
| 244 | + .filter-dim { | |
| 245 | + display: block; | |
| 246 | + position: fixed; | |
| 247 | + left: 0; | |
| 248 | + right: 0; | |
| 249 | + top: 0; | |
| 250 | + bottom: 0; | |
| 251 | + width: 100vw; | |
| 252 | + height: 100vh; | |
| 253 | + z-index: 0; | |
| 254 | + background: rgba(0,0,0,.5); | |
| 255 | + } | |
| 256 | + .filter-cont { | |
| 257 | + max-height: calc(100vh - 40px); | |
| 258 | + } | |
| 259 | +} | |
| 260 | +@include tablet { | |
| 261 | + .filter-btn-cont { | |
| 262 | + flex-direction: row; | |
| 263 | + .r-area { | |
| 264 | + order:2; | |
| 265 | + justify-content: flex-end; | |
| 266 | + } | |
| 267 | + } | |
| 268 | +} | |
| 269 | +@include mobile { | |
| 270 | + .mn-top { | |
| 271 | + margin-top:-24px; | |
| 272 | + margin-bottom:24px; | |
| 273 | + padding-top:16px; | |
| 274 | + } | |
| 275 | + .cont-list { | |
| 276 | + width: calc(100% + 10px); | |
| 277 | + margin-left: -10px; | |
| 278 | + } | |
| 279 | + .cont-list li { | |
| 280 | + width: calc((100% - 30px) / 3); | |
| 281 | + margin-left: 10px; | |
| 282 | + } | |
| 283 | + .cont-list li .tit { | |
| 284 | + margin-top: 10px; | |
| 285 | + } | |
| 286 | +}; | |
| 287 | + | |
| 288 | +@media screen and (max-width:480px) { | |
| 289 | + .cont-list, | |
| 290 | + .cont-list li { | |
| 291 | + width: 100%; | |
| 292 | + margin-left: 0; | |
| 293 | + } | |
| 294 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/page/_sol.scss
... | ... | @@ -0,0 +1,134 @@ |
| 1 | + | |
| 2 | +.test-list{ | |
| 3 | + display: flex; | |
| 4 | + flex-wrap: wrap; | |
| 5 | + gap: 12px 8px; | |
| 6 | + li { | |
| 7 | + flex-basis: calc((100% - 8px) / 2); | |
| 8 | + display: flex; | |
| 9 | + flex-direction: column; | |
| 10 | + gap:24px; | |
| 11 | + justify-content: center; | |
| 12 | + .cont { | |
| 13 | + display: flex; | |
| 14 | + align-items: center; | |
| 15 | + gap: 24px; | |
| 16 | + } | |
| 17 | + position: relative; | |
| 18 | + padding: 24px 32px; | |
| 19 | + box-sizing: border-box; | |
| 20 | + border-radius: 8px; | |
| 21 | + border: 1px solid $gr100; | |
| 22 | + min-width: 0; | |
| 23 | + .btn-flex-cont{ | |
| 24 | + margin:0; | |
| 25 | + } | |
| 26 | + .txt-area { | |
| 27 | + flex: 1; | |
| 28 | + .label-area { | |
| 29 | + margin-bottom: 12px; | |
| 30 | + } | |
| 31 | + h3 { | |
| 32 | + font-size: 18px; | |
| 33 | + font-weight: 500; | |
| 34 | + word-break: keep-all; | |
| 35 | + @include ellipsis(2, 1.25); | |
| 36 | + } | |
| 37 | + small { | |
| 38 | + display: block; | |
| 39 | + font-size: 12px; | |
| 40 | + margin-top: 4px; | |
| 41 | + } | |
| 42 | + .profile-area { | |
| 43 | + margin-top: 16px; | |
| 44 | + gap: 8px; | |
| 45 | + .img-area { | |
| 46 | + width: 24px; | |
| 47 | + height: 24px; | |
| 48 | + } | |
| 49 | + .txt-area { | |
| 50 | + cite { | |
| 51 | + font-size: 12px; | |
| 52 | + color: $gr500; | |
| 53 | + } | |
| 54 | + } | |
| 55 | + } | |
| 56 | + } | |
| 57 | + .score { | |
| 58 | + color: $gr500; | |
| 59 | + background-color: $gr50; | |
| 60 | + width: 100px; | |
| 61 | + height: 100px; | |
| 62 | + line-height: 100px; | |
| 63 | + text-align: center; | |
| 64 | + border-radius: 16px; | |
| 65 | + em { | |
| 66 | + font-size: 24px; | |
| 67 | + font-weight: $b; | |
| 68 | + color: $gr500; | |
| 69 | + } | |
| 70 | + } | |
| 71 | + } | |
| 72 | +} | |
| 73 | + | |
| 74 | +dl.summary { | |
| 75 | + display: flex; | |
| 76 | + background-color: $gr50; | |
| 77 | + padding: 16px 24px; | |
| 78 | + border-radius: $radius; | |
| 79 | + margin-bottom: 16px; | |
| 80 | + dt { | |
| 81 | + font-weight: 700; | |
| 82 | + margin-right: 16px; | |
| 83 | + } | |
| 84 | + dd { | |
| 85 | + margin-right: 80px; | |
| 86 | + } | |
| 87 | +} | |
| 88 | + | |
| 89 | +.q-file-img { | |
| 90 | + position: relative; | |
| 91 | + max-width: 60%; | |
| 92 | + .img-fnc { | |
| 93 | + position: absolute; | |
| 94 | + display: flex; | |
| 95 | + gap: 4px; | |
| 96 | + right: 16px; | |
| 97 | + bottom: 16px; | |
| 98 | + padding: 0; | |
| 99 | + font-size: 0; | |
| 100 | + } | |
| 101 | +} | |
| 102 | +.a-cont { | |
| 103 | + .q-file-img { | |
| 104 | + max-width: 320px; | |
| 105 | + } | |
| 106 | +} | |
| 107 | + | |
| 108 | +// 모바일 | |
| 109 | +@include mobile { | |
| 110 | + .test-list { | |
| 111 | + gap: 8px; | |
| 112 | + li{ | |
| 113 | + flex-basis: 100%; | |
| 114 | + padding: 20px 16px; | |
| 115 | + .txt-area { | |
| 116 | + .label-area { | |
| 117 | + margin-bottom: 8px; | |
| 118 | + } | |
| 119 | + h3 { | |
| 120 | + font-size: 15px; | |
| 121 | + } | |
| 122 | + } | |
| 123 | + .num { | |
| 124 | + font-size: 12px; | |
| 125 | + width: 80px; | |
| 126 | + height: 80px; | |
| 127 | + line-height: 80px; | |
| 128 | + em { | |
| 129 | + font-size: 18px; | |
| 130 | + } | |
| 131 | + } | |
| 132 | + } | |
| 133 | + } | |
| 134 | +}(파일 끝에 줄바꿈 문자 없음) |
+++ base/src/main/webapp/resources/front/manage/css/page/_sub.scss
... | ... | @@ -0,0 +1,0 @@ |
+++ base/src/main/webapp/resources/front/manage/css/style.css
| This file is too big to display. |
+++ base/src/main/webapp/resources/front/manage/css/style.css.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/style.min.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/style.scss
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/vendors/_vendor-cus.scss
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/vendors/animate.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/vendors/animate.min.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/vendors/swiper-bundle.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/vendors/swiper-bundle.min.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/css/vendors/tagify.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/arr.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/btn_star.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico16x16.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico24x24.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico_file.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico_new.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico_painter.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico_painter_bar.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/ico_q_check.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_caution.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_check.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_confirm.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_cont_none.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_error.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_notice.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_painter.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_user.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/img_warning.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/loading.gif
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/image/common/loading.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/sel_arr.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/sel_lnb.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/common/txt_none.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/logo/logo.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/image/temp/thumb1.jpg
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/image/temp/thumb2.jpg
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/image/temp/thumb3.jpg
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/image/temp/thumb4.jpg
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/js/ScrollMagic.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/TweenMax.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/_layout.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/animation.gsap.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/brush.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/common.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/global.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/html2canvas.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jQuery.tagify.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jcanvas.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jquery-3.6.0.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jquery-ui.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jquery.easing.1.3.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jquery.ui.touch-punch.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/jspdf.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/painter.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/ssm.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/ssm.min.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/swiper-bundle.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/swiper-bundle.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/swiper.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/swiper.min.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/js/tagify.min.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/LICENSE
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/build/pdf.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/build/pdf.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/build/pdf.sandbox.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/build/pdf.sandbox.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/build/pdf.worker.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/build/pdf.worker.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78ms-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/78ms-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/83pv-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/90ms-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/90ms-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/90msp-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/90msp-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/90pv-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/90pv-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Add-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Add-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Add-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Add-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-0.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-1.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-3.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-4.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-5.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-6.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-CNS1-UCS2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-0.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-1.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-3.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-4.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-5.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-GB1-UCS2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-0.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-1.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-3.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-4.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-5.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-6.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Japan1-UCS2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Korea1-0.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Korea1-1.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Korea1-2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Adobe-Korea1-UCS2.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/B5pc-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/B5pc-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/CNS-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/CNS-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/CNS1-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/CNS1-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/CNS2-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/CNS2-V.bcmap
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/ETHK-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/ETHK-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/ETen-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/ETen-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/ETenms-B5-H.bcmap
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/ETenms-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Ext-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Ext-RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Ext-RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Ext-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GB-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GB-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GB-H.bcmap
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GB-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBK-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBK-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBK2K-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBK2K-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBKp-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBKp-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBT-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBT-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBT-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBT-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBTpc-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBTpc-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBpc-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/GBpc-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKdla-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKdla-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKdlb-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKdlb-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKgccs-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKgccs-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKm314-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKm314-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKm471-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKm471-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKscs-B5-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/HKscs-B5-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Hankaku.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Hiragana.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSC-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSC-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSC-Johab-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSC-Johab-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSCms-UHC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSCms-UHC-HW-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSCms-UHC-HW-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSCms-UHC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSCpc-EUC-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/KSCpc-EUC-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Katakana.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/LICENSE
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/NWP-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/NWP-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/RKSJ-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/RKSJ-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/Roman.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UCS2-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UCS2-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UTF16-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UTF16-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UTF8-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniCNS-UTF8-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UCS2-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UCS2-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UTF16-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UTF16-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UTF8-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniGB-UTF8-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UCS2-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UCS2-HW-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UCS2-HW-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UCS2-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UTF16-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UTF16-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UTF8-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS-UTF8-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS2004-UTF16-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS2004-UTF16-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS2004-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS2004-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS2004-UTF8-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJIS2004-UTF8-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISPro-UCS2-HW-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISPro-UCS2-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISPro-UTF8-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISX0213-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISX0213-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISX02132004-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniJISX02132004-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UCS2-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UCS2-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UTF16-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UTF16-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UTF32-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UTF32-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UTF8-H.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/UniKS-UTF8-V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/V.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/cmaps/WP-Symbol.bcmap
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/compressed.tracemonkey-pldi-09.pdf
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/debugger.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/debugger.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-check.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-comment.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-help.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-insert.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-key.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-newparagraph.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-noicon.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-note.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/annotation-paragraph.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/cursor-editorInk.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/findbarButton-next.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/findbarButton-previous.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/loading-dark.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/loading-icon.gif
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/loading.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-documentProperties.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-firstPage.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-handTool.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-lastPage.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-rotateCcw.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-rotateCw.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-scrollHorizontal.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-scrollPage.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-scrollVertical.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-scrollWrapped.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-selectTool.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-spreadEven.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-spreadNone.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/secondaryToolbarButton-spreadOdd.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/shadow.png
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-bookmark.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-currentOutlineItem.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-download.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-editorFreeText.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-editorInk.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-openFile.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-pageDown.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-pageUp.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-presentationMode.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-print.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-search.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-secondaryToolbarToggle.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-viewAttachments.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-viewLayers.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-viewOutline.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-viewThumbnail.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-zoomIn.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/toolbarButton-zoomOut.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/treeitem-collapsed.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/images/treeitem-expanded.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/logo.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-pageDown.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-pageUp.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-presentationMode.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-search.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-secondaryToolbarToggle.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-zoomIn.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/imagesCus/toolbarButton-zoomOut.svg
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ach/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/af/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/an/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ar/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ast/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/az/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/be/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/bg/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/bn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/bo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/br/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/brx/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/bs/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ca/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/cak/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ckb/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/cs/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/cy/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/da/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/de/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/dsb/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/el/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/en-CA/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/en-GB/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/en-US/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/eo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/es-AR/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/es-CL/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/es-ES/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/es-MX/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/et/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/eu/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/fa/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ff/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/fi/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/fr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/fy-NL/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ga-IE/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/gd/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/gl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/gn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/gu-IN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/he/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/hi-IN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/hr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/hsb/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/hu/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/hy-AM/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/hye/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ia/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/id/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/is/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/it/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ja/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ka/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/kab/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/kk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/km/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/kn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ko/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/lij/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/lo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/locale.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/lt/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ltg/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/lv/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/meh/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/mk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/mr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ms/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/my/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/nb-NO/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ne-NP/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/nl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/nn-NO/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/oc/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/pa-IN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/pl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/pt-BR/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/pt-PT/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/rm/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ro/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ru/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sat/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sc/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/scn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sco/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/si/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/son/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sq/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/sv-SE/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/szl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ta/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/te/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/tg/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/th/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/tl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/tr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/trs/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/uk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/ur/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/uz/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/vi/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/wo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/xh/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/zh-CN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/locale/zh-TW/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitDingbats.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitFixed.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitFixedBold.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitFixedBoldItalic.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitFixedItalic.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSans.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSansBold.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSansBoldItalic.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSansItalic.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSerif.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSerifBold.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSerifBoldItalic.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSerifItalic.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/FoxitSymbol.pfb
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/LICENSE_FOXIT
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/LICENSE_LIBERATION
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/LiberationSans-Bold.ttf
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/LiberationSans-BoldItalic.ttf
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/LiberationSans-Italic.ttf
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/standard_fonts/LiberationSans-Regular.ttf
| Binary file is not shown |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/viewer.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/viewer.html
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/viewer.js
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/viewer.js.map
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/viewerCus.css
| This diff is skipped because there are too many other diffs. |
+++ base/src/main/webapp/resources/front/manage/vendors/pdfjs/web/viewerCus.html
| This diff is skipped because there are too many other diffs. |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?