design toutch install / admin

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4635 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2008-10-20 01:53:33 +00:00
parent f60701f293
commit d7d628b2e7
23 changed files with 503 additions and 634 deletions

View file

@ -1,212 +1,72 @@
a.button, span.button, del.button{ @charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
display:-moz-inline-box;
display:inline-block; /* Anchor Button */
cursor:pointer; a.button,
border:none; a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(../tpl/images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
font-size:0; a.button { padding:0; background-position:left top; overflow:visible;}
line-height:0; a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
a.button, x:-moz-any-link { padding:3px 0 1px 0;} /* Firefox 2 Fix */
/* a.button, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
for Safari, read this first /* Large Size */
http://creativebits.org/webdev/safari_background_repeat_bug_fix a.button.large { background-position:left -30px; }
*/ a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
background-position:0 0; a.button.large, x:-moz-any-link { padding:6px 0 4px 0;} /* Firefox 2 Fix */
background-repeat:no-repeat; a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
height:30px; /* xLarge Size */
text-decoration:none; a.button.xLarge { background-position:left -65px; }
color:#2e523b; a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
font-style:normal; a.button.xLarge, x:-moz-any-link { padding:9px 0 7px 0;} /* Firefox 2 Fix */
margin:0 6px 0px 0; a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
padding:0 10px 0 0;
vertical-align:middle; /* Control Button + Submit Button */
span.button,
padding-top:-2px; span.button button,
_position:relative; span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;}
_top:-4px; span.button { padding:0; background-position:left top;}
_width:10px; span.button, x:-moz-any-link{ padding:5px 0 4px 0; line-height:0;} /* Firefox 2 Fix */
_overflow-y:hidden; span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
} span.button button,
*:first-child+html a.button, *:first-child+html span.button,*:first-child+html del.button { span.button input { height:23px; left:2px; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}
position:relative; /* Large Size */
top:-4px; span.button.large { background-position:left -30px; *top:-1px;}
} span.button.large, x:-moz-any-link{ padding:8px 0 7px 0;} /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; *padding:0 5px 0 3px; *top:-1px; font:16px/30px Sans-serif; background-position:right -30px;}
a.button, span.button, del.button, /* xLarge Size */
a.button span, span.button button, span.button input, del.button span{ span.button.xLarge { background-position:left -65px;}
background-image:url(../tpl/images/form_buttons.png); span.button.xLarge, x:-moz-any-link{ padding:11px 0 10px 0;} /* Firefox 2 Fix */
_background-image:url(../tpl/images/form_buttons.gif); span.button.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
} span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Sans-serif; background-position:right -65px;}
a.button span, span.button button, span.button input, del.button span{ /* Strong Button */
a.button.strong *,
white-space:nowrap; span.button.strong * { font-weight:bold !important;}
cursor:pointer;
color:#222; /* Icon Add */
display:-moz-inline-box; a.button .icon { position:relative; border:0; vertical-align:middle;}
display:inline-block; span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}
line-height:1;
letter-spacing:0 !important; /* Color Preset */
font-family:"Arial" !important; a.button.green,
font-size:12px !important; a.button.green span,
font-style:normal; span.button.green,
background-color:transparent; span.button.green button,
background-position:100% 0; span.button.green input { background-image:url(../tpl/images/buttonGreen.gif); color:#fff;}
background-repeat:no-repeat; a.button.black,
height:30px; a.button.black span,
padding:8px 20px 0 10px; span.button.black,
margin:0 -16px 0 10px; span.button.black button,
border:none; span.button.black input { background-image:url(../tpl/images/buttonBlack.gif); color:#fff;}
zoom:1; a.button.red,
_position:relative; a.button.red span,
_padding-left:0px; span.button.red,
_padding-right:12px; span.button.red button,
_margin-right:-10px; span.button.red input { background-image:url(../tpl/images/buttonRed.gif); color:#fff;}
_display:block; a.button.blue,
_right:-5px; a.button.blue span,
span.button.blue,
} span.button.blue button,
span.button.blue input { background-image:url(../tpl/images/buttonBlue.gif); color:#fff;}
span.button button{
line-height:2.5;/*Opera need this*/
}
html.safari a.button span,
html.safari del.button span{
line-height:1.3;
}
html.safari span.button button{
line-height:2.6;
}
html.safari a.button:focus,
html.safari span.button button:focus{
outline:none;
}
del.button{
/* cursor:not-allowed; */
background-position:0 -120px;
}
del.button span{
cursor:default;
color:#aaa !important;
background-position:100% -120px;
}
span.button button, span.button input{
padding-top:0px;
line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
color:#aaa;
}
*/
/*Hover Style*/
a.button:hover,
span.button:hover,
a.button:focus,
a.dom-button-focus,
span.button-behavior-hover{
background-position:0 -60px;
color:#222;
text-decoration:none;
}
a.button:hover span,
span.button:hover button,
span.button:hover input,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input{
background-position:100% -60px;
}
a.button:active, a.button:focus span{
color:#444;
}
del.button-behavior-hover, del.button:hover{
background-position:0 -180px;
/* cursor:not-allowed; */
}
del.button-behavior-hover span, del.button:hover span{
background-position:100% -180px;
/* cursor:not-allowed; */
}
/*Optional hack for IE6 to simulate :hover selector*/
span.button button, del.button span, span.button input{
_behavior:expression(
(function(el){
if( typeof( behavior_onMouseEnter) == 'undefined'){
behavior_onMouseEnter = function(el){
var dEl = this.parentNode;
var sClass = dEl.className ;
dEl.__defaultClassName = sClass ;
dEl.className = sClass + ' button-behavior-hover';
this.setCapture();
};
behavior_onMouseLeave = function(el) {
var dEl = this.parentNode;
dEl.className = dEl.__defaultClassName ;
dEl.__defaultClassName = undefined;
this.releaseCapture();
};
};
el.runtimeStyle.behavior = 'none';
el.onmouseenter = behavior_onMouseEnter;
el.onmouseleave = behavior_onMouseLeave;
})(this));
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 B

View file

@ -1,112 +1,113 @@
@charset "utf-8"; @charset "utf-8";
.topGap { margin-top:10px; }
.rightGap { margin-right:10px; } .topGap { margin-top:10px; }
.bottomGap { margin-bottom:10px; } .rightGap { margin-right:10px; }
.leftGap { margin-left:10px; } .bottomGap { margin-bottom:15px; }
.leftGap { margin-left:10px; }
h3 { margin:0; padding:8px 0 0 10px; border:1px solid #BFBFB8; border-left:1px solid #D8D8D2; border-top:1px solid #D8D8D2; background:url("../images/n_title_bg.png") repeat-x left top; font-size:1em; color:#444444; height:22px;} textarea { padding:.3em 0 0 .3em;}
h3 .gray { color:#777777;}
.infoText { background:#FFFFFA; padding:10px; color:#444444; border-left:1px solid #D8D8D2; border-bottom:1px solid #BFBFB8; border-right:1px solid #BFBFB8; line-height:1.5; margin-bottom:10px; } h3 { margin:0; padding:8px 0 0 10px; border:1px solid #BFBFB8; border-left:1px solid #D8D8D2; border-top:1px solid #D8D8D2; background:url("../images/n_title_bg.png") repeat-x left top; font-size:1em; color:#444444; height:22px;}
.subInfoText { background:#FFFFFF; padding:10px; color:#444444; border:1px solid #EEEEEE; line-height:1.5; margin-bottom:10px; } h3 .gray { color:#777777;}
.infoText { background:#FFFFFA; padding:10px; color:#444444; border-left:1px solid #D8D8D2; border-bottom:1px solid #BFBFB8; border-right:1px solid #BFBFB8; line-height:1.5; margin-bottom:10px; }
h4 { text-align:right; font-size:12pt; color:#f2250d; padding-left:10px; margin:0;} .subInfoText { background:#FFFFFF; padding:10px; color:#444444; border:1px solid #EEEEEE; line-height:1.5; margin-bottom:10px; }
h4 .bracket { font-weight:normal; color:#9d9d9d;}
h4 .vr { font-weight:normal; color:#d1d1d1;} h4 { text-align:right; font-size:12pt; color:#f2250d; padding-left:10px; margin:0;}
h4 .view { color:#158692; padding-right:.6em; font:bold 9pt Tahoma; text-decoration:none; } h4 .bracket { font-weight:normal; color:#9d9d9d;}
h4 .vr { font-weight:normal; color:#d1d1d1;}
div.summary { clear:both; font:8pt tahoma; color:#636363; margin-bottom:5px; } h4 .view { color:#158692; padding-right:.6em; font:bold 9pt Tahoma; text-decoration:none; }
div.summary .vr { font-weight:normal; color:#d1d1d1; }
div.summary em { color:#ff1d00; font-style:normal;} div.summary { clear:both; font:8pt tahoma; color:#636363; margin-bottom:5px; }
div.summary .vr { font-weight:normal; color:#d1d1d1; }
.adminLeftContent { position:absolute; left:10px; right:420px; } div.summary em { color:#ff1d00; font-style:normal;}
.adminRightExtra { position:absolute; right:10px; width:400px; }
.adminLeftContent { float:left; width:60%; margin-right:2%; _margin-right:1.9%;}
.adminTable caption { background:url("../images/n_caption_head.png") no-repeat left top; padding:8px 0 5px 30px; text-align:left; font-weight:bold; color:#000000; background-color:#F0F0DF; border-bottom:1px solid #FFFFFF; border-right:1px solid #E5E5D4; } .adminRightExtra { float:left; width:38%; }
.adminTable { width:100%; border:1px solid #E5E4E2; border-bottom:none; border-right:none; margin-bottom:10px; } .adminTable { width:100%; border:1px solid #E5E4E2; border-bottom:none; border-right:none; margin-bottom:15px; }
.adminTable caption { background:url("../images/n_caption_head.png") no-repeat left top; padding:8px 0 5px 30px; text-align:left; font-weight:bold; color:#000000; background-color:#F0F0DF; border-bottom:1px solid #FFFFFF; _behavior:url(/common/js/iePngFix.htc); }
.adminTable thead tr th div { text-align:center;}
.adminTable tr th { background-color:#FAF7F2; padding:4px 6px 2px 6px; font-weight:normal; text-align:left; color:#444444; border-right:1px solid #E5E4E2; border-bottom:1px solid #E5E4E2; } .adminTable thead tr th div { text-align:center;}
.adminTable tr.row2 th { background-color:#FEFDFB; } .adminTable tr th { background-color:#FAF7F2; padding:6px; font-weight:bold; text-align:left; color:#666; border-right:1px solid #E5E4E2; border-bottom:1px solid #E5E4E2; }
.adminTable tr th { width:10px; } .adminTable tr.row2 th { background-color:#FEFDFB; }
.adminTable tr th div { white-space:nowrap; margin:0 5px; } .adminTable tr th { width:10px; }
.adminTable tr th select { height:20px; } .adminTable tr th div { white-space:nowrap; margin:0 5px; }
.adminTable tr th.wide { width:100%; } .adminTable tr th select { height:20px; }
.adminTable tr th.half_wide { width:50%; } .adminTable tr th.wide { width:100%; }
.adminTable tr th.quarter_wide { width:25%; } .adminTable tr th.half_wide { width:50%; }
.adminTable tr td.wide { width:100%; } .adminTable tr th.quarter_wide { width:25%; }
.adminTable tr td.wide { width:100%; }
.adminTable tr td { background-color:#FFFFFF;white-space:normal; background-color:#FFFFFF; font-weight:normal; text-align:left; color:#222222; border-bottom:1px solid #E5E4E2; border-right:1px solid #E5E4E2; padding:4px 6px 4px 6px;}
.adminTable tr.row2 td { background-color:#FFFDFA; } .adminTable tr td { background-color:#FFFFFF;white-space:normal; background-color:#FFFFFF; font-weight:normal; text-align:left; color:#222222; border-bottom:1px solid #E5E4E2; border-right:1px solid #E5E4E2; padding:4px 6px 4px 6px;}
.adminTable tr a { color:#222222; text-decoration:none; } .adminTable tr.row2 td { background-color:#FFFDFA; }
.adminTable tr a:hover { color:#3D83B8; } .adminTable tr a { color:#222222; text-decoration:none; }
.adminTable tr td.nowrap { white-space:nowrap !important; } .adminTable tr a:hover { color:#3D83B8; }
.adminTable tr td.alert, .adminTable tr td.alert a { color:red; } .adminTable tr td.nowrap { white-space:nowrap !important; }
.adminTable tr td.number { font-size:8pt; font-family:tahoma; color:#444444; } .adminTable tr td.alert, .adminTable tr td.alert a { color:red; }
.adminTable tr td.date, .adminTable tr td.number { font-size:8pt; font-family:tahoma; color:#444444; }
.adminTable tr td span.date { font-size:8pt; font-family:tahoma; color:#666666;} .adminTable tr td.date,
.adminTable tr td.center { text-align:center; } .adminTable tr td span.date { font-size:8pt; font-family:tahoma; color:#666666;}
.adminTable tr td.right { text-align:right; } .adminTable tr td.center { text-align:center; }
.adminTable tr td.paper { background:url("../images/n_paper_bullet.png") no-repeat 6px 8px; padding-left:20px; } .adminTable tr td.right { text-align:right; }
.adminTable tr td.circle { background:url("../images/n_circle_bullet.png") no-repeat 6px 8px; padding-left:20px; } .adminTable tr td.paper { background:url("../images/n_paper_bullet.png") no-repeat 6px 8px; padding-left:20px; }
.adminTable tr td strong.alert { color:red; } .adminTable tr td.circle { background:url("../images/n_circle_bullet.png") no-repeat 6px 8px; padding-left:20px; }
.adminTable tr td p { padding:0; margin:5px 0 0 5px; color:#9F875F; } .adminTable tr td strong.alert { color:red; }
.adminTable tr td p a { color:#9F875F; font-weight:bold; text-decoration:underline; } .adminTable tr td p { padding:0; margin:5px 0 0 5px; color:#9F875F; }
.adminTable tr td.modify a, .adminTable tr td p a { color:#9F875F; font-weight:bold; text-decoration:underline; }
.adminTable tr td.delete a, .adminTable tr td.modify a,
.adminTable tr td.copy a, .adminTable tr td.delete a,
.adminTable tr td.setup a, .adminTable tr td.copy a,
.adminTable tr td.activated a, .adminTable tr td.setup a,
.adminTable tr td.deactivated a, .adminTable tr td.activated a,
.adminTable tr td.moveupdown a, .adminTable tr td.deactivated a,
.adminTable tr td.selectAll a, .adminTable tr td.moveupdown a,
.adminTable tr td.deSelectAll a, .adminTable tr td.selectAll a,
.adminTable tr td.view a { margin:0 auto; } .adminTable tr td.deSelectAll a,
.adminTable tr td.modify a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_modify.gif") no-repeat left top; } .adminTable tr td.view a { margin:0 auto; }
.adminTable tr td.delete a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_delete.gif") no-repeat left top; } .adminTable tr td.modify a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_modify.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("../images/n_icon_copy.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("../images/n_icon_delete.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("../images/n_icon_view.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("../images/n_icon_copy.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("../images/n_setup.png") 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("../images/n_icon_view.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("../images/n_light_on.png") 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("../images/n_setup.png") 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("../images/n_light_off.png") 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("../images/n_light_on.png") 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("../images/n_icon_select_all.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("../images/n_light_off.png") 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("../images/n_icon_remove.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("../images/n_icon_select_all.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("../images/button_up.gif") no-repeat left top; margin-right:5px; } .adminTable tr td.deSelectAll a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/n_icon_remove.gif") no-repeat left top; }
.adminTable tr td.moveupdown a.down{ float:left; width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/button_down.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("../images/button_up.gif") no-repeat left top; margin-right:5px; }
.adminTable tr td.blue, .adminTable tr td.blue a { color:blue; } .adminTable tr td.moveupdown a.down{ float:left; width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("../images/button_down.gif") no-repeat left top; }
.adminTable tr td.red, .adminTable tr td.red a { color:red; } .adminTable tr td.blue, .adminTable tr td.blue a { color:blue; }
.adminTable tr td.red, .adminTable tr td.red a { color:red; }
ul.localNavigation { position:relative; clear:both; margin:10px 0 10px 0; padding:0 0 0 10px; height:25px; overflow:hidden; border-bottom:1px solid #EEEEEE; }
ul.localNavigation li { list-style:none; background:url("../images/n_small_tab.gif") no-repeat scroll left -26px; float:left; margin-right:10px; position:relative; text-align:center; top:4px; height:25px;} ul.localNavigation { position:relative; clear:both; margin:10px 0 10px 0; padding:0 0 0 10px; height:25px; overflow:hidden; border-bottom:1px solid #EEEEEE; }
ul.localNavigation li a { background:url("../images/n_small_tab.gif") no-repeat scroll right -26px; color:#444444; display:block; left:3px; padding:5px 15px 0 10px; position:relative; text-decoration:none; height:25px;} ul.localNavigation li { list-style:none; background:url("../images/n_small_tab.gif") no-repeat scroll left -26px; float:left; margin-right:10px; position:relative; text-align:center; top:4px; height:25px;}
ul.localNavigation li a:hover { color:#000000; } ul.localNavigation li a { background:url("../images/n_small_tab.gif") no-repeat scroll right -26px; color:#444444; display:block; left:3px; padding:5px 15px 0 10px; position:relative; text-decoration:none; height:25px;}
ul.localNavigation li.on { background-position:left top; top:0; height:25px; } ul.localNavigation li a:hover { color:#000000; }
ul.localNavigation li.on a { background-position:right top; padding:8px 15px 5px 10px; height:25px; color:#222227; font-weight:bold; } ul.localNavigation li.on { background-position:left top; top:0; height:25px; }
ul.localNavigation li.on a { background-position:right top; padding:8px 15px 5px 10px; height:25px; color:#222227; font-weight:bold; }
#popHeadder, #popHistoryHeadder { background:url(../images/popupTopBg.png) repeat-x left top; padding:10px; }
#popHeadder h1, #popHistoryHeadder h1 { background:url("../images/top_head_title_bg.gif") repeat-x left top; font-size:1em; border:1px solid #E3E3E2; padding:9px; color:#555555; margin:0; } #popHeadder, #popHistoryHeadder { background:url(../images/popupTopBg.png) repeat-x left top; padding:10px; }
#popBody, #popHistoryBody { width:600px; padding:10px; background:#ffffff;} #popHeadder h1, #popHistoryHeadder h1 { background:url("../images/top_head_title_bg.gif") repeat-x left top; font-size:1em; border:1px solid #E3E3E2; padding:9px; color:#555555; margin:0; }
#popHistoryBody { height: 200px; overflow: auto; padding-right:0; } #popBody, #popHistoryBody { width:600px; padding:10px; background:#ffffff;}
#popFooter { width:620px; background:#f7f7f6; border-top:1px solid #e8e8e7; padding:.5em 0 .5em 0; overflow:hidden; } #popHistoryBody { height: 200px; overflow: auto; padding-right:0; }
#popFooter .close { position:relative; left:50%; margin-left:-1em; float:left;} #popFooter { width:620px; background:#f7f7f6; border-top:1px solid #e8e8e7; padding:.5em 0 .5em 0; overflow:hidden; }
#popFooter .close { position:relative; left:50%; margin-left:-1em; float:left;}
.pageNavigation { display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .9em Tahoma; }
.pageNavigation a { margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; } .pageNavigation { display:block; padding:1.5em 0 2em 0; text-align:center; font:bold .9em Tahoma; }
.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; } .pageNavigation a { margin-left:-4px; font:bold 1em Tahoma; color:#666666; display:inline-block; padding:1px 7px 2px 6px; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
.pageNavigation a:visited { color:#999999;} .pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
.pageNavigation a.goToFirst, .pageNavigation a:visited { color:#999999;}
.pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;} .pageNavigation a.goToFirst,
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast { border:none; border-right:1px solid #ffffff; border-left:1px solid #ffffff; z-index:99; vertical-align:top; padding:0px 7px 4px 6px;}
.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; top:2px; _top:1px;} .pageNavigation a.goToFirst img,
.pageNavigation .current { margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; } .pageNavigation a.goToLast img { display:inline-block; padding:2px 0; top:2px; _top:1px;}
.pageNavigation .current { margin-left:-4px; font:bold 1em Tahoma; color:#ff6600; display:inline-block; padding:1px 7px 1px 6px; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
.adminSearch { text-align:right; clear:both; width:100%;}
.adminSearch fieldset { border:none; display:inline; overflow:visible; } .adminSearch { text-align:right; clear:both; width:100%; margin:0 0 10px 0;}
.adminSearch * { vertical-align:middle;} .adminSearch fieldset { border:none; display:inline; overflow:visible; padding:0;}
.adminSearch * { vertical-align:middle;}
.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; position:relative; top:-1px; font:.75em Tahoma; text-align:center; background:url(../images/buttonTypeInput24.gif) no-repeat; }
.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; position:relative; top:-1px; font:.75em Tahoma; text-align:center; background:url(../images/buttonTypeInput24.gif) no-repeat; }
.layout_editor { width:99%; height:500px; border:0px; font-size:1em; }
.layout_editor_box { padding:10px; border:1px solid #DDDDDD; } .layout_editor { width:99%; height:500px; border:0px; font-size:1em; }
.layout_editor_box { padding:10px; border:1px solid #DDDDDD; }

View file

@ -1,30 +1,38 @@
@charset "utf-8"; @charset "utf-8";
body { background-color:#FFFFFF; } body { background-color:#FFFFFF; }
.xeAdmin { width:100%; height:61px; border-bottom:1px solid #000000; background:url("../images/n_top_back.png") repeat-x left top; } .xeAdmin { width:100%; height:61px; border-bottom:1px solid #1b3d51; background:url("../images/n_top_back.png") repeat-x left top; position:relative; z-index:100; }
.xeAdmin h1 { margin:0; padding:0; } .xeAdmin h1 { position:absolute; top:15px; left:20px; margin:0; padding:0; }
.xeAdmin ul.globalNavigator { list-style:none; margin:0; padding:0; position:absolute; right:10px; top:13px; } .xeAdmin h1 img{ _behavior:url(/common/js/iePngFix.htc);}
.xeAdmin ul.globalNavigator li { float:left; margin-right:20px; } .xeAdmin ul.globalNavigator { list-style:none; margin:0; padding:0; position:absolute; right:20px; top:13px; }
.xeAdmin div.mainNavigator { position:absolute; right:15px; top:35px; } .xeAdmin ul.globalNavigator li { display:inline; margin:0 10px;}
.xeAdmin div.mainNavigator img { float:left; display:block; } .xeAdmin ul.globalNavigator li a{ color:#ddd; font:11px Tahoma; text-decoration:none;}
.xeAdmin div.mainNavigator ul { float:left; list-style:none; margin:0; padding:0; height:25px; border-top:1px solid #767676; background-color:#1F1F1F; }
.xeAdmin div.mainNavigator ul li { float:left; background:url("../images/n_menu_bar.png") no-repeat left 8px; padding:7px 12px 0 12px; color:#C7C7C7; cursor:pointer; } .xeAdmin div.mainNavigator { position:absolute; right:20px; top:35px; padding:0 0 0 6px; background:url(../images/n_menu_left.png) no-repeat left top; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/admin/tpl/images/n_menu_left.png', sizingMethod='crop');}
.xeAdmin div.mainNavigator ul li:hover { color:#FFFFFF; } .xeAdmin div.mainNavigator img { float:left; display:block; }
.xeAdmin div.mainNavigator ul li.first { background:none; } .xeAdmin div.mainNavigator ul { float:left; position:relative; list-style:none; margin:0; padding:0 6px 0 0; background:url(../images/n_menu_right.png) no-repeat right top; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/admin/tpl/images/n_menu_right.png', sizingMethod='crop');}
.adminSubMenu { border:1px solid #000000; float:left; position:absolute; left:0; top:0; visibility:hidden; z-index:10; } .xeAdmin div.mainNavigator ul li { position:relative; float:left; background:#1f1f1f url("../images/n_menu_bar.png") no-repeat left 8px; padding:6px 12px 6px 12px; font-weight:bold; color:#eee; cursor:pointer; border-top:1px solid #767676;}
.adminSubMenu ul { list-style:none; padding:0 7px 3px 7px; margin:0; border:1px solid #FFFFFF; float:left; background:url("../images/n_submenu_bg.png") repeat-x left top; background-color:#ECECEC; } .xeAdmin div.mainNavigator ul li:hover { color:#FFFFFF; }
.adminSubMenu ul li { white-space:nowrap; padding:8px 4px 4px 4px; background:url("../images/n_submenu_bar.png") repeat-x left top; } .xeAdmin div.mainNavigator ul li.first { background-image:none; }
.adminSubMenu ul li a:hover { color:#AAAAAA; }
.adminSubMenu ul li.first { background:none; } .xeAdmin div.mainNavigator .adminSubMenu { border:1px solid #999; float:none; position:absolute; left:-6px; top:31px; right:auto; visibility:hidden; list-style:none; padding:0 7px 3px 7px; margin:0; background:#eee; }
.adminSubMenu ul li a { color:#000000; text-decoration:none; } .xeAdmin div.mainNavigator .adminSubMenu li { font-weight:normal; border:none; float:none; margin:0; white-space:nowrap; padding:8px 4px 4px 4px; background:url("../images/n_submenu_bar.png") repeat-x left top;}
.adminFolder { background:url("../images/n_folder_bg.png") repeat-x left top; height:6px; text-align:center; overflow:hidden;} .xeAdmin div.mainNavigator .adminSubMenu li a:hover { color:#AAAAAA; }
.adminPackage { background:url("../images/n_package_bg.png") repeat left top; overflow:hidden; height:38;} .xeAdmin div.mainNavigator .adminSubMenu li.first { background:none; }
.adminPackage ul { position:relative; clear:both; margin:10px 0 0 10px; padding:0; height:28px; overflow:hidden;} .xeAdmin div.mainNavigator .adminSubMenu li a { display:block; position:relative; color:#000000; text-decoration:none; }
.adminPackage ul li { list-style:none; background:url("../images/n_tab.gif") no-repeat scroll left -35px; float:left; margin-right:10px; position:relative; text-align:center; top:4px; height:28px;}
.adminPackage ul li a { background:url("../images/n_tab.gif") no-repeat scroll right -35px; color:#FFFFFF; font-weight:bold; display:block; left:3px; padding:5px 15px 0 10px; position:relative; text-decoration:none; height:28px;} .adminFolder { background:url("../images/n_folder_bg.png") repeat-x left top; height:6px; text-align:center; overflow:hidden;}
.adminPackage ul li a:hover { color:#000000; } .adminPackage { background:#eee; overflow:hidden; height:38; padding:10px 0 0 0;}
.adminPackage ul li.active { background-position:left top; top:0; height:28px; } .adminPackage ul { position:relative; clear:both; margin:0; padding:0 0 0 20px; height:28px; overflow:hidden;}
.adminPackage ul li.active a { background-position:right top; padding:8px 15px 5px 10px; height:28px; color:#222227;} .adminPackage ul li { list-style:none; background:url("../images/n_tab.gif") no-repeat scroll left -35px; float:left; margin-right:10px; position:relative; text-align:center; top:0; height:28px;}
.adminPackage ul li.admin { float:right; margin-right:10px; } .adminPackage ul li a { float:left; background:url("../images/n_tab.gif") no-repeat scroll right -35px; color:#FFFFFF; font-weight:bold; display:block; left:3px; padding:8px 15px 0 10px; position:relative; text-decoration:none; height:28px;}
.adminContentBody { margin:10px; } .adminPackage ul li a:hover { color:#000000; }
.adminPackage ul li.active { background-position:left top; top:0; height:28px; }
.adminPackage ul li.active a { background-position:right top; padding:8px 15px 5px 10px; height:28px; color:#222227;}
.adminContentBody { position:relative; margin:20px; *zoom:1; }
.adminContentBody:after { content:""; display:block; clear:both;}
.adminFooter{ background:#ddd; text-align:center; padding:10px 0;}
.adminFooter address{ font:11px Tahoma; color:#fff;}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 257 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 169 B

After

Width:  |  Height:  |  Size: 159 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 329 B

After

Width:  |  Height:  |  Size: 250 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 341 B

After

Width:  |  Height:  |  Size: 265 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 527 B

After

Width:  |  Height:  |  Size: 470 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 377 B

After

Width:  |  Height:  |  Size: 202 B

Before After
Before After

View file

@ -1,183 +1,183 @@
<!--%import("../../install/lang")--> <!--%import("../../install/lang")-->
<!--%import("../../module/tpl/js/module_admin.js",optimized=false)--> <!--%import("../../module/tpl/js/module_admin.js",optimized=false)-->
<!--%import("../../addon/tpl/js/addon.js",optimized=false)--> <!--%import("../../addon/tpl/js/addon.js",optimized=false)-->
<!--%import("../../addon/tpl/filter/toggle_activate_addon.xml")--> <!--%import("../../addon/tpl/filter/toggle_activate_addon.xml")-->
<h3 class="bottomGap">{$lang->welcome_to_xe}</h3> <h3 class="bottomGap">{$lang->welcome_to_xe}</h3>
<div class="adminLeftContent"> <div class="adminLeftContent">
<table cellspacing="0" class="adminTable"> <table cellspacing="0" class="adminTable">
<caption>{$lang->env_information}</caption> <caption>{$lang->env_information}</caption>
<tbody> <tbody>
<tr class="row2"> <tr class="row2">
<th><div>{$lang->current_version}</div></th> <th><div>{$lang->current_version}</div></th>
<td><strong>{$current_version}</strong></td> <td><strong>{$current_version}</strong></td>
</tr> </tr>
<tr> <tr>
<th><div>{$lang->current_path}</div></th> <th><div>{$lang->current_path}</div></th>
<td>{$installed_path}/</td> <td>{$installed_path}/</td>
</tr> </tr>
<tr class="row2"> <tr class="row2">
<th><div>{$lang->time_zone}</div></th> <th><div>{$lang->time_zone}</div></th>
<td><!--@foreach($time_zone_list as $key => $val)--><!--@if($time_zone==$key)-->{$val}<!--@end--><!--@endforeach--></td> <td><!--@foreach($time_zone_list as $key => $val)--><!--@if($time_zone==$key)-->{$val}<!--@end--><!--@endforeach--></td>
</tr> </tr>
<tr> <tr>
<th><div>{$lang->use_rewrite}</div></th> <th><div>{$lang->use_rewrite}</div></th>
<td><!--@if($use_rewrite=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <td><!--@if($use_rewrite=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
</tr> </tr>
<tr class="row2"> <tr class="row2">
<th><div>{$lang->use_optimizer}</div></th> <th><div>{$lang->use_optimizer}</div></th>
<td><!--@if($use_optimizer=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <td><!--@if($use_optimizer=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
</tr> </tr>
<tr> <tr>
<th><div>Language</div></th> <th><div>Language</div></th>
<td><!--@foreach($lang_supported as $key => $val)--><!--@if($key == $selected_lang)-->{$val}<!--@endif--><!--@endforeach--></td> <td><!--@foreach($lang_supported as $key => $val)--><!--@if($key == $selected_lang)-->{$val}<!--@endif--><!--@endforeach--></td>
</tr> </tr>
<tr class="row2"> <tr class="row2">
<th><div>{$lang->qmail_compatibility}</div></th> <th><div>{$lang->qmail_compatibility}</div></th>
<td><!--@if($qmail_compatibility=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td> <td><!--@if($qmail_compatibility=='Y')-->{$lang->use}<!--@else-->{$lang->notuse}<!--@end--></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table cellspacing="0" class="adminTable"> <table cellspacing="0" class="adminTable">
<caption>{$lang->module}</caption> <caption>{$lang->module}</caption>
<thead> <thead>
<tr> <tr>
<th class="wide"><div>{$lang->module_name}</div></th> <th class="wide"><div>{$lang->module_name}</div></th>
<th><div>{$lang->version}</div></th> <th><div>{$lang->version}</div></th>
<th><div>{$lang->author}</div></th> <th><div>{$lang->author}</div></th>
<th><div>{$lang->table_count}</div></th> <th><div>{$lang->table_count}</div></th>
<th><div>{$lang->module_action}</div></th> <th><div>{$lang->module_action}</div></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!--@foreach($module_list as $key => $val)--> <!--@foreach($module_list as $key => $val)-->
<tr class="row{$cycle_idx}"> <tr class="row{$cycle_idx}">
<td class="circle"><a href="{getUrl('','module','module','act','dispModuleAdminInfo','selected_module',$val->module)}" onclick="popopen(this.href,'module_info');return false"title="{trim($val->description)}">{$val->title}</a> ({$val->module})</td> <td class="circle"><a href="{getUrl('','module','module','act','dispModuleAdminInfo','selected_module',$val->module)}" onclick="popopen(this.href,'module_info');return false"title="{trim($val->description)}">{$val->title}</a> ({$val->module})</td>
<td class="number center">{$val->version}</td> <td class="number center">{$val->version}</td>
<td class="nowrap"> <td class="nowrap">
<!--@foreach($val->author as $author)--> <!--@foreach($val->author as $author)-->
<a href="{$author->homepage}" onclick="window.open(this.href);return false;">{$author->name}</a> <a href="{$author->homepage}" onclick="window.open(this.href);return false;">{$author->name}</a>
<!--@endforeach--> <!--@endforeach-->
</td> </td>
<td class="number center <!--@if($val->created_table_count != $val->table_count)-->alert<!--@end-->"> <td class="number center <!--@if($val->created_table_count != $val->table_count)-->alert<!--@end-->">
{$val->created_table_count}/{$val->table_count} {$val->created_table_count}/{$val->table_count}
</td> </td>
<td class="nowrap center <!--@if($val->need_install || $val->need_update)-->alert<!--@end-->"> <td class="nowrap center <!--@if($val->need_install || $val->need_update)-->alert<!--@end-->">
<!--@if($val->need_install)--> <!--@if($val->need_install)-->
<a href="#" onclick="doInstallModule('{$val->module}');return false;">{$lang->cmd_install}</a> <a href="#" onclick="doInstallModule('{$val->module}');return false;">{$lang->cmd_install}</a>
<!--@elseif($val->need_update)--> <!--@elseif($val->need_update)-->
<a href="#" onclick="doUpdateModule('{$val->module}'); return false;">{$lang->cmd_update}</a> <a href="#" onclick="doUpdateModule('{$val->module}'); return false;">{$lang->cmd_update}</a>
<!--@else--> <!--@else-->
- -
<!--@end--> <!--@end-->
</td> </td>
</tr> </tr>
<!--@end--> <!--@end-->
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="adminRightExtra"> <div class="adminRightExtra">
<table cellspacing="0" class="adminTable"> <table cellspacing="0" class="adminTable">
<caption>{$lang->released_version}</div></caption> <caption>{$lang->released_version}</caption>
<tr> <tr>
<td class="center"> <td class="center">
<!--@if($current_version < $released_version)--> <!--@if($current_version < $released_version)-->
<strong class="alert">{$released_version}</strong> [<a href="{$download_link}" onclick="window.open(this.href);return false;">download</a>] <strong class="alert">{$released_version}</strong> [<a href="{$download_link}" onclick="window.open(this.href);return false;">download</a>]
<p>{nl2br($lang->about_download_link)}</p> <p>{nl2br($lang->about_download_link)}</p>
<!--@else--> <!--@else-->
<strong>{$released_version}</strong> [<a href="{$download_link}" onclick="window.open(this.href);return false;">{$lang->cmd_view}</a>] <strong>{$released_version}</strong> [<a href="{$download_link}" onclick="window.open(this.href);return false;">{$lang->cmd_view}</a>]
<!--@end--> <!--@end-->
</td> </td>
</tr> </tr>
</table> </table>
<!--@if($news)--> <!--@if($news)-->
<table cellspacing="0" class="adminTable"> <table cellspacing="0" class="adminTable">
<caption>{$lang->newest_news}</caption> <caption>{$lang->newest_news}</caption>
<tbody> <tbody>
<!--@foreach($news as $key => $val)--> <!--@foreach($news as $key => $val)-->
<tr class="row{$cycle_idx}"> <tr class="row{$cycle_idx}">
<td class="paper"> <td class="paper">
<a href="{$val->url}" onclick="window.open(this.href);return false;" class="fl">{$val->title}</a> <a href="{$val->url}" onclick="window.open(this.href);return false;" class="fl">{$val->title}</a>
<span class="date fr">{zdate($val->date,"Y-m-d")}</span> <span class="date fr">{zdate($val->date,"Y-m-d")}</span>
</td> </td>
</tr> </tr>
<!--@endforeach--> <!--@endforeach-->
</tbody> </tbody>
</table> </table>
<!--@endif--> <!--@endif-->
<table cellspacing="0" class="adminTable"> <table cellspacing="0" class="adminTable">
<caption>{$lang->status}</caption> <caption>{$lang->status}</caption>
<thead> <thead>
<tr> <tr>
<th class="wide"><div>{$lang->target}</div></th> <th class="wide"><div>{$lang->target}</div></th>
<th><div>{$lang->yesterday}</div></th> <th><div>{$lang->yesterday}</div></th>
<th><div>{$lang->today}</div></th> <th><div>{$lang->today}</div></th>
<th><div>{$lang->total}</div></th> <th><div>{$lang->total}</div></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr class="row2"> <tr class="row2">
<td class="circle">{$lang->member}</td> <td class="circle">{$lang->member}</td>
<td class="number center">{$status->member->yesterday}</td> <td class="number center">{$status->member->yesterday}</td>
<td class="number center">{$status->member->today}</td> <td class="number center">{$status->member->today}</td>
<td class="number center">{$status->member->total}</td> <td class="number center">{$status->member->total}</td>
</tr> </tr>
<tr> <tr>
<td class="circle">{$lang->document}</td> <td class="circle">{$lang->document}</td>
<td class="number center">{$status->document->yesterday}</td> <td class="number center">{$status->document->yesterday}</td>
<td class="number center">{$status->document->today}</td> <td class="number center">{$status->document->today}</td>
<td class="number center">{$status->document->total}</td> <td class="number center">{$status->document->total}</td>
</tr> </tr>
<tr class="row2"> <tr class="row2">
<td class="circle">{$lang->comment}</td> <td class="circle">{$lang->comment}</td>
<td class="number center">{$status->comment->yesterday}</td> <td class="number center">{$status->comment->yesterday}</td>
<td class="number center">{$status->comment->today}</td> <td class="number center">{$status->comment->today}</td>
<td class="number center">{$status->comment->total}</td> <td class="number center">{$status->comment->total}</td>
</tr> </tr>
<tr> <tr>
<td class="circle">{$lang->trackback}</td> <td class="circle">{$lang->trackback}</td>
<td class="number center">{$status->trackback->yesterday}</td> <td class="number center">{$status->trackback->yesterday}</td>
<td class="number center">{$status->trackback->today}</td> <td class="number center">{$status->trackback->today}</td>
<td class="number center">{$status->trackback->total}</td> <td class="number center">{$status->trackback->total}</td>
</tr> </tr>
<tr class="row2"> <tr class="row2">
<td class="circle">{$lang->file}</td> <td class="circle">{$lang->file}</td>
<td class="number center">{$status->file->yesterday}</td> <td class="number center">{$status->file->yesterday}</td>
<td class="number center">{$status->file->today}</td> <td class="number center">{$status->file->today}</td>
<td class="number center">{$status->file->total}</td> <td class="number center">{$status->file->total}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<form id="fo_addon" action="./" method="get"> <form id="fo_addon" action="./" method="get">
<input type="hidden" name="addon" value="" /> <input type="hidden" name="addon" value="" />
</form> </form>
<table cellspacing="0" class="adminTable"> <table cellspacing="0" class="adminTable">
<col width="" /> <caption>{$lang->addon}</caption>
<col width="25" /> <col width="" />
<col width="25" /> <col width="25" />
<caption>{$lang->addon}</caption> <col width="25" />
<tbody> <tbody>
<!--@foreach($addon_list as $key => $val)--> <!--@foreach($addon_list as $key => $val)-->
<tr class="row{$cycle_idx}"> <tr class="row{$cycle_idx}">
<td class="circle"> <td class="circle">
<a href="{getUrl('','module','addon','act','dispAddonAdminInfo','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="blue">{$val->title}</a> <a href="{getUrl('','module','addon','act','dispAddonAdminInfo','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="blue">{$val->title}</a>
</td> </td>
<td class="nowrap center"><a href="{getUrl('','module','addon','act','dispAddonAdminSetup','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="blue"><img src="./images/n_setup.png" alt="setup" /></a></td> <td class="nowrap center"><a href="{getUrl('','module','addon','act','dispAddonAdminSetup','selected_addon',$val->addon)}" onclick="popopen(this.href,'addon_info');return false" class="blue"><img src="./images/n_setup.png" alt="setup" /></a></td>
<td class="nowrap center <!--@if($val->activated)-->activated<!--@else-->deactivated<!--@end-->"> <td class="nowrap center <!--@if($val->activated)-->activated<!--@else-->deactivated<!--@end-->">
<!--@if($val->activated)--> <!--@if($val->activated)-->
<a href="#" onclick="doToggleAddon('{$val->addon}');return false;">{$lang->use}</a> <a href="#" onclick="doToggleAddon('{$val->addon}');return false;">{$lang->use}</a>
<!--@else--> <!--@else-->
<a href="#" onclick="doToggleAddon('{$val->addon}');return false;">{$lang->notuse}</a> <a href="#" onclick="doToggleAddon('{$val->addon}');return false;">{$lang->notuse}</a>
<!--@end--> <!--@end-->
</td> </td>
</tr> </tr>
<!--@end--> <!--@end-->
</tbody> </tbody>
</table> </table>
</div> </div>

View file

@ -1,48 +1,48 @@
/** /**
* @file admin.js * @file admin.js
* @author zero (zero@nzeo.com) * @author zero (zero@nzeo.com)
* @brief admin 모듈의 javascript * @brief admin 모듈의 javascript
**/ **/
xAddEventListener(document,'mouseup',showXESubMenu); xAddEventListener(document,'mouseup',showXESubMenu);
var openedSubMenus = null; var openedSubMenus = null;
function showXESubMenu(evt) { function showXESubMenu(evt) {
var e = new xEvent(evt); var e = new xEvent(evt);
if(e.target && /^adminMainMenu/.test(e.target.id)) { if(e.target && /^adminMainMenu/.test(e.target.id)) {
var key = e.target.id.split('_')[1]; var key = e.target.id.split('_')[1];
var obj = xGetElementById('adminSubMenu'+key); var obj = xGetElementById('adminSubMenu'+key);
if(!obj) return; if(!obj) return;
if(openedSubMenus) openedSubMenus.style.visibility = 'hidden'; if(openedSubMenus) openedSubMenus.style.visibility = 'hidden';
if(openedSubMenus == obj) { if(openedSubMenus == obj) {
openedSubMenus = null; openedSubMenus = null;
return; return;
} }
openedSubMenus = obj; openedSubMenus = obj;
xLeft(obj, xPageX(e.target) + (xWidth(e.target)-xWidth(obj))/2); //xLeft(obj, xPageX(e.target) + (xWidth(e.target)-xWidth(obj))/2);
if(xLeft(obj) + xWidth(obj) + 10 > xClientWidth()) xLeft(obj, xClientWidth() - xWidth(obj) - 10); //if(xLeft(obj) + xWidth(obj) + 10 > xClientWidth()) xLeft(obj, xClientWidth() - xWidth(obj) - 10);
xTop(obj, xPageY(e.target)+28); //xTop(obj, xPageY(e.target)+28);
obj.style.visibility = 'visible'; obj.style.visibility = 'visible';
return; return;
} else if(openedSubMenus) { } else if(openedSubMenus) {
openedSubMenus.style.visibility = 'hidden'; openedSubMenus.style.visibility = 'hidden';
openedSubMenus = null; openedSubMenus = null;
} }
} }
// open/close Main Navigator // open/close Main Navigator
function toggleXEMainNavigator() { function toggleXEMainNavigator() {
var obj = xGetElementsByClassName('xeAdmin')[0]; var obj = xGetElementsByClassName('xeAdmin')[0];
if(!obj) return; if(!obj) return;
if(obj.style.display == 'none') obj.style.display = 'block'; if(obj.style.display == 'none') obj.style.display = 'block';
else obj.style.display = 'none'; else obj.style.display = 'none';
var expire = new Date(); var expire = new Date();
expire.setTime(expire.getTime()+ (7000 * 24 * 3600000)); expire.setTime(expire.getTime()+ (7000 * 24 * 3600000));
xSetCookie('XEMN', obj.style.display, expire); xSetCookie('XEMN', obj.style.display, expire);
} }
// 캐시파일 모두 재 생성 // 캐시파일 모두 재 생성
function doRecompileCacheFile() { function doRecompileCacheFile() {
exec_xml("admin","procAdminRecompileCacheFile", new Array(), completeMessage); exec_xml("admin","procAdminRecompileCacheFile", new Array(), completeMessage);
} }

View file

@ -1,49 +1,49 @@
<!--%import("css/admin_layout.css")--> <!--%import("css/admin_layout.css")-->
<!--%import("js/admin.js")--> <!--%import("js/admin.js")-->
<div class="xeAdmin" <!--@if($_COOKIE['XEMN']=='none')-->style="display:none;"<!--@end-->> <div class="xeAdmin" <!--@if($_COOKIE['XEMN']=='none')-->style="display:none;"<!--@end-->>
<h1><a href="{getUrl('','module','admin')}"><img src="./images/n_logo.png" alt="eXtraEditor" /></a></h1> <h1><a href="{getUrl('','module','admin')}"><img src="./images/n_logo.png" alt="eXtraEditor" /></a></h1>
<ul class="globalNavigator"> <ul class="globalNavigator">
<!--@if($logged_info->is_admin=='Y')--><li><a href="{getUrl('','module','admin','act','dispAdminConfig')}"><img src="./images/n_top_config.png" alt="go Index" /></a></li><!--@end--> <!--@if($logged_info->is_admin=='Y')--><li><a href="{getUrl('','module','admin','act','dispAdminConfig')}">Config</a></li><!--@end-->
<li><a href="{getUrl('','module','admin','act','dispMemberLogout')}"><img src="./images/n_top_logout.png" alt="go Index" /></a></li> <li><a href="{getUrl('','module','admin','act','dispMemberLogout')}">Logout</a></li>
</ul> </ul>
<div class="mainNavigator"> <div class="mainNavigator">
<img src="./images/n_menu_left.png" alt="" /> <ul class="mainNavigator">
<ul class="mainNavigator"> <!--@foreach($lang->module_category_title as $key => $val)-->
<!--@foreach($lang->module_category_title as $key => $val)--> <li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx=1}<!--@end--> id="adminMainMenu_{$key}">{$val}
<li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx=1}<!--@end--> id="adminMainMenu_{$key}">{$val}</li>
<!--@end--> <!--@foreach($lang->module_category_title as $key => $val)-->
</ul> <ul class="adminSubMenu" id="adminSubMenu{$key}">
<img src="./images/n_menu_right.png" alt="" /> {@ $__mNIdx = 0; }
</div> <!--@foreach($installed_module_list as $k => $v)-->
</div> <!--@if($v->category == $key)-->
<!--@if($v->admin_index_act)-->
<!--@foreach($lang->module_category_title as $key => $val)--> <li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx++}<!--@end-->>
<div class="adminSubMenu" id="adminSubMenu{$key}"> <a href="{getUrl('','module','admin','act',$v->admin_index_act)}" title="{trim($v->description)}" class="adminMenu">{$v->title}</a>
<ul> </li>
{@ $__mNIdx = 0; } <!--@endif-->
<!--@foreach($installed_module_list as $k => $v)--> <!--@endif-->
<!--@if($v->category == $key)--> <!--@endforeach-->
<!--@if($v->admin_index_act)--> </ul>
<li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx++}<!--@end-->> <!--@endforeach-->
<a href="{getUrl('','module','admin','act',$v->admin_index_act)}" title="{trim($v->description)}" class="adminMenu">{$v->title}</a>
</li> </li>
<!--@endif--> <!--@end-->
<!--@endif--> </ul>
<!--@endforeach--> </div>
</ul> </div>
</div>
<!--@endforeach--> <div class="adminFolder"><a href="#" onclick="toggleXEMainNavigator(); return false;"><img src="./images/n_folder_btn.png" alt="folding" /></a></div>
<div class="adminFolder"><a href="#" onclick="toggleXEMainNavigator(); return false;"><img src="./images/n_folder_btn.png" alt="folding" /></a></div> <div class="adminPackage">
<ul>
<div class="adminPackage"> <!--@if($logged_info->is_admin=='Y')-->
<ul> <li class="admin <!--@if(!$act||in_array($act,array('dispAdminIndex','dispAdminConfig')))-->active<!--@end-->"><a href="{getUrl('','module','admin')}">{$lang->admin_index}</a></li>
<!--@if($logged_info->is_admin=='Y')--> <!--@end-->
<li class="admin <!--@if(!$act||in_array($act,array('dispAdminIndex','dispAdminConfig')))-->active<!--@end-->"><a href="{getUrl('','module','admin')}">{$lang->admin_index}</a></li> </ul>
<!--@end--> </div>
</ul>
</div> <div class="adminContentBody">{$content}</div>
<div class="adminFooter">
<div class="adminContentBody">{$content}</div> <address>Powered by e<strong>X</strong>tra <strong>E</strong>ditor</address>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before After
Before After