diff --git a/common/css/button.css b/common/css/button.css index 8d7b74802..3fd6355e6 100644 --- a/common/css/button.css +++ b/common/css/button.css @@ -1,212 +1,72 @@ -a.button, span.button, del.button{ - - display:-moz-inline-box; - display:inline-block; - cursor:pointer; - border:none; - font-size:0; - line-height:0; - - /* - for Safari, read this first - http://creativebits.org/webdev/safari_background_repeat_bug_fix - */ - background-position:0 0; - background-repeat:no-repeat; - height:30px; - text-decoration:none; - color:#2e523b; - font-style:normal; - margin:0 6px 0px 0; - padding:0 10px 0 0; - vertical-align:middle; - - padding-top:-2px; - _position:relative; - _top:-4px; - _width:10px; - _overflow-y:hidden; -} -*:first-child+html a.button, *:first-child+html span.button,*:first-child+html del.button { - position:relative; - top:-4px; -} - - - -a.button, span.button, del.button, -a.button span, span.button button, span.button input, del.button span{ - background-image:url(../tpl/images/form_buttons.png); - _background-image:url(../tpl/images/form_buttons.gif); -} - - -a.button span, span.button button, span.button input, del.button span{ - - white-space:nowrap; - cursor:pointer; - color:#222; - display:-moz-inline-box; - display:inline-block; - line-height:1; - letter-spacing:0 !important; - font-family:"Arial" !important; - font-size:12px !important; - font-style:normal; - background-color:transparent; - background-position:100% 0; - background-repeat:no-repeat; - height:30px; - padding:8px 20px 0 10px; - margin:0 -16px 0 10px; - border:none; - zoom:1; - _position:relative; - _padding-left:0px; - _padding-right:12px; - _margin-right:-10px; - _display:block; - _right:-5px; - -} - -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)); - - - - -} +@charset "utf-8"; +/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ + +/* Anchor Button */ +a.button, +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;} +a.button { padding:0; background-position:left top; overflow:visible;} +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 */ +/* Large Size */ +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;} +a.button.large, x:-moz-any-link { padding:6px 0 4px 0;} /* Firefox 2 Fix */ +a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */ +/* xLarge Size */ +a.button.xLarge { background-position:left -65px; } +a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;} +a.button.xLarge, x:-moz-any-link { padding:9px 0 7px 0;} /* Firefox 2 Fix */ +a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */ + +/* Control Button + Submit Button */ +span.button, +span.button button, +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;} +span.button { padding:0; background-position:left top;} +span.button, x:-moz-any-link{ padding:5px 0 4px 0; line-height:0;} /* Firefox 2 Fix */ +span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */ +span.button 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;} +/* Large Size */ +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;} +/* xLarge Size */ +span.button.xLarge { background-position:left -65px;} +span.button.xLarge, x:-moz-any-link{ padding:11px 0 10px 0;} /* Firefox 2 Fix */ +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;} + +/* Strong Button */ +a.button.strong *, +span.button.strong * { font-weight:bold !important;} + +/* Icon Add */ +a.button .icon { position:relative; border:0; vertical-align:middle;} +span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;} + +/* Color Preset */ +a.button.green, +a.button.green span, +span.button.green, +span.button.green button, +span.button.green input { background-image:url(../tpl/images/buttonGreen.gif); color:#fff;} +a.button.black, +a.button.black span, +span.button.black, +span.button.black button, +span.button.black input { background-image:url(../tpl/images/buttonBlack.gif); color:#fff;} +a.button.red, +a.button.red span, +span.button.red, +span.button.red button, +span.button.red input { background-image:url(../tpl/images/buttonRed.gif); color:#fff;} +a.button.blue, +a.button.blue span, +span.button.blue, +span.button.blue button, +span.button.blue input { background-image:url(../tpl/images/buttonBlue.gif); color:#fff;} diff --git a/common/tpl/images/buttonBlack.gif b/common/tpl/images/buttonBlack.gif new file mode 100644 index 000000000..278525423 Binary files /dev/null and b/common/tpl/images/buttonBlack.gif differ diff --git a/common/tpl/images/buttonBlue.gif b/common/tpl/images/buttonBlue.gif new file mode 100644 index 000000000..571eca81d Binary files /dev/null and b/common/tpl/images/buttonBlue.gif differ diff --git a/common/tpl/images/buttonGreen.gif b/common/tpl/images/buttonGreen.gif new file mode 100644 index 000000000..ffed819e3 Binary files /dev/null and b/common/tpl/images/buttonGreen.gif differ diff --git a/common/tpl/images/buttonRed.gif b/common/tpl/images/buttonRed.gif new file mode 100644 index 000000000..fa1df827c Binary files /dev/null and b/common/tpl/images/buttonRed.gif differ diff --git a/common/tpl/images/buttonWhite.gif b/common/tpl/images/buttonWhite.gif new file mode 100644 index 000000000..30a724a18 Binary files /dev/null and b/common/tpl/images/buttonWhite.gif differ diff --git a/common/tpl/images/iconAdd.gif b/common/tpl/images/iconAdd.gif new file mode 100644 index 000000000..c4a7757f0 Binary files /dev/null and b/common/tpl/images/iconAdd.gif differ diff --git a/common/tpl/images/iconCheckGreen.gif b/common/tpl/images/iconCheckGreen.gif new file mode 100644 index 000000000..e51b02626 Binary files /dev/null and b/common/tpl/images/iconCheckGreen.gif differ diff --git a/common/tpl/images/iconCheckYellow.gif b/common/tpl/images/iconCheckYellow.gif new file mode 100644 index 000000000..e4eb0fbd1 Binary files /dev/null and b/common/tpl/images/iconCheckYellow.gif differ diff --git a/common/tpl/images/iconWrite.gif b/common/tpl/images/iconWrite.gif new file mode 100644 index 000000000..60a047473 Binary files /dev/null and b/common/tpl/images/iconWrite.gif differ diff --git a/modules/admin/tpl/css/admin.css b/modules/admin/tpl/css/admin.css index f943fe021..4c33e41ac 100644 --- a/modules/admin/tpl/css/admin.css +++ b/modules/admin/tpl/css/admin.css @@ -1,112 +1,113 @@ -@charset "utf-8"; - -.topGap { margin-top:10px; } -.rightGap { margin-right:10px; } -.bottomGap { margin-bottom:10px; } -.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;} -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; } -.subInfoText { background:#FFFFFF; padding:10px; color:#444444; border:1px solid #EEEEEE; line-height:1.5; margin-bottom:10px; } - -h4 { text-align:right; font-size:12pt; color:#f2250d; padding-left:10px; margin:0;} -h4 .bracket { font-weight:normal; color:#9d9d9d;} -h4 .vr { font-weight:normal; color:#d1d1d1;} -h4 .view { color:#158692; padding-right:.6em; font:bold 9pt Tahoma; text-decoration:none; } - -div.summary { clear:both; font:8pt tahoma; color:#636363; margin-bottom:5px; } -div.summary .vr { font-weight:normal; color:#d1d1d1; } -div.summary em { color:#ff1d00; font-style:normal;} - -.adminLeftContent { position:absolute; left:10px; right:420px; } -.adminRightExtra { position:absolute; right:10px; width:400px; } - -.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:10px; } - -.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.row2 th { background-color:#FEFDFB; } -.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; 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 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:#444444; } -.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:url("../images/n_paper_bullet.png") no-repeat 6px 8px; padding-left:20px; } -.adminTable tr td.circle { background:url("../images/n_circle_bullet.png") 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:#9F875F; } -.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("../images/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("../images/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("../images/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("../images/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("../images/n_setup.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.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.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.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.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.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.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 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 a:hover { color:#000000; } -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; } -#popBody, #popHistoryBody { width:600px; padding:10px; background:#ffffff;} -#popHistoryBody { height: 200px; overflow: auto; padding-right:0; } -#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 a:hover { background:#F7F7F7; text-decoration:none; } -.pageNavigation a:visited { color:#999999;} -.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.goToFirst img, -.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; } - -.adminSearch { text-align:right; clear:both; width:100%;} -.adminSearch fieldset { border:none; display:inline; overflow:visible; } -.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; } - -.layout_editor { width:99%; height:500px; border:0px; font-size:1em; } -.layout_editor_box { padding:10px; border:1px solid #DDDDDD; } - +@charset "utf-8"; + + +.topGap { margin-top:10px; } +.rightGap { margin-right:10px; } +.bottomGap { margin-bottom:15px; } +.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 .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; } +.subInfoText { background:#FFFFFF; padding:10px; color:#444444; border:1px solid #EEEEEE; line-height:1.5; margin-bottom:10px; } + +h4 { text-align:right; font-size:12pt; color:#f2250d; padding-left:10px; margin:0;} +h4 .bracket { font-weight:normal; color:#9d9d9d;} +h4 .vr { font-weight:normal; color:#d1d1d1;} +h4 .view { color:#158692; padding-right:.6em; font:bold 9pt Tahoma; text-decoration:none; } + +div.summary { clear:both; font:8pt tahoma; color:#636363; margin-bottom:5px; } +div.summary .vr { font-weight:normal; color:#d1d1d1; } +div.summary em { color:#ff1d00; font-style:normal;} + +.adminLeftContent { float:left; width:60%; margin-right:2%; _margin-right:1.9%;} +.adminRightExtra { float:left; width:38%; } + +.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: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 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; 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 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:#444444; } +.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:url("../images/n_paper_bullet.png") no-repeat 6px 8px; padding-left:20px; } +.adminTable tr td.circle { background:url("../images/n_circle_bullet.png") 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:#9F875F; } +.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("../images/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("../images/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("../images/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("../images/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("../images/n_setup.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.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.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.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.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.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.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 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 a:hover { color:#000000; } +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; } +#popBody, #popHistoryBody { width:600px; padding:10px; background:#ffffff;} +#popHistoryBody { height: 200px; overflow: auto; padding-right:0; } +#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-right:1px solid #CCCCCC; text-decoration:none; line-height:1em; } +.pageNavigation a:hover { background:#F7F7F7; text-decoration:none; } +.pageNavigation a:visited { color:#999999;} +.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.goToFirst img, +.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%; margin:0 0 10px 0;} +.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; } + +.layout_editor { width:99%; height:500px; border:0px; font-size:1em; } +.layout_editor_box { padding:10px; border:1px solid #DDDDDD; } + diff --git a/modules/admin/tpl/css/admin_layout.css b/modules/admin/tpl/css/admin_layout.css index 30fd378e1..a70244ff3 100644 --- a/modules/admin/tpl/css/admin_layout.css +++ b/modules/admin/tpl/css/admin_layout.css @@ -1,30 +1,38 @@ -@charset "utf-8"; - -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 h1 { margin:0; padding:0; } -.xeAdmin ul.globalNavigator { list-style:none; margin:0; padding:0; position:absolute; right:10px; top:13px; } -.xeAdmin ul.globalNavigator li { float:left; margin-right:20px; } -.xeAdmin div.mainNavigator { position:absolute; right:15px; top:35px; } -.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 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:hover { color:#FFFFFF; } -.xeAdmin div.mainNavigator ul li.first { background: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; } -.adminSubMenu ul li { 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; } -.adminSubMenu ul li.first { background:none; } -.adminSubMenu ul li a { color:#000000; text-decoration:none; } -.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 ul { position:relative; clear:both; margin:10px 0 0 10px; padding:0; 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 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: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;} -.adminPackage ul li.admin { float:right; margin-right:10px; } -.adminContentBody { margin:10px; } +@charset "utf-8"; + +body { background-color:#FFFFFF; } + +.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 { position:absolute; top:15px; left:20px; margin:0; padding:0; } +.xeAdmin h1 img{ _behavior:url(/common/js/iePngFix.htc);} +.xeAdmin ul.globalNavigator { list-style:none; margin:0; padding:0; position:absolute; right:20px; top:13px; } +.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 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 { 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.first { background-image: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; } +.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;} +.xeAdmin div.mainNavigator .adminSubMenu li a:hover { color:#AAAAAA; } +.xeAdmin div.mainNavigator .adminSubMenu li.first { background: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;} +.adminPackage { background:#eee; overflow:hidden; height:38; padding:10px 0 0 0;} +.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:0; 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.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;} \ No newline at end of file diff --git a/modules/admin/tpl/images/n_caption_head.png b/modules/admin/tpl/images/n_caption_head.png index 3310d8c35..9647e61d6 100644 Binary files a/modules/admin/tpl/images/n_caption_head.png and b/modules/admin/tpl/images/n_caption_head.png differ diff --git a/modules/admin/tpl/images/n_folder_bg.png b/modules/admin/tpl/images/n_folder_bg.png index 6fdcf625d..247443c13 100644 Binary files a/modules/admin/tpl/images/n_folder_bg.png and b/modules/admin/tpl/images/n_folder_bg.png differ diff --git a/modules/admin/tpl/images/n_logo.png b/modules/admin/tpl/images/n_logo.png index fbcb91e7e..45f9f3994 100644 Binary files a/modules/admin/tpl/images/n_logo.png and b/modules/admin/tpl/images/n_logo.png differ diff --git a/modules/admin/tpl/images/n_menu_left.png b/modules/admin/tpl/images/n_menu_left.png index ffc2f804b..30c123338 100644 Binary files a/modules/admin/tpl/images/n_menu_left.png and b/modules/admin/tpl/images/n_menu_left.png differ diff --git a/modules/admin/tpl/images/n_menu_right.png b/modules/admin/tpl/images/n_menu_right.png index 42669a22e..46d357885 100644 Binary files a/modules/admin/tpl/images/n_menu_right.png and b/modules/admin/tpl/images/n_menu_right.png differ diff --git a/modules/admin/tpl/images/n_tab.gif b/modules/admin/tpl/images/n_tab.gif index ddd9f6733..da7ada113 100644 Binary files a/modules/admin/tpl/images/n_tab.gif and b/modules/admin/tpl/images/n_tab.gif differ diff --git a/modules/admin/tpl/images/n_top_back.png b/modules/admin/tpl/images/n_top_back.png index e570f5046..fafd4b33d 100644 Binary files a/modules/admin/tpl/images/n_top_back.png and b/modules/admin/tpl/images/n_top_back.png differ diff --git a/modules/admin/tpl/index.html b/modules/admin/tpl/index.html index 3c0bcb88e..0c9e6e55f 100644 --- a/modules/admin/tpl/index.html +++ b/modules/admin/tpl/index.html @@ -1,183 +1,183 @@ - - - - - -

{$lang->welcome_to_xe}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
{$lang->env_information}
{$lang->current_version}
{$current_version}
{$lang->current_path}
{$installed_path}/
{$lang->time_zone}
{$val}
{$lang->use_rewrite}
{$lang->use}{$lang->notuse}
{$lang->use_optimizer}
{$lang->use}{$lang->notuse}
Language
{$val}
{$lang->qmail_compatibility}
{$lang->use}{$lang->notuse}
- - - - - - - - - - - - - - - - - - - - - - - -
{$lang->module}
{$lang->module_name}
{$lang->version}
{$lang->author}
{$lang->table_count}
{$lang->module_action}
{$val->title} ({$val->module}){$val->version} - - {$author->name} - - - {$val->created_table_count}/{$val->table_count} - - - {$lang->cmd_install} - - {$lang->cmd_update} - - - - -
-
- -
- - - - - -
{$lang->released_version}
- - {$released_version} [download] -

{nl2br($lang->about_download_link)}

- - {$released_version} [{$lang->cmd_view}] - -
- - - - - - - - - - - -
{$lang->newest_news}
- {$val->title} - {zdate($val->date,"Y-m-d")} -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
{$lang->status}
{$lang->target}
{$lang->yesterday}
{$lang->today}
{$lang->total}
{$lang->member}{$status->member->yesterday}{$status->member->today}{$status->member->total}
{$lang->document}{$status->document->yesterday}{$status->document->today}{$status->document->total}
{$lang->comment}{$status->comment->yesterday}{$status->comment->today}{$status->comment->total}
{$lang->trackback}{$status->trackback->yesterday}{$status->trackback->today}{$status->trackback->total}
{$lang->file}{$status->file->yesterday}{$status->file->today}{$status->file->total}
- -
- -
- - - - - - - - - - - - - - -
{$lang->addon}
- {$val->title} - setup - - {$lang->use} - - {$lang->notuse} - -
-
+ + + + + +

{$lang->welcome_to_xe}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
{$lang->env_information}
{$lang->current_version}
{$current_version}
{$lang->current_path}
{$installed_path}/
{$lang->time_zone}
{$val}
{$lang->use_rewrite}
{$lang->use}{$lang->notuse}
{$lang->use_optimizer}
{$lang->use}{$lang->notuse}
Language
{$val}
{$lang->qmail_compatibility}
{$lang->use}{$lang->notuse}
+ + + + + + + + + + + + + + + + + + + + + + + +
{$lang->module}
{$lang->module_name}
{$lang->version}
{$lang->author}
{$lang->table_count}
{$lang->module_action}
{$val->title} ({$val->module}){$val->version} + + {$author->name} + + + {$val->created_table_count}/{$val->table_count} + + + {$lang->cmd_install} + + {$lang->cmd_update} + + - + +
+
+ +
+ + + + + +
{$lang->released_version}
+ + {$released_version} [download] +

{nl2br($lang->about_download_link)}

+ + {$released_version} [{$lang->cmd_view}] + +
+ + + + + + + + + + + +
{$lang->newest_news}
+ {$val->title} + {zdate($val->date,"Y-m-d")} +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
{$lang->status}
{$lang->target}
{$lang->yesterday}
{$lang->today}
{$lang->total}
{$lang->member}{$status->member->yesterday}{$status->member->today}{$status->member->total}
{$lang->document}{$status->document->yesterday}{$status->document->today}{$status->document->total}
{$lang->comment}{$status->comment->yesterday}{$status->comment->today}{$status->comment->total}
{$lang->trackback}{$status->trackback->yesterday}{$status->trackback->today}{$status->trackback->total}
{$lang->file}{$status->file->yesterday}{$status->file->today}{$status->file->total}
+ +
+ +
+ + + + + + + + + + + + + + +
{$lang->addon}
+ {$val->title} + setup + + {$lang->use} + + {$lang->notuse} + +
+
diff --git a/modules/admin/tpl/js/admin.js b/modules/admin/tpl/js/admin.js index 024ca30c3..678809ce3 100644 --- a/modules/admin/tpl/js/admin.js +++ b/modules/admin/tpl/js/admin.js @@ -1,48 +1,48 @@ -/** - * @file admin.js - * @author zero (zero@nzeo.com) - * @brief admin 모듈의 javascript - **/ - -xAddEventListener(document,'mouseup',showXESubMenu); -var openedSubMenus = null; -function showXESubMenu(evt) { - var e = new xEvent(evt); - if(e.target && /^adminMainMenu/.test(e.target.id)) { - var key = e.target.id.split('_')[1]; - var obj = xGetElementById('adminSubMenu'+key); - if(!obj) return; - if(openedSubMenus) openedSubMenus.style.visibility = 'hidden'; - if(openedSubMenus == obj) { - openedSubMenus = null; - return; - } - openedSubMenus = obj; - xLeft(obj, xPageX(e.target) + (xWidth(e.target)-xWidth(obj))/2); - if(xLeft(obj) + xWidth(obj) + 10 > xClientWidth()) xLeft(obj, xClientWidth() - xWidth(obj) - 10); - xTop(obj, xPageY(e.target)+28); - obj.style.visibility = 'visible'; - return; - } else if(openedSubMenus) { - openedSubMenus.style.visibility = 'hidden'; - openedSubMenus = null; - } -} - -// open/close Main Navigator -function toggleXEMainNavigator() { - var obj = xGetElementsByClassName('xeAdmin')[0]; - if(!obj) return; - if(obj.style.display == 'none') obj.style.display = 'block'; - else obj.style.display = 'none'; - var expire = new Date(); - expire.setTime(expire.getTime()+ (7000 * 24 * 3600000)); - xSetCookie('XEMN', obj.style.display, expire); -} - -// 캐시파일 모두 재 생성 -function doRecompileCacheFile() { - exec_xml("admin","procAdminRecompileCacheFile", new Array(), completeMessage); -} - - +/** + * @file admin.js + * @author zero (zero@nzeo.com) + * @brief admin 모듈의 javascript + **/ + +xAddEventListener(document,'mouseup',showXESubMenu); +var openedSubMenus = null; +function showXESubMenu(evt) { + var e = new xEvent(evt); + if(e.target && /^adminMainMenu/.test(e.target.id)) { + var key = e.target.id.split('_')[1]; + var obj = xGetElementById('adminSubMenu'+key); + if(!obj) return; + if(openedSubMenus) openedSubMenus.style.visibility = 'hidden'; + if(openedSubMenus == obj) { + openedSubMenus = null; + return; + } + openedSubMenus = obj; + //xLeft(obj, xPageX(e.target) + (xWidth(e.target)-xWidth(obj))/2); + //if(xLeft(obj) + xWidth(obj) + 10 > xClientWidth()) xLeft(obj, xClientWidth() - xWidth(obj) - 10); + //xTop(obj, xPageY(e.target)+28); + obj.style.visibility = 'visible'; + return; + } else if(openedSubMenus) { + openedSubMenus.style.visibility = 'hidden'; + openedSubMenus = null; + } +} + +// open/close Main Navigator +function toggleXEMainNavigator() { + var obj = xGetElementsByClassName('xeAdmin')[0]; + if(!obj) return; + if(obj.style.display == 'none') obj.style.display = 'block'; + else obj.style.display = 'none'; + var expire = new Date(); + expire.setTime(expire.getTime()+ (7000 * 24 * 3600000)); + xSetCookie('XEMN', obj.style.display, expire); +} + +// 캐시파일 모두 재 생성 +function doRecompileCacheFile() { + exec_xml("admin","procAdminRecompileCacheFile", new Array(), completeMessage); +} + + diff --git a/modules/admin/tpl/layout.html b/modules/admin/tpl/layout.html index 842a73402..af7db0ae7 100644 --- a/modules/admin/tpl/layout.html +++ b/modules/admin/tpl/layout.html @@ -1,49 +1,49 @@ - - - -
style="display:none;"> -

eXtraEditor

- -
- - - -
-
- - -
- -
- - -
folding
- -
- -
- -
{$content}
- + + + +
style="display:none;"> +

eXtraEditor

+ +
+ +
+
+ +
folding
+ +
+ +
+ +
{$content}
+
+
Powered by eXtra Editor
+
diff --git a/modules/install/tpl/images/h1.png b/modules/install/tpl/images/h1.png index 37a649a03..b3c58c117 100644 Binary files a/modules/install/tpl/images/h1.png and b/modules/install/tpl/images/h1.png differ