87 lines
6 KiB
CSS
87 lines
6 KiB
CSS
@charset "utf-8";
|
|
html,
|
|
body {height:100%;}
|
|
#wrap {}
|
|
|
|
#header {display:block; position:fixed; left:0; bottom:0; top:0; width:200px; min-height:100%; background:#1d1d1f; vertical-align:top; z-index:999;}
|
|
#header:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:1px; background:#171b26; z-index:0;}
|
|
#admin_prof {display:block; position:relative; width:200px; height:100px; padding-bottom:30px; background:#ecc6c6; border-right:1px solid #d18686; box-sizing:border-box; z-index:1;}
|
|
#admin_prof h1 {position:relative; text-align:center; line-height:70px;}
|
|
#admin_prof h1 img {position:relative; z-index:0;}
|
|
#admin_prof h1 i {display:block; position:absolute; bottom:5px;right:10px; font-size:11px; font-style:normal; font-weight:400; line-height:1.0em; color:#d18686; z-index:1;}
|
|
#admin_prof p {position:absolute; bottom:0; left:0; right:0; height:30px; margin:0; background:rgba(0,0,0,.2);}
|
|
#admin_prof a:hover {color:#fff !important;}
|
|
#admin_prof .name {display:block; position:relative; padding-right:30px; padding-left:15px; font-size:13px; line-height:30px; color:#fff; text-decoration:none; font-family:'Noto Sans KR', sans-serif;}
|
|
|
|
#admin_prof .logout {display:block; position:absolute; top:0; bottom:0; right:0; width:30px; height:30px; overflow:hidden; text-indent:-999px;}
|
|
#admin_prof .logout:before {content:"\e984"; font-family:'icon'; color:#fff; font-size:12px; position:absolute; top:0; right:0; bottom:0; left:0; line-height:30px; text-align:center; text-indent:0;}
|
|
|
|
#page_top {position:fixed; top:0; left:200px; right:0; height:71px; box-sizing:border-box; border-bottom:1px solid #131a24; background:#1d1d1f; z-index:999;}
|
|
#page_top h2 {position:absolute; top:0; left:0; bottom:0; line-height:70px; padding-left:40px; font-size:20px; font-family:'Noto Sans KR', sans-serif; color:#c3c8cc; font-weight:300;}
|
|
#page_top a {display:block; position:relative; width:70px; height:70px; float:right; border-left:1px solid #4d515c; overflow:hidden; color:#c3c8cc; text-indent:-999px;}
|
|
#page_top a:before {display:block; position:absolute; top:0; left:0; right:0; bottom:0; font-family:'icon'; line-height:70px; font-size:25px; text-align:center; text-indent:0;}
|
|
#page_top a:hover {color:#fff; background:#e7604a; border-color:#a6240d;}
|
|
#page_top a.ico-home:before {content:"\e900";}
|
|
#page_top a.ico-dev:before {content:"\e995";}
|
|
|
|
.btn_confirm {display:block; position:fixed; top:0; right:0; z-index:9999; padding:0;}
|
|
.btn_confirm > * {display:block; position:relative; height:71px; width:71px; float:left; border:none; border-left:1px solid rgba(255,255,255,.1); background:#ecc6c6; color:#fff; cursor:pointer;}
|
|
.btn_confirm > *.ty2 {background:#d18686;}
|
|
.btn_confirm > *.ty3 {background:#b0c4de;}
|
|
.btn_confirm .btn > span {display:block; position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:0;}
|
|
.btn_confirm .btn > input {display:block; position:absolute; width:100%; height:100%; opacity:0; z-index:1; cursor:pointer;}
|
|
|
|
|
|
#wrapper {position:relative; display:block; padding:71px 0 0 200px;}
|
|
|
|
|
|
|
|
#gnb {display:block; position:relative; padding-top:20px; font-family:'Noto Sans KR', sans-serif;}
|
|
#gnb > ul > li > a {display:block; padding:10px 20px; color:#9da4b3; font-size:15px; text-decoration:none;}
|
|
#gnb .gnb_2dli {position:relative;}
|
|
#gnb .gnb_2dli > a {display:block; padding:10px 20px 10px 25px; color:#acaeb2; font-size:13px;}
|
|
#gnb .gnb_2dli > a:before {font-family:'icon'; padding-right:7px;}
|
|
#gnb .gnb_2dli.check:after {content:"\ea10"; font-family:'icon'; display:block; position:absolute; top:0; right:10px; line-height:39px; color:#e76148;}
|
|
|
|
#gnb .gnb_2dli > a:hover {color:#fff; background:#484c58; text-decoration:none; font-weight:100;}
|
|
|
|
#gnb .gnb_2dul {display:none; background:#262931;}
|
|
#gnb .gnb_2dli.check > a:after {content:""; display:block; position:absolute;}
|
|
|
|
#gnb .gnb_2dli > a:before {content:"\e994";}
|
|
|
|
|
|
#gnb .gnb_2dli > a[data-text="메뉴 설정"]:before {content:"\EA72";}
|
|
#gnb .gnb_2dli > a[data-text="환경설정"]:before {content:"\e994";}
|
|
#gnb .gnb_2dli > a[data-text="메인 편집"]:before {content:"\e956";}
|
|
#gnb .gnb_2dli > a[data-text="디자인 설정"]:before {content:"\e90c";}
|
|
#gnb .gnb_2dli > a[data-text="DB관리"]:before {content:"\e964";}
|
|
|
|
#gnb .gnb_2dli > a[data-text="회원관리"]:before {content:"\e923";}
|
|
#gnb .gnb_2dli > a[data-text="접속자집계"]:before {content:"\e99c";}
|
|
#gnb .gnb_2dli > a[data-text="접속자검색"]:before {content:"\e986";}
|
|
#gnb .gnb_2dli > a[data-text="접속자로그삭제"]:before {content:"\e988";}
|
|
|
|
#gnb .gnb_2dli > a[data-text="게시판관리"]:before {content:"\e9ba";}
|
|
#gnb .gnb_2dli > a[data-text="게시판그룹관리"]:before {content:"\e9bc";}
|
|
#gnb .gnb_2dli > a[data-text="내용관리"]:before {content:"\e908";}
|
|
#gnb .gnb_2dli > a[data-text="이모티콘관리"]:before {content:"\e9e1";}
|
|
|
|
|
|
#container {padding:25px;}
|
|
#fsearch input {margin:0;}
|
|
#fsearch .btn_submit {border:none; background:#ecc6c6; color:#fff; font-size:13px; width:50px; height:28px; cursor:pointer; line-height:1.0em;}
|
|
|
|
.new_win {padding:20px;}
|
|
.new_win_desc {padding:10px; margin:20px 0; background:#ecc6c6; color:#fff;}
|
|
.win-guide {display:block; position:relative; padding:10px; border:1px solid #efeff5; background:#f9f9f9;}
|
|
.win-guide em {color:#d18686; font-weight:800; font-style:normal; padding:0 10px;}
|
|
.btn_win02 {padding:20px; text-align:center;}
|
|
.btn_win02 > * {display:inline-block; background:#d18686; color:#fff; font-size:13px; height:30px; padding:0 20px;font-weight:400; text-decoration:none; border:none; line-height:1.0em; cursor:pointer;}
|
|
|
|
.add_select {display:inline-block; background:#b0c4de; color:#fff; font-size:13px; height:30px; padding:0 20px;font-weight:400; text-decoration:none; border:none; line-height:1.0em; cursor:pointer;}
|
|
.full_input {width:100% !important;}
|
|
|
|
.menu_list[data-name="구분선"] td {background:#efeff1;}
|
|
.menu_list[data-name="구분선"] .td_category ~ td:not(.order) input,
|
|
.menu_list[data-name="구분선"] .td_category ~ td:not(.order) select{display:none;}
|