design toutch install / admin
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4635 201d5d3c-b55e-5fd7-737f-ddc643e51545
|
|
@ -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));
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
|
||||||
BIN
common/tpl/images/buttonBlack.gif
Normal file
|
After Width: | Height: | Size: 3.7 KiB |
BIN
common/tpl/images/buttonBlue.gif
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
common/tpl/images/buttonGreen.gif
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
common/tpl/images/buttonRed.gif
Normal file
|
After Width: | Height: | Size: 3.9 KiB |
BIN
common/tpl/images/buttonWhite.gif
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
common/tpl/images/iconAdd.gif
Normal file
|
After Width: | Height: | Size: 51 B |
BIN
common/tpl/images/iconCheckGreen.gif
Normal file
|
After Width: | Height: | Size: 56 B |
BIN
common/tpl/images/iconCheckYellow.gif
Normal file
|
After Width: | Height: | Size: 56 B |
BIN
common/tpl/images/iconWrite.gif
Normal file
|
After Width: | Height: | Size: 119 B |
|
|
@ -1,9 +1,11 @@
|
||||||
@charset "utf-8";
|
@charset "utf-8";
|
||||||
|
|
||||||
|
|
||||||
.topGap { margin-top:10px; }
|
.topGap { margin-top:10px; }
|
||||||
.rightGap { margin-right:10px; }
|
.rightGap { margin-right:10px; }
|
||||||
.bottomGap { margin-bottom:10px; }
|
.bottomGap { margin-bottom:15px; }
|
||||||
.leftGap { margin-left:10px; }
|
.leftGap { margin-left:10px; }
|
||||||
|
textarea { padding:.3em 0 0 .3em;}
|
||||||
|
|
||||||
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;}
|
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;}
|
||||||
h3 .gray { color:#777777;}
|
h3 .gray { color:#777777;}
|
||||||
|
|
@ -19,15 +21,14 @@ div.summary { clear:both; font:8pt tahoma; color:#636363; margin-bottom:5px; }
|
||||||
div.summary .vr { font-weight:normal; color:#d1d1d1; }
|
div.summary .vr { font-weight:normal; color:#d1d1d1; }
|
||||||
div.summary em { color:#ff1d00; font-style:normal;}
|
div.summary em { color:#ff1d00; font-style:normal;}
|
||||||
|
|
||||||
.adminLeftContent { position:absolute; left:10px; right:420px; }
|
.adminLeftContent { float:left; width:60%; margin-right:2%; _margin-right:1.9%;}
|
||||||
.adminRightExtra { position:absolute; right:10px; width:400px; }
|
.adminRightExtra { float:left; width:38%; }
|
||||||
|
|
||||||
.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; }
|
.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 { width:100%; border:1px solid #E5E4E2; border-bottom:none; border-right:none; margin-bottom:10px; }
|
|
||||||
|
|
||||||
.adminTable thead tr th div { text-align:center;}
|
.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 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.row2 th { background-color:#FEFDFB; }
|
.adminTable tr.row2 th { background-color:#FEFDFB; }
|
||||||
.adminTable tr th { width:10px; }
|
.adminTable tr th { width:10px; }
|
||||||
.adminTable tr th div { white-space:nowrap; margin:0 5px; }
|
.adminTable tr th div { white-space:nowrap; margin:0 5px; }
|
||||||
|
|
@ -92,17 +93,17 @@ ul.localNavigation li.on a { background-position:right top; padding:8px 15px 5px
|
||||||
#popFooter .close { position:relative; left:50%; margin-left:-1em; float:left;}
|
#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 { 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 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:hover { background:#F7F7F7; text-decoration:none; }
|
.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; }
|
||||||
.pageNavigation a:visited { color:#999999;}
|
.pageNavigation a:visited { color:#999999;}
|
||||||
.pageNavigation a.goToFirst,
|
.pageNavigation a.goToFirst,
|
||||||
.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 { 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 img,
|
.pageNavigation a.goToFirst img,
|
||||||
.pageNavigation a.goToLast img { display:inline-block; padding:2px 0; top:2px; _top:1px;}
|
.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-left:1px solid #dedfde; border-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; }
|
.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 { text-align:right; clear:both; width:100%; margin:0 0 10px 0;}
|
||||||
.adminSearch fieldset { border:none; display:inline; overflow:visible; }
|
.adminSearch fieldset { border:none; display:inline; overflow:visible; padding:0;}
|
||||||
.adminSearch * { vertical-align:middle;}
|
.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; }
|
||||||
|
|
|
||||||
|
|
@ -2,29 +2,37 @@
|
||||||
|
|
||||||
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 ul.globalNavigator li a{ color:#ddd; font:11px Tahoma; text-decoration:none;}
|
||||||
|
|
||||||
|
.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 img { float:left; display:block; }
|
.xeAdmin div.mainNavigator img { float:left; display:block; }
|
||||||
.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 { 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');}
|
||||||
.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 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;}
|
||||||
.xeAdmin div.mainNavigator ul li:hover { color:#FFFFFF; }
|
.xeAdmin div.mainNavigator ul li:hover { color:#FFFFFF; }
|
||||||
.xeAdmin div.mainNavigator ul li.first { background:none; }
|
.xeAdmin div.mainNavigator ul li.first { background-image:none; }
|
||||||
.adminSubMenu { border:1px solid #000000; float:left; position:absolute; left:0; top:0; visibility:hidden; z-index:10; }
|
|
||||||
.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 .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 { white-space:nowrap; padding:8px 4px 4px 4px; background:url("../images/n_submenu_bar.png") repeat-x left top; }
|
.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;}
|
||||||
.adminSubMenu ul li a:hover { color:#AAAAAA; }
|
.xeAdmin div.mainNavigator .adminSubMenu li a:hover { color:#AAAAAA; }
|
||||||
.adminSubMenu ul li.first { background:none; }
|
.xeAdmin div.mainNavigator .adminSubMenu li.first { background:none; }
|
||||||
.adminSubMenu ul li a { color:#000000; text-decoration:none; }
|
.xeAdmin div.mainNavigator .adminSubMenu li a { display:block; position:relative; color:#000000; text-decoration:none; }
|
||||||
|
|
||||||
.adminFolder { background:url("../images/n_folder_bg.png") repeat-x left top; height:6px; text-align:center; overflow:hidden;}
|
.adminFolder { background:url("../images/n_folder_bg.png") repeat-x left top; height:6px; text-align:center; overflow:hidden;}
|
||||||
.adminPackage { background:url("../images/n_package_bg.png") repeat left top; overflow:hidden; height:38;}
|
.adminPackage { background:#eee; overflow:hidden; height:38; padding:10px 0 0 0;}
|
||||||
.adminPackage ul { position:relative; clear:both; margin:10px 0 0 10px; padding:0; height:28px; overflow:hidden;}
|
.adminPackage ul { position:relative; clear:both; margin:0; padding:0 0 0 20px; height:28px; overflow:hidden;}
|
||||||
.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 { 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 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;}
|
.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;}
|
||||||
.adminPackage ul li a:hover { color:#000000; }
|
.adminPackage ul li a:hover { color:#000000; }
|
||||||
.adminPackage ul li.active { background-position:left top; top:0; height:28px; }
|
.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;}
|
.adminPackage ul li.active a { background-position:right top; padding:8px 15px 5px 10px; height:28px; color:#222227;}
|
||||||
.adminPackage ul li.admin { float:right; margin-right:10px; }
|
|
||||||
.adminContentBody { margin:10px; }
|
.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;}
|
||||||
|
Before Width: | Height: | Size: 336 B After Width: | Height: | Size: 257 B |
|
Before Width: | Height: | Size: 169 B After Width: | Height: | Size: 159 B |
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 329 B After Width: | Height: | Size: 250 B |
|
Before Width: | Height: | Size: 341 B After Width: | Height: | Size: 265 B |
|
Before Width: | Height: | Size: 527 B After Width: | Height: | Size: 470 B |
|
Before Width: | Height: | Size: 377 B After Width: | Height: | Size: 202 B |
|
|
@ -81,7 +81,7 @@
|
||||||
|
|
||||||
<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)-->
|
||||||
|
|
@ -158,10 +158,10 @@
|
||||||
<input type="hidden" name="addon" value="" />
|
<input type="hidden" name="addon" value="" />
|
||||||
</form>
|
</form>
|
||||||
<table cellspacing="0" class="adminTable">
|
<table cellspacing="0" class="adminTable">
|
||||||
|
<caption>{$lang->addon}</caption>
|
||||||
<col width="" />
|
<col width="" />
|
||||||
<col width="25" />
|
<col width="25" />
|
||||||
<col width="25" />
|
<col width="25" />
|
||||||
<caption>{$lang->addon}</caption>
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<!--@foreach($addon_list as $key => $val)-->
|
<!--@foreach($addon_list as $key => $val)-->
|
||||||
<tr class="row{$cycle_idx}">
|
<tr class="row{$cycle_idx}">
|
||||||
|
|
|
||||||
|
|
@ -18,9 +18,9 @@ function showXESubMenu(evt) {
|
||||||
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) {
|
||||||
|
|
|
||||||
|
|
@ -2,39 +2,37 @@
|
||||||
<!--%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>
|
<li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx=1}<!--@end--> id="adminMainMenu_{$key}">{$val}
|
||||||
|
|
||||||
|
<!--@foreach($lang->module_category_title as $key => $val)-->
|
||||||
|
<ul class="adminSubMenu" id="adminSubMenu{$key}">
|
||||||
|
{@ $__mNIdx = 0; }
|
||||||
|
<!--@foreach($installed_module_list as $k => $v)-->
|
||||||
|
<!--@if($v->category == $key)-->
|
||||||
|
<!--@if($v->admin_index_act)-->
|
||||||
|
<li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx++}<!--@end-->>
|
||||||
|
<a href="{getUrl('','module','admin','act',$v->admin_index_act)}" title="{trim($v->description)}" class="adminMenu">{$v->title}</a>
|
||||||
|
</li>
|
||||||
|
<!--@endif-->
|
||||||
|
<!--@endif-->
|
||||||
|
<!--@endforeach-->
|
||||||
|
</ul>
|
||||||
|
<!--@endforeach-->
|
||||||
|
|
||||||
|
</li>
|
||||||
<!--@end-->
|
<!--@end-->
|
||||||
</ul>
|
</ul>
|
||||||
<img src="./images/n_menu_right.png" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--@foreach($lang->module_category_title as $key => $val)-->
|
|
||||||
<div class="adminSubMenu" id="adminSubMenu{$key}">
|
|
||||||
<ul>
|
|
||||||
{@ $__mNIdx = 0; }
|
|
||||||
<!--@foreach($installed_module_list as $k => $v)-->
|
|
||||||
<!--@if($v->category == $key)-->
|
|
||||||
<!--@if($v->admin_index_act)-->
|
|
||||||
<li <!--@if(!$__mNIdx)-->class="first"{@$__mNIdx++}<!--@end-->>
|
|
||||||
<a href="{getUrl('','module','admin','act',$v->admin_index_act)}" title="{trim($v->description)}" class="adminMenu">{$v->title}</a>
|
|
||||||
</li>
|
|
||||||
<!--@endif-->
|
|
||||||
<!--@endif-->
|
|
||||||
<!--@endforeach-->
|
|
||||||
</ul>
|
|
||||||
</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">
|
<div class="adminPackage">
|
||||||
|
|
@ -46,4 +44,6 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="adminContentBody">{$content}</div>
|
<div class="adminContentBody">{$content}</div>
|
||||||
|
<div class="adminFooter">
|
||||||
|
<address>Powered by e<strong>X</strong>tra <strong>E</strong>ditor</address>
|
||||||
|
</div>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 22 KiB |