mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-14 16:59:55 +09:00
git-svn-id: http://xe-core.googlecode.com/svn/trunk@1793 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero
parent
ac4276bb10
commit
4c3deed4c1
2 changed files with 152 additions and 266 deletions
|
|
@ -1,188 +1,82 @@
|
|||
@charset "utf-8";
|
||||
|
||||
body {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
}
|
||||
body,input,textarea { font-size:12px; font-family:Dotum; }
|
||||
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
|
||||
a:link { text-decoration: none; }
|
||||
a:visited { text-decoration: none; }
|
||||
a:hover { text-decoration: underline; }
|
||||
a:active { text-decoration: none; }
|
||||
|
||||
/**
|
||||
* 레이아웃 style
|
||||
**/
|
||||
#loading { background:url(./images/common/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
|
||||
|
||||
/**
|
||||
* 상단 로고 및 메인 1차 메뉴
|
||||
**/
|
||||
.layout_top {
|
||||
margin:10px 10px 0px 10px;
|
||||
}
|
||||
#layout_zx { cursor:default; }
|
||||
|
||||
/* 상단 로고 부분 */
|
||||
.layout_logo A {
|
||||
font-weight:bold;
|
||||
font-size:16pt;
|
||||
color:#888888;
|
||||
text-decoration:none;
|
||||
}
|
||||
#layout_zx .lo_top { background:url(./images/common/top_bg.gif) repeat-x; height:100px; text-align:center; }
|
||||
#layout_zx .lo_top .logo { background:url(./images/common/top_bg_center.gif) no-repeat; width:600px; height:100px; text-align:center; margin-left:auto; margin-right:auto; }
|
||||
#layout_zx .lo_menu { background:url(./images/menubar/bg.gif) repeat-x; height:45px; }
|
||||
#layout_zx .lo_menu .a_left { background:url(./images/menubar/opening.gif) right no-repeat; height:35px; }
|
||||
#layout_zx .lo_menu .a_right { background:url(./images/menubar/closing.gif) left no-repeat; height:35px; }
|
||||
#layout_zx .lo_menu .a_center { width:878px; }
|
||||
#layout_zx .lo_menu .a_center .item { width:80px; height:24px;float:left; font-family:Tahoma;font-size:11px; font-weight:bold; cursor:pointer; text-align:center; padding:11px 5px 0px 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
|
||||
#layout_zx .lo_menu .a_center .i_nm { background:url(./images/menubar/item_bg.gif) no-repeat; color:#D8E5EF }
|
||||
#layout_zx .lo_menu .a_center .i_ov { background:url(./images/menubar/item_bg_over.gif) no-repeat; color:#FFFFFF; }
|
||||
#layout_zx .lo_menu .a_center .i_se { background:url(./images/menubar/item_bg_sel.gif) no-repeat; color:#FFFFFF; }
|
||||
#layout_zx .lo_menu .a_search { float:right; text-align:center; margin-top:5px; margin-right:10px; }
|
||||
#layout_zx .lo_menu .a_search input.input { width:91px; height:17px; background:url(./images/menubar/search_input_bg.gif) no-repeat; border:none; margin-top:0px; padding:6px 8px 0px 8px; text-align:center; color:#467CAA; }
|
||||
#layout_zx .lo_menu .a_search input.submit { width:32px; height:23px; background:url(./images/menubar/search_input_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }
|
||||
#layout_zx .lo_menu .shadow { background:url(./images/menubar/shadow.gif) repeat-x; height:10px; }
|
||||
|
||||
/* 상단 1차 메뉴 */
|
||||
.layout_first_menu {
|
||||
border-bottom:2px solid #DDDDDD;
|
||||
width:100%;
|
||||
text-align:right;
|
||||
padding:3px 0px 3px 0px;
|
||||
}
|
||||
#layout_zx .main_body_cell { width:900px; margin-left:auto; margin-right:auto; }
|
||||
#layout_zx .tbl_home_layout { height:400px; margin-top:-10px; }
|
||||
#layout_zx .tbl_home_layout .l_left { width:180px; background:#F6F6F6; }
|
||||
#layout_zx .tbl_home_layout .l_center { }
|
||||
#layout_zx .tbl_home_layout .l_line { width:1px; background:#F1F2F3; }
|
||||
#layout_zx .tbl_home_layout .l_right { width:189px; }
|
||||
|
||||
/**
|
||||
* 좌측 메뉴 및 메인 2차 메뉴, 로그인 위젯 및 기타
|
||||
**/
|
||||
.layout_left {
|
||||
width:220px;
|
||||
float:left;
|
||||
margin-top:10px;
|
||||
position:absolute;
|
||||
left:10px;
|
||||
}
|
||||
#layout_zx .box_login { padding:9px; border:solid 3px #D5D8DB; background:#FFFFFE; }
|
||||
#layout_zx #fo_login .form_field { float:left; width:108px; }
|
||||
#layout_zx #fo_login .form_submit { text-align:right; }
|
||||
#layout_zx #fo_login .form_keepalive { height:25px;margin-left:10px; }
|
||||
#layout_zx #fo_login input.submit { width:45px; height:45px; background:url(./images/common/login_btn_submit.gif) no-repeat; border:none; margin:0px; cursor:pointer; }
|
||||
#layout_zx #fo_login .item { clear:both; background:url(./images/common/bul_01.gif) no-repeat left; height:13px; padding:3px 0px 0px 12px; margin-left:5px; margin-top:2px; }
|
||||
#layout_zx #logged div.item { cursor:pointer; font-size:11px; letter-spacing:-1px; margin-right:10px; padding:3px 0px 0px 14px; white-space:nowrap; }
|
||||
#layout_zx #logged div.new { font-weight:bold; color:#FF7200; }
|
||||
#layout_zx #logged div.logout { display:block; font-weight:bold; float:right; margin-right:0px; margin-top:2px; }
|
||||
#layout_zx #logged div.profile { float:left; background:url(./images/common/icon_profile.gif) no-repeat left; }
|
||||
#layout_zx #logged div.message { float:left; background:url(./images/common/icon_note.gif) no-repeat left; }
|
||||
#layout_zx #logged div.administrative { float:right; background:url(./images/common/icon_key.gif) no-repeat left; color:#D80D0F; margin-right:0px; }
|
||||
|
||||
/* 좌측 2차 메뉴 */
|
||||
.layout_second_menu {
|
||||
}
|
||||
#layout_zx .submenu { padding:10px; }
|
||||
#layout_zx .submenu .title { background:url(./images/leftmenu/smenu_title.gif) no-repeat; height:23px; font-weight:bold; font-family:Tahoma; font-size:11px; color:#FFFFFF; padding:6px 10px 0px 10px; }
|
||||
#layout_zx .submenu .a_item { background:#FFFFFF; padding:9px; border:solid 1px #E0E8EE; border-top-width:0px; padding-top:2px;}
|
||||
#layout_zx .submenu .item { border-bottom:solid 1px #E0E8EE; margin-top:2px; padding-top:3px; padding-bottom:5px; }
|
||||
#layout_zx .submenu .depthin { clear:both; padding:5px 0px 2px 15px; }
|
||||
#layout_zx .submenu .depthin .item { border-bottom:none; padding:2px 0px 1px 0px; margin-top:0px; }
|
||||
#layout_zx .submenu .depthin .item a { color:#9A9893; }
|
||||
#layout_zx .submenu .depthin .item a.i_se { font-weight:normal; background:none; color:#467CAA; }
|
||||
#layout_zx .submenu .a_item a { color:#797771; display:block; padding-top:3px; }
|
||||
#layout_zx .submenu .a_item a.i_se { background:url(./images/leftmenu/bul_01.gif) no-repeat right; font-weight:bold; color:#467CAA; }
|
||||
#layout_zx .submenu .last { border-bottom:none; }
|
||||
|
||||
/* 좌측 관리자 메뉴 */
|
||||
.layout_admin {
|
||||
margin-top:10px;
|
||||
border:3px solid #EEEEEE;
|
||||
padding:5px;
|
||||
text-align:center;
|
||||
}
|
||||
#layout_zx .cprt { height:55px; background:url(./images/common/copyright_bg.gif); text-align:center; }
|
||||
#layout_zx .cprt .fixed { width:880px; margin-left:auto; margin-right:auto; text-align:left; }
|
||||
#layout_zx .cprt .desc { width:500px; margin-left:190px; font-family:Tahoma; font-size:11px; color:#797771; position:absolute; text-align:center; padding-top:20px; }
|
||||
#layout_zx .cprt .logo { background:url(./images/common/copyright_zx.gif) no-repeat; width:190px; height:55px; float:right; }
|
||||
|
||||
.layout_admin A {
|
||||
color:#AAAAAA;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* 컨텐츠 */
|
||||
.layout_content {
|
||||
padding:10px 10px 0px 240px;
|
||||
}
|
||||
|
||||
#content {
|
||||
}
|
||||
|
||||
/**
|
||||
* 하단 메뉴 영역
|
||||
**/
|
||||
.layout_bottom {
|
||||
clear:both;
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
/* 하단 메뉴 */
|
||||
.layout_bottom_menu {
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/**
|
||||
* 메뉴 style, main_menu:1~3차, bottom_menu로 구성
|
||||
**/
|
||||
|
||||
/* 1차 메뉴 */
|
||||
.first_menu {
|
||||
background-color:#999999;
|
||||
padding:3px 10px 3px 10px;
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.first_menu A {
|
||||
font-weight:normal;
|
||||
color:#FFFFFF;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.first_menu_selected {
|
||||
background-color:#000000;
|
||||
padding:3px 10px 3px 10px;
|
||||
margin-left:5px;
|
||||
}
|
||||
|
||||
.first_menu_selected A {
|
||||
color:#FFFFFF;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* 2차 메뉴 */
|
||||
.second_menu {
|
||||
padding:5px 0px 5px 5px;
|
||||
background-color:#AAAAAA;
|
||||
display:block;
|
||||
border-bottom:1px solid #999999;
|
||||
}
|
||||
|
||||
.second_menu A {
|
||||
color:#FFFFFF;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.second_menu_selected {
|
||||
padding:5px 0px 5px 5px;
|
||||
background-color:#666666;
|
||||
display:block;
|
||||
border-bottom:1px solid #444444;
|
||||
}
|
||||
|
||||
.second_menu_selected A {
|
||||
color:#FFFFFF;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* 3차 메뉴 */
|
||||
.third_menu {
|
||||
padding:5px 0px 5px 20px;
|
||||
border-bottom:1px solid #EEEEEE;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.third_menu A {
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.third_menu_selected {
|
||||
padding:5px 0px 5px 20px;
|
||||
border-bottom:1px solid #EEEEEE;
|
||||
font-weight:bold;
|
||||
display:block;
|
||||
background-color:#EFEFEF;
|
||||
}
|
||||
|
||||
.third_menu_selected A {
|
||||
color:#000000;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* 하단 메뉴 */
|
||||
.bottom_menu {
|
||||
margin-right:5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
.bottom_menu A {
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.bottom_menu_selected {
|
||||
margin-right:5px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.bottom_menu_selected A {
|
||||
color:#000000;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
#layout_zx .hr_dot_01 { background:url(./images/common/hr_dot_01.gif) repeat-x; height:2px; overflow:hidden; clear:both; margin:4px 0px 4px 0px; }
|
||||
#layout_zx .clear { clear:both; }
|
||||
#layout_zx .input { border:solid 1px #E1E1E1; padding:2px; height:14px; margin:0px; cursor:text; }
|
||||
#layout_zx .checkbox { width:15px; height:15px; margin:-1px 0px 0px -1px; }
|
||||
#layout_zx label { cursor:pointer; }
|
||||
#layout_zx form { display:inline; border:none; margin:0px; padding:0px; }
|
||||
#layout_zx textarea { cursor:text; }
|
||||
|
||||
#layout_zx .bold { font-weight:bold; }
|
||||
#layout_zx .fc_00 { color:#000000; }
|
||||
#layout_zx .fc_01 { color:#797771; }
|
||||
#layout_zx .fc_02 { color:#9A9893; }
|
||||
#layout_zx .fc_11 { color:#467CAA; }
|
||||
#layout_zx .fc_12 { color:#9EAB1A; }
|
||||
#layout_zx .fc_13 { color:#FF7200; }
|
||||
#layout_zx .fc_14 { color:#D80D0F; }
|
||||
#layout_zx .fc_20 { color:#E3E6E8; }
|
||||
|
|
|
|||
|
|
@ -1,101 +1,93 @@
|
|||
<!-- 레이아웃과 연동될 css 파일 import -->
|
||||
<!--%import("css/layout.css")-->
|
||||
|
||||
<!-- 상단 로고 및 main_menu 1차 출력 -->
|
||||
<div class="layout_top">
|
||||
<div class="layout_logo">
|
||||
<a href="{$layout_info->index_url}"><!--@if(!$layout_info->top_title)-->top title<!--@else-->{$layout_info->top_title}<!--@end--></a>
|
||||
<div id="loading"></div>
|
||||
<div id="layout_zx">
|
||||
|
||||
<div class="lo_top">
|
||||
<div class="logo"><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" /></a></div>
|
||||
</div>
|
||||
|
||||
<div class="layout_first_menu">
|
||||
|
||||
<!-- main_menu 1차 시작 -->
|
||||
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
|
||||
|
||||
<!--@if($val['selected'])-->
|
||||
{@ $class_name = 'first_menu_selected'}
|
||||
{@ $second_menu_list = $val['list']}
|
||||
<!--@else-->
|
||||
{@ $class_name = 'first_menu'}
|
||||
<!--@end-->
|
||||
|
||||
<span class="{$class_name}">
|
||||
<a href="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
|
||||
</span>
|
||||
|
||||
<!--@end--><!--@end-->
|
||||
<!-- main_menu 1차 끝 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 왼쪽 2차 메뉴 및 로그인과 기타 위젯 부분 -->
|
||||
<div class="layout_left">
|
||||
<!-- 로그인 위젯 -->
|
||||
<img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="default" />
|
||||
|
||||
<!-- main_menu 2차 시작 -->
|
||||
<div class="layout_second_menu">
|
||||
<!--@foreach($second_menu_list as $key => $val)--><!--@if($val['text'])-->
|
||||
|
||||
<!--@if($val['selected'])-->
|
||||
{@ $class_name = 'second_menu_selected'}
|
||||
<!--@else-->
|
||||
{@ $class_name = 'second_menu'}
|
||||
<!--@end-->
|
||||
|
||||
<span class="{$class_name}">
|
||||
<a href="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
|
||||
</span>
|
||||
|
||||
<!--@if($val['selected'])-->
|
||||
<!-- main_menu 3차 시작 -->
|
||||
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
|
||||
<!--@if($v['selected'])-->
|
||||
{@ $class_name = 'third_menu_selected'}
|
||||
<div class="lo_menu">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td class="a_left"> </td>
|
||||
<td class="a_center">
|
||||
<!-- main_menu 1차 시작 -->
|
||||
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
|
||||
<!--@if($val['selected'])-->
|
||||
{@ $menu_1st_title = $val['text'] }
|
||||
{@ $second_menu_list = $val['list']}
|
||||
<div class="item i_se"><a href="{$val['href']}">{$val['text']}</a>
|
||||
<!--@else-->
|
||||
{@ $class_name = 'third_menu'}
|
||||
<div class="item i_nm" onmouseover="this.className = 'item i_ov';" onmouseout="this.className = 'item i_nm';"><a href="{$val['href']}">{$val['text']}</a></div>
|
||||
<!--@end-->
|
||||
|
||||
<span class="{$class_name}">
|
||||
<a href="#" onclick="return move_url('{$v['href']}','{$v['open_window']}');">{$v['text']}</a>
|
||||
</span>
|
||||
<!--@end--><!--@end-->
|
||||
<!--@end-->
|
||||
|
||||
<!--@end--><!--@end-->
|
||||
<!-- main_menu 2차 끝 -->
|
||||
<!-- main_menu 1차 끝 -->
|
||||
</td>
|
||||
<td class="a_right"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="shadow"></div>
|
||||
</div>
|
||||
|
||||
<!--@if($grant->is_admin)-->
|
||||
<!-- 관리자일 경우 레이아웃 관리 메뉴 -->
|
||||
<div class="layout_admin">
|
||||
<a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a> /
|
||||
<a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_edit}</a>
|
||||
<div class="main_body_cell">
|
||||
<table width="100%" border="0" cellspacing="10" cellpadding="0" class="tbl_home_layout">
|
||||
<tr>
|
||||
<td valign="top" class="l_left">
|
||||
|
||||
<!-- 로그인 위젯 -->
|
||||
<img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="default" />
|
||||
|
||||
<!-- 왼쪽 2차 메뉴 -->
|
||||
<!--@if($menu_1st_title)-->
|
||||
<div class="submenu">
|
||||
<div class="title">{$menu_1st_title}</div>
|
||||
|
||||
<div class="a_item">
|
||||
<!--@foreach($second_menu_list as $key => $val)--><!--@if($val['text'])-->
|
||||
<div class="item last">
|
||||
<!--@if($val['selected'])-->
|
||||
<a href="{$val['href']}" class="i_se">{$val['text']}</a>
|
||||
|
||||
<!-- main_menu 3차 시작 -->
|
||||
<!--@if($val['list'])-->
|
||||
<div class="depthin">
|
||||
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
|
||||
<!--@if($v['selected'])-->
|
||||
<div class="item i_se"><a href="{$v['href']}">{$v['text']}</a></div>
|
||||
<!--@else-->
|
||||
<div class="item"><a href="{$v['href']}">{$v['text']}</a></div>
|
||||
<!--@end-->
|
||||
<!--@end--><!--@end-->
|
||||
</div>
|
||||
<!--@end-->
|
||||
<!--@else-->
|
||||
<a href="{$val['href']}">{$val['text']}</a>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--@end--><!--@end-->
|
||||
</div>
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($grant->is_admin)-->
|
||||
<!-- 관리자일 경우 레이아웃 관리 메뉴 -->
|
||||
<div class="layout_admin">
|
||||
<a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a> /
|
||||
<a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_edit}</a>
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
||||
</td>
|
||||
<td valign="top" class="l_center">{$content}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="cprt">
|
||||
<div class="fixed">
|
||||
<div class="desc">{$layout_info->copyright_text}</div>
|
||||
<div class="logo"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!--@end-->
|
||||
</div>
|
||||
|
||||
<!-- 컨텐츠 출력 부분 -->
|
||||
<div class="layout_content">
|
||||
<div id="content">{$content}</div>
|
||||
|
||||
<!-- bottom_menu 메뉴 시작 -->
|
||||
<div class="layout_bottom">
|
||||
<!--@foreach($bottom_menu->list as $key => $val)-->
|
||||
|
||||
<!--@if($val['selected'])-->
|
||||
{@ $class_name = 'bottom_menu_selected'}
|
||||
<!--@else-->
|
||||
{@ $class_name = 'bottom_menu'}
|
||||
<!--@end-->
|
||||
|
||||
<span class="{$class_name}">
|
||||
<a href="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
|
||||
</span>
|
||||
|
||||
<!--@end-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue