fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-05-03 01:03:28 +09:00
Code Issues Projects Releases Packages Wiki Activity

issue 70 admin ui/ux enrich base setting

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8578 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ngleader 2011-07-08 02:56:34 +00:00
parent 9fdf9dbbe5
commit e63e29ed39
8 changed files with 1359 additions and 899 deletions
Download patch file Download diff file Expand all files Collapse all files

2
classes/display/HTMLDisplayHandler.php
View file

@ -166,8 +166,10 @@ class HTMLDisplayHandler {
if(Context::get('module')=='admin' || strpos(Context::get('act'),'Admin')>0){ if(Context::get('module')=='admin' || strpos(Context::get('act'),'Admin')>0){
if(__DEBUG__) { if(__DEBUG__) {
$oContext->addCSSFile('./modules/admin/tpl/css/admin.css', false, 'all', '', 100000); $oContext->addCSSFile('./modules/admin/tpl/css/admin.css', false, 'all', '', 100000);
$oContext->addJsFile('./modules/admin/tpl/js/admin.js');
} else { } else {
$oContext->addCSSFile('./modules/admin/tpl/css/admin.min.css', false, 'all', '',10000); $oContext->addCSSFile('./modules/admin/tpl/css/admin.min.css', false, 'all', '',10000);
$oContext->addJsFile('./modules/admin/tpl/js/admin.js');
} }
} }
} }

7
modules/admin/tpl/_spFooter.html Normal file
View file

@ -0,0 +1,7 @@
</div>
<div class="footer">
<p>Powered by <strong><a href="http://xpressengine.org/">XE</a></strong>.</p>
</div>
</div>
</body>
</html>

73
modules/admin/tpl/_spHeader.html Normal file
View file

@ -0,0 +1,73 @@
<div class="xe">
<p class="skipNav"><a href="#content">Skip Navigation</a></p>
<div class="header">
<h1><a href="{getUrl('','module','admin')}"><img src="img/xe.h1.png" width="33" height="32" alt="XE" /> Super Admin</a></h1>
<div class="siteTool">
<a href="#moveSiteList" class="layerAnchor">Move to Site</a>
<div class="layer portlet" id="moveSiteList">
<h2 class="h2">Move to Site</h2>
<ul class="lined">
<li>XpressEngine - <a href="#">http://xe.xpressengine.net/</a></li>
<li>XpressEngine - <a href="#">http://xe.xpressengine.net/</a></li>
<li>XpressEngine - <a href="#">http://xe.xpressengine.net/</a></li>
</ul>
<a href="#" class="more"><span>&rsaquo;</span> more</a>
</div>
</div>
<div class="account">
<ul>
<li><a href="#">정찬명</a></li>
<li><a href="{getUrl('module','admin','act','procAdminLogout')}">Log-out</a></li>
<li><a href="#language" class="tgSlide">Language</a>
<ul class="tgContent" id="language">
<!--@foreach($lang_supported as $key => $val)-->
<li><a href="#" onclick="doChangeLangType('{$key}'); return false;">{$val}</a></li>
<!--@end-->
</ul>
</li>
</ul>
</div>
<div class="gnb jx">
<ul>
<li class="activeOn"><a href="#">Dashboard</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">User</a>
<ul>
<li><a href="#">User List</a></li>
<li><a href="#">Setting</a></li>
<li><a href="#">Point</a></li>
</ul>
</li>
<li><a href="#">Content</a>
<ul>
<li><a href="#">Document</a></li>
<li><a href="#">Comment</a></li>
<li><a href="#">Trackback</a></li>
<li><a href="#">File</a></li>
<li><a href="#">Poll</a></li>
<li><a href="#">Accusation</a></li>
<li><a href="#">Data Migration</a></li>
</ul>
</li>
<li><a href="#">Theme</a></li>
<li><a href="#">Extensions</a>
<ul>
<li><a href="#">Easy Installer</a></li>
<li><a href="#">Installed Layout</a></li>
<li><a href="#">Installed Module</a></li>
<li><a href="#">Installed Widget</a></li>
<li><a href="#">Installed Add-on</a></li>
<li><a href="#">WYSIWYG Editor</a></li>
<li><a href="#">Spam Filter</a></li>
</ul>
</li>
<li><a href="#">Configuration</a>
<ul>
<li><a href="#">General</a></li>
<li><a href="#">File Upload</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="body">

13
modules/admin/tpl/_spLnb.content.html Normal file
View file

@ -0,0 +1,13 @@
<div class="lnb">
<h2 class="h2">Content</h2>
<ul>
<li class="active"><a href="#">Document</a></li>
<li><a href="#">Content</a></li>
<li><a href="#">Trackback</a></li>
<li><a href="#">File</a></li>
<li><a href="#">Poll</a></li>
<li><a href="#">Accusation</a></li>
<li><a href="#">Trash</a></li>
<li><a href="#">Data Migration</a></li>
</ul>
</div>

875
modules/admin/tpl/css/admin.css
View file

@ -6,362 +6,523 @@ header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{di
button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible} button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible}
body{margin:0} body{margin:0}
img{border:0} img{border:0}
/* Layout */ p{line-height:1.5}
#xeAdmin .header{position:relative;padding:10px 15px 10px 30px;background:#1f2e3c;border-bottom:3px solid #ccc;z-index:10} /* Section & Heading */
#xeAdmin .header:after{content:"";display:block;clear:both} .section{margin:1em 0}
#xeAdmin .footer{height:26px;padding-top:10px;background:#f4f4f4;border-top:1px solid #ddd;text-align:center} .h1, .h2, .h3, .h4{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1}
#xeAdmin .gnb{position:relative;float:right;white-space:nowrap;clear:right;margin:0;padding:0} .h1{border-bottom-width:4px;font-size:24px}
#xeAdmin .gnb li{position:relative;float:left;margin:0 15px 0 0;padding:0;list-style:none} .h2{border-bottom-width:3px;font-size:20px}
#xeAdmin .gnb #adminLang {position:absolute;top:18px;right:0;display:none;background:#fff;margin:0;padding:5px;border:1px solid #ddd;z-index:999} .h3{border-bottom-width:2px;font-size:16px}
#xeAdmin .gnb #adminLang li{float:none;margin:0} .h4{border-bottom-width:1px;font-size:12px}
.body{position:relative;margin:0;padding:0 0 0 200px;background:url(../img/lineBody.gif) repeat-y 180px 0;zoom:1;clear:both} /* Portlet */
.body:after {content:"";display:block;clear:both} .portlet{position:relative;border:1px solid #e9e9e9;margin:1em 0;background:#fff;zoom:1;overflow:hidden}
.c .body {padding:20px;background:none;} .portlet h2, .portlet h3{margin:0;padding:.5em 1em;font-size:14px;border:1px solid #fff;border-bottom:1px solid #e9e9e9;background:#f7f7f7}
.ece .body {padding-right:340px} .portlet p{margin:1em 1.2em}
.ec .body {padding-right:20px} .portlet li{position:relative;padding-right:8em}
.extension{position:relative} .portlet .lined{margin:1px;padding:0;list-style:none}
.body .e1 {float:left;width:180px;margin-right:-180px;left:-200px} .portlet .lined li{padding:.5em 8em .5em 1em;border-top:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.content {position:relative;width:100%;margin-right:-100%;float:left;padding:0} .portlet .lined li:first-child{border:0}
.ec .content {padding-top:10px;} .portlet .side{position:absolute;top:0;_top:1px;right:0;color:#666;background:#fff;padding:0 1em}
.c .e1, .c .e2 {display:none;} .portlet .lined .side{padding:.5em 1em}
.ece .e2 {width:300px;float:right;right:-320px;border-left:1px solid #ddd;padding-bottom:20px} .portlet .more{position:absolute;top:.5em;right:1em;text-decoration:none !important;color:#666}
.ec .e2 {display:none} .portlet .more span{color:#999}
#xeAdmin .lnb {position:relative;left:-3px;float:left;clear:left;margin:5px 0 0 0;padding:0} .portlet .action{text-align:right;top:0;right:0;padding:.5em 1em .5em 3em;background:#fff;background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)), color-stop(15%, #fff));background:-moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,1) 15%)}
#xeAdmin .lnb:after{content:"";display:block;clear:both} .portlet .action a,
#xeAdmin .lnb li, .portlet .action button{margin-left:1em}
#xeAdmin .lnb li a{position:relative;float:left;background:url(../img/buttonLNB.gif) no-repeat;white-space:nowrap} /* Table */
#xeAdmin .lnb li{margin:0 1px 0 0;padding:0;list-style:none;background-position:0 0} .table{margin:1em 0}
#xeAdmin .lnb li a{left:1px;height:30px;padding:10px 15px 0 15px;text-decoration:none !important;background-position:right 0} .table table{width:100%;border:0;border-collapse:collapse;border-top:2px solid #ccc}
#xeAdmin .lnb li.core{margin-right:6px;background-position:0 -50px} .table caption{padding:8px 0;font-weight:bold;text-align:left}
#xeAdmin .lnb li.core a{padding-right:20px;left:5px;background-position:right -50px} .table caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em}
#xeAdmin .lnb li.first{background-position:0 -50px;margin-right:5px} .table caption strong{color:#e00}
#xeAdmin .lnb li.first a{left:5px} .table caption .side{float:right;font-weight:normal;margin-left:1em}
#xeAdmin .lnb li.end{} .table th,.table td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}
#xeAdmin .lnb li.end a{padding-right:20px;background-position:right -50px} .table th{background:#f8f8f8}
#xeAdmin .lnb li.core.selected {background-position:0 -150px} .table thead th{border-bottom:1px solid #999}
#xeAdmin .lnb li.core.selected a{background-position:right -150px} .table tfoot td{font-weight:bold;background:#f8f8f8}
#xeAdmin .lnb li.first.selected {background-position:0 -150px} .table.even tbody tr:nth-of-type(even) td{background-color:#fafafa}
#xeAdmin .lnb li.first.selected a{background-position:right -100px} .table input[type=text]{margin:-1px 0 -3px 0;vertical-align:middle}
#xeAdmin .lnb li.mid.selected {background-position:0 -100px} .table img{vertical-align:middle}
#xeAdmin .lnb li.mid.selected a{background-position:right -100px} .table .title,
#xeAdmin .lnb li.end.selected {background-position:0 -100px} .table .text{white-space:normal}
#xeAdmin .lnb li.end.selected a{background-position:right -150px} .table .h1 + table,
#xeAdmin .path{padding:0 0 0 25px;margin:0 0 20px 0;background:url(../img/iconPath.gif) no-repeat left center} .table .h2 + table,
/* Font */ .table .h3 + table,
#xeAdmin{font-family:Sans-serif} .table .h4 + table,
#xeAdmin a{text-decoration:none !important} .h1 + .table table,
#xeAdmin a:hover, .h2 + .table table,
#xeAdmin a:active, .h3 + .table table,
#xeAdmin a:focus{text-decoration:underline !important} .h4 + .table table{border-top:0}
#xeAdmin h1.xeAdmin a{text-decoration:none !important;font-family:Arial;font-size:16px;color:#fff;margin:0;padding:0} /* Form */
#xeAdmin table th{color:#666} .form{margin:1em 0;padding:0}
#xeAdmin table th a {color:#666} .form fieldset{margin:0 0 2em 0;padding:0;border:0}
#xeAdmin table td{color:#767676} .form em{font-style:normal;color:#e00}
#xeAdmin table td a {color:#767676} .form label{margin:0 10px 0 0;line-height:1}
#xeAdmin caption{font-size:11px;font-family:Tahoma;color:#767676} .form input[type=checkbox]+label,.form input[type=radio]+label,.form input[type=file]{cursor:pointer}
#xeAdmin div.summary {font-size:11px;font-family:Tahoma;color:#767676} .form ul{position:relative;margin:0;padding:0;list-style:none;border-top:2px solid #ccc;border-bottom:1px solid #ccc;zoom:1}
#xeAdmin div.summary strong {font-weight:normal;} .form li{list-style:none;border:1px solid #ddd;border-left:0;border-right:0;margin:-1px 0;padding:8px 0;vertical-align:top;zoom:1}
#xeAdmin button.text{font-size:12px} .form li:first-child{border-top:0}
#xeAdmin em, .form li>label:first-child{display:block;font-weight:bold}
#xeAdmin address{font-style:normal} .form li label em{font-weight:normal}
#xeAdmin select{font-size:12px} .form input[type=text],.form input[type=password],.form input[type=file],textarea{position:relative;width:280px;margin:2px 0;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
#xeAdmin input{font-size:12px} .form input[type=text],.form input[type=password],.form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px}
#xeAdmin .buttonTypeGo{padding:0;cursor:pointer} .form input[type=checkbox],.form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
#xeAdmin .footer address{font:10px Tahoma} .form input[disabled=disabled]{background:#ddd;text-shadow:1px 1px 0 #fff}
#xeAdmin .footer address a{color:#777e86;} .form textarea{padding:3px 4px;vertical-align:top}
#xeAdmin .gnb li a {color:#777e86;font-size:11px;font-family:Tahoma} .form span.desc{line-height:22px;vertical-align:middle;margin:0 10px}
#adminLang li a{font-size:12px} .form p.desc{margin:.25em 0;line-height:1.4}
#xeAdmin .lnb li, .form .q{font-weight:bold;margin:0 0 5px 0}
#xeAdmin .lnb li a{color:#fff;font-size:14px;font-family:Dotum, Tahoma} .form .a{margin:0 0 5px 0}
#xeAdmin .path{color:#ccc;font-size:11px} .form .h1 + ul,
#xeAdmin .path a{color:#767676;font-size:11px;font-family:Dotum, Sans-serif} .form .h2 + ul,
.e1 .navigation li a{color:#000;text-decoration:none} .form .h3 + ul,
.e1 .navigation li ul li a{color:#767676} .form .h4 + ul{border-top:0}
.e1 .navigation li ul li.active a{font-weight:bold;color:#666} /* Global Navigation Bar */
.e2 .section h2.xeAdmin {font-size:12px;margin:0;padding:0} .gnb{clear:both;border:1px solid #c1c1c1;border-left:0;border-right:0;background:#efefef -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#dcdcdc));background:#efefef -moz-linear-gradient(top, #efefef, #dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#efefef, endColorStr=#dcdcdc);zoom:1}
.e2 .section h2.xeAdmin .date{font:Tahoma;color:#999} .gnb ul{margin:0;padding:0 0 0 15px;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1}
.e2 table tbody th{font-weight:normal;font-family:Dotum} .gnb ul ul{position:absolute;top:33px;left:0;border:1px solid #ccc;padding:0;background:#fff}
.e2 .notice li a{color:#666;} .gnb ul:after{content:"";display:block;clear:both}
.e2 .notice li .date{color:#767676;font:10px Tahoma} .gnb li{position:relative;float:left;border:1px solid #fff;border-top:0;border-bottom:0;margin:0 -1px 0 0}
.localNavigation li a{text-decoration:none !important;color:#666} .gnb li li{float:none;clear:both;overflow:hidden;border:0;border-top:1px dotted #ccc;margin:0;padding:2px}
.localNavigation li.active a{font-weight:bold;color:#1e6aac} .gnb li li:first-child{border:0}
#xeAdmin h2.xeAdmin {font-size:12px} .gnb li a{float:left;font-weight:bold;color:#333;font-size:13px;padding:8px 18px;white-space:nowrap;text-decoration:none;text-shadow:0 1px 0 #fff;zoom:1}
#xeAdmin h3.xeAdmin {font-size:12px;color:#666;margin:0;padding:0} .gnb li a:hover,
#xeAdmin p.summary{color:#767676} .gnb li a:active,
#xeAdmin p.summary a {text-decoration:none;color:#767676;} .gnb li a:focus,
#xeAdmin p.summary.red {color:#A54D4D;} .gnb li.active a,
#xeAdmin p.summary.red a {text-decoration:none;color:#A54D4D;} .gnb li.activeOn a{background:#fff;border:1px solid #ddd;padding:7px 17px}
#xeAdmin div.infoText {color:#767676} .gnb li li a{display:block;float:none;color:#555;padding:5px 15px !important;font-weight:normal !important;border:0 !important}
#xeAdmin div.infoText p.warning{margin:0 0 10px 0;padding:0 0 0 25px;background:url(../img/iconWarning.gif) no-repeat left top} .gnb li li a:hover,
#xeAdmin div.infoText p.update{margin:0 0 10px 0;padding:0 0 0 25px;background:url(../img/iconRefresh.gif) no-repeat left top} .gnb li li a:active,
.gnb li li a:focus{border:0;background:#eee}
.gnb.jx ul{display:block;position:static;padding:0}
.gnb.jx li{float:none;clear:both;border-top:1px solid #ccc}
.gnb.jx ul ul{border:0}
.gnb.jx li li{border:0}
.gnb.jx li a{float:none;display:block}
.gnb.jx li a:hover,
.gnb.jx li a:active,
.gnb.jx li a:focus{background:none}
.gnb.jx li.activeOn a{background:#ddd}
/* Lined Tab Navigation */
.tab.line{padding:0 0 35px 0;margin:1em 0}
.tab.line ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;zoom:1}
.tab.line ul:after{content:"";display:block;clear:both}
.tab.line li{float:left;margin-bottom:-1px}
.tab.line li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#333}
.tab.line li a span{display:inline-block;height:14px;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
.tab.line li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;zoom:1}
.tab.line li ul:after{content:"";display:block;clear:both}
.tab.line li li{position:relative;left:-1px;padding:0 10px;border-left:1px solid #ddd;overflow:visible}
.tab.line li li a{padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.line li.active a{border:1px solid #ccc;border-bottom:1px solid #fff;margin-top:-1px;background:transparent}
.tab.line li.active a span{padding-top:7px;font-weight:bold}
.tab.line li li a:hover,
.tab.line li li a:active,
.tab.line li li a:focus,
.tab.line li li.active a{font-weight:bold;letter-spacing:-1px;color:#333 !important}
.tab.line.jx{padding:0}
.tab.line.jx ul{border:0}
.tab.line.jx li{float:none}
.tab.line.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.line.jx li ul{position:static;display:block !important;padding:5px 0;left:0;top:0}
.tab.line.jx li li{display:inline}
.tab.line.jx li li a{display:inline;letter-spacing:normal;border:0 !important;font-weight:normal !important;color:#666 !important;background:none !important}
.tab.line.jx li li a:hover,
.tab.line.jx li li a:active,
.tab.line.jx li li a:focus{text-decoration:underline}
/* Faced Tab Navigation */
.tab.face{padding:0 0 35px 0;margin:1em 0}
.tab.face ul{position:relative;margin:0;padding:0;_padding:2px 0 0 0;list-style:none;border-bottom:2px solid #315593;zoom:1}
.tab.face ul:after{content:"";display:block;clear:both}
.tab.face li{float:left;margin-right:1px;background:#4CB1E5}
.tab.face li a,
.tab.face li a span{position:relative;cursor:pointer}
.tab.face li a{float:left;text-decoration:none}
.tab.face li a span{display:inline-block;padding:6px 25px 6px 25px;color:#fff}
.tab.face li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;zoom:1}
.tab.face li ul:after{content:"";display:block;clear:both}
.tab.face li li{position:relative;left:-1px;padding:0 10px;border-left:1px solid #ddd;overflow:visible;background:transparent !important}
.tab.face li li a{padding:0;margin:0;font-weight:normal;color:#666}
.tab.face li.active{background-color:#315593;margin-top:-1px}
.tab.face li.active a span{padding-top:7px;padding-bottom:7px;font-weight:bold;letter-spacing:-1px}
.tab.face li li a:hover,
.tab.face li li a:active,
.tab.face li li a:focus,
.tab.face li li.active a{font-weight:bold;letter-spacing:-1px;color:#333}
.tab.face.jx{padding:0}
.tab.face.jx ul{border:0}
.tab.face.jx li{float:none}
.tab.face.jx li a{float:none;font-weight:bold}
.tab.face.jx li ul{display:block !important;position:static;padding:5px 0;left:0;top:0;background:#fff}
.tab.face.jx li li{display:inline}
.tab.face.jx li li a{font-weight:normal !important;color:#666;letter-spacing:normal}
.tab.face.jx li li a:hover,
.tab.face.jx li li a:active,
.tab.face.jx li li a:focus{text-decoration:underline}
/* Tab + List */
.tab.list{height:160px;margin:1em 0}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;zoom:1}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}
.tab.list li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666}
.tab.list li a span{display:inline-block;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
.tab.list li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;zoom:1}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.tab.list li li .side{position:absolute;top:0;right:0;color:#767676}
.tab.list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.list li.active a{border:1px solid #ccc;border-bottom:1px solid #fff;margin-top:-1px;background:transparent;color:#333}
.tab.list li.active a span{padding-top:7px;font-weight:bold}
.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list.jx li ul{position:static;display:block !important;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:7px;right:15px}
/* Vertical Navigation */
.vNav{position:relative;margin:1em 0;line-height:normal;zoom:1}
.vNav ul{margin:0;padding:0;list-style:none}
.vNav li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1}
.vNav li a{display:block;position:relative;padding:8px 10px;text-decoration:none;color:#666;font-weight:bold;background:#fafafa;border:1px solid #eee;zoom:1}
.vNav li a .i{position:absolute;top:50%;left:100%;margin:-4px 0 0 -16px;width:8px;height:8px;color:#ccc;background:url(../img/iconNavVr.gif) no-repeat left top}
.vNav li ul{padding:5px 0;background:#fff}
.vNav li li{margin:0}
.vNav li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0}
.vNav li li a span{color:#666}
.vNav li.active{border:1px solid #ccc;z-index:2}
.vNav li li.active{border:0}
.vNav li.active a{color:#000;border:0}
.vNav li.active .i{background-position:0 -44px}
.vNav li.active li a{border:0}
.vNav li.active ul{display:block;border-top:1px solid #eee}
.vNav li.active li.active a span{color:#13b200;font-weight:bold;letter-spacing:-1px}
/* Tree Navigation */
.tNav{position:relative;margin:1em 0;zoom:1}
.tNav ul{list-style:none;margin:0;padding:0}
.tNav ul ul{margin:0 0 0 -3px}
.tNav li{position:relative;padding:0 0 0 22px;white-space:nowrap;line-height:20px;background:url(../img/lineTree.gif) no-repeat 9px 0;*zoom:1}
.tNav li.last{background-position:9px -1766px}
.tNav li.active a{font-weight:bold;color:#333}
.tNav li.active li a{font-weight:normal;color:#767676}
.tNav a{text-decoration:none;color:#767676}
.tNav a:hover,
.tNav a:active,
.tNav a:focus{text-decoration:underline}
.tNav .tNavToggle{position:absolute;top:0;left:0;width:19px;height:19px;padding:0;overflow:hidden;border:0;font-size:0;color:#fff;vertical-align:middle;text-indent:19px;*text-indent:0;background:transparent url(../img/btnPlusMinus.gif) no-repeat;cursor:pointer}
.tNav .tNavToggle.plus{background-position:5px -15px}
.tNav .tNavToggle.minus{background-position:5px 5px}
/* Pagination */ /* Pagination */
#xeAdmin .pagination{padding:15px 0;margin:0;text-align:center;clear:both;} .pagination{margin:1em 0;text-align:center;line-height:normal}
#xeAdmin .pagination *{margin:0;padding:0} .pagination *{vertical-align:middle}
#xeAdmin .pagination img{border:0} .pagination a,
#xeAdmin .pagination a, .pagination strong{position:relative;display:inline-block;padding:2px 4px;font-weight:bold;text-decoration:none;line-height:normal;color:#333;vertical-align:middle}
#xeAdmin .pagination strong{position:relative;display:inline-block;text-decoration:none;line-height:normal;color:#333;font-family:Tahoma, Sans-serif;vertical-align:middle} .pagination a:hover,
#xeAdmin .pagination a:hover, .pagination a:active,
#xeAdmin .pagination a:active, .pagination a:focus{border:1px solid #ddd;margin:0 -1px}
#xeAdmin .pagination a:focus{background-color:#f4f4f4 !important;} .pagination strong{color:#e00;font-size:20px}
#xeAdmin .pagination strong{color:#ff6600 !important} .pagination .direction{font-weight:normal;white-space:nowrap}
#xeAdmin .pagination a.prev, .pagination .direction:hover,
#xeAdmin .pagination a.prevEnd, .pagination .direction:active,
#xeAdmin .pagination a.next, .pagination .direction:focus{border:0;margin:0;text-decoration:underline}
#xeAdmin .pagination a.nextEnd{font-weight:normal !important;border:none !important;margin:0 !important;white-space:nowrap;} .pagination input{width:30px;text-align:center}
#xeAdmin .pagination.a1 a, .pagination button{overflow:visible}
#xeAdmin .pagination.a1 strong{margin:0 -4px;padding:1px 10px 1px 8px;border:none;border-left:1px solid #ccc;border-right:1px solid #ddd;font-weight:bold;font-size:12px;background:#fff} /* Button */
#xeAdmin .pagination.a1 a.prev{padding-left:10px;background:#fff url(../img/arrowPrevA1.gif) no-repeat left center;} .btn{position:relative;display:inline-block;margin:2px;vertical-align:top}
#xeAdmin .pagination.a1 a.prevEnd{padding-left:15px;background:#fff url(../img/arrowPrevEndA1.gif) no-repeat left center;} .btn *{display:inline-block;height:22px;line-height:22px;margin:0;font-weight:bold;font-size:14px;color:#fff;text-decoration:none;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
#xeAdmin .pagination.a1 a.next{padding-right:10px;background:#fff url(../img/arrowNextA1.gif) no-repeat right center;} .btn a,
#xeAdmin .pagination.a1 a.nextEnd{padding-right:15px;background:#fff url(../img/arrowNextEndA1.gif) no-repeat right center;} .btn button{border-color:#ccc;color:#333;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
#xeAdmin .pagination.a2 a, .btn input{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
#xeAdmin .pagination.a2 strong{margin:0 -4px;padding:0 10px 0 8px;font-weight:bold;font-size:11px;border:none;border-left:1px solid #ddd;border-right:1px solid #ccc;background:#fff;} .btn *{padding:0 8px;font-size:14px;height:24px;line-height:22px}
#xeAdmin .pagination.a2 a.prev{padding-left:10px;background:#fff url(../img/arrowPrevA1.gif) no-repeat left center;} .btn a{height:22px}
#xeAdmin .pagination.a2 a.prevEnd{padding-left:15px;background:#fff url(../img/arrowPrevEndA1.gif) no-repeat left center;} .btn.medium *{padding:0 12px;font-size:18px;height:30px;line-height:28px}
#xeAdmin .pagination.a2 a.next{padding-right:10px;background:#fff url(../img/arrowNextA1.gif) no-repeat right center;} .btn.medium a{height:28px}
#xeAdmin .pagination.a2 a.nextEnd{padding-right:15px;background:#fff url(../img/arrowNextEndA1.gif) no-repeat right center;} .btn.large *{padding:0 18px;font-size:24px;height:36px;line-height:34px}
#xeAdmin .pagination.b1 a, .btn.large a{height:34px}
#xeAdmin .pagination.b1 strong{margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px} /* FAQ */
#xeAdmin .pagination.b1 a.prev, .faq{border-bottom:1px solid #ddd;margin:1em 0}
#xeAdmin .pagination.b1 a.prevEnd{padding-left:16px;background:url(../img/arrowPrevB1.gif) no-repeat left center;} .faq .faqHeader{position:relative;zoom:1}
#xeAdmin .pagination.b1 a.next, .faq .faqHeader .showAll{position:absolute;bottom:0;right:0;border:0;padding:0;overflow:visible;background:none;cursor:pointer}
#xeAdmin .pagination.b1 a.nextEnd{padding-right:16px;background:url(../img/arrowNextB1.gif) no-repeat right center;} .faq .faqBody{margin:0;padding:0}
#xeAdmin .pagination.b2 a, .faq .faqBody .article{list-style:none}
#xeAdmin .pagination.b2 strong{margin:0 -2px;padding:2px 6px;font-size:11px} .faq .q{margin:0;border-top:1px solid #ddd}
#xeAdmin .pagination.b2 a.prev, .faq .q a{display:block;padding:.5em 1em;text-align:left;font-weight:bold;background:#fafafa;color:#000;text-decoration:none !important}
#xeAdmin .pagination.b2 a.prevEnd{padding-left:12px;background:url(../img/arrowPrevB1.gif) no-repeat left center;} .faq .q a:hover, .faq .q a:active, .faq .q a:focus{background:#f8f8f8}
#xeAdmin .pagination.b2 a.next, .faq .a{margin:0;padding:1em;line-height:1.5}
#xeAdmin .pagination.b2 a.nextEnd{padding-right:12px;background:url(../img/arrowNextB1.gif) no-repeat right center;} /* Horizontal Bar Graph */
#xeAdmin .pagination.c1 a, .hGraph ul{margin:1em 50px 1em 50px;padding:1px 0 0 0;border:1px solid #ddd;border-top:0;border-right:0;list-style:none}
#xeAdmin .pagination.c1 strong{margin:0 -2px;padding:2px 4px;font-size:12px} .hGraph li{position:relative;margin:10px 0;white-space:nowrap;vertical-align:top}
#xeAdmin .pagination.c1 a.prev, .hGraph .gTerm{position:absolute;width:40px;top:0;left:-50px;line-height:20px;text-align:right;font-weight:bold}
#xeAdmin .pagination.c1 a.prevEnd, .hGraph .gBar{position:relative;display:inline-block;height:20px;border:1px solid #ccc;border-left:0;background:#e9e9e9}
#xeAdmin .pagination.c1 a.next, .hGraph .gBar span{position:absolute;width:40px;line-height:20px;top:0;right:-50px}
#xeAdmin .pagination.c1 a.nextEnd{display:inline-block;width:13px;height:14px;padding:3px 4px;margin:0} /* Vertical Bar Graph */
#xeAdmin .pagination.c1 a.prev, .vGraph{margin:1em 0;padding:20px 0}
#xeAdmin .pagination.c1 a.prevEnd{background:url(../img/arrowPrevC1.gif) no-repeat center} .vGraph ul{margin:0;padding:0;height:200px;border:1px solid #ddd;border-top:0;border-right:0;list-style:none}
#xeAdmin .pagination.c1 a.next, .vGraph ul:after{content:"";display:block;clear:both}
#xeAdmin .pagination.c1 a.nextEnd{background:url(../img/arrowNextC1.gif) no-repeat center} .vGraph li{float:left;display:inline;width:8%;height:100%;margin:0 3%;position:relative;text-align:center;white-space:nowrap}
#xeAdmin .pagination.c1 a.prev span, .vGraph .gTerm{position:relative;display:inline-block;width:100%;height:20px;line-height:20px;margin:0 -100% -20px 0;padding:200px 0 0 0;vertical-align:bottom;font-weight:bold}
#xeAdmin .pagination.c1 a.prevEnd span, .vGraph .gBar{position:relative;display:inline-block;width:100%;margin:-1px 0 0 0;border:1px solid #ccc;border-bottom:0;background:#e9e9e9;vertical-align:bottom}
#xeAdmin .pagination.c1 a.next span, .vGraph .gBar span{position:absolute;width:100%;top:-20px;left:0}
#xeAdmin .pagination.c1 a.nextEnd span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden} /* Star Rating */
#xeAdmin .pagination.c2 a, .starRating, .starRating span{display:inline-block;height:14px;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden}
#xeAdmin .pagination.c2 strong{margin:0 -2px;padding:2px 4px;font-size:11px} .starRating{width:79px;vertical-align:top}
#xeAdmin .pagination.c2 a.prev, .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px}
#xeAdmin .pagination.c2 a.prevEnd, /* Progress */
#xeAdmin .pagination.c2 a.next, .prgrs{white-space:nowrap;line-height:normal;vertical-align:middle}
#xeAdmin .pagination.c2 a.nextEnd{display:inline-block;width:13px;height:14px;padding:3px 4px;margin:0} .prgrs *{vertical-align:middle}
#xeAdmin .pagination.c2 a.prev, .prgrs .pBar{position:relative;display:inline-block;background:#e9e9e9;margin:0 5px 0 0}
#xeAdmin .pagination.c2 a.prevEnd{background:url(../img/arrowPrevC1.gif) no-repeat center} .prgrs .pAction{display:inline-block;vertical-align:top;background:#99a6b6}
#xeAdmin .pagination.c2 a.next, .prgrs .pNum{position:absolute;width:100%;left:0;top:0;text-align:center;text-shadow:1px 1px 0 #fff}
#xeAdmin .pagination.c2 a.nextEnd{background:url(../img/arrowNextC1.gif) no-repeat center} .prgrs.prgrsSmall{font-size:14px;line-height:14px}
#xeAdmin .pagination.c2 a.prev span, .prgrs.prgrsSmall .pBar,
#xeAdmin .pagination.c2 a.prevEnd span, .prgrs.prgrsSmall .pAction,
#xeAdmin .pagination.c2 a.next span, .prgrs.prgrsSmall .pNum{height:16px;line-height:16px;font-size:11px}
#xeAdmin .pagination.c2 a.nextEnd span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden} .prgrs.prgrsMedium {font-size:24px;line-height:24px}
.prgrs.prgrsMedium .pBar,
.prgrs.prgrsMedium .pAction,
.prgrs.prgrsMedium .pNum{height:22px;line-height:22px;font-size:12px}
.prgrs.prgrsLarge{font-size:38px;line-height:38px}
.prgrs.prgrsLarge .pBar,
.prgrs.prgrsLarge .pAction,
.prgrs.prgrsLarge .pNum{height:34px;line-height:34px;font-size:14px}
/* Layer */
.layer{position:absolute;background:#fff;padding:0 1em;*padding:1em;border:10px solid #ddd;z-index:2;zoom:1}
.layer h2{margin-top:1em}
.layer ul, .layer ol, .layer .lined, .layer .table{margin-bottom:1em}
.layerClose{position:absolute;right:-10px;top:-10px;border:0;background:#ddd;padding:0;width:34px;height:34px;font-size:16px;font-weight:bold;cursor:pointer;color:#999}
.layerBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
/* Modal Window */
.modal .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1}
.modal .fg{position:relative;width:50%;margin:5em auto;background:#fff;padding:0 1em;*padding:1em;border:10px solid #ddd;z-index:3;zoom:1}
.modal h2{margin-top:1em}
.modal ul, .modal ol, .modal .lined, .modal .table{margin-bottom:1em}
.modal .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
.modalActive{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}
.modalClose{position:absolute;right:-10px;top:-10px;border:0;background:#ddd;padding:0;width:34px;height:34px;font-size:16px;font-weight:bold;cursor:pointer;color:#999}
.modalBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
/* Toggle Content */
.tgBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
/* H2 Anchor */
.h2Anchor{position:absolute; right:0; border:0; background:none; color:#00f; text-decoration:underline}
/* Waiting for server response */
#wfsr .bg{position:absolute;background:#000;_background:none;width:100%;height:100%;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1}
#wfsr .fg{position:relative;width:50%;margin:5em auto;background:#fff;padding:0 1em;*padding:1em;border:10px solid #ddd;z-index:2;zoom:1}
#wfsr .fg p{padding:0 0 0 2.5em;background:url(../img/preLoader16.gif) no-repeat 1em .4em}
#wfsr .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
.wfsrActive{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.wfsrClose{position:absolute;right:-10px;top:-10px;border:0;background:#ddd;padding:0;width:34px;height:34px;font-size:16px;font-weight:bold;cursor:pointer;color:#999}
.wfsrBlur{position:absolute;top:0;right:0;border:0;background:none;padding:0;width:1px;height:1px;overflow:hidden}
/* Skip Navigation */
.skipNav{margin:0;text-align:center;overflow:hidden}
.skipNav a{position:absolute;width:1px;height:1px;display:block;color:#fff;font-weight:bold;padding:10px 0;background:#333;border-top:1px solid #656565}
.skipNav a:hover,
.skipNav a:active,
.skipNav a:focus{position:relative;width:auto;height:auto}
/* Header */
.header{position:relative;z-index:2;padding:30px 0 0 0;background:#4c4c4c;box-shadow:0 0 10px #aaa;-moz-box-shadow:0 0 10px #aaa;-webkit-box-shadow:0 0 10px #aaa;zoom:1}
.header:after{content:"";display:block;clear:both}
.header a{text-decoration:none}
.header h1{margin:0 10px 10px 15px;font-size:24px;line-height:32px}
.header h1 *{vertical-align:middle}
.header h1 a{color:#fff;text-shadow:1px 1px 0 #000;filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000, Positive=true);zoom:1}
.header h1 img{height:32px}
.header h1 .url{font-size:14px}
.header .siteTool{position:absolute;top:3em;right:0;padding:0 9px 0 0;text-align:right}
.header .siteTool .layerAnchor{display:inline-block;color:#fff;padding:0 6px 0 10px;border-left:1px solid #999}
.header .siteTool .layerAnchor:first-child{border:0}
.header .siteTool li{white-space:nowrap;padding-right:1em}
.header .siteTool .layer{text-align:left;top:100%;right:0}
.header #siteMapList .siteMapMore{text-align:right}
.header #moveSiteList{margin:0}
.header #moveSiteList li{padding-right:1em}
.header #moveSiteList .more{margin:1em}
.header .account{position:absolute;width:100%;padding:5px 9px 5px 0;top:0;right:0;white-space:nowrap;text-align:right;background:#333;border-bottom:1px solid #656565;color:#fff;font-size:12px;box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333}
.header .account ul{margin:0;padding:0;list-style:none}
.header .account li{position:relative;display:inline;border-left:1px solid #666;padding:0 6px 0 10px}
.header .account li:first-child{border:0}
.header .account a{color:#fff;display:inline-block;height:14px}
.header #language{position:absolute;top:19px;right:0;padding:10px !important;border:1px solid #666;border-top:0;background:#333}
.header #language li{border:0;display:block;padding:0;text-align:left;line-height:1.4}
.header h1 a:hover,
.header h1 a:active,
.header h1 a:focus,
.header .siteTool a:hover,
.header .siteTool a:active,
.header .siteTool a:focus,
.header .account a:hover,
.header .account a:active,
.header .account a:focus{color:#6e9cf2;text-decoration:underline}
/* Footer */
.footer{background:#4c4c4c;border-top:6px solid #e3e3e3;color:#fff;text-align:center;font-size:12px;padding:1em 0;box-shadow:0 0 8px #999;-moz-box-shadow:0 0 8px #999;-webkit-box-shadow:0 0 8px #999}
.footer a{color:#6e9cf2;text-decoration:none}
/* Body */
.body{position:relative;z-index:1;padding:1em 2em 1em 260px;zoom:1}
.body:after{content:"";display:block;clear:both}
/* Content */ /* Content */
#xeAdmin .open{display:block !important} .content{float:right;width:100%;margin-left:-230px;zoom:1}
#xeAdmin h1.xeAdmin {float:left;white-space:nowrap;margin:0;padding:0} .content:after{content:"";display:block;clear:both}
#xeAdmin caption{text-align:left} /* Dashboard */
#xeAdmin button{cursor:pointer} .dashboard{float:none;width:auto;margin-left:-230px}
#xeAdmin hr{display:none} .dashboard .portlet{float:left;width:48%;margin-right:1em}
#xeAdmin fieldset{border:0} /* Local Navigation */
#xeAdmin fieldset legend{font-size:0;line-height:0;position:absolute;visibility:hidden} .lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline}
#xeAdmin .section{margin:0 0 1em 0} .lnb .h2{margin-top:0}
#xeAdmin .buttonArea{text-align:center;padding:15px 0} .lnb ul{margin:0;padding:0;list-style:none}
#xeAdmin button.text{background:none;border:0;color:#0000ee} .lnb li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1}
#xeAdmin img.graphHr{height:5px;vertical-align:middle} .lnb li a{display:block;position:relative;padding:8px 10px;text-decoration:none;color:#666;font-weight:bold;background:#fafafa;border:1px solid #eee;zoom:1}
#xeAdmin .ac{text-align:center} .lnb li a .i{position:absolute;top:50%;left:100%;margin:-4px 0 0 -16px;width:8px;height:8px;color:#ccc;background:url(../img/iconNavVr.gif) no-repeat left top}
#xeAdmin .al{text-align:left} .lnb li ul{padding:5px 0;background:#fff}
#xeAdmin .ar{text-align:right} .lnb li li{margin:0;border-top:1px dotted #ddd}
.crossTable{width:100%;border:0;margin:0 0 20px 0;padding:0} .lnb li li:first-child{border:0}
.crossTable th div {white-space:nowrap;} .lnb li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0}
.crossTable th, .lnb li li a span{color:#666}
.crossTable td{border:0;padding:5px 10px;vertical-align:top} .lnb li.active{border:1px solid #ccc;z-index:2}
.crossTable th{background:#f4f4f4} .lnb li li.active{border:0}
.crossTable thead th{border-top:2px solid #cfcfcf;border-bottom:1px solid #e5e5e5;background-image:url(../img/lineVrText.gif);background-repeat:no-repeat;background-position:left center} .lnb li.active a{color:#000;border:0}
.crossTable thead th:first-child{background-image:none} .lnb li.active .i{background-position:0 -44px}
.crossTable tbody th{border-bottom:1px solid #e5e5e5;text-align:left} .lnb li.active li a{border:0}
.crossTable td{border-bottom:1px solid #f0f0f0} .lnb li.active ul{display:block;border-top:1px solid #eee}
.colTable{width:100%;border:0;margin:0 0 20px 0;padding:0} .lnb li.active li.active a span{color:#13b200;font-weight:bold;letter-spacing:-1px}
.colTable th div {white-space:nowrap;} /* Search */
.colTable tr.bg0{background:#fff} .search{zoom:1}
.colTable tr.bg1{background:#f8f8f8} .search:after{content:"";display:block;clear:both}
.colTable th, .search .pagination{float:left;text-align:left}
.colTable td{border:0;padding:5px 10px;vertical-align:top} .search form{float:right;margin:1em 0}
.colTable th{border-top:2px solid #cfcfcf;border-bottom:1px solid #e5e5e5;background:#f4f4f4;background-image:url(../img/lineVrText.gif);background-repeat:no-repeat;background-position:left center} .search form *{vertical-align:middle}
.colTable th:first-child{background-image:none} /* Site Map */
.colTable td{border-bottom:1px solid #f0f0f0} .siteMap h2 input{font-size:14px;font-weight:bold;padding:0 .5em}
.rowTable{width:100%;border:0;border-top:2px solid #cfcfcf;margin:0 0 20px 0;padding:0} .siteMap .lined ul{padding:0;margin:0;border-top:1px solid #eee;zoom:1}
.rowTable th div {white-space:nowrap;} .siteMap .lined li{position:relative;padding:0;margin:0;cursor:all-scroll;list-style:none;zoom:1}
.rowTable tr.bg0{background:#fff} .siteMap .lined li li{border-top:1px solid #eee}
.rowTable tr.bg1{background:#f8f8f8} .siteMap li li{text-indent:32px}
.rowTable th, .siteMap li li li{text-indent:64px}
.rowTable td{border:0;padding:5px 10px;text-align:left;vertical-align:top} .siteMap li li li li{text-indent:96px}
.rowTable th{background:#f4f4f4} .siteMap li li li li li{text-indent:128px}
.rowTable tbody th{border-bottom:1px solid #e5e5e5} .siteMap li li li li li li{text-indent:160px}
.rowTable td{border-bottom:1px solid #f0f0f0} .siteMap li li li li li li li{text-indent:192px}
.rowTable th.button, .colTable th.button, .crossTable th.button {text-align:right;} .siteMap li li li li li li li li{text-indent:224px}
.rowTable td.alert, .colTable td.alert, .crossTable td.alert {color:red !important;} .siteMap li li li li li li li li li{text-indent:256px}
.rowTable td.alert a, .colTable td.alert a, .crossTable td.alert a {text-decoration:none;color:red !important;} .siteMap li li li li li li li li li li{text-indent:288px}
.colTable td.wide, .rowTable td.wide, .crossTable td.wide {width:100%} .siteMap li li li li li li li li li li li{text-indent:320px}
.e1 .navigation {list-style:none;position:relative;*zoom:1;margin:0;padding:0;border-bottom:1px solid #c2c2c2} .siteMap li li li li li li li li li li li li{text-indent:352px}
.e1 .navigation ul {list-style:none;position:relative;*zoom:1;margin:0;padding:0} .siteMap li *{vertical-align:middle}
.e1 .navigation li {list-style:none;position:relative;*zoom:1;margin:0;padding:0;background-color:#f7f7f7;} .siteMap li .moveTo+input{width:200px;border:0;padding:0 .5em}
.e1 .navigation li a.parent {border-top:1px solid #c2c2c2;display:block;padding:10px 20px 10px 35px ;background-image:url(../img/iconNavigation.gif);background-repeat:no-repeat;background-position:160px -35px;font-weight:bold;color:#888;text-decoration:none} .siteMap li .moveTo+input:hover,
.e1 .navigation li.close a.parent {background-position:160px 13px;border-bottom:none;} .siteMap li .moveTo+input:active,
#module_service {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px 10px} .siteMap li .moveTo+input:focus{border:1px dotted #ccc;overflow:visible}
#module_member {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -40px} .siteMap .moveTo{position:relative;z-index:2;width:32px;height:32px;padding:32px 0 0 0;margin:0 .5em;_margin-top:-1px;overflow:hidden;background:#fff url(../img/iconMoveTo.gif) no-repeat;border:0}
#module_content {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -90px} .siteMap li.active li,
#module_construction {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -140px} .siteMap li.active ul{border-top-color:#fff}
#module_utility {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -190px} .siteMap li.active .moveTo{background-position:0 -32px}
#module_accessory {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -240px} .siteMap .vr{display:none;position:absolute;z-index:1;left:16px;top:-16px;margin:0 .5em;height:100%;border-left:1px solid #ccc;overflow:hidden}
#module_system {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -290px} .siteMap .hr{display:none;position:absolute;z-index:1;left:16px;top:16px;margin:0 .5em;width:16px;border-top:1px solid #ccc;overflow:hidden}
.e1 .navigation li ul{border-top:1px solid #d2d2d2;margin:0;padding:5px 0;background-color:#fff} .siteMap li.active .vr,
.e1 .navigation li ul li {margin:5px 0;padding:0 10px 0 35px;background-color:#fff} .siteMap li.active li .hr{display:block}
.e1 .navigation li.close ul{display:none} .siteMap li li .vr,
.e1 .navigation li ul li a {text-decoration:none;} .siteMap li li li .hr{left:48px}
.e1 .navigation li ul li a:hover {font-weight:bold;text-decoration:none;letter-spacing:-1px} .siteMap li li li .vr,
.e1 .navigation li ul li.active a {color:#ea3f22;letter-spacing:-1px} .siteMap li li li li .hr{left:80px}
.e2 .section{margin-left:20px} .siteMap li li li li .vr,
.e2 .section h4.xeAdmin {margin:10px 0 0 0;padding:0 0 0 25px;} .siteMap li li li li li .hr{left:112px}
.e2 .section .date{background:url(../img/lineVrText.gif) no-repeat left center;font-size:9px;padding-left:5px} .siteMap li li li li li .vr,
.e2 .section .contentBox {padding:10px 0;margin:0 0 20px 0;border-bottom:1px solid #ccc} .siteMap li li li li li li .hr{left:144px}
.e2 table tbody td{text-align:left;word-break:break-all;-ms-word-break:break-all;} .siteMap li li li li li li .vr,
#xeAdmin .localNavigation {position:relative;border-bottom:1px solid #ccc;*zoom:1;margin:0 0 40px 0;padding:0;font-size:12px} .siteMap li li li li li li li .hr{left:176px}
#xeAdmin .localNavigation:after {content:"";display:block;clear:both} .siteMap li li li li li li li .vr,
#xeAdmin .localNavigation ul{display:none;position:absolute;top:40px;left:0;list-style:none;margin:0;padding:0;overflow:hidden} .siteMap li li li li li li li li .hr{left:208px}
#xeAdmin .localNavigation li{list-style:none;float:left;margin:0 -1px 0 0;padding:0;background:#fff} .siteMap li li li li li li li li .vr,
#xeAdmin .localNavigation li a{float:left;padding:7px 15px 0 15px;height:18px;border:1px solid #ddd;border-bottom:none;background:url(../img/bgTab.gif) repeat-x;text-decoration:none !important;color:#666} .siteMap li li li li li li li li li .hr{left:240px}
#xeAdmin .localNavigation li.on {margin-bottom:-1px} .siteMap li li li li li li li li li .vr,
#xeAdmin .localNavigation li.on ul{display:block} .siteMap li li li li li li li li li li .hr{left:272px}
#xeAdmin .localNavigation li.on a{height:19px;background:none;font-weight:bold} .siteMap li li li li li li li li li li .vr,
#xeAdmin .localNavigation li li{position:relative;left:-1px;display:inline;float:none;margin:0;padding:0 6px 0 10px;border-left:1px solid #ddd} .siteMap li li li li li li li li li li li .hr{left:304px}
#xeAdmin .localNavigation li li a{font-weight:normal !important;float:none;padding:0;height:auto;border:0;background:none} .siteMap li li li li li li li li li li li .vr,
#xeAdmin .localNavigation li li.on a{font-weight:bold !important} .siteMap li li li li li li li li li li li li .hr{left:336px}
#xeAdmin h3.xeAdmin {border-bottom:2px solid #ccc;padding:5px 0 5px 25px;margin:0 0 10px 0;background:url(../img/iconH2.gif) no-repeat left center} .siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px}
#xeAdmin h4.xeAdmin {padding:5px 0 5px 20px;background:url(../img/iconH3.gif) no-repeat left center} .siteMap .side button{text-indent:0;line-height:1}
#xeAdmin h4.xeAdmin span.vr {font-size:11px;color:#AAA;} /* Button Area */
#xeAdmin h4.xeAdmin a.view {font-size:11px;font-family:vertical;color:#777e86;} .btnArea{margin:1em 0;text-align:right;zoom:1}
#xeAdmin p.summary, div.infoText {margin:0 0 15px 0;line-height:1.6} .btnArea:after{content:"";display:block;clear:both}
.layer {display:none;position:absolute;border:2px solid #777;margin:0;font-size:12px;background:#fff} /* Multilingual */
.layer * {margin:0;padding:0;font-size:12px;} #multilingual{background:#fff;position:absolute;*left:0;*margin-top:28px;z-index:10;box-shadow:3px 3px 6px #999;-moz-box-shadow:3px 3px 6px #999;-webkit-box-shadow:3px 3px 6px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5);}
.layer h4.xeAdmin {font-size:14px !important;font-family:Dotum;background:#f4f4f4 !important;padding:8px 30px 8px 15px !important;letter-spacing:-1px !important;} #multilingual ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0}
.layer .xButton {position:absolute;top:9px;right:9px;width:15px;height:14px;background-color:transparent;background:url(../img/buttonClose.gif) no-repeat;border:0;cursor:pointer;overflow:hidden;} #multilingual li{padding:.5em 10px}
.layer .xButton span {position:relative;z-index:-1;visibility:hidden;} #multilingual input{width:258px}
.layer .layerBody{margin:15px} #multilingual label{left:15px !important}
.boxModelControler select {margin-bottom:3px;} /* Find Module */
.boxModelControler .inputText {border:1px solid #ccc;padding:2px 3px;margin-bottom:3px;vertical-align:top;*margin-top:-1px;} #findModule th,
.boxModelControler .inputCheck {width:13px;height:13px;vertical-align:middle;} #findModule td{padding:5px 8px}
.boxModelControler .layerBody {margin:15px;} #findModule td button{margin:-5px 0}
.boxModelControler .preview{overflow:hidden;margin-bottom:20px} /* Mid Suggestion */
.boxModelControler .dragAble {position:relative;padding:15px 0 0 15px;background:url(../img/bgRuler.gif) no-repeat;*zoom:1;cursor:move} #midSuggestion{background:#fff;z-index:10;*left:0;*margin-top:28px;box-shadow:3px 3px 6px #999;-moz-box-shadow:3px 3px 6px #999;-webkit-box-shadow:3px 3px 6px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5);}
.boxModelControler .dragAble .prevGrid {position:relative;margin:-1px;background:url(../img/bgGrid.gif) 0 0;border:1px solid #000;*zoom:1} #midSuggestion ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;width:288px;_height:200px;max-height:200px;overflow:auto;margin:0}
.boxModelControler .dragAble .prevBox {position:relative;} #midSuggestion li{padding:0}
.boxModelControler .dragAble .prevBox .prevContent {position:relative;} #midSuggestion li:last-child{border-bottom:0}
.boxModelControler .boxModelTable {width:100%;border:0;border-bottom:1px solid #ddd;margin:0;padding:0} #midSuggestion li button{border:0;background:#fff;text-align:left;width:100%}
.boxModelControler .boxModelTable th, #midSuggestion li button:hover,
.boxModelControler .boxModelTable td {border:0;border-top:1px solid #ddd;vertical-align:top;padding:5px 10px;text-align:left;} #midSuggestion li button:active,
.boxModelControler .boxModelTable th {height:50px;*height:40px;background:#f1f1f1;padding-left:70px;background-repeat:no-repeat;background-position:10px 10px;} #midSuggestion li button:focus{background:#eee}
.boxModelControler .boxModelTable th.width {background-image:url(../img/exWidth.gif);} /* Image Mark */
.boxModelControler .boxModelTable th.margin {background-image:url(../img/exMargin.gif);} #imageMark{right:0}
.boxModelControler .boxModelTable th.padding {background-image:url(../img/exPadding.gif);} /* Easy Installer */
.boxModelControler .boxModelTable th.border {background-image:url(../img/exBorder.gif);} .easyNav{position:relative;border:1px solid #e9e9e9;zoom:1}
.boxModelControler .boxModelTable th.bgColor {background-image:url(../img/exBgColor.gif);} .easyNav:after{content:"";display:block;clear:both}
.boxModelControler .boxModelTable th.bgImage {background-image:url(../img/exBgImage.gif);} .easyNav h2{font-size:16px}
.boxModelControler .boxModelTable th sup {font-weight:normal;font-size:11px;font-family:Dotum;color:#999;} .easyNav .category{width:30%;float:left;margin:0 2em;display:inline}
.boxModelControler .boxModelTable td dl.iList dt {display:inline;position:relative;top:3px;} .easyNav .filter{position:absolute;top:0;right:0;margin:1em 2em;text-align:right}
.boxModelControler .boxModelTable td dl.iList dd {display:inline;} .easyList td p{margin-top:0}
.boxModelControler .boxModelTable td dl.dList dt {float:left;clear:left;margin-right:5px;padding-top:3px;} .easyList td p.update{background:#ffc;padding:.5em 1em;border:1px solid #fc9;border-left:0;border-right:0;text-align:center}
.boxModelControler .boxModelTable td dl.dList dd {clear:right;} /* Font Preview */
.boxModelControler .colorPicker {position:relative;display:inline;vertical-align:top;} .fontPreview{width:96%;border:1px solid #e9e9e9;zoom:1;padding:1em 2em;margin:.5em 0}
.boxModelControler .colorPicker .picker {position:relative;top:2px;left:-22px;width:16px;height:16px;border:1px solid #ccc;background-color:transparent;background-position:right top;cursor:pointer;vertical-align:top;} /* FTP Suggestion */
.boxModelControler .colorPicker .picker span {font-size:0;line-height:0;z-index:-1;visibility:hidden;} #ftpSuggestion{background:#fff;box-shadow:3px 3px 6px #999;-moz-box-shadow:3px 3px 6px #999;-webkit-box-shadow:3px 3px 6px #999;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5);}
.boxModelControler .colorPicker .palette {position:absolute;top:0px;left:0;display:none;width:272px;height:64px;list-style:none;margin:0;padding:1px 0 0 1px;border:1px solid #ccc;background:#fff;overflow:hidden;} #ftpSuggestion ul{border-left:1px solid #eee;border-right:1px solid #eee}
.boxModelControler .colorPicker .palette.open {display:block;} #ftpSuggestion li{padding:0}
.boxModelControler .colorPicker .palette li {float:left;margin:0 1px 1px 0;font-size:0;line-height:0;} #ftpSuggestion li button{border:0;background:#fff;text-align:left;width:288px}
.boxModelControler .colorPicker .palette li button {width:15px;height:15px;border:0;cursor:pointer;} #ftpSuggestion li button:hover,
.boxModelControler .colorPicker .palette li button span {position:relative;z-index:-1;font-size:0;line-height:0;visibility:hidden;} #ftpSuggestion li button:active,
.boxModelControler .colorPicker .palette li button.transparent {background:url(../img/bgNone.gif) no-repeat right top;border:1px solid #ddd;} #ftpSuggestion li button:focus{background:#eee}
.boxModelControler .borderDetach {display:none;} /* Notice Alert */
.boxModelControler .borderDetach.open {display:block;} .noticeAlert{background:#ffc;padding:0 2em;border:1px solid #fcc;border-left:0;border-right:0;zoom:1;position:relative}
.boxModelControler .buttonArea{padding:15px 0 0 0;text-align:center} .noticeAlert h2{zoom:1;margin:.83em 0}
#popup_content {border:2px solid #777;margin:0;font-size:12px;background:#fff;position:relative} .noticeAlert em{font-style:normal;font-weight:bold}
#popup_content .xButton {position:absolute;top:9px;right:18px;width:15px;height:14px;padding:0;background-color:transparent;background:url(../img/buttonClose.gif) no-repeat;border:0;cursor:pointer;overflow:hidden;} /* Theme & Skin Preview */
#popup_content .xButton span {position:relative;z-index:-1;visibility:hidden;} .thumbPreview .i{display:inline-block; vertical-align:top; margin:0 1em 1em 0}
#popup_content * {font-size:12px;} .thumbPreview .i .thumb{ width:240px; height:160px; line-height:160px; text-align:center; overflow:hidden; border:1px solid #ddd; display:block; cursor:pointer}
#popHeadder h4.xeAdmin, #popHeadder h1.xeAdmin, #popHeadder h3.xeAdmin {font-size:14px !important;font-family:Dotum !important;background:#f4f4f4 !important;padding:8px 30px 8px 15px !important;letter-spacing:-1px !important;border:none !important;margin:0 !important} .thumbPreview .i .thumb img{ width:240px}
#popHeader h4.xeAdmin, #popHeader h1.xeAdmin, #popHeader h3.xeAdmin {font-size:14px !important;font-family:Dotum !important;background:#f4f4f4 !important;padding:8px 30px 8px 15px !important;letter-spacing:-1px !important;border:none !important;margin:0 !important} .thumbPreview .i.checked .thumb{ border:8px solid #999; width:226px; height:146px; line-height:146px}
#popHeader, #popBody, #popFooter {position:relative;*zoom:1;overflow:hidden} .thumbPreview .i.checked .thumb img{ margin:-7px}
#popBody, #popHistoryBody {margin:15px !important} /* Sign Up Form */
#popFooter {padding:10px 0 0 0;height:28px;text-align:center;background:#f4f4f4} .signUpForm li{ position:relative}
#popHeader.wide {width:600px} .signUpForm .side{ position:absolute; top:8px; right:0}
.adminTable {width:100%;border:1px solid #EEE;border-bottom:none;border-right:none;margin-bottom:15px;}
.adminTable caption {background:url("../img/n_caption_head.gif") no-repeat left top;padding:8px 0 5px 30px;text-align:left;font-weight:bold !important;color:#FFFFFF !important;background-color:#888 !important;border-bottom:1px solid #FFFFFF;font-size:12px !important} /* Responsive Layout */
.adminTable thead tr th div {text-align:center} @media only all and (max-width:640px) {
.adminTable thead tr th {background-color:#AAA;color:#FFFFFF !important;} .skipNav a{position:relative;width:auto;height:auto}
.adminTable tr th {background-color:#FFFFFF;padding:6px;font-weight:bold;text-align:left;color:#666;border-right:1px solid #EEE;border-bottom:1px solid #EEE;} .gnb ul{display:block;position:static;padding:0}
.adminTable tr.row2 th {background-color:#F3F3F3;} .gnb li{float:none;clear:both;border-top:1px solid #ccc}
.adminTable tr th {width:10px;} .gnb ul ul{border:0;position:static}
.adminTable tr th div {white-space:nowrap;margin:0 5px;} .gnb li li{border:0}
.adminTable tr th select {height:20px;} .gnb li a{float:none;display:block}
.adminTable tr th.wide {width:100%;} .gnb li a:hover,
.adminTable tr th.half_wide {width:50%;} .gnb li a:active,
.adminTable tr th.quarter_wide {width:25%;} .gnb li a:focus{background:none}
.adminTable tr td.wide {width:100%;} .gnb li.activeOn a{background:#ddd}
.adminTable tr td {background-color:#FFFFFF;white-space:normal;font-weight:normal;text-align:left;color:#222222; border-bottom:1px solid #EEE;border-right:1px solid #EEE;padding:4px 6px 4px 6px} }
.adminTable tr.row2 td {background-color:#F3F3F3;} @media only all and (max-width:860px) {
.adminTable tr a {color:#222222;text-decoration:none;} .header .siteTool{position:relative;clear:both;top:0;right:0;margin:1em 0}
.adminTable tr a:hover {color:#3D83B8;} .body{padding:1em}
.adminTable tr td.nowrap {white-space:nowrap !important;} .content{float:none;margin-left:0}
.adminTable tr td.alert, .adminTable tr td.alert a {color:red;} .lnb{float:none;width:auto;margin:1em 0}
.adminTable tr td.number {font-size:8pt;font-family:tahoma;color:#27536C;} .dashboard .portlet{float:none;width:auto;margin-right:0}
.adminTable tr td.date, .modal .fg,
.adminTable tr td span.date {font-size:8pt;font-family:tahoma;color:#666666} .wfsr .fg{width:auto}
.adminTable tr td.center {text-align:center;} .easyNav .category{float:none;display:block;width:auto}
.adminTable tr td.right {text-align:right;} .easyNav .filter{position:static}
.adminTable tr td.paper {background:transparent url("../img/n_paper_bullet.gif") no-repeat 6px 8px;padding-left:20px;} }
.adminTable tr.row2 td.paper {background:#F3F3F3 url("../img/n_paper_bullet.gif") no-repeat 6px 8px;padding-left:20px;}
.adminTable tr td.circle {background:#FFFFFF url("../img/n_circle_bullet.gif") no-repeat 6px 8px;padding-left:20px;}
.adminTable tr.row2 td.circle {background:#F3F3F3 url("../img/n_circle_bullet.gif") no-repeat 6px 8px;padding-left:20px;}
.adminTable tr td strong.alert {color:red;}
.adminTable tr td p {padding:0;margin:5px 0 0 5px;color:#777777;}
.adminTable tr td p a {color:#9F875F;font-weight:bold;text-decoration:underline;}
.adminTable tr td.modify a,
.adminTable tr td.delete a,
.adminTable tr td.copy a,
.adminTable tr td.setup a,
.adminTable tr td.activated a,
.adminTable tr td.deactivated a,
.adminTable tr td.moveupdown a,
.adminTable tr td.selectAll a,
.adminTable tr td.deSelectAll a,
.adminTable tr td.view a {margin:0 auto;}
.adminTable tr td.modify a {width:14px;height:14px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_icon_modify.gif") no-repeat left top;}
.adminTable tr td.delete a {width:14px;height:14px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_icon_delete.gif") no-repeat left top;}
.adminTable tr td.copy a {width:16px;height:16px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_icon_copy.gif") no-repeat left top;}
.adminTable tr td.view a {width:14px;height:14px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_icon_view.gif") no-repeat left top;}
.adminTable tr td.setup a {width:16px;height:16px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_setup.gif") no-repeat left top;}
.adminTable tr td.activated a {width:16px;height:16px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_light_on.gif") no-repeat left top;}
.adminTable tr td.deactivated a {width:16px;height:16px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_light_off.gif") no-repeat left top; }
.adminTable tr td.selectAll a {width:16px;height:16px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_icon_select_all.gif") no-repeat left top;}
.adminTable tr td.deSelectAll a {width:16px;height:16px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_icon_remove.gif") no-repeat left top;}
.adminTable tr td.moveupdown a.up {float:left;width:14px;height:14px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_button_up.gif") no-repeat left top;margin-right:5px;}
.adminTable tr td.moveupdown a.down{float:left;width:14px;height:14px;overflow:hidden;display:block;font-size:1px;line-height:100px;background:url("../img/n_button_down.gif") no-repeat left top;}
.adminTable tr td.blue, .adminTable tr td.blue a {color:blue;}
.adminTable tr td.red, .adminTable tr td.red a {color:red;}
.fullWidth {width:80%;}
.adminLeftContent {float:left;width:60%;margin-right:2%;_margin-right:1.9%}
.adminRightExtra {float:left;width:38%;}
.serverresponse {background: #FFFFFF url(../../../../common/tpl/images/loading.gif) no-repeat scroll 5px 5px;height:30px;padding-left:25px;padding-top:5px; }
#search_nav {border:3px solid #ccc;margin:-3px 0 0 0;padding:3px;}
#search_nav input {border:0;height:17px;width:140px;padding:3px 0 0 4px;vertical-align:middle}
#search_nav button {padding:0;border:0;height:17px;width:17px;background:transparent url(../img/buttonSearch.gif) no-repeat center;vertical-align:middle}
#search_nav button.close {background:transparent url(../img/buttonClose.gif) no-repeat center}
.e1 .section ._result{list-style:none;margin:10px 0 0 0;padding:0}
.e1 .section ._result li{margin:0}
.e1 .section ._result a{display:block;color:#767676;padding:4px 5px 4px 10px}
.e1 .section ._result a:hover,
.e1 .section ._result a:active,
.e1 .section ._result a:focus{background:#f8f8f8}

478
modules/admin/tpl/index.html
View file

@ -1,314 +1,174 @@
<!--#include("_header.html")--> <!--#include("./_spHeader.html")-->
<div class="content dashboard" id="content">
<!--%import("./css/dashboard.css")--> <form action="" class="noticeAlert">
<!--%import("../../install/lang")--> <h2>설치 환경정보 수집 동의</h2>
<!--%import("../../module/tpl/js/module_admin.js")--> <p>설치 환경정보 수집에 동의하는 경우 사용자의 XE 설치 환경과 관련되어 있는 '<em>OS, DBMS, #, #</em>' 정보가 XE 통계 수집 서버로 전송됩니다. 수집된 정보는 더 나은 SW를 제작하기 위한 통계 수집 이외의 목적으로 활용하지 않습니다. XE는 사용자의 설치 환경 정보를 외부에 공개하지 않습니다. <em>이 항목에 반드시 동의하지 않아도 됩니다.</em></p>
<!--%import("../../session/tpl/js/session.js")--> <div class="btnArea">
<!--%import("../../addon/tpl/js/addon.js")--> <span class="btn"><input type="submit" value="동의" /></span>
<!--%import("../../addon/tpl/filter/toggle_activate_addon.xml")--> <span class="btn"><button type="button">동의 안함</button></span>
<div class="content">
<!-- Dashboard Header -->
<div class="dashboardHeader">
<h3 class="h3">{$lang->admin_index}</h3>
</div>
<!-- /Dashboard Header -->
<!-- Dashboard Statistic -->
<div class="section dashboardStatistic">
<div class="statistic">
<h4><span>TODAY <em>{date('Y.m.d')}</em></span></h4>
<dl class="visit">
<dt>{$lang->today_visitor}</dt>
<dd>
<object title="visitor" height="50" width="100%" align="middle" id="count_red" class="F1239845427590201480_undefined" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="{getUrl()}modules/admin/tpl/swf/count.swf" name="movie"/>
<param value="high" name="quality"/>
<param value="#FFFFFF" name="bgColor"/>
<param value="always" name="allowScriptAccess"/>
<param value="transparent" name="wmode"/>
<param value="false" name="menu"/>
<param value="true" name="allowFullScreen"/>
<param value="colorType=red&amp;viewNum={$status->visitor}" name="flashVars"/>
<!--[if !IE]> <-->
<object title="{$status->visitor}" height="50" width="100%" align="middle" name="count_red" class="F1239845427590201480_undefined" data="{getUrl()}modules/admin/tpl/swf/count.swf" type="application/x-shockwave-flash">
<param value="colorType=red&amp;viewNum={$status->visitor}" name="flashVars"/>
<param value="transparent" name="wmode"/>
{$status->visitor}
</object>
<!--> <![endif]-->
</object>
</dd>
</dl>
<dl class="reply">
<dt>{$lang->today_comments}</dt>
<dd>
<object title="{$status->comment->today}" height="50" width="100%" align="middle" id="count_blue" class="F1239845427590201480_undefined" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="{getUrl()}modules/admin/tpl/swf/count.swf" name="movie"/>
<param value="high" name="quality"/>
<param value="#FFFFFF" name="bgColor"/>
<param value="always" name="allowScriptAccess"/>
<param value="transparent" name="wmode"/>
<param value="false" name="menu"/>
<param value="true" name="allowFullScreen"/>
<param value="colorType=blue&amp;viewNum={$status->comment_count}" name="flashVars"/>
<!--[if !IE]> <-->
<object title="{$status->comment->today}" height="50" width="100%" align="middle" name="count_blue" class="F1239845427590201480_undefined" data="{getUrl()}modules/admin/tpl/swf/count.swf" type="application/x-shockwave-flash">
<param value="colorType=blue&amp;viewNum={$status->comment_count}" name="flashVars"/>
<param value="transparent" name="wmode"/>
{$status->comment->today}
</object>
<!--> <![endif]-->
</object>
</dd>
</dl>
<dl class="trackback">
<dt>{$lang->today_trackbacks}</dt>
<dd>
<object title="{$status->trackback->today}" height="50" width="100%" align="middle" id="count_gray" class="F1239845427590201480_undefined" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="{getUrl()}modules/admin/tpl/swf/count.swf" name="movie"/>
<param value="high" name="quality"/>
<param value="#FFFFFF" name="bgColor"/>
<param value="always" name="allowScriptAccess"/>
<param value="transparent" name="wmode"/>
<param value="false" name="menu"/>
<param value="true" name="allowFullScreen"/>
<param value="colorType=gray&amp;viewNum={$status->trackback_count}" name="flashVars"/>
<!--[if !IE]> <-->
<object title="{$status->trackback->today}" height="50" width="100%" align="middle" name="count_gray" class="F1239845427590201480_undefined" data="{getUrl()}modules/admin/tpl/swf/count.swf" type="application/x-shockwave-flash">
<param value="colorType=gray&amp;viewNum={$status->trackback_count}" name="flashVars"/>
<param value="transparent" name="wmode"/>
{$status->trackback->today}
</object>
<!--> <![endif]-->
</object>
</dd>
</dl>
<div class="summary">
<table border="1" cellspacing="0">
<tr>
<th scope="row"><a href="{getUrl('','module','admin','act','dispMemberAdminList')}">{$lang->member}</a></th>
<td><strong>{number_format($status->member->total)}</strong> <span class="description">(+<a href="{getUrl('','module','admin','act','dispMemberAdminList','search_target','regdate','search_keyword',date("Ymd"))}"><strong>{number_format($status->member->today)}</strong></a>)</span></td>
</tr>
<tr>
<th scope="row"><a href="{getUrl('','module','admin','act','dispDocumentAdminList')}">{$lang->document}</a></th>
<td><strong>{number_format($status->document->total)}</strong> <span class="description">(+<a href="{getUrl('','module','admin','act','dispDocumentAdminList','search_target','regdate','search_keyword',date("Ymd"))}"><strong>{number_format($status->document->today)}</strong></a>,-<a href="{getUrl('','module','admin','act','dispDocumentAdminDeclared')}"><strong>{number_format($status->documentDeclared->total)}</strong></a>)</span></td>
</tr>
<tr>
<th scope="row"><a href="{getUrl('','module','admin','act','dispCommentAdminList')}">{$lang->comment}</a></th>
<td><strong>{number_format($status->comment->total)}</strong> <span class="description">(+<a href="{getUrl('','module','admin','act','dispCommentAdminList','search_target','regdate','search_keyword',date("Ymd"))}"><strong>{number_format($status->comment->today)}</strong></a>,-<a href="{getUrl('','module','admin','act','dispCommentAdminDeclared')}"><strong>{number_format($status->commentDeclared->total)}</strong></a>)</span></td>
</tr>
<tr>
<th scope="row"><a href="{getUrl('','module','admin','act','dispTrackbackAdminList')}">{$lang->trackback}</a></th>
<td><strong>{number_format($status->trackback->total)}</strong> <span class="description">(+<a href="{getUrl('','module','admin','act','dispTrackbackAdminList','search_target','regdate','search_keyword',date("Ymd"))}"><strong>{number_format($status->trackback->today)}</strong></a>)</span></td>
</tr>
<tr>
<th scope="row"><a href="{getUrl('','module','admin','act','dispFileAdminList')}">{$lang->file}</a></th>
<td><strong>{number_format($status->file->total)}</strong> <span class="description">(+<a href="{getUrl('','module','admin','act','dispFileAdminList','search_target','regdate','search_keyword',date("Ymd"))}"><strong>{number_format($status->file->today)}</strong></a>)</span></td>
</tr>
</table>
</div>
</div> </div>
<span class="outline ml"></span> </form>
<span class="outline mr"></span> <div class="portlet">
<span class="outline tc"></span> <h2 class="h2">Current State</h2>
<span class="outline bc"></span> <ul class="lined">
<span class="outline tl"></span> <li><a href="#">Site</a> <span class="side">42(+1)</span></li>
<span class="outline tr"></span> <li><a href="#">User</a> <span class="side">806,296(+124)</span></li>
<li><a href="#">Document</a> <span class="side">347,886(+82)</span></li>
<span class="outline bl"></span> <li><a href="#">Comment</a> <span class="side">738,201(+295)</span></li>
<span class="outline br"></span> <li><a href="#">Trackback</a> <span class="side">252(+21)</span></li>
</ul>
</div> </div>
<!-- /Dashboard Statistic --> <div class="portlet">
<h2 class="h2">Latest Document</h2>
<!-- Visotors Graph --> <ul class="lined">
<div class="section"> <li>
<a href="#" target="_blank">How are you doing? How are you doing? How are you doing? How are you doing? How are you doing? </a> <span class="side">ChanMyeong</span>
<h4 class="dashboardH4">{$lang->counter} <em>{date("Y.m.d")}</em></h4> <span class="action">
<div class="dashboardWire"> <a href="#" target="_blank">Edit</a>
<dl class="legend"> <a href="#">Spam</a>
<dt class="past"><img src="../../../common/tpl/images/blank.gif" width="5" height="5" alt="{$lang->yesterday}" /></dt> <a href="#">Trash</a>
<dd>{$lang->last_week}</dd> </span>
<dt class="today"><img src="../../../common/tpl/images/blank.gif" width="5" height="5" alt="{$lang->today}" /></dt> </li>
<dd>{$lang->this_week}</dd> <li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
</dl> <span class="action">
<dl class="summary"> <a href="#" target="_blank">Edit</a>
<dt>{$lang->today}</dt> <a href="#">Spam</a>
<dd>{number_format($status->visitor)}</dd> <a href="#">Trash</a>
<dt>{$lang->this_week}</dt> </span>
<dd>{number_format($status->thisWeekSum)}</dd> </li>
<dt>{$lang->total}</dt> <li>
<dd>{number_format($status->total_visitor)}</dd> <a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
</dl> <span class="action">
<div class="graph"> <a href="#" target="_blank">Edit</a>
<!--@foreach($status->week as $key => $val)--> <a href="#">Spam</a>
<dl> <a href="#">Trash</a>
<dt><!--@if($key==date("Ymd"))--><strong>{$key}</strong><!--@else-->{$key}<!--@end--></dt> </span>
<dd class="past" style="height:{$val->last/$status->week_max * 100}%" title="{$lang->last_week}:{number_format($val->last)}"><span>{$lang->last_week}:{number_format($val->last)}</span></dd> </li>
<dd class="today" style="height:{$val->this/$status->week_max * 100}%" title="{$lang->this_week}:{number_format($val->this)}"><span>{$lang->this_week}:{number_format($val->this)}</span></dd> <li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
</dl> <span class="action">
<!--@end--> <a href="#" target="_blank">Edit</a>
</div> <a href="#">Spam</a>
</div> <a href="#">Trash</a>
</span>
</li>
<li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<span class="action">
<a href="#" target="_blank">Edit</a>
<a href="#">Spam</a>
<a href="#">Trash</a>
</span>
</li>
</ul>
</div> </div>
<!-- /Visotors Graph --> <div class="portlet">
<h2 class="h2">Latest Comment</h2>
<div class="section"> <ul class="lined">
<h4 class="dashboardH4">{$lang->env_information} <a href="{getUrl('','module','admin','act','dispAdminConfig')}">{$lang->cmd_setup}</a></h4> <li>
<!--@if($current_version < $released_version)--> <a href="#" target="_blank">How are you doing? How are you doing? How are you doing? How are you doing? How are you doing? </a> <span class="side">ChanMyeong</span>
<p class="summary red">{nl2br($lang->about_download_link)} [<a href="{$download_link}" onclick="window.open(this.href);return false;">{$lang->cmd_download}</a>]</p> <span class="action">
<!--@end--> <a href="#" target="_blank">Edit</a>
<table> <a href="#">Spam</a>
<col width="160" /> <a href="#">Trash</a>
<col width="*" /> </span>
<tbody> </li>
<tr> <li>
<th><div>{$lang->current_version}</div></th> <a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<td class="wide"> <span class="action">
<strong>{$current_version}</strong><!--@if($current_version == $released_version)--> [<a href="{$download_link}" onclick="window.open(this.href);return false;">{$lang->cmd_view}</a>]<!--@end--> <a href="#" target="_blank">Edit</a>
</td> <a href="#">Spam</a>
</tr> <a href="#">Trash</a>
<tr> </span>
<th><div>{$lang->current_path}</div></th> </li>
<td>{$installed_path}/</td> <li>
</tr> <a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<tr> <span class="action">
<th><div>{$lang->start_module}</div></th> <a href="#" target="_blank">Edit</a>
<td><a href="{getSiteUrl('','','mid',$start_module->mid)}" onclick="window.open(this.href);return false;">{$start_module->browser_title}</a></td> <a href="#">Spam</a>
</tr> <a href="#">Trash</a>
<tr> </span>
<th><div>{$lang->time_zone}</div></th> </li>
<td><!--@foreach($time_zone_list as $key => $val)--><!--@if($time_zone==$key)-->{substr($val,1,10)}<!--@end--><!--@endforeach--></td> <li>
</tr> <a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<tr> <span class="action">
<th><div>{$lang->use_rewrite}</div></th> <a href="#" target="_blank">Edit</a>
<td><!--@if($use_rewrite=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <a href="#">Spam</a>
</tr> <a href="#">Trash</a>
<tr> </span>
<th><div>{$lang->use_sso}</div></th> </li>
<td><!--@if($use_sso=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <li>
</tr> <a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<tr> <span class="action">
<th><div>{$lang->mobile_view}</div></th> <a href="#" target="_blank">Edit</a>
<td><!--@if($use_mobile_view=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <a href="#">Spam</a>
</tr> <a href="#">Trash</a>
<tr> </span>
<th><div>Language</div></th> </li>
<td><!--@foreach($lang_supported as $key => $val)--><!--@if($key == $selected_lang)-->{$val}<!--@endif--><!--@endforeach--></td> </ul>
</tr> </div>
<tr> <div class="portlet">
<th><div>{$lang->qmail_compatibility}</div></th> <h2 class="h2">Latest Trackback</h2>
<td><!--@if($qmail_compatibility=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <ul class="lined">
</tr> <li>
<tr> <a href="#" target="_blank">How are you doing? How are you doing? How are you doing? How are you doing? How are you doing? </a> <span class="side">ChanMyeong</span>
<th><div>{$lang->use_db_session}</div></th> <span class="action">
<td><!--@if($use_db_session =='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <a href="#" target="_blank">Edit</a>
</tr> <a href="#">Spam</a>
</tbody> <a href="#">Trash</a>
</table> </span>
</li>
<li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<span class="action">
<a href="#" target="_blank">Edit</a>
<a href="#">Spam</a>
<a href="#">Trash</a>
</span>
</li>
<li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<span class="action">
<a href="#" target="_blank">Edit</a>
<a href="#">Spam</a>
<a href="#">Trash</a>
</span>
</li>
<li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<span class="action">
<a href="#" target="_blank">Edit</a>
<a href="#">Spam</a>
<a href="#">Trash</a>
</span>
</li>
<li>
<a href="#" target="_blank">How are you doing?</a> <span class="side">ChanMyeong</span>
<span class="action">
<a href="#" target="_blank">Edit</a>
<a href="#">Spam</a>
<a href="#">Trash</a>
</span>
</li>
</ul>
</div>
<div class="portlet">
<h2 class="h2">XE Team Notice</h2>
<ul class="lined">
<li><a href="#" target="_blank">How are you doing? How are you doing? How are you doing? How are you doing? How are you doing? </a> <span class="side">2011-12-24</span></li>
<li><a href="#" target="_blank">How are you doing?</a> <span class="side">2011-12-24</span></li>
<li><a href="#" target="_blank">How are you doing?</a> <span class="side">2011-12-24</span></li>
<li><a href="#" target="_blank">How are you doing?</a> <span class="side">2011-12-24</span></li>
<li><a href="#" target="_blank">How are you doing?</a> <span class="side">2011-12-24</span></li>
</ul>
</div>
<div class="portlet">
<h2 class="h2">Update Available</h2>
<ul class="lined">
<li>사용 가능한 업데이트 항목이 없습니다.</li>
<li><a href="#" target="_blank">XE Core 1.5</a> <span class="side"><a href="#">Update</a></span></li>
</ul>
</div> </div>
</div> </div>
<!--#include("./_spFooter.html")-->
<div class="extension e2">
<div class="section">
<div class="contentBox">
<span class="button"><input type="button" value="{$lang->cmd_remake_cache}" onclick="doRecompileCacheFile(); return false;"/></span>
<span class="button"><input type="button" value="{$lang->cmd_clear_session}" onclick="doClearSession(); return false; "/></span>
</div>
</div>
{@$_show_modules = false; }
<!--@foreach($module_list as $key => $val)-->
<!--@if($val->need_install || $val->need_update)-->
{@$_show_modules = true; }
<!--@end-->
<!--@end-->
<!--@if($_show_modules)-->
<div class="section">
<table>
<thead>
<th colspan="2">{$lang->module}</th>
</thead>
<tbody>
<!--@foreach($module_list as $key => $val)-->
<!--@if($val->need_install || $val->need_update)-->
<tr>
<th><a href="{getUrl('','module','admin','act',$val->admin_index_act)}" title="{trim(htmlspecialchars($val->description))}">{$val->title}</a> ({$val->module})</th>
<td class="alert">
<!--@if($val->need_install)-->
<a href="#" onclick="doInstallModule('{$val->module}');return false;" title="{htmlspecialchars($lang->cmd_install)}">{$lang->cmd_install}</a>
<!--@elseif($val->need_update)-->
<a href="#" onclick="doUpdateModule('{$val->module}'); return false;" title="{htmlspecialchars($lang->cmd_update)}">{$lang->cmd_update}</a>
<!--@else-->
&nbsp;
<!--@end-->
</td>
</tr>
<!--@end-->
<!--@end-->
</tbody>
</table>
</div>
<!--@end-->
<!--@if($news)-->
<div class="section">
<table>
<thead>
<th colspan="2">{$lang->newest_news}</th>
</thead>
<tbody>
<!--@foreach($news as $key => $val)-->
<tr>
<th><a href="{$val->url}" onclick="window.open(this.href);return false;" class="fl">{cut_str($val->title,36)}</a></th>
<td><span class="date fr">{zdate($val->date,"y-m-d")}</span></td>
</tr>
<!--@endforeach-->
</tbody>
</table>
</div>
<!--@endif-->
<div class="section">
<form id="fo_addon" action="./" method="get">
<input type="hidden" name="addon" value="" />
</form>
<table>
<thead>
<tr>
<th>{$lang->addon}</th>
<th>{$lang->cmd_setup}</th>
<th>PC</th>
<th>Mobile</th>
</tr>
</thead>
<tbody>
<!--@foreach($addon_list as $key => $val)-->
<tr>
<th><a href="{getUrl('','module','addon','act','dispAddonAdminInfo','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false">{cut_str($val->title,24)}</a></th>
<td class="center"><a href="{getUrl('','module','addon','act','dispAddonAdminSetup','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="buttonSet buttonSetting"><span>{$lang->cmd_setup}</span></a></td>
<td class="center">
<!--@if($val->activated)-->
<a href="#" onclick="doToggleAddonInAdmin(this, '{$val->addon}');return false;" title="{htmlspecialchars($lang->use)}" class="buttonSet buttonActive"><span>{$lang->use}</span></a>
<!--@else-->
<a href="#" onclick="doToggleAddonInAdmin(this, '{$val->addon}');return false;" title="{htmlspecialchars($lang->notuse)}" class="buttonSet buttonDisable"><span>{$lang->notuse}</span></a>
<!--@end-->
</td>
<td class="center">
<!--@if($val->mactivated)-->
<a href="#" onclick="doToggleAddonInAdmin(this, '{$val->addon}', 'mobile');return false;" title="{htmlspecialchars($lang->use)}" class="buttonSet buttonActive"><span>{$lang->use}</span></a>
<!--@else-->
<a href="#" onclick="doToggleAddonInAdmin(this, '{$val->addon}', 'mobile');return false;" title="{htmlspecialchars($lang->notuse)}" class="buttonSet buttonDisable"><span>{$lang->notuse}</span></a>
<!--@end-->
</td>
</tr>
<!--@end-->
</tbody>
</table>
</div>
</div>
<!--#include("_footer.html")-->

653
modules/admin/tpl/js/admin.js
View file

@ -1,165 +1,7 @@
/** /* NHN (developers@xpressengine.com) */
* @file admin.js
* @author NHN (developers@xpressengine.com)
* @brief admin 모듈의 javascript
**/
// 캐시파일 모두 재 생성
function doRecompileCacheFile() {
exec_xml("admin","procAdminRecompileCacheFile", new Array(), completeMessage);
}
// 모듈 목록 오픈
function toggleModuleMenu(category) {
jQuery('#module_'+category).toggleClass('close');
var arr = new Array();
jQuery('ul.navigation > li').each(function(){
var o = jQuery(this);
if(!o.hasClass('close')) return;
var idx = o.attr('id').replace(/^module_/,'');
arr.push(idx);
});
var expire= new Date();
expire.setTime(expire.getTime()+(7000*24*3600000));
xSetCookie('XEAM',arr.join(','),expire,'/');
}
// 메인 모듈/ 애드온 토글
function toggleModuleAddon(target) {
var b = (target == 'module');
jQuery('#moduleOn').attr('class', b?'on':'');
jQuery('#addonOn').attr('class', b?'':'on');
jQuery('#xeModules')[b?'show':'hide']();
jQuery('#xeAddons')[b?'hide':'show']();
}
// toggle language list
function toggleAdminLang() {
jQuery('#adminLang').toggleClass('open');
}
// string to regex(초성검색용)
function str2regex(str) {
// control chars
str = str.replace(/([\[\]\{\}\(\)\*\-\+\!\?\^\|\\])/g, '\\$1');
// find consonants and replace it
str = str.replace(/[ㄱ-ㅎ]/g, function(c){
var c_order = 'ㄱㄲㄴㄷㄸㄹㅁㅂㅃㅅㅆㅇㅈㅉㅊㅋㅌㅍㅎ'.indexOf(c);
var ch_first = String.fromCharCode(0xAC00 + c_order*21*28 + 0 + 0);
var ch_last = String.fromCharCode(0xAC00 + c_order*21*28 + 20*28 + 27);
return '['+ch_first+'-'+ch_last+']';
});
return new RegExp(str, 'ig');
}
jQuery(function($){
// paint table rows
jQuery("table.rowTable tr").attr('class','').filter(":nth-child(even)").attr('class','bg1');
// set menu tooltip - taggon
$('ul.navigation:first > li').each(function(){
var texts = [];
$(this).find('li').each(function(){
texts.push($(this).text());
});
if (!texts.length) return true;
$(this).find('>a').qtip({
content : texts.join(', '),
position : {
corner : {
target:'rightMiddle',
tooltip:'leftMiddle'
},
adjust : {
x : -30
}
},
style : {
name : 'cream',
tip : true,
textAlign : 'center',
padding : 5,
border : {
radius : 2
}
}
});
});
// menu search
var nav = $('#search_nav + ul.navigation');
var inp = $('#search_nav input[type=text]:first');
var btn = $('#search_nav button:first');
var result = $('<ul class="_result" />');
if(inp.length == 0) return;
nav.after( result.hide() );
inp.keydown(function(event){
if (event.keyCode == 27) { // ESC
$(this).val('');
if ($.browser.msie) $(this).keypress();
}
})
.watch_input({
oninput : function() {
var str = $.trim( $(this).val() );
if (str.length == 0) {
nav.show();
result.hide();
btn.removeClass('close');
return false;
}
// remove all sub nodes
result.empty();
var regex = str2regex(str);
nav.find('li li > a').each(function(){
var text = $(this).text();
if (regex.exec(text) != null) {
$(this).parent().clone().appendTo(result);
}
// fix regular expression bug
regex.exec('');
});
nav.hide();
result.show();
btn.addClass('close');
}
});
// cancel search
btn.click(function(){
if ($(this).hasClass('close')) {
$(this).removeClass('close');
inp.focus();
inp.val('');
inp.keydown();
}
return false;
});
});
// XE UI Library
jQuery(function($){ jQuery(function($){
// Label Overlapping // Label Overlapping
var overlapLabel = $('.form li').find(':text,:password,textarea').prev('label'); var overlapLabel = $('.form li').find('>:text,>:password,>textarea').prev('label');
var overlapInput = overlapLabel.next(':text,:password,textarea'); var overlapInput = overlapLabel.next(':text,:password,textarea');
overlapLabel.css({'position':'absolute','top':'15px','left':'5px'}).parent().css('position','relative'); overlapLabel.css({'position':'absolute','top':'15px','left':'5px'}).parent().css('position','relative');
overlapInput overlapInput
@ -181,21 +23,90 @@ jQuery(function($){
} }
}) })
.blur(); .blur();
// Checked
var inputRC = $('input[type=radio], input[type=checkbox]');
inputRC.change(function(){
var myName = $(this).attr('name');
inputRC.filter('[name='+myName+']').not(':checked').next('label').css('fontWeight','normal');
$(this).filter(':checked').next('label').css('fontWeight','bold');
});
inputRC.change();
// Check All
var formThCheck = $('.form th>:checkbox');
formThCheck.change(function(){
var formTdCheck = $(this).parents('table').find('td>:checkbox');
if($(this).is(':checked')){
formTdCheck.attr('checked','checked').change();
} else {
formTdCheck.removeAttr('checked').change();
}
});
formThCheck.change();
// Global Navigation Bar
var gnb = $('div.gnb');
var gnb_i = gnb.find('>ul>li');
var gnb_a = gnb_i.find('>a');
gnb.removeClass('jx');
gnb_i.find('>ul').hide();
gnb.find('>ul>li[class=active]').find('>ul').show();
function gnbToggle(event){
var t = $(this);
gnb_i.removeClass('active');
if (t.next('ul').is(':hidden')) {
gnb_i.find('>ul').slideUp(100);
t.next('ul').slideDown(100);
t.parent('li').addClass('active');
} else if (t.next('ul').is(':visible')){
t.next('ul').show();
t.parent('li').addClass('active');
} else if (!t.next('ul').langth) {
gnb_i.find('>ul').slideUp(100);
t.parent('li').removeClass('active');
};
}
gnb_a.focus(gnbToggle).click(gnbToggle);
gnb_a.mouseover(function(){
if($(document).width()>640){
$(this).click();
} else {
return false;
}
});
gnb.mouseleave(function(){
if($(document).width()>640){
gnbToggle();
} else {
return false;
}
});
gnb.find('li:last-child>a, li:last-child>ul>li:last-child>a').blur(gnbToggle);
// Lined Tab Navigation // Lined Tab Navigation
var tab_line = $('div.tab.line'); var tab_line = $('div.tab.line');
var tab_line_i = tab_line.find('>ul>li'); var tab_line_i = tab_line.find('>ul>li');
var tab_line_ii = tab_line.find('>ul>li>ul>li'); var tab_line_ii = tab_line.find('>ul>li>ul>li');
tab_line.removeClass('jx'); tab_line.removeClass('jx');
if($(document).width()<=640){
tab_line.addClass('jx');
}
$(window).resize(function(){
if($(document).width()<=640){
tab_line.addClass('jx');
} else {
tab_line.removeClass('jx');
}
});
tab_line_i.find('>ul').hide(); tab_line_i.find('>ul').hide();
tab_line_i.find('>ul>li[class=active]').parents('li').attr('class','active'); tab_line_i.find('>ul>li[class=active]').parents('li').attr('class','active');
tab_line.find('>ul>li[class=active]').find('>ul').show(); tab_line.find('>ul>li[class=active]').find('>ul').show();
function lineTabMenuToggle(event){ function lineTabMenuToggle(event){
var t = $(this); if (!tab_line.hasClass('jx')){
tab_line_i.find('>ul').hide(); var t = $(this);
t.next('ul').show(); tab_line_i.find('>ul').hide();
tab_line_i.removeClass('active'); t.next('ul').show();
t.parent('li').addClass('active'); tab_line_i.removeClass('active');
return false; t.parent('li').addClass('active');
return false;
}
} }
function lineTabSubMenuActive(){ function lineTabSubMenuActive(){
tab_line_ii.removeClass('active'); tab_line_ii.removeClass('active');
@ -209,16 +120,28 @@ jQuery(function($){
var tab_face_i = tab_face.find('>ul>li'); var tab_face_i = tab_face.find('>ul>li');
var tab_face_ii = tab_face.find('>ul>li>ul>li'); var tab_face_ii = tab_face.find('>ul>li>ul>li');
tab_face.removeClass('jx'); tab_face.removeClass('jx');
if($(document).width()<=640){
tab_face.addClass('jx');
}
$(window).resize(function(){
if($(document).width()<=640){
tab_face.addClass('jx');
} else {
tab_face.removeClass('jx');
}
});
tab_face_i.find('>ul').hide(); tab_face_i.find('>ul').hide();
tab_face_i.find('>ul>li[class=active]').parents('li').attr('class','active'); tab_face_i.find('>ul>li[class=active]').parents('li').attr('class','active');
tab_face.find('>ul>li[class=active]').find('>ul').show(); tab_face.find('>ul>li[class=active]').find('>ul').show();
function faceTabMenuToggle(event){ function faceTabMenuToggle(event){
var t = $(this); if (!tab_face.hasClass('jx')){
tab_face_i.find('>ul').hide(); var t = $(this);
t.next('ul').show(); tab_face_i.find('>ul').hide();
tab_face_i.removeClass('active'); t.next('ul').show();
t.parent('li').addClass('active'); tab_face_i.removeClass('active');
return false; t.parent('li').addClass('active');
return false;
}
} }
function faceTabSubMenuActive(){ function faceTabSubMenuActive(){
tab_face_ii.removeClass('active'); tab_face_ii.removeClass('active');
@ -231,17 +154,35 @@ jQuery(function($){
var tab_list = $('div.tab.list'); var tab_list = $('div.tab.list');
var tab_list_i = tab_list.find('>ul>li'); var tab_list_i = tab_list.find('>ul>li');
tab_list.removeClass('jx'); tab_list.removeClass('jx');
if($(document).width()<=640){
tab_list.addClass('jx');
}
$(window).resize(function(){
if($(document).width()<=640){
tab_list.addClass('jx');
tab_list.css('height','auto');
} else {
tab_list.removeClass('jx');
tab_list.css('height', tab_list.find('>ul>li.active>ul').height()+40);
}
});
tab_list_i.find('>ul').hide(); tab_list_i.find('>ul').hide();
tab_list.find('>ul>li[class=active]').find('>ul').show(); tab_list.find('>ul>li[class=active]').find('>ul').show();
tab_list.css('height', tab_list.find('>ul>li.active>ul').height()+40); if (!tab_list.hasClass('jx')){
tab_list.css('height', tab_list.find('>ul>li.active>ul').height()+40);
} else {
tab_list.css('height','auto');
}
function listTabMenuToggle(event){ function listTabMenuToggle(event){
var t = $(this); if (!tab_list.hasClass('jx')){
tab_list_i.find('>ul').hide(); var t = $(this);
t.next('ul').show(); tab_list_i.find('>ul').hide();
tab_list_i.removeClass('active'); t.next('ul').show();
t.parent('li').addClass('active'); tab_list_i.removeClass('active');
tab_list.css('height', t.next('ul').height()+40); t.parent('li').addClass('active');
return false; tab_list.css('height', t.next('ul').height()+40);
return false;
}
} }
tab_list_i.find('>a[href=#]').click(listTabMenuToggle).focus(listTabMenuToggle); tab_list_i.find('>a[href=#]').click(listTabMenuToggle).focus(listTabMenuToggle);
// Vertical Navigation // Vertical Navigation
@ -275,8 +216,8 @@ jQuery(function($){
vNav.find('>ul>li>ul').prev('a').append('<span class="i"></span>'); vNav.find('>ul>li>ul').prev('a').append('<span class="i"></span>');
// Tree Navigation // Tree Navigation
var tNav = $('.tNav'); var tNav = $('.tNav');
var tNavPlus = '\<button type=\"button\" class=\"tNavToggle plus\"\>+\<\/button\>'; var tNavPlus = '<button type="button" class="tNavToggle plus">+</button>';
var tNavMinus = '\<button type=\"button\" class=\"tNavToggle minus\"\>-\<\/button\>'; var tNavMinus = '<button type="button" class="tNavToggle minus">-</button>';
tNav.find('li>ul').css('display','none'); tNav.find('li>ul').css('display','none');
tNav.find('ul>li:last-child').addClass('last'); tNav.find('ul>li:last-child').addClass('last');
tNav.find('li>ul:hidden').parent('li').prepend(tNavPlus); tNav.find('li>ul:hidden').parent('li').prepend(tNavPlus);
@ -338,52 +279,336 @@ jQuery(function($){
article.find('.a').slideUp(100); article.find('.a').slideUp(100);
} }
}); });
// Layer
var layerAnchor = $('.layerAnchor[href^=#]');
var layer = $('.layer');
var layerCloseHtml = '<button type="button" class="layerClose" title="Close this layer">X</button>';
var layerBlurHtml = '<button type="button" class="layerBlur"></button>';
layer.hide().prepend(layerCloseHtml);
var layerClose = $('.layerClose');
layerClose.eq(0).clone().appendTo(layer);
layer.prepend(layerBlurHtml);
var layerBlur = $('.layerBlur');
layerBlur.eq(0).clone().appendTo(layer);
layerAnchor
.click(function(){
$($(this).attr('href')).fadeToggle(200).find('>.layerClose:first').focus();
return false;
})
.keypress(function(){
if(event.keyCode != 32) return true;
$(this).click();
return false;
});
function closeLayer() {
var closeId = layer.filter(':visible').attr("id");
if(closeId) layerAnchor.filter('[href="#'+closeId+'"]').focus();
layer.fadeOut(200);
}
$(document).keydown(function(event){
if(event.keyCode != 27) return true; // ESC
return closeLayer();
});
$('.layerClose').click(closeLayer);
$('.layerBlur').focusin(function(event){
layerClose.click();
});
// Modal Window // Modal Window
var htmlBody = $('html,body'); var htmlBody = $('html,body');
var modalAnchor = $('.modalAnchor'); var modalAnchor = $('.modalAnchor');
var modal = $('.modal'); var modal = $('.modal');
var modalBg = $('.modal>.bg'); var modalBg = modal.find('>.bg');
var modalFg = $('.modal>.fg'); var modalFg = modal.find('>.fg');
var modalCloseHtml = '<button type="button" class="modalClose" title="Close this layer">X</button>'; var modalCloseHtml = '<button type="button" class="modalClose" title="Close this layer">X</button>';
var modalBlurHtml = '<button type="button" class="modalBlur"></button>'; var modalBlurHtml = '<button type="button" class="modalBlur"></button>';
modal.appendTo('body').hide().prepend('<span class="bg"></span>'); modal
modalFg.prepend(modalCloseHtml); .hide()
.appendTo('body')
.height($(document).height())
.prepend('<span class="bg"></span>')
.append('<!--[if IE 6]><iframe class="ie6"></iframe><![endif]-->');
modalFg
.prepend(modalCloseHtml)
.prepend(modalBlurHtml);
var modalClose = $('.modalClose'); var modalClose = $('.modalClose');
modalClose.clone().appendTo(modalFg);
modalFg.prepend(modalBlurHtml);
var modalBlur = $('.modalBlur'); var modalBlur = $('.modalBlur');
modalBlur.clone().appendTo(modalFg); modalClose.eq(0).clone().appendTo(modalFg);
modalAnchor.click(function(){ modalBlur.eq(0).clone().appendTo(modalFg);
htmlBody.css({'width':'100%','height':'100%'}); modalAnchor
modal.fadeToggle().toggleClass('modalActive'); .click(function(){
modalFg.find('>.modalClose:first').focus(); if(typeof document.body.style.maxHeight == "undefined"){
htmlBody.css({'width':'100%','height':'100%'});
}
modal.fadeToggle(200).toggleClass('modalActive');
modalFg.find('>.modalClose:first').focus();
$(this).addClass('active');
})
.keypress(function(){
if(event.keyCode != 32) return true;
$(this).click();
return false;
});
function closeModal() {
if(typeof document.body.style.maxHeight == "undefined"){
htmlBody.removeAttr('style');
}
modal.fadeOut(200).removeClass('modalActive');
$('.modalAnchor.active').focus().removeClass('active');
return false; return false;
}); }
$(document).keydown(function(event){ $(document).keydown(function(event){
if(event.keyCode != 27) return true; if(event.keyCode != 27) return true; // ESC
htmlBody.removeAttr('style'); if(modal.find('.tgContent:visible').length == 0) return closeModal();
modal.fadeOut().removeClass('modalActive');
modalAnchor.focus();
return false;
});
$('.modal>.bg, .modalClose').click(function(event){
htmlBody.removeAttr('style');
modal.fadeOut().removeClass('modalActive');
modalAnchor.focus();
return false;
}); });
$('.modal>.bg, .modalClose, .modal .cancel').click(closeModal);
$('.modalBlur').focusin(function(event){ $('.modalBlur').focusin(function(event){
modalClose.click(); modalClose.click();
}); });
// XEUI container & codeBlock Toggle // Toggle
var container = $('.container'); var tgContent = $('.tgContent');
container.hide().before('<button type="button" class="itemToggle">Show/Hide</button>'); var tgBlurHtml = '<button type="button" class="tgBlur"></button>';
$('.itemToggle').click(function(){ tgContent.hide().prepend(tgBlurHtml).mouseleave(function(){closeTg()});
$(this).next(container).stop().slideToggle(100); var tgBlur = $('.tgBlur');
tgBlur.eq(0).clone().appendTo(tgContent);
function offsetToggle(){
tgContent.filter(':visible').parent().css('position','relative');
setTimeout(function(){
tgContent.filter(':hidden').parent().css('position','');
}, 300);
}
$('.tgSimple').click(function(){
$($(this).attr('href')).toggle().find('a, input, button:not(.tgBlur), select, textarea').eq(0).focus();
offsetToggle();
return false;
}); });
var codeBlock = $('.codeBlock'); $('.tgSlide').click(function(){
codeBlock.hide().before('<button type="button" class="codeToggle">Code</button>'); $($(this).attr('href')).slideToggle(100).find('a, input, button:not(.tgBlur), select, textarea').eq(0).focus();
$('.codeToggle').click(function(){ offsetToggle();
$(this).next(codeBlock).slideToggle(100); return false;
});
$('.tgFade').click(function(){
$($(this).attr('href')).fadeToggle(200).find('a, input, button:not(.tgBlur), select, textarea').eq(0).focus();
offsetToggle();
return false;
});
$('.tgSimple, .tgSlide, .tgFade').keypress(function(){
if(event.keyCode != 32) return true;
$(this).click();
return false;
});
function closeTg() {
var closeId = tgContent.filter(':visible').attr('id');
if(closeId) $('.tgSimple, .tgSlide, .tgFade').filter('[href="#'+closeId+'"]').focus();
tgContent.prev('input').focus();
tgContent.fadeOut(200);
}
$(document).keydown(function(event){
if(event.keyCode != 27) return true; // ESC
return closeTg();
});
$('.tgBlur').focusin(closeTg);
// Portlet Action
var action = $('.portlet .action');
var action_li = action.parent('li');
action.hide().css({'position':'absolute'});
action_li.mouseleave(function(){
action.fadeOut(100);
return false;
});
action_li.mouseenter(function(){
action_li.mouseleave();
$(this).find('>.action').fadeIn(100);
return false;
});
action_li.find('*:first-child').focusin(function(){
$(this).parent('li').mouseenter();
});
// Waiting for server response
var htmlBody = $('html,body');
var wfsrAnchor = $('.wfsrAnchor');
$('body').append('<div id="wfsr"><span class="bg"></span><div class="fg"><p>서버에 요청중입니다. 잠시만 기다려 주세요. <button type="button" class="reAction">다시시도</button> <button type="button" class="cancel">실행취소</button></p></div></div>');
var wfsr = $('#wfsr');
var wfsrBg = wfsr.find('>.bg');
var wfsrFg = wfsr.find('>.fg');
wfsr.hide();
wfsr.append('<!--[if IE 6]><iframe class="ie6"></iframe><[endif]-->');
wfsrAnchor.click(function(){
htmlBody.css({'width':'100%','height':'100%'});
wfsr.fadeToggle(200).addClass('wfsrActive');
wfsrFg.find('.reAction:first').focus();
$(this).addClass('active');
});
function closeWfsr() {
htmlBody.removeAttr('style');
wfsr.fadeOut(200).removeClass('wfsrActive');
$('.wfsrAnchor.active').focus().removeClass('active');
return false;
}
$(document).keydown(function(event){
if(event.keyCode != 27) return true; // ESC
closeWfsr();
});
$('#wfsr .reAction, #wfsr .cancel').click(closeWfsr);
// Delete
$('.delete').click(function(){
confirm('Delete this(these)? Undo is impossible.');
});
// Section Collapse
var h2 = $('.content:not(.dashboard) .h2:gt(0)');
var h2AnchorHTML = '<button type="button" class="h2Anchor"></button>';
h2
.append(h2AnchorHTML)
.each(function(){
$(this).parent().children().not('.h2').hide();
$(this).find('.h2Anchor')
.text('Show')
.click(function(){
var t = $(this);
t.parent('.h2').parent().children().not('.h2').slideToggle(200);
setTimeout(function(event){
if(t.parent('.h2').next().is(':visible')) {
t.text('Hide');
} else {
t.text('Show');
}
}, 300);
});
});
// Site Map
var siteMap = $('.siteMap');
var siteItem = siteMap.find('li');
siteItem
.prepend('<button type="button" class="moveTo">Move to</button>')
.append('<span class="vr"></span><span class="hr"></span>')
.mouseover(function(){
$(this).addClass('active');
$('.vr').each(function(){
var myHeight = $(this).parent('li').height();
$(this).height(myHeight);
});
return false;
})
.mouseout(function(){
$(this).removeClass('active');
})
.find('.moveTo+input').each(function(){
$(this).width(this.value.length+'em');
});
siteMap.find('.moveTo')
.focus(function(){
$(this).parent('li').mouseover();
})
.blur(function(){
$(this).mouseout();
});
siteMap.find('li:first-child').css('border','0');
// Site Map List(Layer)
var siteMapList = $('#siteMapList');
siteMapList.find('.portlet').hide().eq(0).show();
siteMapList.append('<p class="btnArea"><button type="button">&rsaquo; more</button></p>');
var siteMapMore = siteMapList.find('.btnArea>button');
siteMapMore.click(function(){
if(siteMapList.find('.portlet:visible').length <= 1){
siteMapList.find('.portlet').slideDown(200);
$(this).html('&rsaquo; less');
} else {
siteMapList.find('.portlet').eq(!0).slideUp(200);
$(this).html('&rsaquo; more');
}
});
// Mid Suggestion
var midUrl = $('#midUrl');
var midSuggestion = $('#midSuggestion');
var findModule = $('#findModule');
midSuggestion.css('position','absolute');
midUrl.keypress(function(){
$(this).next('.tgContent').fadeIn(200);
midUrl.css('background','url(./img/preLoader16.gif) no-repeat 268px center');
});
midUrl.keyup(function(){
midUrl.css('background','');
});
midSuggestion
.find('li:first-child>button').css('fontWeight','bold').end()
.find('li:gt(0)>button').click(function(){
var myValue = $(this).text();
midUrl.val(myValue);
return closeTg();
});
findModule.find('td>button').click(function(){
var myValue = $(this).parent('td').parent('tr').find('th:first a').eq(0).text();
midUrl.val(myValue);
return closeTg();
});
// Theme & Skin Preview
$('.thumbPreview')
.find('.thumb')
.each(function(){
if($(this).find('img').length==0 && $(this).text().length==0){
$(this).text('Thumbnail does not exist');
}
$(this).click(function(){
$(this).next(':radio').attr('checked','checked');
$(this).parents('.thumbPreview').find(':radio').change();
});
});
var themePreview = $('#theme>.thumbPreview');
var skinPreview = $('#skin>.thumbPreview');
function iCheck(){
skinPreview.find('.i').removeClass('checked');
skinPreview.find(':radio:checked').prev('.thumb').parent('.i').addClass('checked');
themePreview.find('.i').removeClass('checked');
themePreview.find(':radio:checked').prev('.thumb').parent('.i').addClass('checked');
}
iCheck();
skinPreview.find(':radio').change(function(){
themePreview.find('label').css('fontWeight','');
themePreview.find(':radio:last').attr('checked','checked').next('label').css('fontWeight','bold');
iCheck();
});
themePreview.find(':radio').change(function(){
if($(this).is(':checked') && skinPreview.is(':hidden')){
$('#skin').find('.h2Anchor').click();
}
iCheck();
});
// FTP Suggestion
var ftp_path = $('#ftp_path');
var ftpSuggestion = $('#ftpSuggestion');
ftpSuggestion.css('position','absolute').find('.tgBlur').eq(0).remove();
ftpSuggestion.find('li:not(:first-child)>button').click(function(){
var setValue = ftp_path.val();
var myValue = $(this).text();
ftp_path.val(setValue+myValue);
});
// Sign Up Form
var signUpForm = $('.signUpForm');
signUpForm
.find('li').each(function(){
$(this).append('<span class="side"><button type="button" class="up">Up</button> <button type="button" class="down">Down</button></span>');
}).end()
.find('.btnArea>.side').remove().end()
.find('.userItem>.side').each(function(){
$(this).append('<button type="button" class="edit">Edit</button> <button type="button" class="delete">Delete</button>');
});
signUpForm.find('.up').click(function(){
var myItem = $(this).parent('.side').parent('li');
myItem.prev('li').before(myItem);
myItem.css('background','#ffc');
setTimeout(function(){
myItem.css('background','#fff');
}, 2000);
});
signUpForm.find('.down').click(function(){
var myItem = $(this).parent('.side').parent('li');
myItem.next('li').after(myItem);
myItem.css('background','#ffc');
setTimeout(function(){
myItem.css('background','#fff');
}, 2000);
});
signUpForm.find('.edit').click(function(){
$('.modalAnchor').click();
}); });
}); });

157
modules/admin/tpl/layout.html
View file

@ -1,19 +1,138 @@
<!--#include("./_header.html")--> <!--#include("./_spHeader.html")-->
<div class="content" id="content">
<div class="content"> <form action="" class="form">
<!--@if($logged_info->is_admin == 'Y')--> <h1 class="h1">Document</h1>
<p class="path"> <div class="table even">
<a href="{getUrl('','module','admin')}">{$lang->admin_index}</a> <table width="100%" border="1" cellspacing="0">
<!--@if($selected_module_info)--> <caption>All(789) <span class="side">All(789) | <a href="#">Public(456)</a> | <a href="#">Secret(8)</a> | <a href="#">Private(9)</a> | <a href="#">Temp(12)</a> | <a href="#">Trash(4)</a></span></caption>
&gt; <a href="{getUrl('','mid',$mid,'module',$module,'act',$selected_module_info->admin_index_act)}">{$selected_module_info->title}</a> <thead>
<!--@end--> <tr>
<!--@if($module_info)--> <th scope="col" class="title">Title</th>
&gt; <a href="{getUrl('','mid',$mid,'module',$module,'act',$selected_module_info->admin_index_act)}">{$module_info->browser_title}</a> <th scope="col">Author</th>
[<a href="{getSiteUrl($module_info->domain,'','mid',$module_info->mid)}" onclick="window.open(this.href);return false;">{$lang->cmd_view}</a>] <th scope="col">Read</th>
<!--@end--> <th scope="col">Vote(+/-)</th>
</p> <th scope="col">Date</th>
<!--@end--> <th scope="col">IP</th>
{$content} <th scope="col">Status</th>
</div> <th scope="col"><input type="checkbox" title="Check All" /></th>
</tr>
<!--#include("./_footer.html")--> </thead>
<tbody>
<tr>
<td class="title"><a href="#" target="_blank">The quick brown fox jumps over the lazy dog.</a></td>
<td><a href="#popup_menu_area">홍길동</a></td>
<td>2</td>
<td>0/0</td>
<td>2010-12-24 15:59</td>
<td>123.456.789.0</td>
<td>Public</td>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td class="title"><a href="#" target="_blank">The quick brown fox jumps over the lazy dog.</a></td>
<td><a href="#popup_menu_area">홍길동</a></td>
<td>2</td>
<td>1/-1</td>
<td>2010-12-24 15:59</td>
<td>123.456.789.0</td>
<td>Trash</td>
<td><input type="checkbox" /></td>
</tr>
</tbody>
</table>
</div>
<div class="btnArea">
<span class="btn"><a href="#listManager" class="modalAnchor">선택한 글 관리...</a></span>
</div>
</form>
<div class="modal" id="listManager">
<form action="" class="fg form">
<h2 class="h2">선택한 글 관리</h2>
<div class="table even">
<table width="100%" border="1" cellspacing="0">
<caption>선택한 글 <strong>8</strong></caption>
<thead>
<tr>
<th scope="col" class="title">Title</th>
<th scope="col">Author</th>
<th scope="col">Status</th>
<th scope="col"><input type="checkbox" title="Check All" checked="checked" /></th>
</tr>
</thead>
<tbody>
<tr>
<td class="title">The quick brown fox jumps over the lazy dog.</td>
<td>홍길동</td>
<td>Public</td>
<td><input type="checkbox" /></td>
</tr>
<tr>
<td class="title">The quick brown fox jumps over the lazy dog.</td>
<td>홍길동</td>
<td>Trash</td>
<td><input type="checkbox" /></td>
</tr>
</tbody>
</table>
</div>
<p class="q"><label for="midUrl">선택한 글을 다음 위치로 옮기거나 복사할 수 있습니다.</label></p>
<div class="a">
<input type="text" id="midUrl" />
<span class="desc"><a href="#midSuggestion" class="tgFade">Find Module ID</a></span>
<div id="midSuggestion" class="tgContent">
<ul>
<li><button type="button">SiteID.ModuleID.Category</button></li>
<li><button type="button">naradesign.freeBoard</button></li>
<li><button type="button">naradesign.userForum.technique</button></li>
<li><button type="button">mygony.freeBoard</button></li>
<li><button type="button">mygony.userForum.technique</button></li>
</ul>
</div>
</div>
<p class="q"><label for="message">저작자에게 쪽지를 발송해서 이 사실을 알립니다. 작성하지 않으면 발송하지 않습니다.</label></p>
<p>
<textarea cols="42" rows="3" id="message" style="width:98%"></textarea>
</p>
<div class="btnArea">
<span class="btn"><input type="submit" value="Move" /></span>
<span class="btn"><input type="submit" value="Copy" /></span>
<span class="btn"><input type="submit" value="Trash" /></span>
<span class="btn"><input type="submit" value="Delete" class="delete" /></span>
</div>
</form>
</div>
<div class="search">
<form action="" class="pagination">
<a href="#" class="direction">&laquo; FIRST</a>
<a href="#" class="direction">&lsaquo; PREV</a>
<strong>11</strong>
<a href="#">12</a>
<a href="#">13</a>
<a href="#goTo" class="tgSimple">...</a>
<span id="goTo" class="tgContent">
<input title="Go to Page" />
<button type="submit">GO</button>
</span>
<a href="#">99</a>
<a href="#" class="direction">NEXT &rsaquo;</a>
<a href="#" class="direction">LAST &raquo;</a>
</form>
<form action="">
<select>
<option>제목</option>
<option>내용</option>
<option>닉네임</option>
<option>아이디</option>
<option>사용자 이름</option>
<option>공지사항</option>
<option>IP 주소</option>
<option>모듈 아이디</option>
</select>
<input title="Search" />
<input type="submit" value="Search" />
<a href="#">Cancel</a>
</form>
</div>
</div>
<!--#include("./_spLnb.content.html")-->
<!--#include("./_spFooter.html")-->