Message module UI enhancement.

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9241 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2011-09-20 10:02:10 +00:00
parent 41495267b9
commit 705bc2523d
2 changed files with 32 additions and 65 deletions

View file

@ -1,39 +1,33 @@
@charset "utf-8";
/* NHN | dece24@nhncorp.com */
#loginAccess{ position:relative; width:384px; border:2px solid #757575; margin:30px auto; padding:20px 0 0 0; background:#fff; font-size:12px; font-family:Tahoma; line-height:normal;}
#loginAccess form{ margin:0; padding:0;}
#loginAccess fieldset{ border:0; margin:0; padding:0;}
#loginAccess h1{ margin:0 28px 20px 28px; font-size:12px; color:#e77161;}
#loginAccess ul{ margin:0; padding:0; list-style:none;}
#loginAccess .mLogin{ display:none;}
#loginAccess .idpw{ margin:0 28px 20px 28px;}
#loginAccess .oid{ margin:0 28px 20px 28px;}
#loginAccess .idpw li{ margin:0 0 5px 0;}
#loginAccess .inputText{ font-size:12px; height:22px; color:#767676; font-weight:bold; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1;}
#loginAccess .idpw .inputText{ width:316px; padding:8px 0 0 10px;}
#loginAccess .oid .inputText{ width:291px; padding:8px 0 0 35px; background:url(./images/openid_login_bg.gif) no-repeat 10px center;}
#loginAccess .inputCheck{ width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}
#loginAccess label{ vertical-align:middle;}
#loginAccess #warning{ display:none; margin:0 0 20px 0;}
#loginAccess #warning.open{ display:block;}
#loginAccess #warning p{ margin:0;}
#loginAccess .buttonArea{ position:relative; margin:0 28px; padding:0; color:#767676; *zoom:1;}
#loginAccess .buttonArea .keeping{ position:relative; margin:0 0 20px 0; height:32px; line-height:32px;}
#loginAccess #gLogin .buttonArea .buttonAccount{ position:absolute; top:0; right:0;}
#loginAccess #oLogin .buttonArea{ text-align:center; margin-bottom:20px;}
#loginAccess{position:relative;width:384px;border:2px solid #757575;margin:30px auto;padding:20px 0 0 0;background:#fff;font-size:12px;font-family:Tahoma;line-height:normal;border-radius:5px;box-shadow:0 0 10px #ccc}
#loginAccess form{margin:0;padding:0}
#loginAccess fieldset{border:0;margin:0;padding:0}
#loginAccess h1{margin:0 28px 20px 28px;font-size:12px;color:#e77161}
#loginAccess ul{margin:0;padding:0;list-style:none}
#loginAccess .idpw{margin:0 28px 20px 28px}
#loginAccess .idpw li{margin:0 0 5px 0}
#loginAccess .inputText{font-size:12px;height:22px;color:#767676;font-weight:bold;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1}
#loginAccess .idpw .inputText{width:316px;padding:8px 0 0 10px}
#loginAccess .inputCheck{width:13px;height:13px;margin:0;padding:0;vertical-align:middle}
#loginAccess label{vertical-align:middle}
#loginAccess #warning{display:none;margin:0 0 20px 0}
#loginAccess #warning.open{display:block}
#loginAccess #warning p{margin:0}
#loginAccess .buttonArea{position:relative;margin:0 28px;padding:0;color:#767676;*zoom:1}
#loginAccess .buttonArea .keeping{position:relative;margin:0 0 20px 0;height:32px;line-height:32px}
#loginAccess #gLogin .buttonArea .buttonAccount{position:absolute;top:0;right:0}
#loginAccess .buttonAccount,
#loginAccess .buttonAccount a,
#loginAccess .buttonAccount input{ position:relative; display:inline-block; margin:0; padding:0; overflow:visible; height:32px; line-height:32px; font-size:12px; font-weight:bold; color:#fff; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; background:transparent url(./images/buttonAction.gif) no-repeat;}
#loginAccess .buttonAccount{ margin:0 4px 0 0; background-position:left top;}
#loginAccess .buttonAccount input{position:relative;display:inline-block;margin:0;padding:0;overflow:visible;height:32px;line-height:32px;font-size:12px;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border:0;text-decoration:none !important;background:transparent url(./images/buttonAction.gif) no-repeat}
#loginAccess .buttonAccount{margin:0 4px 0 0;background-position:left top}
#loginAccess .buttonAccount a,
#loginAccess .buttonAccount input{ left:4px; background-position:right top; *vertical-align:top; padding:0 24px 0 36px;}
#loginAccess .help{ position:relative; padding:15px 0; background:#fafafa; border-top:1px solid #d9d9d9; text-align:center;}
#loginAccess .help li{ display:inline; border-left:1px solid #c3c3c3; padding:0 0 0 10px; margin:0 6px 0 0; line-height:1;}
#loginAccess .help li.first{ border:0; padding:0;}
#loginAccess .help a{ text-decoration:none; color:#333;}
#loginAccess .buttonAccount input{left:4px;background-position:right top;vertical-align:top;padding:0 24px 0 36px}
#loginAccess .help{position:relative;padding:15px 0;background:#fafafa;border-top:1px solid #d9d9d9;text-align:center;border-radius:0 0 5px 5px}
#loginAccess .help li{display:inline;border-left:1px solid #c3c3c3;padding:0 0 0 10px;margin:0 6px 0 0;line-height:1}
#loginAccess .help li.first{border:0;padding:0}
#loginAccess .help a{text-decoration:none;color:#333}
#loginAccess .help a:hover,
#loginAccess .help a:active,
#loginAccess .help a:focus{ text-decoration:underline;}
#loginAccess .logOut{ text-align:left; margin:0 28px; padding:0 0 20px 0;}
.gLogin #gLogin,
.oLogin #oLogin{ display:block;}
#loginAccess .help a:focus{text-decoration:underline}
#loginAccess .logOut{text-align:left;margin:0 28px;padding:0 0 20px 0}

View file

@ -1,14 +1,13 @@
<load target="message.css" />
<load target="../../../../common/js/jquery.js" />
<load target="./filter/openid_login.xml" />
<load target="./message.css" />
<load target="./message.js" />
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<div id="loginAccess" class="gLogin">
<h1>{$system_message}</h1>
<!--@if(!$is_logged && $module == 'admin')-->
<!--%import("../../../../common/js/jquery.js")-->
<!--%import("./filter/openid_login.xml")-->
<!--%import("./message.js")-->
<div class="mLogin" id="gLogin">
<div class="mLogin" id="gLogin" cond="!$is_logged && $module == 'admin'">
<form ruleset="@login" action="./" method="post" id="gForm">
<input type="hidden" name="act" value="procMemberLogin" />
<fieldset>
@ -31,35 +30,9 @@
<ul class="help">
<li class="first"><a href="{getUrl('','act','dispMemberFindAccount')}"><span>{$lang->cmd_find_member_account}</span></a></li>
<li><a href="{getUrl('','act','dispMemberSignUpForm')}"><span>{$lang->cmd_signup}</span></a></li>
<!--@if($member_config->enable_openid=='Y')-->
<li><a href="#oLogin" onclick="jQuery('#loginAccess').removeClass('gLogin'); jQuery('#loginAccess').addClass('oLogin'); return false;">Open ID</a></li>
<!--@end-->
</ul>
</div>
<!-- OpenID -->
<!--@if($member_config->enable_openid=='Y')-->
<div class="mLogin" id="oLogin">
<form ruleset="openidLogin" action="./" method="post" id="oForm">
<input type="hidden" name="module" value="member" />
<input type="hidden" name="act" value="procMemberOpenIDLogin" />
<input type="hidden" name="error_return_url" value="" />
<fieldset>
<div class="oid">
<input type="text" name="openid" class="inputText" title="Open ID" value="" />
</div>
<div class="buttonArea">
<span class="buttonAccount"><input type="submit" value="{$lang->cmd_login}" /></span>
</div>
</fieldset>
</form>
<div class="help"><a href="#gLogin" onclick="jQuery('#loginAccess').removeClass('oLogin'); jQuery('#loginAccess').addClass('gLogin'); return false;">{$lang->cmd_common_id}</a></div>
</div>
<!--@end-->
<!--@end-->
<!--@if($is_logged && $module == 'admin')-->
<div class="logOut">
<div class="logOut" cond="$is_logged && $module == 'admin'">
<span class="buttonAccount"><a href="{getUrl('act','dispMemberLogout','module','')}">{$lang->cmd_logout}</a></span>
</div>
<!--@end-->
</div>