mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-14 00:39:57 +09:00
issue 70 admin ui/ux enrich base setting
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
parent
9fdf9dbbe5
commit
e63e29ed39
8 changed files with 1359 additions and 899 deletions
7
modules/admin/tpl/_spFooter.html
Normal file
7
modules/admin/tpl/_spFooter.html
Normal 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
73
modules/admin/tpl/_spHeader.html
Normal 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>›</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
13
modules/admin/tpl/_spLnb.content.html
Normal 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>
|
||||
|
|
@ -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}
|
||||
body{margin:0}
|
||||
img{border:0}
|
||||
/* Layout */
|
||||
#xeAdmin .header{position:relative;padding:10px 15px 10px 30px;background:#1f2e3c;border-bottom:3px solid #ccc;z-index:10}
|
||||
#xeAdmin .header:after{content:"";display:block;clear:both}
|
||||
#xeAdmin .footer{height:26px;padding-top:10px;background:#f4f4f4;border-top:1px solid #ddd;text-align:center}
|
||||
#xeAdmin .gnb{position:relative;float:right;white-space:nowrap;clear:right;margin:0;padding:0}
|
||||
#xeAdmin .gnb li{position:relative;float:left;margin:0 15px 0 0;padding:0;list-style:none}
|
||||
#xeAdmin .gnb #adminLang {position:absolute;top:18px;right:0;display:none;background:#fff;margin:0;padding:5px;border:1px solid #ddd;z-index:999}
|
||||
#xeAdmin .gnb #adminLang li{float:none;margin:0}
|
||||
.body{position:relative;margin:0;padding:0 0 0 200px;background:url(../img/lineBody.gif) repeat-y 180px 0;zoom:1;clear:both}
|
||||
.body:after {content:"";display:block;clear:both}
|
||||
.c .body {padding:20px;background:none;}
|
||||
.ece .body {padding-right:340px}
|
||||
.ec .body {padding-right:20px}
|
||||
.extension{position:relative}
|
||||
.body .e1 {float:left;width:180px;margin-right:-180px;left:-200px}
|
||||
.content {position:relative;width:100%;margin-right:-100%;float:left;padding:0}
|
||||
.ec .content {padding-top:10px;}
|
||||
.c .e1, .c .e2 {display:none;}
|
||||
.ece .e2 {width:300px;float:right;right:-320px;border-left:1px solid #ddd;padding-bottom:20px}
|
||||
.ec .e2 {display:none}
|
||||
#xeAdmin .lnb {position:relative;left:-3px;float:left;clear:left;margin:5px 0 0 0;padding:0}
|
||||
#xeAdmin .lnb:after{content:"";display:block;clear:both}
|
||||
#xeAdmin .lnb li,
|
||||
#xeAdmin .lnb li a{position:relative;float:left;background:url(../img/buttonLNB.gif) no-repeat;white-space:nowrap}
|
||||
#xeAdmin .lnb li{margin:0 1px 0 0;padding:0;list-style:none;background-position:0 0}
|
||||
#xeAdmin .lnb li a{left:1px;height:30px;padding:10px 15px 0 15px;text-decoration:none !important;background-position:right 0}
|
||||
#xeAdmin .lnb li.core{margin-right:6px;background-position:0 -50px}
|
||||
#xeAdmin .lnb li.core a{padding-right:20px;left:5px;background-position:right -50px}
|
||||
#xeAdmin .lnb li.first{background-position:0 -50px;margin-right:5px}
|
||||
#xeAdmin .lnb li.first a{left:5px}
|
||||
#xeAdmin .lnb li.end{}
|
||||
#xeAdmin .lnb li.end a{padding-right:20px;background-position:right -50px}
|
||||
#xeAdmin .lnb li.core.selected {background-position:0 -150px}
|
||||
#xeAdmin .lnb li.core.selected a{background-position:right -150px}
|
||||
#xeAdmin .lnb li.first.selected {background-position:0 -150px}
|
||||
#xeAdmin .lnb li.first.selected a{background-position:right -100px}
|
||||
#xeAdmin .lnb li.mid.selected {background-position:0 -100px}
|
||||
#xeAdmin .lnb li.mid.selected a{background-position:right -100px}
|
||||
#xeAdmin .lnb li.end.selected {background-position:0 -100px}
|
||||
#xeAdmin .lnb li.end.selected a{background-position:right -150px}
|
||||
#xeAdmin .path{padding:0 0 0 25px;margin:0 0 20px 0;background:url(../img/iconPath.gif) no-repeat left center}
|
||||
/* Font */
|
||||
#xeAdmin{font-family:Sans-serif}
|
||||
#xeAdmin a{text-decoration:none !important}
|
||||
#xeAdmin a:hover,
|
||||
#xeAdmin a:active,
|
||||
#xeAdmin a:focus{text-decoration:underline !important}
|
||||
#xeAdmin h1.xeAdmin a{text-decoration:none !important;font-family:Arial;font-size:16px;color:#fff;margin:0;padding:0}
|
||||
#xeAdmin table th{color:#666}
|
||||
#xeAdmin table th a {color:#666}
|
||||
#xeAdmin table td{color:#767676}
|
||||
#xeAdmin table td a {color:#767676}
|
||||
#xeAdmin caption{font-size:11px;font-family:Tahoma;color:#767676}
|
||||
#xeAdmin div.summary {font-size:11px;font-family:Tahoma;color:#767676}
|
||||
#xeAdmin div.summary strong {font-weight:normal;}
|
||||
#xeAdmin button.text{font-size:12px}
|
||||
#xeAdmin em,
|
||||
#xeAdmin address{font-style:normal}
|
||||
#xeAdmin select{font-size:12px}
|
||||
#xeAdmin input{font-size:12px}
|
||||
#xeAdmin .buttonTypeGo{padding:0;cursor:pointer}
|
||||
#xeAdmin .footer address{font:10px Tahoma}
|
||||
#xeAdmin .footer address a{color:#777e86;}
|
||||
#xeAdmin .gnb li a {color:#777e86;font-size:11px;font-family:Tahoma}
|
||||
#adminLang li a{font-size:12px}
|
||||
#xeAdmin .lnb li,
|
||||
#xeAdmin .lnb li a{color:#fff;font-size:14px;font-family:Dotum, Tahoma}
|
||||
#xeAdmin .path{color:#ccc;font-size:11px}
|
||||
#xeAdmin .path a{color:#767676;font-size:11px;font-family:Dotum, Sans-serif}
|
||||
.e1 .navigation li a{color:#000;text-decoration:none}
|
||||
.e1 .navigation li ul li a{color:#767676}
|
||||
.e1 .navigation li ul li.active a{font-weight:bold;color:#666}
|
||||
.e2 .section h2.xeAdmin {font-size:12px;margin:0;padding:0}
|
||||
.e2 .section h2.xeAdmin .date{font:Tahoma;color:#999}
|
||||
.e2 table tbody th{font-weight:normal;font-family:Dotum}
|
||||
.e2 .notice li a{color:#666;}
|
||||
.e2 .notice li .date{color:#767676;font:10px Tahoma}
|
||||
.localNavigation li a{text-decoration:none !important;color:#666}
|
||||
.localNavigation li.active a{font-weight:bold;color:#1e6aac}
|
||||
#xeAdmin h2.xeAdmin {font-size:12px}
|
||||
#xeAdmin h3.xeAdmin {font-size:12px;color:#666;margin:0;padding:0}
|
||||
#xeAdmin p.summary{color:#767676}
|
||||
#xeAdmin p.summary a {text-decoration:none;color:#767676;}
|
||||
#xeAdmin p.summary.red {color:#A54D4D;}
|
||||
#xeAdmin p.summary.red a {text-decoration:none;color:#A54D4D;}
|
||||
#xeAdmin div.infoText {color:#767676}
|
||||
#xeAdmin div.infoText p.warning{margin:0 0 10px 0;padding:0 0 0 25px;background:url(../img/iconWarning.gif) no-repeat left top}
|
||||
#xeAdmin div.infoText p.update{margin:0 0 10px 0;padding:0 0 0 25px;background:url(../img/iconRefresh.gif) no-repeat left top}
|
||||
p{line-height:1.5}
|
||||
/* Section & Heading */
|
||||
.section{margin:1em 0}
|
||||
.h1, .h2, .h3, .h4{position:relative;border-bottom-style:solid;border-bottom-color:#ccc;zoom:1}
|
||||
.h1{border-bottom-width:4px;font-size:24px}
|
||||
.h2{border-bottom-width:3px;font-size:20px}
|
||||
.h3{border-bottom-width:2px;font-size:16px}
|
||||
.h4{border-bottom-width:1px;font-size:12px}
|
||||
/* Portlet */
|
||||
.portlet{position:relative;border:1px solid #e9e9e9;margin:1em 0;background:#fff;zoom:1;overflow:hidden}
|
||||
.portlet h2, .portlet h3{margin:0;padding:.5em 1em;font-size:14px;border:1px solid #fff;border-bottom:1px solid #e9e9e9;background:#f7f7f7}
|
||||
.portlet p{margin:1em 1.2em}
|
||||
.portlet li{position:relative;padding-right:8em}
|
||||
.portlet .lined{margin:1px;padding:0;list-style:none}
|
||||
.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}
|
||||
.portlet .lined li:first-child{border:0}
|
||||
.portlet .side{position:absolute;top:0;_top:1px;right:0;color:#666;background:#fff;padding:0 1em}
|
||||
.portlet .lined .side{padding:.5em 1em}
|
||||
.portlet .more{position:absolute;top:.5em;right:1em;text-decoration:none !important;color:#666}
|
||||
.portlet .more span{color:#999}
|
||||
.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%)}
|
||||
.portlet .action a,
|
||||
.portlet .action button{margin-left:1em}
|
||||
/* Table */
|
||||
.table{margin:1em 0}
|
||||
.table table{width:100%;border:0;border-collapse:collapse;border-top:2px solid #ccc}
|
||||
.table caption{padding:8px 0;font-weight:bold;text-align:left}
|
||||
.table caption em{float:right;font-style:normal;font-weight:normal;color:#e00;margin-left:1em}
|
||||
.table caption strong{color:#e00}
|
||||
.table caption .side{float:right;font-weight:normal;margin-left:1em}
|
||||
.table th,.table td{border:0;padding:8px;vertical-align:top;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}
|
||||
.table th{background:#f8f8f8}
|
||||
.table thead th{border-bottom:1px solid #999}
|
||||
.table tfoot td{font-weight:bold;background:#f8f8f8}
|
||||
.table.even tbody tr:nth-of-type(even) td{background-color:#fafafa}
|
||||
.table input[type=text]{margin:-1px 0 -3px 0;vertical-align:middle}
|
||||
.table img{vertical-align:middle}
|
||||
.table .title,
|
||||
.table .text{white-space:normal}
|
||||
.table .h1 + table,
|
||||
.table .h2 + table,
|
||||
.table .h3 + table,
|
||||
.table .h4 + table,
|
||||
.h1 + .table table,
|
||||
.h2 + .table table,
|
||||
.h3 + .table table,
|
||||
.h4 + .table table{border-top:0}
|
||||
/* Form */
|
||||
.form{margin:1em 0;padding:0}
|
||||
.form fieldset{margin:0 0 2em 0;padding:0;border:0}
|
||||
.form em{font-style:normal;color:#e00}
|
||||
.form label{margin:0 10px 0 0;line-height:1}
|
||||
.form input[type=checkbox]+label,.form input[type=radio]+label,.form input[type=file]{cursor:pointer}
|
||||
.form ul{position:relative;margin:0;padding:0;list-style:none;border-top:2px solid #ccc;border-bottom:1px solid #ccc;zoom:1}
|
||||
.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}
|
||||
.form li:first-child{border-top:0}
|
||||
.form li>label:first-child{display:block;font-weight:bold}
|
||||
.form li label em{font-weight:normal}
|
||||
.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}
|
||||
.form input[type=text],.form input[type=password],.form input[type=file]{height:22px;line-height:22px;vertical-align:middle;padding:0 4px}
|
||||
.form input[type=checkbox],.form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
|
||||
.form input[disabled=disabled]{background:#ddd;text-shadow:1px 1px 0 #fff}
|
||||
.form textarea{padding:3px 4px;vertical-align:top}
|
||||
.form span.desc{line-height:22px;vertical-align:middle;margin:0 10px}
|
||||
.form p.desc{margin:.25em 0;line-height:1.4}
|
||||
.form .q{font-weight:bold;margin:0 0 5px 0}
|
||||
.form .a{margin:0 0 5px 0}
|
||||
.form .h1 + ul,
|
||||
.form .h2 + ul,
|
||||
.form .h3 + ul,
|
||||
.form .h4 + ul{border-top:0}
|
||||
/* Global Navigation Bar */
|
||||
.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}
|
||||
.gnb ul{margin:0;padding:0 0 0 15px;list-style:none;border:1px solid #fff;border-left:0;border-right:0;zoom:1}
|
||||
.gnb ul ul{position:absolute;top:33px;left:0;border:1px solid #ccc;padding:0;background:#fff}
|
||||
.gnb ul:after{content:"";display:block;clear:both}
|
||||
.gnb li{position:relative;float:left;border:1px solid #fff;border-top:0;border-bottom:0;margin:0 -1px 0 0}
|
||||
.gnb li li{float:none;clear:both;overflow:hidden;border:0;border-top:1px dotted #ccc;margin:0;padding:2px}
|
||||
.gnb li li:first-child{border:0}
|
||||
.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}
|
||||
.gnb li a:hover,
|
||||
.gnb li a:active,
|
||||
.gnb li a:focus,
|
||||
.gnb li.active a,
|
||||
.gnb li.activeOn a{background:#fff;border:1px solid #ddd;padding:7px 17px}
|
||||
.gnb li li a{display:block;float:none;color:#555;padding:5px 15px !important;font-weight:normal !important;border:0 !important}
|
||||
.gnb li li a:hover,
|
||||
.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 */
|
||||
#xeAdmin .pagination{padding:15px 0;margin:0;text-align:center;clear:both;}
|
||||
#xeAdmin .pagination *{margin:0;padding:0}
|
||||
#xeAdmin .pagination img{border:0}
|
||||
#xeAdmin .pagination a,
|
||||
#xeAdmin .pagination strong{position:relative;display:inline-block;text-decoration:none;line-height:normal;color:#333;font-family:Tahoma, Sans-serif;vertical-align:middle}
|
||||
#xeAdmin .pagination a:hover,
|
||||
#xeAdmin .pagination a:active,
|
||||
#xeAdmin .pagination a:focus{background-color:#f4f4f4 !important;}
|
||||
#xeAdmin .pagination strong{color:#ff6600 !important}
|
||||
#xeAdmin .pagination a.prev,
|
||||
#xeAdmin .pagination a.prevEnd,
|
||||
#xeAdmin .pagination a.next,
|
||||
#xeAdmin .pagination a.nextEnd{font-weight:normal !important;border:none !important;margin:0 !important;white-space:nowrap;}
|
||||
#xeAdmin .pagination.a1 a,
|
||||
#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}
|
||||
#xeAdmin .pagination.a1 a.prev{padding-left:10px;background:#fff url(../img/arrowPrevA1.gif) no-repeat left center;}
|
||||
#xeAdmin .pagination.a1 a.prevEnd{padding-left:15px;background:#fff url(../img/arrowPrevEndA1.gif) no-repeat left center;}
|
||||
#xeAdmin .pagination.a1 a.next{padding-right:10px;background:#fff url(../img/arrowNextA1.gif) no-repeat right center;}
|
||||
#xeAdmin .pagination.a1 a.nextEnd{padding-right:15px;background:#fff url(../img/arrowNextEndA1.gif) no-repeat right center;}
|
||||
#xeAdmin .pagination.a2 a,
|
||||
#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;}
|
||||
#xeAdmin .pagination.a2 a.prev{padding-left:10px;background:#fff url(../img/arrowPrevA1.gif) no-repeat left center;}
|
||||
#xeAdmin .pagination.a2 a.prevEnd{padding-left:15px;background:#fff url(../img/arrowPrevEndA1.gif) no-repeat left center;}
|
||||
#xeAdmin .pagination.a2 a.next{padding-right:10px;background:#fff url(../img/arrowNextA1.gif) no-repeat right center;}
|
||||
#xeAdmin .pagination.a2 a.nextEnd{padding-right:15px;background:#fff url(../img/arrowNextEndA1.gif) no-repeat right center;}
|
||||
#xeAdmin .pagination.b1 a,
|
||||
#xeAdmin .pagination.b1 strong{margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px}
|
||||
#xeAdmin .pagination.b1 a.prev,
|
||||
#xeAdmin .pagination.b1 a.prevEnd{padding-left:16px;background:url(../img/arrowPrevB1.gif) no-repeat left center;}
|
||||
#xeAdmin .pagination.b1 a.next,
|
||||
#xeAdmin .pagination.b1 a.nextEnd{padding-right:16px;background:url(../img/arrowNextB1.gif) no-repeat right center;}
|
||||
#xeAdmin .pagination.b2 a,
|
||||
#xeAdmin .pagination.b2 strong{margin:0 -2px;padding:2px 6px;font-size:11px}
|
||||
#xeAdmin .pagination.b2 a.prev,
|
||||
#xeAdmin .pagination.b2 a.prevEnd{padding-left:12px;background:url(../img/arrowPrevB1.gif) no-repeat left center;}
|
||||
#xeAdmin .pagination.b2 a.next,
|
||||
#xeAdmin .pagination.b2 a.nextEnd{padding-right:12px;background:url(../img/arrowNextB1.gif) no-repeat right center;}
|
||||
#xeAdmin .pagination.c1 a,
|
||||
#xeAdmin .pagination.c1 strong{margin:0 -2px;padding:2px 4px;font-size:12px}
|
||||
#xeAdmin .pagination.c1 a.prev,
|
||||
#xeAdmin .pagination.c1 a.prevEnd,
|
||||
#xeAdmin .pagination.c1 a.next,
|
||||
#xeAdmin .pagination.c1 a.nextEnd{display:inline-block;width:13px;height:14px;padding:3px 4px;margin:0}
|
||||
#xeAdmin .pagination.c1 a.prev,
|
||||
#xeAdmin .pagination.c1 a.prevEnd{background:url(../img/arrowPrevC1.gif) no-repeat center}
|
||||
#xeAdmin .pagination.c1 a.next,
|
||||
#xeAdmin .pagination.c1 a.nextEnd{background:url(../img/arrowNextC1.gif) no-repeat center}
|
||||
#xeAdmin .pagination.c1 a.prev span,
|
||||
#xeAdmin .pagination.c1 a.prevEnd span,
|
||||
#xeAdmin .pagination.c1 a.next span,
|
||||
#xeAdmin .pagination.c1 a.nextEnd span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
|
||||
#xeAdmin .pagination.c2 a,
|
||||
#xeAdmin .pagination.c2 strong{margin:0 -2px;padding:2px 4px;font-size:11px}
|
||||
#xeAdmin .pagination.c2 a.prev,
|
||||
#xeAdmin .pagination.c2 a.prevEnd,
|
||||
#xeAdmin .pagination.c2 a.next,
|
||||
#xeAdmin .pagination.c2 a.nextEnd{display:inline-block;width:13px;height:14px;padding:3px 4px;margin:0}
|
||||
#xeAdmin .pagination.c2 a.prev,
|
||||
#xeAdmin .pagination.c2 a.prevEnd{background:url(../img/arrowPrevC1.gif) no-repeat center}
|
||||
#xeAdmin .pagination.c2 a.next,
|
||||
#xeAdmin .pagination.c2 a.nextEnd{background:url(../img/arrowNextC1.gif) no-repeat center}
|
||||
#xeAdmin .pagination.c2 a.prev span,
|
||||
#xeAdmin .pagination.c2 a.prevEnd span,
|
||||
#xeAdmin .pagination.c2 a.next span,
|
||||
#xeAdmin .pagination.c2 a.nextEnd span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
|
||||
.pagination{margin:1em 0;text-align:center;line-height:normal}
|
||||
.pagination *{vertical-align:middle}
|
||||
.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}
|
||||
.pagination a:hover,
|
||||
.pagination a:active,
|
||||
.pagination a:focus{border:1px solid #ddd;margin:0 -1px}
|
||||
.pagination strong{color:#e00;font-size:20px}
|
||||
.pagination .direction{font-weight:normal;white-space:nowrap}
|
||||
.pagination .direction:hover,
|
||||
.pagination .direction:active,
|
||||
.pagination .direction:focus{border:0;margin:0;text-decoration:underline}
|
||||
.pagination input{width:30px;text-align:center}
|
||||
.pagination button{overflow:visible}
|
||||
/* Button */
|
||||
.btn{position:relative;display:inline-block;margin:2px;vertical-align:top}
|
||||
.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}
|
||||
.btn a,
|
||||
.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)}
|
||||
.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)}
|
||||
.btn *{padding:0 8px;font-size:14px;height:24px;line-height:22px}
|
||||
.btn a{height:22px}
|
||||
.btn.medium *{padding:0 12px;font-size:18px;height:30px;line-height:28px}
|
||||
.btn.medium a{height:28px}
|
||||
.btn.large *{padding:0 18px;font-size:24px;height:36px;line-height:34px}
|
||||
.btn.large a{height:34px}
|
||||
/* FAQ */
|
||||
.faq{border-bottom:1px solid #ddd;margin:1em 0}
|
||||
.faq .faqHeader{position:relative;zoom:1}
|
||||
.faq .faqHeader .showAll{position:absolute;bottom:0;right:0;border:0;padding:0;overflow:visible;background:none;cursor:pointer}
|
||||
.faq .faqBody{margin:0;padding:0}
|
||||
.faq .faqBody .article{list-style:none}
|
||||
.faq .q{margin:0;border-top:1px solid #ddd}
|
||||
.faq .q a{display:block;padding:.5em 1em;text-align:left;font-weight:bold;background:#fafafa;color:#000;text-decoration:none !important}
|
||||
.faq .q a:hover, .faq .q a:active, .faq .q a:focus{background:#f8f8f8}
|
||||
.faq .a{margin:0;padding:1em;line-height:1.5}
|
||||
/* Horizontal Bar Graph */
|
||||
.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}
|
||||
.hGraph li{position:relative;margin:10px 0;white-space:nowrap;vertical-align:top}
|
||||
.hGraph .gTerm{position:absolute;width:40px;top:0;left:-50px;line-height:20px;text-align:right;font-weight:bold}
|
||||
.hGraph .gBar{position:relative;display:inline-block;height:20px;border:1px solid #ccc;border-left:0;background:#e9e9e9}
|
||||
.hGraph .gBar span{position:absolute;width:40px;line-height:20px;top:0;right:-50px}
|
||||
/* Vertical Bar Graph */
|
||||
.vGraph{margin:1em 0;padding:20px 0}
|
||||
.vGraph ul{margin:0;padding:0;height:200px;border:1px solid #ddd;border-top:0;border-right:0;list-style:none}
|
||||
.vGraph ul:after{content:"";display:block;clear:both}
|
||||
.vGraph li{float:left;display:inline;width:8%;height:100%;margin:0 3%;position:relative;text-align:center;white-space:nowrap}
|
||||
.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}
|
||||
.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}
|
||||
.vGraph .gBar span{position:absolute;width:100%;top:-20px;left:0}
|
||||
/* Star Rating */
|
||||
.starRating, .starRating span{display:inline-block;height:14px;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden}
|
||||
.starRating{width:79px;vertical-align:top}
|
||||
.starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px}
|
||||
/* Progress */
|
||||
.prgrs{white-space:nowrap;line-height:normal;vertical-align:middle}
|
||||
.prgrs *{vertical-align:middle}
|
||||
.prgrs .pBar{position:relative;display:inline-block;background:#e9e9e9;margin:0 5px 0 0}
|
||||
.prgrs .pAction{display:inline-block;vertical-align:top;background:#99a6b6}
|
||||
.prgrs .pNum{position:absolute;width:100%;left:0;top:0;text-align:center;text-shadow:1px 1px 0 #fff}
|
||||
.prgrs.prgrsSmall{font-size:14px;line-height:14px}
|
||||
.prgrs.prgrsSmall .pBar,
|
||||
.prgrs.prgrsSmall .pAction,
|
||||
.prgrs.prgrsSmall .pNum{height:16px;line-height:16px;font-size:11px}
|
||||
.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 */
|
||||
#xeAdmin .open{display:block !important}
|
||||
#xeAdmin h1.xeAdmin {float:left;white-space:nowrap;margin:0;padding:0}
|
||||
#xeAdmin caption{text-align:left}
|
||||
#xeAdmin button{cursor:pointer}
|
||||
#xeAdmin hr{display:none}
|
||||
#xeAdmin fieldset{border:0}
|
||||
#xeAdmin fieldset legend{font-size:0;line-height:0;position:absolute;visibility:hidden}
|
||||
#xeAdmin .section{margin:0 0 1em 0}
|
||||
#xeAdmin .buttonArea{text-align:center;padding:15px 0}
|
||||
#xeAdmin button.text{background:none;border:0;color:#0000ee}
|
||||
#xeAdmin img.graphHr{height:5px;vertical-align:middle}
|
||||
#xeAdmin .ac{text-align:center}
|
||||
#xeAdmin .al{text-align:left}
|
||||
#xeAdmin .ar{text-align:right}
|
||||
.crossTable{width:100%;border:0;margin:0 0 20px 0;padding:0}
|
||||
.crossTable th div {white-space:nowrap;}
|
||||
.crossTable th,
|
||||
.crossTable td{border:0;padding:5px 10px;vertical-align:top}
|
||||
.crossTable th{background:#f4f4f4}
|
||||
.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}
|
||||
.crossTable thead th:first-child{background-image:none}
|
||||
.crossTable tbody th{border-bottom:1px solid #e5e5e5;text-align:left}
|
||||
.crossTable td{border-bottom:1px solid #f0f0f0}
|
||||
.colTable{width:100%;border:0;margin:0 0 20px 0;padding:0}
|
||||
.colTable th div {white-space:nowrap;}
|
||||
.colTable tr.bg0{background:#fff}
|
||||
.colTable tr.bg1{background:#f8f8f8}
|
||||
.colTable th,
|
||||
.colTable td{border:0;padding:5px 10px;vertical-align:top}
|
||||
.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}
|
||||
.colTable th:first-child{background-image:none}
|
||||
.colTable td{border-bottom:1px solid #f0f0f0}
|
||||
.rowTable{width:100%;border:0;border-top:2px solid #cfcfcf;margin:0 0 20px 0;padding:0}
|
||||
.rowTable th div {white-space:nowrap;}
|
||||
.rowTable tr.bg0{background:#fff}
|
||||
.rowTable tr.bg1{background:#f8f8f8}
|
||||
.rowTable th,
|
||||
.rowTable td{border:0;padding:5px 10px;text-align:left;vertical-align:top}
|
||||
.rowTable th{background:#f4f4f4}
|
||||
.rowTable tbody th{border-bottom:1px solid #e5e5e5}
|
||||
.rowTable td{border-bottom:1px solid #f0f0f0}
|
||||
.rowTable th.button, .colTable th.button, .crossTable th.button {text-align:right;}
|
||||
.rowTable td.alert, .colTable td.alert, .crossTable td.alert {color:red !important;}
|
||||
.rowTable td.alert a, .colTable td.alert a, .crossTable td.alert a {text-decoration:none;color:red !important;}
|
||||
.colTable td.wide, .rowTable td.wide, .crossTable td.wide {width:100%}
|
||||
.e1 .navigation {list-style:none;position:relative;*zoom:1;margin:0;padding:0;border-bottom:1px solid #c2c2c2}
|
||||
.e1 .navigation ul {list-style:none;position:relative;*zoom:1;margin:0;padding:0}
|
||||
.e1 .navigation li {list-style:none;position:relative;*zoom:1;margin:0;padding:0;background-color:#f7f7f7;}
|
||||
.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}
|
||||
.e1 .navigation li.close a.parent {background-position:160px 13px;border-bottom:none;}
|
||||
#module_service {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px 10px}
|
||||
#module_member {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -40px}
|
||||
#module_content {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -90px}
|
||||
#module_construction {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -140px}
|
||||
#module_utility {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -190px}
|
||||
#module_accessory {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -240px}
|
||||
#module_system {background-image:url(../img/mIcon.gif);background-repeat:no-repeat;background-position:10px -290px}
|
||||
.e1 .navigation li ul{border-top:1px solid #d2d2d2;margin:0;padding:5px 0;background-color:#fff}
|
||||
.e1 .navigation li ul li {margin:5px 0;padding:0 10px 0 35px;background-color:#fff}
|
||||
.e1 .navigation li.close ul{display:none}
|
||||
.e1 .navigation li ul li a {text-decoration:none;}
|
||||
.e1 .navigation li ul li a:hover {font-weight:bold;text-decoration:none;letter-spacing:-1px}
|
||||
.e1 .navigation li ul li.active a {color:#ea3f22;letter-spacing:-1px}
|
||||
.e2 .section{margin-left:20px}
|
||||
.e2 .section h4.xeAdmin {margin:10px 0 0 0;padding:0 0 0 25px;}
|
||||
.e2 .section .date{background:url(../img/lineVrText.gif) no-repeat left center;font-size:9px;padding-left:5px}
|
||||
.e2 .section .contentBox {padding:10px 0;margin:0 0 20px 0;border-bottom:1px solid #ccc}
|
||||
.e2 table tbody td{text-align:left;word-break:break-all;-ms-word-break:break-all;}
|
||||
#xeAdmin .localNavigation {position:relative;border-bottom:1px solid #ccc;*zoom:1;margin:0 0 40px 0;padding:0;font-size:12px}
|
||||
#xeAdmin .localNavigation:after {content:"";display:block;clear:both}
|
||||
#xeAdmin .localNavigation ul{display:none;position:absolute;top:40px;left:0;list-style:none;margin:0;padding:0;overflow:hidden}
|
||||
#xeAdmin .localNavigation li{list-style:none;float:left;margin:0 -1px 0 0;padding:0;background:#fff}
|
||||
#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}
|
||||
#xeAdmin .localNavigation li.on {margin-bottom:-1px}
|
||||
#xeAdmin .localNavigation li.on ul{display:block}
|
||||
#xeAdmin .localNavigation li.on a{height:19px;background:none;font-weight:bold}
|
||||
#xeAdmin .localNavigation li li{position:relative;left:-1px;display:inline;float:none;margin:0;padding:0 6px 0 10px;border-left:1px solid #ddd}
|
||||
#xeAdmin .localNavigation li li a{font-weight:normal !important;float:none;padding:0;height:auto;border:0;background:none}
|
||||
#xeAdmin .localNavigation li li.on a{font-weight:bold !important}
|
||||
#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}
|
||||
#xeAdmin h4.xeAdmin {padding:5px 0 5px 20px;background:url(../img/iconH3.gif) no-repeat left center}
|
||||
#xeAdmin h4.xeAdmin span.vr {font-size:11px;color:#AAA;}
|
||||
#xeAdmin h4.xeAdmin a.view {font-size:11px;font-family:vertical;color:#777e86;}
|
||||
#xeAdmin p.summary, div.infoText {margin:0 0 15px 0;line-height:1.6}
|
||||
.layer {display:none;position:absolute;border:2px solid #777;margin:0;font-size:12px;background:#fff}
|
||||
.layer * {margin:0;padding:0;font-size:12px;}
|
||||
.layer h4.xeAdmin {font-size:14px !important;font-family:Dotum;background:#f4f4f4 !important;padding:8px 30px 8px 15px !important;letter-spacing:-1px !important;}
|
||||
.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;}
|
||||
.layer .xButton span {position:relative;z-index:-1;visibility:hidden;}
|
||||
.layer .layerBody{margin:15px}
|
||||
.boxModelControler select {margin-bottom:3px;}
|
||||
.boxModelControler .inputText {border:1px solid #ccc;padding:2px 3px;margin-bottom:3px;vertical-align:top;*margin-top:-1px;}
|
||||
.boxModelControler .inputCheck {width:13px;height:13px;vertical-align:middle;}
|
||||
.boxModelControler .layerBody {margin:15px;}
|
||||
.boxModelControler .preview{overflow:hidden;margin-bottom:20px}
|
||||
.boxModelControler .dragAble {position:relative;padding:15px 0 0 15px;background:url(../img/bgRuler.gif) no-repeat;*zoom:1;cursor:move}
|
||||
.boxModelControler .dragAble .prevGrid {position:relative;margin:-1px;background:url(../img/bgGrid.gif) 0 0;border:1px solid #000;*zoom:1}
|
||||
.boxModelControler .dragAble .prevBox {position:relative;}
|
||||
.boxModelControler .dragAble .prevBox .prevContent {position:relative;}
|
||||
.boxModelControler .boxModelTable {width:100%;border:0;border-bottom:1px solid #ddd;margin:0;padding:0}
|
||||
.boxModelControler .boxModelTable th,
|
||||
.boxModelControler .boxModelTable td {border:0;border-top:1px solid #ddd;vertical-align:top;padding:5px 10px;text-align:left;}
|
||||
.boxModelControler .boxModelTable th {height:50px;*height:40px;background:#f1f1f1;padding-left:70px;background-repeat:no-repeat;background-position:10px 10px;}
|
||||
.boxModelControler .boxModelTable th.width {background-image:url(../img/exWidth.gif);}
|
||||
.boxModelControler .boxModelTable th.margin {background-image:url(../img/exMargin.gif);}
|
||||
.boxModelControler .boxModelTable th.padding {background-image:url(../img/exPadding.gif);}
|
||||
.boxModelControler .boxModelTable th.border {background-image:url(../img/exBorder.gif);}
|
||||
.boxModelControler .boxModelTable th.bgColor {background-image:url(../img/exBgColor.gif);}
|
||||
.boxModelControler .boxModelTable th.bgImage {background-image:url(../img/exBgImage.gif);}
|
||||
.boxModelControler .boxModelTable th sup {font-weight:normal;font-size:11px;font-family:Dotum;color:#999;}
|
||||
.boxModelControler .boxModelTable td dl.iList dt {display:inline;position:relative;top:3px;}
|
||||
.boxModelControler .boxModelTable td dl.iList dd {display:inline;}
|
||||
.boxModelControler .boxModelTable td dl.dList dt {float:left;clear:left;margin-right:5px;padding-top:3px;}
|
||||
.boxModelControler .boxModelTable td dl.dList dd {clear:right;}
|
||||
.boxModelControler .colorPicker {position:relative;display:inline;vertical-align:top;}
|
||||
.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;}
|
||||
.boxModelControler .colorPicker .picker span {font-size:0;line-height:0;z-index:-1;visibility:hidden;}
|
||||
.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;}
|
||||
.boxModelControler .colorPicker .palette.open {display:block;}
|
||||
.boxModelControler .colorPicker .palette li {float:left;margin:0 1px 1px 0;font-size:0;line-height:0;}
|
||||
.boxModelControler .colorPicker .palette li button {width:15px;height:15px;border:0;cursor:pointer;}
|
||||
.boxModelControler .colorPicker .palette li button span {position:relative;z-index:-1;font-size:0;line-height:0;visibility:hidden;}
|
||||
.boxModelControler .colorPicker .palette li button.transparent {background:url(../img/bgNone.gif) no-repeat right top;border:1px solid #ddd;}
|
||||
.boxModelControler .borderDetach {display:none;}
|
||||
.boxModelControler .borderDetach.open {display:block;}
|
||||
.boxModelControler .buttonArea{padding:15px 0 0 0;text-align:center}
|
||||
#popup_content {border:2px solid #777;margin:0;font-size:12px;background:#fff;position:relative}
|
||||
#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;}
|
||||
#popup_content .xButton span {position:relative;z-index:-1;visibility:hidden;}
|
||||
#popup_content * {font-size:12px;}
|
||||
#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}
|
||||
#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}
|
||||
#popHeader, #popBody, #popFooter {position:relative;*zoom:1;overflow:hidden}
|
||||
#popBody, #popHistoryBody {margin:15px !important}
|
||||
#popFooter {padding:10px 0 0 0;height:28px;text-align:center;background:#f4f4f4}
|
||||
#popHeader.wide {width:600px}
|
||||
.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}
|
||||
.adminTable thead tr th div {text-align:center}
|
||||
.adminTable thead tr th {background-color:#AAA;color:#FFFFFF !important;}
|
||||
.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;}
|
||||
.adminTable tr.row2 th {background-color:#F3F3F3;}
|
||||
.adminTable tr th {width:10px;}
|
||||
.adminTable tr th div {white-space:nowrap;margin:0 5px;}
|
||||
.adminTable tr th select {height:20px;}
|
||||
.adminTable tr th.wide {width:100%;}
|
||||
.adminTable tr th.half_wide {width:50%;}
|
||||
.adminTable tr th.quarter_wide {width:25%;}
|
||||
.adminTable tr td.wide {width:100%;}
|
||||
.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;}
|
||||
.adminTable tr a {color:#222222;text-decoration:none;}
|
||||
.adminTable tr a:hover {color:#3D83B8;}
|
||||
.adminTable tr td.nowrap {white-space:nowrap !important;}
|
||||
.adminTable tr td.alert, .adminTable tr td.alert a {color:red;}
|
||||
.adminTable tr td.number {font-size:8pt;font-family:tahoma;color:#27536C;}
|
||||
.adminTable tr td.date,
|
||||
.adminTable tr td span.date {font-size:8pt;font-family:tahoma;color:#666666}
|
||||
.adminTable tr td.center {text-align:center;}
|
||||
.adminTable tr td.right {text-align:right;}
|
||||
.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}
|
||||
.content{float:right;width:100%;margin-left:-230px;zoom:1}
|
||||
.content:after{content:"";display:block;clear:both}
|
||||
/* Dashboard */
|
||||
.dashboard{float:none;width:auto;margin-left:-230px}
|
||||
.dashboard .portlet{float:left;width:48%;margin-right:1em}
|
||||
/* Local Navigation */
|
||||
.lnb{position:relative;float:left;width:200px;margin:1em 0 1em -230px;line-height:normal;zoom:1;display:inline}
|
||||
.lnb .h2{margin-top:0}
|
||||
.lnb ul{margin:0;padding:0;list-style:none}
|
||||
.lnb li{position:relative;margin:0 0 -1px 0;vertical-align:top;zoom:1}
|
||||
.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}
|
||||
.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}
|
||||
.lnb li ul{padding:5px 0;background:#fff}
|
||||
.lnb li li{margin:0;border-top:1px dotted #ddd}
|
||||
.lnb li li:first-child{border:0}
|
||||
.lnb li li a{font-weight:normal;background:#fff;padding:5px 10px;border:0}
|
||||
.lnb li li a span{color:#666}
|
||||
.lnb li.active{border:1px solid #ccc;z-index:2}
|
||||
.lnb li li.active{border:0}
|
||||
.lnb li.active a{color:#000;border:0}
|
||||
.lnb li.active .i{background-position:0 -44px}
|
||||
.lnb li.active li a{border:0}
|
||||
.lnb li.active ul{display:block;border-top:1px solid #eee}
|
||||
.lnb li.active li.active a span{color:#13b200;font-weight:bold;letter-spacing:-1px}
|
||||
/* Search */
|
||||
.search{zoom:1}
|
||||
.search:after{content:"";display:block;clear:both}
|
||||
.search .pagination{float:left;text-align:left}
|
||||
.search form{float:right;margin:1em 0}
|
||||
.search form *{vertical-align:middle}
|
||||
/* Site Map */
|
||||
.siteMap h2 input{font-size:14px;font-weight:bold;padding:0 .5em}
|
||||
.siteMap .lined ul{padding:0;margin:0;border-top:1px solid #eee;zoom:1}
|
||||
.siteMap .lined li{position:relative;padding:0;margin:0;cursor:all-scroll;list-style:none;zoom:1}
|
||||
.siteMap .lined li li{border-top:1px solid #eee}
|
||||
.siteMap li li{text-indent:32px}
|
||||
.siteMap li li li{text-indent:64px}
|
||||
.siteMap li li li li{text-indent:96px}
|
||||
.siteMap li li li li li{text-indent:128px}
|
||||
.siteMap li li li li li li{text-indent:160px}
|
||||
.siteMap li li li li li li li{text-indent:192px}
|
||||
.siteMap li li li li li li li li{text-indent:224px}
|
||||
.siteMap li li li li li li li li li{text-indent:256px}
|
||||
.siteMap li li li li li li li li li li{text-indent:288px}
|
||||
.siteMap li li li li li li li li li li li{text-indent:320px}
|
||||
.siteMap li li li li li li li li li li li li{text-indent:352px}
|
||||
.siteMap li *{vertical-align:middle}
|
||||
.siteMap li .moveTo+input{width:200px;border:0;padding:0 .5em}
|
||||
.siteMap li .moveTo+input:hover,
|
||||
.siteMap li .moveTo+input:active,
|
||||
.siteMap li .moveTo+input:focus{border:1px dotted #ccc;overflow:visible}
|
||||
.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}
|
||||
.siteMap li.active li,
|
||||
.siteMap li.active ul{border-top-color:#fff}
|
||||
.siteMap li.active .moveTo{background-position:0 -32px}
|
||||
.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}
|
||||
.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}
|
||||
.siteMap li.active .vr,
|
||||
.siteMap li.active li .hr{display:block}
|
||||
.siteMap li li .vr,
|
||||
.siteMap li li li .hr{left:48px}
|
||||
.siteMap li li li .vr,
|
||||
.siteMap li li li li .hr{left:80px}
|
||||
.siteMap li li li li .vr,
|
||||
.siteMap li li li li li .hr{left:112px}
|
||||
.siteMap li li li li li .vr,
|
||||
.siteMap li li li li li li .hr{left:144px}
|
||||
.siteMap li li li li li li .vr,
|
||||
.siteMap li li li li li li li .hr{left:176px}
|
||||
.siteMap li li li li li li li .vr,
|
||||
.siteMap li li li li li li li li .hr{left:208px}
|
||||
.siteMap li li li li li li li li .vr,
|
||||
.siteMap li li li li li li li li li .hr{left:240px}
|
||||
.siteMap li li li li li li li li li .vr,
|
||||
.siteMap li li li li li li li li li li .hr{left:272px}
|
||||
.siteMap li li li li li li li li li li .vr,
|
||||
.siteMap li li li li li li li li li li li .hr{left:304px}
|
||||
.siteMap li li li li li li li li li li li .vr,
|
||||
.siteMap li li li li li li li li li li li li .hr{left:336px}
|
||||
.siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px}
|
||||
.siteMap .side button{text-indent:0;line-height:1}
|
||||
/* Button Area */
|
||||
.btnArea{margin:1em 0;text-align:right;zoom:1}
|
||||
.btnArea:after{content:"";display:block;clear:both}
|
||||
/* Multilingual */
|
||||
#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);}
|
||||
#multilingual ul{border-top:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #eee;margin:0}
|
||||
#multilingual li{padding:.5em 10px}
|
||||
#multilingual input{width:258px}
|
||||
#multilingual label{left:15px !important}
|
||||
/* Find Module */
|
||||
#findModule th,
|
||||
#findModule td{padding:5px 8px}
|
||||
#findModule td button{margin:-5px 0}
|
||||
/* Mid Suggestion */
|
||||
#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);}
|
||||
#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}
|
||||
#midSuggestion li{padding:0}
|
||||
#midSuggestion li:last-child{border-bottom:0}
|
||||
#midSuggestion li button{border:0;background:#fff;text-align:left;width:100%}
|
||||
#midSuggestion li button:hover,
|
||||
#midSuggestion li button:active,
|
||||
#midSuggestion li button:focus{background:#eee}
|
||||
/* Image Mark */
|
||||
#imageMark{right:0}
|
||||
/* Easy Installer */
|
||||
.easyNav{position:relative;border:1px solid #e9e9e9;zoom:1}
|
||||
.easyNav:after{content:"";display:block;clear:both}
|
||||
.easyNav h2{font-size:16px}
|
||||
.easyNav .category{width:30%;float:left;margin:0 2em;display:inline}
|
||||
.easyNav .filter{position:absolute;top:0;right:0;margin:1em 2em;text-align:right}
|
||||
.easyList td p{margin-top:0}
|
||||
.easyList td p.update{background:#ffc;padding:.5em 1em;border:1px solid #fc9;border-left:0;border-right:0;text-align:center}
|
||||
/* Font Preview */
|
||||
.fontPreview{width:96%;border:1px solid #e9e9e9;zoom:1;padding:1em 2em;margin:.5em 0}
|
||||
/* FTP Suggestion */
|
||||
#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);}
|
||||
#ftpSuggestion ul{border-left:1px solid #eee;border-right:1px solid #eee}
|
||||
#ftpSuggestion li{padding:0}
|
||||
#ftpSuggestion li button{border:0;background:#fff;text-align:left;width:288px}
|
||||
#ftpSuggestion li button:hover,
|
||||
#ftpSuggestion li button:active,
|
||||
#ftpSuggestion li button:focus{background:#eee}
|
||||
/* Notice Alert */
|
||||
.noticeAlert{background:#ffc;padding:0 2em;border:1px solid #fcc;border-left:0;border-right:0;zoom:1;position:relative}
|
||||
.noticeAlert h2{zoom:1;margin:.83em 0}
|
||||
.noticeAlert em{font-style:normal;font-weight:bold}
|
||||
/* Theme & Skin Preview */
|
||||
.thumbPreview .i{display:inline-block; vertical-align:top; margin:0 1em 1em 0}
|
||||
.thumbPreview .i .thumb{ width:240px; height:160px; line-height:160px; text-align:center; overflow:hidden; border:1px solid #ddd; display:block; cursor:pointer}
|
||||
.thumbPreview .i .thumb img{ width:240px}
|
||||
.thumbPreview .i.checked .thumb{ border:8px solid #999; width:226px; height:146px; line-height:146px}
|
||||
.thumbPreview .i.checked .thumb img{ margin:-7px}
|
||||
/* Sign Up Form */
|
||||
.signUpForm li{ position:relative}
|
||||
.signUpForm .side{ position:absolute; top:8px; right:0}
|
||||
|
||||
/* Responsive Layout */
|
||||
@media only all and (max-width:640px) {
|
||||
.skipNav a{position:relative;width:auto;height:auto}
|
||||
.gnb ul{display:block;position:static;padding:0}
|
||||
.gnb li{float:none;clear:both;border-top:1px solid #ccc}
|
||||
.gnb ul ul{border:0;position:static}
|
||||
.gnb li li{border:0}
|
||||
.gnb li a{float:none;display:block}
|
||||
.gnb li a:hover,
|
||||
.gnb li a:active,
|
||||
.gnb li a:focus{background:none}
|
||||
.gnb li.activeOn a{background:#ddd}
|
||||
}
|
||||
@media only all and (max-width:860px) {
|
||||
.header .siteTool{position:relative;clear:both;top:0;right:0;margin:1em 0}
|
||||
.body{padding:1em}
|
||||
.content{float:none;margin-left:0}
|
||||
.lnb{float:none;width:auto;margin:1em 0}
|
||||
.dashboard .portlet{float:none;width:auto;margin-right:0}
|
||||
.modal .fg,
|
||||
.wfsr .fg{width:auto}
|
||||
.easyNav .category{float:none;display:block;width:auto}
|
||||
.easyNav .filter{position:static}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,314 +1,174 @@
|
|||
<!--#include("_header.html")-->
|
||||
|
||||
<!--%import("./css/dashboard.css")-->
|
||||
<!--%import("../../install/lang")-->
|
||||
<!--%import("../../module/tpl/js/module_admin.js")-->
|
||||
<!--%import("../../session/tpl/js/session.js")-->
|
||||
<!--%import("../../addon/tpl/js/addon.js")-->
|
||||
<!--%import("../../addon/tpl/filter/toggle_activate_addon.xml")-->
|
||||
|
||||
<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&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&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&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&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&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&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>
|
||||
<!--#include("./_spHeader.html")-->
|
||||
<div class="content dashboard" id="content">
|
||||
<form action="" class="noticeAlert">
|
||||
<h2>설치 환경정보 수집 동의</h2>
|
||||
<p>설치 환경정보 수집에 동의하는 경우 사용자의 XE 설치 환경과 관련되어 있는 '<em>OS, DBMS, #, #</em>' 정보가 XE 통계 수집 서버로 전송됩니다. 수집된 정보는 더 나은 SW를 제작하기 위한 통계 수집 이외의 목적으로 활용하지 않습니다. XE는 사용자의 설치 환경 정보를 외부에 공개하지 않습니다. <em>이 항목에 반드시 동의하지 않아도 됩니다.</em></p>
|
||||
<div class="btnArea">
|
||||
<span class="btn"><input type="submit" value="동의" /></span>
|
||||
<span class="btn"><button type="button">동의 안함</button></span>
|
||||
</div>
|
||||
<span class="outline ml"></span>
|
||||
<span class="outline mr"></span>
|
||||
<span class="outline tc"></span>
|
||||
<span class="outline bc"></span>
|
||||
<span class="outline tl"></span>
|
||||
<span class="outline tr"></span>
|
||||
|
||||
<span class="outline bl"></span>
|
||||
<span class="outline br"></span>
|
||||
</form>
|
||||
<div class="portlet">
|
||||
<h2 class="h2">Current State</h2>
|
||||
<ul class="lined">
|
||||
<li><a href="#">Site</a> <span class="side">42(+1)</span></li>
|
||||
<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>
|
||||
<li><a href="#">Comment</a> <span class="side">738,201(+295)</span></li>
|
||||
<li><a href="#">Trackback</a> <span class="side">252(+21)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /Dashboard Statistic -->
|
||||
|
||||
<!-- Visotors Graph -->
|
||||
<div class="section">
|
||||
|
||||
<h4 class="dashboardH4">{$lang->counter} <em>{date("Y.m.d")}</em></h4>
|
||||
<div class="dashboardWire">
|
||||
<dl class="legend">
|
||||
<dt class="past"><img src="../../../common/tpl/images/blank.gif" width="5" height="5" alt="{$lang->yesterday}" /></dt>
|
||||
<dd>{$lang->last_week}</dd>
|
||||
<dt class="today"><img src="../../../common/tpl/images/blank.gif" width="5" height="5" alt="{$lang->today}" /></dt>
|
||||
<dd>{$lang->this_week}</dd>
|
||||
|
||||
</dl>
|
||||
<dl class="summary">
|
||||
<dt>{$lang->today}</dt>
|
||||
<dd>{number_format($status->visitor)}</dd>
|
||||
<dt>{$lang->this_week}</dt>
|
||||
<dd>{number_format($status->thisWeekSum)}</dd>
|
||||
<dt>{$lang->total}</dt>
|
||||
<dd>{number_format($status->total_visitor)}</dd>
|
||||
</dl>
|
||||
<div class="graph">
|
||||
<!--@foreach($status->week as $key => $val)-->
|
||||
<dl>
|
||||
<dt><!--@if($key==date("Ymd"))--><strong>{$key}</strong><!--@else-->{$key}<!--@end--></dt>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
</dl>
|
||||
<!--@end-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="portlet">
|
||||
<h2 class="h2">Latest Document</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">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>
|
||||
<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>
|
||||
<!-- /Visotors Graph -->
|
||||
|
||||
<div class="section">
|
||||
<h4 class="dashboardH4">{$lang->env_information} <a href="{getUrl('','module','admin','act','dispAdminConfig')}">{$lang->cmd_setup}</a></h4>
|
||||
<!--@if($current_version < $released_version)-->
|
||||
<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>
|
||||
<!--@end-->
|
||||
<table>
|
||||
<col width="160" />
|
||||
<col width="*" />
|
||||
<tbody>
|
||||
<tr>
|
||||
<th><div>{$lang->current_version}</div></th>
|
||||
<td class="wide">
|
||||
<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-->
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->current_path}</div></th>
|
||||
<td>{$installed_path}/</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->start_module}</div></th>
|
||||
<td><a href="{getSiteUrl('','','mid',$start_module->mid)}" onclick="window.open(this.href);return false;">{$start_module->browser_title}</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->time_zone}</div></th>
|
||||
<td><!--@foreach($time_zone_list as $key => $val)--><!--@if($time_zone==$key)-->{substr($val,1,10)}<!--@end--><!--@endforeach--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->use_rewrite}</div></th>
|
||||
<td><!--@if($use_rewrite=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->use_sso}</div></th>
|
||||
<td><!--@if($use_sso=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->mobile_view}</div></th>
|
||||
<td><!--@if($use_mobile_view=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>Language</div></th>
|
||||
<td><!--@foreach($lang_supported as $key => $val)--><!--@if($key == $selected_lang)-->{$val}<!--@endif--><!--@endforeach--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->qmail_compatibility}</div></th>
|
||||
<td><!--@if($qmail_compatibility=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><div>{$lang->use_db_session}</div></th>
|
||||
<td><!--@if($use_db_session =='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="portlet">
|
||||
<h2 class="h2">Latest Comment</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">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>
|
||||
<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">Latest Trackback</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">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>
|
||||
<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 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-->
|
||||
|
||||
<!--@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")-->
|
||||
<!--#include("./_spFooter.html")-->
|
||||
|
|
|
|||
|
|
@ -1,165 +1,7 @@
|
|||
/**
|
||||
* @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
|
||||
/* NHN (developers@xpressengine.com) */
|
||||
jQuery(function($){
|
||||
// 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');
|
||||
overlapLabel.css({'position':'absolute','top':'15px','left':'5px'}).parent().css('position','relative');
|
||||
overlapInput
|
||||
|
|
@ -181,21 +23,90 @@ jQuery(function($){
|
|||
}
|
||||
})
|
||||
.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
|
||||
var tab_line = $('div.tab.line');
|
||||
var tab_line_i = tab_line.find('>ul>li');
|
||||
var tab_line_ii = tab_line.find('>ul>li>ul>li');
|
||||
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>li[class=active]').parents('li').attr('class','active');
|
||||
tab_line.find('>ul>li[class=active]').find('>ul').show();
|
||||
function lineTabMenuToggle(event){
|
||||
var t = $(this);
|
||||
tab_line_i.find('>ul').hide();
|
||||
t.next('ul').show();
|
||||
tab_line_i.removeClass('active');
|
||||
t.parent('li').addClass('active');
|
||||
return false;
|
||||
if (!tab_line.hasClass('jx')){
|
||||
var t = $(this);
|
||||
tab_line_i.find('>ul').hide();
|
||||
t.next('ul').show();
|
||||
tab_line_i.removeClass('active');
|
||||
t.parent('li').addClass('active');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function lineTabSubMenuActive(){
|
||||
tab_line_ii.removeClass('active');
|
||||
|
|
@ -209,16 +120,28 @@ jQuery(function($){
|
|||
var tab_face_i = tab_face.find('>ul>li');
|
||||
var tab_face_ii = tab_face.find('>ul>li>ul>li');
|
||||
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>li[class=active]').parents('li').attr('class','active');
|
||||
tab_face.find('>ul>li[class=active]').find('>ul').show();
|
||||
function faceTabMenuToggle(event){
|
||||
var t = $(this);
|
||||
tab_face_i.find('>ul').hide();
|
||||
t.next('ul').show();
|
||||
tab_face_i.removeClass('active');
|
||||
t.parent('li').addClass('active');
|
||||
return false;
|
||||
if (!tab_face.hasClass('jx')){
|
||||
var t = $(this);
|
||||
tab_face_i.find('>ul').hide();
|
||||
t.next('ul').show();
|
||||
tab_face_i.removeClass('active');
|
||||
t.parent('li').addClass('active');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function faceTabSubMenuActive(){
|
||||
tab_face_ii.removeClass('active');
|
||||
|
|
@ -231,17 +154,35 @@ jQuery(function($){
|
|||
var tab_list = $('div.tab.list');
|
||||
var tab_list_i = tab_list.find('>ul>li');
|
||||
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.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){
|
||||
var t = $(this);
|
||||
tab_list_i.find('>ul').hide();
|
||||
t.next('ul').show();
|
||||
tab_list_i.removeClass('active');
|
||||
t.parent('li').addClass('active');
|
||||
tab_list.css('height', t.next('ul').height()+40);
|
||||
return false;
|
||||
if (!tab_list.hasClass('jx')){
|
||||
var t = $(this);
|
||||
tab_list_i.find('>ul').hide();
|
||||
t.next('ul').show();
|
||||
tab_list_i.removeClass('active');
|
||||
t.parent('li').addClass('active');
|
||||
tab_list.css('height', t.next('ul').height()+40);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
tab_list_i.find('>a[href=#]').click(listTabMenuToggle).focus(listTabMenuToggle);
|
||||
// Vertical Navigation
|
||||
|
|
@ -275,8 +216,8 @@ jQuery(function($){
|
|||
vNav.find('>ul>li>ul').prev('a').append('<span class="i"></span>');
|
||||
// Tree Navigation
|
||||
var tNav = $('.tNav');
|
||||
var tNavPlus = '\<button type=\"button\" class=\"tNavToggle plus\"\>+\<\/button\>';
|
||||
var tNavMinus = '\<button type=\"button\" class=\"tNavToggle minus\"\>-\<\/button\>';
|
||||
var tNavPlus = '<button type="button" class="tNavToggle plus">+</button>';
|
||||
var tNavMinus = '<button type="button" class="tNavToggle minus">-</button>';
|
||||
tNav.find('li>ul').css('display','none');
|
||||
tNav.find('ul>li:last-child').addClass('last');
|
||||
tNav.find('li>ul:hidden').parent('li').prepend(tNavPlus);
|
||||
|
|
@ -338,52 +279,336 @@ jQuery(function($){
|
|||
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
|
||||
var htmlBody = $('html,body');
|
||||
var modalAnchor = $('.modalAnchor');
|
||||
var modal = $('.modal');
|
||||
var modalBg = $('.modal>.bg');
|
||||
var modalFg = $('.modal>.fg');
|
||||
var modalBg = modal.find('>.bg');
|
||||
var modalFg = modal.find('>.fg');
|
||||
var modalCloseHtml = '<button type="button" class="modalClose" title="Close this layer">X</button>';
|
||||
var modalBlurHtml = '<button type="button" class="modalBlur"></button>';
|
||||
modal.appendTo('body').hide().prepend('<span class="bg"></span>');
|
||||
modalFg.prepend(modalCloseHtml);
|
||||
modal
|
||||
.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');
|
||||
modalClose.clone().appendTo(modalFg);
|
||||
modalFg.prepend(modalBlurHtml);
|
||||
var modalBlur = $('.modalBlur');
|
||||
modalBlur.clone().appendTo(modalFg);
|
||||
modalAnchor.click(function(){
|
||||
htmlBody.css({'width':'100%','height':'100%'});
|
||||
modal.fadeToggle().toggleClass('modalActive');
|
||||
modalFg.find('>.modalClose:first').focus();
|
||||
modalClose.eq(0).clone().appendTo(modalFg);
|
||||
modalBlur.eq(0).clone().appendTo(modalFg);
|
||||
modalAnchor
|
||||
.click(function(){
|
||||
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;
|
||||
});
|
||||
}
|
||||
$(document).keydown(function(event){
|
||||
if(event.keyCode != 27) return true;
|
||||
htmlBody.removeAttr('style');
|
||||
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;
|
||||
if(event.keyCode != 27) return true; // ESC
|
||||
if(modal.find('.tgContent:visible').length == 0) return closeModal();
|
||||
});
|
||||
$('.modal>.bg, .modalClose, .modal .cancel').click(closeModal);
|
||||
$('.modalBlur').focusin(function(event){
|
||||
modalClose.click();
|
||||
});
|
||||
// XEUI container & codeBlock Toggle
|
||||
var container = $('.container');
|
||||
container.hide().before('<button type="button" class="itemToggle">Show/Hide</button>');
|
||||
$('.itemToggle').click(function(){
|
||||
$(this).next(container).stop().slideToggle(100);
|
||||
// Toggle
|
||||
var tgContent = $('.tgContent');
|
||||
var tgBlurHtml = '<button type="button" class="tgBlur"></button>';
|
||||
tgContent.hide().prepend(tgBlurHtml).mouseleave(function(){closeTg()});
|
||||
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');
|
||||
codeBlock.hide().before('<button type="button" class="codeToggle">Code</button>');
|
||||
$('.codeToggle').click(function(){
|
||||
$(this).next(codeBlock).slideToggle(100);
|
||||
$('.tgSlide').click(function(){
|
||||
$($(this).attr('href')).slideToggle(100).find('a, input, button:not(.tgBlur), select, textarea').eq(0).focus();
|
||||
offsetToggle();
|
||||
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">› 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('› less');
|
||||
} else {
|
||||
siteMapList.find('.portlet').eq(!0).slideUp(200);
|
||||
$(this).html('› 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();
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,19 +1,138 @@
|
|||
<!--#include("./_header.html")-->
|
||||
|
||||
<div class="content">
|
||||
<!--@if($logged_info->is_admin == 'Y')-->
|
||||
<p class="path">
|
||||
<a href="{getUrl('','module','admin')}">{$lang->admin_index}</a>
|
||||
<!--@if($selected_module_info)-->
|
||||
> <a href="{getUrl('','mid',$mid,'module',$module,'act',$selected_module_info->admin_index_act)}">{$selected_module_info->title}</a>
|
||||
<!--@end-->
|
||||
<!--@if($module_info)-->
|
||||
> <a href="{getUrl('','mid',$mid,'module',$module,'act',$selected_module_info->admin_index_act)}">{$module_info->browser_title}</a>
|
||||
[<a href="{getSiteUrl($module_info->domain,'','mid',$module_info->mid)}" onclick="window.open(this.href);return false;">{$lang->cmd_view}</a>]
|
||||
<!--@end-->
|
||||
</p>
|
||||
<!--@end-->
|
||||
{$content}
|
||||
</div>
|
||||
|
||||
<!--#include("./_footer.html")-->
|
||||
<!--#include("./_spHeader.html")-->
|
||||
<div class="content" id="content">
|
||||
<form action="" class="form">
|
||||
<h1 class="h1">Document</h1>
|
||||
<div class="table even">
|
||||
<table width="100%" border="1" cellspacing="0">
|
||||
<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>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" class="title">Title</th>
|
||||
<th scope="col">Author</th>
|
||||
<th scope="col">Read</th>
|
||||
<th scope="col">Vote(+/-)</th>
|
||||
<th scope="col">Date</th>
|
||||
<th scope="col">IP</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col"><input type="checkbox" title="Check All" /></th>
|
||||
</tr>
|
||||
</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">« FIRST</a>
|
||||
<a href="#" class="direction">‹ 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 ›</a>
|
||||
<a href="#" class="direction">LAST »</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")-->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue