이지우 - AS-IS뉴스레터 게시판 목록 메뉴 생성
This commit is contained in:
JIWOO
parent
c63c09a8a5
commit
e4d12f8167
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -542,7 +542,6 @@ public class EgovMenuCreateManageController {
|
||||
modelAndView.setViewName("jsonView");
|
||||
int cnt = 0;
|
||||
|
||||
if(true) return new ModelAndView();
|
||||
|
||||
try{
|
||||
try{
|
||||
|
||||
@ -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<String,Object> paramMap, @PathVariable(value="boardIdx") String boardIdx){
|
||||
public String boardList(ModelMap model, HttpSession session, SeedCriteria cri,@RequestParam Map<String,Object> paramMap, @PathVariable(value="boardIdx") String boardIdx){
|
||||
|
||||
//로그인페이지로 튕겨나가지 않게 우선은 임시방편
|
||||
session.setAttribute("siteIdx", "case");
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
42
src/main/java/seed/com/gtm/util/SeedCriteria.java
Normal file
42
src/main/java/seed/com/gtm/util/SeedCriteria.java
Normal file
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
@ -89,6 +89,7 @@
|
||||
<pattern>/cmm/main/exctvMainPage.do</pattern><!-- 메인페이지 -->
|
||||
<pattern>/kccadr/*</pattern><!-- 전자조정시스템 -->
|
||||
<pattern>/sym/log/clg/SelectLogMethodList.do</pattern><!-- 로그상세보기 팝업-->
|
||||
<pattern>/gtm/*</pattern><!-- AS-IS 분쟁조정-->
|
||||
</decorator>
|
||||
|
||||
<decorator name="adminPoplayout" page="/WEB-INF/jsp/layout/adminLayoutPopup.jsp">
|
||||
|
||||
@ -10,6 +10,32 @@
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/css/seed/seed.reset.css">
|
||||
<link rel="stylesheet" href="/css/seed/seed.layout.css">
|
||||
<link rel="stylesheet" href="/css/seed/layout.css">
|
||||
<link rel="stylesheet" href="/css/seed/button.css">
|
||||
<link rel="stylesheet" href="/css/seed/seed.contents.css">
|
||||
<link rel="stylesheet" href="/css/seed/seed.mediaquery.css">
|
||||
<link rel="stylesheet" href="/css/seed/lib/jquery.mCustomScrollbar.min.css">
|
||||
<link rel="stylesheet" href="/css/seed/jquery-ui.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/jquery-ui.min.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/smartPop.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/space.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/picker.default.css">
|
||||
<link rel="stylesheet" href="/css/seed/picker.default.date.css">
|
||||
<link rel="stylesheet" href="/css/seed/case/common.css">
|
||||
|
||||
<!-- 캘린더css -->
|
||||
<link rel="stylesheet" href="/css/seed/case/fullcalendar.min.css">
|
||||
<link rel="stylesheet" href="/css/seed/case/fullcalendar.print.css" media='print'>
|
||||
<link rel="stylesheet" href="/css/seed/case/scheduler.min.css">
|
||||
<link type="text/css" rel="stylesheet" href="/css/case/jquery.qtip.css" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/seed/clipreport.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/seed/UserConfig.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/seed/font.css">
|
||||
<!-- css -->
|
||||
<script src="/editor/webnote.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
@ -10,6 +10,32 @@
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/css/seed/seed.reset.css">
|
||||
<link rel="stylesheet" href="/css/seed/seed.layout.css">
|
||||
<link rel="stylesheet" href="/css/seed/layout.css">
|
||||
<link rel="stylesheet" href="/css/seed/button.css">
|
||||
<link rel="stylesheet" href="/css/seed/seed.contents.css">
|
||||
<link rel="stylesheet" href="/css/seed/seed.mediaquery.css">
|
||||
<link rel="stylesheet" href="/css/seed/lib/jquery.mCustomScrollbar.min.css">
|
||||
<link rel="stylesheet" href="/css/seed/jquery-ui.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/jquery-ui.min.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/smartPop.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/space.css"/>
|
||||
<link rel="stylesheet" href="/css/seed/picker.default.css">
|
||||
<link rel="stylesheet" href="/css/seed/picker.default.date.css">
|
||||
<link rel="stylesheet" href="/css/seed/case/common.css">
|
||||
|
||||
<!-- 캘린더css -->
|
||||
<link rel="stylesheet" href="/css/seed/case/fullcalendar.min.css">
|
||||
<link rel="stylesheet" href="/css/seed/case/fullcalendar.print.css" media='print'>
|
||||
<link rel="stylesheet" href="/css/seed/case/scheduler.min.css">
|
||||
<link type="text/css" rel="stylesheet" href="/css/case/jquery.qtip.css" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/seed/clipreport.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/seed/UserConfig.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/seed/font.css">
|
||||
|
||||
<script src="/editor/webnote.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
45
src/main/webapp/css/seed/UserConfig.css
Normal file
45
src/main/webapp/css/seed/UserConfig.css
Normal file
@ -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;
|
||||
}
|
||||
3272
src/main/webapp/css/seed/animate.css
vendored
Normal file
3272
src/main/webapp/css/seed/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
136
src/main/webapp/css/seed/button.css
Normal file
136
src/main/webapp/css/seed/button.css
Normal file
@ -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;}
|
||||
*/
|
||||
25
src/main/webapp/css/seed/catpcha.css
Normal file
25
src/main/webapp/css/seed/catpcha.css
Normal file
@ -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%;}
|
||||
}
|
||||
990
src/main/webapp/css/seed/clipreport.css
Normal file
990
src/main/webapp/css/seed/clipreport.css
Normal file
@ -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);
|
||||
}
|
||||
|
||||
989
src/main/webapp/css/seed/clipreport_png.css
Normal file
989
src/main/webapp/css/seed/clipreport_png.css
Normal file
@ -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);
|
||||
}
|
||||
572
src/main/webapp/css/seed/eform.css
Normal file
572
src/main/webapp/css/seed/eform.css
Normal file
@ -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;
|
||||
}
|
||||
25
src/main/webapp/css/seed/font.css
Normal file
25
src/main/webapp/css/seed/font.css
Normal file
@ -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');
|
||||
}
|
||||
|
||||
28
src/main/webapp/css/seed/gtmHolyCalendar.css
Normal file
28
src/main/webapp/css/seed/gtmHolyCalendar.css
Normal file
@ -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;}
|
||||
1184
src/main/webapp/css/seed/jquery-ui.css
vendored
Normal file
1184
src/main/webapp/css/seed/jquery-ui.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
src/main/webapp/css/seed/jquery-ui.min.css
vendored
Normal file
7
src/main/webapp/css/seed/jquery-ui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
273
src/main/webapp/css/seed/layout.css
Normal file
273
src/main/webapp/css/seed/layout.css
Normal file
@ -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}
|
||||
|
||||
71
src/main/webapp/css/seed/picker.default.css
Normal file
71
src/main/webapp/css/seed/picker.default.css
Normal file
@ -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;}}
|
||||
115
src/main/webapp/css/seed/picker.default.date.css
Normal file
115
src/main/webapp/css/seed/picker.default.date.css
Normal file
@ -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
|
||||
========================================================================== */
|
||||
42
src/main/webapp/css/seed/reset.css
Normal file
42
src/main/webapp/css/seed/reset.css
Normal file
@ -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 */
|
||||
254
src/main/webapp/css/seed/search.css
Normal file
254
src/main/webapp/css/seed/search.css
Normal file
@ -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;}
|
||||
2103
src/main/webapp/css/seed/seed.contents.css
Normal file
2103
src/main/webapp/css/seed/seed.contents.css
Normal file
File diff suppressed because one or more lines are too long
318
src/main/webapp/css/seed/seed.layout.css
Normal file
318
src/main/webapp/css/seed/seed.layout.css
Normal file
@ -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;}
|
||||
|
||||
414
src/main/webapp/css/seed/seed.mediaquery.css
Normal file
414
src/main/webapp/css/seed/seed.mediaquery.css
Normal file
@ -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;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
614
src/main/webapp/css/seed/seed.reset.css
Normal file
614
src/main/webapp/css/seed/seed.reset.css
Normal file
@ -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)"
|
||||
}
|
||||
119
src/main/webapp/css/seed/slick.css
Normal file
119
src/main/webapp/css/seed/slick.css
Normal file
@ -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;
|
||||
}
|
||||
134
src/main/webapp/css/seed/smartPop.css
Normal file
134
src/main/webapp/css/seed/smartPop.css
Normal file
@ -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%}
|
||||
}
|
||||
|
||||
1
src/main/webapp/css/seed/space.css
Normal file
1
src/main/webapp/css/seed/space.css
Normal file
File diff suppressed because one or more lines are too long
64
src/main/webapp/css/seed/total.css
Normal file
64
src/main/webapp/css/seed/total.css
Normal file
@ -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;
|
||||
}
|
||||
BIN
src/main/webapp/img/pagination_big_first.png
Normal file
BIN
src/main/webapp/img/pagination_big_first.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/main/webapp/img/pagination_big_last.png
Normal file
BIN
src/main/webapp/img/pagination_big_last.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/main/webapp/img/pagination_big_next.png
Normal file
BIN
src/main/webapp/img/pagination_big_next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/img/pagination_big_prev.png
Normal file
BIN
src/main/webapp/img/pagination_big_prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/img/pagination_small_first.png
Normal file
BIN
src/main/webapp/img/pagination_small_first.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/main/webapp/img/pagination_small_last.png
Normal file
BIN
src/main/webapp/img/pagination_small_last.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/main/webapp/img/pagination_small_next.png
Normal file
BIN
src/main/webapp/img/pagination_small_next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/img/pagination_small_prev.png
Normal file
BIN
src/main/webapp/img/pagination_small_prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in New Issue
Block a user