diff --git a/modules/message/skins/default/images/buttonAction.gif b/modules/message/skins/default/images/buttonAction.gif new file mode 100644 index 000000000..d10473101 Binary files /dev/null and b/modules/message/skins/default/images/buttonAction.gif differ diff --git a/modules/message/skins/default/message.css b/modules/message/skins/default/message.css index ec7a46673..42cb64378 100644 --- a/modules/message/skins/default/message.css +++ b/modules/message/skins/default/message.css @@ -1,31 +1,39 @@ @charset "utf-8"; - -.messageLayer { border:2px solid #777; font-size:12px; background:#fff; margin:50px auto; width:370px;} -.messageLayer * { margin:0; padding:0; font-size:12px; } -.messageLayer h4 { font-size:14px !important; font-family:Dotum; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; } -.messageLayer .messageLayerBody{ margin:0;} - -.messageLogin { padding:0; } -.messageLogin fieldset{ position:relative; border:0; margin:0; padding:20px 10px;} - -.openid_login { display:none; } -.messageLogin .openIDTitle { width:99%; white-space:nowrap; overflow:hidden; background:url("images/openid_login_bg.gif") no-repeat left top; padding:1px 0 0 25px; margin-bottom:8px; color:#888888; font-weight:bold; } -.messageLogin .openIDTitle input { vertical-align:middle; } -.messageLogin .openid_login { display:none; clear:both; height:38px; border:3px solid #D5D8DB; background-color:#FFFFFF; margin:0 0 10px 0; } -.messageLogin .openIDTitle input { margin:0; padding:0; } - -.messageLogin .login dl { margin:0; padding:0; overflow:hidden; margin-right:10px; width:250px;} -.messageLogin .login dl dt { margin:0; padding:0; width:100px; clear:left; float:left; color:#54564b; height:24px; padding-top:3px; text-indent:10px;} -.messageLogin .login dl dd { margin:0; padding:0; float:left; height:27px; width:150px; } -.messageLogin .login dl dd .inputText{ border:1px solid; border-color:#A6A6A6 #D8D8D8 #D8D8D8 #A6A6A6; padding:2px 6px; height:16px; width:130px;} -.messageLogin .login dl dd .inputText:hover, -.messageLogin .login dl dd .inputText:focus{ background:#f4f4f4;} -.messageLogin .login .keep { clear:both; white-space:nowrap; margin-left:100px;} -.messageLogin .login .keep input { vertical-align:middle;} -.messageLogin .login .keep label { margin:0; padding:0; font-size:12px; color:#999999;} -.messageLogin .openid_user_id { background: url(../img/openid_login_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:120px;} -.messageLogin .help { background:#f5f5f3; color:#666666; overflow:hidden; padding:10px; color:#ccc; text-align:center;} -.messageLogin .help a{ color:#666; text-decoration:underline;} -.messageLogin .buttonArea{ position:absolute; top:20px; left:260px;} - -.buttonArea{ text-align:center;} +/* 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 .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 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 .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;} \ No newline at end of file diff --git a/modules/message/skins/default/message.js b/modules/message/skins/default/message.js index 9ddfa072a..ad073879a 100644 --- a/modules/message/skins/default/message.js +++ b/modules/message/skins/default/message.js @@ -1,27 +1,11 @@ -/* 로그인 후 */ -function completeMessageLogin(ret_obj, response_tags, params, fo_obj) { - var url = current_url.setQuery('act',''); - location.href = url; -} - -/* 오픈아이디 로그인 후 */ -function completeMessageOpenIDLogin(ret_obj, response_tags) { - var redirect_url = ret_obj['redirect_url']; - location.href = redirect_url; -} - - -/* 오픈 아이디 폼 변환 */ -function toggleLoginForm(obj) { - if(xGetElementById('messageLogin').style.display != "none") { - xGetElementById('messageLogin').style.display = "none"; - xGetElementById('messageOpenidLogin').style.display = "block"; - xGetElementById('messageOpenIDForm').use_open_id_2.checked = true; - xGetElementById('messageOpenIDForm').openid.focus(); - } else { - xGetElementById('messageLogin').style.display = "block"; - xGetElementById('messageOpenidLogin').style.display = "none"; - xGetElementById('messageLoginForm').use_open_id.checked = false; - xGetElementById('messageLoginForm').user_id.focus(); - } -} +/* 로그인 후 */ +function completeMessageLogin(ret_obj, response_tags, params, fo_obj) { + var url = current_url.setQuery('act',''); + location.href = url; +} + +/* 오픈아이디 로그인 후 */ +function completeMessageOpenIDLogin(ret_obj, response_tags) { + var redirect_url = ret_obj['redirect_url']; + location.href = redirect_url; +} diff --git a/modules/message/skins/default/system_message.html b/modules/message/skins/default/system_message.html index 25320c2d8..9a9a5482b 100644 --- a/modules/message/skins/default/system_message.html +++ b/modules/message/skins/default/system_message.html @@ -1,65 +1,59 @@ -