mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-02-01 01:29:58 +09:00
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:
parent
bc8f09a9bb
commit
98e4b64b1e
2 changed files with 484 additions and 440 deletions
|
|
@ -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">×</button>
|
<button type="button" class="x_close" data-hide="#design">×</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">×</button>
|
<button type="button" class="x_close" data-hide="#layout">×</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="#">»</a></li>
|
<li><a href="#">»</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<button type="button" class="x_close" data-hide="#downloadLayout">×</button>
|
<button type="button" class="x_close" data-hide="#downloadLayout">×</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">×</button>
|
<button type="button" class="x_close" data-hide="#skin">×</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="#">»</a></li>
|
<li><a href="#">»</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<button type="button" class="x_close" data-hide="#downloadSkin">×</button>
|
<button type="button" class="x_close" data-hide="#downloadSkin">×</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]>
|
||||||
|
|
|
||||||
|
|
@ -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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#propertiesRoot">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#properties">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#add">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#add_menu">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#download">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#default">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#imgbtn">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#design">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#layout">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#layoutSetup">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#layoutMarkupSetup">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#downloadLayout">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#skin">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#downloadSkin">×</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">×</button>
|
<button type="button" class="x_close" data-admin-hide="#auth">×</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
|
||||||
/*
|
/*
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue