Site edit UI cleaning.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12274 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-11-21 07:21:58 +00:00
parent 5b1fa05318
commit 02c0909e26
4 changed files with 34 additions and 35 deletions

View file

@ -22,6 +22,7 @@ body>.x{max-width:none !important}
.col .cnt>ul{margin:0;padding:0;list-style:none}
.col .cnt label{font-weight:normal}
.col .cnt label:only-child{cursor:pointer}
.col .x_alert{margin:0 0 10px 0}
/* .mapi */
.col.map .x_btn-group{border-top:1px solid #ddd;padding:10px 0}
.col.map li._isCut a{color:#aaa}
@ -52,7 +53,7 @@ body>.x{max-width:none !important}
/* Plugin style override */
.mapi a>.jstree-icon{display:none}
/* Nav */
.col .nav li{border-bottom:1px solid #ddd;position:relative;white-space:nowrap}
.col .nav li{border-top:1px solid #ddd;position:relative;white-space:nowrap}
.col .nav li:first-child{border-top:0}
.col .nav li>a,
.col .nav li>button{text-align:left;color:#000;line-height:20px;background-color:transparent;border:0;display:block;padding:5px 20px 5px 8px;color:#333;text-decoration:none;background:#fff;overflow:hidden;text-overflow:ellipsis;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
@ -74,9 +75,10 @@ body>.x{max-width:none !important}
.col .nav li>a:focus>i,
.col .nav li.active>a>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat;opacity:1;filter:alpha(opacity=100)}
/* Menu Type */
.col .typePage{display:none;border-top:1px solid #ddd;padding-top:8px;margin-top:8px}
.col .menuType{margin-top:16px}
.col .typeUrl{display:none;margin-top:8px}
.col .typePage{display:none}
.col .multilingual>label,
.col .typePage>label{line-height:30px;margin:0}
.col .typeUrl{display:none}
.col.page .typePage,
.col.url .typeUrl{display:block}
/* Menu Clone */
@ -142,18 +144,18 @@ body>.x{max-width:none !important}
.theme ul ul>li>a:focus>i{background-image:url(../../../../common/img/glyphicons-halflings-white.png)}
.theme ul ul>li>button{width:100%;padding-right:0}
/* Properties */
#properties ul{margin:0;padding:0 0 8px 0;border-bottom:1px solid #ddd}
#properties ul{margin:0;padding:0 0 8px 0}
#properties li{position:relative;white-space:nowrap}
#properties li>strong{margin:0 0 0 8px}
#properties li>a,
#properties li>button{color:#000;position:relative;display:block;padding:0 8px;height:28px;line-height:28px;background-color:transparent;border:0;text-align:left;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
#properties li>button{color:#000;position:relative;display:block;padding:0 8px;line-height:30px;background-color:transparent;border:0;text-align:left;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
#properties li>a{padding:0 24px 0 8px}
#properties li.add{border:1px solid #ddd;border-left:0;border-right:0;margin-bottom:8px}
#properties li.type{border-bottom:1px solid #ddd;height:30px;line-height:30px}
#properties li.add{border:1px solid #ddd;border-left:0;border-right:0}
#properties li.default{margin: 0 0 0 0;}
#properties li.add>a{height:30px;line-height:30px}
#properties li.homepage{border-top:1px solid #ddd;padding-top:8px;border-bottom:1px solid #ddd;padding-bottom:8px}
#properties li.homepage{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#properties li.homepage>label{line-height:30px}
#properties li>button{width:100%}
#properties li>a:hover,
#properties li>button:hover,
@ -175,24 +177,21 @@ body>.x{max-width:none !important}
/* Add Menu */
#add_menu label{font-weight:bold}
#add_menu .x_tabbable{padding-top:8px}
#add_menu .desc{width:220px;border-bottom:1px solid #ddd;padding-bottom:8px;color:#666}
#add_menu .desc{width:220px;min-height:55px;border-bottom:1px solid #ddd;color:#666;margin:0;padding:0 0 5px 0}
#add_menu .desc>a{overflow:hidden;font-size:0;text-indent:20px;display:inline-block;width:14px;height:14px;opacity:.5;filter:alpha(opacity=50);vertical-align:middle}
#add_menu .desc>a:after{content:normal}
#add_menu .desc>a:hover,
#add_menu .desc>a:focus{opacity:1;filter:alpha(opacity=100)}
#add_menu .x_btn-group{position:absolute;margin:0;left:0;bottom:0;width:100%}
/* Default */
#default .menuType{border:1px solid #ddd;border-left:0;border-right:0}
#default [for="lang_menuName"],
#default [for="mid2"]{font-weight:bold}
#default .btnBoth{position:absolute;width:100%;left:0;bottom:0;margin:0}
/* Auth */
#auth li{border-top:1px solid #ddd;padding:8px 0 0 0}
#auth li:first-child{border:0}
#auth li>label:first-child{font-weight:bold}
#auth select{padding:0;width:100%}
#auth li>label:first-child{font-weight:bold;line-height:30px;margin:0}
#auth select{height:26px;margin:0 0 5px 0;padding:0;width:100%}
#auth .x_btn-group{position:absolute;width:100%;left:0;bottom:0;margin:0}
/* Default */
#default ul{margin:15px 0}
/* Image Button */
#imgbtn form{padding:8px 0 0 0;margin:0}
#imgbtn figure{margin:0}
@ -208,6 +207,7 @@ body>.x{max-width:none !important}
#imgbtn form._imgUploaded .modify{display:inline-block}
#imgbtn form._imgUploaded .noImg,
#imgbtn form._imgUploaded .upload{display:none}
#imgbtn form:last-child .btnBoth{border:0}
/* Design */
#design ._site{display:none}
#design ._preview_form{margin:0}
@ -232,7 +232,7 @@ body>.x{max-width:none !important}
#layout .x_btn-group{border-top:1px solid #ddd;padding:10px 0}
#layout .list{position:relative}
#layout .mask{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:.5;filter:alpha(opacity=50);z-index:99}
#layout .disabled>.mask{display:block}
#layout .disabled>.mask{display:block;cursor:not-allowed}
/* Message Box */
#msgBox {width:600px;margin-left:-300px}
#msgBox._small {width:400px;margin-left:-200px}

View file

@ -71,23 +71,20 @@
</section>
<button type="button" class="x_close" data-admin-hide="#propertiesRoot">&times;</button>
</div>
<div class="col prop-general" id="properties" style="display:none">
<div class="col prop-general" id="properties">
<section>
<h1><a href="#" target="_blank" class="title"><!--메뉴 이름--></a></h1>
<div class="cnt">
<ul>
<li><strong>{$lang->menu_type}</strong>: <span class="module_type"></span></li>
<li class="type"><strong>{$lang->menu_type}</strong>: <span class="module_type"></span></li>
<li class="default"><a href="#default" data-admin-show="#default">{$lang->general_settings} <i class="x_icon-circle-arrow-right"></i></a></li>
<!--li><strong>{$lang->menu_id}</strong>: <span class="url"></span></li-->
<li class="add"><a href="#add" data-admin-show="#add">{$lang->add_menu} <i class="x_icon-circle-arrow-right"></i></a></li>
<li><button type="button" class="_edit_cut">{$lang->cut}</button></li>
<li><button type="button" class="_edit_copy">{$lang->copy}</button></li>
<li><button type="button" class="_edit_paste" disabled>{$lang->paste}</button></li>
<li><button type="button" class="_deleteMenu">{$lang->cmd_delete}</button></li>
<li class="homepage"><label style="padding:0 0 0 8px"><input type="checkbox" class="_chkUseAsHome"> {$lang->use_site_default_module}</label></li>
<li class="homepage"><label style="padding:0 0 0 8px;margin:0"><input type="checkbox" class="_chkUseAsHome"> {$lang->use_site_default_module}</label></li>
<li><a href="#imgbtn" data-admin-show="#imgbtn">{$lang->menu_img_btn} <i class="x_icon-circle-arrow-right"></i></a></li>
<li class="design"><a href="#design" data-admin-show="#design">{$lang->design} <i class="x_icon-circle-arrow-right"></i></a></li>
<li><a href="#auth" data-admin-show="#auth">{$lang->grant} <i class="x_icon-circle-arrow-right"></i></a></li>
@ -180,20 +177,21 @@
<input id="menuName" class="_menuName lang_code" type="text" required style="width:179px">
</div>
</li>
<li class="menuType"><strong>{$lang->menu_type}</strong>: <span class="module_type"></span> <a href="#menuTypeHelpInDefault" class="x_icon-question-sign" data-admin-toggle="#menuTypeHelpInDefault">?</a>
<div id="menuTypeHelpInDefault" class="x_alert x_alert-info" style="display:none;width:169px">
<li style="padding:6px 0 0 0">
<label><input type="checkbox" class="_newWindow" title="{$lang->menu_open_window}"> {$lang->menu_open_window}</label>
</li>
<li style="padding:0 0 6px 0">
<label><input type="checkbox" class="_leaveUnfolded" title="{$lang->menu_expand}"> {$lang->menu_expand}</label>
</li>
<li class="menuType">
<div style="line-height:30px">
<strong>{$lang->menu_type}</strong>: <span class="module_type"></span> <a href="#menuTypeHelpInDefault" class="x_icon-question-sign" data-admin-toggle="#menuTypeHelpInDefault">?</a>
</div>
<div id="menuTypeHelpInDefault" class="x_alert x_alert-info" style="display:none;width:169px">
<button type="button" class="x_close" data-admin-hide="#menuTypeHelpInDefault">×</button>
<p>{$lang->about_menu_type_in_default}</p>
</div>
</li>
<li style="padding-top:12px;margin-top:5px">
<label><input type="checkbox" class="_newWindow" title="{$lang->menu_open_window}"> {$lang->menu_open_window}</label>
</li>
<li>
<label><input type="checkbox" class="_leaveUnfolded" title="{$lang->menu_expand}"> {$lang->menu_expand}</label>
</li>
<li class="typePage">
<label for="mid2">{$lang->menu_id} <a href="#help_menuId" class="x_icon-question-sign" data-admin-toggle="#mid2_help">?</a></label>