관리자 페이지 디자인 정리

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3029 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2007-11-21 01:39:43 +00:00
parent e64de1e2c3
commit 4660abb3f2
14 changed files with 50 additions and 32 deletions

View file

@ -41,11 +41,29 @@ form { margin:0; padding:0; }
.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

View file

@ -20,7 +20,7 @@ h3 .gray { color:#9d9d9d;}
.adminTable { width:100%; border-left:1px solid #E3E3E2; border-top:1px solid #E3E3E2; margin-bottom:10px; table-layout:fixed;}
.adminTable caption { background:url("../images/s_application.gif") no-repeat 3px 5px; padding:6px 5px 4px 22px; text-align:left; border:1px solid #E3E3E2; border-bottom:none; font-weight:bold; background-color:#F9F8F5; color:#5E6266; }
.adminTable th { background-color:#FAF8F4; padding:5px; font-weight:normal; text-align:left; padding-left:10px; color:#606060; border-right:1px solid #E3E3E2; border-bottom:1px solid #E3E3E2; white-space:nowrap; }
.adminTable th { overflow:hidden; background-color:#FAF8F4; padding:5px; font-weight:normal; text-align:left; padding-left:10px; color:#606060; border-right:1px solid #E3E3E2; border-bottom:1px solid #E3E3E2; }
.adminTable th.button { text-align:right; }
.adminTable th.centerButton { text-align:center; }
@ -44,7 +44,7 @@ h3 .gray { color:#9d9d9d;}
.adminTable th a.green { color:#218E08; }
.adminTable th select { height:20px; }
.adminTable td { background-color:#FFFFFF; padding:5px; font-weight:normal; text-align:left; padding-left:10px; color:#5A5A5A; border-right:1px solid #E3E3E2; border-bottom:1px solid #E3E3E2;}
.adminTable td { overflow:hidden; background-color:#FFFFFF; padding:5px; font-weight:normal; text-align:left; padding-left:10px; color:#5A5A5A; border-right:1px solid #E3E3E2; border-bottom:1px solid #E3E3E2;}
.adminTable td.tahoma { font-family:tahoma; font-size:7pt; }
.adminTable td.tahoma a { font-family:tahoma; font-size:7pt; }
@ -77,7 +77,7 @@ h3 .gray { color:#9d9d9d;}
.adminTable td .graph .num { position:relative; background:#ffffff; color:#636363; font:.9em Tahoma; padding-left:10px; white-space:nowrap;}
.admin_news { width:540px; float:left; margin-right:10px; }
.admin_link { width:250px; float:right; }
.admin_link { width:300px; float:right; }
select.time_zone { width:70%; position:relative; top:4px; }
.gap1 { margin-top:.8em; }

View file

@ -2,31 +2,31 @@
body { background:url("../images/admin_background.gif") repeat-x left top; background-color:#DBD8D3; }
#adminLayout { background:url("../images/admin_logo.gif") no-repeat left top; background-color:#F8F6F2; overflow:hidden; width:1000px; border-right:1px solid #B2B2B2; margin:5px 0 0 5px; }
#adminLayout { background:url("../images/admin_logo.gif") no-repeat left top; background-color:#F8F6F2; overflow:hidden; width:1050px; border-right:1px solid #B2B2B2; margin:5px 0 0 5px; }
#adminContentBody { width:800px; float:left; background-color:#FFFFFF; padding:25px 10px 20px 10px; vertical-align:top; background:url(../images/admin_top_bg.gif) repeat-x left top; background-color:#FFFFFF; }
#adminContentBody { width:850px; float:left; background-color:#FFFFFF; padding:25px 10px 20px 10px; vertical-align:top; background:url(../images/admin_top_bg.gif) repeat-x left top; background-color:#FFFFFF; }
#adminLayoutBottom { background:url("../images/admin_bottom_bg.gif") repeat-x left top; height:3px; clear:both; overflow:hidden; width:1001px; margin:0 0 0 5px; }
#adminLayoutBottom { background:url("../images/admin_bottom_bg.gif") repeat-x left top; height:3px; clear:both; overflow:hidden; width:1051px; margin:0 0 0 5px; }
#adminMenuContent { width:179px; float:left; margin-top:70px; padding-bottom:20px; vertical-align:top; background:none; overflow:hidden; border-right:1px solid #B2B2B2; }
#adminMenuContent .adminInfoBox { border:1px solid #E3E3E2; padding:3px; margin:0 0 0 8px; width:130px; background-color:#FFFFFF; overflow:hidden; width:154px; margin-bottom:10px;}
#adminMenuContent .adminInfoBox .adminInfo { border:1px solid #E3E3E2; padding:5px 3px 3px 23px; background:url("../images/icon_key.gif") no-repeat 3px 3px; color:#555555; font-weight:bold; overflow:hidden; background-color:#F8F6F2; }
#adminMenuContent .adminInfoBox .adminInfo div.expandButton { float:right; height:16px; overflow:hidden; }
#adminMenuContent .adminInfoBox { border:1px solid #E3E3E2; padding:3px; margin:0 0 0 8px; width:130px; background-color:#FFFFFF; width:154px; margin-bottom:10px;}
#adminMenuContent .adminInfoBox .adminInfo { border:1px solid #E3E3E2; padding:5px 3px 3px 23px; background:url("../images/icon_key.gif") no-repeat 3px 5px; color:#555555; font-weight:bold; background-color:#F8F6F2; }
#adminMenuContent .adminInfoBox .adminInfo div.expandButton { float:right; height:16px; }
#adminMenuContent .adminInfoBox div.logoutButton { margin-top:5px; text-align:center; clear:both; }
#adminMemberInfo { padding:10px 5px 10px 24px; background:url("../images/icon_user.gif") no-repeat 5px 8px; color:#336699; font-weight:bold; letter-spacing:-1px;}
#adminMenuContent h3 { border:1px solid #E3E3E2; border-top:none; color:#555555; font-size:1em; text-indent:none; padding:6px 5px 3px 25px; white-space:nowrap; margin:0 0 0 8px; width:130px; overflow:hidden;}
#adminMenuContent h3 { border:1px solid #E3E3E2; border-top:none; color:#555555; font-size:1em; text-indent:none; padding:6px 0 3px 25px; margin:0 0 0 8px; width:135px;}
#adminMenuContent h3 a { color:#555555; text-decoration:none; }
#adminMenuContent h3 span.expandButton { float:right; height:16px; overflow:hidden; }
#adminMenuContent h3.summary { background:url("../images/icon_summary.gif") no-repeat 3px 3px; background-color:#FFFFFF; margin-top:0px; border-top:1px solid #E3E3E2; }
#adminMenuContent h3 span.expandButton { float:right; padding:none; margin:none; height:16px; white-space:nowrap; overflow:hidden;}
#adminMenuContent h3.summary { background:url("../images/icon_summary.gif") no-repeat 3px 5px; background-color:#FFFFFF; margin-top:0px; border-top:1px solid #E3E3E2; }
#adminMenuContent h3.service { background:url("../images/icon_service_module.gif") no-repeat 3px 5px; background-color:#FFFFFF; }
#adminMenuContent h3.manager { background:url("../images/icon_manager_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#adminMenuContent h3.utility { background:url("../images/icon_utility_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#adminMenuContent h3.accessory { background:url("../images/icon_accessory_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#adminMenuContent h3.base { background:url("../images/icon_base_module.gif") no-repeat 3px 5px; background-color:#FFFFFF;}
#adminMenuContent ul { width:170px; overflow:hidden; }
#adminMenuContent ul { width:170px; }
#adminMenuContent ul li { background-color:#F8F6F3; list-style:none; padding:5px 10px 3px 10px; margin-left:8px; white-space:nowrap; overflow:hidden; color:#888785; border-bottom:1px solid #E3E3E2; cursor:pointer; }
#adminMenuContent ul li:hover { background-color:#EFE6D3; border-left:1px solid #E3E3E2; border-right:1px solid #E3E3E2;}
#adminMenuContent li.on { background-color:#EFE6D3; border-left:1px solid #E3E3E2; border-right:1px solid #E3E3E2;}

View file

@ -9,6 +9,7 @@
<div class="adminInfo">
<div class="fl">{$lang->admin_info}</div>
<div class="expandButton"><a href="#" onclick="toggleDisplay('adminMemberInfo','block'); return false;"><img src="./images/expand.gif" alt="toggle" /></a></div>
<div class="clear"></div>
</div>
<div id="adminMemberInfo" style="display:none;">
{$logged_info->nick_name} ({$logged_info->user_id})
@ -19,13 +20,12 @@
</div>
<h3 class="summary">
<span class="fl"><a href="{getUrl('','module','admin')}">{$lang->admin_index}</a></span>
<span><a href="{getUrl('','module','admin')}">{$lang->admin_index}</a></span>
</h3>
<!--@foreach($lang->module_category_title as $key => $val)-->
<h3 class="{$key}">
<span class="fl"><a href="#" onclick="toggleAdminMenu('amm_{$key}'); return false;">{$val}</a></span>
<span class="expandButton"><a href="#" onclick="toggleAdminMenu('amm_{$key}'); return false;"><img src="./images/expand.gif" alt="toggle" /></a></span>
<span><a href="#" onclick="toggleAdminMenu('amm_{$key}'); return false;">{$val}</a></span>
</h3>
<ul id="amm_{$key}" style="display:{$_COOKIE['amm_'.$key]}">

View file

@ -8,12 +8,12 @@
<!-- 목록 -->
<table cellspacing="0" class="adminTable">
<col width="50" />
<col width="120" />
<col width="130" />
<col />
<col width="80" />
<col width="50" />
<col width="50" />
<col width="50" />
<col width="60" />
<col width="60" />
<col width="60" />
<thead>
<tr>
<th scope="col">{$lang->no}</th>

View file

@ -8,7 +8,7 @@
<!-- 목록 -->
<table cellspacing="0" class="adminTable">
<col width="50" />
<col width="120" />
<col width="130" />
<col />
<col width="80" />
<col width="50" />

View file

@ -23,7 +23,7 @@
<th scope="col"><input type="checkbox" onclick="checkboxSelectAll(this.form, 'cart'); return false;" /></th>
<th scope="col">
<div class="nowrap">
<select name="module_srl" id="module_srl" class="w200">
<select name="module_srl" id="module_srl" class="w180">
<option value="">{$lang->module}</option>
<!--@foreach($mid_list as $key => $val)-->
<option value="{$val->module_srl}" <!--@if($module_srl == $val->module_srl)-->selected="selected"<!--@end-->>{$val->browser_title}</option>

View file

@ -26,7 +26,7 @@
<th scope="col"><input type="checkbox" onclick="clickCheckBoxAll(this.form, 'cart'); return false;" /></th>
<th scope="col">
<div class="nowrap">
<select name="module_srl" id="module_srl" class="w200">
<select name="module_srl" id="module_srl" class="w230">
<option value="">{$lang->module}</option>
<!--@foreach($mid_list as $key => $val)-->
<option value="{$val->module_srl}" <!--@if($module_srl == $val->module_srl)-->selected="selected"<!--@end-->>{$val->browser_title}</option>

View file

@ -26,7 +26,7 @@
<th scope="col"><input type="checkbox" onclick="checkboxSelectAll(this.form, 'cart'); return false;" /></th>
<th scope="col">
<div class="nowrap">
<select name="module_srl" id="module_srl" class="w200">
<select name="module_srl" id="module_srl" class="w120">
<option value="">{$lang->module}</option>
<!--@foreach($mid_list as $key => $val)-->
<option value="{$val->module_srl}" <!--@if($module_srl == $val->module_srl)-->selected="selected"<!--@end-->>{$val->browser_title}</option>
@ -37,10 +37,10 @@
</th>
<th scope="col">{$lang->file_size}</th>
<th scope="col">{$lang->is_valid}</th>
<th scope="col">{$lang->download_count}</th>
<th scope="col">{$lang->cmd_download}</th>
<th scope="col">{$lang->date}</th>
<th scope="col">{$lang->ipaddress}</th>
<th scope="col">{$lang->cmd_move_to_document}</th>
<th scope="col">{$lang->cmd_move}</th>
</tr>
</thead>
<tbody>

View file

@ -8,7 +8,7 @@
<!-- 목록 -->
<table cellspacing="0" class="adminTable">
<col width="50" />
<col width="120" />
<col width="130" />
<col />
<col width="80" />
<col width="50" />

View file

@ -9,7 +9,7 @@
<!-- 목록 -->
<table cellspacing="0" class="adminTable">
<col width="50" />
<col width="120" />
<col width="130" />
<col />
<col width="80" />
<col width="40" />

View file

@ -9,7 +9,7 @@
<!-- 목록 -->
<table cellspacing="0" class="adminTable">
<col width="50" />
<col width="120" />
<col width="130" />
<col />
<col width="80" />
<col width="40" />

View file

@ -15,10 +15,10 @@
<col width="80" />
<col width="40" />
<col />
<col width="140" />
<col width="60" />
<col width="120" />
<col width="80" />
<col width="120" />
<col width="100" />
<thead>
<tr>
<th scope="col">{$lang->no}</th>

View file

@ -33,7 +33,7 @@
<!-- 목록 -->
<table cellspacing="0" class="adminTable">
<col width="50" />
<col />
<col width="150" />
<col />
<col />
<col width="80" />