Minor fix. Site edit page 'heading, scroll' UI changed.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11769 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-10-18 05:15:25 +00:00
parent bc8f09a9bb
commit 98e4b64b1e
2 changed files with 484 additions and 440 deletions

View file

@ -5,6 +5,7 @@
<div class="col" id="design"> <div class="col" id="design">
<fieldset> <fieldset>
<h1>디자인</h1> <h1>디자인</h1>
<div class="cnt">
<div class="x_tabbable"> <div class="x_tabbable">
<ul class="x_nav x_nav-tabs"> <ul class="x_nav x_nav-tabs">
<li class="x_active"><a href="#pc">PC</a></li> <li class="x_active"><a href="#pc">PC</a></li>
@ -29,12 +30,14 @@
<button type="reset" class="x_btn x_pull-left">취소</button> <button type="reset" class="x_btn x_pull-left">취소</button>
<button type="button" class="x_btn x_btn-primary x_pull-right">저장</button> <button type="button" class="x_btn x_btn-primary x_pull-right">저장</button>
</div> </div>
</div>
</fieldset> </fieldset>
<button type="button" class="x_close" data-hide="#design">&times;</button> <button type="button" class="x_close" data-hide="#design">&times;</button>
</div> </div>
<div class="col theme" id="layout"> <div class="col theme" id="layout">
<form action=""> <form action="">
<h1>레이아웃</h1> <h1>레이아웃</h1>
<div class="cnt">
<div class="list"> <div class="list">
<h2>사용할 수 있는 레이아웃 목록</h2> <h2>사용할 수 있는 레이아웃 목록</h2>
<ul> <ul>
@ -67,12 +70,14 @@
<a href="#downloadLayout" data-show="#downloadLayout" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 레이아웃 설치</a> <a href="#downloadLayout" data-show="#downloadLayout" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 레이아웃 설치</a>
</div> </div>
</div> </div>
</div>
</form> </form>
<button type="button" class="x_close" data-hide="#layout">&times;</button> <button type="button" class="x_close" data-hide="#layout">&times;</button>
</div> </div>
<div class="col download" id="downloadLayout"> <div class="col download" id="downloadLayout">
<section> <section>
<h1>다른 레이아웃 설치</h1> <h1>다른 레이아웃 설치</h1>
<div class="cnt">
<div class="list"> <div class="list">
<script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl"> <script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl">
<div class="item"> <div class="item">
@ -95,12 +100,14 @@
<li><a href="#">&raquo;</a></li> <li><a href="#">&raquo;</a></li>
</ul> </ul>
</div> </div>
</div>
</section> </section>
<button type="button" class="x_close" data-hide="#downloadLayout">&times;</button> <button type="button" class="x_close" data-hide="#downloadLayout">&times;</button>
</div> </div>
<div class="col theme" id="skin"> <div class="col theme" id="skin">
<form action=""> <form action="">
<h1>스킨</h1> <h1>스킨</h1>
<div class="cnt">
<div class="list"> <div class="list">
<h2>사용할 수 있는 스킨 목록</h2> <h2>사용할 수 있는 스킨 목록</h2>
<ul> <ul>
@ -129,12 +136,14 @@
<a href="#downloadSkin" data-show="#downloadSkin" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 스킨 설치</a> <a href="#downloadSkin" data-show="#downloadSkin" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 스킨 설치</a>
</div> </div>
</div> </div>
</div>
</form> </form>
<button type="button" class="x_close" data-hide="#skin">&times;</button> <button type="button" class="x_close" data-hide="#skin">&times;</button>
</div> </div>
<div class="col download" id="downloadSkin"> <div class="col download" id="downloadSkin">
<section> <section>
<h1>다른 스킨 설치</h1> <h1>다른 스킨 설치</h1>
<div class="cnt">
<div class="list"> <div class="list">
<script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl"> <script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl">
<div class="item"> <div class="item">
@ -157,6 +166,7 @@
<li><a href="#">&raquo;</a></li> <li><a href="#">&raquo;</a></li>
</ul> </ul>
</div> </div>
</div>
</section> </section>
<button type="button" class="x_close" data-hide="#downloadSkin">&times;</button> <button type="button" class="x_close" data-hide="#downloadSkin">&times;</button>
</div> </div>
@ -177,13 +187,18 @@ body>.x{max-width:none}
#site .btnBoth, #site .btnBoth,
#site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc} #site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc}
#site .btnBoth:after{content:"";display:block;clear:both} #site .btnBoth:after{content:"";display:block;clear:both}
.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px 25px 10px 10px;margin:0 4px 0 0;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd} .col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px;margin:0 4px 0 0;border:1px solid #ddd}
.col>*>h1{line-height:30px;font-size:16px;border-bottom:2px solid #666;margin:0;color:#333} .col>*>h1{line-height:30px;font-size:14px;border-bottom:2px solid #000;margin:0;color:#fff;background:#333 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background:#333 -moz-linear-gradient(top, #666, #333);background:#333 -o-linear-gradient(top, #666, #333);padding:0 8px;border-radius:2px 2px 0 0}
.col>*>ul{margin:0;padding:0;list-style:none} .col>*>h1>a{color:#fff}
.col>.x_close{position:absolute;top:0;right:0;width:32px;height:32px} .col>*>h1>a[target="_blank"]:after{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)}
.col>*>.cnt{overflow-x:hidden;overflow-y:auto;padding:0 10px 0 0;margin:0 -10px 0 0}
.col>*>.cnt>ul{margin:0;padding:0;list-style:none}
.col>.x_close{position:absolute;top:10px;right:10px;width:30px;height:30px;color:#fff;font-size:17px;opacity:.75;filter:alpha(opacity=75)}
.col>.x_close:hover,
.col>.x_close:focus{opacity:1;filter:alpha(opacity=100)}
.col input[type="checkbox"], .col input[type="checkbox"],
.col input[type="radio"]{margin:0} .col input[type="radio"]{margin:0}
.col label{cursor:pointer} .col>*>.cnt label{cursor:pointer;font-weight:normal}
/* Nav */ /* Nav */
.col .nav li{border-bottom:1px solid #ddd;position:relative;white-space:nowrap} .col .nav li{border-bottom:1px solid #ddd;position:relative;white-space:nowrap}
.col .nav li:first-child{border-top:0} .col .nav li:first-child{border-top:0}
@ -212,32 +227,37 @@ body>.x{max-width:none}
.download a.x_icon-download-alt:focus{background-color:#333} .download a.x_icon-download-alt:focus{background-color:#333}
.download p>i{font-style:normal;color:#ccc} .download p>i{font-style:normal;color:#ccc}
/* Theme(layout|skin) */ /* Theme(layout|skin) */
.theme img{width:220px} .theme img{width:110px}
.theme label{margin:0;padding:8px 0;position:relative;border-bottom:1px solid #ddd}
.theme label>a{position:absolute;top:4px;right:0;width:24px;height:24px;border-radius:3px;background-position:-427px 5px;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
.theme label>a:hover,
.theme label>a:focus{background-color:#000;background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)}
.theme h2{font-size:14px;border-bottom:1px solid #ddd;margin:0;padding:15px 0 8px 0} .theme h2{font-size:14px;border-bottom:1px solid #ddd;margin:0;padding:15px 0 8px 0}
.theme ul button{background-color:transparent;border:0;padding:0;margin:0;overflow:visible;} .theme ul button{background-color:transparent;border:0;padding:0;margin:0;overflow:visible}
.theme ul{margin:0;padding:0;list-style:none} .theme ul{margin:0;padding:0;list-style:none}
.theme li{zoom:1} .theme li{zoom:1}
.theme li:after{content:"";display:block;clear:both} .theme li:after{content:"";display:block;clear:both}
.theme .list>ul>li{height:146px;padding:8px 0 8px 230px;border-top:1px dashed #ddd;position:relative} .theme .list>ul>li{padding:8px 0 8px 120px;border-top:1px dashed #ddd;position:relative}
.theme .list>ul>li:first-child{border:0} .theme .list>ul>li:first-child{border:0}
.theme .item{position:absolute;margin:0 -220px 0 0;left:0;top:8px} .theme .list>ul>li>label{position:relative;color:#333;font-size:13px;white-space:nowrap;line-height:15px;margin:0 0 0 -120px;padding:0;border-bottom:0}
.theme .item>i{display:none} .theme .item{position:relative;float:left;margin:5px -110px 0 -120px;display:inline}
.theme .item:hover>i, .theme .selected{background:#FFC}
.theme .item:focus>i{display:block;position:absolute;bottom:0;right:0;background-color:#fff;width:24px;height:24px;opacity:.75;filter:alpha(opacity=75);background-position:-283px 5px} .theme .selected>label{font-weight:bold}
.theme ul ul{white-space:nowrap} .theme ul ul{white-space:nowrap;float:left;width:100%;margin:5px 0 0 0}
.theme ul ul a>i{position:absolute;top:2px;right:2px} .theme ul ul a>i{position:absolute;top:2px;right:2px}
.theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 24px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s} .theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 34px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;white-space:nowrap}
.theme ul ul>li>*:hover, .theme ul ul>li>*:hover,
.theme ul ul>li>*:focus{background:#666;color:#fff} .theme ul ul>li>*:focus{background:#666;color:#fff}
.theme ul ul>li>a:hover>i, .theme ul ul>li>a:hover>i,
.theme ul ul>li>a:focus>i{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)} .theme ul ul>li>a:focus>i{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)}
.theme ul ul>li>button{width:100%;} .theme ul ul>li>button{width:100%}
/* Design */ /* Design */
#design ul{margin-top:8px} #design ul{margin-top:8px}
#design .btnBoth{border:0;margin-top:0} #design .btnBoth{border:0;margin-top:0}
#design img{width:220px} #design img{width:220px}
#design .x_tab-pane{position:relative} #design .x_tab-pane{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:260px;height:200px;overflow:hidden}
#design .x_icon-zoom-in{position:absolute;right:0;bottom:0;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} #design .x_tab-pane>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.25,M22=0.25,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.25);-moz-transform-origin:0 0; -moz-transform: scale(.25);position:absolute}
#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px}
#design .x_icon-zoom-in:after{content:normal} #design .x_icon-zoom-in:after{content:normal}
</style> </style>
<!--[if IE 7]> <!--[if IE 7]>

View file

@ -47,17 +47,20 @@
<div class="col" id="propertiesRoot"> <div class="col" id="propertiesRoot">
<section> <section>
<h1><a href="#" target="_blank" class="title">{사이트맵 이름}</a></h1> <h1><a href="#" target="_blank" class="title">{사이트맵 이름}</a></h1>
<div class="cnt">
<ul class="nav"> <ul class="nav">
<li><a href="#add" data-admin-show="#add">메뉴 추가 <i class="x_icon-circle-arrow-right"></i></a></li> <li><a href="#add" data-admin-show="#add">메뉴 추가 <i class="x_icon-circle-arrow-right"></i></a></li>
<li><button type="button" class="_edit_paste" disabled>붙여넣기</button></li> <li><button type="button" class="_edit_paste" disabled>붙여넣기</button></li>
<li><button class="_delSiteMap" type="button">삭제</button></li> <li><button class="_delSiteMap" type="button">삭제</button></li>
</ul> </ul>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#propertiesRoot">&times;</button> <button type="button" class="x_close" data-admin-hide="#propertiesRoot">&times;</button>
</div> </div>
<div class="col prop-general" id="properties"> <div class="col prop-general" id="properties">
<section> <section>
<h1><a href="#" target="_blank" class="title">{메뉴 이름}</a></h1> <h1><a href="#" target="_blank" class="title">{메뉴 이름}</a></h1>
<div class="cnt">
<ul> <ul>
<li><strong>메뉴 ID</strong>: <span class="url"></span></li> <li><strong>메뉴 ID</strong>: <span class="url"></span></li>
<li><strong>메뉴 타입</strong>: <span class="module_type"></span></li> <li><strong>메뉴 타입</strong>: <span class="module_type"></span></li>
@ -73,12 +76,14 @@
<li><a href="#auth" data-admin-show="#auth">권한 <i class="x_icon-circle-arrow-right"></i></a></li> <li><a href="#auth" data-admin-show="#auth">권한 <i class="x_icon-circle-arrow-right"></i></a></li>
<li class="details"><a href="#details" data-admin-show="#details">상세 설정 <i class="x_icon-circle-arrow-right"></i></a></li> <li class="details"><a href="#details" data-admin-show="#details">상세 설정 <i class="x_icon-circle-arrow-right"></i></a></li>
</ul> </ul>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#properties">&times;</button> <button type="button" class="x_close" data-admin-hide="#properties">&times;</button>
</div> </div>
<div class="col" id="add"> <div class="col" id="add">
<section> <section>
<h1>메뉴 추가</h1> <h1>메뉴 추가</h1>
<div class="cnt">
<ul class="nav _itemList"> <ul class="nav _itemList">
<script id="tmpl_menuTypeItem" type="text/x-jquery-tmpl"> <script id="tmpl_menuTypeItem" type="text/x-jquery-tmpl">
<li><a href="#add_menu" data-admin-show="#add_menu" data-param='{ "moduleName" : "${ModuleName}", "moduleTitle": "${ModuleTitle}" }'>${ModuleTitle} <i class="x_icon-circle-arrow-right"></i></a></li> <li><a href="#add_menu" data-admin-show="#add_menu" data-param='{ "moduleName" : "${ModuleName}", "moduleTitle": "${ModuleTitle}" }'>${ModuleTitle} <i class="x_icon-circle-arrow-right"></i></a></li>
@ -90,12 +95,14 @@
<div class="x_btn-group"> <div class="x_btn-group">
<a href="#download" class="x_btn x_btn-inverse" data-admin-show="#download"><i class="x_icon-plus x_icon-white"></i> 다른 메뉴타입 설치</a> <a href="#download" class="x_btn x_btn-inverse" data-admin-show="#download"><i class="x_icon-plus x_icon-white"></i> 다른 메뉴타입 설치</a>
</div> </div>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#add">&times;</button> <button type="button" class="x_close" data-admin-hide="#add">&times;</button>
</div> </div>
<div class="col url" id="add_menu"> <div class="col url" id="add_menu">
<fieldset> <fieldset>
<h1 class="_title">URL 링크</h1> <h1 class="_title">URL 링크</h1>
<div class="cnt">
<ul> <ul>
<li> <li>
<div class="multilingual x_input-append"> <div class="multilingual x_input-append">
@ -134,12 +141,14 @@
<div class="x_btn-group"> <div class="x_btn-group">
<button type="button" class="x_btn x_btn-primary _save">확인</button> <button type="button" class="x_btn x_btn-primary _save">확인</button>
</div> </div>
</div>
</fieldset> </fieldset>
<button type="button" class="x_close" data-admin-hide="#add_menu">&times;</button> <button type="button" class="x_close" data-admin-hide="#add_menu">&times;</button>
</div> </div>
<div class="col download" id="download"> <div class="col download" id="download">
<section> <section>
<h1>다른 메뉴타입설치</h1> <h1>다른 메뉴타입설치</h1>
<div class="cnt">
<div class="list"> <div class="list">
<script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl"> <script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl">
@ -159,9 +168,7 @@
</script> </script>
</div> </div>
<div class="_pagination"></div> <div class="_pagination"></div>
<script id="tmpl_pagination" type="text/x-jquery-tmpl"> <script id="tmpl_pagination" type="text/x-jquery-tmpl">
<div class="x_pagination x_pagination-centered"> <div class="x_pagination x_pagination-centered">
<ul class="_list"> <ul class="_list">
@ -180,13 +187,14 @@
</span> </span>
</li> </li>
</script> </script>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#download">&times;</button> <button type="button" class="x_close" data-admin-hide="#download">&times;</button>
</div> </div>
<div class="col url" id="default"> <div class="col url" id="default">
<fieldset> <fieldset>
<h1>기본 설정</h1> <h1>기본 설정</h1>
<div class="cnt">
<ul> <ul>
<li> <li>
<div class="multilingual x_input-append"> <div class="multilingual x_input-append">
@ -229,12 +237,14 @@
<button type="reset" class="x_btn x_pull-left" data-admin-hide="#default">취소</button> <button type="reset" class="x_btn x_pull-left" data-admin-hide="#default">취소</button>
<button type="button" class="x_btn x_btn-primary x_pull-right _save">확인</button> <button type="button" class="x_btn x_btn-primary x_pull-right _save">확인</button>
</div> </div>
</div>
</fieldset> </fieldset>
<button type="button" class="x_close" data-admin-hide="#default">&times;</button> <button type="button" class="x_close" data-admin-hide="#default">&times;</button>
</div> </div>
<div class="col" id="imgbtn"> <div class="col" id="imgbtn">
<fieldset> <fieldset>
<h1>이미지 버튼</h1> <h1>이미지 버튼</h1>
<div class="cnt">
<form action=""> <form action="">
<figure> <figure>
<figcaption>일반</figcaption> <figcaption>일반</figcaption>
@ -267,12 +277,14 @@
<input type="file" class="overlap x_btn x_btn-primary x_pull-right" title="이미지 올리기"> <input type="file" class="overlap x_btn x_btn-primary x_pull-right" title="이미지 올리기">
</div> </div>
</form> </form>
</div>
</fieldset> </fieldset>
<button type="button" class="x_close" data-admin-hide="#imgbtn">&times;</button> <button type="button" class="x_close" data-admin-hide="#imgbtn">&times;</button>
</div> </div>
<div class="col" id="design"> <div class="col" id="design">
<fieldset> <fieldset>
<h1>디자인</h1> <h1>디자인</h1>
<div class="cnt">
<form action="./" target="xe_preview" class="_preview_form" method="post"> <form action="./" target="xe_preview" class="_preview_form" method="post">
<input type="hidden" name="skin_vars" value="{}"/> <input type="hidden" name="skin_vars" value="{}"/>
<div class="x_tabbable"> <div class="x_tabbable">
@ -282,18 +294,12 @@
</ul> </ul>
<div class="x_tab-content"> <div class="x_tab-content">
<div class="x_tab-pane x_active" id="pc"> <div class="x_tab-pane x_active" id="pc">
<div style="width:260px;height:200px;position:relative;border:1px solid #aaa; overflow:hidden"> <iframe name="_pc_preview_ifr" src="about:_blank"></iframe>
<iframe name="_pc_preview_ifr" src="about:_blank" style="border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.25,M22=0.25,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.25);-moz-transform-origin:0 0; -moz-transform: scale(.25);position:absolute"></iframe>
</div>
<!--img src="http://naradesign.net/photo/DSCN0687.JPG" alt="현재 설정된 PC 레이아웃"-->
<input type="submit" class="x_icon-zoom-in _pc_preview_open" value="크게 보기" /> <input type="submit" class="x_icon-zoom-in _pc_preview_open" value="크게 보기" />
</div> </div>
<div class="x_tab-pane" id="mobile"> <div class="x_tab-pane" id="mobile">
<div style="width:260px;height:200px;position:relative;border:1px solid #aaa; overflow:hidden"> <iframe name="_mobile_preview_ifr" src="about:_blank"></iframe>
<iframe name="_mobile_preview_ifr" src="about:_blank" style="border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.25,M22=0.25,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.25);-moz-transform-origin:0 0; -moz-transform: scale(.25);position:absolute"></iframe> <input type="submit" class="x_icon-zoom-in _mobile_preview_open" value="크게 보기" />
</div>
<!--img src="http://naradesign.net/photo/DSCN0810.JPG" alt="현재 설정된 모바일 레이아웃"-->
<a href="#" target="_blank" class="x_icon-zoom-in _mobile_preview_open" title="새창">크게 보기</a>
</div> </div>
</div> </div>
</div> </div>
@ -311,12 +317,14 @@
<button type="reset" class="x_btn x_pull-left">취소</button> <button type="reset" class="x_btn x_pull-left">취소</button>
<button type="button" class="x_btn x_btn-primary x_pull-right">저장</button> <button type="button" class="x_btn x_btn-primary x_pull-right">저장</button>
</div> </div>
</div>
</fieldset> </fieldset>
<button type="button" class="x_close" data-admin-hide="#design">&times;</button> <button type="button" class="x_close" data-admin-hide="#design">&times;</button>
</div> </div>
<div class="col theme" id="layout"> <div class="col theme" id="layout">
<form action=""> <form action="">
<h1>레이아웃</h1> <h1>레이아웃</h1>
<div class="cnt">
<label> <label>
<input type="checkbox" class="_chkUseDefaultLayout" title="사이트 기본 레이아웃 사용"> 사이트 기본 레이아웃 사용 <input type="checkbox" class="_chkUseDefaultLayout" title="사이트 기본 레이아웃 사용"> 사이트 기본 레이아웃 사용
<a href="#siteDefaultDesign" class="x_icon-cog">사이트 기본 레이아웃 설정</a> <a href="#siteDefaultDesign" class="x_icon-cog">사이트 기본 레이아웃 설정</a>
@ -349,20 +357,25 @@
<a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 레이아웃 설치</a> <a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 레이아웃 설치</a>
</div> </div>
</div> </div>
</div>
</form> </form>
<button type="button" class="x_close" data-admin-hide="#layout">&times;</button> <button type="button" class="x_close" data-admin-hide="#layout">&times;</button>
</div> </div>
<div class="col layoutSetup" id="layoutSetup"> <div class="col layoutSetup" id="layoutSetup">
<section> <section>
<h1>레이아웃 설정</h1> <h1>레이아웃 설정</h1>
<div class="cnt">
<div class="_contents"></div> <div class="_contents"></div>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#layoutSetup">&times;</button> <button type="button" class="x_close" data-admin-hide="#layoutSetup">&times;</button>
</div> </div>
<div class="col layoutMarkupSetup" id="layoutMarkupSetup"> <div class="col layoutMarkupSetup" id="layoutMarkupSetup">
<section> <section>
<h1>레이아웃 HTML/CSS 설정</h1> <h1>레이아웃 HTML/CSS 설정</h1>
<div class="cnt">
<div class="_contents"></div> <div class="_contents"></div>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#layoutMarkupSetup">&times;</button> <button type="button" class="x_close" data-admin-hide="#layoutMarkupSetup">&times;</button>
</div> </div>
@ -370,6 +383,7 @@
<div class="col download" id="downloadLayout"> <div class="col download" id="downloadLayout">
<section> <section>
<h1>다른 레이아웃 설치</h1> <h1>다른 레이아웃 설치</h1>
<div class="cnt">
<div class="list"> <div class="list">
<script id="tmpl_downloadableLayoutItem" type="text/x-jquery-tmpl"> <script id="tmpl_downloadableLayoutItem" type="text/x-jquery-tmpl">
<div class="item"> <div class="item">
@ -381,9 +395,8 @@
</div> </div>
</script> </script>
</div> </div>
<div class="_pagination"></div> <div class="_pagination"></div>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#downloadLayout">&times;</button> <button type="button" class="x_close" data-admin-hide="#downloadLayout">&times;</button>
</div> </div>
@ -391,6 +404,7 @@
<div class="col theme" id="skin"> <div class="col theme" id="skin">
<form action=""> <form action="">
<h1>스킨</h1> <h1>스킨</h1>
<div class="cnt">
<label> <label>
<input type="checkbox" class="_chkUseDefault" title="사이트 기본 스킨 사용"> 사이트 기본 스킨 사용 <input type="checkbox" class="_chkUseDefault" title="사이트 기본 스킨 사용"> 사이트 기본 스킨 사용
<a href="#siteDefaultDesign" class="x_icon-cog">사이트 기본 스킨 설정</a> <a href="#siteDefaultDesign" class="x_icon-cog">사이트 기본 스킨 설정</a>
@ -445,12 +459,14 @@
<a href="#downloadSkin" data-admin-show="#downloadSkin" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 스킨 설치</a> <a href="#downloadSkin" data-admin-show="#downloadSkin" class="x_btn x_btn-inverse x_pull-right"><i class="x_icon-plus x_icon-white"></i> 다른 스킨 설치</a>
</div> </div>
</div> </div>
</div>
</form> </form>
<button type="button" class="x_close" data-admin-hide="#skin">&times;</button> <button type="button" class="x_close" data-admin-hide="#skin">&times;</button>
</div> </div>
<div class="col download" id="downloadSkin"> <div class="col download" id="downloadSkin">
<section> <section>
<h1>다른 스킨 설치</h1> <h1>다른 스킨 설치</h1>
<div class="cnt">
<div class="list"> <div class="list">
<script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl"> <script id="tmpl_downloadableMenuTypeItem" type="text/x-jquery-tmpl">
<div class="item"> <div class="item">
@ -462,15 +478,15 @@
</div> </div>
</script> </script>
</div> </div>
<div class="_pagination"></div> <div class="_pagination"></div>
</div>
</section> </section>
<button type="button" class="x_close" data-admin-hide="#downloadSkin">&times;</button> <button type="button" class="x_close" data-admin-hide="#downloadSkin">&times;</button>
</div> </div>
<div class="col" id="auth"> <div class="col" id="auth">
<fieldset> <fieldset>
<h1>권한</h1> <h1>권한</h1>
<div class="cnt">
<ul class="_list"> <ul class="_list">
<script id="tmpl_permItem" type="text/x-jquery-tmpl"> <script id="tmpl_permItem" type="text/x-jquery-tmpl">
<li> <li>
@ -492,6 +508,7 @@
<div class="x_btn-group"> <div class="x_btn-group">
<button type="button" class="x_btn x_btn-primary _save">확인</button> <button type="button" class="x_btn x_btn-primary _save">확인</button>
</div> </div>
</div>
</fieldset> </fieldset>
<button type="button" class="x_close" data-admin-hide="#auth">&times;</button> <button type="button" class="x_close" data-admin-hide="#auth">&times;</button>
</div> </div>
@ -525,14 +542,20 @@
#site .btnBoth, #site .btnBoth,
#site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc} #site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc}
#site .btnBoth:after{content:"";display:block;clear:both} #site .btnBoth:after{content:"";display:block;clear:both}
.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px 25px 10px 10px;margin:0 4px 0 0;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd} .col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px;margin:0 4px 0 0;border:1px solid #ddd}
.col>*>h1{line-height:30px;font-size:16px;border-bottom:2px solid #666;margin:0;color:#333} .col>*>h1{line-height:30px;font-size:14px;border-bottom:2px solid #000;margin:0;color:#fff;background:#333 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));background:#333 -moz-linear-gradient(top, #666, #333);background:#333 -o-linear-gradient(top, #666, #333);padding:0 8px;border-radius:2px 2px 0 0}
.col>*>ul{margin:0;padding:0;list-style:none} .col>*>h1>a{color:#fff}
.col>.x_close{position:absolute;top:0;right:0;width:32px;height:32px} .col>*>h1>a[target="_blank"]:after{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)}
.col>*>.cnt{overflow-x:hidden;overflow-y:auto;padding:0 10px 0 0;margin:0 -10px 0 0}
.col>*>.cnt>ul{margin:0;padding:0;list-style:none}
.col>.x_close{position:absolute;top:10px;right:10px;width:30px;height:30px;color:#fff;font-size:17px;opacity:.75;filter:alpha(opacity=75)}
.col>.x_close:hover,
.col>.x_close:focus{opacity:1;filter:alpha(opacity=100)}
.col input[type="checkbox"], .col input[type="checkbox"],
.col input[type="radio"]{margin:0} .col input[type="radio"]{margin:0}
.col label{cursor:pointer} .col>*>.cnt label{cursor:pointer;font-weight:normal}
/* .mapi * */ /* .mapi */
.col.map#site_map{overflow-x:hidden;overflow-y:auto}
.mapi{margin:0 0 15px 0;min-width:200px;background-color:transparent !important} .mapi{margin:0 0 15px 0;min-width:200px;background-color:transparent !important}
.mapi ul{margin:0;padding:0;list-style:none} .mapi ul{margin:0;padding:0;list-style:none}
.mapi li{padding:0 80px 0 0;white-space:nowrap;position:relative;line-height:30px;border-radius:3px;vertical-align:top} .mapi li{padding:0 80px 0 0;white-space:nowrap;position:relative;line-height:30px;border-radius:3px;vertical-align:top}
@ -618,7 +641,7 @@
.theme .selected>label{font-weight:bold} .theme .selected>label{font-weight:bold}
.theme ul ul{white-space:nowrap;float:left;width:100%;margin:5px 0 0 0} .theme ul ul{white-space:nowrap;float:left;width:100%;margin:5px 0 0 0}
.theme ul ul a>i{position:absolute;top:2px;right:2px} .theme ul ul a>i{position:absolute;top:2px;right:2px}
.theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 24px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s} .theme ul ul>li>*{display:block;text-align:left;position:relative;text-decoration:none;padding:0 34px 0 5px;border-radius:3px;color:#000;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;white-space:nowrap}
.theme ul ul>li>*:hover, .theme ul ul>li>*:hover,
.theme ul ul>li>*:focus{background:#666;color:#fff} .theme ul ul>li>*:focus{background:#666;color:#fff}
.theme ul ul>li>a:hover>i, .theme ul ul>li>a:hover>i,
@ -673,8 +696,9 @@
#design ul{margin-top:8px} #design ul{margin-top:8px}
#design .btnBoth{border:0;margin-top:0} #design .btnBoth{border:0;margin-top:0}
#design img{width:220px} #design img{width:220px}
#design .x_tab-pane{position:relative} #design .x_tab-pane{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:260px;height:200px;overflow:hidden}
#design .x_icon-zoom-in{position:absolute;right:0;bottom:0;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} #design .x_tab-pane>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.25,M22=0.25,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.25);-moz-transform-origin:0 0; -moz-transform: scale(.25);position:absolute}
#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px}
#design .x_icon-zoom-in:after{content:normal} #design .x_icon-zoom-in:after{content:normal}
#layout li ul._edit_menu {display:none} #layout li ul._edit_menu {display:none}
@ -2736,7 +2760,7 @@ jQuery(function($){
// Set #site height fix // Set #site height fix
$(window).resize(function(){ $(window).resize(function(){
var wHeigh = $(window).height(); var wHeigh = $(window).height();
$('#site').height(wHeigh - 150).children('.col').height(wHeigh - 195); $('#site').height(wHeigh - 150).children('.col').height(wHeigh - 195).find('.cnt').height(wHeigh - 227);
}).resize(); }).resize();
// #linkMenu copy and set text to input // #linkMenu copy and set text to input
/* /*