From e4d12f8167177fe947065d1444aa0f88f136f9a2 Mon Sep 17 00:00:00 2001 From: JIWOO Date: Thu, 8 Aug 2024 17:50:01 +0900 Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=9A=B0=20-=20AS-IS?= =?UTF-8?q?=EB=89=B4=EC=8A=A4=EB=A0=88=ED=84=B0=20=EA=B2=8C=EC=8B=9C?= =?UTF-8?q?=ED=8C=90=20=EB=AA=A9=EB=A1=9D=20=EB=A9=94=EB=89=B4=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/java/kcc/com/cmm/util/Criteria.java | 33 - .../web/EgovMenuCreateManageController.java | 1 - .../com/gtm/board/CaseBoardController.java | 4 +- .../java/seed/com/gtm/util/PageMaker.java | 8 +- .../java/seed/com/gtm/util/SeedCriteria.java | 42 + src/main/webapp/WEB-INF/decorators.xml | 1 + .../WEB-INF/jsp/_extra/gtm/board/list.jsp | 26 + .../WEB-INF/jsp/_extra/gtm/board/write.jsp | 26 + src/main/webapp/css/seed/UserConfig.css | 45 + src/main/webapp/css/seed/animate.css | 3272 +++++++++++++++++ src/main/webapp/css/seed/button.css | 136 + src/main/webapp/css/seed/catpcha.css | 25 + src/main/webapp/css/seed/clipreport.css | 990 +++++ src/main/webapp/css/seed/clipreport_png.css | 989 +++++ src/main/webapp/css/seed/eform.css | 572 +++ src/main/webapp/css/seed/font.css | 25 + src/main/webapp/css/seed/gtmHolyCalendar.css | 28 + src/main/webapp/css/seed/jquery-ui.css | 1184 ++++++ src/main/webapp/css/seed/jquery-ui.min.css | 7 + src/main/webapp/css/seed/layout.css | 273 ++ src/main/webapp/css/seed/picker.default.css | 71 + .../webapp/css/seed/picker.default.date.css | 115 + src/main/webapp/css/seed/reset.css | 42 + src/main/webapp/css/seed/search.css | 254 ++ src/main/webapp/css/seed/seed.contents.css | 2103 +++++++++++ src/main/webapp/css/seed/seed.layout.css | 318 ++ src/main/webapp/css/seed/seed.mediaquery.css | 414 +++ src/main/webapp/css/seed/seed.reset.css | 614 ++++ src/main/webapp/css/seed/slick.css | 119 + src/main/webapp/css/seed/smartPop.css | 134 + src/main/webapp/css/seed/space.css | 1 + src/main/webapp/css/seed/total.css | 64 + src/main/webapp/img/pagination_big_first.png | Bin 0 -> 3450 bytes src/main/webapp/img/pagination_big_last.png | Bin 0 -> 3470 bytes src/main/webapp/img/pagination_big_next.png | Bin 0 -> 1373 bytes src/main/webapp/img/pagination_big_prev.png | Bin 0 -> 1382 bytes .../webapp/img/pagination_small_first.png | Bin 0 -> 2997 bytes src/main/webapp/img/pagination_small_last.png | Bin 0 -> 3000 bytes src/main/webapp/img/pagination_small_next.png | Bin 0 -> 1169 bytes src/main/webapp/img/pagination_small_prev.png | Bin 0 -> 1170 bytes 40 files changed, 11895 insertions(+), 41 deletions(-) create mode 100644 src/main/java/seed/com/gtm/util/SeedCriteria.java create mode 100644 src/main/webapp/css/seed/UserConfig.css create mode 100644 src/main/webapp/css/seed/animate.css create mode 100644 src/main/webapp/css/seed/button.css create mode 100644 src/main/webapp/css/seed/catpcha.css create mode 100644 src/main/webapp/css/seed/clipreport.css create mode 100644 src/main/webapp/css/seed/clipreport_png.css create mode 100644 src/main/webapp/css/seed/eform.css create mode 100644 src/main/webapp/css/seed/font.css create mode 100644 src/main/webapp/css/seed/gtmHolyCalendar.css create mode 100644 src/main/webapp/css/seed/jquery-ui.css create mode 100644 src/main/webapp/css/seed/jquery-ui.min.css create mode 100644 src/main/webapp/css/seed/layout.css create mode 100644 src/main/webapp/css/seed/picker.default.css create mode 100644 src/main/webapp/css/seed/picker.default.date.css create mode 100644 src/main/webapp/css/seed/reset.css create mode 100644 src/main/webapp/css/seed/search.css create mode 100644 src/main/webapp/css/seed/seed.contents.css create mode 100644 src/main/webapp/css/seed/seed.layout.css create mode 100644 src/main/webapp/css/seed/seed.mediaquery.css create mode 100644 src/main/webapp/css/seed/seed.reset.css create mode 100644 src/main/webapp/css/seed/slick.css create mode 100644 src/main/webapp/css/seed/smartPop.css create mode 100644 src/main/webapp/css/seed/space.css create mode 100644 src/main/webapp/css/seed/total.css create mode 100644 src/main/webapp/img/pagination_big_first.png create mode 100644 src/main/webapp/img/pagination_big_last.png create mode 100644 src/main/webapp/img/pagination_big_next.png create mode 100644 src/main/webapp/img/pagination_big_prev.png create mode 100644 src/main/webapp/img/pagination_small_first.png create mode 100644 src/main/webapp/img/pagination_small_last.png create mode 100644 src/main/webapp/img/pagination_small_next.png create mode 100644 src/main/webapp/img/pagination_small_prev.png diff --git a/src/main/java/kcc/com/cmm/util/Criteria.java b/src/main/java/kcc/com/cmm/util/Criteria.java index 2a5de7d2..646fb74c 100644 --- a/src/main/java/kcc/com/cmm/util/Criteria.java +++ b/src/main/java/kcc/com/cmm/util/Criteria.java @@ -81,10 +81,6 @@ public class Criteria implements Serializable { /** 메뉴번호 */ private Integer menuNo; - /** 분쟁조정 as-is */ - private int page; - private int perPageNum; - /** * 기본생성자 */ @@ -376,33 +372,4 @@ public class Criteria implements Serializable { return ToStringBuilder.reflectionToString(this); } - public void setPage(int page){ - if(page <= 0){ - this.page = 1; - return; - } - - this.page = page; - } - - public void setPerPageNum(int perPageNum){ - if(perPageNum <= 0 || perPageNum > 100){ - this.perPageNum = 10; - return; - } - - this.perPageNum = perPageNum; - } - - public int getPage(){ - return page; - } - - public int getPageStart(){ - return (this.page - 1) * perPageNum; - } - - public int getPerPageNum(){ - return this.perPageNum; - } } diff --git a/src/main/java/kcc/let/sym/mnu/mcm/web/EgovMenuCreateManageController.java b/src/main/java/kcc/let/sym/mnu/mcm/web/EgovMenuCreateManageController.java index bb05e098..fd0e74c8 100644 --- a/src/main/java/kcc/let/sym/mnu/mcm/web/EgovMenuCreateManageController.java +++ b/src/main/java/kcc/let/sym/mnu/mcm/web/EgovMenuCreateManageController.java @@ -542,7 +542,6 @@ public class EgovMenuCreateManageController { modelAndView.setViewName("jsonView"); int cnt = 0; - if(true) return new ModelAndView(); try{ try{ diff --git a/src/main/java/seed/com/gtm/board/CaseBoardController.java b/src/main/java/seed/com/gtm/board/CaseBoardController.java index 8b3c6f2d..66b29e11 100644 --- a/src/main/java/seed/com/gtm/board/CaseBoardController.java +++ b/src/main/java/seed/com/gtm/board/CaseBoardController.java @@ -14,7 +14,7 @@ import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RequestParam; -import kcc.com.cmm.util.Criteria; +import seed.com.gtm.util.SeedCriteria; import seed.com.gtm.seedfile.SeedFileService; import seed.com.gtm.util.PageMaker; @@ -63,7 +63,7 @@ public class CaseBoardController { // /gtm/case/board/form/list.do @RequestMapping("/board/{boardIdx}/list.do") - public String boardList(ModelMap model, HttpSession session, Criteria cri,@RequestParam Map paramMap, @PathVariable(value="boardIdx") String boardIdx){ + public String boardList(ModelMap model, HttpSession session, SeedCriteria cri,@RequestParam Map paramMap, @PathVariable(value="boardIdx") String boardIdx){ //로그인페이지로 튕겨나가지 않게 우선은 임시방편 session.setAttribute("siteIdx", "case"); diff --git a/src/main/java/seed/com/gtm/util/PageMaker.java b/src/main/java/seed/com/gtm/util/PageMaker.java index 375fe6d3..5eddf4a3 100644 --- a/src/main/java/seed/com/gtm/util/PageMaker.java +++ b/src/main/java/seed/com/gtm/util/PageMaker.java @@ -1,7 +1,5 @@ package seed.com.gtm.util; -import kcc.com.cmm.util.Criteria; - public class PageMaker { private int totalCount; private int startPage; @@ -10,9 +8,9 @@ public class PageMaker { private boolean next; private int displayPageNum = 10; - private Criteria cri; + private SeedCriteria cri; - public void setCri(Criteria cri){ + public void setCri(SeedCriteria cri){ this.cri = cri; } @@ -62,7 +60,7 @@ public class PageMaker { return displayPageNum; } - public Criteria getCri(){ + public SeedCriteria getCri(){ return cri; } } diff --git a/src/main/java/seed/com/gtm/util/SeedCriteria.java b/src/main/java/seed/com/gtm/util/SeedCriteria.java new file mode 100644 index 00000000..8fa1809d --- /dev/null +++ b/src/main/java/seed/com/gtm/util/SeedCriteria.java @@ -0,0 +1,42 @@ +package seed.com.gtm.util; + +public class SeedCriteria { + private int page; + private int perPageNum; + + public SeedCriteria(){ + this.page= 1; + this.perPageNum = 10; + } + + public void setPage(int page){ + if(page <= 0){ + this.page = 1; + return; + } + + this.page = page; + } + + public void setPerPageNum(int perPageNum){ + if(perPageNum <= 0 || perPageNum > 100){ + this.perPageNum = 10; + return; + } + + this.perPageNum = perPageNum; + } + + public int getPage(){ + return page; + } + + public int getPageStart(){ + return (this.page - 1) * perPageNum; + } + + public int getPerPageNum(){ + return this.perPageNum; + } + +} diff --git a/src/main/webapp/WEB-INF/decorators.xml b/src/main/webapp/WEB-INF/decorators.xml index 17f3b572..052e3472 100644 --- a/src/main/webapp/WEB-INF/decorators.xml +++ b/src/main/webapp/WEB-INF/decorators.xml @@ -89,6 +89,7 @@ /cmm/main/exctvMainPage.do /kccadr/* /sym/log/clg/SelectLogMethodList.do + /gtm/* diff --git a/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/list.jsp b/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/list.jsp index 69d4b6b3..28add2b1 100644 --- a/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/list.jsp +++ b/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/list.jsp @@ -10,6 +10,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/write.jsp b/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/write.jsp index 90d9d47d..75780d19 100644 --- a/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/write.jsp +++ b/src/main/webapp/WEB-INF/jsp/_extra/gtm/board/write.jsp @@ -10,6 +10,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/css/seed/UserConfig.css b/src/main/webapp/css/seed/UserConfig.css new file mode 100644 index 00000000..c91b14ce --- /dev/null +++ b/src/main/webapp/css/seed/UserConfig.css @@ -0,0 +1,45 @@ +@CHARSET "UTF-8"; + +/* +사용자 정의 css 파일입니다. +기본적으로 제공하는 css 파일의 내용을 복사하여 오버라이딩 하여 사용합니다. +*/ + +/*예제 뷰어 메뉴*/ +/* +.report_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 65px; + overflow: visible; + background-color: red; + background-position: 5px 50%; + background-repeat: no-repeat; + -webkit-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -ms-user-select: none; +} +*/ + +/* +필수 항목을 체크하지 않았을 때 필수 항목이 들어간 컨트롤에 아래의 스타일을 적용합니다. +*/ +.eForm_NecessaryCheck{ + background-color : orange; + opacity: 0.5; +} + + +/* +입력 컨트롤에 포커스가 들어왔을 때 아래의 스타일을 적용합니다. +*/ +.eform_textarea:focus{ + border:2pt solid Orange; + outline: none; +} + +.eform_control_focus{ + border:2pt solid Orange; +} \ No newline at end of file diff --git a/src/main/webapp/css/seed/animate.css b/src/main/webapp/css/seed/animate.css new file mode 100644 index 00000000..635a02b5 --- /dev/null +++ b/src/main/webapp/css/seed/animate.css @@ -0,0 +1,3272 @@ +@charset "UTF-8"; + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2015 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +.animated.flipOutX, +.animated.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + 11.1% { + -webkit-transform: none; + transform: none + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg) + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg) + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg) + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg) + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg) + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg) + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg) + } + 100% { + -webkit-transform: none; + transform: none + } +} + +@keyframes jello { + 11.1% { + -webkit-transform: none; + transform: none + } + + 22.2% { + + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg) + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg) + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg) + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg) + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg) + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg) + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg) + } + 100% { + -webkit-transform: none; + transform: none + } +} + + + +.jello{ + -webkit-animation-name:jello; + animation-name:jello; + -webkit-transform-origin: center; + + transform-origin: center +} + +@-webkit-keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 100% { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/src/main/webapp/css/seed/button.css b/src/main/webapp/css/seed/button.css new file mode 100644 index 00000000..aad00c90 --- /dev/null +++ b/src/main/webapp/css/seed/button.css @@ -0,0 +1,136 @@ +@charset "utf-8"; +/* Jeong, Chan Myeong | http://naradesign.net/ */ +/* body */ +body {position:relative;} + +.seedLayOutBtn { + position:fixed; + right:2px; + top:2px;z-index:999999999; + background: rgb(109,179,242); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */ + padding:3px 7px; + border-radius:5px; +} + +.seedLayOutBtn > a {font-family:'돋움',dotum;font-size:11px;letter-spacing:-1px;color:#fff !important;} + +.seedFunctionBtn { + position:absolute; + right:2px; + top:2px; + z-index:999999999; + background: rgb(109,179,242); /* Old browsers */ + /* IE9 SVG, needs conditional override of 'filter' to 'none' */ + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYjNmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0YTNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2OTBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTY5ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-8 */ + padding:3px 7px; + border-radius:5px; +} + +.seedFunctionBtn > a {font-family:'돋움',dotum;font-size:11px;letter-spacing:-1px;color:#fff !important;} + +/* Button Common */ +.button, +.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:"돋움", "dotum"; white-space:nowrap; background:url(/img/common/bt_bg.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;} +.button { margin-right:4px;} +.button *{ left:4px; cursor:pointer; _cursor:hand;} + + +/* small */ + +.button.small, .button.small *{height:31px; line-height:26px; color:#fff; font-weight:600;} +.button.small { background-position:left 0;} +.button.small *{ padding:0 10px 0 6px; font-size:11px; background-position:right top;} + + +.button.small_corange, .button.small_corange *{ text-align:center; height:26px; line-height:25px; color:#fff; font-weight:600;} +.button.small_corange { background-position:left -267px;} +.button.small_corange *{ padding:0 10px 0 6px; font-size:11px; background-position:right -267px;} + +.button.small_cgreen, .button.small_cgreen *{ text-align:center; height:26px; line-height:25px; color:#fff; font-weight:600;} +.button.small_cgreen { background-position:left -235px;} +.button.small_cgreen *{ padding:0 10px 0 6px; font-size:11px; background-position:right -235px;} + + +.button.small_worange, .button.small_worange *{ text-align:center; height:26px; line-height:25px; color:#ba6519; font-weight:600;} +.button.small_worange { background-position:left -123px;} +.button.small_worange *{ padding:0 10px 0 6px; font-size:11px; background-position:right -123px;} + +.button.small_wgreen, .button.small_wgreen *{ text-align:center; height:26px; line-height:25px; color:#83a837; font-weight:600;} +.button.small_wgreen { background-position:left -123px;} +.button.small_wgreen *{ padding:0 10px 0 6px; font-size:11px; background-position:right -123px;} + + +/* mini */ + +.button.mini_red, .button.mini_red *{ min-width:20px; text-align:center; height:19px; line-height:18px; color:#fff; font-weight:600;} +.button.mini_red { background-position:left -181px; } +.button.mini_red *{ padding:0 8px 0 4px; font-size:11px; background-position:right -181px;} + +.button.mini_green, .button.mini_green *{ min-width:20px; text-align:center; height:19px; line-height:18px; color:#fff; font-weight:600;} +.button.mini_green { background-position:left -155px; } +.button.mini_green *{ padding:0 8px 0 4px; font-size:11px; background-position:right -155px;} + + +/* big */ + +.button.big_green, .button.big_green *{ min-width:70px; text-align:center; height:36px; line-height:33px; color:#fff; font-weight:600;} +.button.big_green { background-position:left -80px;} +.button.big_green *{ padding:0 10px 0 6px; font-size:13px; background-position:right -80px;} + +.button.big_red, .button.big_red *{ min-width:70px; text-align:center; height:36px; line-height:33px; color:#fff; font-weight:600;} +.button.big_red { background-position:left -300px;} +.button.big_red *{ padding:0 10px 0 6px; font-size:13px; background-position:right -300px;} + +.button.big_gray, .button.big_gray *{ min-width:70px; text-align:center; height:36px; line-height:33px; color:#fff; font-weight:600;} +.button.big_gray { background-position:left -37px;} +.button.big_gray *{ padding:0 10px 0 6px; font-size:13px; background-position:right -37px;} + +/* Button Hover +.button *:hover, +.button *:active, +.button *:focus{ color:#690;} +*/ +/* Button Strong +.button.strong *{ font-weight:bold !important;} +*/ +/* Button Icon Variation +.button.icon *{ padding-left:20px;} +.button.small.icon *{ padding-left:16px;} +.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;} +.button.medium .check{ background-position:4px -150px;} +.button.large .check{ background-position:4px -146px;} +.button.xLarge .check{ background-position:5px -144px;} +.button.small .check{ background-position:3px -153px;} +.button.medium .add{ background-position:-16px -150px;} +.button.large .add{ background-position:-14px -146px;} +.button.xLarge .add{ background-position:-14px -144px;} +.button.small .add{ background-position:-18px -153px;} +.button.medium .delete{ background-position:-34px -150px;} +.button.large .delete{ background-position:-34px -146px;} +.button.xLarge .delete{ background-position:-34px -144px;} +.button.small .delete{ background-position:-37px -153px;} +.button.medium .calendar{ background-position:-56px -150px;} +.button.large .calendar{ background-position:-56px -146px;} +.button.xLarge .calendar{ background-position:-56px -144px;} +.button.small .calendar{ background-position:-59px -153px;} +.button.medium .refresh{ background-position:-76px -150px;} +.button.large .refresh{ background-position:-76px -146px;} +.button.xLarge .refresh{ background-position:-76px -144px;} +.button.small .refresh{ background-position:-79px -153px;} +*/ diff --git a/src/main/webapp/css/seed/catpcha.css b/src/main/webapp/css/seed/catpcha.css new file mode 100644 index 00000000..69d9d79b --- /dev/null +++ b/src/main/webapp/css/seed/catpcha.css @@ -0,0 +1,25 @@ +@charset "utf-8"; + +.area_catpcha {padding-top:20px;padding-bottom:40px;position:relative;} +.area_catpcha p {padding:0;margin:0;font-size:12px;} +.area_catpcha:after {content:""; display:block; clear:both;} +.area_catpcha {*zoom:1;} +.area_catpchaInner {float:right;*zoom:1;} +.area_catpchaInner:after {content:""; display:block; clear:both;} +#audiocatpch {display:none;} +.catpcha {float:left;margin-right:10px;} +.reloadInput {height:24px;} +.catpcharInputArea {float:left;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;} +.catpcharInputArea .txt {margin-top:10px;} +.catpchaInputWrap .btnArea {float:left;width:20px;margin-right:10px;} +.catpchaInputWrap #captChaValue {float-right;width:206px;height:28px;line-height:28px;font-size:20px;cursor:pointer;border:1px solid #d4d2d0;padding:10px;} +.catpchaInputWrap #reLoad {background:url('/img/common/btn_cap_reload.jpg') no-repeat;width:20px;height:20px;border:0;vertical-align:top;text-indent:-9999em;} +.catpchaInputWrap #soundOn {background:url('/img/common/btn_cap_speaker.png') no-repeat;width:20px;height:20px;border:0;vertical-align:top;text-indent:-9999em;margin-top:10px;} +.reloadInput button span {position:absolute;top:-9999em;left:-9999em;} +.reloadInput input[type='text'] {margin-left:10px;height:12px;width:216px;cursor:pointer;border:1px solid #d4d2d0;padding:5px;vertical-align:top;} +/* mobile 767px 이하 */ +@media (max-width:767px) { + .catpcharInputArea {width:136px;width:-webkit-calc(100% - 164px);width:-moz-calc(100% - 164px);width:calc(100% - 164px);} + .catpchaInputWrap #captChaValue {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:136px;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px);height:50px;} + .catpcharInputArea .txt {position:absolute;top:70px;left:0;width:100%;} +} \ No newline at end of file diff --git a/src/main/webapp/css/seed/clipreport.css b/src/main/webapp/css/seed/clipreport.css new file mode 100644 index 00000000..57e50eff --- /dev/null +++ b/src/main/webapp/css/seed/clipreport.css @@ -0,0 +1,990 @@ +@CHARSET "UTF-8"; + +/* +웹 접근성 관련 주석처리(focus rect) +input:focus, button:focus, select:focus{ + outline: none; +} +*/ + +/*뷰어 메뉴*/ +.report_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 65px; + overflow: visible; + background-color: #fff; + background-position: 5px 50%; + background-repeat: no-repeat; + -webkit-user-select: none; /* webkit (safari, chrome) browsers */ + -moz-user-select: none; /* mozilla browsers */ + -khtml-user-select: none; /* webkit (konqueror) browsers */ + -ms-user-select: none; /* IE10+ */ +} + +/*리포트 배경*/ +.report_paint_div { + position: absolute; + top: 65px; + width: 100%; + bottom: 0px; + border: 1px solid silver; + background-color: #eee; + overflow: auto; + text-align: center; +} + +/*리포트 프로그래스*/ +.report_progress { + background-repeat: no-repeat; + background-position: 50% 30%; + background-image: url(../img/deploying.gif); +} + +.report_menu_table { + position: absolute; + left: 0px; + height: 100%; + width: 100%; + border: 1px solid silver; + text-align: right; +} + +.report_menu_table_td { + border: 0px solid silver; + text-align: left; +} + +.report_menu_table_td_div { + position: relative; + height: 30px; + width: 100%; + font-size: 10pt; +} + + +/*메뉴에 존재하는 버튼 공통 디자인*/ +.report_menu_button { + position: absolute; + width: 35px; + height: 35px; + background-size: contain; + border: 0px solid #FFFFFF; + background-color: transparent; + cursor: pointer; +} +/*마우스 오버 됐을 때 디자인*/ +.report_menu_button:hover{ + background-repeat: no-repeat; +} + +/*저장 버튼*/ +.report_menu_save_button { + left: 7px; +} + +.report_menu_save_button:hover { +/* + width: 37px; + height: 37px; + */ +} + +.report_menu_save_button_svg { + background-image: url(../img/save.svg); +} + +.report_menu_save_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/save.svg); +} + +.report_menu_save_button_svg:hover { + background-image: url(../img/over/save.svg); +} + +.report_menu_save_button_png { + background-image: url(../img/PNG/save.png); +} + +.report_menu_save_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/save.png); +} + +.report_menu_save_button_png:hover { + background-image: url(../img/PNG/over/save.png); +} + +/*프린트 버튼*/ +.report_menu_print_button { + /*left:55px;*/ + left: 234px; +} + +.report_menu_print_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_print_button_svg { + background-image: url(../img/print.svg); +} + +.report_menu_print_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/print.svg); +} + +.report_menu_print_button_svg:hover { + background-image: url(../img/over/print.svg); +} + +.report_menu_print_button_png { + background-image: url(../img/PNG/print.png); +} + +.report_menu_print_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/print.png); +} + +.report_menu_print_button_png:hover { + background-image: url(../img/PNG/over/print.png); +} + +/*첫페이지 이동 버튼*/ +.report_menu_leftEnd_button { + /*left:85px;*/ + left: 320px; +} + +.report_menu_leftEnd_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_leftEnd_button_svg { + background-image: url(../img/leftEnd.svg); +} + +.report_menu_leftEnd_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/leftEnd.svg); +} + +.report_menu_leftEnd_button_svg:hover { + background-image: url(../img/over/leftEnd.svg); +} + +.report_menu_leftEnd_button_png { + background-image: url(../img/PNG/leftEnd.png); +} + +.report_menu_leftEnd_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/leftEnd.png); +} + +.report_menu_leftEnd_button_png:hover { + background-image: url(../img/PNG/over/leftEnd.png); +} + +/*이전페이지 이동 버튼*/ +.report_menu_left_button { + left: 358px; +} + +.report_menu_left_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_left_button_svg { + background-image: url(../img/left.svg); +} + +.report_menu_left_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/left.svg); +} + +.report_menu_left_button_svg:hover { + background-image: url(../img/over/left.svg); +} + +.report_menu_left_button_png { + background-image: url(../img/PNG/left.png); +} + +.report_menu_left_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/left.png); +} + +.report_menu_left_button_png:hover { + background-image: url(../img/PNG/over/left.png); +} + +/*다음 페이지 이동 버튼*/ +.report_menu_right_button { + /*left:240px;*/ + left: 502px; +} + +.report_menu_right_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_right_button_svg { + background-image: url(../img/right.svg); +} + +.report_menu_right_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/right.svg); +} + +.report_menu_right_button_svg:hover { + background-image: url(../img/over/right.svg); +} + +.report_menu_right_button_png { + background-image: url(../img/PNG/right.png); +} + +.report_menu_right_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/right.png); +} + +.report_menu_right_button_png:hover { + background-image: url(../img/PNG/over/right.png); +} + +/*마지막 페이지 이동 버튼*/ +.report_menu_rightEnd_button { + /*left:265px;*/ + left: 540px; +} + +.report_menu_rightEnd_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_rightEnd_button_svg { + background-image: url(../img/rightEnd.svg); +} + +.report_menu_rightEnd_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/rightEnd.svg); +} + +.report_menu_rightEnd_button_svg:hover { + background-image: url(../img/over/rightEnd.svg); +} + +.report_menu_rightEnd_button_png { + background-image: url(../img/PNG/rightEnd.png); +} + +.report_menu_rightEnd_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/rightEnd.png); +} + +.report_menu_rightEnd_button_png:hover { + background-image: url(../img/PNG/over/rightEnd.png); +} + +/*pdf 다운로드 버튼*/ +.report_menu_pdf_button { + /*left:480px;*/ + left: 50px; +} + +.report_menu_pdf_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_pdf_button_svg { + background-image: url(../img/pdf.svg); +} + +.report_menu_pdf_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/pdf.svg); +} + +.report_menu_pdf_button_svg:hover { + background-image: url(../img/over/pdf.svg); +} + +.report_menu_pdf_button_png { + background-image: url(../img/PNG/pdf.png); +} + +.report_menu_pdf_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/pdf.png); +} + +.report_menu_pdf_button_png:hover { + background-image: url(../img/PNG/over/pdf.png); +} + +/*엑셀 다운로드 버튼*/ +.report_menu_excel_button { + /*left:505px;*/ + left: 90px; +} + +.report_menu_excel_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_excel_button_svg { + background-image: url(../img/excel.svg); +} + +.report_menu_excel_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/excel.svg); +} + +.report_menu_excel_button_svg:hover { + background-image: url(../img/over/excel.svg); +} + +.report_menu_excel_button_png { + background-image: url(../img/PNG/excel.png); +} + +.report_menu_excel_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/excel.png); +} + +.report_menu_excel_button_png:hover { + background-image: url(../img/PNG/over/excel.png); +} + +/*한글 다운로드 버튼*/ +.report_menu_hwp_button { + /*left:530px;*/ + left: 130px; +} + +.report_menu_hwp_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_hwp_button_svg { + background-image: url(../img/hwp.svg); +} + +.report_menu_hwp_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/hwp.svg); +} + +.report_menu_hwp_button_svg:hover { + background-image: url(../img/over/hwp.svg); +} + +.report_menu_hwp_button_png { + background-image: url(../img/PNG/hwp.png); +} + +.report_menu_hwp_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/hwp.png); +} + +.report_menu_hwp_button_png:hover { + background-image: url(../img/PNG/over/hwp.png); +} + +/*DOC 다운로드 버튼*/ +.report_menu_doc_button { + /*left:530px;*/ + left: 170px; + display:none; +} + +.report_menu_doc_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_doc_button_svg { + background-image: url(../img/doc.svg); +} + +.report_menu_doc_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/doc.svg); +} + +.report_menu_doc_button_svg:hover { + background-image: url(../img/over/pdf.svg); +} + +.report_menu_doc_button_png { + background-image: url(../img/PNG/doc.png); +} + +.report_menu_doc_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/doc.png); +} + +.report_menu_doc_button_png:hover { + background-image: url(../img/PNG/over/pdf.png); +} + + +/*리포트 정보 버튼*/ +.report_menu_reportInfo_button { + /*left:555px;*/ + left: 765px; +} + +.report_menu_reportInfo_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_reportInfo_button_svg { + background-image: url(../img/info.svg); +} + +.report_menu_reportInfo_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/info.svg); +} + +.report_menu_reportInfo_button_svg:hover { + background-image: url(../img/over/info.svg); +} + +.report_menu_reportInfo_button_png { + background-image: url(../img/PNG/info.png); +} + +.report_menu_reportInfo_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/info.png); +} + +.report_menu_reportInfo_button_png:hover { + background-image: url(../img/PNG/over/info.png); +} + +/*리포트 닫기 버튼*/ +.report_menu_close_button { + right: 10px; +} + +.report_menu_close_button:hover { +/* + width: 37px; + height: 37px; + */ +} + +.report_menu_close_button_svg { + background-image: url(../img/close.svg); +} + +.report_menu_close_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/close.svg); +} + +.report_menu_close_button_svg:hover { + background-image: url(../img/over/close.svg); +} + +.report_menu_close_button_png { + background-image: url(../img/PNG/close.png); +} + +.report_menu_close_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/close.png); +} + +.report_menu_close_button_png:hover { + background-image: url(../img/PNG/over/close.png); +} + +/*현재 페이지 입력창*/ +.report_menu_pageCount_input { + position: absolute; + /*left:135px;*/ + left: 400px; + width: 46px; + height: 30px; + line-height: 30px; + border: 1px solid #ccc; + border-right-width: 0px !important; + border-right-style: none !important; + padding-top: 0px; + padding-bottom: 0px; + font-size: 12px; +} + +/*총 페이지 표시 라벨*/ +.report_menu_pageCount_span { + position: absolute; + /*left:185px;*/ + left: 445px; + width: 50px; + height: 30px; + line-height: 30px; + border: 1px solid #ccc; + padding-top: 0px; + padding-bottom: 0px; + font-size: 12px; +} + +/*화면비율 선택 콤보창*/ +.report_menu_zoom_combo { + position: absolute; + /*left:315px;*/ + left: 600px; + height: 30px !important; + line-height: 30px; + width: 150px; +} + +.report_menu_zoom_combo_option { + +} + +/*뷰어의 모든 안내창을 감싸고 있는 DIV*/ +.report_popup_view { + position:relative; + left:0px; + top:0px; + right:0px; + bottom:0px; + zoom:1; + z-index:100; +} + + +/*뷰어 내부 안내창 공통 스타일*/ +.report_view_box { + background-color: #FDFDFD; + font-size: 9pt; + font-family: 나눔고딕; + border: 2px solid gray; +} + +/*뷰어 내부 안내창 공통 버튼 스타일*/ +.report_view_button { + position: absolute; + background-color: RGB(89, 89, 89); + border: 1px solid darkolivegreen; + color: white; + font-weight: weight; +} + +/*리포트 정보창 위치 정보*/ +.report_info_view_position { + position: absolute; + right: 23px; + top: 80px; + width: 440px; + height: 260px; +} + +/*인쇄창 위치 정보*/ +.report_print_view_position { + position: absolute; + left: 15px; + top: 80px; + width: 350px; + height: 260px; +} + +/*저장옵션 창 위치 정보*/ +.report_save_view_position { + position: absolute; + left: 15px; + top: 80px; + width: 350px; + height: 350px; +} + +/*한글 저장 옵션 창 위치 정보*/ +.report_saveHWP_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 260px; + height: 390px; +} + +/*RTF 저장 옵션 창 위치 정보*/ +.report_saveRTF_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 210px; +} + +/*엑셀 저장 옵션 창 위치 정보*/ +.report_saveExcel_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 300px; + height: 400px; +} +/*html 저장 옵션 창 위치 정보*/ +.report_saveHtml_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 360px; +} +/*PDF 저장 옵션 창 위치 정보*/ +.report_savePDF_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 180px; +} + +/*JPG 저장 옵션 창 위치 정보*/ +.report_saveJPG_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 180px; +} + +/*PPT 저장 옵션 창 위치 정보*/ +.report_savePPT_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 120px; +} + +/*pdf reader9버전 사용 안내창 위치 정보*/ +.report_Ex_reader9 { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 250px; +} + +/*pdf reader 가 없을 경우 안내창 위치 정보*/ +.report_Ex_NOTReader { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 250px; +} + +/*팝업 인쇄 안내창 위치 정보*/ +.report_Ex_popPrint { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 150px; +} + +/*제한된 프린트 안내창 위치 정보*/ +.report_Ex_limitPrint { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 150px; +} + +/*HTML 인쇄 안내창 위치 정보*/ +.report_Ex_popHTMLPrint { + position: absolute; + left: 70px; + top: 80px; + width: 370px; + height: 150px; +} + +.report_view_cliplogo { + background-repeat: no-repeat; + background-position: center center; + background-image: url(../img/cliplogo.png); +} + +.report_menu_progress { + position: absolute; + top: 6px; + right: 0px; + width: 16px; + height: 16px; +} + +.mobile_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 50px; + overflow: visible; + background-color: #fff; +} + +.mobile_paint_div { + position: absolute; + top: 50px; + width: 100%; + bottom: 0px; + border: 1px solid silver; + background-color: #EEE; + overflow:scroll; + text-align: center; + -webkit-overflow-scrolling: touch; +} + +.mobile_menu_table_td_div { + position: relative; + height: 40px; + width: 100%; + font-size: 10pt; +} + +.mobile_menu_button { + position: absolute; + width: 40px; + height: 40px; + background-size: contain; + border: 0px none; + background-color: transparent; +} + +.mobile_input_table { + position: absolute; + left: 195px; + height: 40px; + width: 140px; +} + +.mobile_input_table_td_input { + background-color: #FFFFFF; + width: 60px; +} + +.mobile_input_table_td { + width: 80px; +} + +.mobile_menu_print_button { + left: 15px; + background-image: url(../img/over/save.svg); +} +.mobile_menu_dis_print_button { + left: 15px; + cursor:not-allowed; + background-image: url(../img/dis/save.svg); +} + +.mobile_menu_leftEnd_button { + left: 95px; + background-image: url(../img/over/leftEnd.svg); +} + +.mobile_menu_dis_leftEnd_button { + left: 95px; + cursor:not-allowed; + background-image: url(../img/dis/leftEnd.svg); +} + +.mobile_menu_left_button { + left: 145px; + background-image: url(../img/over/left.svg); +} + +.mobile_menu_dis_left_button { + left: 145px; + cursor:not-allowed; + background-image: url(../img/dis/left.svg); +} + +.mobile_menu_right_button { + left: 345px; + background-image: url(../img/over/right.svg); +} + +.mobile_menu_dis_right_button{ + left: 345px; + cursor:not-allowed; + background-image: url(../img/dis/right.svg); +} + +.mobile_menu_rightEnd_button { + left: 395px; + background-image: url(../img/over/rightEnd.svg); +} + +.mobile_menu_dis_rightEnd_button { + left: 395px; + cursor:not-allowed; + background-image: url(../img/dis/rightEnd.svg); +} + +.mobile_menu_close_button { + right: 25px; + background-image: url(../img/over/close.svg); +} + +.mobile_menu_dis_close_button { + right: 25px; + cursor:not-allowed; + background-image: url(../img/dis/close.svg); +} + +.mobile_menu_zoom_combo { + position: absolute; + left: 455px; + height: 40px; + width: 150px; + font-size: 14pt; +} + +.mobile_menu_pageCount_input { + position: relative; + left: 0px; + width: 55px; + height: 30px; + line-height: 30px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 14pt; +} + +.mobile_menu_pageCount_span { + position: relative; + left: 0px; + width: 75px; + height: 30px; + height: 30px; + line-height: 30px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 14pt; +} + +.mobile_menu_progress { + position: absolute; + right: 5px; + width: 16px; + height: 16px; +} + +.mRe_focus:focus{ + filter:alpha(opacity=100) !important; + opacity:100 !important; +} + + +/*사인컨트롤 전체 배경*/ +.report_sign_div{ + border:3px RGB(53,105,180) solid; + background-image:url(../img/tile.jpg); + background-repeat:repeat; +} + +/*사인컨트롤 그리는 영역*/ +.report_sign_paint{ + position:absolute; + left:25px; + top:25px; + right:25px; + bottom:85px; + background-color:white; + border:2px darkgray solid; + border-radius: 4px; +} + +/*사인컨트롤 메뉴*/ +.report_sign_menu{ + position:absolute; + left:0px; + bottom:25px; + right:0px; + height:35px; +} + +/*사인컨트롤 버튼 공통*/ +.report_sign_button{ + width:100px; + height:35px; + border-radius: 4px; + color:white; + font-size:10pt; + font-weight:bold; +} + +/*사인컨트롤 버튼 확인*/ +.report_sign_save{ + border:1px RGB(33,133,218) solid; + background-color:RGB(33,133,218); +} + +/*사인컨트롤 버튼 초기화*/ +.report_sign_reset{ + border:1px RGB(33,133,218) solid; + background-color:RGB(33,133,218); +} + +/*사인컨트롤 버튼 취소*/ +.report_sign_cancel{ + border:1px RGB(69,89,100) solid; + background-color:RGB(69,89,100); +} + diff --git a/src/main/webapp/css/seed/clipreport_png.css b/src/main/webapp/css/seed/clipreport_png.css new file mode 100644 index 00000000..1f6c00fd --- /dev/null +++ b/src/main/webapp/css/seed/clipreport_png.css @@ -0,0 +1,989 @@ +@CHARSET "UTF-8"; + +/* +웹 접근성 관련 주석처리(focus rect) +input:focus, button:focus, select:focus{ + outline: none; +} +*/ + +/*뷰어 메뉴*/ +.report_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 65px; + overflow: visible; + background-color: #fff; + background-position: 5px 50%; + background-repeat: no-repeat; + -webkit-user-select: none; /* webkit (safari, chrome) browsers */ + -moz-user-select: none; /* mozilla browsers */ + -khtml-user-select: none; /* webkit (konqueror) browsers */ + -ms-user-select: none; /* IE10+ */ +} + +/*리포트 배경*/ +.report_paint_div { + position: absolute; + top: 65px; + width: 100%; + bottom: 0px; + border: 1px solid silver; + background-color: #eee; + overflow: auto; + text-align: center; +} + +/*리포트 프로그래스*/ +.report_progress { + background-repeat: no-repeat; + background-position: 50% 30%; + background-image: url(../img/deploying.gif); +} + +.report_menu_table { + position: absolute; + left: 0px; + height: 100%; + width: 100%; + border: 1px solid silver; + text-align: right; +} + +.report_menu_table_td { + border: 0px solid silver; + text-align: left; +} + +.report_menu_table_td_div { + position: relative; + height: 30px; + width: 100%; + font-size: 10pt; +} + + +/*메뉴에 존재하는 버튼 공통 디자인*/ +.report_menu_button { + position: absolute; + width: 35px; + height: 35px; + background-size: contain; + border: 0px solid #FFFFFF; + background-color: transparent; + cursor: pointer; +} +/*마우스 오버 됐을 때 디자인*/ +.report_menu_button:hover{ + background-repeat: no-repeat; +} + +/*저장 버튼*/ +.report_menu_save_button { + left: 7px; +} + +.report_menu_save_button:hover { +/* + width: 37px; + height: 37px; + */ +} + +.report_menu_save_button_svg { + background-image: url(../img/PNG/save.png); +} + +.report_menu_save_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/save.png); +} + +.report_menu_save_button_svg:hover { + background-image: url(../img/PNG/over/save.png); +} + +.report_menu_save_button_png { + background-image: url(../img/PNG/save.png); +} + +.report_menu_save_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/save.png); +} + +.report_menu_save_button_png:hover { + background-image: url(../img/PNG/over/save.png); +} + +/*프린트 버튼*/ +.report_menu_print_button { + /*left:55px;*/ + left: 234px; +} + +.report_menu_print_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_print_button_svg { + background-image: url(../img/PNG/print.png); +} + +.report_menu_print_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/print.png); +} + +.report_menu_print_button_svg:hover { + background-image: url(../img/PNG/over/print.png); +} + +.report_menu_print_button_png { + background-image: url(../img/PNG/print.png); +} + +.report_menu_print_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/print.png); +} + +.report_menu_print_button_png:hover { + background-image: url(../img/PNG/over/print.png); +} + +/*첫페이지 이동 버튼*/ +.report_menu_leftEnd_button { + /*left:85px;*/ + left: 320px; +} + +.report_menu_leftEnd_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_leftEnd_button_svg { + background-image: url(../img/PNG/leftEnd.png); +} + +.report_menu_leftEnd_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/leftEnd.png); +} + +.report_menu_leftEnd_button_svg:hover { + background-image: url(../img/PNG/over/leftEnd.png); +} + +.report_menu_leftEnd_button_png { + background-image: url(../img/PNG/leftEnd.png); +} + +.report_menu_leftEnd_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/leftEnd.png); +} + +.report_menu_leftEnd_button_png:hover { + background-image: url(../img/PNG/over/leftEnd.png); +} + +/*이전페이지 이동 버튼*/ +.report_menu_left_button { + left: 358px; +} + +.report_menu_left_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_left_button_svg { + background-image: url(../img/PNG/left.png); +} + +.report_menu_left_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/left.png); +} + +.report_menu_left_button_svg:hover { + background-image: url(../img/PNG/over/left.png); +} + +.report_menu_left_button_png { + background-image: url(../img/PNG/left.png); +} + +.report_menu_left_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/left.png); +} + +.report_menu_left_button_png:hover { + background-image: url(../img/PNG/over/left.png); +} + +/*다음 페이지 이동 버튼*/ +.report_menu_right_button { + /*left:240px;*/ + left: 502px; +} + +.report_menu_right_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_right_button_svg { + background-image: url(../img/PNG/right.png); +} + +.report_menu_right_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/right.png); +} + +.report_menu_right_button_svg:hover { + background-image: url(../img/PNG/over/right.png); +} + +.report_menu_right_button_png { + background-image: url(../img/PNG/right.png); +} + +.report_menu_right_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/right.png); +} + +.report_menu_right_button_png:hover { + background-image: url(../img/PNG/over/right.png); +} + +/*마지막 페이지 이동 버튼*/ +.report_menu_rightEnd_button { + /*left:265px;*/ + left: 540px; +} + +.report_menu_rightEnd_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_rightEnd_button_svg { + background-image: url(../img/PNG/rightEnd.png); +} + +.report_menu_rightEnd_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/rightEnd.png); +} + +.report_menu_rightEnd_button_svg:hover { + background-image: url(../img/PNG/over/rightEnd.png); +} + +.report_menu_rightEnd_button_png { + background-image: url(../img/PNG/rightEnd.png); +} + +.report_menu_rightEnd_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/rightEnd.png); +} + +.report_menu_rightEnd_button_png:hover { + background-image: url(../img/PNG/over/rightEnd.png); +} + +/*pdf 다운로드 버튼*/ +.report_menu_pdf_button { + /*left:480px;*/ + left: 50px; +} + +.report_menu_pdf_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_pdf_button_svg { + background-image: url(../img/PNG/pdf.png); +} + +.report_menu_pdf_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/pdf.png); +} + +.report_menu_pdf_button_svg:hover { + background-image: url(../img/PNG/over/pdf.png); +} + +.report_menu_pdf_button_png { + background-image: url(../img/PNG/pdf.png); +} + +.report_menu_pdf_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/pdf.png); +} + +.report_menu_pdf_button_png:hover { + background-image: url(../img/PNG/over/pdf.png); +} + +/*엑셀 다운로드 버튼*/ +.report_menu_excel_button { + /*left:505px;*/ + left: 90px; +} + +.report_menu_excel_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_excel_button_svg { + background-image: url(../img/PNG/excel.png); +} + +.report_menu_excel_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/excel.png); +} + +.report_menu_excel_button_svg:hover { + background-image: url(../img/PNG/over/excel.png); +} + +.report_menu_excel_button_png { + background-image: url(../img/PNG/excel.png); +} + +.report_menu_excel_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/excel.png); +} + +.report_menu_excel_button_png:hover { + background-image: url(../img/PNG/over/excel.png); +} + +/*한글 다운로드 버튼*/ +.report_menu_hwp_button { + /*left:530px;*/ + left: 130px; +} + +.report_menu_hwp_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_hwp_button_svg { + background-image: url(../img/PNG/hwp.png); +} + +.report_menu_hwp_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/hwp.png); +} + +.report_menu_hwp_button_svg:hover { + background-image: url(../img/PNG/over/hwp.png); +} + +.report_menu_hwp_button_png { + background-image: url(../img/PNG/hwp.png); +} + +.report_menu_hwp_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/hwp.png); +} + +.report_menu_hwp_button_png:hover { + background-image: url(../img/PNG/over/hwp.png); +} + + +/*DOC 다운로드 버튼*/ +.report_menu_doc_button { + /*left:530px;*/ + left: 170px; + display:none; +} + +.report_menu_doc_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_doc_button_svg { + background-image: url(../img/PNG/doc.png); +} + +.report_menu_doc_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/doc.png); +} + +.report_menu_doc_button_svg:hover { + background-image: url(../img/PNG/over/pdf.png); +} + +.report_menu_doc_button_png { + background-image: url(../img/PNG/doc.png); +} + +.report_menu_doc_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/doc.png); +} + +.report_menu_doc_button_png:hover { + background-image: url(../img/PNG/over/pdf.png); +} + + +/*리포트 정보 버튼*/ +.report_menu_reportInfo_button { + /*left:555px;*/ + left: 765px; +} + +.report_menu_reportInfo_button:hover { + /* + width: 37px; + height: 37px; + */ +} + +.report_menu_reportInfo_button_svg { + background-image: url(../img/PNG/info.png); +} + +.report_menu_reportInfo_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/info.png); +} + +.report_menu_reportInfo_button_svg:hover { + background-image: url(../img/PNG/over/info.png); +} + +.report_menu_reportInfo_button_png { + background-image: url(../img/PNG/info.png); +} + +.report_menu_reportInfo_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/info.png); +} + +.report_menu_reportInfo_button_png:hover { + background-image: url(../img/PNG/over/info.png); +} + +/*리포트 닫기 버튼*/ +.report_menu_close_button { + right: 10px; +} + +.report_menu_close_button:hover { +/* + width: 37px; + height: 37px; + */ +} + +.report_menu_close_button_svg { + background-image: url(../img/PNG/close.png); +} + +.report_menu_close_button_svg_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/close.png); +} + +.report_menu_close_button_svg:hover { + background-image: url(../img/PNG/over/close.png); +} + +.report_menu_close_button_png { + background-image: url(../img/PNG/close.png); +} + +.report_menu_close_button_png_dis { + cursor:not-allowed; + background-image: url(../img/dis/PNG/close.png); +} + +.report_menu_close_button_png:hover { + background-image: url(../img/PNG/over/close.png); +} + +/*현재 페이지 입력창*/ +.report_menu_pageCount_input { + position: absolute; + /*left:135px;*/ + left: 400px; + width: 46px; + height: 30px; + line-height: 30px; + border: 1px solid #ccc; + border-right-width: 0px !important; + border-right-style: none !important; + padding-top: 0px; + padding-bottom: 0px; + font-size: 12px; +} + +/*총 페이지 표시 라벨*/ +.report_menu_pageCount_span { + position: absolute; + /*left:185px;*/ + left: 445px; + width: 50px; + height: 30px; + line-height: 30px; + border: 1px solid #ccc; + padding-top: 0px; + padding-bottom: 0px; + font-size: 12px; +} + +/*화면비율 선택 콤보창*/ +.report_menu_zoom_combo { + position: absolute; + /*left:315px;*/ + left: 600px; + height: 30px !important; + line-height: 30px; + width: 150px; +} + +.report_menu_zoom_combo_option { + +} + +/*뷰어의 모든 안내창을 감싸고 있는 DIV*/ +.report_popup_view { + position:relative; + left:0px; + top:0px; + right:0px; + bottom:0px; + zoom:1; + z-index:100; +} + + +/*뷰어 내부 안내창 공통 스타일*/ +.report_view_box { + background-color: #FDFDFD; + font-size: 9pt; + font-family: 나눔고딕; + border: 2px solid gray; +} + +/*뷰어 내부 안내창 공통 버튼 스타일*/ +.report_view_button { + position: absolute; + background-color: RGB(89, 89, 89); + border: 1px solid darkolivegreen; + color: white; + font-weight: weight; +} + +/*리포트 정보창 위치 정보*/ +.report_info_view_position { + position: absolute; + right: 23px; + top: 80px; + width: 440px; + height: 260px; +} + +/*인쇄창 위치 정보*/ +.report_print_view_position { + position: absolute; + left: 15px; + top: 80px; + width: 350px; + height: 260px; +} + +/*저장옵션 창 위치 정보*/ +.report_save_view_position { + position: absolute; + left: 15px; + top: 80px; + width: 350px; + height: 350px; +} + +/*한글 저장 옵션 창 위치 정보*/ +.report_saveHWP_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 260px; + height: 390px; +} + +/*RTF 저장 옵션 창 위치 정보*/ +.report_saveRTF_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 210px; +} + +/*엑셀 저장 옵션 창 위치 정보*/ +.report_saveExcel_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 300px; + height: 400px; +} +/*html 저장 옵션 창 위치 정보*/ +.report_saveHtml_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 360px; +} +/*PDF 저장 옵션 창 위치 정보*/ +.report_savePDF_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 180px; +} + +/*JPG 저장 옵션 창 위치 정보*/ +.report_saveJPG_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 180px; +} + +/*PPT 저장 옵션 창 위치 정보*/ +.report_savePPT_view_position { + position: absolute; + left: 370px; + top: 80px; + width: 280px; + height: 120px; +} + +/*pdf reader9버전 사용 안내창 위치 정보*/ +.report_Ex_reader9 { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 250px; +} + +/*pdf reader 가 없을 경우 안내창 위치 정보*/ +.report_Ex_NOTReader { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 250px; +} + +/*팝업 인쇄 안내창 위치 정보*/ +.report_Ex_popPrint { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 150px; +} + +/*제한된 프린트 안내창 위치 정보*/ +.report_Ex_limitPrint { + position: absolute; + left: 70px; + top: 80px; + width: 350px; + height: 150px; +} + +/*HTML 인쇄 안내창 위치 정보*/ +.report_Ex_popHTMLPrint { + position: absolute; + left: 70px; + top: 80px; + width: 370px; + height: 150px; +} + +.report_view_cliplogo { + background-repeat: no-repeat; + background-position: center center; + background-image: url(../img/cliplogo.png); +} + +.report_menu_progress { + position: absolute; + top: 6px; + right: 0px; + width: 16px; + height: 16px; +} + +.mobile_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 50px; + overflow: visible; + background-color: #fff; +} + +.mobile_paint_div { + position: absolute; + top: 50px; + width: 100%; + bottom: 0px; + border: 1px solid silver; + background-color: #EEE; + overflow: auto; + text-align: center; +} + +.mobile_menu_table_td_div { + position: relative; + height: 40px; + width: 100%; + font-size: 10pt; +} + +.mobile_menu_button { + position: absolute; + width: 40px; + height: 40px; + background-size: contain; + border: 0px none; + background-color: transparent; +} + +.mobile_input_table { + position: absolute; + left: 195px; + height: 40px; + width: 140px; +} + +.mobile_input_table_td_input { + background-color: #FFFFFF; + width: 60px; +} + +.mobile_input_table_td { + width: 80px; +} + +.mobile_menu_print_button { + left: 15px; + background-image: url(../img/over/save.svg); +} +.mobile_menu_dis_print_button { + left: 15px; + cursor:not-allowed; + background-image: url(../img/dis/save.svg); +} + +.mobile_menu_leftEnd_button { + left: 95px; + background-image: url(../img/over/leftEnd.svg); +} + +.mobile_menu_dis_leftEnd_button { + left: 95px; + cursor:not-allowed; + background-image: url(../img/dis/leftEnd.svg); +} + +.mobile_menu_left_button { + left: 145px; + background-image: url(../img/over/left.svg); +} + +.mobile_menu_dis_left_button { + left: 145px; + cursor:not-allowed; + background-image: url(../img/dis/left.svg); +} + +.mobile_menu_right_button { + left: 345px; + background-image: url(../img/over/right.svg); +} + +.mobile_menu_dis_right_button{ + left: 345px; + cursor:not-allowed; + background-image: url(../img/dis/right.svg); +} + +.mobile_menu_rightEnd_button { + left: 395px; + background-image: url(../img/over/rightEnd.svg); +} + +.mobile_menu_dis_rightEnd_button { + left: 395px; + cursor:not-allowed; + background-image: url(../img/dis/rightEnd.svg); +} + +.mobile_menu_close_button { + right: 25px; + background-image: url(../img/over/close.svg); +} + +.mobile_menu_dis_close_button { + right: 25px; + cursor:not-allowed; + background-image: url(../img/dis/close.svg); +} + +.mobile_menu_zoom_combo { + position: absolute; + left: 455px; + height: 40px; + width: 150px; + font-size: 14pt; +} + +.mobile_menu_pageCount_input { + position: relative; + left: 0px; + width: 55px; + height: 30px; + line-height: 30px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 14pt; +} + +.mobile_menu_pageCount_span { + position: relative; + left: 0px; + width: 75px; + height: 30px; + height: 30px; + line-height: 30px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 14pt; +} + +.mobile_menu_progress { + position: absolute; + right: 5px; + width: 16px; + height: 16px; +} + +.mRe_focus:focus{ + filter:alpha(opacity=100) !important; + opacity:100 !important; +} + + +/*사인컨트롤 전체 배경*/ +.report_sign_div{ + border:3px RGB(53,105,180) solid; + background-image:url(../img/tile.jpg); + background-repeat:repeat; +} + +/*사인컨트롤 그리는 영역*/ +.report_sign_paint{ + position:absolute; + left:25px; + top:25px; + right:25px; + bottom:85px; + background-color:white; + border:2px darkgray solid; + border-radius: 4px; +} + +/*사인컨트롤 메뉴*/ +.report_sign_menu{ + position:absolute; + left:0px; + bottom:25px; + right:0px; + height:35px; +} + +/*사인컨트롤 버튼 공통*/ +.report_sign_button{ + width:100px; + height:35px; + border-radius: 4px; + color:white; + font-size:10pt; + font-weight:bold; +} + +/*사인컨트롤 버튼 확인*/ +.report_sign_save{ + border:1px RGB(33,133,218) solid; + background-color:RGB(33,133,218); +} + +/*사인컨트롤 버튼 초기화*/ +.report_sign_reset{ + border:1px RGB(33,133,218) solid; + background-color:RGB(33,133,218); +} + +/*사인컨트롤 버튼 취소*/ +.report_sign_cancel{ + border:1px RGB(69,89,100) solid; + background-color:RGB(69,89,100); +} \ No newline at end of file diff --git a/src/main/webapp/css/seed/eform.css b/src/main/webapp/css/seed/eform.css new file mode 100644 index 00000000..9391380f --- /dev/null +++ b/src/main/webapp/css/seed/eform.css @@ -0,0 +1,572 @@ + +svg,div,img{ + -webkit-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -ms-user-select: none; +} + + +/* +ʼ ׸ üũ ʾ ʼ ׸  Ʈѿ Ʒ Ÿ մϴ. +ؼ ̸ UserConfig.css Ͽ Ͻʽÿ. +*/ +.eForm_NecessaryCheck{ + background-color : orange; + opacity: 0.5; +} + +.eform_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 40px; + overflow: visible; + background-color: #fafafa; +} + +.eform_paint_div { + position: absolute; + top: 40px; + width: 100%; + bottom: 0px; + border: 1px solid silver; + background-color: #999999; + overflow: auto; + text-align: center; +} + +.eform_menu_table_td_div { + position: relative; + height: 30px; + width: 100%; + font-size: 10pt; +} + +.eform_menu_button { + position: absolute; + width: 30px; + height: 30px; + background-size: contain; + border: 0px none; + background-color: transparent; + /* + background-repeat: no-repeat; + background-position: center; + */ +} + +.eform_input_table { + position: absolute; + left: 100px; + height: 28px; + width: 100px; +} + +.eform_input_table_td_input { + width: 50px; +} + +.eform_input_table_td { + width: 50px; +} + +.eform_doodle_pageinfo_table{ + position: absolute; + right: 80px; + height: 20px; + width: 60px; + text-align:center; + font-size:14pt; +} + +.eform_menu_save_button { + right: 55px; + background-image: url(../img/eform/save.png); + width:28px; + height:28px; +} + +/*Ʈ ݱ ư*/ +.eform_menu_close_button { + right: 10px; + background-image: url(../img/eform/close.png); +} + +/*޸ ݱ ư*/ +.eform_menu_doodleClose_button { + right: 10px; + background-image: url(../img/PNG/close.png); +} + + +.eform_menu_leftEnd_button { + left: 10px; + background-image: url(../img/eform/leftEnd.png); +} + + +.eform_menu_left_button { + left: 50px; + background-image: url(../img/eform/left.png); +} + +.eform_menu_right_button { + left: 220px; + background-image: url(../img/eform/right.png); +} + +.eform_menu_rightEnd_button { + left: 260px; + background-image: url(../img/eform/rightEnd.png); +} + + +/*Ʈ ư*/ +.eform_menu_print_button { + left: 520px; + background-image: url(../img/eform/print.png); +} + +/* ư*/ +.eform_menu_doodle_button{ + left: 580px; + background-image: url(../img/eform/yellowhighlighter.png); + display:none; +} + + +.eform_menu_zoom_combo { + position: absolute; + left: 320px; + height: 30px; + width: 150px; + font-size: 13pt; +} + +.eform_menu_pageCount_input { + position: relative; + left: 0px; + width: 55px; + height: 20px; + line-height: 20px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 13pt; +} + +.eform_menu_pageCount_span { + position: relative; + left: 0px; + width: 55px; + height: 20px; + line-height: 20px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 13pt; +} + +.eform_menu_doodleleft_button { + right: 140px; + background-image: url(../img/eform/left.png); +} + +.eform_menu_doodleright_button { + right: 50px; + background-image: url(../img/eform/right.png); +} + +.m_eform_menu_div { + position: absolute; + top: 0px; + width: 100%; + height: 50px; + overflow: visible; + background-color: #fafafa; +} + +.m_eform_paint_div { + position: absolute; + top: 50px; + width: 100%; + bottom: 0px; + border: 1px solid silver; + background-color: #999999; + overflow: scroll; + text-align: center; + -webkit-overflow-scrolling: touch; +} + +.m_eform_menu_table_td_div { + position: relative; + height: 40px; + width: 100%; + font-size: 10pt; +} + +.m_eform_menu_button { + position: absolute; + width: 40px; + height: 40px; + background-size: contain; + border: 0px none; + background-color: transparent; + /* + background-repeat: no-repeat; + background-position: center; + */ +} + +.m_eform_input_table { + position: absolute; + left: 125px; + height: 40px; + width: 80px; +} + +.m_eform_input_table_td_input { + width: 40px; +} + +.m_eform_input_table_td { + width: 40px; +} +.m_eform_doodle_pageinfo_table{ + position: absolute; + right: 110px; + height: 40px; + width: 60px; + text-align:center; + font-size:14pt; +} + +.m_eform_menu_save_button { + left: 510px; + background-image: url(../img/eform/save.png); +} + +/*Ʈ ݱ ư*/ +.m_eform_menu_close_button { + right: 15px; + background-image: url(../img/eform/close.png); +} +/*޸ ݱ ư*/ +.m_eform_menu_doodleClose_button { + right: 15px; + background-image: url(../img/PNG/close.png); +} + + +.m_eform_menu_leftEnd_button { + left: 15px; + background-image: url(../img/eform/leftEnd.png); +} + +.m_eform_menu_left_button { + left: 65px; + background-image: url(../img/eform/left.png); +} + +.m_eform_menu_right_button { + left: 225px; + background-image: url(../img/eform/right.png); +} + + +.m_eform_menu_rightEnd_button { + left: 275px; + background-image: url(../img/eform/rightEnd.png); +} + + +/*Ʈ ư*/ +.m_eform_menu_print_button { + left: 580px; + background-image: url(../img/eform/print.png); +} + +.m_eform_menu_doodle_button{ + left: 580px; + background-image: url(../img/eform/yellowhighlighter.png); + display:none; +} + +.m_eform_menu_zoom_combo { + position: absolute; + left: 350px; + height: 40px; + width: 130px; + font-size: 14pt; +} + +.m_eform_menu_pageCount_input { + position: relative; + left: 0px; + width: 40px; + height: 30px; + line-height: 30px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 14pt; +} + +.m_eform_menu_pageCount_span { + position: relative; + left: 0px; + width: 40px; + height: 30px; + line-height: 30px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px none; + background: transparent; + font-size: 14pt; +} + +.m_eform_menu_doodleleft_button { + right: 170px; + background-image: url(../img/eform/left.png); +} + +.m_eform_menu_doodleright_button { + right: 70px; + background-image: url(../img/eform/right.png); +} + +.eform_menu_progress { + position: absolute; + right: 5px; + width: 16px; + height: 16px; +} + +.eform_textarea { + position:absolute; + padding:0px 0px 0px 0px !important; + box-sizing:border-box; + smargin-top:0 !important; + margin-bottom:0 !important; + resize:none; + overflow-y:hidden; + overflow-x:hidden; + filter:alpha(opacity=0); + opacity:0; +} + +.eform_table{ + table-layout: fixed; + position:absolute; + left:0px; + height:100%; + top:0px; + width:100%; + padding:0 0 0 0; +} + +.eForm_hidden_button{ + opacity: 0; + filter:alpha(opacity=0); +} + + +.eform_textarea:focus{ + border:2pt solid Orange; + outline: none; +} + +.eform_control_focus{ + border:2pt solid Orange; +} + +/*Ʈ α׷*/ +.eform_progress { + background-repeat: no-repeat; + background-position: 50% 30%; + background-image: url(../img/efromProgress.gif); + opacity: 0.5; +} + +/*Ʈ ü */ +.eform_sign_background { + position: absolute; + top: 40px; + width: 100%; + bottom: 0px; + overflow : hidden; + z-index:200; +} + + +/*Ʈ ü */ +.m_eform_sign_background { + position: absolute; + top: 50px; + width: 100%; + bottom: 0px; + overflow : hidden; + z-index:200; +} + +/*Ʈ ü */ +.eform_sign_div{ + /* + background-image:url(../img/eform/sign/background.png); + background-size: cover; + */ + background-color:white; + border:5px #51920f solid; + border-radius: 7px; +} + +/*Ʈ ŸƲ */ +.eform_sign_title{ + position:absolute; + left:15px; +} + +/*Ʈ ׸ ܰ*/ +.eform_sign_paint{ + position:absolute; + left:25px; + top:25px; + right:25px; + bottom:85px; + background-color:white; + border:2px darkgray solid; + border-radius: 7px; +} + +/*Ʈ ׸ */ +.eform_sign_canvas{ + position:absolute; + left:0px; + top:0px; + background-color:transparent; +} + +.eform_sign_canvas_in{ + position:absolute; + left:0px; + top:0px; + background-color:transparent; + zoom:0.5; + -moz-transform:scale(0.5); + -moz-transform-origin:0 0 0; +} + +/*Ʈ ޴*/ +.eform_sign_menu{ + position:absolute; + left:0px; + bottom:25px; + right:0px; + height:40px; + text-align: center; +} + +/*Ʈ ư */ +.eform_sign_button{ + width:100px; + height:40px; + border-radius: 4px; + font-weight: bold; + font-size:11pt; + color:RGB(255,255,255); +} + +/*Ʈ ư */ +.eform_sign_button_in{ + position: relative; + border-radius: 4px; + font-weight: bold; + font-size:10pt; + color:RGB(255,255,255); + margin-right: 3px; + margin-bottom: 3px; +} + +/*Ʈ ư Ȯ*/ +.eform_sign_save{ + border:2px #9a9f00 solid; + background-color:#9a9f00; +} + +/*Ʈ ư ʱȭ*/ +.eform_sign_reset{ + border:2px #9a9f00 solid; + background-color:#9a9f00; +} + +/*Ʈ ư */ +.eform_sign_cancel{ + border:2px #999999 solid; + background-color:#999999; +} + +/*Ʈ ̵ ؽƮ*/ +.eform_sign_paint_guide{ + position:absolute; + border:0px none; + background-color:transparent; + text-align:center; + -webkit-user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -ms-user-select: none; + padding:0; +} + +.eform_zoomInOut{ + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + display:none; + /* + -webkit-filter:blur(5px); + */ +} + +.eform_IndexOrder{ + position:absolute; + overflow:hidden; + left:0px; + top:0px; + right:0px; + bottom:0px; + display:none; + z-index:101; + opacity: 0; + background-color:white; +} +.eform_IndexOrder_inner{ + position:absolute; + left:0px; + top:0px; + height:20px; + width:200px; + z-index:160; + display:none; +} +.eform_IndexOrder_left{ + position:absolute; + left:0px; + bottom:0px; + width:20px; + height:20px; +} + +.eform_IndexOrder_right{ + position:absolute; + right:0px; + bottom:0px; + width:20px; + height:20px; +} \ No newline at end of file diff --git a/src/main/webapp/css/seed/font.css b/src/main/webapp/css/seed/font.css new file mode 100644 index 00000000..f565d5fa --- /dev/null +++ b/src/main/webapp/css/seed/font.css @@ -0,0 +1,25 @@ +/* + * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess + */ +@font-face { + font-family: 'NanumGothic'; + font-style: normal; + font-weight: 400; + src: url(../font/NanumGothic-Regular.eot); + src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), + url(../font/NanumGothic-Regular.woff2) format('woff2'), + url(../font/NanumGothic-Regular.woff) format('woff'), + url(../font/NanumGothic-Regular.ttf) format('truetype'); +} + +@font-face { + font-family: '나눔고딕'; + font-style: normal; + font-weight: 400; + src: url(../font/NanumGothic-Regular.eot); + src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), + url(../font/NanumGothic-Regular.woff2) format('woff2'), + url(../font/NanumGothic-Regular.woff) format('woff'), + url(../font/NanumGothic-Regular.ttf) format('truetype'); +} + \ No newline at end of file diff --git a/src/main/webapp/css/seed/gtmHolyCalendar.css b/src/main/webapp/css/seed/gtmHolyCalendar.css new file mode 100644 index 00000000..5da0fbc7 --- /dev/null +++ b/src/main/webapp/css/seed/gtmHolyCalendar.css @@ -0,0 +1,28 @@ +/* 달력 */ +.eduCalenderWrap {position:relative;} +.eduCalenderWrap h5.dateTit {width:100%;height:45px;line-height:45px;margin-bottom:13px;background:url(/site/ntcc/images/sub/edu/bg/bg_date_tit.png) center center no-repeat;color:#fff;text-align:center;font-size:25px;} + +.tblEduCalendar {border-top:1px solid #938b7a;border-right:1px solid #938b7a;margin-bottom: 10px;} +.tblEduCalendar thead th {padding:10px;border-left:1px solid #938b7a;border-bottom:1px solid #938b7a;font-size:19px;color:#3f3f3f;background:#f5f5f5;} +.tblEduCalendar tbody td {position:static;height:68px;padding:5px;border-left:1px solid #938b7a;border-bottom:1px solid #938b7a;text-align:right;font-size:19px;vertical-align:top;font-weight:bold;} +.tblEduCalendar tbody td:first-child {background:#fbf2e2;color:#ac1919;} +.tblEduCalendar tbody td:last-child {background:#edf5ff;color:#3f3f3f;} +.tblEduCalendar tbody td.modal {cursor:pointer;} +.tblEduCalendar tbody td.today {position:relative;background:#fff3f3;} +.tblEduCalendar tbody td.today:before {display:block;position:absolute;left:-2px;top:-2px;width:100%;height:100%;border:2px solid #ed3e3e;content:'';background:url(/site/ntcc/images/sub/edu/bg/bg_today_triangle.png) right bottom no-repeat ;} +.tblEduCalendar tbody td.reserve {position:relative;} +.tblEduCalendar tbody td.reserve img {position:absolute;left:5px;top:5px;} + + +.tblEduCalendar tbody td p.place {margin-top:3px;font-size:13px;font-weight:normal;} +.tblEduCalendar + .flagIntro{margin-bottom: 10px;} +.tblEduCalendar + .flagIntro img{vertical-align: bottom;} +.eduCalenderWrap .flagIntro {padding:17px 0;font-size:15px} +.eduCalenderWrap .flagIntro img {vertical-align:middle;margin-right:5px;} + +.eduCalenderWrap .eduCalenderBtn {position:absolute;right:0;top:12px;} +.eduCalenderWrap .eduCalenderBtn a{display:inline-block;width:37px;height:37px;background:url(/site/ntcc/images/sub/edu/bg/bg_perv_calender.png) 0 0 no-repeat;text-indent:-9999em;} +.eduCalenderWrap .eduCalenderBtn a + a{width:37px;height:37px;background:url(/site/ntcc/images/sub/edu/bg/bg_next_calender.png) 0 0 no-repeat;text-indent:-9999em;} + +.dotRedList li {font-size:13px;margin-bottom:5px;} +.dotRedList li:before {display:inline-block;content:'';width:4px;height:4px;margin-right:8px;background:#f54444;vertical-align:middle;} \ No newline at end of file diff --git a/src/main/webapp/css/seed/jquery-ui.css b/src/main/webapp/css/seed/jquery-ui.css new file mode 100644 index 00000000..49aad03a --- /dev/null +++ b/src/main/webapp/css/seed/jquery-ui.css @@ -0,0 +1,1184 @@ +/*! jQuery UI - v1.10.2 - 2013-03-14 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px +* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; + border-collapse: collapse; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin-top: 2px; + padding: .5em .5em .5em .7em; + min-height: 0; /* support: IE7 */ +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-noicons { + padding-left: .7em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-button { + display: inline-block; + position: relative; + padding: 0; + line-height: normal; + margin-right: .1em; + cursor: pointer; + vertical-align: middle; + text-align: center; + overflow: visible; /* removes extra width in IE */ +} +.ui-button, +.ui-button:link, +.ui-button:visited, +.ui-button:hover, +.ui-button:active { + text-decoration: none; +} +/* to make room for the icon, a width needs to be set here */ +.ui-button-icon-only { + width: 2.2em; +} +/* button elements seem to need a little more width */ +button.ui-button-icon-only { + width: 2.4em; +} +.ui-button-icons-only { + width: 3.4em; +} +button.ui-button-icons-only { + width: 3.7em; +} + +/* button text element */ +.ui-button .ui-button-text { + display: block; + line-height: normal; +} +.ui-button-text-only .ui-button-text { + padding: .4em 1em; +} +.ui-button-icon-only .ui-button-text, +.ui-button-icons-only .ui-button-text { + padding: .4em; + text-indent: -9999999px; +} +.ui-button-text-icon-primary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 1em .4em 2.1em; +} +.ui-button-text-icon-secondary .ui-button-text, +.ui-button-text-icons .ui-button-text { + padding: .4em 2.1em .4em 1em; +} +.ui-button-text-icons .ui-button-text { + padding-left: 2.1em; + padding-right: 2.1em; +} +/* no icon support for input elements, provide padding by default */ +input.ui-button { + padding: .4em 1em; +} + +/* button icon element(s) */ +.ui-button-icon-only .ui-icon, +.ui-button-text-icon-primary .ui-icon, +.ui-button-text-icon-secondary .ui-icon, +.ui-button-text-icons .ui-icon, +.ui-button-icons-only .ui-icon { + position: absolute; + top: 50%; + margin-top: -8px; +} +.ui-button-icon-only .ui-icon { + left: 50%; + margin-left: -8px; +} +.ui-button-text-icon-primary .ui-button-icon-primary, +.ui-button-text-icons .ui-button-icon-primary, +.ui-button-icons-only .ui-button-icon-primary { + left: .5em; +} +.ui-button-text-icon-secondary .ui-button-icon-secondary, +.ui-button-text-icons .ui-button-icon-secondary, +.ui-button-icons-only .ui-button-icon-secondary { + right: .5em; +} + +/* button sets */ +.ui-buttonset { + margin-right: 7px; +} +.ui-buttonset .ui-button { + margin-left: 0; + margin-right: -.3em; +} + +/* workarounds */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, +button.ui-button::-moz-focus-inner { + border: 0; + padding: 0; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-dialog { + position: absolute; + top: 0; + left: 0; + padding: .2em; + outline: 0; +} +.ui-dialog .ui-dialog-titlebar { + padding: .4em 1em; + position: relative; +} +.ui-dialog .ui-dialog-title { + float: left; + margin: .1em 0; + white-space: nowrap; + width: 90%; + overflow: hidden; + text-overflow: ellipsis; +} +.ui-dialog .ui-dialog-titlebar-close { + position: absolute; + right: .3em; + top: 50%; + width: 21px; + margin: -10px 0 0 0; + padding: 1px; + height: 20px; +} +.ui-dialog .ui-dialog-content { + position: relative; + border: 0; + padding: .5em 1em; + background: none; + overflow: auto; +} +.ui-dialog .ui-dialog-buttonpane { + text-align: left; + border-width: 1px 0 0 0; + background-image: none; + margin-top: .5em; + padding: .3em 1em .5em .4em; +} +.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; +} +.ui-dialog .ui-dialog-buttonpane button { + margin: .5em .4em .5em 0; + cursor: pointer; +} +.ui-dialog .ui-resizable-se { + width: 12px; + height: 12px; + right: -5px; + bottom: -5px; + background-position: 16px 16px; +} +.ui-draggable .ui-dialog-titlebar { + cursor: move; +} +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + margin: .4em 0 .2em; + line-height: 1.5; +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + position: static; + float: right; +} +.ui-progressbar { + height: 2em; + text-align: left; + overflow: hidden; +} +.ui-progressbar .ui-progressbar-value { + margin: -1px; + height: 100%; +} +.ui-progressbar .ui-progressbar-overlay { + background: url("/img/jquery-ui/animated-overlay.gif"); + height: 100%; + filter: alpha(opacity=25); + opacity: 0.25; +} +.ui-progressbar-indeterminate .ui-progressbar-value { + background-image: none; +} +.ui-resizable { + position: relative; +} +.ui-resizable-handle { + position: absolute; + font-size: 0.1px; + display: block; +} +.ui-resizable-disabled .ui-resizable-handle, +.ui-resizable-autohide .ui-resizable-handle { + display: none; +} +.ui-resizable-n { + cursor: n-resize; + height: 7px; + width: 100%; + top: -5px; + left: 0; +} +.ui-resizable-s { + cursor: s-resize; + height: 7px; + width: 100%; + bottom: -5px; + left: 0; +} +.ui-resizable-e { + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; +} +.ui-resizable-w { + cursor: w-resize; + width: 7px; + left: -5px; + top: 0; + height: 100%; +} +.ui-resizable-se { + cursor: se-resize; + width: 12px; + height: 12px; + right: 1px; + bottom: 1px; +} +.ui-resizable-sw { + cursor: sw-resize; + width: 9px; + height: 9px; + left: -5px; + bottom: -5px; +} +.ui-resizable-nw { + cursor: nw-resize; + width: 9px; + height: 9px; + left: -5px; + top: -5px; +} +.ui-resizable-ne { + cursor: ne-resize; + width: 9px; + height: 9px; + right: -5px; + top: -5px; +} +.ui-selectable-helper { + position: absolute; + z-index: 100; + border: 1px dotted black; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-spinner { + position: relative; + display: inline-block; + overflow: hidden; + padding: 0; + vertical-align: middle; +} +.ui-spinner-input { + border: none; + background: none; + color: inherit; + padding: 0; + margin: .2em 0; + vertical-align: middle; + margin-left: .4em; + margin-right: 22px; +} +.ui-spinner-button { + width: 16px; + height: 50%; + font-size: .5em; + padding: 0; + margin: 0; + text-align: center; + position: absolute; + cursor: default; + display: block; + overflow: hidden; + right: 0; +} +/* more specificity required here to overide default borders */ +.ui-spinner a.ui-spinner-button { + border-top: none; + border-bottom: none; + border-right: none; +} +/* vertical centre icon */ +.ui-spinner .ui-icon { + position: absolute; + margin-top: -8px; + top: 50%; + left: 0; +} +.ui-spinner-up { + top: 0; +} +.ui-spinner-down { + bottom: 0; +} + +/* TR overrides */ +.ui-spinner .ui-icon-triangle-1-s { + /* need to fix icons sprite */ + background-position: -65px -16px; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom-width: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav li a { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { + cursor: text; +} +.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} +.ui-tooltip { + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; +} +body .ui-tooltip { + border-width: 2px; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Verdana,Arial,sans-serif; + font-size: 1.1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Verdana,Arial,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #aaaaaa; + background: #ffffff url(/img/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; + color: #222222; +} +.ui-widget-content a { + color: #222222; +} +.ui-widget-header { + border: 1px solid #aaaaaa; + background: #cccccc url(/img/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; + color: #222222; + font-weight: bold; +} +.ui-widget-header a { + color: #222222; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #d3d3d3; + background: #e6e6e6 url(/img/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; + font-weight: normal; + color: #555555; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #555555; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #999999; + background: #dadada url(/img/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; + font-weight: normal; + color: #212121; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited { + color: #212121; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #aaaaaa; + background: #ffffff url(/img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; + font-weight: normal; + color: #212121; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #212121; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fcefa1; + background: #fbf9ee url(/img/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec url(/img/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; + color: #cd0a0a; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_222222_256x240.png); +} +.ui-widget-header .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_222222_256x240.png); +} +.ui-state-default .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_888888_256x240.png); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_454545_256x240.png); +} +.ui-state-active .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_454545_256x240.png); +} +.ui-state-highlight .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_2e83ff_256x240.png); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url(/img/jquery-ui/ui-icons_cd0a0a_256x240.png); +} + +/* positioning */ +.ui-icon-blank { background-position: 16px 16px; } +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 4px; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 4px; +} + +/* Overlays */ +.ui-widget-overlay { + background: #aaaaaa url(/img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaaaaa url(/img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); + border-radius: 8px; +} + +.ui-resizable-helper { + border: 3px dotted #00F; +} + +a.paging-item,a.paging-side{margin:0 .25em;} +a.paging-item.selected{font-weight:bold;} + +#loadingBar {background:url('/img/jquery-ui/ajax-loader.gif') no-repeat center center #fff;opacity:0.6;width:100%;position:absolute;left:0px;top:0px;z-index:100000000;} \ No newline at end of file diff --git a/src/main/webapp/css/seed/jquery-ui.min.css b/src/main/webapp/css/seed/jquery-ui.min.css new file mode 100644 index 00000000..24e9b431 --- /dev/null +++ b/src/main/webapp/css/seed/jquery-ui.min.css @@ -0,0 +1,7 @@ +/*! jQuery UI - v1.11.4 - 2015-03-11 +* http://jqueryui.com +* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=glass&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=glass&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=highlight_hard&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ + +.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#f2f5f7 url("images/ui-bg_highlight-hard_100_f2f5f7_1x100.png") 50% top repeat-x;color:#362b36}.ui-widget-content a{color:#362b36}.ui-widget-header{border:1px solid #aed0ea;background:#deedf7 url("images/ui-bg_highlight-soft_100_deedf7_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #aed0ea;background:#d7ebf9 url("images/ui-bg_glass_80_d7ebf9_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#2779aa}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2779aa;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #74b2e2;background:#e4f1fb url("images/ui-bg_glass_100_e4f1fb_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#0070a3}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#0070a3;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #2694e8;background:#3baae3 url("images/ui-bg_glass_50_3baae3_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #f9dd34;background:#ffef8f url("images/ui-bg_highlight-soft_25_ffef8f_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#cd0a0a url("images/ui-bg_flat_15_cd0a0a_40x100.png") 50% 50% repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_72a7cf_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_72a7cf_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_3d80b3_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_2694e8_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#eee url("images/ui-bg_diagonals-thick_90_eeeeee_40x40.png") 50% 50% repeat;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-7px 0 0 -7px;padding:7px;background:#000 url("images/ui-bg_highlight-hard_70_000000_1x100.png") 50% top repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} \ No newline at end of file diff --git a/src/main/webapp/css/seed/layout.css b/src/main/webapp/css/seed/layout.css new file mode 100644 index 00000000..5a9cd486 --- /dev/null +++ b/src/main/webapp/css/seed/layout.css @@ -0,0 +1,273 @@ +@charset "utf-8"; + +/*-------------------------------------------------------------------------- + 왼 메뉴 제어 +--------------------------------------------------------------------------*/ +#lmContainer { width:200px;/* height:80%; */min-height:80%; background:#484848; float:left; border-right:1px solid #3f3f3f; } +#lmContainer h1 { color:#fff; font-size:13px; font-weight:600; margin:20px 10px 10px 20px; } +#lmContainer hr { border-top:1px solid #3f3f3f; border-bottom:1px solid #626262; border-right:none; border-left:none; margin:0; } +#lmContainer ul { font-size:12px; } +#lmContainer ul li { padding:7px 10px 10px 20px; } +#lmContainer ul li a { color:#fff; } +#lmContainer ul li.on { background:#3f3f3f; } +#lmContainer ul li.off { background:#484848; } + + +/*-------------------------------------------------------------------------- + 왼 메뉴 열고 닫는 div +--------------------------------------------------------------------------*/ +#lmControl { width:20px; min-height:80%; background:#484848; float:left; border-left:1px solid #626262; cursor:pointer; z-index: 999; } +#lmControl img { margin:15px 3px 15px 5px; } + + +/*-------------------------------------------------------------------------- + 왼 메뉴 열었을 때, 닫았을 때, 없을 때 +--------------------------------------------------------------------------*/ +/* article.menu_on { margin:15px 30px 15px 255px; } +article.menu_off { margin:15px 30px 15px 50px; } +article.menu_none { margin:15px 30px 15px 30px; } */ + + +/*-------------------------------------------------------------------------- + 본문 내용 타이틀 영역 +--------------------------------------------------------------------------*/ +.titleWrap { height:30px; } +article h1 { float:left; margin:0; padding:0; font-size:17px; font-weight:600; color:#484848; height:28px; } + + +/*-------------------------------------------------------------------------- + 페이지 네비게이션 +--------------------------------------------------------------------------*/ +.pageNavigation { font-size:0; line-height:0; text-align:center; margin:0 0 10px 0; } +.pageNavigation ul { font-size:12px; display:inline; line-height:24px; margin:0 10px; } +.pageNavigation ul li { display:inline; padding:0; margin:0; } +.pageNavigation ul li a { padding:4px 8px; } +.pageNavigation ul li.on a { border:1px solid #ddd; color:#C00; font-weight:600; } +.pageNavigation ul li.off a { color:#666; } + +/*IE7용*/*:first-child+html .pageNavigation ul li a { padding:0; } +/*IE7용*/*:first-child+html .pageNavigation ul li.on a { padding:4px 8px; } +/*IE7용*/*:first-child+html .pageNavigation img { vertical-align:-8px;} +/*IE7용*/*:first-child+html .pageNavigation ul li { padding:4px 6px 4px 8px; } + + +/*-------------------------------------------------------------------------- + 읽기 테이블 +--------------------------------------------------------------------------*/ +.readTable { border-top:2px solid #000; } +.readTable caption { display:none; } +.readTable th { height:40px; text-align:left; border-bottom:1px solid #ddd; font-size:13px; font-weight:600; color:#484848; padding:5px 3px; } +.readTable td { height:40px; border-bottom:1px solid #ddd; padding:5px 3px; } + + +.writeComment { padding:4px 0px; } +.readComment { padding:4px 0px; margin-top: 10px; border-top: 2px solid #DEDEDE; } +.readComment li { padding:10px 0px; margin-bottom: 5px; border-bottom: 1px solid #DEDEDE; } +.readComment img { vertical-align: middle; } +.readComment li div { padding:4px 0px; } + + +/*-------------------------------------------------------------------------- + 글자 꾸미기 +--------------------------------------------------------------------------*/ +.wordstyle.green { color:#749530; } +.wordstyle.blue { color:#0100FF; } +.wordstyle.red { color:#C00; } + + +/*-------------------------------------------------------------------------- + 버튼 공간 +--------------------------------------------------------------------------*/ +.btArea { min-height:36px; text-align:center; font-size:25px; } +.btArea.bt_l { text-align:left; } +.btArea.bt_r { text-align:right; } + + +/*-------------------------------------------------------------------------- + 체크 박스 정렬 스타일 +--------------------------------------------------------------------------*/ +.checkbox { line-height:20px; } +.checkbox li { padding-right:15px; } +.checkbox input { vertical-align:-15%; } + +.verti40 { vertical-align:-40%; } + + +/*-------------------------------------------------------------------------- + 목록 테이블 폼 +--------------------------------------------------------------------------*/ +.listTable { border-top:2px solid #000; } +.listTable caption { display:none; } +.listTable th { background:url(/img/common/background/list_bg.gif) repeat-x bottom; height:35px; border-bottom:1px solid #d6d6d6; font-weight:600; } +.listTable th span { font-size:8px; } +.listTable th a:hover { color:#83a837; text-decoration:underline; } +.listTable td { border-bottom:1px solid #d6d6d6; height:30px; padding:2px 10px; } + +.listTable.ac td { text-align:center; } +.listTable.ac .subj { text-align:left; } + + + +/*-------------------------------------------------------------------------- + 홈페이지 현재 위치 +--------------------------------------------------------------------------*/ +div.location { color:#999; font-size:12px; margin:30px 0 0 0;} +div.location img { vertical-align:-20%; padding:0 0 0 30px; } +div.location strong { font-weight:normal; color:#777; } +div.location hr { border:none; border-top:1px solid #dedede; border-bottom:1px solid #fff; margin:8px 0 0 0; } + + +/*-------------------------------------------------------------------------- + 목록 테이블 검색 폼 +--------------------------------------------------------------------------*/ +div.board_search { float:right; height:28px; min-width:372px; text-align:right; } + + +/* input, selectbox : 둥근 박스 스타일 */ + +.selstyle { height:28px; margin:10px 0 0 0; } +.type1 { float:left; height:28px; overflow: hidden; margin:0 10px 0 0; background:url(/img/common/select_bg.gif) no-repeat left 0; } +.type1 div { height:28px; background:url(/img/common/select_bg.gif) no-repeat right 0; padding:0 31px 0 0; } +.type1 select { background: transparent; padding: 0 5px; font-size: 13px; border: 0; border-radius: 0; height: 28px; -webkit-appearance: none; } + +/*IE7용*/*:first-child+html .selstyle { height:28px; margin:10px 0 0 0; } +/*IE7용*/*:first-child+html .selstyle.type1 { float:left; height:28px; overflow: hidden; margin:0 10px 0 0; background:url(/img/common/select_bg.gif) no-repeat left 0; } +/*IE7용*/*:first-child+html .selstyle.type1 div { height:28px; background:url(/img/common/select_bg.gif) no-repeat right 0; padding:0 31px 0 0; } +/*IE7용*/*:first-child+html .selstyle.type1 select { background:none; padding: 0 5px; font-size: 13px; border:none; border-radius:0; height: 28px; -webkit-appearance: none; } + +/* input, selectbox : 선 박스 스타일 */ +.inpstyle.type1 { border:1px solid #ddd; padding:0 0 0 7px; height:27px; border-radius:5px;} +.inpstyle.type2 { border:1px solid #ddd; padding:0 0 0 2px; height:24px; vertical-align:-5%; border-radius:5px; } +.inpstyle.type3 { border:1px solid #ddd; padding:0 0 0 2px; height:35px; vertical-align:-5%; border-radius:5px; width:500px; margin:0 0 20px 0; padding:0 0 0 7px; } + + + +.inpstyle.contents { border:1px solid #ddd; border-radius:5px; vertical-align:0;font-family:"돋움", "dotum"; font-size:12px;} + + +/*-------------------------------------------------------------------------- + 메뉴명 데코레이션 +--------------------------------------------------------------------------*/ +.menuedit.sub1 { background:url(/img/common/bullet_3.gif) no-repeat 0px 0px; padding:0 0 0 17px; } +.menuedit.sub2 { background:url(/img/common/bullet_4.gif) no-repeat 15px 0px; padding:0 0 0 32px; } +.menuedit.sub3 { background:url(/img/common/bullet_1.gif) no-repeat 30px 0px; padding:0 0 0 47px; } +.menuedit.sub4 { background:url(/img/common/bullet_2.gif) no-repeat 45px 0px; padding:0 0 0 62px; } +.menuedit.sub5 { background:url(/img/common/bullet_5.gif) no-repeat 60px 0px; padding:0 0 0 77px; } + + +/*-------------------------------------------------------------------------- + 아이콘 버튼 부분 +--------------------------------------------------------------------------*/ +.icon_menu {z-index:1; Padding:8px 20px; } +.icon_menu ul li {display:inline; margin:0 0 0 5px;} +.icon_menu ul li.margin30 { margin:0 0 0 30px; } + +.iconmWrap { height:85px; background:#f1f1f1 url(/img/common/background/gray.gif) repeat-x bottom; margin:0; border-bottom:1px solid #fff; position:relative; z-index: 999;} +.iconmWrap_none { height:85px; background:#f1f1f1 url(/img/common/background/gray.gif) repeat-x bottom; margin:0; border-bottom:1px solid #fff; position:relative; z-index: 999;} + + +/*-------------------------------------------------------------------------- + 탭메뉴 기본 +--------------------------------------------------------------------------*/ + +.tabMenu { padding:10px 0; } +.tabMenu ul { font-size:5px; margin:0; } +.tabMenu ul li { display:inline; border-bottom:none; padding:10px 0; margin:15px 0; font-size:12px; } +.tabMenu ul li a { background:#484848; color:#fff; font-weight:600; padding:10px 30px; border:1px solid #484848; border-bottom:1px solid #484848; border-top-left-radius:5px; border-top-right-radius:5px; } +.tabMenu ul li a:hover { font-weight:600; color:#484848; background:#f7f7f7; border:1px solid #484848; border-bottom:2px solid #f7f7f7; border-top-left-radius:5px; border-top-right-radius:5px; } + + +/*-------------------------------------------------------------------------- + 메뉴속성관리 +--------------------------------------------------------------------------*/ +.userArea { text-align:center; margin:0 0 20px 0;font-size:12px; border:1px solid #ddd; border-top:2px solid #484848; } +.userArea .contents { padding:7px 10px; background:none; border:none; margin:0 auto; } +.userArea.top { height:150px; } +.userArea.left { float:left; width:200px; margin:0 20px 0 0; height:434px; } +.userArea.write { margin-left:222px; height:400px; } +.userArea.write_none { height:400px; } + +.userArea.top .contents { height:106px; width:97%; } +.userArea.left .contents { height:390px; width:87%; } +.userArea.write .contents { height:356px; width:96%; } + + +/*-------------------------------------------------------------------------- + 메뉴속성관리 +--------------------------------------------------------------------------*/ +.userArea .titleWrap h2 { float:left; text-align:left; font-size:13px; font-weight:600; color:#83a837; margin:0; margin:15px 5px 5px 15px; } + +.userArea .titleWrap .user_tab { float:left; margin:15px 5px 5px 15px; } +.userArea .titleWrap .user_tab li { display:inline; } +.userArea .titleWrap .user_tab li a { border:1px solid #ccc; padding:7px 15px; color:#999; border-radius:5px; border-bottom-left-radius:0;} +.userArea .titleWrap .user_tab li a:hover { background:#fff; font-weight:600; color:#83a837; border:1px solid #add161; } + +.userArea .titleWrap .btR { float:right; margin:10px 15px 0 5px; } + + +/*-------------------------------------------------------------------------- + 파일관리 +--------------------------------------------------------------------------*/ +.MultiFile-wrap { float:left; } +.file_category { float:left; border:1px solid #ddd; border-top:2px solid #484848; width:300px; height:550px; } +.file_listWrap { margin-left:320px; border:1px solid #ddd; border-top:2px solid #484848; height:550px; } + +.funcWrap { background:url(/img/common/background/gray.gif) repeat-x bottom; border-bottom:1px solid #fff; padding:8px 10px; font-size:12px; } + +.choose_category { height:502px; overflow:auto; clear: both; } +.choose_category a { color:#666; } +.choose_category a:hover { font-weight:600; color:#000; } +.choose_category ul { line-height:24px; color:#666; margin:10px 0 5px 15px;} +.choose_category ul li { background:url(/img/common/icon_category_01.png) no-repeat 0 7px; padding:0 0 0 20px; } +.choose_category ul li img { vertical-align:-1px; margin-left:5px; } + +.choose_category ul > li > ul { margin:0; } + +/* 파일찾기 스타일 */ +.finefile { height:28px; background:url(/img/common/select_bg.gif) no-repeat left -71px; float:left; margin-right:5px; } +.finefile div { height:28px; background:url(/img/common/select_bg.gif) no-repeat right -71px; } +.finefile input { background:none; border:none; margin:4px 0 0 2px; } +.finefile a { font-size:12px; } + +.file_locat { padding:7px 10px; background:#f2f2f2 url(/img/common/background/gray.gif) repeat-x bottom; border-bottom:1px solid #fff; font-size:12px;} +.file_locat span { padding-right:25px; margin-right:10px; background:url(/img/common/background/gray.gif) repeat-y right; border-right:1px solid #fff; } + +.file_list { overflow:auto; height:473px; } +/*IE7용*/*:first-child+html .file_list table { overflow:auto; height:473px; } + +.file_list table caption { display:none; } +.file_list table th { padding:3px 0 8px 0; border-bottom:1px solid #ccc; border-right:1px solid #eee; font-weight:600; } +.file_list table td { padding:5px; text-align:center;border-bottom:1px solid #eee; } +.file_list table td.subj { text-align:left; padding-left:10px; } + + +/*-------------------------------------------------------------------------- + 로그인 +--------------------------------------------------------------------------*/ +.loginWrap { border:10px solid #eee; width:460px; margin:150px auto; padding:60px 100px; } +.loginWrap p { margin:0; padding:0; line-height:20px; } +.loginWrap ul.loginarea { float:left; font-size:0; line-height:0; } + + +.loginF { font-size:13px; height:48px; background:url(/img/common/select_bg.gif) no-repeat left -105px; margin:0 15px 10px 0; width:300px; } +.loginF input { height:48px; line-height:48px; border:none; background:none; width:230px; background:url(/img/common/select_bg.gif) no-repeat right -105px; float:right; } +.loginF label { float:left; margin:25px 20px; } + +.login_imgtt { margin:0 0 10px 0; } +.loginForm { margin:30px auto; text-align:center;} + +/*IE7용*/*:first-child+html .loginF { height:48px; margin:0 15px 10px 0; width:300px; text-align:right; } +/*IE7용*/*:first-child+html .loginF input { width:230px; padding:18px 0 0 0; height:29px; background:url(/img/common/select_bg.gif) no-repeat right -106px; float:none; } +/*IE7용*/*:first-child+html .loginF label { font-size:13px; background:none; vertical-align:40px; float:none; vertical-align:15px; } + +.imgal { border:1px solid #ddd; width:774px; height:387px; margin:30px auto; text-align:center; padding:1px; } + +/*-------------------------------------------------------------------------- + 메세지 페이지 +--------------------------------------------------------------------------*/ +.message_ok_warp {width:100%;height:100%;position:relative} +.message_inner {width:680px;height:402px;border-bottom:1px solid #d9d8d8;position:absolute;left:50%;top:30%;margin-left:-340px;margin-top:-160px;text-align:center} +.message_inner > h1 {height:86px;margin-bottom:83px} +.message_out {display:inline-block;padding:28px 70px;border:1px solid #e1e1e1;background:#ededed;margin-bottom:66px} +#message {font-weight:700} + diff --git a/src/main/webapp/css/seed/picker.default.css b/src/main/webapp/css/seed/picker.default.css new file mode 100644 index 00000000..978a0b4b --- /dev/null +++ b/src/main/webapp/css/seed/picker.default.css @@ -0,0 +1,71 @@ +/* ========================================================================== + $BASE-PICKER + ========================================================================== */ +/** + * Note: the root picker element should *NOT* be styled more than what’s here. + */ +.picker {position:absolute;z-index:-1;font-size:12px;color:#000000;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;} +.picker--opened{z-index:10000;} +/** + * The picker input element. + */ +.picker__input {cursor:default;} +/** + * When the picker is opened, the input element is “activated”. + */ +.picker__input.picker__input--active {border-color:#0089ec;} +/** + * The holder is the only “scrollable” top-level container element. + */ +.picker__holder {overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch;} + +/*! + * Default mobile-first, responsive styling for pickadate.js + * Demo: http://amsul.github.io/pickadate.js + */ +/** + * Note: the root picker element should *NOT* be styled more than what’s here. + */ +/** + * Make the holder and frame fullscreen. + */ +.picker__holder, +.picker__frame {top:0;right:0;bottom:0;left:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);} +html.ie8 .picker__holder, +html.ie8 .picker__frame {margin-top:-999em} + +/** + * The holder should overlay the entire screen. + */ +.picker__holder {position:fixed;transition:background 0.15s ease-out, -webkit-transform 0s 0.15s;transition:background 0.15s ease-out, transform 0s 0.15s;-webkit-backface-visibility:hidden;} +/** + * The frame that bounds the box contents of the picker. + */ +.picker__frame {position:absolute;width:100%;min-width:256px;max-width:666px;margin:0 auto;opacity:0;transition:all 0.15s ease-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;} +@media (min-height: 33.875em) {.picker__frame {overflow:visible;top:auto;bottom:-100%;max-height:80%;}} +@media (min-height: 40.125em) {.picker__frame {margin-bottom:7.5%;}} +/** + * The wrapper sets the stage to vertically align the box contents. + */ +.picker__wrap {display:table;width:100%;height:100%;} +@media (min-height: 33.875em) {.picker__wrap {display:block;}} +/** + * The box contains all the picker contents. + */ +.picker__box {display:table-cell;background:#ffffff;vertical-align:middle;} +@media (min-height: 26.5em) { + .picker__table tbody td {font-size:12px !important;} + .picker__box {font-size:1.25em;} +} +@media (min-height: 33.875em) {.picker__box {display:block;border:1px solid #777777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0, 0, 0, 0.24);font-size:1.33em;}} +@media (min-height: 40.125em) {.picker__box {border-bottom-width:1px;border-radius:5px;font-size:1.5em;}} +/** + * When the picker opens... + */ +.picker--opened .picker__holder {background:transparent;background:rgba(0, 0, 0, 0.32);zoom:1;transition:background 0.15s ease-out;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";} +.picker--opened .picker__frame {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;} + +html.ie8 .picker--opened .picker__holder, +html.ie8 .picker--opened .picker__frame{margin-top:0} + +@media (min-height: 33.875em) {.picker--opened .picker__frame {top:auto;bottom:0;}} \ No newline at end of file diff --git a/src/main/webapp/css/seed/picker.default.date.css b/src/main/webapp/css/seed/picker.default.date.css new file mode 100644 index 00000000..897ce706 --- /dev/null +++ b/src/main/webapp/css/seed/picker.default.date.css @@ -0,0 +1,115 @@ +/* ========================================================================== + $BASE-DATE-PICKER + ========================================================================== */ +/** + * The picker box. + */ +.picker__box {padding:0 1em;} +/** + * The header containing the month and year stuff. + */ +.picker__header {position:relative;margin-top:.75em;text-align:center;} +/** + * The month and year labels. + */ +.picker__month, +.picker__year {display:inline-block;margin-right:.25em;margin-left:.25em;font-weight:500;} +.picker__year {font-size:.7em;color:#999999;} +/** + * The month and year selectors. + */ +.picker__select--month, +.picker__select--year {height:2em;margin-right:.25em;margin-left:.25em;padding:.5em;border:1px solid #b7b7b7;} +@media (min-width: 24.5em) {.picker__select--month, + .picker__select--year {margin-top:-0.5em;}} +.picker__select--month {width:35%;} +.picker__select--year {width:22.5%;} +.picker__select--month:focus, +.picker__select--year:focus {border-color:#0089ec;} +/** + * The month navigation buttons. + */ +.picker__nav--prev, +.picker__nav--next {position:absolute;top:-0.25em;width:1em;height:1em;box-sizing:content-box;padding:.5em 1.25em;} +@media (min-width: 24.5em) { + .picker__nav--prev, + .picker__nav--next {top:-0.33em;} +} +.picker__nav--prev {left:-1em;padding-right:1.25em;} +@media (min-width: 24.5em) { + .picker__nav--prev {padding-right:1.5em;} +} +.picker__nav--next {right:-1em;padding-left:1.25em;} +@media (min-width: 24.5em) { + .picker__nav--next {padding-left:1.5em;} +} +.picker__nav--prev:before, +.picker__nav--next:before {display:block;width:0;height:0;margin:0 auto;border-top:.5em solid transparent;border-right:0.75em solid #000000;border-bottom:.5em solid transparent;content:" ";} +.picker__nav--next:before {border-right:0;border-left:0.75em solid #000000;} +.picker__nav--prev:hover, +.picker__nav--next:hover {background:#b1dcfb;color:#000000;cursor:pointer;} +.picker__nav--disabled, +.picker__nav--disabled:hover, +.picker__nav--disabled:before, +.picker__nav--disabled:before:hover {border-right-color:#f5f5f5;border-left-color:#f5f5f5;background:none;cursor:default;} +/** + * The calendar table of dates + */ +.picker__table {width:100%;margin-top:.75em;margin-bottom:.5em;font-size:inherit;table-layout:fixed;border-spacing:0;border-collapse:collapse;text-align:center;} +@media (min-height: 33.875em) {.picker__table {margin-bottom:.75em;}} +.picker__table td {margin:0;padding:0;} +/** + * The weekday labels + */ +.picker__weekday {width:14.285714286%;padding-bottom:.25em;font-size:.75em;font-weight:500;color:#999999; + /* Increase the spacing a tad */} +@media (min-height: 33.875em) {.picker__weekday {padding-bottom:.5em;}} +/** + * The days on the calendar + */ +.picker__day {padding:.3125em 0;border:1px solid transparent;font-weight:200;} +.picker__day--today {position:relative;} +.picker__day--today:before {position:absolute;top:2px;right:2px;width:0;height:0;border-top:0.5em solid #0059bc;border-left:.5em solid transparent;content:" ";} +.picker__day--disabled:before {border-top-color:#aaaaaa;} +.picker__day--outfocus {color:#dddddd;} +.picker__day--infocus:hover, +.picker__day--outfocus:hover {background:#b1dcfb;color:#000000;cursor:pointer;} +.picker__day--highlighted {border-color:#0089ec;} +.picker__day--highlighted:hover, +.picker--focused .picker__day--highlighted {background:#b1dcfb;color:#000000;cursor:pointer;} +.picker__day--selected, +.picker__day--selected:hover, +.picker--focused .picker__day--selected {background:#0089ec;color:#ffffff;} +.picker__day--disabled, +.picker__day--disabled:hover, +.picker--focused .picker__day--disabled {border-color:#f5f5f5;background:#f5f5f5;color:#dddddd;cursor:default;} +.picker__day--highlighted.picker__day--disabled, +.picker__day--highlighted.picker__day--disabled:hover {background:#bbbbbb;} +/** + * The footer containing the "today", "clear", and "close" buttons. + */ +.picker__footer {text-align:center;} +.picker__button--today, +.picker__button--clear, +.picker__button--close {display:inline-block;width:33%;padding:.66em 0;border:1px solid #ffffff;background:#ffffff;font-size:.8em;font-weight:bold;vertical-align:bottom;} +.picker__button--today:hover, +.picker__button--clear:hover, +.picker__button--close:hover {border-bottom-color:#b1dcfb;background:#b1dcfb;color:#000000;cursor:pointer;} +.picker__button--today:focus, +.picker__button--clear:focus, +.picker__button--close:focus {border-color:#0089ec;outline:none;background:#b1dcfb;} +.picker__button--today:before, +.picker__button--clear:before, +.picker__button--close:before {display:inline-block;position:relative;height:0;} +.picker__button--today:before, +.picker__button--clear:before {margin-right:.45em;content:" ";} +.picker__button--today:before {top:-0.05em;width:0;border-top:0.66em solid #0059bc;border-left:.66em solid transparent;} +.picker__button--clear:before {top:-0.25em;width:.66em;border-top:3px solid #ee2200;} +.picker__button--close:before {top:-0.1em;margin-right:.35em;font-size:1.1em;color:#777777;content:"\D7";vertical-align:top;} +.picker__button--today[disabled], +.picker__button--today[disabled]:hover {border-color:#f5f5f5;background:#f5f5f5;color:#dddddd;cursor:default;} +.picker__button--today[disabled]:before {border-top-color:#aaaaaa;} + +/* ========================================================================== + $DEFAULT-DATE-PICKER + ========================================================================== */ \ No newline at end of file diff --git a/src/main/webapp/css/seed/reset.css b/src/main/webapp/css/seed/reset.css new file mode 100644 index 00000000..15ee3055 --- /dev/null +++ b/src/main/webapp/css/seed/reset.css @@ -0,0 +1,42 @@ +@charset "UTF-8"; + +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} +body { + font:12px/1.5em Arial, dotum, AppleGothic, sans-serif +} +table { + border-collapse: collapse; + border-spacing: 0; +} +caption, th, td { + text-align: left; + font-weight: normal; +} +table, td, th { + vertical-align: middle; +} +blockquote:before, blockquote:after, q:before, q:after { + content: ""; +} +blockquote { + quotes: "" ""; +} +a img { + border: none; +} + +a {text-decoration:none} + + +/* Hides from IE5-mac \*/ +* html { height: 1%; } +/* End hide from IE5-mac */ \ No newline at end of file diff --git a/src/main/webapp/css/seed/search.css b/src/main/webapp/css/seed/search.css new file mode 100644 index 00000000..58e0727a --- /dev/null +++ b/src/main/webapp/css/seed/search.css @@ -0,0 +1,254 @@ +@charset "utf-8"; +/* CSS Document */ +@import url("reset.css"); + +/* 레이아웃 큰박스 속성*/ +#lay_out {width:985px; margin:0 auto;} +#lay_out2 {width:481px; margin:100px auto; border:1px solid #ECF0F4;} +#search_top {width:985px; height:88px;} +#search_auto {width:985px; height:88px;} +#search_result {float:left; width:655px; margin:0; border-top:1px solid #CAD2DF;} +#search_leftap {width:150px; float:left;} +#search_optional {width:180px; float:left; border-top:1px solid #D5DCE6;} +#search_footer {float:left; width:985px; padding:20px 0; color:#7F9DB8; text-align:center; background:url(../images/bg_bottom.gif) top no-repeat;} + +body{font:normal 12px dotum;} +img{border:none; vertical-align:middle;} +input{vertical-align:middle;} + +.fl{float:left;} +.fr{float:right;} + +/* top */ +.nuttop{position:relative;} +.nuttop li{float:left;} +.nuttop ul { float: left;} +.nuttop .logo{width:127px; height:33px; margin:27px 0 0 20px;} +.nuttop .keyin{width:398px; height:26px; margin:29px 0 0 18px; border:3px solid #7F9DB9; background-color:#FFF;} +.nuttop .keyin input{width:365px; margin:5px 0 0 5px; border:0px #FFF; font-weight:bold; font-size:14px;} +*:first-child+html .nuttop .keyin input{width:365px; margin:5px 0 0 -15px; border:0px #FFF; font-weight:bold; font-size:14px;} +.nuttop .keyin p{width:7px; height:4px; float:right; margin:11px 10px 0 0;} +*:first-child+html .nuttop .keyin p{width:7px; height:4px; float:right; margin:-10px 10px 0 0;} +.nuttop .btn{width:72px; height:32px; margin:29px 0 0 5px;} +.nuttop .btndsearch{width:100px; height:13px; margin:38px 0 0 7px;color:#6086A9;} +.nuttop .btndsearch a:link{color:#7F9DB9; text-decoration:none;} +.nuttop .btndsearch a:hover{color:#7F9DB9; text-decoration:underline;} +.nuttop .btndsearch a:visited{color:#7F9DB9; text-decoration:none;} + + +.nuttop .auto{position:absolute; width:402px; height:224px; border:1px solid #7F9DB9; background-color:#efefef; top:62px; left:165px;} +.nuttop .auto .recomm{width:402px; height:202px; border-bottom:1px solid #7F9DB9; background-color:#FFF; overflow-x:hidden; overflow-y:scroll;} +.nuttop .auto .recomm li{width:390px; padding:3px 5px; margin:1px;} +.nuttop .auto .recomm li strong{color:#EA8D07;} +.nuttop .auto .close{width:394px; padding:4px; font-size:11px; text-align:right;} +.nuttop .auto .close a{color:#666; text-decoration:none;} + + +.auto{position:relative;} +/*.nuttop .dsa{position:absolute; width:549px; height:90px; border:1px solid #7F9DB9; background-color:#fff; top:62px; left:165px;} +.nuttop .dsa .recomm{width:539px; height:60px; padding:0 0 0 10px; background-color:#FFF; color:#575757;} +.nuttop .dsa .recomm li{width:250px; padding:5px;} +.nuttop .dsa .recomm li input{width:186px; height:15px; float:left; border:1px solid #999;} +.nuttop .dsa .recomm li p{width:55px; margin:4px 0 0 0; float:left;} +.nuttop .dsa .close{width:515px; padding:0 10px; text-align:right;}*/ + +.nuttop .dsa{position:absolute; width:549px; height:90px; border:1px solid #7F9DB9; background-color:#fff; top:62px; left:165px; display:none; z-index:100;} +.nuttop .dsa .recomm{width:247px; height:20px; margin:7px 0 0 17px;} +.nuttop .dsa .recomm p{width:50px; float:left;} +.nuttop .dsa .recomm input{width:190px; height:14px; padding:2px; border:1px solid #5F768B; background-color:#f9f9f9;} +.nuttop .dsa .close{width:517px; height:20px; margin:7px 0 0 10px; text-align:right;} + + +/* left */ +.lefttap{width:142px; height:21px; padding:7px 0 0 7px; font:normal 13px dotum;} + +.lefttapsty1{color:#6086A9; border-top:1px solid #D7DFE8; border-right:1px solid #CAD2DF; border-left:1px solid #D7DFE8; border-bottom:1px solid #D7DFE8;} +.lefttapsty11{background-color:#FFF; color:#3C556C; border-top:1px solid #CAD2DF; border-left:1px solid #CAD2DF; border-bottom:1px solid #CAD2DF; border-right:1px solid #fff; font-weight:bold;} + +.lefttapsty2{color:#6086A9; border-left:1px solid #D7DFE8; border-bottom:1px solid #D7DFE8; border-right:1px solid #CAD2DF;} +.lefttapsty21{margin:-1px 0 0 0; background-color:#FFF; color:#3C556C; border-left:1px solid #CAD2DF; border-bottom:1px solid #CAD2DF; border-top:1px solid #CAD2DF; border-right:1px solid #fff;} + +.selleft1 a{color:#3C556C; text-decoration:none; font-weight:bold;} + +.selleft2 a:link{color:#6086A9; text-decoration:none;} +.selleft2 a:hover{color:#3C556C; text-decoration:none; font-weight:bold;} +.selleft2 a:visited{color:#6086A9; text-decoration:none;} + + +.searchopt{} +.searchopt .tit{padding:7px 8px;} +.searchopt .cont{padding:0 8px 10px 8px; color:#666; font-size:11px; background:url(../images/line_left.gif) bottom no-repeat;} +.searchopt .cont2{padding:0 7px 10px 7px; color:#666; font-size:11px; background:url(../images/line_left.gif) bottom no-repeat;} +.searchopt .cont .divi1{color:#bbb; font-size:12px;} + + +.termsty{height:60px;} +.termsty .divi{width:34px; height:20px; float:left;} +.termsty .dindate{height:16px;padding:3px 0;float:left;} +.termsty .dindate input{width:56px;} + +.areasty{height:58px;} +.areasty .divi{width:68px; height:18px; float:left;} +.areasty .divi2{width:135px; height:18px; float:left;} +.areasty .dindate{height:16px;padding:3px 0;float:left;} +.areasty .dindate input{width:56px;} + +.slidersty1{position:relative; width:132px; height:28px; background:url(../images/bg_slider.gif) no-repeat;} +.slidersty1 .pointer{position:absolute; width:11px; height:11px;} +.slidersty1 .indic{position:absolute; margin:15px 0 0 0;} +.slidersty1 .indic li{float:left;} +.slidersty1 .indic .txtpo1{margin:0 11px 0 0;} +.slidersty1 .indic .txtpo2{margin:0 25px 0 0;} +.slidersty1 .indic .txtpo3{margin:0 18px 0 0;} + + +/* right */ +.popu{border-bottom:1px solid #D5DCE6; float:left;} +.popu .tit{width:167px; height:12px; padding:11px 7px 13px 7px; float:left;} +.popu .tit .timg{float:left;} +.popu .tit .tdate{float:right; color:#6187A9; font-size:11px;} +.popu .ranking{height:20px; padding:0 8px; float:left;} +.popu .ranking .ranktxt{width:116px; height:13px; padding:0 0 7px 0; float:left;} +.popu .ranking .ranktxt a:link{color:#7d7d7d; text-decoration:none;} +.popu .ranking .ranktxt a:hover{color:#000; text-decoration:none;} +.popu .ranking .ranktxt a:visited{color:#7d7d7d; text-decoration:none;} +.popu .ranking .rankico{width:21px; float:left; text-align:right;} +.popu .ranking .rankstep{width:24px; float:left; text-align:center; color:#7d7d7d; font-size:11px;} + + + +.mykeyword{height:136px; border-bottom:1px solid #D5DCE6; float:left;} +.mykeyword .tit{width:167px; height:12px; padding:11px 7px 13px 7px; float:left;} + +.mykeyword .searchkey{width:158px; height:20px; padding:0 8px; float:left;} +.mykeyword .searchkey a:link{color:#7d7d7d; text-decoration:none;} +.mykeyword .searchkey a:hover{color:#000; text-decoration:none;} +.mykeyword .searchkey a:visited{color:#7d7d7d; text-decoration:none;} + + + + + +/* center */ +.resultall{width:608px; float:left; margin:0 20px 0 14px; padding:6px; border-bottom:1px solid #E8E8E8; font-size:13px; color:#333;} +.resultall span{font-weight:bold; color:#F79810;} + + + +.sectit{width:608px; float:left; margin:15px 20px 0 14px; padding:6px; border-bottom:2px solid #d1d1d1;} +.sectit h2{float:left; font:bold 14px dotum; color:#333;} +.sectit p{float:left; margin:1px 0 0 7px; color:#787878;} + + + + +.resultsty1{width:608px; margin:0 20px 0 23px; float:left; border-bottom:1px solid #E8E8E8;} +.resultsty1 dt{height:15px;margin:21px 0 9px 0; font-size:13px; color:#000;} +.resultsty1 dt strong{font-weight:bold; color:#000;} +.resultsty1 dt a:link{color:#000; text-decoration:none;} +.resultsty1 dt a:hover{color:#000; text-decoration:underline;} +.resultsty1 dt a:visited{color:#000; text-decoration:none;} +.resultsty1 dt .date{float:right; color:#999;} +.resultsty1 dt .date span{color:#666; padding:0 20px 0 0;} +.resultsty1 dd{margin:0 0 12px 5px; color:#525252;} +.resultsty1 dd strong{color:#F60; font-weight:bold;} + + +.resultsty2{width:608px; margin:0 20px 0 23px; float:left; border-bottom:1px solid #E8E8E8;} +.resultsty2 .leftico{width:61px; height:64px; margin:21px 10px 9px 0; float:left;} +.resultsty2 dt{height:15px;margin:21px 0 9px 0; font-size:13px; color:#000;} +.resultsty2 dt strong{font-weight:bold; color:#000;} +.resultsty2 dt a:link{color:#000; text-decoration:none;} +.resultsty2 dt a:hover{color:#000; text-decoration:underline;} +.resultsty2 dt a:visited{color:#000; text-decoration:none;} +.resultsty2 dt .date{float:right; color:#999;} +.resultsty2 dt .date span{color:#666; padding:0 20px 0 0;} +.resultsty2 dd{margin:0 0 5px 5px; color:#525252;} +.resultsty2 dd strong{color:#F60; font-weight:bold;} + + +.resultsty3{width:608px; margin:0 20px 0 23px; float:left; border-bottom:1px solid #E8E8E8;} +.resultsty3 dt{height:15px;margin:21px 0 9px 0; font-size:13px; color:#000;} +.resultsty3 dt strong{font-weight:bold; color:#000;} +.resultsty3 dt a:link{color:#000; text-decoration:none;} +.resultsty3 dt a:hover{color:#000; text-decoration:underline;} +.resultsty3 dt a:visited{color:#000; text-decoration:none;} +.resultsty3 dt .date{float:right; color:#999;} +.resultsty3 dt .date span{color:#666; padding:0 20px 0 0;} +.resultsty3 dd{margin:0 0 5px 5px; color:#525252;} +.resultsty3 dd strong{color:#F60; font-weight:bold;} + + +.root{margin:0 0 3px -5px; color:#669966;} +.root a:link{color:#669966; text-decoration:none;} +.root a:hover{color:#669966; text-decoration:underline;} +.root a:visited{color:#669966; text-decoration:none;} +.filein{margin:0 0 3px -5px; color:#5078C1;} +.filein a:link{color:#5078C1; text-decoration:none;} +.filein a:hover{color:#5078C1; text-decoration:underline;} +.filein a:visited{color:#5078C1; text-decoration:none;} + + + +.moreresult{width:598px; height:11px; margin:20px 20px 0 23px; padding:0 5px 0 0; float:left; font-size:11px; background:url(../images/btn_more.gif) right no-repeat; text-align:right;} +.moreresult a:link{color:#140A66; text-decoration:none;} +.moreresult a:hover{color:#140A66; text-decoration:underline;} +.moreresult a:visited{color:#140A66; text-decoration:none;} + + + +.bottomsearch{float:left; margin:20px 0;} +*:first-child+html .bottomsearch{float:left; margin:20px 0 20px 0;} +.bottomsearch .keyin{width:378px; height:26px; float:left; margin:29px 0 0 88px; border:3px solid #7F9DB9; background-color:#FFF;} +.bottomsearch .keyin input{width:365px; padding:5px 0 0 5px; border:0px #FFF; font-weight:bold; font-size:14px;} +*:first-child+html .bottomsearch .keyin input{width:365px; padding:5px 0 0 5px; margin:-1px 0 0 -85px; border:0px #fff; font-weight:bold; font-size:14px;} +.bottomsearch .btn{width:72px; height:32px; margin:29px 0 0 5px; float:left;} + + + +.noresult{position:relative; width:400px; height:140px; margin:50px 0 0 120px; background:url(../images/bg_miss.gif) no-repeat; color:#AD1C01; font-size:20px;} +.noresult p{position:absolute; margin:55px 0 0 95px;} + + + +/* paginate */ +.paginate{width:620px; padding:16px 0; text-align:center; float:left;} +.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;line-height:normal;text-decoration:none} +.paginate strong{border:1px solid #ccc;color:#f23219 !important} +.paginate .pre{margin-right:6px;padding:4px 6px 2px 14px;_padding-bottom:1px;background:url(../../images/bg_before1.gif) no-repeat 6px 7px !important;letter-spacing:-1px} +.paginate .next{margin-left:4px;padding:4px 14px 2px 6px;_padding-bottom:1px;background:url(../../images/bg_next1.gif) no-repeat 62px 7px !important;letter-spacing:-1px} +.paginate a.pre{background:url(../../images/bg_before1.gif) no-repeat 6px 7px !important;color:#565656} +.paginate a.next{background:url(../../images/bg_next1.gif) no-repeat 62px 7px !important;color:#565656} +.paginate a:hover.pre{background-color:#f7f7f7;text-decoration:none} +.paginate a.next{background-color:#f7f7f7;text-decoration:none} +.paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #ccc;color:#ccc;font-family:'돋움',Dotum;font-size:11px;line-height:normal} +.paginate a:hover{border:1px solid #ccc;background-color:#f7f7f7 !important} +/* //paginate */ + + + + +.mainwrap{width:985px; padding:0 0 20px 0; background:url(../images/bg.jpg); float:left;} + + + + + +/* index */ +.indexs{width:481px; float:left;} +.indexs .logo{text-align:center; padding:20px 0;} +.indexs .bigkeyin{width:390px; padding:10px 4px; border:3px solid #7F9DB9; font:bold 14px dotum;} +.indexs .bigpopu{left no-repeat; padding:7px 0 7px 0;} +.indexs .bigpopu li{float:left; padding:0 10px 0 0;} +.indexs .bigpopu a:link{color:#5980A2; text-decoration:none;} +.indexs .bigpopu a:hover{color:#5980A2; text-decoration:underline;} +.indexs .bigpopu a:visited{color:#5980A2; text-decoration:none;} +.indexs .copy{width:481px; float:left; padding:20px 0; color:#7F9DB8; text-align:center;} + + + + + +.marginbottom20{margin-bottom:20px;} + +.lh18{line-height:18px;} diff --git a/src/main/webapp/css/seed/seed.contents.css b/src/main/webapp/css/seed/seed.contents.css new file mode 100644 index 00000000..33c55822 --- /dev/null +++ b/src/main/webapp/css/seed/seed.contents.css @@ -0,0 +1,2103 @@ +@charset 'utf-8'; + +/* ****************************************************************************************************** + + webfont define + +****************************************************************************************************** */ +@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,700,300); +@font-face { + font-family:'Nanum Gothic'; + font-weight:400; + font-style:normal; + src:url(/css/fonts/NanumGothic-Regular.eot); + src:local('※'), + url(/css/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), + url(/css/fonts/NanumGothic-Regular.woff) format('woff'), + url(/css/fonts/NanumGothic-Regular.ttf) format('truetype'); +} +@font-face { + font-family:'Nanum Gothic'; + font-weight:700; + font-style:normal; + src:url(/css/fonts/NanumGothic-Bold.eot); + src:local('※'), + url(/css/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), + url(/css/fonts/NanumGothic-Bold.woff) format('woff'), + url(/css/fonts/NanumGothic-Bold.ttf) format('truetype'); +} +@font-face { + font-family:'Nanum Gothic'; + font-weight:800; + font-style:normal; + src:url(/css/fonts/NanumGothic-ExtraBold.eot); + src:local('※'), + url(/css/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), + url(/css/fonts/NanumGothic-ExtraBold.woff) format('woff'), + url(/css/fonts/NanumGothic-ExtraBold.ttf) format('truetype'); +} +/* ****************************************************************************************************** + + Default Class + +****************************************************************************************************** */ + +.fl{float:left;} +.fr{float:right;} +.clear:after{ + content:''; + display:block; + clear:both; +} + +.PIE{ + behavior:url(/js/lib/polyfill/PIE.htc); +} +.Hardware-Acceleration{ + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; +} +.overlay{ + position: fixed; + width: 100%; + height: 100%; + visibility: hidden; + top: 0; + left: 0; + z-index: 99; + opacity: 0; + background: rgba(0,0,0,0.4); + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; +} +html.ie8 .overlay{background: #000;opacity: .5;} + +@media screen and (max-width:768px){ + select {width:100%;} +} +hr.unset,.seedbbsContentWrap hr,.webnote_container hr{overflow: visible;position: static;top: 0;left: 0;width: 100%;height: auto;font-size: inherit;line-height: inherit;text-indent: 0;}table[width="1%"]{width:1%;}table[width="2%"]{width:2%;}table[width="3%"]{width:3%;}table[width="4%"]{width:4%;}table[width="5%"]{width:5%;}table[width="6%"]{width:6%;}table[width="7%"]{width:7%;}table[width="8%"]{width:8%;}table[width="9%"]{width:9%;}table[width="10%"]{width:10%;}table[width="11%"]{width:11%;}table[width="12%"]{width:12%;}table[width="13%"]{width:13%;}table[width="14%"]{width:14%;}table[width="15%"]{width:15%;}table[width="16%"]{width:16%;}table[width="17%"]{width:17%;}table[width="18%"]{width:18%;}table[width="19%"]{width:19%;}table[width="20%"]{width:20%;}table[width="21%"]{width:21%;}table[width="22%"]{width:22%;}table[width="23%"]{width:23%;}table[width="24%"]{width:24%;}table[width="25%"]{width:25%;}table[width="26%"]{width:26%;}table[width="27%"]{width:27%;}table[width="28%"]{width:28%;}table[width="29%"]{width:29%;}table[width="30%"]{width:30%;}table[width="31%"]{width:31%;}table[width="32%"]{width:32%;}table[width="33%"]{width:33%;}table[width="34%"]{width:34%;}table[width="35%"]{width:35%;}table[width="36%"]{width:36%;}table[width="37%"]{width:37%;}table[width="38%"]{width:38%;}table[width="39%"]{width:39%;}table[width="40%"]{width:40%;}table[width="41%"]{width:41%;}table[width="42%"]{width:42%;}table[width="43%"]{width:43%;}table[width="44%"]{width:44%;}table[width="45%"]{width:45%;}table[width="46%"]{width:46%;}table[width="47%"]{width:47%;}table[width="48%"]{width:48%;}table[width="49%"]{width:49%;}table[width="50%"]{width:50%;}table[width="51%"]{width:51%;}table[width="52%"]{width:52%;}table[width="53%"]{width:53%;}table[width="54%"]{width:54%;}table[width="55%"]{width:55%;}table[width="56%"]{width:56%;}table[width="57%"]{width:57%;}table[width="58%"]{width:58%;}table[width="59%"]{width:59%;}table[width="60%"]{width:60%;}table[width="61%"]{width:61%;}table[width="62%"]{width:62%;}table[width="63%"]{width:63%;}table[width="64%"]{width:64%;}table[width="65%"]{width:65%;}table[width="66%"]{width:66%;}table[width="67%"]{width:67%;}table[width="68%"]{width:68%;}table[width="69%"]{width:69%;}table[width="70%"]{width:70%;}table[width="71%"]{width:71%;}table[width="72%"]{width:72%;}table[width="73%"]{width:73%;}table[width="74%"]{width:74%;}table[width="75%"]{width:75%;}table[width="76%"]{width:76%;}table[width="77%"]{width:77%;}table[width="78%"]{width:78%;}table[width="79%"]{width:79%;}table[width="80%"]{width:80%;}table[width="81%"]{width:81%;}table[width="82%"]{width:82%;}table[width="83%"]{width:83%;}table[width="84%"]{width:84%;}table[width="85%"]{width:85%;}table[width="86%"]{width:86%;}table[width="87%"]{width:87%;}table[width="88%"]{width:88%;}table[width="89%"]{width:89%;}table[width="90%"]{width:90%;}table[width="91%"]{width:91%;}table[width="92%"]{width:92%;}table[width="93%"]{width:93%;}table[width="94%"]{width:94%;}table[width="95%"]{width:95%;}table[width="96%"]{width:96%;}table[width="97%"]{width:97%;}table[width="98%"]{width:98%;}table[width="99%"]{width:99%;}table[width="100%"]{width:100%;} + +/* 테이블 css 정리 */ +/* + 테이블 반응형 css + tablet 감추기 .item-tablet-hidden + mobile 감추기 .item-mobile-hidden + + */ + +/* 기능 상태- 사용,중지,삭제 */ +.table-layout table tbody .skin-default, +.table-layout table tbody .skin-default span, +.table-layout table tbody .skin-default a{color:#676fb2;} +.table-layout table tbody .state-delete, +.table-layout table tbody .state-delete span, +.table-layout table tbody .state-delete a{color:#c32500;} +.table-layout table tbody .state-stop, +.table-layout table tbody .state-stop span +.table-layout table tbody .state-stop a{color:#676fb2;} + + +.table-layout table tbody td .red {color:#c32500;} + + +/* + .item-box 안 인풋박스 스타일 정리 + input의 width defalut 값 width:100% + + +*/ +/* pc에서 width %로 고정/ tablet , mobile 에서 width:100% */ +.item-box input.width50, .item-box select.width50 {width:50%;} +.item-box input.width40, .item-box select.width40 {width:40%;} +.item-box input.width30, .item-box select.width30 {width:30%;} + +.item-box input[type="text"].width50, .item-box select.width50 {width:50%;} +.item-box input[type="text"].width40, .item-box select.width40 {width:40%;} +.item-box input[type="text"].width30, .item-box select.width30 {width:30%;} + +.item-box input[type="password"].width50, .item-box select.width50 {width:50%;} +.item-box input[type="password"].width40, .item-box select.width40 {width:40%;} +.item-box input[type="password"].width30, .item-box select.width30 {width:30%;} + +.item-box input[type="file"]{display: block;overflow: hidden;position: absolute;width: 1px;height: 1px;font-size: 0;line-height: 0px;text-indent: -9999em;} +.item-box input[type="file"] + label{position: relative;display:inline-block;;background:#676fb2;height:30px;line-height:30px !important;color:#fff;border-radius:3px; +padding:0 7px 0 35px;vertical-align:middle;overflow:hidden;} +.item-box input[type="file"] + label:before{content:'';position:absolute;left:0;top:0;display:block;width:30px;height:100%;vertical-align: middle; +background:url(/img/file_up_big.png) no-repeat 50% 50% #474B7B;background-size:19px 16px;} + +html.ie8 .item-box input[type="file"] + label:before{background:url(/img/file_up_small.png) no-repeat 50% 50% #474B7B;} + + +/* pc, tablet, mobile 모두 px로 고정 css */ +.item-box input.width50px {width:50px !important;} +.item-box input.width60px {width:60px !important;} +.item-box input.width70px {width:70px !important;} +.item-box input.width80px {width:80px !important;} +.item-box input.width90px {width:90px !important;} +.item-box input.width100px {width:100px !important;} + +/* pc에서 width:200px 고정, tablet, mobile 에서 width:100% */ +.item-box select.pc-width200px {width:200px;} + +/* 필수 입력 */ +.bbs-view-item .item-box input.essential {background:url(/img/bg_essential.png) 0 0 no-repeat;} + +.bbs-view-item.webnote-area{padding:0;} +.bbs-view-item.webnote-area .item-box{padding:0;} + +/* + input[type="checkbox"] class="checkbox width-none" + input[type="radio"] class="radio" + + checked 됐을때 class="checked" 추가 + + */ +.checkbox {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} +.checkbox + label {display:inline-block;width:18px;height:18px;background:url(/img/checkbox-checked-none-big.png) no-repeat 0 0;background-size:100%;} +.checkbox.checked + label {background:url(/img/checkbox-checked-big.png) no-repeat 0 0;background-size:100%;} +.checkbox.width-none + label {width:auto;padding:0 0 0 25px;background:url(/img/checkbox-checked-none-big.png) no-repeat 0 0;background-size:18px;} + +.radio {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} +.radio + label {display:inline-block;width:auto;padding:3px 0 4px 25px;margin:3px 5px 3px 0;background:url(/img/radio-checked-none-big.png) no-repeat 0 0;background-size:20px;} +.radio.checked + label {background:url(/img/radio-checked-big.png) no-repeat 0 0;background-size:20px;} + + + +/* ****************************************************************************************************** + + 대시보드, 서브 컨텐츠 + +****************************************************************************************************** */ +.page-content-inner{position:relative;margin:20px 0;} + + + +/* ****************************************************************************************************** + + pjax tab + +****************************************************************************************************** */ +.pjax-tab-menu-wrap{opacity:1;visibility:visible;position:relative;height:35px;} +.pjax-tab-menu-wrap > button{/*display:none;*/position: absolute;right:0;top:50%;margin-top:-7px;} +.pjax-tab-menu-wrap > button.visible{display:block;} +.pjax-tab-menu-wrap .whole-tabs.setting-list{position: absolute;right:30px;top:0;left:auto;width:200px;border-radius:0 0 3px 3px;} +.pjax-tab-menu-wrap .whole-tabs.setting-list li{list-style:none;} +.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a{position: relative;} +.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab{display:none;position: absolute;left:82%;top:50%;width:25px;height:25px; + margin-top:-11px;} +.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab img{width:10px;height:10px;} +.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a .closeTab{display:none;} +.pjax-tab-menu-wrap .whole-tabs.setting-list > ul > li > a:hover .closeTab{display:block;} + + +.pjax-tab-menu-wrap .whole-tabs.setting-list .close > button{color:#DCDCDC;background:#616161;padding:9px 5px;} +.pjax-tab-menu-wrap .whole-tabs.setting-list .close > button > span{font-size:19px;} +.pjax-tab-menu-wrap .whole-tabs.setting-list li:hover > a{background-color:#E1E3F5;color: #1E232D;} +.pjax-tab-menu-wrap .whole-tabs.setting-list li > a.on{background:url(/img/icon-tabmenu-chk.png) no-repeat 13px 11px #E1E3F5;} +html.ie8 .pjax-tab-menu-wrap .whole-tabs.setting-list li.current-tab > a.check{background:url(/img/all_tab_small.png) no-repeat 13px 11px;} +.pjax-tab-menu{margin-right:20px;} +.pjax-tab-menu li{list-style:none;} +.pjax-tab-menu > li{float:left;width:170px;border: 1px solid #dcdcdc;border-top:0;border-radius:0 0 4px 4px;overflow:hidden;margin-left:-1px;} +.pjax-tab-menu > li > a{position:relative;display:block;width:100%;height:100%;padding:10px 0 10px 10.8%;background-color:#f8f8f8;background-size:10px 10px;color:#404040;} +.pjax-tab-menu > li > a > span{display:block;width:70%;line-height:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} +.pjax-tab-menu > li > a > button.closeTab{position: absolute;left:85%;top:50%;margin-top:-10px;} +.pjax-tab-menu > li > a > button.closeTab > img{width:10px;height:10px;} +.pjax-tab-menu > li > a.on{position: relative;z-index:10;background-color:#BCD1FF;color:#1E232D;} +.waveEffect{position: absolute;z-index: 1;display: block;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px; border-radius: 50%;opacity: 1;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 1.2s ease-out;transition: all 1.2s ease-out;} + +/* ****************************************************************************************************** + + 대시보드 레이아웃 + +****************************************************************************************************** */ +.panel-row{margin-bottom:20px;} +.panel-row:after{content:'';display:block;clear:both;} +.panel-row:last-child{margin-bottom:0;} +.panel-row > .col{width:100%;} +.panel-row > .col-s{width:32.53%;} +.panel-row > .col-xr{width:66.26%;} +.panel-row > .panel{float:left;height: 305px;padding: 25px 25px 0 25px;border: 1px solid #e0e0e0;border-radius:3px;background:#fff;margin-right:1.2%;} +@media screen and (max-width:768px){ + .panel-row > .panel{padding: 30px 15px 10px 15px;min-height:305px;height:auto} + +} +.panel-row > .panel li{list-style:none;} +.panel-row > .panel:last-child{margin-right:0;} +.panel-row > .panel .panel-header{position: relative;margin-bottom: 20px;} +.panel-row > .panel .panel-header:after{content:'';display:block;clear:both;} +.panel-row > .panel .panel-header h3{float:left;font-size:16px;font-weight:700;color:#000;/* vertical-align: bottom; */} +.panel-row > .panel .panel-header h3 > small{display:inline-block;/* vertical-align: middle; */line-height: 15px;} +.panel .panel-header > a{display:block;float:right;position:relative;top:2px} +.panel .panel-header > button{float:right;position:relative;text-indent:-999em;border-radius: 50%;width: 32px;height: 32px;margin-top: -8px;margin-right: -10px;} +.panel .panel-header > button:hover{background-color: rgba(153, 153, 153, 0.2);} +.panel .panel-header > button:active{background-color: rgba(153, 153, 153, 0.5);} +.panel .panel-header > button span, +.panel .panel-header > button:before, +.panel .panel-header > button:after{content:'';position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-2px;width:4px;height:4px;background:#757575;border-radius:50%} +.panel .panel-header > button:before{margin-top:-8px} +.panel .panel-header > button:after{margin-top: 4px;} +/* 대시보드 컨텐츠 */ +.dashboard-data-list > li{margin-top: 7px;padding-top:7px;} +.dashboard-data-list > li:first-child{padding:0;margin:0;border:0;} +.dashboard-console { + position:relative; + width: 100%; + height: 215px; + overflow-y: auto; + background-color: #2f3541; + color:#fff; + font-size: 15px; + word-wrap:break-word; + padding:10px; + border-radius: 2px; +} +.log-cursor{ + display:block; + width:1px; + height:14px; + margin:2px 0; + background:#fff; + visibility: hidden; +} + +.log-title{ + position:relative; + display:block; + margin:5px 0; + font-size:14px; + margin:15px 0 5px 0; +} +.log-title:first-of-type{ + margin-top:5px; +} +.row-wrap .row:first-child{ + margin-top:0; +} +.row-wrap .row{ + margin-top:3px; + line-height:1.2; + word-wrap: break-word; + font-size:13px; +} +.dashboard-dropdown{ + display:none; + position:absolute; + min-width: 140px; + top:17px; + right:10px; + background:#fff; + border: 1px solid #e2e2e2; + z-index:30; + border-radius:3px; + -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + box-shadow: 0 1px 5px rgba(0,0,0,0.1); + max-height: 600px; + overflow-y: auto; + z-index: 1001; + } +.dashboard-dropdown > ul > li{position:relative;padding:11px 10px;text-align: left;color: #787878;font-weight: 600;} +.dashboard-dropdown > ul > li .console-select-area button{width:100%;margin:0;} +.dashboard-dropdown > ul > li:first-child ~ li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#e2e2e2;} +.dashboard-dropdown > ul > li > a{display:block;height:100%;color:#525252;font-weight:600} +.dashboard-dropdown > ul > li .menu-visible + span{display:inline-block;padding-left:5px;vertical-align: middle;text-transform: uppercase;} + + +.dashboard-data-list > li > div{position:relative;} +.dashboard-data-list > li > div.board{background: url(/img/dashboard_check_off_big.png) no-repeat 0 0;background-size: 12px 13px;} +.dashboard-data-list > li:first-child > div.board{background-image:url(/img/dashboard_check_on_big.png);} +.dashboard-data-list > li:hover > div.board{background-image:url(/img/dashboard_check_on_big.png);} +html.ie8 .dashboard-data-list > li > div.board{position:relative;display:block;background:url(/img/dashboard_check_off_small.png) no-repeat 0 50%;} +html.ie8 .dashboard-data-list > li:hover > div.board{background-image:url(/img/dashboard_check_on_small.png);} +html.ie8 .dashboard-data-list > li:first-child > div.board{background-image:url(/img/dashboard_check_on_small.png);} + +.dashboard-data-list > li > div.error{background: url(/img/dashboard_error_big.png) no-repeat 0 2px;background-size: 11px 11px;} +html.ie8 .dashboard-data-list > li > div.error{background:url(/img/dashboard_error_small.png) no-repeat 0 50%;} + +.dashboard-data-list > li > div.member{background: url(/img/dashboard_member_big.png) no-repeat 0 0;background-size: 12px 12px;} +html.ie8 .dashboard-data-list > li > div.member{background:url(/img/dashboard_member_small.png) no-repeat 0 50%;} + + +.dashboard-data-list > li > div a:hover{text-decoration:underline} +.dashboard-data-list > li p{position:relative;vertical-align:middle;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;padding-left: 20px;line-height: 1.3;max-width: 74%; +line-height:1;margin:3px 0} +.dashboard-data-list > li p.date{position:absolute;right:0;top:0;font-size: 12px;} +.dashboard-data-list > li.no-data{text-align: center;margin: 100px 0;} + +/* 대시보드 차트 스타일 */ +.morris-hover{position:absolute;z-index:1000} +.morris-hover.morris-default-style{border-radius:3px;padding:10px;color:#666;background:rgb(51,51,51);background:rgba(51,51,51,0.8);font-family:sans-serif;font-size:12px;text-align:center;} +.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;color:#fff;text-align: left;} +.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin: 0.3em 0;text-transform: uppercase;text-align: left;} +.panel-body .morris-hover.morris-default-style .morris-hover-point{color:#fff !important;} + +.panel-body{position:relative;} +.panel-body .chart{height: 200px;text-align:left;} +.panel-body text, +.panel-body tspan{font-size:13px !important;font-weight: 600;font-family:'Open Sans', 'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif; +letter-spacing:-1px;text-transform: uppercase;} +.chart-detail-list{text-align: center;margin: 5px 0;} +.chart-detail-list.ar{text-align:right} +.chart-detail-list > li{display:inline-block;margin: 5px;} +.chart-detail-list > li > h5{font-size:13px;text-transform: uppercase;} +.chart-detail-list > li > h5 > i{display:inline-block;width: 12px;height: 12px;border-radius:50%;background:#000;vertical-align:middle;margin-right:5px;} + + +/* ****************************************************************************************************** + + 파일관리 페이지 + +****************************************************************************************************** */ +.folder-list li{list-style:none;} +.file-name-list li{margin:5px 0;list-style:none;} +.file-name-list li:first-child{margin-top:10px} +.file-name-list li:last-child{margin-bottom:10px} +.file-name-list .file-name{ + /* color: #444344; */ + /* font-weight: 600; */ +} +.file-name-list .file-delete{ + font-size: 22px; + line-height: 0.7; + padding-left: 5px; +} + +@media screen and (min-width:640px){ + .file-add-list::-webkit-scrollbar{width:7px;} + .file-add-list::-webkit-scrollbar{height:7px;} + .file-add-list::-webkit-scrollbar-track, + .file-add-list::-webkit-scrollbar-track{background:#F1F1F1;} + .file-add-list::-webkit-scrollbar-thumb, + .file-add-list::-webkit-scrollbar-thumb {background:#dadada;} + .file-add-list::-webkit-scrollbar-thumb:window-inactive, + .file-add-list::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } + .folder-list::-webkit-scrollbar{width:7px;} + .folder-list::-webkit-scrollbar{height:7px;} + .folder-list::-webkit-scrollbar-track, + .folder-list::-webkit-scrollbar-track{background:#F1F1F1;} + .folder-list::-webkit-scrollbar-thumb, + .folder-list::-webkit-scrollbar-thumb {background:#dadada;} + .folder-list::-webkit-scrollbar-thumb:window-inactive, + .folder-list::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } + .file-list.table-layout table tbody::-webkit-scrollbar{width:7px;} + .file-list.table-layout table tbody::-webkit-scrollbar{height:7px;} + .file-list.table-layout table tbody::-webkit-scrollbar-track, + .file-list.table-layout table tbody::-webkit-scrollbar-track{background:#F1F1F1;} + .file-list.table-layout table tbody::-webkit-scrollbar-thumb, + .file-list.table-layout table tbody::-webkit-scrollbar-thumb {background:#dadada;} + .file-list.table-layout table tbody::-webkit-scrollbar-thumb:window-inactive, + .file-list.table-layout table tbody::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } +} +.file-wrap{border:1px solid #dcdcdc;border-radius:3px;height:566px;background:#fff;overflow:hidden;} +.drag-target{z-index:103;outline:3px dashed rgba(255,255,255,.2);outline-offset:-15px;background:rgba(18,31,138,.2);} +.drag-target:after{content:'파일을 이곳에 드래그 & 드롭하여 업로드하세요.';position:absolute;top:50%;left:50%; +width:520px;height:150px;border-radius:3px;background:#fff;text-align:center; +-webkit-transform:translate(-50%,-50%); +-moz-transform:translate(-50%,-50%); +-ms-transform:translate(-50%,-50%); +transform:translate(-50%,-50%); +color:#909090;font-weight:400;font-size:18px;line-height:150px;} +.drag-target.is-dragover{opacity:1;visibility:visible;} +.file-category{position:relative;float:left;width:28.60%;height:100%;background:#fff;border-right:1px solid #dcdcdc} +.file-find{height:46px;border-bottom:1px solid #dcdcdc;background: rgba(250,250,250,1); +background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); +background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); +background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); +background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); +background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); +background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%);} +html.ie8 .file-find{background:#f0f0f0;} + +.file-find form{height:100%;} +.file-find form label{display:inline-block;width:100%;height:100%;font-size:13px;font-weight:700;color:#4d4d4d;} +.file-find form label:before{content:'';display:inline-block;width:46px;height:100%;vertical-align: middle;margin-right:10px; +background:url(/img/file_up_big.png) no-repeat 50% 50% #696f7c;background-size:19px 16px;} +html.ie8 .file-find form label:before{background:url(/img/file_up_small.png) no-repeat 50% 50% #696f7c;} +.file-add-list{position:relative;display:none;padding:20px 0 20px 28px;height:93px;overflow-y:auto;border-bottom:1px solid #dcdcdc} +.file-add-list .file-submit{position:absolute;top:10px;right:10px;z-index:10} +.file-add-list.show{display:block;} +.file-add-list > ul > li:first-child{margin-top:0} +.file-add-list > ul > li{margin-top:8px;color:#545454} +.file-add-list > ul > li > button{font-size:0;vertical-align:middle;margin-right:9px} +.folder-list{padding:20px 30px;overflow-y:auto;height:468px} +.file-add-list.show + .folder-list{height:375px;} +.folder-list > ul > li > a{display:block;color:#545454;height:13px;margin-bottom:14px;} +.folder-list > ul > li strong{padding-left:9px} +.folder-list .folder > li > a.dirDels{padding-left:3px;} +.folder-list .dirDels img{vertical-align:middle;} +.folder-list .folder > li{padding-left:17px;height:13px;margin-bottom:14px;white-space: nowrap;} +.folder-list .folder > li:last-child{margin-bottom:0;} +.folder-list .folder > li > a{color:#545454;padding-left:9px} +.folder-add{position: absolute;bottom:0;left:0;width:100%;padding:8px 4.5% 9px 4.5%;border-top:1px solid #dcdcdc;height:50px;} +.folder-add input.essential{width:49%;max-width:210px;text-indent:10px;background: url(/img/bg_essential.png) 0 0 no-repeat;} +.folder-add button{display: inline-block;min-height: 28px;margin-left: 5px;padding: 7px 3%;background: #8e8e8e;color: #fff;text-align: center;border-radius: 3px;vertical-align: middle;} +.MultiFile-wrap{position:absolutel;top:-1000px;overflow:hidden;left:0;width:0;height:0;line-height:0;color:transparent;} +.MultiFile-remove img{vertical-align:middle} +.file-list{float:left;width:71.39%;height:100%;} +.file-list.table-layout .tbodyScroll-outer{width:100%} +.file-list.table-layout .file-locat{position:absolute;bottom:0;left:0;width:100%;height:50px;padding-top:17px;padding-left:20px;border-top:1px solid #dcdcdc; +color:#5f5f5f;background:#fff;} +.file-list.table-layout table tbody{display:none;padding:10px 0;position:absolute;top:46px;left:0;height:469px;overflow-y:auto} +.file-list.table-layout table tbody tr{border-top:0;} +.file-list.table-layout table tbody tr:last-child{border-bottom:0;} +.file-list.table-layout{border:0;border-radius:0;} +.file-list.table-layout th{font-size:14px;font-weight:700;color:#444;height:45px;border-bottom:1px solid #dcdcdc;} +.file-list.table-layout .subj{text-align:left;padding-left:5%} +.file-list.table-layout table tbody tr:hover{background:#fff;border:0;} +.file-list.table-layout table tbody tr:hover + tr{border:0;} +.file-list.table-layout table tbody tr:last-child:hover{border:0;} +.file-list.table-layout table tbody tr:hover td:after{display:none;} +.file-list.table-layout table tbody td{color:#333;height:32px;} +.file-list.table-layout table tbody td > a > img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto} +.file-message{position:fixed;bottom:24px;right:24px;box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);border-radius:3px;width:362px;opacity:0;visibility:hidden;background:#fff; + -webkit-transform: translate3d(0,24px,0);-moz-transform: translate3d(0,24px,0);-ms-transform: translate3d(0,24px,0);transform: translate3d(0,24px,0); + -webkit-transition: transform .15s cubic-bezier(0.4,0.0,1,1),opacity .15s cubic-bezier(0.4,0.0,1,1),visibility 0ms linear .15s; + transition: transform .15s cubic-bezier(0.4,0.0,1,1),opacity .15s cubic-bezier(0.4,0.0,1,1),visibility 0ms linear .15s; } +.file-message.show{opacity:1;visibility:visible; -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} +.file-message .message-header{position:relative;padding:15px 10px;background:#323232;color:#fefefe;font-size:13px;} +.file-message .message-header strong{position:relative;z-index:2;} +.file-message .message-header button{position:absolute;top:10px;right:10px;z-index:2;font-size:22px;color:#fff;} +.file-message .message-body ul{max-height:400px;overflow-y:auto} +.file-message .message-body li{padding:15px 18px;border-bottom:1px solid #eeeeee;overflow:hidden;} +.file-message .message-body li span:first-child{float:left;display:block;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222} +.file-message .message-body li span:last-child{float:right;color:#222} +.message-progress{position:absolute;width:0;height:100%;background:#676fb2;left:0;top:0;} +.MultiFile-label{margin-bottom:10px;} +.file-add-list .MultiFile-label:last-child{margin-bottom:0;} + + + +.login-page {position:relative;height:100%;} +.login-area {min-height:488px;} +.login-area {position:relative;width: 90%;height:93.93%;max-width:425px;margin:0 auto;text-align:center;} + +.login-wrap{position:absolute;left:50%;top:50%;width:100%;margin-left:-50%;margin-top: -43%;} + +.login-title {margin-bottom: 20px;height: 209px;} +.login-title h1 {margin-bottom:23px;height: 168px;} +.approval .login-title h1{margin-bottom:5px;} +html.ie8 .approval .login-title h1{margin-bottom:15px} +.approval .login-title{height:191px;} +.login-title p {color:#575858;font-weight:bold;line-height:1.4;} + +html.ie8 .login-title p span {display:block;line-height:1.4;} +.login-form-wrap {width: 90%;margin: 0 auto;} +.login-form-wrap .input-outline {position:relative;margin-bottom: 8px;border-bottom: 1px solid #e0e0e0;border-radius:3px;background:#fff;text-align: left;} + +.login-form-wrap label {display:none;position:absolute;left: 10px;top: 50%;margin-top: -7px;font-size: 14px;color:#929292;letter-spacing: -1px;} +html.ie9 .login-form-wrap label, +html.ie8 .login-form-wrap label{display:block;} +.login-form-wrap .input-outline input[type="text"], .login-form-wrap .input-outline input[type="password"] {display:block;width:100%;/* min-height:auto; *//* height:25px; */border:none;color:#606060;font-size:14px;/* line-height:24px; */padding: 7px 10px;height: 42px;} +.login-form-wrap .btn-area {padding-top:20px} +.login-btn-area{margin-top: 20px;width: 90%;margin: 20px auto 0 auto;} +.login-btn-area .btn-login:first-child{margin-right:3px;} + +.btn-login {padding: 12px 0px;border:1px solid #2f3541;border-radius:3px;background:#404a5e;color:#fff;font-size:15px;width: 130px;} +a.btn-login {display:inline-block;line-height:1;} + +.login-page footer {height:30px;} + +html.ie8 .login-title h1 {display:inline-block;width:186px;height:152px;background:url(/img/seed_ver3_logo.png) center center} +html.ie8 .login-title h1.h1-title-color-img {background:none;} +html.ie8 .login-title h1 svg {display:none;} +.login-title .seed-logo-area {width:189.75px;height:164.5px;display: none;margin: 0 auto;} +html.ie .login-title .seed-logo-area{display:block;} +.seed-logo-area .seed-logo {stroke-dasharray: 187;stroke-width: 1;stroke: #c8c8c8;stroke-dashoffset: 191;-webkit-animation: logoAni 3s linear forwards;-moz-animation: logoAni 3s linear forwards;-ms-animation: logoAni 3s linear forwards;animation: logoAni 3s linear forwards;} +.seed-logo-area .seed-logo-ver3 {-webkit-animation: logoSeedAni 3.3s linear forwards;-moz-animation: logoSeedAni 3.3s linear forwards;-ms-animation: logoSeedAni 3.3s linear forwards;animation: logoSeedAni 3.3s linear forwards} + +.login-site-list {width: 90%;position:relative;z-index:10;margin: 0 auto;} +.login-site-list.active {overflow:visible;} +.login-site-list .btn-site-list {position:relative;z-index:1;width:100%;padding: 14px 16px;border:1px solid #e0e0e0;border-radius:3px;background:url(/img/arrow-down-balck-big.png) #fff 96% center no-repeat;background-size:14px;color:#919191;font-size:16px;text-align:left;outline:none;line-height:1} +html.ie8 .login-site-list .btn-site-list {background:url(/img/arrow-down-balck-small.png) #fff 96% center no-repeat;} + +.login-site-list .site-list-area {display:none;position:absolute;left:0;top:44px;width:100%;max-height:160px;padding:15px 10px;background:#fff;border-radius:3px;border:1px solid #e0e0e0;} +.site-list-area li {text-align:left;line-height:1;list-style:none;} +.site-list-area li a {display:block;padding-left:10px;color:#3f3f3f;line-height:2;transition:background .3s} +.site-list-area li a:hover {background:#efefef} +.site-list-area .mCSB_scrollTools {width:4px;} + +@-webkit-keyframes logoAni { + 0% { + fill: transparent; + stroke: #575858; + } + 80% { + fill: transparent; + } + 90% { + stroke-width: 1; + } + 100% { + fill: #c8c8c8; + stroke: #575858; + stroke-dashoffset: 0; + stroke-width: 0; + } +} + +@-ms-keyframes logoAni { + 0% { + fill: transparent; + stroke: #575858; + } + 80% { + fill: transparent; + } + 90% { + stroke-width: 1; + } + 100% { + fill: #c8c8c8; + stroke: #575858; + stroke-dashoffset: 0; + stroke-width: 0; + } +} +@-moz-keyframes logoAni { + 0% { + fill: transparent; + stroke: #575858; + } + 80% { + fill: transparent; + } + 90% { + stroke-width: 1; + } + 100% { + fill: #c8c8c8; + stroke: #575858; + stroke-dashoffset: 0; + stroke-width: 0; + } +} + + +@keyframes logoAni { + 0% { + fill: transparent; + stroke: #575858; + } + 80% { + fill: transparent; + } + 90% { + stroke-width: 1; + } + 100% { + fill: #c8c8c8; + stroke: #575858; + stroke-dashoffset: 0; + stroke-width: 0; + } +} + +@-webkit-keyframes logoSeedAni { + 0% { + fill-opacity: 0; + + } + 90% { + fill-opacity: 0; + } + 100% { + fill-opacity: 1; + } +} + +@-moz-keyframes logoSeedAni { + 0% { + fill-opacity: 0; + + } + 90% { + fill-opacity: 0; + } + 100% { + fill-opacity: 1; + } +} +@-ms-keyframes logoSeedAni { + 0% { + fill-opacity: 0; + + } + 90% { + fill-opacity: 0; + } + 100% { + fill-opacity: 1; + } +} + +@keyframes logoSeedAni { + 0% { + fill-opacity: 0; + + } + 90% { + fill-opacity: 0; + } + 100% { + fill-opacity: 1; + } +} + +/* ****************************************************************************************************** + + 알림 페이지 + +****************************************************************************************************** */ + +.alert-area {width:100%;height:100%;padding:27px 6.12%;-webkit-box-shadow:0px 5px 13px #d3d3d3;-moz-box-shadow:0px 5px 13px #d3d3d3;-ms-box-shadow:0px 5px 13px #d3d3d3;box-shadow:0px 5px 13px #d3d3d3;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;background:url(/img/seed_ver3_logo-color.png) 8% center no-repeat #fff;background-size:20%;} +html.ie8 .alert-area {background:url(/img/seed_ver3_logo-color-small.png) 8% center no-repeat #fff;} +.alert-area h1 {float:left;width:23%;height:10px;text-indent:-999em;} +.alert-area .alert-content {float:left;width: 77%;display:table;height:75px;/* margin-left:10.75%; */text-align:center;font-weight:bold;color:#434343;word-break:break-all;padding: 0 5%;} +.alert-area .alert-content span {display:table-cell;width:100%;line-height:1.5;vertical-align:middle;text-align: center;} + + +/* 서브페이지 타이틀*/ +.page-title-inner{float:left;} +.page-title-wrap{position:relative;margin-bottom:10px;} +.page-title-wrap h3 {float:left;line-height: 28px;margin-right: 5px;} +.page-title-wrap .sch-content-wrap {float:right} +.page-refresh{position:absolute;top:0;right:0;text-align:right;margin:10px 5px;z-index:20} +.page-refresh.static{ + position:relative; +} +@media (max-width:768px){ + .page-refresh{ + position:absolute !important; + top:8px; + margin:0 5px; + } +} +/* 툴팁 */ +.tooltipBox {position:relative;float: right;line-height: 28px;} + + +.tooltipBox .tooltipText {display:none;position:absolute;z-index:-1;top:35px;left:-10px;width:300px;background:#2f3541;padding:10px 15px;color:#fff;border-radius:3px;} +.tooltipBox .tooltipText.active {display:block;z-index:400} +.tooltipBox.type01 .tooltipText {/* left:30px; */} +.tooltipBox .tooltipText:after{ + content: ''; + display: block; + position: absolute; + top: -6px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 5.5px 6px 5.5px; + border-color: transparent transparent #000 transparent; +} + +.tooltipBox .tooltipText p {line-height:1.3} + +.file-info, +.page-tip {text-indent:-999em;width:21px;height: 21px;background: url(/img/icon-page-tip.png) no-repeat 0 0;background-size: 21px 21px;vertical-align: middle;cursor:pointer} + +.file-info{display:inline-block;margin-left:5px;} +.file-info-txt{position:absolute;top:0;padding:3px;background:#2f3541;color:#fff;border-radius:3px;} +.file-info-txt:after{content:'';width: 0;height: 0;border-style: solid;border-width: 5px 3.5px 0 3.5px;border-color: #2f3541 transparent transparent transparent; +position: absolute;left:50%;bottom:-5px;margin-left:-2.5px;} + + +html.ie8 .page-tip{background:url(/img/ie8-icon-page-tip.png) no-repeat 0 0;} + + +/* 서브페이지 검색 */ +.sch-content-wrap {text-align:right;} +.sch-content-wrap .sch-select {float:left;margin-right:5px;border:1px solid #dcdcdc;border-radius:3px;} +.sch-content-wrap .sch-text {float:left;width:258px;min-width:140px;margin-right:5px;padding:0 10px;box-sizing: border-box;} +.sch-content-wrap .btn-page-sch {float:left;padding:6px 20px;border-radius:3px;background:#616161;color:#fff;text-align:center;} + +/* 데이터 이동 */ +.change-state-area {padding:30px 30px;background: #fff;} +.change-state-area label {display:inline-block;margin-right:16px;line-height:28px;} +.change-state-area .btn-change-state {padding:6px 20px;border-radius:3px;background:#8e8e8e;color:#fff;} +.change-list {width:16.51%;min-width:150px;} + + +/* ****************************************************************************************************** + + 테이블, 폼 기본 스타일 + +****************************************************************************************************** */ + +.form-wrap {position:relative;background:#fff;border:1px solid #dcdcdc;border-radius:3px;} + +/* 테이블 리스트 스타일 */ + +.table-layout{position:relative;border:1px solid #dcdcdc;border-radius:3px;} +.table-layout.table-fixed{overflow-x:scroll;} +.table-layout.table-fixed table{/* table-layout: fixed; */} +.table-layout.table-fixed td, +.table-layout.table-fixed th{/* min-width:120px; */white-space:nowrap;} +.table-layout.br-none {border:none;} +.table-layout.inner-br-none table tbody tr {border-top:none} +/* .table-layout table {table-layout:fixed;word-break:break-all;} */ +.table-layout table thead img{vertical-align:middle;} + +.table-layout colgroup col.title{width:40%} +.table-layout colgroup col.title35{width:35%} +.table-layout colgroup col.title30{width:30%} +.table-layout colgroup col.title25{width:25%} +.table-layout colgroup col.title20{width:20%} +.table-layout colgroup col.title15{width:15%} +.table-layout colgroup col.title10{width:10%} +.table-layout colgroup col.title5{width:5%} +.table-layout colgroup col.small_checkbox{width: 6.9%;} +.table-layout img{vertical-align: middle;max-width:100%;} +.table-layout.siteMenuList colgroup col:first-child{width:40%} + +@media screen and (max-width:1024px){ + .table-layout colgroup col.checkbox{width:5.9%} +} + +/* ie10 테이블 */ +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .table-layout table colgroup { display: table-row; } + .table-layout table colgroup col { display: table-cell; } +} + +.table-layout table.scroll-x th, +.table-layout table.scroll-x td{ + padding-left:10px !important; + padding-right:10px !important; + box-sizing:initial !important; +} +.table-layout table th, .table-layout table td{text-align:center;} +.table-layout table th{ + padding: 11px 8px 9px 8px; + border-top:0; + border-bottom:1px solid #cfcfcf; + background: rgba(250,250,250,1); + background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); + background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); +} +html.ie8 .table-layout table th {background:#F2F2F2;} +.table-layout table tbody tr {border-top:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background:#fff;} + +@media screen and (min-width:1024px){ + .table-layout table tbody tr:hover {border-top:1px solid #f8f8f8;background:#f3f3f3;} + .table-layout table tbody tr:hover + tr {border-top:1px solid #cbccce;} + /* .table-layout table tbody tr:hover td:after {position:absolute;left:0;bottom:-11px;width:100%;height:10px;background:url(/img/background-table-tr.png) repeat-x 0 0;content:'';} */ + + .table-layout.inner-br-none table tbody tr:hover, + .table-layout.inner-br-none table tbody tr:hover + tr{border-top:none;} + .table-layout.inner-br-none table tbody tr:hover td:after {background:none;} +} + +.table-layout table tbody tr:first-child {border-top:0;} +.table-layout table tbody tr:first-child:hover {border-top:0;} +.table-layout table tbody tr:last-child {border-bottom:1px solid #e8e8e8;} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .table-layout table colgroup { display: table-row; } + .table-layout table colgroup col { display: table-cell; } +} +.table-layout table tbody td {position:relative;vertical-align:middle;padding: 11px 8px 9px 8px;} +.table-layout table tbody td.al {text-align:left;padding-left:25px;} + +.table-layout table tbody td > span, +.table-layout table tbody td > a {overflow: hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;width:95%;} +.table-layout table tbody td > a.dataDel {display:inline-block;height:auto;} + +.table-layout table tbody td > a.level-change {display:inline-block;height:auto;} +.table-layout table tbody td > a:hover > span{text-decoration:underline;} +.table-layout table tbody td.al a.hover-link {margin:0;} +.table-layout table tbody td > a > span{position:relative;} +html.ie .table-layout table tbody td > a > span{} + + +.table-layout table tbody td > a .comm-num{vertical-align: bottom;} +.table-layout table tbody td > a .comm-num + img{margin-left:3px;} + +.table-layout table tbody tr:first-child.on {border-top:none;} +.table-layout table tbody tr:first-child.on:hover {border-top:none;} +.table-layout table tbody tr.on {background:#676fb2;border-top:1px solid #676fb2;color:#fff;} +.table-layout table tbody tr.on + tr{border-top:1px solid #cbccce;} +.table-layout table tbody tr.on + tr.on {border-top:1px solid #cbccce;} +.table-layout table tbody tr.on td .level-down, +.table-layout table tbody tr.on td.skin-default, +.table-layout table tbody tr.on td a {color:#fff;} +.table-layout table tbody tr.on td.state-delete a {color:#fecfc4;} +.table-layout table tbody tr.on td.state-stop {color:#ffe1b4;} +.table-layout table tbody tr.on td:after {position:absolute;left:0;bottom:-11px;width:100%;height:10px;background:url(/img/background-table-tr.png) repeat-x 0 0;content:'';} +.table-layout table tbody tr.on + tr.on td:after {background:none;} + + +html.ie8 .table-layout table tbody tr:first-child {border-top:none;} +html.ie8 .table-layout table tbody tr.on {background:#676fb2;} + +.table-layout table tbody tr.active {background:#676fb2} +.table-layout table tbody tr.active td, .table-layout table tbody tr.active a {color:#fff} +.table-layout table tbody tr.active td a.hover-link:hover span:after {background:url(/img/hover-link-L.png) no-repeat center center;background-size:13px;} +.table-layout table tbody td.no-data-colspan{padding:14px 0;text-transform: uppercase;font-weight:700} +.table-layout table tbody td.no-data-colspan strong{text-transform: uppercase;} + + + +@media screen and (min-width:1024px){ + .table-layout table tbody td a.hover-link:hover > span:after {position:absolute;right:-17px;width: 12px;height: 12px;background:url(/img/hover-link-black-L.png) no-repeat center center;background-size: 12px;content:'';bottom: 1px;} + + .table-layout table tbody tr.on td a.hover-link:hover > span:after {background:url(/img/hover-link-L.png) no-repeat center center;background-size:13px;} + .table-layout table tbody tr:last-child:hover {border-bottom:1px solid #cbccce;} + + html.ie8 .table-layout table tbody td a.hover-link:hover > span:after {background:url(/img/hover-link-black-S.png) no-repeat center center; + position:absolute;right:-17px;width: 12px;height: 12px;content:'';bottom: 1px;} + html.ie8 .table-layout table tbody tr.on td a.hover-link:hover > span:after {background:url(/img/hover-link-S.png) no-repeat center center;} + +} + + +.more-btn-box{position:relative;display:none;text-align:right;margin-bottom:10px;padding-right:5px;} +.more-table-item {width:15px;height:15px;background:url(/img/more-table-item.png) no-repeat center center;background-size:15px;text-indent:-999em;} +.colummListBox{position:absolute;top:20px;right:10px;z-index:12;background:#fff;padding:10px;box-shadow: 0 1px 5px rgba(0,0,0,0.3);border-radius:3px;text-align:left;} +.colummListBox li{padding:3px 0} +@media screen and (max-width:1024px){ + .more-btn-box{display:block;} +} + +.depth-1, .depth-2, .depth-3, .depth-4, .depth-5, .depth-6 {position:relative;} +.depth-1:after, .depth-2:after, .depth-3:after, .depth-4:after, .depth-5:after, .depth-6:after {position:absolute;top: 50%;width:12px;height:12px;margin-top: -5px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;} +.depth-1:after {left:0;background:#c92626;} +.depth-2:after {left:17px;background:#f09d1f;} +.depth-3:after {left:34px;background:#7dc242;} +.depth-4:after {left:51px;background:#116bb4;} +.depth-5:after {left:68px;background:#2d4485;} +.depth-6:after {left:85px;background:#7d397b;} +.depth-1{padding-left:17px !important} +.depth-2{padding-left:34px !important;} +.depth-3{padding-left:51px !important} +.depth-4{padding-left:68px !important} +.depth-5{padding-left:85px !important} +.depth-6{padding-left:102px !important} + +.sub1, .sub2, .sub3, .sub4, .sub5, .sub6 {position:relative;} +.sub1:after, .sub2:after, .sub3:after, .sub4:after, .sub5:after, .sub6:after {position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;} +.sub1:after {left:0;background:#c92626;} +.sub2:after {left:17px;background:#f09d1f;} +.sub3:after {left:34px;background:#7dc242;} +.sub4:after {left:51px;background:#116bb4;} +.sub5:after {left:68px;background:#2d4485;} +.sub6:after {left:85px;background:#7d397b;} +.sub1 {padding-left:17px !important} +.sub2{padding-left:34px !important} +.sub3{padding-left:51px !important} +.sub4{padding-left:68px !important} +.sub5{padding-left:85px !important} +.sub6{padding-left:102px !important} + +p.menu-visible {display:inline-block;width:55px;height:25px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;border-radius: 15px;vertical-align: middle;} +p.menu-visible.on {border:1px solid #18ac8c;background:#25ba9a;} +p.menu-visible.off {border:1px solid #c6c9ca;background:#bdc1c2 !important;} + +p.menu-visible span, +p.menu-visible a {position:relative;display:block;height:100%;padding-top: 2px;color:#fff;cursor:pointer;} + +p.menu-visible.on span, +p.menu-visible.on a {padding-right: 8px;text-align:right;} + +p.menu-visible.off span, +p.menu-visible.off a{padding-left: 5px;text-align:left;} + +p.menu-visible span:after, +p.menu-visible a:after {position:absolute;top:50%;width:19px;height:19px;margin-top:-9.5px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:#fff;content:'';} + +p.menu-visible.on span:after, +p.menu-visible.on a:after{left:2px;} + +p.menu-visible.off span:after, +p.menu-visible.off a:after{right:2px;} + +.go-btn{width: 21px;height: 18.75px;display: inline-block;transform:translateX(-40px);transition:all .3s;opacity:0;} + +.menu-barogagi span{transform: translateX(-11px);transition:all .3s;} +.menu-barogagi:hover .go-btn{transform:translateX(-10px);opacity: 1;} +.menu-barogagi:hover span{transform: translateX(0);} +@media screen and (min-width:1024px){ + p.menu-visible.on:hover {background:#119d7f} + p.menu-visible.off:hover {background:#b1b2b3} +} + +.bookmark-list-pc.menu-manage {position:fixed;right:30px;bottom:50px;float:right;margin-right:0;margin-top:0;z-index:100;} +.bookmark-list-pc.menu-manage ul {position:absolute;top:0;} + + +.bbs-view-layout {background:#fff;border-radius:3px;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1);box-shadow: 0 1px 5px rgba(0,0,0,0.1);padding: 20px 0;/* padding-top: 20px; */} +.bbs-view-item {display:table;width:95%;margin:0 auto;/* padding:15px 0; */border-top:1px solid #ECECEC;min-height:50px;table-layout: fixed;} +.bbs-view-item.data-table-content{min-height:100px;padding:15px;} +.bbs-view-item.data-table-content p{margin:10px 0;} +.bbs-view-item .bbsFileList{margin:10px 0} +.bbs-view-item:after {content:'';clear:both;display:block;} +.bbs-view-item:first-child {border-top:0;} + +.bbs-view-item .item-title {display:table-cell;width:25%;padding:15px 10px;line-height:1.4;vertical-align:middle;font-weight:bold;color:#444344;padding-left:0} +.bbs-view-item .item-box {display:table-cell;width:75%;line-height:1.4;padding:15px 0;color:#4b4e52;word-break: break-all;vertical-align: middle;} + + +.bbs-view-item .item-box.width100 {width:100%;} +.bbs-view-item .item-box:after {content:'';clear:both;display:block;} +.bbs-view-item .item-box input.checkbox, .bbs-view-item input.radio {width:0;padding:0;} +.bbs-view-item .item-box .btn-sch-item {display:inline-block;margin-left:5px;padding:6px 20px;background:#8e8e8e;color:#fff;text-align:center;border-radius:3px;vertical-align: middle;} +.bbs-view-item .item-box input.essential {background:url(/img/bg_essential.png) 0 0 no-repeat;} +.bbs-view-item .item-box .row{margin:5px 0;} +.bbs-view-item .item-box .row.inline{display:inline-block;} +.bbs-view-item .item-box .row:last-child.inline{display:inline-block;margin:5px 0} +.bbs-view-item .item-box .row:last-child{margin:0;} +.bbs-view-item .item-box .skin-list-box {margin-top:5px;} +.skin-list-box {margin-left:20px;} +.bbs-view-item .item-box .spanIp4, .bbs-view-item .item-box .spanIp6 {display:inline-block;line-height:28px;} +.bbs-view-item .item-box textarea{min-height:300px;} +.bbs-view-item .item-box textarea ~ select{max-width:180px;margin-top:10px;margin-left:45px;} + +.frm-comment{position: relative;} +.frm-comment .writeComment{width:100%;padding-right:90px;} +.frm-comment .writeComment textarea{min-height:63px;} +.frm-comment .btn-comment-area{position:absolute;right:0;top:0;width:80px;margin-top:0;height:63px;} +.frm-comment .btn-comment-area button{width:80px !important;height:100%;box-shadow:none;margin:0;padding:0;} +.readComment {background: #fff;margin-top:20px;border-top: 2px solid #5E66AB;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + box-shadow: 0 1px 5px rgba(0,0,0,0.1);} +.readComment li {border-top:1px solid #DADADA;margin:0 1%} +.readComment li:first-child {border-top:0;} +.readComment .user_write_date {background:#fff;height:40px;border-bottom:1px solid #eeeeee;line-height:40px;} +.readComment .user_write_date > p {float:left;line-height:40px;font-size: 12px;} +.readComment .user_write_date > p strong{line-height:40px;} +.readComment .user_write_date a {float:right;margin-top:15px;margin-right:10px;} +.readComment .user_write_date strong {margin:0 10px;} +.readComment .user_write_date .date {font-size:11px;line-height:40px;} +.readComment .commentTxt {padding:25px;line-height: 1.4;} +.upFileHtml, #upFileHtml{display:inline-block;margin-top:10px;vertical-align: text-top;} +.upFileHtml, #upFileHtml li{display:inline-block;margin:10px;text-align:center;overflow:hidden;background:#fff;vertical-align: bottom;} +.upFileHtml, #upFileHtml label{color:#595959;font-weight:600;letter-spacing:-1px;} +.file-anchor-list{display:block;margin:5px 0;} +.file-anchor-list span:first-child, +.file-anchor-list a:first-child{font-weight:600;letter-spacing:-1px;color:#595959} +.file-anchor-list span:first-child + a, +.file-anchor-list a:first-child + a{font-size:22px;line-height:13px;color:#d12626} +.file-img-list{border-radius:1px;overflow:hidden;} +.file-img-list img{max-width:100px;} + + +@media screen and (max-width:1024px){ + .bbs-view-item .item-box textarea ~ select{margin-left:18px;} + .upFileHtml{text-align:center;} +} + +.bbs-view-item#trSiteMenuContent{width:100%} + +.item-box textarea {width:100%;vertical-align:middle} + +.item-box input[type="file"]{padding:0;} +.item-box input[type="text"], .item-box input[type="password"] {width:100%;} + +.checkbox {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} + + +html.ie8 .checkbox + label, html.ie8 .checkbox.width-none + label{background:url(/img/checkbox-small.png) no-repeat 0 0;} +html.ie8 .checkbox.checked + label, html.ie8 .checkbox.width-none.checked + label {background:url(/img/checkbox-checked-small.png) no-repeat;} + + + +.checkbox.width-none.checked + label {background:url(/img/checkbox-checked-big.png) no-repeat 0 0;background-size:18px;} + + + +html.ie8 input.checkbox[disabled] + label, +html.ie8 input.checkbox[disabled="disabled"] + label{background-image:url(/img/checkbox-disabled-small.png)} +input.checkbox:disabled + label, +input.checkbox[disabled], +input.checkbox[disabled="disabled"]{background-image:url(/img/checkbox-disabled-big.png)} + + + + +ul.checkbox.block li {margin-bottom:5px;} + +.radio {position:absolute;z-index:-1;width:0;height:0;opacity:0;line-height:0;} +.radio + label {display:inline-block;width:auto;padding:3px 0 4px 25px;margin:3px 5px 3px 0;background:url(/img/radio-checked-none-big.png) no-repeat 0 0;background-size:20px;} +.radio.checked + label {background:url(/img/radio-checked-big.png) no-repeat 0 0;background-size:20px;} + +html.ie8 .radio + label {background:url(/img/radio-small.png) no-repeat 0 0;} +html.ie8 .radio.checked + label {background:url(/img/radio-checked-small.png) no-repeat;} + +.seedPop #textAreaCode{text-align:center;} +#textAreaCode {width:100% !important;} + + +.pagination-container{text-align:center;margin: 20px 0;} +.pagination-inner{display:inline-block;border:1px solid #e6e6e6;border-radius:3px;background:#fff;padding:3px 0;} +.pagination-inner .bx-wrapper{float:left;} +.pagination{float:left;height:32px;overflow:hidden;} +.pagination li{float:left;} +.pagination li a{display:block;width:28px;height:32px;line-height:32px;font-size:12px;font-weight:700;color:#000;border-radius:3px;} +.pagination li a.on{background:#676fb2;color:#fff;} +.pagination-control{float:left;height:32px;} +.pagination-control.prev{margin-right:10px;} +.pagination-control.next{margin-left:10px;} +.pagination-control a{position:relative;float:left;display:block;width:42px;height:100%;text-indent:-999em;} +.pagination-control.prev a:after{content:'';position:absolute;top:50%;margin-top:-12px;right:0;width:1px;height:24px;background:#dce0df;} +.pagination-control.next a:after{content:'';position:absolute;top:50%;margin-top:-12px;left:0;width:1px;height:24px;background:#dce0df;} +.pagination-control.prev a.prev-btn{background:url(/img/pagination_big_prev.png) no-repeat 50% 50%;background-size:8px 14px} +.pagination-control.next a.next-btn{background:url(/img/pagination_big_next.png) no-repeat 50% 50%;background-size:8px 14px} +.pagination-control.prev a.first-btn{background:url(/img/pagination_big_first.png) no-repeat 50% 50%;background-size:14px 14px} +.pagination-control.next a.last-btn{background:url(/img/pagination_big_last.png) no-repeat 50% 50%;background-size:14px 14px} + +html.ie8 .pagination-control.prev a.prev-btn{background:url(/img/pagination_small_prev.png) no-repeat 50% 50%;} +html.ie8 .pagination-control.next a.next-btn{background:url(/img/pagination_small_next.png) no-repeat 50% 50%;} +html.ie8 .pagination-control.prev a.first-btn{background:url(/img/pagination_small_first.png) no-repeat 50% 50%;} +html.ie8 .pagination-control.next a.last-btn{background:url(/img/pagination_small_last.png) no-repeat 50% 50%;} + + +.seed-popup-wrap {width:95%;margin:0 auto;padding-top:2%} +.bbs-view-title {width:95%;padding:18px 0;margin:0 auto;border-bottom:2px solid #5E66AB;} +.bbs-view-title h1 {margin:0 10px;font-size:15px;} +.seed-popup-wrap .btn-area button{display:inline-block;width:140px;} +.seed-popup-wrap .btn-area a{display:inline-block;width:140px} + +.temp-file-area {overflow:hidden;display:inline-block;position:relative;/* margin-left:5px; */} +.temp-file-area .temp-file-button {display:inline-block;padding: 5px 15px;text-align:center;background:#8e8e8e;color:#fff;border-radius:3px;} +.temp-file-area .temp-file-hideen {font-size:22px;position:absolute;right:0;top:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;} + + +.blockUI.blockMsg.blockPage {/* padding:15px 30px 25px 30px; *//* margin-left:-147px; *//* margin-top:-75.5px; */} +.blockUI.blockMsg.blockPage .img-page-loding{display:block;/* width:100px; *//* height:75px; */margin:0 auto;margin-bottom:10px;} + + +.editor{height:560px;position: relative;} +.editor iframe{display:none;width:100%;height:540px;border:none;} +.CodeMirror pre{font-family:'Noto Sans KR', Open Sans !important;font-weight:400;tab-size:8;} +.CodeMirror-code div{height:20px;} +.CodeMirror-linenumber.CodeMirror-gutter-elt{color:#acacac;text-align:right;font-family:'Noto Sans KR', Open Sans !important;left:0;} +.CodeMirror-linenumbers{width:47px !important;} +.CodeMirror-vscrollbar::-webkit-scrollbar{width:7px;} +.CodeMirror-hscrollbar::-webkit-scrollbar{height:7px;} +.CodeMirror-vscrollbar::-webkit-scrollbar-track, +.CodeMirror-hscrollbar::-webkit-scrollbar-track{background:#F1F1F1;} +.CodeMirror-vscrollbar::-webkit-scrollbar-thumb, +.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {background:#dadada;} +.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:window-inactive, +.CodeMirror-hscrollbar::-webkit-scrollbar-thumb:window-inactive {background: rgba(255,0,0,0.4); } +.btn-area button.DSP-NONE{display:none;} +.layout-footer{padding:25px;background:#fff} +.layout-footer.skin-css{padding: 10px;padding-left: 0;} + +html.ie .rolling{display:none} +.rolling { + font-size: 10px; + position: absolute; + left:50%;top:50%;margin-left:-3em;margin-top:-3.5em; + text-indent: -9999em; + border-top: 0.2em solid rgba(103, 111, 178, 1); + border-right: 0.2em solid rgba(103, 111, 178, 1); + border-bottom: 0.2em solid rgba(103, 111, 178, 1); + border-left: 0.2em solid #ffffff; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: load8 1.1s infinite linear; + animation: load8 1.1s infinite linear; +} +.rolling, +.rolling:after { + border-radius: 50%; + width:6em; + height:6em; +} +.rolling:after{ + content:''; +} + +@-webkit-keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + + + + + +.pjax-loader-bar { + position: fixed; + top: 0; + left: 0; + z-index: 40000; + opacity: 0; + -webkit-transition: opacity 0.4s linear 0.4s; + transition: opacity 0.4s linear 0.4s; +} +.pjax-loader-bar.is-loading { + opacity: 1; + -webkit-transition: none; + transition: none; +} +.pjax-loader-bar .progress { + position: fixed; + top: 0; + left: 0; + z-index:40000; + height: 3px; + background: #bfd1fa; + box-shadow: 0 0 10px rgba(188,209,255,0.8); + -webkit-transition: width 0.4s ease; + transition: width 0.4s ease; +} +/* ****************************************************************************************************** + + new + +****************************************************************************************************** */ +.clearfix:before, +.clearfix:after { + content: " "; /* 1 */ + display: table; /* 2 */ +} +.clearfix:after { + clear: both; +} +.text-left{ + text-align:left; +} +.text-center{ + text-align:center; +} +.text-right{ + text-align:right; +} +.text-justify{ + text-align:justify; +} +.text-nowrap{ + white-space: nowrap; +} +.font-normal{ + font-weight: normal !important; +} +.pull-left { + float: left !important; +} +.pull-right { + float: right !important; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} +.list-unstyled{ + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + margin-left: -5px; + list-style: none; +} +.list-inline > li{ + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #828282; +} +.ellipsis{ + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.row{ + display: block; + margin: 15px 0; +} +.half-rule { + width: 100px; + margin: 40px auto; + border: 0; + border-top: 1px solid #ededed; +} + +/* ****************************************************************************************************** + + new + +****************************************************************************************************** */ +.ellip { + display: block; + height: 100%; +} +.ellip-line { + display: inline-block; + text-overflow: ellipsis; + white-space: nowrap; + word-wrap: normal; + max-width: 100%; +} +.ellip, +.ellip-line { + position: relative; + overflow: hidden; +} + +.mt0{margin-top:0px!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt3{margin-top:3px!important}.mt4{margin-top:4px!important}.mt5{margin-top:5px!important}.mt6{margin-top:6px!important}.mt7{margin-top:7px!important}.mt8{margin-top:8px!important}.mt9{margin-top:9px!important}.mt10{margin-top:10px!important}.mt11{margin-top:11px!important}.mt12{margin-top:12px!important}.mt13{margin-top:13px!important}.mt14{margin-top:14px!important}.mt15{margin-top:15px!important}.mt16{margin-top:16px!important}.mt17{margin-top:17px!important}.mt18{margin-top:18px!important}.mt19{margin-top:19px!important}.mt20{margin-top:20px!important}.mt21{margin-top:21px!important}.mt22{margin-top:22px!important}.mt23{margin-top:23px!important}.mt24{margin-top:24px!important}.mt25{margin-top:25px!important}.mt26{margin-top:26px!important}.mt27{margin-top:27px!important}.mt28{margin-top:28px!important}.mt29{margin-top:29px!important}.mt30{margin-top:30px!important}.mt31{margin-top:31px!important}.mt32{margin-top:32px!important}.mt33{margin-top:33px!important}.mt34{margin-top:34px!important}.mt35{margin-top:35px!important}.mt36{margin-top:36px!important}.mt31{margin-top:37px!important}.mt38{margin-top:38px!important}.mt39{margin-top:39px!important}.mt40{margin-top:40px!important}.mt41{margin-top:41px!important}.mt42{margin-top:42px!important}.mt43{margin-top:43px!important}.mt44{margin-top:44px!important}.mt45{margin-top:45px!important}.mt46{margin-top:46px!important}.mt47{margin-top:47px!important}.mt48{margin-top:48px!important}.mt49{margin-top:49px!important}.mt50{margin-top:50px!important}.mt51{margin-top:51px!important}.mt52{margin-top:52px!important}.mt53{margin-top:53px!important}.mt54{margin-top:54px!important}.mt55{margin-top:55px!important}.mt56{margin-top:56px!important}.mt57{margin-top:57px!important}.mt58{margin-top:58px!important}.mt59{margin-top:59px!important}.mt60{margin-top:60px!important}.mt61{margin-top:61px!important}.mt62{margin-top:62px!important}.mt63{margin-top:63px!important}.mt64{margin-top:64px!important}.mt65{margin-top:65px!important}.mt66{margin-top:66px!important}.mt67{margin-top:67px!important}.mt68{margin-top:68px!important}.mt69{margin-top:69px!important}.mt70{margin-top:70px!important}.mt71{margin-top:71px!important}.mt72{margin-top:72px!important}.mt73{margin-top:73px!important}.mt74{margin-top:74px!important}.mt75{margin-top:75px!important}.mt76{margin-top:76px!important}.mt77{margin-top:77px!important}.mt78{margin-top:78px!important}.mt79{margin-top:79px!important}.mt80{margin-top:80px!important}.mt81{margin-top:81px!important}.mt82{margin-top:82px!important}.mt83{margin-top:83px!important}.mt84{margin-top:84px!important}.mt85{margin-top:85px!important}.mt86{margin-top:86px!important}.mt87{margin-top:87px!important}.mt88{margin-top:88px!important}.mt89{margin-top:89px!important}.mt90{margin-top:90px!important}.mt91{margin-top:91px!important}.mt92{margin-top:92px!important}.mt93{margin-top:93px!important}.mt94{margin-top:94px!important}.mt95{margin-top:95px!important}.mt96{margin-top:96px!important}.mt97{margin-top:97px!important}.mt98{margin-top:98px!important}.mt99{margin-top:99px!important}.mt100{margin-top:100px!important}.mr0{margin-right:0px!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr6{margin-right:6px!important}.mr7{margin-right:7px!important}.mr8{margin-right:8px!important}.mr9{margin-right:9px!important}.mr10{margin-right:10px!important}.mr11{margin-right:11px!important}.mr12{margin-right:12px!important}.mr13{margin-right:13px!important}.mr14{margin-right:14px!important}.mr15{margin-right:15px!important}.mr16{margin-right:16px!important}.mr17{margin-right:17px!important}.mr18{margin-right:18px!important}.mr19{margin-right:19px!important}.mr20{margin-right:20px!important}.mr21{margin-right:21px!important}.mr22{margin-right:22px!important}.mr23{margin-right:23px!important}.mr24{margin-right:24px!important}.mr25{margin-right:25px!important}.mr26{margin-right:26px!important}.mr27{margin-right:27px!important}.mr28{margin-right:28px!important}.mr29{margin-right:29px!important}.mr30{margin-right:30px!important}.mr31{margin-right:31px!important}.mr32{margin-right:32px!important}.mr33{margin-right:33px!important}.mr34{margin-right:34px!important}.mr35{margin-right:35px!important}.mr36{margin-right:36px!important}.mr31{margin-right:37px!important}.mr38{margin-right:38px!important}.mr39{margin-right:39px!important}.mr40{margin-right:40px!important}.mr41{margin-right:41px!important}.mr42{margin-right:42px!important}.mr43{margin-right:43px!important}.mr44{margin-right:44px!important}.mr45{margin-right:45px!important}.mr46{margin-right:46px!important}.mr47{margin-right:47px!important}.mr48{margin-right:48px!important}.mr49{margin-right:49px!important}.mr50{margin-right:50px!important}.mr51{margin-right:51px!important}.mr52{margin-right:52px!important}.mr53{margin-right:53px!important}.mr54{margin-right:54px!important}.mr55{margin-right:55px!important}.mr56{margin-right:56px!important}.mr57{margin-right:57px!important}.mr58{margin-right:58px!important}.mr59{margin-right:59px!important}.mr60{margin-right:60px!important}.mr61{margin-right:61px!important}.mr62{margin-right:62px!important}.mr63{margin-right:63px!important}.mr64{margin-right:64px!important}.mr65{margin-right:65px!important}.mr66{margin-right:66px!important}.mr67{margin-right:67px!important}.mr68{margin-right:68px!important}.mr69{margin-right:69px!important}.mr70{margin-right:70px!important}.mr71{margin-right:71px!important}.mr72{margin-right:72px!important}.mr73{margin-right:73px!important}.mr74{margin-right:74px!important}.mr75{margin-right:75px!important}.mr76{margin-right:76px!important}.mr77{margin-right:77px!important}.mr78{margin-right:78px!important}.mr79{margin-right:79px!important}.mr80{margin-right:80px!important}.mr81{margin-right:81px!important}.mr82{margin-right:82px!important}.mr83{margin-right:83px!important}.mr84{margin-right:84px!important}.mr85{margin-right:85px!important}.mr86{margin-right:86px!important}.mr87{margin-right:87px!important}.mr88{margin-right:88px!important}.mr89{margin-right:89px!important}.mr90{margin-right:90px!important}.mr91{margin-right:91px!important}.mr92{margin-right:92px!important}.mr93{margin-right:93px!important}.mr94{margin-right:94px!important}.mr95{margin-right:95px!important}.mr96{margin-right:96px!important}.mr97{margin-right:97px!important}.mr98{margin-right:98px!important}.mr99{margin-right:99px!important}.mr100{margin-right:100px!important}.mb0{margin-bottom:0px!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb3{margin-bottom:3px!important}.mb4{margin-bottom:4px!important}.mb5{margin-bottom:5px!important}.mb6{margin-bottom:6px!important}.mb7{margin-bottom:7px!important}.mb8{margin-bottom:8px!important}.mb9{margin-bottom:9px!important}.mb10{margin-bottom:10px!important}.mb11{margin-bottom:11px!important}.mb12{margin-bottom:12px!important}.mb13{margin-bottom:13px!important}.mb14{margin-bottom:14px!important}.mb15{margin-bottom:15px!important}.mb16{margin-bottom:16px!important}.mb17{margin-bottom:17px!important}.mb18{margin-bottom:18px!important}.mb19{margin-bottom:19px!important}.mb20{margin-bottom:20px!important}.mb21{margin-bottom:21px!important}.mb22{margin-bottom:22px!important}.mb23{margin-bottom:23px!important}.mb24{margin-bottom:24px!important}.mb25{margin-bottom:25px!important}.mb26{margin-bottom:26px!important}.mb27{margin-bottom:27px!important}.mb28{margin-bottom:28px!important}.mb29{margin-bottom:29px!important}.mb30{margin-bottom:30px!important}.mb31{margin-bottom:31px!important}.mb32{margin-bottom:32px!important}.mb33{margin-bottom:33px!important}.mb34{margin-bottom:34px!important}.mb35{margin-bottom:35px!important}.mb36{margin-bottom:36px!important}.mb31{margin-bottom:37px!important}.mb38{margin-bottom:38px!important}.mb39{margin-bottom:39px!important}.mb40{margin-bottom:40px!important}.mb41{margin-bottom:41px!important}.mb42{margin-bottom:42px!important}.mb43{margin-bottom:43px!important}.mb44{margin-bottom:44px!important}.mb45{margin-bottom:45px!important}.mb46{margin-bottom:46px!important}.mb47{margin-bottom:47px!important}.mb48{margin-bottom:48px!important}.mb49{margin-bottom:49px!important}.mb50{margin-bottom:50px!important}.mb51{margin-bottom:51px!important}.mb52{margin-bottom:52px!important}.mb53{margin-bottom:53px!important}.mb54{margin-bottom:54px!important}.mb55{margin-bottom:55px!important}.mb56{margin-bottom:56px!important}.mb57{margin-bottom:57px!important}.mb58{margin-bottom:58px!important}.mb59{margin-bottom:59px!important}.mb60{margin-bottom:60px!important}.mb61{margin-bottom:61px!important}.mb62{margin-bottom:62px!important}.mb63{margin-bottom:63px!important}.mb64{margin-bottom:64px!important}.mb65{margin-bottom:65px!important}.mb66{margin-bottom:66px!important}.mb67{margin-bottom:67px!important}.mb68{margin-bottom:68px!important}.mb69{margin-bottom:69px!important}.mb70{margin-bottom:70px!important}.mb71{margin-bottom:71px!important}.mb72{margin-bottom:72px!important}.mb73{margin-bottom:73px!important}.mb74{margin-bottom:74px!important}.mb75{margin-bottom:75px!important}.mb76{margin-bottom:76px!important}.mb77{margin-bottom:77px!important}.mb78{margin-bottom:78px!important}.mb79{margin-bottom:79px!important}.mb80{margin-bottom:80px!important}.mb81{margin-bottom:81px!important}.mb82{margin-bottom:82px!important}.mb83{margin-bottom:83px!important}.mb84{margin-bottom:84px!important}.mb85{margin-bottom:85px!important}.mb86{margin-bottom:86px!important}.mb87{margin-bottom:87px!important}.mb88{margin-bottom:88px!important}.mb89{margin-bottom:89px!important}.mb90{margin-bottom:90px!important}.mb91{margin-bottom:91px!important}.mb92{margin-bottom:92px!important}.mb93{margin-bottom:93px!important}.mb94{margin-bottom:94px!important}.mb95{margin-bottom:95px!important}.mb96{margin-bottom:96px!important}.mb97{margin-bottom:97px!important}.mb98{margin-bottom:98px!important}.mb99{margin-bottom:99px!important}.mb100{margin-bottom:100px!important}.ml0{margin-left:0px!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml4{margin-left:4px!important}.ml5{margin-left:5px!important}.ml6{margin-left:6px!important}.ml7{margin-left:7px!important}.ml8{margin-left:8px!important}.ml9{margin-left:9px!important}.ml10{margin-left:10px!important}.ml11{margin-left:11px!important}.ml12{margin-left:12px!important}.ml13{margin-left:13px!important}.ml14{margin-left:14px!important}.ml15{margin-left:15px!important}.ml16{margin-left:16px!important}.ml17{margin-left:17px!important}.ml18{margin-left:18px!important}.ml19{margin-left:19px!important}.ml20{margin-left:20px!important}.ml21{margin-left:21px!important}.ml22{margin-left:22px!important}.ml23{margin-left:23px!important}.ml24{margin-left:24px!important}.ml25{margin-left:25px!important}.ml26{margin-left:26px!important}.ml27{margin-left:27px!important}.ml28{margin-left:28px!important}.ml29{margin-left:29px!important}.ml30{margin-left:30px!important}.ml31{margin-left:31px!important}.ml32{margin-left:32px!important}.ml33{margin-left:33px!important}.ml34{margin-left:34px!important}.ml35{margin-left:35px!important}.ml36{margin-left:36px!important}.ml31{margin-left:37px!important}.ml38{margin-left:38px!important}.ml39{margin-left:39px!important}.ml40{margin-left:40px!important}.ml41{margin-left:41px!important}.ml42{margin-left:42px!important}.ml43{margin-left:43px!important}.ml44{margin-left:44px!important}.ml45{margin-left:45px!important}.ml46{margin-left:46px!important}.ml47{margin-left:47px!important}.ml48{margin-left:48px!important}.ml49{margin-left:49px!important}.ml50{margin-left:50px!important}.ml51{margin-left:51px!important}.ml52{margin-left:52px!important}.ml53{margin-left:53px!important}.ml54{margin-left:54px!important}.ml55{margin-left:55px!important}.ml56{margin-left:56px!important}.ml57{margin-left:57px!important}.ml58{margin-left:58px!important}.ml59{margin-left:59px!important}.ml60{margin-left:60px!important}.ml61{margin-left:61px!important}.ml62{margin-left:62px!important}.ml63{margin-left:63px!important}.ml64{margin-left:64px!important}.ml65{margin-left:65px!important}.ml66{margin-left:66px!important}.ml67{margin-left:67px!important}.ml68{margin-left:68px!important}.ml69{margin-left:69px!important}.ml70{margin-left:70px!important}.ml71{margin-left:71px!important}.ml72{margin-left:72px!important}.ml73{margin-left:73px!important}.ml74{margin-left:74px!important}.ml75{margin-left:75px!important}.ml76{margin-left:76px!important}.ml77{margin-left:77px!important}.ml78{margin-left:78px!important}.ml79{margin-left:79px!important}.ml80{margin-left:80px!important}.ml81{margin-left:81px!important}.ml82{margin-left:82px!important}.ml83{margin-left:83px!important}.ml84{margin-left:84px!important}.ml85{margin-left:85px!important}.ml86{margin-left:86px!important}.ml87{margin-left:87px!important}.ml88{margin-left:88px!important}.ml89{margin-left:89px!important}.ml90{margin-left:90px!important}.ml91{margin-left:91px!important}.ml92{margin-left:92px!important}.ml93{margin-left:93px!important}.ml94{margin-left:94px!important}.ml95{margin-left:95px!important}.ml96{margin-left:96px!important}.ml97{margin-left:97px!important}.ml98{margin-left:98px!important}.ml99{margin-left:99px!important}.ml100{margin-left:100px!important}.pt0{padding-top:0px!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt3{padding-top:3px!important}.pt4{padding-top:4px!important}.pt5{padding-top:5px!important}.pt6{padding-top:6px!important}.pt7{padding-top:7px!important}.pt8{padding-top:8px!important}.pt9{padding-top:9px!important}.pt10{padding-top:10px!important}.pt11{padding-top:11px!important}.pt12{padding-top:12px!important}.pt13{padding-top:13px!important}.pt14{padding-top:14px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pt17{padding-top:17px!important}.pt18{padding-top:18px!important}.pt19{padding-top:19px!important}.pt20{padding-top:20px!important}.pt21{padding-top:21px!important}.pt22{padding-top:22px!important}.pt23{padding-top:23px!important}.pt24{padding-top:24px!important}.pt25{padding-top:25px!important}.pt26{padding-top:26px!important}.pt27{padding-top:27px!important}.pt28{padding-top:28px!important}.pt29{padding-top:29px!important}.pt30{padding-top:30px!important}.pt31{padding-top:31px!important}.pt32{padding-top:32px!important}.pt33{padding-top:33px!important}.pt34{padding-top:34px!important}.pt35{padding-top:35px!important}.pt36{padding-top:36px!important}.pt31{padding-top:37px!important}.pt38{padding-top:38px!important}.pt39{padding-top:39px!important}.pt40{padding-top:40px!important}.pt41{padding-top:41px!important}.pt42{padding-top:42px!important}.pt43{padding-top:43px!important}.pt44{padding-top:44px!important}.pt45{padding-top:45px!important}.pt46{padding-top:46px!important}.pt47{padding-top:47px!important}.pt48{padding-top:48px!important}.pt49{padding-top:49px!important}.pt50{padding-top:50px!important}.pt51{padding-top:51px!important}.pt52{padding-top:52px!important}.pt53{padding-top:53px!important}.pt54{padding-top:54px!important}.pt55{padding-top:55px!important}.pt56{padding-top:56px!important}.pt57{padding-top:57px!important}.pt58{padding-top:58px!important}.pt59{padding-top:59px!important}.pt60{padding-top:60px!important}.pt61{padding-top:61px!important}.pt62{padding-top:62px!important}.pt63{padding-top:63px!important}.pt64{padding-top:64px!important}.pt65{padding-top:65px!important}.pt66{padding-top:66px!important}.pt67{padding-top:67px!important}.pt68{padding-top:68px!important}.pt69{padding-top:69px!important}.pt70{padding-top:70px!important}.pt71{padding-top:71px!important}.pt72{padding-top:72px!important}.pt73{padding-top:73px!important}.pt74{padding-top:74px!important}.pt75{padding-top:75px!important}.pt76{padding-top:76px!important}.pt77{padding-top:77px!important}.pt78{padding-top:78px!important}.pt79{padding-top:79px!important}.pt80{padding-top:80px!important}.pt81{padding-top:81px!important}.pt82{padding-top:82px!important}.pt83{padding-top:83px!important}.pt84{padding-top:84px!important}.pt85{padding-top:85px!important}.pt86{padding-top:86px!important}.pt87{padding-top:87px!important}.pt88{padding-top:88px!important}.pt89{padding-top:89px!important}.pt90{padding-top:90px!important}.pt91{padding-top:91px!important}.pt92{padding-top:92px!important}.pt93{padding-top:93px!important}.pt94{padding-top:94px!important}.pt95{padding-top:95px!important}.pt96{padding-top:96px!important}.pt97{padding-top:97px!important}.pt98{padding-top:98px!important}.pt99{padding-top:99px!important}.pt100{padding-top:100px!important}.pr0{padding-right:0px!important}.pr1{padding-right:1px!important}.pr2{padding-right:2px!important}.pr3{padding-right:3px!important}.pr4{padding-right:4px!important}.pr5{padding-right:5px!important}.pr6{padding-right:6px!important}.pr7{padding-right:7px!important}.pr8{padding-right:8px!important}.pr9{padding-right:9px!important}.pr10{padding-right:10px!important}.pr11{padding-right:11px!important}.pr12{padding-right:12px!important}.pr13{padding-right:13px!important}.pr14{padding-right:14px!important}.pr15{padding-right:15px!important}.pr16{padding-right:16px!important}.pr17{padding-right:17px!important}.pr18{padding-right:18px!important}.pr19{padding-right:19px!important}.pr20{padding-right:20px!important}.pr21{padding-right:21px!important}.pr22{padding-right:22px!important}.pr23{padding-right:23px!important}.pr24{padding-right:24px!important}.pr25{padding-right:25px!important}.pr26{padding-right:26px!important}.pr27{padding-right:27px!important}.pr28{padding-right:28px!important}.pr29{padding-right:29px!important}.pr30{padding-right:30px!important}.pr31{padding-right:31px!important}.pr32{padding-right:32px!important}.pr33{padding-right:33px!important}.pr34{padding-right:34px!important}.pr35{padding-right:35px!important}.pr36{padding-right:36px!important}.pr31{padding-right:37px!important}.pr38{padding-right:38px!important}.pr39{padding-right:39px!important}.pr40{padding-right:40px!important}.pr41{padding-right:41px!important}.pr42{padding-right:42px!important}.pr43{padding-right:43px!important}.pr44{padding-right:44px!important}.pr45{padding-right:45px!important}.pr46{padding-right:46px!important}.pr47{padding-right:47px!important}.pr48{padding-right:48px!important}.pr49{padding-right:49px!important}.pr50{padding-right:50px!important}.pr51{padding-right:51px!important}.pr52{padding-right:52px!important}.pr53{padding-right:53px!important}.pr54{padding-right:54px!important}.pr55{padding-right:55px!important}.pr56{padding-right:56px!important}.pr57{padding-right:57px!important}.pr58{padding-right:58px!important}.pr59{padding-right:59px!important}.pr60{padding-right:60px!important}.pr61{padding-right:61px!important}.pr62{padding-right:62px!important}.pr63{padding-right:63px!important}.pr64{padding-right:64px!important}.pr65{padding-right:65px!important}.pr66{padding-right:66px!important}.pr67{padding-right:67px!important}.pr68{padding-right:68px!important}.pr69{padding-right:69px!important}.pr70{padding-right:70px!important}.pr71{padding-right:71px!important}.pr72{padding-right:72px!important}.pr73{padding-right:73px!important}.pr74{padding-right:74px!important}.pr75{padding-right:75px!important}.pr76{padding-right:76px!important}.pr77{padding-right:77px!important}.pr78{padding-right:78px!important}.pr79{padding-right:79px!important}.pr80{padding-right:80px!important}.pr81{padding-right:81px!important}.pr82{padding-right:82px!important}.pr83{padding-right:83px!important}.pr84{padding-right:84px!important}.pr85{padding-right:85px!important}.pr86{padding-right:86px!important}.pr87{padding-right:87px!important}.pr88{padding-right:88px!important}.pr89{padding-right:89px!important}.pr90{padding-right:90px!important}.pr91{padding-right:91px!important}.pr92{padding-right:92px!important}.pr93{padding-right:93px!important}.pr94{padding-right:94px!important}.pr95{padding-right:95px!important}.pr96{padding-right:96px!important}.pr97{padding-right:97px!important}.pr98{padding-right:98px!important}.pr99{padding-right:99px!important}.pr100{padding-right:100px!important}.pb0{padding-bottom:0px!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb3{padding-bottom:3px!important}.pb4{padding-bottom:4px!important}.pb5{padding-bottom:5px!important}.pb6{padding-bottom:6px!important}.pb7{padding-bottom:7px!important}.pb8{padding-bottom:8px!important}.pb9{padding-bottom:9px!important}.pb10{padding-bottom:10px!important}.pb11{padding-bottom:11px!important}.pb12{padding-bottom:12px!important}.pb13{padding-bottom:13px!important}.pb14{padding-bottom:14px!important}.pb15{padding-bottom:15px!important}.pb16{padding-bottom:16px!important}.pb17{padding-bottom:17px!important}.pb18{padding-bottom:18px!important}.pb19{padding-bottom:19px!important}.pb20{padding-bottom:20px!important}.pb21{padding-bottom:21px!important}.pb22{padding-bottom:22px!important}.pb23{padding-bottom:23px!important}.pb24{padding-bottom:24px!important}.pb25{padding-bottom:25px!important}.pb26{padding-bottom:26px!important}.pb27{padding-bottom:27px!important}.pb28{padding-bottom:28px!important}.pb29{padding-bottom:29px!important}.pb30{padding-bottom:30px!important}.pb31{padding-bottom:31px!important}.pb32{padding-bottom:32px!important}.pb33{padding-bottom:33px!important}.pb34{padding-bottom:34px!important}.pb35{padding-bottom:35px!important}.pb36{padding-bottom:36px!important}.pb31{padding-bottom:37px!important}.pb38{padding-bottom:38px!important}.pb39{padding-bottom:39px!important}.pb40{padding-bottom:40px!important}.pb41{padding-bottom:41px!important}.pb42{padding-bottom:42px!important}.pb43{padding-bottom:43px!important}.pb44{padding-bottom:44px!important}.pb45{padding-bottom:45px!important}.pb46{padding-bottom:46px!important}.pb47{padding-bottom:47px!important}.pb48{padding-bottom:48px!important}.pb49{padding-bottom:49px!important}.pb50{padding-bottom:50px!important}.pb51{padding-bottom:51px!important}.pb52{padding-bottom:52px!important}.pb53{padding-bottom:53px!important}.pb54{padding-bottom:54px!important}.pb55{padding-bottom:55px!important}.pb56{padding-bottom:56px!important}.pb57{padding-bottom:57px!important}.pb58{padding-bottom:58px!important}.pb59{padding-bottom:59px!important}.pb60{padding-bottom:60px!important}.pb61{padding-bottom:61px!important}.pb62{padding-bottom:62px!important}.pb63{padding-bottom:63px!important}.pb64{padding-bottom:64px!important}.pb65{padding-bottom:65px!important}.pb66{padding-bottom:66px!important}.pb67{padding-bottom:67px!important}.pb68{padding-bottom:68px!important}.pb69{padding-bottom:69px!important}.pb70{padding-bottom:70px!important}.pb71{padding-bottom:71px!important}.pb72{padding-bottom:72px!important}.pb73{padding-bottom:73px!important}.pb74{padding-bottom:74px!important}.pb75{padding-bottom:75px!important}.pb76{padding-bottom:76px!important}.pb77{padding-bottom:77px!important}.pb78{padding-bottom:78px!important}.pb79{padding-bottom:79px!important}.pb80{padding-bottom:80px!important}.pb81{padding-bottom:81px!important}.pb82{padding-bottom:82px!important}.pb83{padding-bottom:83px!important}.pb84{padding-bottom:84px!important}.pb85{padding-bottom:85px!important}.pb86{padding-bottom:86px!important}.pb87{padding-bottom:87px!important}.pb88{padding-bottom:88px!important}.pb89{padding-bottom:89px!important}.pb90{padding-bottom:90px!important}.pb91{padding-bottom:91px!important}.pb92{padding-bottom:92px!important}.pb93{padding-bottom:93px!important}.pb94{padding-bottom:94px!important}.pb95{padding-bottom:95px!important}.pb96{padding-bottom:96px!important}.pb97{padding-bottom:97px!important}.pb98{padding-bottom:98px!important}.pb99{padding-bottom:99px!important}.pb100{padding-bottom:100px!important}.pl0{padding-left:0px!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl3{padding-left:3px!important}.pl4{padding-left:4px!important}.pl5{padding-left:5px!important}.pl6{padding-left:6px!important}.pl7{padding-left:7px!important}.pl8{padding-left:8px!important}.pl9{padding-left:9px!important}.pl10{padding-left:10px!important}.pl11{padding-left:11px!important}.pl12{padding-left:12px!important}.pl13{padding-left:13px!important}.pl14{padding-left:14px!important}.pl15{padding-left:15px!important}.pl16{padding-left:16px!important}.pl17{padding-left:17px!important}.pl18{padding-left:18px!important}.pl19{padding-left:19px!important}.pl20{padding-left:20px!important}.pl21{padding-left:21px!important}.pl22{padding-left:22px!important}.pl23{padding-left:23px!important}.pl24{padding-left:24px!important}.pl25{padding-left:25px!important}.pl26{padding-left:26px!important}.pl27{padding-left:27px!important}.pl28{padding-left:28px!important}.pl29{padding-left:29px!important}.pl30{padding-left:30px!important}.pl31{padding-left:31px!important}.pl32{padding-left:32px!important}.pl33{padding-left:33px!important}.pl34{padding-left:34px!important}.pl35{padding-left:35px!important}.pl36{padding-left:36px!important}.pl31{padding-left:37px!important}.pl38{padding-left:38px!important}.pl39{padding-left:39px!important}.pl40{padding-left:40px!important}.pl41{padding-left:41px!important}.pl42{padding-left:42px!important}.pl43{padding-left:43px!important}.pl44{padding-left:44px!important}.pl45{padding-left:45px!important}.pl46{padding-left:46px!important}.pl47{padding-left:47px!important}.pl48{padding-left:48px!important}.pl49{padding-left:49px!important}.pl50{padding-left:50px!important}.pl51{padding-left:51px!important}.pl52{padding-left:52px!important}.pl53{padding-left:53px!important}.pl54{padding-left:54px!important}.pl55{padding-left:55px!important}.pl56{padding-left:56px!important}.pl57{padding-left:57px!important}.pl58{padding-left:58px!important}.pl59{padding-left:59px!important}.pl60{padding-left:60px!important}.pl61{padding-left:61px!important}.pl62{padding-left:62px!important}.pl63{padding-left:63px!important}.pl64{padding-left:64px!important}.pl65{padding-left:65px!important}.pl66{padding-left:66px!important}.pl67{padding-left:67px!important}.pl68{padding-left:68px!important}.pl69{padding-left:69px!important}.pl70{padding-left:70px!important}.pl71{padding-left:71px!important}.pl72{padding-left:72px!important}.pl73{padding-left:73px!important}.pl74{padding-left:74px!important}.pl75{padding-left:75px!important}.pl76{padding-left:76px!important}.pl77{padding-left:77px!important}.pl78{padding-left:78px!important}.pl79{padding-left:79px!important}.pl80{padding-left:80px!important}.pl81{padding-left:81px!important}.pl82{padding-left:82px!important}.pl83{padding-left:83px!important}.pl84{padding-left:84px!important}.pl85{padding-left:85px!important}.pl86{padding-left:86px!important}.pl87{padding-left:87px!important}.pl88{padding-left:88px!important}.pl89{padding-left:89px!important}.pl90{padding-left:90px!important}.pl91{padding-left:91px!important}.pl92{padding-left:92px!important}.pl93{padding-left:93px!important}.pl94{padding-left:94px!important}.pl95{padding-left:95px!important}.pl96{padding-left:96px!important}.pl97{padding-left:97px!important}.pl98{padding-left:98px!important}.pl99{padding-left:99px!important}.pl100{padding-left:100px!important} +/** + * col-* (1% ~ 100%) + */ +.col-1{width:1% !important;}.col-2{width:2% !important;}.col-3{width:3% !important;}.col-4{width:4% !important;}.col-5{width:5% !important;}.col-6{width:6% !important;}.col-7{width:7% !important;}.col-8{width:8% !important;}.col-9{width:9% !important;}.col-10{width:10% !important;}.col-11{width:11% !important;}.col-12{width:12% !important;}.col-13{width:13% !important;}.col-14{width:14% !important;}.col-15{width:15% !important;}.col-16{width:16% !important;}.col-17{width:17% !important;}.col-18{width:18% !important;}.col-19{width:19% !important;}.col-20{width:20% !important;}.col-21{width:21% !important;}.col-22{width:22% !important;}.col-23{width:23% !important;}.col-24{width:24% !important;}.col-25{width:25% !important;}.col-26{width:26% !important;}.col-27{width:27% !important;}.col-28{width:28% !important;}.col-29{width:29% !important;}.col-30{width:30% !important;}.col-31{width:31% !important;}.col-32{width:32% !important;}.col-33{width:33% !important;}.col-34{width:34% !important;}.col-35{width:35% !important;}.col-36{width:36% !important;}.col-37{width:37% !important;}.col-38{width:38% !important;}.col-39{width:39% !important;}.col-40{width:40% !important;}.col-41{width:41% !important;}.col-42{width:42% !important;}.col-43{width:43% !important;}.col-44{width:44% !important;}.col-45{width:45% !important;}.col-46{width:46% !important;}.col-47{width:47% !important;}.col-48{width:48% !important;}.col-49{width:49% !important;}.col-50{width:50% !important;}.col-51{width:51% !important;}.col-52{width:52% !important;}.col-53{width:53% !important;}.col-54{width:54% !important;}.col-55{width:55% !important;}.col-56{width:56% !important;}.col-57{width:57% !important;}.col-58{width:58% !important;}.col-59{width:59% !important;}.col-60{width:60% !important;}.col-61{width:61% !important;}.col-62{width:62% !important;}.col-63{width:63% !important;}.col-64{width:64% !important;}.col-65{width:65% !important;}.col-66{width:66% !important;}.col-67{width:67% !important;}.col-68{width:68% !important;}.col-69{width:69% !important;}.col-70{width:70% !important;}.col-71{width:71% !important;}.col-72{width:72% !important;}.col-73{width:73% !important;}.col-74{width:74% !important;}.col-75{width:75% !important;}.col-76{width:76% !important;}.col-77{width:77% !important;}.col-78{width:78% !important;}.col-79{width:79% !important;}.col-80{width:80% !important;}.col-81{width:81% !important;}.col-82{width:82% !important;}.col-83{width:83% !important;}.col-84{width:84% !important;}.col-85{width:85% !important;}.col-86{width:86% !important;}.col-87{width:87% !important;}.col-88{width:88% !important;}.col-89{width:89% !important;}.col-90{width:90% !important;}.col-91{width:91% !important;}.col-92{width:92% !important;}.col-93{width:93% !important;}.col-94{width:94% !important;}.col-95{width:95% !important;}.col-96{width:96% !important;}.col-97{width:97% !important;}.col-98{width:98% !important;}.col-99{width:99% !important;}.col-100{width:100% !important;} + +fieldset{ + min-width:inherit; +} +@-moz-document url-prefix() { + fieldset { + display: table-cell; + } +} +label{ + display: inline-block; + max-width: 100%; + margin-bottom: 7px; + font-weight:600; +} +input + label{ + margin-bottom:0; +} + +[data-tooltip]{ + position:relative; +} +[data-tooltip]:after, +[data-tooltip]:before { + opacity: 0; + position: absolute; + left: 50%; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} +[data-tooltip]:after{ + content: attr(data-tooltip); + box-sizing: border-box; + text-align: center; + padding: 6px 6px 5px; + border-radius: 7px; + color: #fff; + -webkit-transition: opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1); + transition: opacity .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1); + transition: opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1); + transition: opacity .3s cubic-bezier(.73,.01,0,1),transform .3s cubic-bezier(.73,.01,0,1),-webkit-transform .3s cubic-bezier(.73,.01,0,1); + pointer-events: none; + z-index: 100000; + white-space: nowrap; + background: #000; + bottom: 100%; + -webkit-transform: translate(-50%,12px); + -moz-transform: translate(-50%,12px); + -ms-transform: translate(-50%,12px); + transform: translate(-50%,12px); + max-width: 320px; + text-overflow: ellipsis; + overflow: hidden; +} +[data-tooltip]:before { + border-style: solid; + border-top-width: 4px; + border-right-width: 4px; + border-bottom-width: 4px; + border-left-width: 4px; + border-bottom-width: 0; + content: ''; + top: -2px; + width: 0; + height: 0; + -webkit-transform: translate(-50%,calc(-50% - 6px)); + -moz-transform: translate(-50%,calc(-50% - 6px)); + -ms-transform: translate(-50%,calc(-50% - 6px)); + transform: translate(-50%,calc(-50% - 6px)); + -webkit-transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s; + transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s; + transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s; + transition: opacity .1s cubic-bezier(.73,.01,0,1) 0s,transform .6s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) 0s; + z-index: 110000; +} +[data-tooltip]:before { + border-top-color: #000; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; +} + +[data-tooltip]:focus:after, +[data-tooltip]:focus:before, +[data-tooltip]:hover:after, +[data-tooltip]:hover:before { + opacity: 1; +} +[data-tooltip]:focus:after, +[data-tooltip]:hover:after { + -webkit-transform: translate(-50%,-6px); + -moz-transform: translate(-50%,-6px); + -ms-transform: translate(-50%,-6px); + transform: translate(-50%,-6px); +} +[data-tooltip]:focus:before, +[data-tooltip]:hover:before { + -webkit-transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s; + transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s; + transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s; + transition: opacity .1s cubic-bezier(.73,.01,0,1) .1s,transform .6s cubic-bezier(.73,.01,0,1) .1s,-webkit-transform .6s cubic-bezier(.73,.01,0,1) .1s; + -webkit-transform: translate(-50%,calc(-50% - 2px)); + -moz-transform: translate(-50%,calc(-50% - 2px)); + -ms-transform: translate(-50%,calc(-50% - 2px)); + transform: translate(-50%,calc(-50% - 2px)); +} +/* 스크린리더 외 기기에선 안보이게 */ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} +.hover-link{ + position:relative; +} +.hover-link:hover:after{ + content:''; + position:absolute; + right:-15px; + bottom:2px; + display:inline-block; + width:12px; + height:12px; + background-image: url(/img/hover-link-black-L.png); + background-repeat: no-repeat; + background-position:0 0; + background-size: 12px 12px; +} +/* tooltip ie */ +.ie [data-tooltip]:before{ + /* ie translate calc버그 때문에... */ + margin-top:-4px; + margin-left:-2px; +} +/* .ie8은 style부터 다시 잡습니다. */ +.ie8 [data-tooltip]:after, +.ie8 [data-tooltip]:before{ + display:none; + margin-top:0; + margin-left:0; +} +.ie.ie8 [data-tooltip]:after{ + height:28px; + top:-100%;left:1px; + margin-top:-4px; +} +.ie.ie8 [data-tooltip]:before{ + margin-left:-2px; + margin-top:-4px; +} +.ie.ie8 [data-tooltip]:focus:after, +.ie.ie8 [data-tooltip]:focus:before, +.ie.ie8 [data-tooltip]:hover:after, +.ie.ie8 [data-tooltip]:hover:before { + display:block; +} +.fl{ + float:left; +} +.fr{ + float:right; +} +.ac{ + text-align:center; +} +.al{ + text-align:left; +} +.ar{ + text-align:right; +} +.t-show{ + display:none; +} +.m-show{ + display:none; +} +.row{ + margin:5px 0; +} +.row:last-child{ + margin:0; +} +.col{ + display:inline-block; + vertical-align:middle; +} +.col:last-child{ + margin-right:0; +} +.ellipsis{ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.essential{ + background:url(/img/bg_essential.png) no-repeat 0 0; +} +.help-block { + display: block; + font-size:13px !important; /* important 지워주세요 */ + margin-top: 5px !important; /* important 지워주세요 */ + margin-bottom: 10px !important; /* important 지워주세요 */ + color: #737373; +} +.help-inline { + display: inline-block; + font-size:13px !important; /* important 지워주세요 */ + margin-top: 5px !important; /* important 지워주세요 */ + margin-bottom: 10px !important; /* important 지워주세요 */ + color: #737373; +} +.bbs-view-layout { + padding:5px 0; + background:#fff; + border-radius:3px; + font-family:'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif; /* 지워야합니다. */ + -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); + box-shadow: 0 1px 5px rgba(0,0,0,0.1); +} +.bbs-view-layout *{ + /* reset을 잘못해가 -_-.. */ + line-height:inherit !important; +} +.bbs-view-item { + display:table; + table-layout: fixed; + width:95%; + margin:0 auto; + border-top:1px solid #ECECEC; + min-height:50px; +} +.bbs-view-item:after{ + content:''; + clear:both; + display:block; +} +.bbs-view-item:first-child{ + border-top:0; +} +.bbs-view-item .item-title { + display:table-cell; + width:23%; + font-size:13px; + padding:15px 10px; + vertical-align:middle; + font-weight:bold; + color:#444344; + padding-left:0; + margin:0; +} +.bbs-view-item .item-box { + display:table-cell; + width:77%; + padding:15px 0; + color:#4b4e52; + word-break: break-all; + vertical-align: middle; +} +.col .form-element{ + display: inline-block; + width: auto; + vertical-align: middle; +} +.form-inline, +.form-group{ + margin-bottom:15px; +} +.form-inline:last-child, +.form-group:last-child{ + margin-bottom:0; +} +.form-element{ + display: block; + width: 100%; + height:30px; + min-height:auto; + padding:4px 10px; + font-family: inherit; + color: #555; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065) !important; + box-shadow: inset 0 1px 1px rgba(0,0,0,.065) !important; +} +.form-element:focus { + border-color: #94b6ed; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.035),0 0 5px rgba(102,175,233,.45) !important; + box-shadow: inset 0 1px 1px rgba(0,0,0,.035),0 0 5px rgba(102,175,233,.45) !important; +} + +select.form-element{ + min-width:65px !important; + padding-right:35px !important; + background-image:url(/img/arrow-down-balck-big.png) !important; + background-position:99% 55% !important; + background-repeat:no-repeat !important; + background-size:16px !important; + background-color:#fff !important; +} +.ie9 select.form-element, +.ie8 select.form-element{ + background:none !important; + padding-right:10px !important; +} +textarea.form-element{ + height:auto; + padding:6px 10px; + resize:vertical; +} +.form-checkbox, +.form-checkbox-all{ + position: absolute; + width: 1px; + height: 1px; + padding: 0 !important; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} +.form-checkbox + label, +.form-checkbox-all + label{ + position: relative; + display:inline-block; + padding:0 0 0 23px; + margin:0 5px 0 0; + height:18px; + font-weight:normal; +} +.form-checkbox + label:last-child, +.form-checkbox-all + label:last-child{ + margin-right:0; +} +.form-checkbox + label:before, +.form-checkbox-all + label:before{ + content:''; + position:absolute; + left:0;top:0; + display:inline-block; + width:18px; + height:18px; + background-image:url(/img/checkbox-checked-none-big.png); + background-repeat:no-repeat; + background-position:0 0; + background-size:18px; +} +.form-checkbox:checked + label:before, +.form-checkbox-all:checked + label:before{ + background-image:url(/img/checkbox-checked-big.png); +} +.ie8 .form-checkbox, +.ie8 .form-checkbox-all{ + position: static; + width:auto; + height:auto; + line-height:inherit; + z-index:1; +} +.ie8 .form-checkbox + label, +.ie8 .form-checkbox-all + label{ + padding:0 0 0 5px; +} +.ie8 .form-checkbox + label:before, +.ie8 .form-checkbox-all + label:before{ + display:none; +} +.form-radio{ + position: absolute; + width:1px; + height:1px; + line-height:0; + z-index:-1; +} +.form-radio + label{ + position: relative; + display:inline-block; + padding:0 0 0 24px; + margin:0 5px 0 0; + height:20px; + line-height:1.42857143; + font-weight:normal; +} +.form-radio + label:last-child{ + margin-right:0; +} +.form-radio + label:before{ + content:''; + position:absolute; + left:0;top:-1.5px; + display:inline-block; + width:20px; + height:20px; + background-image:url(/img/radio-checked-none-big.png); + background-repeat:no-repeat; + background-position:0 0; + background-size:20px; +} +.form-radio:checked + label:before{ + background-image:url(/img/radio-checked-big.png); +} +.ie8 .form-radio{ + position: static; + width:auto; + height:auto; + line-height:inherit; + z-index:1; +} +.ie8 .form-radio + label{ + height:18px; + padding:0 0 0 5px; +} +.ie8 .form-radio + label:before{ + display:none; +} +.form-file{ + position: absolute; + width:1px; + height:1px; + line-height:0; + z-index:-1; +} +.form-file + label{ + position:relative; + padding:5px 7px 5px 37px; + color:#fff; + background:url(/img/file_up_big.png); + background-repeat:no-repeat; + background-position:0 50%; + background-size:30px 28px; + background-color:#676fb2; + border-radius:3px; +} +.ie8 .form-file + label{ + background-image:url(/img/file_up_small.png); +} +fieldset[disabled] .form-element, +.form-element[disabled]{ + cursor: not-allowed; + background:#eee; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group .form-element { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group .form-element:not(:first-child):not(:last-child){ + border-radius:0; +} +.input-group .form-element:first-child{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group .form-element:last-child{ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group .form-element, +.input-group-addon, .input-group-btn { + display: table-cell; +} +.input-group-addon { + padding: 4px 10px; + font-size: 13px; + font-weight: 400; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; + vertical-align: middle; +} +.input-group-addon:first-child{ + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right:0; +} +.input-group-addon:last-child{ + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left:0; +} +.btn-default{ + position:relative; + display: inline-block; + vertical-align:middle; + padding:6px 20px; + font-size:13px; + color:#fff !important; /* important 지워요 */ + font-weight:400; + border-radius:3px; + border: none; + white-space: nowrap; + text-align: center; + background:#7e7e7e; + cursor:pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + touch-action: manipulation; +} +.btn-default:hover{ + text-decoration:none !important; +} +.btn-default.shadow{ + box-shadow: 0 5px 0 #5F5F5F; +} +.btn-default:first-child{ + margin-left:0; +} +.btn-default.gray{ + background: #616161; +} +.btn-default.violet{ + background: #5e66ab; +} +.btn-default.red{ + background: #a72000; +} +.btn-default.gray.shadow{ + background: #616161; + box-shadow: 0 5px 0 #504d4d; +} +.btn-default.violet.shadow{ + background: #5e66ab; + box-shadow: 0 5px 0 #474B7B +} +.btn-default.red.shadow{ + background: #a72000; + box-shadow: 0 5px 0 #6a1400 +} +.btn-default.shadow:active { + top: 5px; + box-shadow: 0 0 0; +} +/* 테이블 */ +.data-table{ + position:relative; + overflow-x: auto; + overflow-y:hidden; + width:100%; + min-height: .01%; + border: 1px solid #dcdcdc; +} +.data-table table{ + width:100%; + max-width:100%; +} +.data-table.scroll-x table th, +.data-table.scroll-x table td{ + white-space:nowrap; +} +.data-table.bordered{ + border:0; +} +.data-table.no-gradient th{ + background:#F2F2F2; +} +.data-table.no-hover table tbody tr:hover { + background: #fff; +} +.data-table table tbody tr{ + border-top:1px solid #e8e8e8;background:#fff; +} +.data-table table tbody tr:hover{ + background:#f3f3f3; +} +.data-table table tr.on{ + background:#676fb2 !important; +} +.data-table table tr.on *{ + color:#fff !important; +} +.data-table table tbody td.no-data-colspan{ + padding:14px 0; + text-transform: uppercase; + font-weight:700 +} +.data-table table tbody td.no-data-colspan strong{ + text-transform: uppercase; +} +.data-table table th, +.data-table table td{ + padding:11px 8px 9px 8px; + font-family:NanumGothic, Arial, Helvetica, sans-serif; + text-align:center; +} + +.data-table table thead th{ + border-bottom:1px solid #cfcfcf; + background:#F2F2F2; + background: rgba(250,250,250,1); + background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); + background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); +} +.data-table table thead th{ + vertical-align:middle; +} +.data-table table th{ + white-space:nowrap; +} +.data-table table td.nowrap{ + white-space:nowrap; +} +.data-table table th.al, +.data-table table td.al{ + text-align:left; +} +.data-table table th.ac, +.data-table table td.ac{ + text-align:center; +} +.data-table table th.ar, +.data-table table td.ar{ + text-align:center; +} +.data-table.al th, +.data-table.al td{ + text-align:left; +} +.data-table.ac th, +.data-table.ac td{ + text-align:center; +} +.data-table.ar th, +.data-table.ar td{ + text-align:right; +} +.data-table.bordered thead th{ + border:1px solid #dcdcdc; +} +.data-table.bordered tbody th, +.data-table.bordered tbody td{ + border: 1px solid #e8e8e8; +} +.data-table img{ + vertical-align:middle; +} +.columm-box{ + display:none; + position:relative; + text-align:right; + margin-bottom:10px; + padding-right:5px; +} +.columm-btn{ + width:15px; + height:15px; + background:url(/img/more-table-item.png) no-repeat center center; + background-size:15px; + text-indent:-999em; +} +.columm-list{ + position:absolute; + top:20px;right:10px; + z-index:12; + background:#fff; + margin:0 !important; /* 지워야함 */ + padding:10px !important; /* 지워야함 */ + box-shadow: 0 1px 5px rgba(0,0,0,0.3); + border-radius:3px; + text-align:left; +} +.columm-list li{ + padding:3px 0; + line-height:1;/* 지워야함 */ + margin-bottom:0;/* 지워야함 */ + font-size:13px;/* 지워야함 */ +} +.columm-list li label{ + font-weight:600; +} + +@media screen and (min-width:1024px){ + .p-hide{ + display:none; + } + .form-inline .form-group{ + display:inline-block; + margin-bottom:0; + vertical-align:middle; + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + .form-inline .input-group > .form-element { + width: 100%; + } + .form-inline label{ + margin-bottom:0; + } + .form-inline .form-element{ + display:inline-block; + width:auto; + } +} + +/* 2019.12.12 추가 */ +.sign_wrap {padding: 5px 0;} +.sign_wrap:first-child {padding-top: 0 !important;} +.sign_wrap li {position:relative; display: inline-block; padding-right: 20px;} +.sign_wrap li:after {content:''; position:absolute; width:1px; height:12px; right:12px; top:3px; background: #4b4e52; transform: rotate(25deg);} +.sign_wrap li:first-child:after, .sign_wrap li:last-child:after{display:none;} +.li_sign {width: 10px; height: 10px; display: inline-block; vertical-align: middle; border-radius: 50%; padding-right: 5px !important;;} +.sign_chk {background-color: #008299; } +.sign_not_chk {background-color: transparent; border: 1px solid #008299;} +.li_file {margin-right: 3px; padding: 4px 5px !important; font-size: 12px !important; background-color: #5e66ab;} +.li_need_sign {color: #d72126;} + +@media screen and (max-width:1200px){ + .ds-hide{ + display:none; + } +} +@media screen and (max-width:1024px){ + .t-hide{ + display:none; + } + .t-show{ + display:block; + } + .col{ + margin-bottom:5px; + } + .btn-default{ + margin:5px 0; + } + .btn-default.responsive{ + width: 200px; + } + .columm-box{ + display:block; + } + .input-group-addon, + .input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; + } +} +@media screen and (max-width:768px){ + .m-hide{ + display:none; + } + .m-show{ + display:block; + } + .bbs-view-item { + padding:18px 0; + } + .bbs-view-item .item-title { + display:block; + width:100%; + margin-bottom:15px; + padding:0 5px; + } + .bbs-view-item .item-title:before { + content:'+ '; + } + .bbs-view-item .item-box { + display:block; + width:100%; + padding:0 5px; + } +} +@media screen and (max-width: 680px){ + .btn-default.responsive{ + width: 80%; + } +} + + diff --git a/src/main/webapp/css/seed/seed.layout.css b/src/main/webapp/css/seed/seed.layout.css new file mode 100644 index 00000000..31fc966e --- /dev/null +++ b/src/main/webapp/css/seed/seed.layout.css @@ -0,0 +1,318 @@ +.nav-header h1 a img { + width: 218px !important; + margin-left: 12px !important; +} +.nav-header h1 a { + height: auto !important; +} +.nav-header{background:#fff!important} +@charset 'utf-8'; +html{overflow-y:scroll;} +body{min-width:320px;} +html,body,#wrapper{height:100%;} +/* ****************************************************************************************************** + + 사이드 네비게이션 + +****************************************************************************************************** */ + +.nav-collapse-btn{position: relative;height:100%;color:transparent;} +.nav-collapse-btn > span{position:absolute;left:50%;top:50%;display:block;width:13px;height:2px;margin:-1px 0 0 -6.5px;background:#a7abb7;} +.nav-collapse-btn > span:before, +.nav-collapse-btn > span:after{content:'';display:block;position:absolute;left:0;width:100%;height:100%;background:#a7abb7;} +.nav-collapse-btn > span:before{top:-4px;} +.nav-collapse-btn > span:after{top:4px;} + +.setting-list{display:none;position:absolute;z-index:100;top:100%;width:100%;max-height:600px;overflow-y:auto;background:#fff;border:1px solid #e2e2e2;border-radius:0 0 3px 3px;border-radius:3px; +-webkit-box-shadow: 0px 0px 5px 0px rgba(140,140,140,0.5); +-moz-box-shadow: 0px 0px 5px 0px rgba(140,140,140,0.5); +box-shadow: 0px 0px 5px 0px rgba(140,140,140,0.5);} +.setting-list li{border-bottom:1px solid #e2e2e2;} +.setting-list li:last-child{border-bottom:0;} +.setting-list li > button, +.setting-list li > a{display:block;text-align:center;width:100%;padding:11px 5px;color:#4a4a4a;font-weight:700;word-break: keep-all;} + + /* 네비 전체박스 */ +.nav-container{position: fixed;top:0;z-index:101;width:250px;height:100%;background:#2f3541;} + +html.DirectionLeft .nav-container{left:0;} +html.DirectionRight .nav-container{right:0;} +html.DirectionRight .nav-container::-webkit-scrollbar { display: none;} +html.DirectionRight .nav-container{-ms-overflow-style: none;} +.nav-container.overflowY{overflow-y:auto;} +.nav-container .nav-header h1{margin:0;} +.nav-container.close{width:65px;} +.nav-container.close .nav-header{padding:15px;text-align:center;} +.nav-container.close .nav-header h1, +.nav-container.close .nav-header .page-settings{display:none;} +.nav-container.close .nav-header .nav-collapse-btn{position:relative;top:auto;left:auto;right:auto;} +.nav-container.close .main-menu > ul > li > a{color:transparent;line-height:0;text-indent:0;padding-top:15px;} +.nav-container.close .main-menu > ul > li > a > i{display:block;margin:0 auto;top:0;} +.nav-container.close .main-menu > ul > li > a > span.main-menu-arr{display:none;} +.nav-container.close .main-menu > ul > li{position: relative;} +.nav-container.close .main-menu > ul > li > ul{display:none;position: absolute;top:0;width:210px;} +.nav-container.close .main-menu > ul > li > a > img{display: block;margin: 0 auto;} +html.DirectionLeft .nav-container.close .main-menu > ul > li > ul{left:100%;} +html.DirectionRight .nav-container.close .main-menu > ul > li > ul{right:100%;} +.nav-container.close .main-menu > ul > li > ul > li > a{padding-left:30px;} +.main-menu li{list-style:none;} +.main-menu > ul > li > a.on{background:#676FB2} + + +/* 로고, 스킨, 설정, 메뉴 버튼 */ +.nav-header{position: relative;padding:56px 0 16px 0;z-index:10;background:#2f3541;} +.nav-header h1 a{display:block;height:33px;font-size:0;} +.nav-header h1 a img{width: 176px;height: auto;display: block;margin-left: 29px;} +.nav-header .nav-collapse-btn{position: absolute;right:9px;top:9px;width:33px;height:30px;border:1px solid #595d67;border-radius:3px;text-indent: -999em;} +.nav-header .page-settings{position:absolute;right:56px;top:14px;} +.nav-header .page-settings > ul > li{position:relative;float:left;list-style:none;} +.nav-header .page-settings > ul > li > button{line-height:17px;color:transparent;overflow:hidden;text-indent: -999em;} +.nav-header .page-settings > ul > li.skin > button{width:19px;height:17px;margin-right:13px;background: url(/img/icon-color.png) 0 0 no-repeat;background-size:19px 17px;} +.nav-header .page-settings > ul > li.admin > button{width:19px;height:17px;margin-right:13px;background: url(/img/icon-admin.png) 0 0 no-repeat;background-size:19px 17px;} +html.ie8 .nav-header .page-settings > ul > li.skin > button{background: url(/img/ie8-icon-color.png) 0 0 no-repeat;} +html.ie8 .nav-header .page-settings > ul > li.admin > button{background: url(/img/ie8-icon-admin.png) 0 0 no-repeat;} +.nav-header .page-settings > ul > li.skin > ul > li > a{position:relative;padding-left:0;padding-right:0;text-align:left;text-indent:35px;color:#505050;} +.nav-header .page-settings > ul > li.skin > ul > li > a:before{content:'';position: absolute;top:13px;left:19px;display:block;width:12px;height:12px;margin-right:4px;background:red;} +.nav-header .page-settings > ul > li.skin > ul > li.current-skin > a:before{background:#2f3541;} +.nav-header .page-settings > ul > li.skin > ul > li.default > a:before{background:#a8acb8;} +.nav-header .page-settings > ul > li.skin > ul > li.black > a:before{background:#000000;} +.nav-header .page-settings > ul > li.skin > ul > li.blue > a:before{background:#084184;} +.nav-header .page-settings > ul > li.skin > ul > li.red > a:before{background:#ca2919;} +.nav-header .page-settings > ul > li.skin > ul > li.green > a:before{background:#25ba9c;} +.nav-header .page-settings > ul > li.config > button{width:17px;height:17px;background: url(/img/icon-setting.png) 0 0 no-repeat;background-size:17px 17px;} +html.ie8 .nav-header .page-settings > ul > li.config > button{background: url(/img/ie8-icon-setting.png) 0 0 no-repeat;} +.nav-header .page-settings > ul > li.config > ul > li > a{color:#525252;} +.nav-header .page-settings > ul > li > ul{width:140px;top:30px;overflow:visible;} +html.DirectionLeft .nav-header .page-settings > ul > li > ul{left:-16px;} +html.DirectionRight .nav-header .page-settings > ul > li > ul{right:-16px;} +.nav-header .page-settings > ul > li > ul:after{content:'';display:block;position: absolute;top:-7px;width: 0;height: 0;border-style: solid;border-width: 0 5.5px 8px 5.5px;border-color: transparent transparent #ffffff transparent;} +html.DirectionLeft .nav-header .page-settings > ul > li > ul:after{left:18px;} +html.DirectionRight .nav-header .page-settings > ul > li > ul:after{right:18px;} +html.DirectionRight .nav-header .page-settings > ul > li.skin > ul:after{right:32px;} + +/* 메인 메뉴 */ +.main-menu-wrap{width:100%;} +.main-menu-wrap .mCSB_inside >.mCSB_container{position: absolute !important;width:100%;margin:0;} +.main-menu-wrap .mCSB_scrollTools .mCSB_draggerRail{display:none;} +.main-menu-wrap .mCSB_scrollTools{width:4px;right:3px;opacity:0;} +.main-menu-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{border-radius:0;background-color:rgb(167,171,183);background-color:rgba(167,171,183,1);} +.main-menu-wrap .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgb(167,171,183);background-color:rgba(167,171,183,1);} +.main-menu{width:100%;} +.main-menu a{color:#fff;} +.main-menu > ul > li{border-bottom:1px solid #3d434f;} +.main-menu > ul > li:first-child{border-top:1px solid #3d434f;} +.main-menu > ul > li > ul{/* visibility:hidden;opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; */} +.main-menu > ul > li > ul.open{/* visibility:visible;opacity:1; */} +.main-menu > ul > li > ul > li:hover > a, +.main-menu > ul > li > ul > li > a.on{background:#656996;box-shadow: 0px 1px 6px 0px rgba(17, 17, 17, 0.75);-moz-box-shadow: 0px 1px 6px 0px rgba(17, 17, 17, 0.75);-webkit-box-shadow: 0px 1px 6px 0px rgba(17, 17, 17, 0.75);} +.main-menu > ul > li > a{position:relative;display:block;width:100%;height:49px;line-height:49px;text-indent:30px;overflow:hidden;} +.main-menu > ul > li > a > span.main-menu-arr{content:'';display:block;position:absolute;top:20px;right:30px;width:6px;height:9px;background: url(/img/icon-menu-arr-right.png) 0 0 no-repeat;background-size:6px 9px;} +.main-menu > ul > li > a > img{vertical-align: middle;margin-right: 20px;} +.main-menu > ul > li.current-tab > a > span.main-menu-arr{width:9px;height:6px;right:29px;background: url(/img/icon-menu-arr-down.png) 0 0 no-repeat;background-size:9px 6px;} +/* html.ie8 .main-menu > ul > li > a > span.main-menu-arr, +html.ie9 .main-menu > ul > li > a > span.main-menu-arr{display:none;} */ +html.ie8 .main-menu > ul > li > a > span.main-menu-arr{background: url(/img/ie8-icon-menu-arr-right.png);} +html.ie8 .main-menu > ul > li.current-tab > a > span.main-menu-arr{background: url(/img/ie8-icon-menu-arr-down.png);} + +.main-menu > ul > li > a > i{position:relative;top:-1px;display:inline-block;vertical-align:middle;margin-right:12px;} +.main-menu > ul > li:first-child > a > i{width:18px;height:18px;background-position:-5px -132px} +.main-menu > ul > li:nth-child(2) > a > i{width:18px;height:17px;background-position:-34px -132px} +.main-menu > ul > li:nth-child(3) > a > i{width:17px;height:17px;background-position:-59px -132px} +.main-menu > ul > li:nth-child(4) > a > i{width:16px;height:16px;background-position:-86px -132px} +.main-menu > ul > li:nth-child(5) > a > i{width:18px;height:18px;background-position:-112px -132px} +.main-menu > ul > li:nth-child(6) > a > i{width:17px;height:17px;background-position:-140px -132px} +.main-menu > ul > li:last-child > a > i{width:17px;height:17px;background-position:-167px -132px} +.main-menu > ul > li > ul{display:none;background:#2c303b;padding:11px 0} +.main-menu > ul > li > ul > li{background:transparent; /*IE9.js bug*/ } +.main-menu > ul > li > ul > li > a{display:block;padding:9px 0 9px 60px;font-size:12px;line-height:1;} +.main-menu > ul > li > ul > li:last-child{margin-bottom:0;} +.nav-bottom{display:none;} + + +/* ****************************************************************************************************** + + 본문 + +****************************************************************************************************** */ +.view-container{position:relative;height:100%;} +html.DirectionLeft .view-container{margin-left:250px;} +html.DirectionRight .view-container{margin-right:250px;} + +.view-container.scrollLock{position: fixed;left:0;top:0;right:0;bottom:0;} + +html.DirectionLeft .view-container.close{margin-left:65px;} +html.DirectionRight .view-container.close{margin-right:65px;} + + +.page-content-wrap{margin:-39px 0 -60px 0;min-height:100%;} +.page-content{padding:39px 1.25% 60px 1.25%;} + + /* 헤더 */ +.header{position:relative;background:#fff;} +.header.set-fixed{position: fixed;top: 0;left: 0;z-index: 21;width: 100%;height: 39px;} +.header .user-info{position:relative;height:39px;background:#676fb2;} +.user-info .nav-collapse-btn{position: absolute;top:0;display:none;background:#2f3541;} +html.DirectionLeft .user-info .nav-collapse-btn{left:0;} +html.DirectionRight .user-info .nav-collapse-btn{right:0;} +.user-info .nav-collapse-btn > span{width:15px;} +.user-info .site-setting{float:left;position:relative;min-width:192px;height:100%;} +.user-info .site-setting > button{width:100%;height:100%;color:#fff;border-right:1px solid #767fba;text-align:center;padding:0 35px 0 10px; + background:url(/img/site_list_arr.png) no-repeat 93% 18px;background-size:9px 6px;word-break:keep-all;} +.ie8 .user-info .site-setting > button, +.ie9 .user-info .site-setting > button{border:0;} +.user-info .site-setting .site.setting-list{border-top:0;border-radius:0 0 3px 3px;} +.setting-list li{list-style:none;} +.user-info .user-push{float:left;height:100%;padding-top:11px;} +.user-info .user-push > ul > li{float:left;padding:0 14px;} +.user-info .user-push > ul > li > a{position:relative;display:block;font-size:0;color:transparent;} +.user-info .user-push > ul > li > a > span{position: absolute;top:-4px;width:18px;height:18px;border-radius:50%;color:#fff;text-align:center;line-height:17px;font-size:11px;font-weight:700;} +.user-info .user-push > ul > li.error > a{width:17px;height:18px;background-position:-59px -102px;} +.user-info .user-push > ul > li.favorite > a{width:19px;height:19px;background-position:-5px -103px;} +.user-info .user-push > ul > li.alarm > a{width:15px;height:18px;background-position:-34px -102px;} +.user-info .user-push > ul > li.error > a > span{left:11px;background:#04b8ed;} +.user-info .user-push > ul > li.favorite > a > span{left:15px;background:#f44a39;} +.user-info .user-push > ul > li.alarm > a > span{left:10px;background:#f4db39;} +.user-info .user-state{float:right;padding-top:14px;line-height:1;height:100%;} +.user-info .user-state li{list-style:none;} +.user-info .user-state > ul > li{position:relative;float:left;color:#d8dcff;font-size:12px;} +.user-info .user-state > ul > li.user-name{position:relative;padding-right:27px;} +.user-info .user-state > ul > li.user-name:after{content:'';font-size:0;position:absolute;right:0;top:0;display:block;width:1px;height:13px;background:#e2e2e2;} +.user-info .user-state > ul > li.logout > a{padding:0 57px 0 27px;color:#d8dcff;background:url(/img/logout_top.png) no-repeat 83px 50%;} +.user-info .user-state > ul > li > strong{color:#fff;} +.user-info .user-state > ul > li > .user-picture{position: relative;top:-5px;right:6px;display:block;float:left;width:22px;height:22px;background-color:#a7abb6;border-radius:50%;text-align:center;overflow:hidden;vertical-align:middle;} +.user-info .user-state > ul > li > .user-picture img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;} +html.ie8 .user-info .site-setting > button{padding:0 20% 0 10%;text-align:left;background: url(/img/ie8-site_list_arr.png) no-repeat 89.58% 18px;} + +/* ****************************************************************************************************** + + 푸터 + +****************************************************************************************************** */ +.footer{height:60px;text-align:center;color:#898989;} +.footer strong{color:#838bd2;} + +/* 레이아웃 속성 */ + +.tab-menu-wrap .tab-menu{margin-bottom:-1px;} +.tab-menu-wrap .tab-menu a{border-radius:0} +.tab-menu-wrap .tab-menu a.on, +.tab-menu-wrap .tab-menu a:hover{border-bottom-width:3px;} +.tab-menu-wrap .tab-menu:last-child{margin-bottom:0;} +.tab-menu-wrap .tab-menu:last-child a.on, +.tab-menu-wrap .tab-menu:last-child a:hover{border-bottom-width:2px;} +.tab-menu{position: relative;top: 1px;overflow:hidden;} +.tab-menu a{border: 1px solid #dcdcdc;font-size: 14px;color: #000;padding:0 10px;width:160px;min-width:80px;height: 41px; +border-radius:4px 4px 0 0 ;display: block;text-align: center;line-height: 41px;float: left;margin-right: 5px; + background: rgba(250,250,250,1); + background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(233,233,233,1))); + background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(233,233,233,1) 100%); + } +.tab-menu a:hover{background:#fff;color: #676fb2;border-bottom: 2px solid #676fb2;} +.tab-menu a.on{background:#fff;color: #676fb2;border-bottom: 2px solid #676fb2;} + +.layout-content{background: #fff;border: 1px solid #dcdcdc;border-radius:0 0 4px 4px;clear: both;} +.layout-content .layout-title{height: 70px;border-bottom: 1px solid #dcdcdc;padding-left: 20px;} +.layout-content .layout-title .editor-util-btn{float: right;} +.layout-content .layout-title .editor-full-btn{width: 40px;height: 40px;text-indent: -9999em;border-radius: 2px;background: #4e5486 url(/img/editor-arr.png) center no-repeat;background-size:50%;float: left;margin-top: 15px;margin-right: 10px;} +.layout-content .layout-title > button{font-weight: 600;height: 100%;width: 70px;} +.layout-content .layout-title > button.on{color: #676fb2;} +.layout-content .layout-title > button > div{border: 1px solid #dcdcdc;width: 22px;height: 22px;margin: 0 auto;margin-bottom: 8px;border-radius: 2px} +.layout-content .layout-title > button > div span{display: block;} +.layout-content .layout-title > button > div span:nth-child(1){height: 6px;border-bottom: 1px solid #dcdcdc;} +.layout-content .layout-title > button > div span:nth-child(2){height: 10px;border-bottom: 1px solid #dcdcdc;} +.layout-content .layout-title > button > div span:nth-child(3){height: 4px;} +.layout-content .layout-title > button .active-span{background: #c9caca;} +.layout-content .layout-title > button.on .active-span{background: #676fb2;} +.layout-content .layout-title > .skin-tab > .skin-div{width: 40px;height: 40px;margin-bottom: 0;padding-top: 5px;line-height:1} +.layout-content .layout-title > .skin-tab > .skin-div > span{border-bottom: 0 none;height: auto;} +.layout-content .layout-title > .skin-tab > .skin-div > p{margin-top: 4px;} +.layout-content .layout-title > .skin-tab.on > .skin-div > p, +.layout-content .layout-title > .skin-tab.on > .skin-div > span{color: #676fb2;} +.layout-content .editor{padding: 10px;overflow: hidden;} +.layout-content .layout-footer{border-top: 1px solid #dcdcdc;padding: 30px 30px;} +.layout-content .layout-footer .layout-skin-list{width: 162px;} + + +html.ie8 .layout-content .layout-title .editor-full-btn{background: #4e5486 url(/img/ie8-editor-arr.png) center no-repeat;} +/* ****************************************************************************************************** + + 레이아웃 속성 관리 전체화면 + +****************************************************************************************************** */ +.layout-content.siteLayOutSet{position:fixed;top:39px;right:0;bottom:0;left:0;z-index:20} +.layout-content.siteLayOutSet + .btn-area{position:fixed;width:100%;left:0;bottom:10px;z-index:25;margin-top:0;} +.layout-content.siteLayOutSet .editor, +.layout-content.siteLayOutSet .editor .iframe{height:auto;} + +/* ****************************************************************************************************** + + 버튼 스타일 + +****************************************************************************************************** */ +.btn-area {margin-top:20px;text-align:center;} +.btn-area.al{text-align:left;} +.btn-area.ar{text-align:right;} +/*.btn-area:after {content:'';display:block;clear:both;}*/ +.btn-area button, +.btn-area a{position:relative;outline: none;border: none;display: inline-block;position: relative;color:#fff;margin: 0 5px;border-radius:3px;vertical-align:middle;} + +.btn-area button:after, +.btn-area a:after{content: '';display: block;position: absolute;z-index: -1;} +.btn-area button:active, +.btn-area a:active{top: 5px;box-shadow: 0 0 0;} + +.btn-area .btn-normal{min-height:28px;padding:5px 20px;line-height: normal;margin-bottom: 5px;} + +.btn-area .gray {background: #545454;box-shadow: 0 5px 0 #5F5F5F} +.btn-area .lightgray {background: #7e7e7e;box-shadow: 0 5px 0 #5F5F5F} +.btn-area .violet{background: #5e66ab;box-shadow: 0 5px 0 #474B7B} +.btn-area .red{background: #a72000;box-shadow: 0 5px 0 #6a1400} + +html.ie8 .btn-area {text-align:center;} +html.ie8 .btn-area button {text-align:center;} +html.ie8 .btn-area button:active{top: 0;} + + + + + + + + +/* ****************************************************************************************************** + + 북마크 버튼 + +****************************************************************************************************** */ +.bookmark-list-pc{/* position: fixed;bottom: 100px;right: 21px; */float: left;margin-top: 15px;margin-right: 15px;width: 40px;height: 40px;} +.bookmark-list-pc button{text-indent: -9999em;position: relative;width: 40px;height: 40px;background: #4e5486;border-radius: 3px;z-index: 50;} +.bookmark-list-pc button:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-left: -1.5px;margin-top: -11px;width: 3px;height: 22px;background: #fff;transition: all 0.3s ease;} +.bookmark-list-pc button:after{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-left: -11px;margin-top: -1.5px;width: 22px;height: 3px;background: #fff;transition: all 0.3s ease;} +.bookmark-list-pc button.on:before{-webkit-transform: rotateZ(315deg);transform: rotateZ(315deg);} +.bookmark-list-pc button.on:after{-webkit-transform: rotateZ(315deg);transform: rotateZ(315deg);} +.bookmark-list-pc > ul{position: relative;top: -59px;right: 0;z-index: 10;} +.bookmark-list-pc ul li{position: absolute;top: 0;right: 0;opacity: 0;transition:all .3s ease;width: 59px;height: 59px;display: table;} +.bookmark-list-pc ul li a{display: block;width: 100%;height: 100%;color:#fff;font-size: 12px;border-radius: 3px;background: #6f75ad 0 0 no-repeat;text-align: center;display: table-cell;vertical-align: middle;} +.bookmark-list-pc ul li a img{display: block;margin: 0 auto;margin-bottom: 8px;box-sizing:border-box;} +.bookmark-list-pc ul.open > li{opacity: 1;z-index: 100;} + +.bookmark-list-pc > ul > li img{padding-top: 0;height: auto;width: 20px;} +.bookmark-list-pc.site-menu > ul > li img{padding-top: 0;height: auto;width: 30px;} + + +.bookmark-list-pc.bbs .sub-category ul{opacity: 0;position: absolute;bottom: 0;right: 0;-webkit-transition: all .3s ease;transition: all .3s ease;width: 100%;height: 100%;} +.bookmark-list-pc.bbs .sub-category ul.sub-open{opacity: 1;} +.bookmark-list-pc.bbs ul.open .sub-category li:nth-child(1){top: 200px;right: -64px;opacity: 1;} +.bookmark-list-pc.bbs ul.open .sub-category li:nth-child(2){top: 200px;right: 0;opacity: 1;} + +.bookmark-list-pc .line01{position: absolute;display: block;height: 3px;width: 123px;background: #cdcdcd;right: 0;top: -270px;-webkit-transition: all .3s ease;transition: all .3s ease;opacity: 1;} +html.ie8 .bookmark-list-pc button.on{background: #4e5486 url(/img/bookmark-pc-x.png) center no-repeat;background-size:40%;} +html.ie8 .bookmark-list-pc button.on:before{display: none;} +html.ie8 .bookmark-list-pc button.on:after{display: none;} +html.ie8 .bookmark-list-pc.bbs .open .sub-category li{top: 200px;right: -64px;opacity: 1;} +html.ie8 .bookmark-list-pc.bbs .open .sub-category li + li{top: 200px;right: 0;opacity: 1;} + diff --git a/src/main/webapp/css/seed/seed.mediaquery.css b/src/main/webapp/css/seed/seed.mediaquery.css new file mode 100644 index 00000000..e1401f62 --- /dev/null +++ b/src/main/webapp/css/seed/seed.mediaquery.css @@ -0,0 +1,414 @@ +@charset 'utf-8'; + +/* ****************************************************************************************************** + + layout media query + +****************************************************************************************************** */ +@media screen and (max-width:1024px){ + + .nav-container.display-hide{display:none !important} + + /* 모바일 확인용 */ + #indicator{display:none;} + /* ****************************************************************************************************** + + 헤더 + + ****************************************************************************************************** */ + html.DirectionLeft .header .user-info{padding-left:43px;} + html.DirectionRight .header .user-info{padding-right:43px;} + .user-info .user-state{display:none;} + .user-info .user-push{float:right;padding-right:10px;} + .user-info .nav-collapse-btn{display:block;width:43px;} + .nav-collapse-btn > span:before{top:-5px;} + .nav-collapse-btn > span:after{top:5px;} + .user-info .site-setting{width:100%;} + .user-info .site-setting > button{padding-left:5%;text-align:left;} + .pjax-tab-menu-wrap .whole-tabs.setting-list li > a{padding-left:0;text-align:center} + .setting-list li > a{text-align:left;padding-left:5%} + + /* ****************************************************************************************************** + + 본문 + + ****************************************************************************************************** */ + html.DirectionLeft .view-container{margin-left:0;} + html.DirectionLeft .view-container.close{margin-left:0;} + html.DirectionRight .view-container{margin-right:0;} + html.DirectionRight .view-container.close{margin-right:0;} + + /* ****************************************************************************************************** + + 네비게이션 + + ****************************************************************************************************** */ + html.DirectionLeft .nav-container{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);} + html.DirectionRight .nav-container{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);} + .nav-container.transition{-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;} + html.DirectionLeft .nav-container.open, + html.DirectionRight .nav-container.open{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} + .overlay.open{visibility:visible;opacity:1;} + + html.ie8.DirectionLeft .nav-container, + html.ie9.DirectionLeft .nav-container{left:-100%;} + html.ie8.DirectionRight .nav-container, + html.ie9.DirectionRight .nav-container{right:-100%;} + html.ie8.DirectionLeft .nav-container.open, + html.ie9.DirectionLeft .nav-container.open{left:0;} + html.ie8.DirectionRight .nav-container.open, + html.ie9.DirectionRight .nav-container.open{left:0;} + html.DirectionRight .nav-header .page-settings > ul > li.skin > ul:after{right:35px;} + .nav-header{padding-top:14px;padding-bottom:12px;} + .nav-header h1 a{height:24px;} + .nav-header h1 a img{width: 125px;height: auto;display: block;margin-left: 10px;} + .nav-header .nav-collapse-btn{border:0;} + .nav-header .nav-collapse-btn > span{width:15px;} + .nav-header .nav-collapse-btn{top:10px;} + .nav-header .page-settings{right:49px;} + .nav-header .page-settings > ul > li.skin > button{margin-right:15px;top:18px;} + .main-menu-wrap{margin: -49px 0 -35px 0;min-height:100%;} + .main-menu{padding:49px 0 35px 0;} + .main-menu > ul > li > ul > li > a{padding-left:31px;} + .nav-bottom{width:100%;position: relative;top:-1px;display:block;overflow:hidden;border-top:1px solid #3d434f;background:#2f3541;height: 35px;} + .nav-bottom > li{float:left;width:50%;} + .nav-bottom > li:first-child{border-right:1px solid #3d434f;} + .nav-bottom > li > a{display:block;width:100%;height:35px;line-height:35px;color:#a7abb7;font-weight:700;} + .nav-bottom > li:first-child > a{background:url(/img/logout_bottom.png) no-repeat 29px 50%;background-size:19px 14px;text-indent:54px} + /* .nav-bottom > li:last-child > a{background:url(/img/pc.png) no-repeat 29px 50%;background-size:18px 15px;text-indent:54px;} + html.ie8 .nav-bottom > li:last-child > a{background:url(/img/ie8-pc.png) no-repeat 29px 50%;} */ + html.ie8 .nav-bottom > li:first-child > a{background:url(/img/ie8-logout_bottom.png) no-repeat 29px 50%;text-indent:54px} + + /* ****************************************************************************************************** + + pjax tab + + ****************************************************************************************************** */ + .pjax-tab-menu-wrap .pajx-tab-panel.setting-list {max-height:400px;} + .pjax-tab-menu-wrap .pajx-tab-panel.setting-list > ul > li > a .close-tab{display:none !important;} + + /* ****************************************************************************************************** + + 대시보드 레이아웃 + + ****************************************************************************************************** */ + .panel-row{margin-bottom:0;} + .panel-row > .panel{margin-bottom:10px;} + .panel-row > .col-s{width:100%;} + .panel-row > .col-xr{width:100%;} + + /* 반응형 테이블 */ + .table-layout table .item-tablet-hidden {display:none;} + + /* 버튼 스타일링 미디어 쿼리 */ + .btn-area button, + .btn-area a{width: 200px;} + .btn-area.ar{text-align:center;} + .btn-area.al{text-align:center;} + + /* 북마크 버튼 */ + .bookmark-list-pc ul li {transition: none;} + .bookmark-list-pc > ul.open > li {opacity: 1;z-index: 100;display: block;} + .bookmark-list-pc > ul{position: static;top: 0;right: 0;left: 0;bottom: 0;} + .bookmark-list-pc > ul > li{position: fixed;top: 50%;left: 50%;width: 100px;height: 100px;margin-top: -155px;margin-left:-155px;z-index: 300;display: none;} + .bookmark-list-pc > ul > li + li{margin-left: -50px;} + .bookmark-list-pc > ul > li + li + li{margin-left: 55px;} + .bookmark-list-pc > ul > li + li + li + li{margin-left: -155px;margin-top: -50px;} + .bookmark-list-pc > ul > li + li + li + li + li{margin-left: -50px;margin-top: -50px;} + .bookmark-list-pc > ul > li + li + li + li + li + li{margin-left: 55px;margin-top: -50px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li{margin-left: -155px;margin-top: 55px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li{margin-left: -50px;margin-top: 55px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li{margin-left:55px;margin-top:55px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li + li{margin-left:-155px;margin-top:160px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li + li + li{margin-left:-50px;margin-top:160px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li + li + li + li{margin-left:55px;margin-top:160px;} + + /* .bookmark-list-pc > ul > li a{padding-top: 68px;} */ + .bookmark-list-pc ul li a{display: table-cell;width: 100px;height: 100px;} + .bookmark-list-pc.bbs ul.open .sub-category ul{position: static;top: 0;left: 0;right: 0;bottom: 0;z-index: 80;-webkit-transition: none;transition: none;} + .bookmark-list-pc.bbs ul.open .sub-category li{width: 100px;height: 100px;position: fixed;top: 50% !important;left: 50%;right: 0 !important;margin-top: 55px;margin-left: -50px;-webkit-transition: none;transition: none;} + .bookmark-list-pc.bbs ul.open .sub-category li + li{width: 100px;height: 100px;position: fixed;top: 50%;left: 50%;margin-left: 55px;} + /*메뉴관리*/ + .bookmark-list-pc.site-menu {right:3%;bottom:30px;} + .bookmark-list-pc.site-menu> ul.open > li {top:50%;margin-top:-100px;margin-left:-100px;} + .bookmark-list-pc.site-menu > ul.open > li + li {top:50%;margin-left:5px} + .bookmark-list-pc.site-menu > ul.open > li + li + li {top:50%;margin-top:5px;margin-left:-100px} + .bookmark-list-pc.site-menu > ul.open > li + li + li + li {top:50%;margin-top:5px;margin-left:5px;} + .bookmark-list-pc > ul > li img{width:40px;height:auto;padding-top: 0;} + .bookmark-list-pc.site-menu > ul > li img{width:60px;height:auto;padding-top: 0;} + .bookmark-list-pc .line01{opacity: 0;} + .bookmark-list-pc .category li{margin-top: 55px;margin-left: -50px;} + .bookmark-list-pc .category li + li{margin-left: 55px;} + + .skin-list-box{text-align:center;margin-left:0;} +/* .bookmark-list-pc > ul > li + li img{width:44px;height:40px;} + .bookmark-list-pc > ul > li + li + li img{width:44px;height:40px;} + .bookmark-list-pc > ul > li + li + li + li img{width:36px;height:40px;} + .bookmark-list-pc > ul > li + li + li + li + li img{width:44px;height:36px;} + .bookmark-list-pc > ul > li + li + li + li + li + li img{width:40px;height:40px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li img{width:44px;height:38px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li img{width:44px;height:38px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li img{width:44px;height:40px;} */ +/* .bookmark-list-pc.bbs > ul > li img{width:46px;height:40px;padding-top: 0;} + .bookmark-list-pc.bbs > ul > li + li img{width:46px;height:46px;} + .bookmark-list-pc.bbs > ul > li + li + li img{width:36px;height:46px;} + .bookmark-list-pc.bbs > ul > li + li + li + li img{width:42px;height:42px;} + .bookmark-list-pc.bbs > ul > li + li + li + li + li img{width:40px;height:40px;} + .bookmark-list-pc.bbs > ul > li + li + li + li + li + li img{width:44px;height:34px;} + .bookmark-list-pc.bbs > ul > li + li + li + li + li + li + li img{width:50px;height:40px;} + .bookmark-list-pc.bbs > .sub-category li img{width:42px;height:42px;} + .bookmark-list-pc.member > ul > li img{width:36px;height:40px;padding-top: 0;} + .bookmark-list-pc.member > ul > li + li img{width:40px;height:40px;} + .bookmark-list-pc.member > ul > li + li + li img{width:40px;height:40px;} + .bookmark-list-pc.member > ul > li + li + li + li img{width:44px;height:40px;} + .bookmark-list-pc.member > ul > li + li + li + li + li img{width:44px;height:44px;} + .bookmark-list-pc.member > ul > li + li + li + li + li + li img{width:58px;height:44px;} */ + .page-content-inner{margin-top:15px;} + /*코드미러*/ + + + + /*파일관리*/ + .file-wrap{height:auto;overflow:visible;} + .file-category{float:inherit;width:100%;border-right:0;} + .folder-list{height:150px;padding:10px 15px} + .folder-add{position:static;border-bottom:1px solid #dcdcdc} + + .file-list{float:inherit;width:100%;height:413px;} + .file-list.table-layout table tbody{height:300px;} + .file-add-list.show + .folder-list{height:150px} +} + +@media screen and (max-width:768px){ + + select {width:100%;} + + /* 로그인 */ + .login-wrap{margin-top:-50%} + .approval .login-title{margin-bottom: 15px;height:127px;} + .login-title {margin-bottom:30px;height: 158px;} + .login-title h1{height:104px;} + .login-title .seed-logo-area {width:120px;height:104px} + .login-form-wrap .input-outline {/* margin-bottom:10px; *//* padding:13px 28px 10px 100px; */} + .login-form-wrap label {/* left:20px; *//* top:15px; *//* font-size:15px; */} + .login-form-wrap label:after {right:19px} + .login-form-wrap .btn-area {padding-top:10px} + .login-btn-area .btn-login + .btn-login{margin-top:5px} + .btn-login {width:100%;/* padding: 12px 0; */font-size: 15px;margin-right: 0;} + .login-title p span {display:block;line-height:1.4} + .login-title img {width:120px;} + .login-site-list {/* margin-bottom:50px; */width: 75%;} + .login-site-list .btn-site-list {padding:13px 18px;font-size:15px;} + .login-site-list .site-list-area {top:37px;} + html.ie8 .login-title h1 {width:100%;height:100%;} + .login-btn-area{width:75%} + /* 테이블 레이아웃 */ + .table-layout table tbody td {/* padding:0px 3px; *//* height:36px; */padding-left: 3px;padding-right: 3px;} + .table-layout table tbody td > a {/* height:100%; *//* line-height:50px; */} + .table-layout table tbody td > a > span {/* padding:18px 0; */} + + .table-layout table tbody td > a.level-change {height:auto;line-height:inherit;} + .table-layout table tbody td.al {padding-left:10px;} + + + /*메뉴관리*/ + .depth-1:after {left:0;} + .depth-2:after {left:10px;} + .depth-3:after {left:20px;} + .depth-4:after {left:30px;} + .depth-5:after {left:40px;} + .depth-6:after {left:50px;} + .depth-1 {padding-left:16px !important} + .depth-2{padding-left:26px !important} + .depth-3{padding-left:36px !important} + .depth-4{padding-left:46px !important} + .depth-5{padding-left:56px !important} + .depth-6{padding-left:66px !important} + + /* 알림페이지 */ + .alert-area {padding:20px 16px;} + + + /* 서브페이지 타이틀 */ + .page-title-inner {float:none;} + .page-content-inner h3.page-title {font-size:15px;} + + /* 페이지내 검색 */ + + .page-title-wrap .sch-content-wrap {position:relative;float:none;text-align:left;} + .page-title-wrap h3{/* float:none */} + .page-title-inner {margin-bottom:10px;} + + .sch-content-wrap .sch-select , .sch-content-wrap .sch-text {width:79%;margin-right:1%;} + .sch-content-wrap .sch-text{background:#fff;} + .sch-content-wrap .sch-select{margin-bottom:3px;} + .sch-content-wrap .sch-select.mobile-width100 {width:100%;margin-right:0;} + .sch-content-wrap .btn-page-sch {position:absolute;right:0;top:0;width:20%;height:100%;padding:0;} + + + /* 툴팁 */ + .tooltipBox {/* top:-3px; */float: inherit;} + .tooltipBox {/* top:-3px; */} + .tooltipBox .tooltipText {width:180px} + + /* 상태변경 */ + .change-state-area {padding:15px;} + .change-state-area label {margin-right:5px;} + + /* 뷰,폼 스타일 */ + .bbs-view-item {padding:18px 0;} + .bbs-view-item .item-title {display:block;width:100%;margin-bottom:15px;padding:0 5px;} + .bbs-view-item .item-title:before {content:'+ ';} + .bbs-view-item .item-box {display:block;width:100%;padding:0 5px;} + + .bbs-view-item .input-align-wrap {width:100%;} + .bbs-view-item .input-align-wrap:after {content:'';clear:both;display:block;} + .bbs-view-item .input-align-wrap input[type="text"] {float:left;width:75% !important;} + .bbs-view-item .input-align-wrap .btn-sch-item {float:left;width:24%;margin-left:1%;padding:7px 0px;} + + /* 반응형 테이블 */ + .table-layout table .item-mobile-hidden {display:none;} + + /*첨부파일*/ + .temp-file-area {width:24%;margin-left:1%;} + .temp-file-area .temp-file-button {width:100%;height:100%;padding:0;line-height: 28px !important;} + + /* 인풋박스 스타일 정리 */ + .item-box select.width30, .item-box select.width40, .item-box select.width50 {width:100%;} + + .item-box input[type="text"], .item-box input[type="password"] {width:100% !important;} + .item-box input.width50px {width:50px !important;} + .item-box input.width60px {width:60px !important;} + .item-box input.width70px {width:70px !important;} + .item-box input.width80px {width:80px !important;} + .item-box input.width90px {width:90px !important;} + .item-box input.width100px {width:100px !important;} + + /*페이지로딩바*/ + .blockUI.blockMsg.blockPage h1 {font-size:20px;margin-left:-120px !important} + +} + + +@media screen and (max-width:680px){ + .tab-menu a{font-size:13px;width:auto;margin-right:-1px} + .btn-area button, + .btn-area a{width: 80%;display: block;margin: 0 auto;margin-bottom: 10px;} + .btn-area .btn-normal{margin-bottom: 10px;} + .layout-content .layout-title{padding-left:10px;} + .layout-content .layout-title > button{width:55px;margin-right:5px} +} + +@media screen and (max-width:640px){ + /* 페이징 */ + .pagination-control a {width:30px;} + /* 파일관리 */ + .file-list.table-layout{overflow-x:scroll;} + .file-list.table-layout table{table-layout: fixed;} + .file-list.table-layout table tbody{overflow-x:hidden;} + .file-list.table-layout table colgroup col:first-child{width:200px !important;min-width:200px;} + .file-list.table-layout table colgroup col:nth-child(2){width:100px !important;min-width:100px;} + .file-list.table-layout table colgroup col:nth-child(3){width:100px !important;min-width:100px;} + .file-list.table-layout table colgroup col:nth-child(4){width:100px !important;min-width:100px;} + .file-list.table-layout table colgroup col:last-child{width:100px !important;min-width:100px;} + .file-list.table-layout .file-locat{width:600px;} +} + +@media screen and (max-width:480px){ + + /* 테이블 검색버튼 영역 */ + .bbs-view-item .input-align-wrap input[type="text"] {width:65% !important;} + .bbs-view-item .input-align-wrap .btn-sch-item {float:left;width:34%;padding:7px 0px;} + .temp-file-area {width:34%;} +} + +@media screen and (max-width:400px){ + .change-list{min-width:100px;} + .change-state-area .btn-change-state {padding:7px 13px;} + + + + /* 북마크 버튼 */ + .bookmark-list-pc{margin-top: 10px;} + .bookmark-list-pc ul li a img{padding-top: 5px;} + .bookmark-list-pc ul.open > li {opacity: 1;z-index: 100;} + .bookmark-list-pc > ul{position: static;top: 0;right: 0;left: 0;bottom: 0;} + .bookmark-list-pc > ul > li{position: fixed;top: 50%;left: 50%;width: 70px;height: 70px;margin-top: -110px;margin-left:-110px;z-index: 300;display: none;} + .bookmark-list-pc > ul > li + li{margin-left: -35px} + .bookmark-list-pc > ul > li + li + li{margin-left: 40px;} + .bookmark-list-pc > ul > li + li + li + li{margin-left: -110px;margin-top: -35px;} + .bookmark-list-pc > ul > li + li + li + li + li{margin-left: -35px;margin-top: -35px;}/* */ + .bookmark-list-pc > ul > li + li + li + li + li + li{margin-left: 40px;margin-top: -35px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li{margin-left: -110px;margin-top: 40px} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li{margin-left: -35px;margin-top: 40px} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li{margin-left: 40px;margin-top: 40px} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li + li{margin-left:-110px;margin-top: 115px} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li + li + li{margin-left:-35px;margin-top: 115px} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li + li + li + li{margin-left:40px;margin-top: 115px} + .bookmark-list-pc > ul > li a{padding-top: 0;} + .bookmark-list-pc ul li a{display: table-cell;width: 70px;height: 70px;} + .bookmark-list-pc.bbs ul.open .sub-category ul{position: static;top: 0;left: 0;right: 0;bottom: 0;z-index: 80;-webkit-transition: none;transition: none;} + .bookmark-list-pc.bbs ul.open .sub-category li{width: 70px;height: 70px;position: fixed;top: 50% !important;left: 50%;right: 0 !important;margin-top: 40px;margin-left: -35px;-webkit-transition: none;transition: none;} + .bookmark-list-pc.bbs ul.open .sub-category li + li{width: 70px;height: 70px;position: fixed;top: 50%;left: 50%;margin-left: 40px;} + .layout-content .layout-title{height: 60px;padding-left: 5px;} + .layout-content .layout-title .editor-full-btn{margin-top: 10px;} + + /*메뉴관리*/ + /* .bookmark-list-pc.menu-manage > ul > li a {width:60px;height:60px;} */ + /* .bookmark-list-pc.menu-manage ul li a img {padding-top:11px} */ + /* .bookmark-list-pc.menu-manage > ul > li {width:60px;height:60px;} + .bookmark-list-pc.menu-manage > ul.open > li {margin-top:-60px;margin-left:-60px;} + .bookmark-list-pc.menu-manage > ul.open > li + li +li {margin-left:-60px;} */ + /* + .bookmark-list-pc.menu-manage > ul > li {margin-top:-30px;margin-left:-51px} + .bookmark-list-pc.menu-manage > ul > li + li {margin-left:5px;} + */ + .bookmark-list-pc > ul > li img{width:20px;height:auto;padding-top: 0;} + .bookmark-list-pc.site-menu > ul > li img{width:30px;height:auto;padding-top: 0;} + /* .bookmark-list-pc > ul > li img{width:20px;height:20px;padding-top: 0;} + .bookmark-list-pc > ul > li + li img{width:22px;height:20px;} + .bookmark-list-pc > ul > li + li + li img{width:22px;height:20px;} + .bookmark-list-pc > ul > li + li + li + li img{width:18px;height:20px;} + .bookmark-list-pc > ul > li + li + li + li + li img{width:22px;height:18px;} + .bookmark-list-pc > ul > li + li + li + li + li + li img{width:20px;height:20px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li img{width:22px;height:19px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li img{width:22px;height:19px;} + .bookmark-list-pc > ul > li + li + li + li + li + li + li + li + li img{width:22px;height:20px;} + + .bookmark-list-pc.bbs > ul > li img{width:23px;height:20px;padding-top: 0;} + .bookmark-list-pc.bbs > ul > li + li img{width:23px;height:23px;} + .bookmark-list-pc.bbs > ul > li + li + li img{width:18px;height:23px;} + .bookmark-list-pc.bbs > ul > li + li + li + li img{width:21px;height:21px;} + .bookmark-list-pc.bbs > ul > li + li + li + li + li img{width:20px;height:20px;} + .bookmark-list-pc.bbs > ul > li + li + li + li + li + li img{width:22px;height:17px;} + .bookmark-list-pc.bbs > ul > li + li + li + li + li + li + li img{width:25px;height:20px;} + .bookmark-list-pc.bbs > .sub-category li img{width:21px;height:21px;} + + .bookmark-list-pc.member > ul > li img{width:18px;height:20px;padding-top: 0;} + .bookmark-list-pc.member > ul > li + li img{width:20px;height:20px;} + .bookmark-list-pc.member > ul > li + li + li img{width:20px;height:20px;} + .bookmark-list-pc.member > ul > li + li + li + li img{width:22px;height:20px;} + .bookmark-list-pc.member > ul > li + li + li + li + li img{width:22px;height:22px;} + .bookmark-list-pc.member > ul > li + li + li + li + li + li img{width:29px;height:22px;} + */ + + + +} + + +@media screen and (min-width:1024px){ + .DirectionLeft .view-container .layout-content.siteLayOutSet{margin-left:250px;} + .DirectionLeft .view-container.close .layout-content.siteLayOutSet{margin-left:65px;} + .DirectionRight .view-container .layout-content.siteLayOutSet{margin-right:250px;} + .DirectionRight .view-container.close .layout-content.siteLayOutSet{margin-right:65px;} + .DirectionLeft .view-container .layout-content.siteLayOutSet + .btn-area{padding-left:250px;} + .DirectionLeft .view-container.close .layout-content.siteLayOutSet + .btn-area{padding-left:65px;} + .DirectionRight .view-container .layout-content.siteLayOutSet + .btn-area{padding-right:250px;} + .DirectionRight .view-container.close .layout-content.siteLayOutSet + .btn-area{padding-right:65px;} +} + + + + + diff --git a/src/main/webapp/css/seed/seed.reset.css b/src/main/webapp/css/seed/seed.reset.css new file mode 100644 index 00000000..340eb059 --- /dev/null +++ b/src/main/webapp/css/seed/seed.reset.css @@ -0,0 +1,614 @@ +@charset "utf-8"; +/**************************************************************************** + Reset +*****************************************************************************/ +/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Prevent adjustments of font size after orientation changes in IE and iOS. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + * 2. Add the correct display in IE. + */ + +article, +aside, +details, /* 1 */ +figcaption, +figure, +footer, +header, +main, /* 2 */ +menu, +nav, +section, +summary { /* 1 */ + display: block; +} + +/** + * Add the correct display in IE 9-. + */ + +audio, +canvas, +progress, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Add the correct display in IE 10-. + * 1. Add the correct display in IE. + */ + +template, /* 1 */ +[hidden] { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ + +a:active, +a:hover { + outline-width: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change font properties to `inherit` in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +select, +textarea { + font: inherit; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Restore the font weight unset by the previous rule. + */ + +optgroup { + font-weight: bold; +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, +html [type="button"], /* 1 */ +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Correct the text style of placeholders in Chrome, Edge, and Safari. + */ + +::-webkit-input-placeholder { + color: inherit; + opacity: 0.54; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/** + * Custom reset + */ + +* { + padding:0px; + margin:0px; +} + +html { + height:100%; +} + +body { + height:100%; + font-size:13px; + line-height:1.42857143; + background:#f5f5f5; + font-family:'Open Sans', 'Nanum Gothic','나눔고딕', NanumGothic, Arial, Helvetica, sans-serif; + -webkit-text-size-adjust:none; +} + +tr, +td { + vertical-align:middle; +} + +a { + color:#333; + text-decoration:none; +} + +a:active, a:hover { + text-decoration:none; +} + +input { + vertical-align:middle; +} + +i, +em, +address { + font-style:normal; +} + +select { + min-width: 65px; + height: 30px; + padding:4px 35px 4px 10px; + border:1px solid #dcdcdc; + background:url(/img/arrow-down-balck-big.png) 99% 55% #fff no-repeat; + background-size:16px; + line-height: 15px; + -webkit-border-radius:3px; + -moz-border-radius:3px; + -ms-border-radius:3px; + border-radius:3px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none;/*select박스 기본화살표이미지 없애기*/ + vertical-align: middle; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065); + box-shadow: inset 0 1px 1px rgba(0,0,0,.065); + outline:0; +} + +/* ie 9 이상 */ +select::-ms-expand { + display: none; +} + +html.ie8 select, +html.ie9 select{ + background:#fff; + padding-right:10px; +} + +input[type="text"], input[type="search"], input[type="password"]{ + min-width:65px; + height:30px; + padding: 4px 10px; + border:1px solid #ddd; + -webkit-appearance:none; + border-radius:3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.065); + box-shadow: inset 0 1px 1px rgba(0,0,0,.065); + outline:0; +} + +*, +*:before, +*:after{ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body{ + height: 100%; +} + +table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} + +img{ + max-width:100%; + height:auto; + vertical-align: middle; +} + +label { + display: inline-block; + max-width: 100%; + font-weight: 700; + vertical-align:middle; +} + +button, +input, +select, +textarea{ + margin:0; + font: inherit; + color: inherit; +} + +button{ + background:transparent; + border:0; + cursor:pointer; + vertical-align:middle; +} + +a:hover{ + text-decoration:none; +} + +fieldset { + min-width: 0; /* chrome overflow bug */ + padding: 0; + margin: 0; + border: 0; +} + +@-moz-document url-prefix() { + fieldset { display: table-cell; } /* firefox overflow bug */ +} + +a{ + color:#212121; + text-decoration:none; +} + +input[type=checkbox], +input[type=radio]{ + margin: 4px 0 0; + margin-top: 1px \9; + line-height: normal; +} + +.hidden, +legend { + display:block; + overflow:hidden; + position:absolute; + left:-9999px; + top:-9999px; + width:1px; + height:1px; + font-size:0; + line-height:0px; + text-indent:-9999em; +} + +caption{ + overflow:hidden; + width:0px; + height:0px; + font-size:0; + line-height:0px; + text-indent:-9999em; + opacity:0; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" +} diff --git a/src/main/webapp/css/seed/slick.css b/src/main/webapp/css/seed/slick.css new file mode 100644 index 00000000..e7f56074 --- /dev/null +++ b/src/main/webapp/css/seed/slick.css @@ -0,0 +1,119 @@ +/* Slider */ +.slick-slider +{ + position: relative; + + display: block; + + -moz-box-sizing: border-box; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} \ No newline at end of file diff --git a/src/main/webapp/css/seed/smartPop.css b/src/main/webapp/css/seed/smartPop.css new file mode 100644 index 00000000..8e5157d2 --- /dev/null +++ b/src/main/webapp/css/seed/smartPop.css @@ -0,0 +1,134 @@ +html.scroll-hidden, +body.scroll-hidden{ + overflow-y:hidden !important; +} + +#SeedModal{ + position: fixed; + width: 100%; + min-width:300px; + height: 100%; + top: 0; + left: 0; + z-index: 100000; + background: rgb(0,0,0); + background: rgba(0,0,0,0.4); + filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); + text-align:center; + overflow:auto; + -webkit-overflow-scrolling: touch; +} + +#SeedModal .iframe-box{ + min-width:300px; + width: 60%; + margin:40px auto; + -webkit-overflow-scrolling: touch; + background:#f5f5f5; + border-radius:3px; + overflow: auto; + -webkit-transform: translate3d(0,-100px,0); + -moz-transform: translate3d(0,-100px,0); + -ms-transform: translate3d(0,-100px,0); + transform: translate3d(0,-100px,0); +} + +#SeedModal .iframe-box.seed-open{ + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + -webkit-transition: all 0.4s; + -moz-transition: all 0.4s; + transition: all 0.4s; +} +#SeedModal .iframe-header{ + background:#757DBF; + height:40px; + line-height:40px; + text-align:left; + padding:0 20px; + vertical-align:middle; +} +#SeedModal .iframe-header strong{ + float:left; + color:#fff; + font-family:Malgun Gothic; + font-size:14px; + line-height:inherit; +} + +#SeedModal .iframe-header button{ + float:right; + line-height:inherit; + font-size:28px; + color:rgba(255,255,255,.8); +} + +#SeedIframe{ + padding: 10px 0; + width:100%; + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; +} + + +.seed-hide{ + visibility: hidden; + opacity: 0; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; + + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + + -webkit-perspective: 1000; + -moz-perspective: 1000; + -ms-perspective: 1000; + perspective: 1000; + +} +.seed-open{ + visibility: visible; + opacity:1; +} + +html.ie8 .seed-hide{ + visibility: visible; + opacity: 1; +} + +@media screen and (max-width:1024px){ + #SeedModal .iframe-box{width:95%;margin:40px auto;} +} +@media screen and (max-width:320px){ + #SeedModal .iframe-box{width:98%} +} + diff --git a/src/main/webapp/css/seed/space.css b/src/main/webapp/css/seed/space.css new file mode 100644 index 00000000..3b7d2475 --- /dev/null +++ b/src/main/webapp/css/seed/space.css @@ -0,0 +1 @@ +@charset "utf-8";.mt0{margin-top:0px!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt3{margin-top:3px!important}.mt4{margin-top:4px!important}.mt5{margin-top:5px!important}.mt6{margin-top:6px!important}.mt7{margin-top:7px!important}.mt8{margin-top:8px!important}.mt9{margin-top:9px!important}.mt10{margin-top:10px!important}.mt11{margin-top:11px!important}.mt12{margin-top:12px!important}.mt13{margin-top:13px!important}.mt14{margin-top:14px!important}.mt15{margin-top:15px!important}.mt16{margin-top:16px!important}.mt17{margin-top:17px!important}.mt18{margin-top:18px!important}.mt19{margin-top:19px!important}.mt20{margin-top:20px!important}.mt21{margin-top:21px!important}.mt22{margin-top:22px!important}.mt23{margin-top:23px!important}.mt24{margin-top:24px!important}.mt25{margin-top:25px!important}.mt26{margin-top:26px!important}.mt27{margin-top:27px!important}.mt28{margin-top:28px!important}.mt29{margin-top:29px!important}.mt30{margin-top:30px!important}.mt31{margin-top:31px!important}.mt32{margin-top:32px!important}.mt33{margin-top:33px!important}.mt34{margin-top:34px!important}.mt35{margin-top:35px!important}.mt36{margin-top:36px!important}.mt31{margin-top:37px!important}.mt38{margin-top:38px!important}.mt39{margin-top:39px!important}.mt40{margin-top:40px!important}.mt41{margin-top:41px!important}.mt42{margin-top:42px!important}.mt43{margin-top:43px!important}.mt44{margin-top:44px!important}.mt45{margin-top:45px!important}.mt46{margin-top:46px!important}.mt47{margin-top:47px!important}.mt48{margin-top:48px!important}.mt49{margin-top:49px!important}.mt50{margin-top:50px!important}.mt51{margin-top:51px!important}.mt52{margin-top:52px!important}.mt53{margin-top:53px!important}.mt54{margin-top:54px!important}.mt55{margin-top:55px!important}.mt56{margin-top:56px!important}.mt57{margin-top:57px!important}.mt58{margin-top:58px!important}.mt59{margin-top:59px!important}.mt60{margin-top:60px!important}.mt61{margin-top:61px!important}.mt62{margin-top:62px!important}.mt63{margin-top:63px!important}.mt64{margin-top:64px!important}.mt65{margin-top:65px!important}.mt66{margin-top:66px!important}.mt67{margin-top:67px!important}.mt68{margin-top:68px!important}.mt69{margin-top:69px!important}.mt70{margin-top:70px!important}.mt71{margin-top:71px!important}.mt72{margin-top:72px!important}.mt73{margin-top:73px!important}.mt74{margin-top:74px!important}.mt75{margin-top:75px!important}.mt76{margin-top:76px!important}.mt77{margin-top:77px!important}.mt78{margin-top:78px!important}.mt79{margin-top:79px!important}.mt80{margin-top:80px!important}.mt81{margin-top:81px!important}.mt82{margin-top:82px!important}.mt83{margin-top:83px!important}.mt84{margin-top:84px!important}.mt85{margin-top:85px!important}.mt86{margin-top:86px!important}.mt87{margin-top:87px!important}.mt88{margin-top:88px!important}.mt89{margin-top:89px!important}.mt90{margin-top:90px!important}.mt91{margin-top:91px!important}.mt92{margin-top:92px!important}.mt93{margin-top:93px!important}.mt94{margin-top:94px!important}.mt95{margin-top:95px!important}.mt96{margin-top:96px!important}.mt97{margin-top:97px!important}.mt98{margin-top:98px!important}.mt99{margin-top:99px!important}.mt100{margin-top:100px!important}.mr0{margin-right:0px!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr3{margin-right:3px!important}.mr4{margin-right:4px!important}.mr5{margin-right:5px!important}.mr6{margin-right:6px!important}.mr7{margin-right:7px!important}.mr8{margin-right:8px!important}.mr9{margin-right:9px!important}.mr10{margin-right:10px!important}.mr11{margin-right:11px!important}.mr12{margin-right:12px!important}.mr13{margin-right:13px!important}.mr14{margin-right:14px!important}.mr15{margin-right:15px!important}.mr16{margin-right:16px!important}.mr17{margin-right:17px!important}.mr18{margin-right:18px!important}.mr19{margin-right:19px!important}.mr20{margin-right:20px!important}.mr21{margin-right:21px!important}.mr22{margin-right:22px!important}.mr23{margin-right:23px!important}.mr24{margin-right:24px!important}.mr25{margin-right:25px!important}.mr26{margin-right:26px!important}.mr27{margin-right:27px!important}.mr28{margin-right:28px!important}.mr29{margin-right:29px!important}.mr30{margin-right:30px!important}.mr31{margin-right:31px!important}.mr32{margin-right:32px!important}.mr33{margin-right:33px!important}.mr34{margin-right:34px!important}.mr35{margin-right:35px!important}.mr36{margin-right:36px!important}.mr31{margin-right:37px!important}.mr38{margin-right:38px!important}.mr39{margin-right:39px!important}.mr40{margin-right:40px!important}.mr41{margin-right:41px!important}.mr42{margin-right:42px!important}.mr43{margin-right:43px!important}.mr44{margin-right:44px!important}.mr45{margin-right:45px!important}.mr46{margin-right:46px!important}.mr47{margin-right:47px!important}.mr48{margin-right:48px!important}.mr49{margin-right:49px!important}.mr50{margin-right:50px!important}.mr51{margin-right:51px!important}.mr52{margin-right:52px!important}.mr53{margin-right:53px!important}.mr54{margin-right:54px!important}.mr55{margin-right:55px!important}.mr56{margin-right:56px!important}.mr57{margin-right:57px!important}.mr58{margin-right:58px!important}.mr59{margin-right:59px!important}.mr60{margin-right:60px!important}.mr61{margin-right:61px!important}.mr62{margin-right:62px!important}.mr63{margin-right:63px!important}.mr64{margin-right:64px!important}.mr65{margin-right:65px!important}.mr66{margin-right:66px!important}.mr67{margin-right:67px!important}.mr68{margin-right:68px!important}.mr69{margin-right:69px!important}.mr70{margin-right:70px!important}.mr71{margin-right:71px!important}.mr72{margin-right:72px!important}.mr73{margin-right:73px!important}.mr74{margin-right:74px!important}.mr75{margin-right:75px!important}.mr76{margin-right:76px!important}.mr77{margin-right:77px!important}.mr78{margin-right:78px!important}.mr79{margin-right:79px!important}.mr80{margin-right:80px!important}.mr81{margin-right:81px!important}.mr82{margin-right:82px!important}.mr83{margin-right:83px!important}.mr84{margin-right:84px!important}.mr85{margin-right:85px!important}.mr86{margin-right:86px!important}.mr87{margin-right:87px!important}.mr88{margin-right:88px!important}.mr89{margin-right:89px!important}.mr90{margin-right:90px!important}.mr91{margin-right:91px!important}.mr92{margin-right:92px!important}.mr93{margin-right:93px!important}.mr94{margin-right:94px!important}.mr95{margin-right:95px!important}.mr96{margin-right:96px!important}.mr97{margin-right:97px!important}.mr98{margin-right:98px!important}.mr99{margin-right:99px!important}.mr100{margin-right:100px!important}.mb0{margin-bottom:0px!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb3{margin-bottom:3px!important}.mb4{margin-bottom:4px!important}.mb5{margin-bottom:5px!important}.mb6{margin-bottom:6px!important}.mb7{margin-bottom:7px!important}.mb8{margin-bottom:8px!important}.mb9{margin-bottom:9px!important}.mb10{margin-bottom:10px!important}.mb11{margin-bottom:11px!important}.mb12{margin-bottom:12px!important}.mb13{margin-bottom:13px!important}.mb14{margin-bottom:14px!important}.mb15{margin-bottom:15px!important}.mb16{margin-bottom:16px!important}.mb17{margin-bottom:17px!important}.mb18{margin-bottom:18px!important}.mb19{margin-bottom:19px!important}.mb20{margin-bottom:20px!important}.mb21{margin-bottom:21px!important}.mb22{margin-bottom:22px!important}.mb23{margin-bottom:23px!important}.mb24{margin-bottom:24px!important}.mb25{margin-bottom:25px!important}.mb26{margin-bottom:26px!important}.mb27{margin-bottom:27px!important}.mb28{margin-bottom:28px!important}.mb29{margin-bottom:29px!important}.mb30{margin-bottom:30px!important}.mb31{margin-bottom:31px!important}.mb32{margin-bottom:32px!important}.mb33{margin-bottom:33px!important}.mb34{margin-bottom:34px!important}.mb35{margin-bottom:35px!important}.mb36{margin-bottom:36px!important}.mb31{margin-bottom:37px!important}.mb38{margin-bottom:38px!important}.mb39{margin-bottom:39px!important}.mb40{margin-bottom:40px!important}.mb41{margin-bottom:41px!important}.mb42{margin-bottom:42px!important}.mb43{margin-bottom:43px!important}.mb44{margin-bottom:44px!important}.mb45{margin-bottom:45px!important}.mb46{margin-bottom:46px!important}.mb47{margin-bottom:47px!important}.mb48{margin-bottom:48px!important}.mb49{margin-bottom:49px!important}.mb50{margin-bottom:50px!important}.mb51{margin-bottom:51px!important}.mb52{margin-bottom:52px!important}.mb53{margin-bottom:53px!important}.mb54{margin-bottom:54px!important}.mb55{margin-bottom:55px!important}.mb56{margin-bottom:56px!important}.mb57{margin-bottom:57px!important}.mb58{margin-bottom:58px!important}.mb59{margin-bottom:59px!important}.mb60{margin-bottom:60px!important}.mb61{margin-bottom:61px!important}.mb62{margin-bottom:62px!important}.mb63{margin-bottom:63px!important}.mb64{margin-bottom:64px!important}.mb65{margin-bottom:65px!important}.mb66{margin-bottom:66px!important}.mb67{margin-bottom:67px!important}.mb68{margin-bottom:68px!important}.mb69{margin-bottom:69px!important}.mb70{margin-bottom:70px!important}.mb71{margin-bottom:71px!important}.mb72{margin-bottom:72px!important}.mb73{margin-bottom:73px!important}.mb74{margin-bottom:74px!important}.mb75{margin-bottom:75px!important}.mb76{margin-bottom:76px!important}.mb77{margin-bottom:77px!important}.mb78{margin-bottom:78px!important}.mb79{margin-bottom:79px!important}.mb80{margin-bottom:80px!important}.mb81{margin-bottom:81px!important}.mb82{margin-bottom:82px!important}.mb83{margin-bottom:83px!important}.mb84{margin-bottom:84px!important}.mb85{margin-bottom:85px!important}.mb86{margin-bottom:86px!important}.mb87{margin-bottom:87px!important}.mb88{margin-bottom:88px!important}.mb89{margin-bottom:89px!important}.mb90{margin-bottom:90px!important}.mb91{margin-bottom:91px!important}.mb92{margin-bottom:92px!important}.mb93{margin-bottom:93px!important}.mb94{margin-bottom:94px!important}.mb95{margin-bottom:95px!important}.mb96{margin-bottom:96px!important}.mb97{margin-bottom:97px!important}.mb98{margin-bottom:98px!important}.mb99{margin-bottom:99px!important}.mb100{margin-bottom:100px!important}.ml0{margin-left:0px!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml4{margin-left:4px!important}.ml5{margin-left:5px!important}.ml6{margin-left:6px!important}.ml7{margin-left:7px!important}.ml8{margin-left:8px!important}.ml9{margin-left:9px!important}.ml10{margin-left:10px!important}.ml11{margin-left:11px!important}.ml12{margin-left:12px!important}.ml13{margin-left:13px!important}.ml14{margin-left:14px!important}.ml15{margin-left:15px!important}.ml16{margin-left:16px!important}.ml17{margin-left:17px!important}.ml18{margin-left:18px!important}.ml19{margin-left:19px!important}.ml20{margin-left:20px!important}.ml21{margin-left:21px!important}.ml22{margin-left:22px!important}.ml23{margin-left:23px!important}.ml24{margin-left:24px!important}.ml25{margin-left:25px!important}.ml26{margin-left:26px!important}.ml27{margin-left:27px!important}.ml28{margin-left:28px!important}.ml29{margin-left:29px!important}.ml30{margin-left:30px!important}.ml31{margin-left:31px!important}.ml32{margin-left:32px!important}.ml33{margin-left:33px!important}.ml34{margin-left:34px!important}.ml35{margin-left:35px!important}.ml36{margin-left:36px!important}.ml31{margin-left:37px!important}.ml38{margin-left:38px!important}.ml39{margin-left:39px!important}.ml40{margin-left:40px!important}.ml41{margin-left:41px!important}.ml42{margin-left:42px!important}.ml43{margin-left:43px!important}.ml44{margin-left:44px!important}.ml45{margin-left:45px!important}.ml46{margin-left:46px!important}.ml47{margin-left:47px!important}.ml48{margin-left:48px!important}.ml49{margin-left:49px!important}.ml50{margin-left:50px!important}.ml51{margin-left:51px!important}.ml52{margin-left:52px!important}.ml53{margin-left:53px!important}.ml54{margin-left:54px!important}.ml55{margin-left:55px!important}.ml56{margin-left:56px!important}.ml57{margin-left:57px!important}.ml58{margin-left:58px!important}.ml59{margin-left:59px!important}.ml60{margin-left:60px!important}.ml61{margin-left:61px!important}.ml62{margin-left:62px!important}.ml63{margin-left:63px!important}.ml64{margin-left:64px!important}.ml65{margin-left:65px!important}.ml66{margin-left:66px!important}.ml67{margin-left:67px!important}.ml68{margin-left:68px!important}.ml69{margin-left:69px!important}.ml70{margin-left:70px!important}.ml71{margin-left:71px!important}.ml72{margin-left:72px!important}.ml73{margin-left:73px!important}.ml74{margin-left:74px!important}.ml75{margin-left:75px!important}.ml76{margin-left:76px!important}.ml77{margin-left:77px!important}.ml78{margin-left:78px!important}.ml79{margin-left:79px!important}.ml80{margin-left:80px!important}.ml81{margin-left:81px!important}.ml82{margin-left:82px!important}.ml83{margin-left:83px!important}.ml84{margin-left:84px!important}.ml85{margin-left:85px!important}.ml86{margin-left:86px!important}.ml87{margin-left:87px!important}.ml88{margin-left:88px!important}.ml89{margin-left:89px!important}.ml90{margin-left:90px!important}.ml91{margin-left:91px!important}.ml92{margin-left:92px!important}.ml93{margin-left:93px!important}.ml94{margin-left:94px!important}.ml95{margin-left:95px!important}.ml96{margin-left:96px!important}.ml97{margin-left:97px!important}.ml98{margin-left:98px!important}.ml99{margin-left:99px!important}.ml100{margin-left:100px!important}.pt0{padding-top:0px!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt3{padding-top:3px!important}.pt4{padding-top:4px!important}.pt5{padding-top:5px!important}.pt6{padding-top:6px!important}.pt7{padding-top:7px!important}.pt8{padding-top:8px!important}.pt9{padding-top:9px!important}.pt10{padding-top:10px!important}.pt11{padding-top:11px!important}.pt12{padding-top:12px!important}.pt13{padding-top:13px!important}.pt14{padding-top:14px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pt17{padding-top:17px!important}.pt18{padding-top:18px!important}.pt19{padding-top:19px!important}.pt20{padding-top:20px!important}.pt21{padding-top:21px!important}.pt22{padding-top:22px!important}.pt23{padding-top:23px!important}.pt24{padding-top:24px!important}.pt25{padding-top:25px!important}.pt26{padding-top:26px!important}.pt27{padding-top:27px!important}.pt28{padding-top:28px!important}.pt29{padding-top:29px!important}.pt30{padding-top:30px!important}.pt31{padding-top:31px!important}.pt32{padding-top:32px!important}.pt33{padding-top:33px!important}.pt34{padding-top:34px!important}.pt35{padding-top:35px!important}.pt36{padding-top:36px!important}.pt31{padding-top:37px!important}.pt38{padding-top:38px!important}.pt39{padding-top:39px!important}.pt40{padding-top:40px!important}.pt41{padding-top:41px!important}.pt42{padding-top:42px!important}.pt43{padding-top:43px!important}.pt44{padding-top:44px!important}.pt45{padding-top:45px!important}.pt46{padding-top:46px!important}.pt47{padding-top:47px!important}.pt48{padding-top:48px!important}.pt49{padding-top:49px!important}.pt50{padding-top:50px!important}.pt51{padding-top:51px!important}.pt52{padding-top:52px!important}.pt53{padding-top:53px!important}.pt54{padding-top:54px!important}.pt55{padding-top:55px!important}.pt56{padding-top:56px!important}.pt57{padding-top:57px!important}.pt58{padding-top:58px!important}.pt59{padding-top:59px!important}.pt60{padding-top:60px!important}.pt61{padding-top:61px!important}.pt62{padding-top:62px!important}.pt63{padding-top:63px!important}.pt64{padding-top:64px!important}.pt65{padding-top:65px!important}.pt66{padding-top:66px!important}.pt67{padding-top:67px!important}.pt68{padding-top:68px!important}.pt69{padding-top:69px!important}.pt70{padding-top:70px!important}.pt71{padding-top:71px!important}.pt72{padding-top:72px!important}.pt73{padding-top:73px!important}.pt74{padding-top:74px!important}.pt75{padding-top:75px!important}.pt76{padding-top:76px!important}.pt77{padding-top:77px!important}.pt78{padding-top:78px!important}.pt79{padding-top:79px!important}.pt80{padding-top:80px!important}.pt81{padding-top:81px!important}.pt82{padding-top:82px!important}.pt83{padding-top:83px!important}.pt84{padding-top:84px!important}.pt85{padding-top:85px!important}.pt86{padding-top:86px!important}.pt87{padding-top:87px!important}.pt88{padding-top:88px!important}.pt89{padding-top:89px!important}.pt90{padding-top:90px!important}.pt91{padding-top:91px!important}.pt92{padding-top:92px!important}.pt93{padding-top:93px!important}.pt94{padding-top:94px!important}.pt95{padding-top:95px!important}.pt96{padding-top:96px!important}.pt97{padding-top:97px!important}.pt98{padding-top:98px!important}.pt99{padding-top:99px!important}.pt100{padding-top:100px!important}.pr0{padding-right:0px!important}.pr1{padding-right:1px!important}.pr2{padding-right:2px!important}.pr3{padding-right:3px!important}.pr4{padding-right:4px!important}.pr5{padding-right:5px!important}.pr6{padding-right:6px!important}.pr7{padding-right:7px!important}.pr8{padding-right:8px!important}.pr9{padding-right:9px!important}.pr10{padding-right:10px!important}.pr11{padding-right:11px!important}.pr12{padding-right:12px!important}.pr13{padding-right:13px!important}.pr14{padding-right:14px!important}.pr15{padding-right:15px!important}.pr16{padding-right:16px!important}.pr17{padding-right:17px!important}.pr18{padding-right:18px!important}.pr19{padding-right:19px!important}.pr20{padding-right:20px!important}.pr21{padding-right:21px!important}.pr22{padding-right:22px!important}.pr23{padding-right:23px!important}.pr24{padding-right:24px!important}.pr25{padding-right:25px!important}.pr26{padding-right:26px!important}.pr27{padding-right:27px!important}.pr28{padding-right:28px!important}.pr29{padding-right:29px!important}.pr30{padding-right:30px!important}.pr31{padding-right:31px!important}.pr32{padding-right:32px!important}.pr33{padding-right:33px!important}.pr34{padding-right:34px!important}.pr35{padding-right:35px!important}.pr36{padding-right:36px!important}.pr31{padding-right:37px!important}.pr38{padding-right:38px!important}.pr39{padding-right:39px!important}.pr40{padding-right:40px!important}.pr41{padding-right:41px!important}.pr42{padding-right:42px!important}.pr43{padding-right:43px!important}.pr44{padding-right:44px!important}.pr45{padding-right:45px!important}.pr46{padding-right:46px!important}.pr47{padding-right:47px!important}.pr48{padding-right:48px!important}.pr49{padding-right:49px!important}.pr50{padding-right:50px!important}.pr51{padding-right:51px!important}.pr52{padding-right:52px!important}.pr53{padding-right:53px!important}.pr54{padding-right:54px!important}.pr55{padding-right:55px!important}.pr56{padding-right:56px!important}.pr57{padding-right:57px!important}.pr58{padding-right:58px!important}.pr59{padding-right:59px!important}.pr60{padding-right:60px!important}.pr61{padding-right:61px!important}.pr62{padding-right:62px!important}.pr63{padding-right:63px!important}.pr64{padding-right:64px!important}.pr65{padding-right:65px!important}.pr66{padding-right:66px!important}.pr67{padding-right:67px!important}.pr68{padding-right:68px!important}.pr69{padding-right:69px!important}.pr70{padding-right:70px!important}.pr71{padding-right:71px!important}.pr72{padding-right:72px!important}.pr73{padding-right:73px!important}.pr74{padding-right:74px!important}.pr75{padding-right:75px!important}.pr76{padding-right:76px!important}.pr77{padding-right:77px!important}.pr78{padding-right:78px!important}.pr79{padding-right:79px!important}.pr80{padding-right:80px!important}.pr81{padding-right:81px!important}.pr82{padding-right:82px!important}.pr83{padding-right:83px!important}.pr84{padding-right:84px!important}.pr85{padding-right:85px!important}.pr86{padding-right:86px!important}.pr87{padding-right:87px!important}.pr88{padding-right:88px!important}.pr89{padding-right:89px!important}.pr90{padding-right:90px!important}.pr91{padding-right:91px!important}.pr92{padding-right:92px!important}.pr93{padding-right:93px!important}.pr94{padding-right:94px!important}.pr95{padding-right:95px!important}.pr96{padding-right:96px!important}.pr97{padding-right:97px!important}.pr98{padding-right:98px!important}.pr99{padding-right:99px!important}.pr100{padding-right:100px!important}.pb0{padding-bottom:0px!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb3{padding-bottom:3px!important}.pb4{padding-bottom:4px!important}.pb5{padding-bottom:5px!important}.pb6{padding-bottom:6px!important}.pb7{padding-bottom:7px!important}.pb8{padding-bottom:8px!important}.pb9{padding-bottom:9px!important}.pb10{padding-bottom:10px!important}.pb11{padding-bottom:11px!important}.pb12{padding-bottom:12px!important}.pb13{padding-bottom:13px!important}.pb14{padding-bottom:14px!important}.pb15{padding-bottom:15px!important}.pb16{padding-bottom:16px!important}.pb17{padding-bottom:17px!important}.pb18{padding-bottom:18px!important}.pb19{padding-bottom:19px!important}.pb20{padding-bottom:20px!important}.pb21{padding-bottom:21px!important}.pb22{padding-bottom:22px!important}.pb23{padding-bottom:23px!important}.pb24{padding-bottom:24px!important}.pb25{padding-bottom:25px!important}.pb26{padding-bottom:26px!important}.pb27{padding-bottom:27px!important}.pb28{padding-bottom:28px!important}.pb29{padding-bottom:29px!important}.pb30{padding-bottom:30px!important}.pb31{padding-bottom:31px!important}.pb32{padding-bottom:32px!important}.pb33{padding-bottom:33px!important}.pb34{padding-bottom:34px!important}.pb35{padding-bottom:35px!important}.pb36{padding-bottom:36px!important}.pb31{padding-bottom:37px!important}.pb38{padding-bottom:38px!important}.pb39{padding-bottom:39px!important}.pb40{padding-bottom:40px!important}.pb41{padding-bottom:41px!important}.pb42{padding-bottom:42px!important}.pb43{padding-bottom:43px!important}.pb44{padding-bottom:44px!important}.pb45{padding-bottom:45px!important}.pb46{padding-bottom:46px!important}.pb47{padding-bottom:47px!important}.pb48{padding-bottom:48px!important}.pb49{padding-bottom:49px!important}.pb50{padding-bottom:50px!important}.pb51{padding-bottom:51px!important}.pb52{padding-bottom:52px!important}.pb53{padding-bottom:53px!important}.pb54{padding-bottom:54px!important}.pb55{padding-bottom:55px!important}.pb56{padding-bottom:56px!important}.pb57{padding-bottom:57px!important}.pb58{padding-bottom:58px!important}.pb59{padding-bottom:59px!important}.pb60{padding-bottom:60px!important}.pb61{padding-bottom:61px!important}.pb62{padding-bottom:62px!important}.pb63{padding-bottom:63px!important}.pb64{padding-bottom:64px!important}.pb65{padding-bottom:65px!important}.pb66{padding-bottom:66px!important}.pb67{padding-bottom:67px!important}.pb68{padding-bottom:68px!important}.pb69{padding-bottom:69px!important}.pb70{padding-bottom:70px!important}.pb71{padding-bottom:71px!important}.pb72{padding-bottom:72px!important}.pb73{padding-bottom:73px!important}.pb74{padding-bottom:74px!important}.pb75{padding-bottom:75px!important}.pb76{padding-bottom:76px!important}.pb77{padding-bottom:77px!important}.pb78{padding-bottom:78px!important}.pb79{padding-bottom:79px!important}.pb80{padding-bottom:80px!important}.pb81{padding-bottom:81px!important}.pb82{padding-bottom:82px!important}.pb83{padding-bottom:83px!important}.pb84{padding-bottom:84px!important}.pb85{padding-bottom:85px!important}.pb86{padding-bottom:86px!important}.pb87{padding-bottom:87px!important}.pb88{padding-bottom:88px!important}.pb89{padding-bottom:89px!important}.pb90{padding-bottom:90px!important}.pb91{padding-bottom:91px!important}.pb92{padding-bottom:92px!important}.pb93{padding-bottom:93px!important}.pb94{padding-bottom:94px!important}.pb95{padding-bottom:95px!important}.pb96{padding-bottom:96px!important}.pb97{padding-bottom:97px!important}.pb98{padding-bottom:98px!important}.pb99{padding-bottom:99px!important}.pb100{padding-bottom:100px!important}.pl0{padding-left:0px!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl3{padding-left:3px!important}.pl4{padding-left:4px!important}.pl5{padding-left:5px!important}.pl6{padding-left:6px!important}.pl7{padding-left:7px!important}.pl8{padding-left:8px!important}.pl9{padding-left:9px!important}.pl10{padding-left:10px!important}.pl11{padding-left:11px!important}.pl12{padding-left:12px!important}.pl13{padding-left:13px!important}.pl14{padding-left:14px!important}.pl15{padding-left:15px!important}.pl16{padding-left:16px!important}.pl17{padding-left:17px!important}.pl18{padding-left:18px!important}.pl19{padding-left:19px!important}.pl20{padding-left:20px!important}.pl21{padding-left:21px!important}.pl22{padding-left:22px!important}.pl23{padding-left:23px!important}.pl24{padding-left:24px!important}.pl25{padding-left:25px!important}.pl26{padding-left:26px!important}.pl27{padding-left:27px!important}.pl28{padding-left:28px!important}.pl29{padding-left:29px!important}.pl30{padding-left:30px!important}.pl31{padding-left:31px!important}.pl32{padding-left:32px!important}.pl33{padding-left:33px!important}.pl34{padding-left:34px!important}.pl35{padding-left:35px!important}.pl36{padding-left:36px!important}.pl31{padding-left:37px!important}.pl38{padding-left:38px!important}.pl39{padding-left:39px!important}.pl40{padding-left:40px!important}.pl41{padding-left:41px!important}.pl42{padding-left:42px!important}.pl43{padding-left:43px!important}.pl44{padding-left:44px!important}.pl45{padding-left:45px!important}.pl46{padding-left:46px!important}.pl47{padding-left:47px!important}.pl48{padding-left:48px!important}.pl49{padding-left:49px!important}.pl50{padding-left:50px!important}.pl51{padding-left:51px!important}.pl52{padding-left:52px!important}.pl53{padding-left:53px!important}.pl54{padding-left:54px!important}.pl55{padding-left:55px!important}.pl56{padding-left:56px!important}.pl57{padding-left:57px!important}.pl58{padding-left:58px!important}.pl59{padding-left:59px!important}.pl60{padding-left:60px!important}.pl61{padding-left:61px!important}.pl62{padding-left:62px!important}.pl63{padding-left:63px!important}.pl64{padding-left:64px!important}.pl65{padding-left:65px!important}.pl66{padding-left:66px!important}.pl67{padding-left:67px!important}.pl68{padding-left:68px!important}.pl69{padding-left:69px!important}.pl70{padding-left:70px!important}.pl71{padding-left:71px!important}.pl72{padding-left:72px!important}.pl73{padding-left:73px!important}.pl74{padding-left:74px!important}.pl75{padding-left:75px!important}.pl76{padding-left:76px!important}.pl77{padding-left:77px!important}.pl78{padding-left:78px!important}.pl79{padding-left:79px!important}.pl80{padding-left:80px!important}.pl81{padding-left:81px!important}.pl82{padding-left:82px!important}.pl83{padding-left:83px!important}.pl84{padding-left:84px!important}.pl85{padding-left:85px!important}.pl86{padding-left:86px!important}.pl87{padding-left:87px!important}.pl88{padding-left:88px!important}.pl89{padding-left:89px!important}.pl90{padding-left:90px!important}.pl91{padding-left:91px!important}.pl92{padding-left:92px!important}.pl93{padding-left:93px!important}.pl94{padding-left:94px!important}.pl95{padding-left:95px!important}.pl96{padding-left:96px!important}.pl97{padding-left:97px!important}.pl98{padding-left:98px!important}.pl99{padding-left:99px!important}.pl100{padding-left:100px!important} \ No newline at end of file diff --git a/src/main/webapp/css/seed/total.css b/src/main/webapp/css/seed/total.css new file mode 100644 index 00000000..a3d0d9fd --- /dev/null +++ b/src/main/webapp/css/seed/total.css @@ -0,0 +1,64 @@ +@charset "utf-8"; + +@import url("common.css"); +@import url("button.css"); +@import url("layout.css"); + +html { + height:100%; + min-height:100%; + } + +body { + min-width: 1000px; + background:#f7f7f7; + margin:0; + padding:0; + font-family:"돋움", "dotum"; + letter-spacing:-0.2px; + font-size:13px; + color:#727272; + height:100%; !important + min-height:100%; + } + + +body.seedPop{ + min-width: 0 !important; + } + +input, select, textarea{ + font-family:"돋움", "dotum"; + font-size:12px; + } + +img { + vertical-align:top; + border:none; + } + +table { + color:#727272; + font-size:12px; + border-spacing:0; + border-collapse:collapse; + word-break:break-all; + margin:5px 0 15px 0; + width:100%; + } + +a { + /* word-wrap:expression( this.style.wordWrap="normal",this.hideFocus=true); */ + text-decoration:none; + color:#656565; + } + +ul { list-style:none; padding:0; margin:0; } + +iframe { background:none; border:none; } + + +/* for html5 */ +article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { +display:block; +} \ No newline at end of file diff --git a/src/main/webapp/img/pagination_big_first.png b/src/main/webapp/img/pagination_big_first.png new file mode 100644 index 0000000000000000000000000000000000000000..b1d3be62236ddadae34b4daa1e008eddfe256006 GIT binary patch literal 3450 zcmV-=4TbWFP)KLZ*U+IBfRsybQWXdwQbLP>6pAqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uhf59&ghTmgWD0l;*T zI709Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-rV&neh&#Q1i z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_IfqH8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4 zfg=2N-7=cNnjjOr{yriy6mMFgG#l znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U zt5vFIcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya? z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0 z?2xS?_ve_-kiKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$ z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4 z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i& z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01 z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3| zawq-H%e&ckC+@AhPrP6BKT#_XdT7&;F71j}Joy zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F} z0007|Nkl_(ZV)i3n^L%3Th^WZws9PE5w=3ERzQ*YSKRG_`-NdiM$ySDw zVq2yseG`rp_&0F_?)ZEaoTuNSs@aF*t)ylYSH%N?TVo z?80#@PR!}Z$dROX;TV=B{Ve(l{A-4d$fBO~egJEthN{uP0jx^;WqeuS|7W-tz3JTz ztiXSTbw9^nRO1%9Yxvg;ccVY)x3RQl@s7fI-if1l-l~fE2{e*E93_*l3_Vd|jaG&tE4w4btI>x&h4n9@bgn18w{Xt2z4Uo( z&7Gug%#FD6k;|f#s?lF+^mWr>DDENmlD@svkb_@@yGh>~`qHVcp9b;3!|#H!2cbSBlCOkRXc|8CqBVoYTkz;!E!vtTs%trL9A@|*7iqS z^PZ&f)Lp|5MkDwu@jac~OCQ9a{u9qPv3eB#VI0TP$~0Ns>CO9oB*qmi!M`o|-y++u c20!$200SbA$wN3OyZ`_I07*qoM6N<$f=ddAR{#J2 literal 0 HcmV?d00001 diff --git a/src/main/webapp/img/pagination_big_last.png b/src/main/webapp/img/pagination_big_last.png new file mode 100644 index 0000000000000000000000000000000000000000..5dfaee140dc771f36f1c1c6ce212084832f8c300 GIT binary patch literal 3470 zcmV;94RP{`P)KLZ*U+IBfRsybQWXdwQbLP>6pAqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uhf59&ghTmgWD0l;*T zI709Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-rV&neh&#Q1i z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_IfqH8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4 zfg=2N-7=cNnjjOr{yriy6mMFgG#l znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U zt5vFIcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya? z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0 z?2xS?_ve_-kiKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$ z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4 z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i& z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01 z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3| zawq-H%e&ckC+@AhPrP6BKT#_XdT7&;F71j}Joy zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F} z0008HNklus=Ehdxs<5GuF#n*Cx^iShMQcieYRZL3 zi4YU8EkZzHfP}Vo%hcD=2?B;bD!sX z?sxAw=RHkZy8EFGKj35hp&o5Gg->wF6wr(rIENLufahyGtvHL_5px<1{2uRMEaB(IkIXK3PT}oLKPU80 zH4+G4V{3NpIsA+#3chdAopJNxbUciqP`U!!s4F@uAA^M^va_qnt8TShMF};yMcn?Q1Zdp|Hw1WNv9L~7K zIFsLGRp1!9!jNJ$j-jQX-x58YVr8yxo}{2gu^s~%--&~0D(E-HqfD_DUybXVYuaW6 z9noVcy0EXHe~2~FPAT3%54614-dWeHk7Bwk%BD$syw6_?|Fjpc;@O0M3DcV!9D!rm zWEn?Ojb}oUHWD}^-pk7w-xDoSI!*ebl~R0(?R9~z(F%(*{xCi)=%Nd=@8Z*pyN2Zz`o{v_ER3ofQQm(Se47eK(zyP9-HG3cL)p~08JpbQ zf~N!DWcu4!g1;KsY1U@P&7ElUTNR!)nf_kf+@FnZZR?WL;C?)o8_%0P8T2)@X0$qyPW_07*qoM6N<$f>l6{vH$=8 literal 0 HcmV?d00001 diff --git a/src/main/webapp/img/pagination_big_next.png b/src/main/webapp/img/pagination_big_next.png new file mode 100644 index 0000000000000000000000000000000000000000..18fd1a98ac1ec0829884de982632ac52e2b55957 GIT binary patch literal 1373 zcmeAS@N?(olHy`uVBq!ia0vp^0zfRo!3HEV4DF?Wlw^r(L`iUdT1k0gQ7VIDN`6wR zf@f}GdTLN=VoGJ<$y6H#2IjQPkcg59UmvUF{9L_6kQ%*;+ybC(1_m4Zih{)C?9>v4 zq}24xJX@vryZ0+8WTx0Eg`4^s_!c;)W@LI)6{QAO`Gq7`WhYyvDB0U7*i={n4aiL` zNmQuF&B-gas<2f8n`;GRgM{^!6u?SKvTcwn`GuBNuFf>#!Gt)CP zF*P$Y)KM@pFf`IP03tJ8LlY}gGb`4?pZBPB7%B|o_|H#M)s)5TT^D5IB>nPO$(=45PQ zVe05;;O6FPYG~->YH8?b?&#=dZsO=>VPFU|1Djqab8|yOV-sgLH%BK!LswHvBNtOQ zLnjLtM^_UIM<*kgUeCPZlEl2^RG7V)KzpHjo$%_laxO|uEXgkl$G8yO;GeeeCv{0lv$RV;#QQOs{jsPt4u8Rn;V#zJ36^KIvV5h zH$-m=Ibo&`bc{YIaUdlYm=G`pf|&5659GizPih`8#}omxhOf?5B?bn@UQZXtkcwMV zrrLTiI|{T;_U1@RUd*9%<3{J)xhtC#l$HoDUeKzPl*qDr!HvvB@q=!ZR1X|K{?1>hW5A z$Rm2&+=>fv^DjwHzqI9R6VFxI#ozeS91maXjoh|5Z0g}}x6Sy&cIK^>n!#3j+a-!Y z{q3^_c9tvm$D}>lljpy0%A(H8A#p7Fd)9y6oNf2qsabI9&%>+i)GyCxU}m`R%QNH2 SdF~QWf#>P!=d#Wzp$P!`gyqQq literal 0 HcmV?d00001 diff --git a/src/main/webapp/img/pagination_big_prev.png b/src/main/webapp/img/pagination_big_prev.png new file mode 100644 index 0000000000000000000000000000000000000000..52e40f1dde5eb6b5013752d93b5b0d6c937f122f GIT binary patch literal 1382 zcmbVMZA{!`9PcEO2_xL64H(IqPRHEf+TQzB4s5S?QrsaP=QzU$DQ)2jv_0Cw9d9PQ z2%3Fi+l?`CEO9PEG@#RkP0a?0EP>4EUictrOctk(#h`d@k{IW6z@Z;-A8gt_|L5ud z_xr#1jq+${G=MA#1z@kQ2u!0!-nbB8P33C| zKkePH1$HhZr0Zb;Y zIKjx)D9ySH0iLdhAccLtO=4NwNEApJ8fC*MZp2VYO2oCMt?7Q@A2+tt)&i|z0rd-- z(yVfz9<_UuV34~<8%ihwZ-^IE5fp`Oq!q4N5@emBT?qJM-AW1 zobotv(oT|IyM^>RFg(ez71l|4DLX|uySagWvEwBRI$Q4SO3v5=TOiDhI>XJt-E z+7*G_4XoplSi-Fetgfg5MQKcSKzT^f6)mKMVRwZM-d`!oyb{r#PLyXoT3S%W7J>Jw ziUhCamk_tGZ^tZllJbzG`M=^`$MXLtXDDz6O*F^9nk9JzIxrz_wm#Tw4v!#%iBZ95 zyt{Di5(I46kqp|Ln)*#hbs4EdMz@_J=rCcj4K` zQsG@It9SO5xY40k#(&`qUC)mmZOY4yT1WdEMnC#^k7K2#Jbm)3kk~rZ*JWv#Cu8|{fEy@FumLIdQ?Z3?VK{z{c3P`j7<9^b~*jmhlBOI zd)dslmrl8dVyDr1L$CDu*s3|}__dU>)O*U-GPc>7QN=w!vtV|VV& zwMzyL%N#CM`Z;E1e(Kiyv`{%I?%e--&A`b~e|^z`>wVwuNc-7&;QH6r9aWzDOJ6dU zqZ!QdqLsA|RG}SnH}=Hj`{K-zuCd(s^w}G`*jXS(E)||RF)}cJF=uFw%H(4svCb!A zQAgv1n(`glGvBfAROZCwO1eHZT>o(B%md2%SJ~mKcI@_pFXB($ednpAZziA==w=ne T#upa*6MsI&Q$~+d)!lys(faNg literal 0 HcmV?d00001 diff --git a/src/main/webapp/img/pagination_small_first.png b/src/main/webapp/img/pagination_small_first.png new file mode 100644 index 0000000000000000000000000000000000000000..accc46b830dcf8d3d55197cbe1b39b309d33a4ec GIT binary patch literal 2997 zcmV;m3rh5fP)KLZ*U+IBfRsybQWXdwQbLP>6pAqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uhf59&ghTmgWD0l;*T zI709Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-rV&neh&#Q1i z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_IfqH8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4 zfg=2N-7=cNnjjOr{yriy6mMFgG#l znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U zt5vFIcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya? z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0 z?2xS?_ve_-kiKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$ z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4 z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i& z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01 z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3| zawq-H%e&ckC+@AhPrP6BKT#_XdT7&;F71j}Joy zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F} z0002sNkl?Z*!U^{9ffYPPt>ks^ zGx<+%x#Tq-qk{?DU_NRkm!9zuJxt;rbN_f9{KYQLF@-zKG`RE~f3SsXOyf4jtPgk2 rH#Xx;v$!aEmFd+ltVLfQl>Bc1rU^s*b^KLZ*U+IBfRsybQWXdwQbLP>6pAqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uhf59&ghTmgWD0l;*T zI709Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-rV&neh&#Q1i z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_IfqH8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4 zfg=2N-7=cNnjjOr{yriy6mMFgG#l znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U zt5vFIcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya? z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0 z?2xS?_ve_-kiKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$ z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4 z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i& z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01 z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3| zawq-H%e&ckC+@AhPrP6BKT#_XdT7&;F71j}Joy zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F} z0002vNklf<-VG$C`-2 zV9+A!KOq=RB7&GKB7#54d3$-`?#jXQ;d9)VyV}m~%A-Ion%6${QJnVBS=*ikc+q>eh%aXRV<3Z}_z8#~F3$sH#x z=q|DgyZ9z<7eqwVM-?A@vEolfv@Iz3Ac{Yzh~R@DN_`PUZ`w}vq55D*a({BZ?>pz* zbMkL4+g3O4w|N9X)TKAdc|6wOXF<(u{9e3$_W&LmkWxe)unSc*7Z8#GI{}%tv~G|G zn$fp!1hf*w%r3J~M8(V&QHNGo3v9x^;&DWouJ-czDALzk)U>P z87AYTK##ex-vu50*@E8RtH%v${W`MM7cqeakVg7e$@WA)L5=f@cphxi6gh5!dK1)y zQ^ib48Hjg8xuKRj0oi9MPW79=o0g?I;n+M z391JnN2KXWr4p`0!_e)f*?2r2a6}>@Y!UMMY^3=i+iR>c$iUNG(?KS*$$(Mogk_YV zu%{CtSWYH0MQnSMiNYzPea)fSFhg5b5ZAc1hw|W?8`D~Qg+2$+dEmjatK;+NYOI2B z?tU&57-Db4cGtv*qLpN*mn~qUw49*um#|?PVvCxL##%T@VpLV(ST?D|SxJy2RftJy z3&U19ro*Nt9#gq#) z1l>2T!ivVcG_)c+J7_OhhXK*W3>b)rA&0o?p?NMqglJf|OJw zDf*+hC$Pq^nT!F!Ks`T+%JG$p+CQ@JffTF+reXpsx;lCFH|GzzV zI=is_fLQ)mzU!UPg-6*<&G%Dt7p@$=LG+zn^l8QFm;cl*uNl6+%sigEx%6Q4`Td5S zyK+Ob)fVC(LBjfxhWNizQlogI=%q9dJloX)ldb#0p5>4Y}9F}Zcp zK2?44K`kOud{IOYbXi(_5R}on{(!6qK51Q6#3$JoQ4sY(@uuxmAF2-cKtvHbF;LSPN{zzU2@!MYU#pN7Dx&27R#KwA1vf>o;j&8fm&a zo@et;7FNuiBQES5X)oy`13GWenO{MxFAxF?Vh#A#pzR5Mnx5em$UN9)XfR`f2h#Mc zQ$6_t$RZblcsLr;S&jpVM3{@k6A5lRh_GCQVac5caWNsD5F$x1chN-6HOfL!R_CqJShU0lY;D|&*#3JMk+gS5MwzsLyAVW`gO$VFE1_7hihlX&P zCZ5iQU^)5xJhAP~C5ohs@im9x!YpH1L0mJ|9xlQ!ZY*f+m4+S26rqQPT%DXpc~c!s za`%0qz>s(&bhsut6m3vO`j7=}oRiZu`4TovLrAGoG?t2sBCD!OoZ}>g=ftEas>ztB zrdY1du@E+^s1hghqN<7#$0>1<<&$DICdN`yR+Ut~j?LK~)@&Wtbxoo>hvmPE6|yeW zFmg)>4c055P(c`Z736?yX98^NHf;k{y_Vp3W}}s%YaWD#>LLrwsffu`9R!HEFBAa}}Z4QF0>5Ew}#m^LIXNUapRVL+LjM!N6$K$rRncG=nGQT}o4Q z?5(nL&xHeHmp^XJR4&zwNq5P^7st*BCqC^TT}1u!o-S