fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-05-01 00:02:21 +09:00
Code Issues Projects Releases Packages Wiki Activity

로그인 UI 개선

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7008 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2009-12-07 08:11:26 +00:00
parent e5f945203f
commit 91c61c0890
4 changed files with 102 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

68
modules/message/skins/default/message.css
View file

@ -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;}