Changeset 5453

Timestamp:

02/29/08 11:02:32 (10 months ago)

Author:

graphittie

Message:

• refs #828
  
• 로그인 화면 다듬기.
  

Location:

trunk

Files:

• interface/login/index.php (modified) (2 diffs)
• interface/login/openid/guest/index.php (modified) (1 diff)
• style/admin/whitedream/image/bg_login.png (modified) (previous)
• style/admin/whitedream/image/bg_login_field.png (added)
• style/admin/whitedream/image/img_login_logo.png (added)
• style/admin/whitedream/login.css (modified) (6 diffs)
• style/admin/whitedream/login.ie.css (modified) (2 diffs)
• style/admin/whitedream/login.ie7.css (modified) (2 diffs)

trunk/interface/login/index.php

@@ -141 +141 @@
                     <form method="post" action="">
                         <input type="hidden" name="requestURI" value="<?php echo htmlspecialchars($_POST['requestURI']);?>" />
-                        <div id="field-box">
+                        <div class="field-box">
                             <dl id="email-line">
                                 <dt><label for="loginid"><?php echo _text('이메일');?></label></dt>
@@ -178 +178 @@
                         <input type="hidden" name="need_writers" value="1" />
                         <input type="hidden" name="action" value="try_auth" />
-                        <div id="openid-temp-wrap">
-                            <hr size="1" />
-                            <div id="openid-all-wrap">
-                                <div id="openid-field-box">
-                                    <dl id="openid-line">
-                                        <dt><label for="openid_identifier"><?php echo _text('관리자 계정과 연결된 오픈아이디');?></label></dt>
-
-                                        <dd><input type="text" class="input-text openid-identifier-login" id="openid_identifier" name="openid_identifier" value="<?php echo $cookie_openid; ?>" maxlength="256" /></dd>
-                                        <dd><label><?php echo _text('예) textcube.idtail.com, textcube.myid.net'); ?></label></dd>
-                                        <dd><input type="submit" class="openid-login-button" id="openid-login-button" name="openid_login" value="<?php echo _text('로그인'); ?>" /></dd>
-                                        <dd id="openid-remember"><input type="checkbox" class="checkbox" id="openid_remember" name="openid_remember" <?php echo $openid_remember_check; ?> /><label for="openid_remember"><?php echo _text('오픈아이디 저장'); ?></label></dd>
-                                        <?php if( !empty( $openid_help_link ) ) { ?>
-                                        <dd id="openid-help"><a href="<?php echo $openid_help_link; ?>" ><?php echo _text('오픈아이디란?') ?></a></dd>
-                                        <?php } ?>
-                                        <?php if( !empty( $openid_signup_link ) ) { ?>
-                                        <dd><a href="<?php echo $openid_signup_link; ?>"><?php echo _text('오픈아이디 발급하기'); ?></a></dd>
-                                        <?php } ?>
-                                    </dl>
-                                </div>
+                        
+                        <div id="openid-field-box" class="field-box">
+                            <dl id="openid-line">
+                                <dt><label for="openid_identifier"><?php echo _text('관리자 계정과 연결된 오픈아이디');?></label></dt>
+                                <dd>
+                                    <input type="text" class="input-text openid-identifier-login" id="openid_identifier" name="openid_identifier" value="<?php echo $cookie_openid; ?>" maxlength="256" />
+                                    <p class="example"><?php echo _text('예) textcube.idtail.com, textcube.myid.net'); ?></p>
+                                </dd>
+                            </dl>
+                            <dl id="openid-remember">
+                                <dt><span class="label"><?php echo _text('선택사항');?></span></dt>
+                                <dd><input type="checkbox" class="checkbox" id="openid_remember" name="openid_remember" <?php echo $openid_remember_check; ?> /><label for="openid_remember"><?php echo _text('오픈아이디 저장'); ?></label></dd>
+                            </dl>
+                            
+                            <div class="button-box">
+                                <input type="submit" class="login-button input-button" id="openid-login-button" name="openid_login" value="<?php echo _text('로그인'); ?>" />
                             </div>
+                            
+                            <?php if (!empty($openid_help_link) || !empty($openid_signup_link)) { ?>
+                            <ul>
+                                <?php if( !empty( $openid_help_link ) ) { ?>
+                                <li id="openid-help"><a href="<?php echo $openid_help_link; ?>" ><?php echo _text('오픈아이디란?') ?></a></li>
+                                <?php } ?>
+                                <?php if( !empty( $openid_signup_link ) ) { ?>
+                                <li><a href="<?php echo $openid_signup_link; ?>"><?php echo _text('오픈아이디 발급하기'); ?></a></li>
+                                <?php } ?>
+                            </ul>
+                            <?php } ?>
                         </div>
                     </form>

trunk/interface/login/openid/guest/index.php

@@ -66 +66 @@
                                 <dd><input type="text" class="input-text openid-identifier-guest-login" id="openid_identifier" name="openid_identifier" value="<?php echo $cookie_openid ?>" maxlength="256" tabindex="1" /></dd>
                                 <dd><input type="checkbox" class="checkbox" id="openid_remember" name="openid_remember" <?php echo $openid_remember_check ?> /><label for="openid_remember"><?php echo _text('오픈아이디 기억') ?></label></dd>
-                                <dd><input type="submit" class="openid-login-button" name="openid_login" value="<?php echo _text('로그인');?>" /><input type="submit" class="openid-login-button" name="openid_cancel" value="<?php echo _text('취소') ?>" /></dd>
+                                <dd><input type="submit" class="login-button input-button" name="openid_login" value="<?php echo _text('로그인');?>" /><input type="submit" class="input-button" name="openid_cancel" value="<?php echo _text('취소') ?>" /></dd>
                                 <dd style="margin-top:5px"><a href="<?php echo $openid_help_link ?>"><?php echo _text('오픈아이디란?'); ?></a> | <a href="<?php echo $openid_signup_link; ?>"><?php echo _text('오픈아이디 발급하기');?></a></dd>
                                 <dd><a href="http://www.idtail.com/" style="color: rgb(171, 171, 171);font-size:0.8em" target="_blank" >Technically supported by idtail.com</a></dd>

trunk/style/admin/whitedream/login.css

@@ -10 +10 @@
 #data-outbox
 {
-    
-    margin                           : 150px auto 0 auto;
+    background-image                 : url("./image/bg_login.png");
+    background-repeat: no-repeat;
+    border                           : 8px solid #efefef;
+    margin                           : 100px auto 0 auto;
     position                         : relative;
     width                            : 560px;
-    background-image                 : url("./image/bg_login.png");
-    border                           : 8px solid #EFEFEF;
+}
+
+#login-box
+{
+    height: 400px;
+    margin-left: auto;
+    padding: 10px;
+    width: 215px;
 }
 
 #logo-box
 {
-    left                             : 65px;
-    position                         : absolute;
-    top                              : 30px;
-    display:none;
+    background-image: url("./image/img_login_logo.png");
+    background-repeat: no-repeat;
+    height: 41px;
+    left: 6px;
+    position: absolute;
+    bottom: 12px;
+    width: 166px;
 }
 
-#login-box
+#logo-box img
 {
-    height                           : 400px;
-}
-
-#field-box
-{
-    height                           : 190px;
-    margin-left                      : 250px;
-}
-
-dl
-{
-    margin-left                      : 90px;
+    display: none;
 }
 
@@ -46 +46 @@
     font-weight                      : normal !important;
     line-height                      : 1em !important;
-    padding                          : 15px 0 3px 0;
+    padding                          : 10px 0 3px 0;
     position                         : static !important;
 }
@@ -77 +77 @@
 {
     color                            : #666666;
-    margin-top                       : 25px;
+    margin-top                       : 5px;
+    text-align: right;
+}
+
+.button-box
+{
+    margin-top: 10px;
+    text-align: right;
 }
 
@@ -84 +91 @@
     background-color                 : #FFFFFF;
     background-image                 : none !important;
-    display                          : block;
     font-weight                      : bold;
     height                           : 3em;
     line-height                      : 3em;
-    position                         : absolute;
-    right                            : 15px;
-    top                              : 153px;
-    width                            : 74px;
 }
 
@@ -102 +104 @@
 }
 
-#openid-temp-wrap
+/* open id */
+
+#openid-field-box
 {
-    width                            : 230px;
-    margin                           : 20px -10px 0 340px;
+    border-top: 1px solid #ccc;
+    margin-top: 20px;
 }
 
@@ -111 +115 @@
 {
     margin                           : 0;
-    padding-right                    : 5px;
 }
 
-#openid-all-wrap
+#openid-line .example
 {
-    position                         : relative;
-    width                            : 230px;
+    font-size: 0.85em;
+    line-height: 1em;
+    margin-top: 5px;
 }
 
-#openid-field-box
+#openid_identifier
 {
-    width                            : 230px;
+    background-color: #fff;
+    background-image: url("../../../image/icon_login_openid.gif");
+    background-repeat: no-repeat;
+    padding-left                     : 30px;
+    width: 180px;
 }
 
-.openid-identifier-login#openid_identifier {
-    padding-left                     : 30px;
-    width                            : 183px;
-    background                       : url(../../../image/icon_login_openid.gif) no-repeat;
-    font-size                        : 1.3em;
-    font-family                      : arial;
+#openid-remember dt
+{
+    display: none;
 }
 
-.openid-login-button
+#openid-remember dd
 {
-    display                          : inline;
-    width                            : 74px;
-    height                           : 3em;
-    cursor                           : pointer;
-    padding                          : 0pt 5px;
-    font-size                        : 1em;
-    font-weight                      : bold;
-    font-family                      : 'Lucida Grande',Arial,����,Gulim,Tahoma,Verdana,sans-serif;
-    background-color                 : #fff;
-    border                           : 1px solid;
-    vertical-align                   : middle;
+    margin-top: 5px;
+    text-align: right;
 }
 
-#openid-login-button
+#openid-field-box ul
 {
-    float                            : right;
-    margin                           : 15px 10px 5px 20px;
-    left                             : 100px;
+    list-style-type: disc;
+    margin-top: 10px;
 }
 
-#openid-remember
+#openid-field-box ul li
 {
-    display                          : block;
-    margin-top                       : 10px;
+    line-height: 1.2em;
+    list-style-type: disc;
+    margin-left: 20px;
 }
-
-#openid-help
-{
-    display                          :block;
-}
-
-.openid-login-button
-{
-    position                         : static;
-    background-color                 : #FFFFFF;
-    background-position              : left top;
-    display                          : inline;
-    font-weight                      : bold;
-    height                           : 3em;
-    line-height                      : 3em;
-    width                            : 6em;
-    border                           : 1px solid #777777;
-    cursor                           : pointer;
-    margin-right                     : 5px;
-}
-
-.openid-data-outbox {
-    width                            : 650px;
-} 
-
-#openid_remember {
-    padding-top                      : 10px;
-}
-
-.openid-identifier-guest-login#openid_identifier {
-    padding-left                     : 30px; 
-    background                       : url(../../../image/icon_login_openid.gif) no-repeat; 
-    height                           : 1.5em; 
-    width                            : 450px;
-    font-size                        : 1.5em;
-    font-weight                      : bold;
-    font-family                      : arial;
-}
-

trunk/style/admin/whitedream/login.ie.css

@@ -3 +3 @@
 /* Login *****************************************************************************************/
 
-dt
+#login-box
 {
-    padding-bottom                   : 0;
+    width: 215px;
 }
 
@@ -12 +12 @@
     height                           : 3em;
     line-height                      : 3em;
-    right                            : 10px;
 }

trunk/style/admin/whitedream/login.ie7.css

@@ -2 +2 @@
 
 /* Login *****************************************************************************************/
-
-dt
-{
-    padding-bottom                   : 0;
-}
 
 .login-button
@@ -12 +7 @@
     height                           : 3em;
     line-height                      : 3em;
-    right                            : 10px;
 }