묻고답하기
로그인 폼 위치 조정 질문입니다.
2008.07.05 15:52
누리님의 로그인(가로형태)를 사용하는데 가로길이가 길어서 줄이고 싶습니다.
또한 아래위 간격도 조절하고 싶구요.
css파일부분을 수정하라는데 저한테는 많이 어렵네요.
파일 부분 남겨봅니다. 어떻게 고쳐야 할까요?
/* 공통설정 보드 테두리 색상 */
.nuri-garo-loginfull2 { width:100%; position:relative; margin:0px; padding:0px; }
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_000 { border:solid 1px #EFEFEF; background: ; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_001 { border:solid 1px #7D7D73; background:#FBFBFB; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_002 { border:solid 1px #B8860B; background:#FDF5E6; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_003 { border:solid 1px #ffd700; background:#FFFFF0; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_004 { border:solid 1px #EE82EE; background:#FFf7Ff; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_005 { border:solid 1px #f70795; background:#FCEFF3; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_006 { border:solid 1px #ef2121; background:#FFF5EE; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_007 { border:solid 1px #4ae6ff; background:#F5FFFA; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_008 { border:solid 1px #8dc63f; background:#e5fff2; margin:0px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_009 { border:solid 1px #0000FF; background:#e6ffff; margin:0px;}
/* 로그인정보 user_info 설정 */
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_000 .user_info .fl { color:#9c9c9c; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_001 .user_info .fl { color:#7D7D73; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_002 .user_info .fl { color:#B8860B; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_003 .user_info .fl { color:#ffd700; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_004 .user_info .fl { color:#EE82EE; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_005 .user_info .fl { color:#f70795; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_006 .user_info .fl { color:#ef2121; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_007 .user_info .fl { color:#4ae6ff; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_008 .user_info .fl { color:#8dc63f; font:1.1em Tahoma;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_009 .user_info .fl { color:#0000FF; font:1.1em Tahoma;}
.nuri-garo-loginfull2 #loginfo { height:23px; margin:0px; padding:5px 0 0 3px; position:relative;}
.nuri-garo-loginfull2 .user_info .fl {float:left; padding:0px; margin:0px; position:relative; }
.nuri-garo-loginfull2 .user_info .fr {float:left; width:50px; padding:0px; margin:0px;}
.nuri-garo-loginfull2 .usermenu .group {float:left; background:url(../images/icon_group.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .point {float:left; background:url(../images/icon_point.gif) no-repeat left; font-size:11px; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .member_point {font-size:11px; color:#FF6300; margin-left:2px;}
.nuri-garo-loginfull2 .usermenu .level {float:left; background:url(../images/icon_level.gif) no-repeat left; font-size:11px; margin-left:3px; }
.nuri-garo-loginfull2 .usermenu .member_level {font-size:11px; color:#FF6300; margin-left:2px;}
.nuri-garo-loginfull2 .usermenu a:hover { color:#FFA07A; text-decoration:none; }
.nuri-garo-loginfull2 .usermenu .item a { color:#666666; text-decoration:none; }
.nuri-garo-loginfull2 .usermenu .item { font-size:12px; letter-spacing:-1px; margin-right:3px; padding:3px 0px 0px 16px; white-space:nowrap; }
.nuri-garo-loginfull2 .usermenu .profile {float:left; background:url(../images/icon_profile.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .message {float:left; background:url(../images/icon_note.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .message_count {font-size:11px; color:#FF6300; margin-left:2px;}
.nuri-garo-loginfull2 .usermenu .friend {float:left; background:url(../images/icon_friend.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .scrap {float:left; background:url(../images/icon_scrap.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .save {float:left; background:url(../images/icon_save.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .own {float:left; background:url(../images/icon_own.gif) no-repeat left; margin-left:3px;}
.nuri-garo-loginfull2 .usermenu .administrative { float:left; background:url(../images/icon_key.gif) no-repeat left; margin-left:3px; }
.nuri-garo-loginfull2 .usermenu .LayoutAdminModify { float:left; background:url(../images/icon_layoutmodify.gif) no-repeat left; margin-left:3px; }
.nuri-garo-loginfull2 .usermenu .LayoutAdminEdit { float:left; background:url(../images/icon_layoutedit.gif) no-repeat left; margin-left:3px; }
.clear {clear:both; margin:0px; paddingp:0px;}
.nuri-garo-loginfull2 form .lastlogin { float:left; background:url(../images/bul_01.gif) no-repeat 2px 5px; height:12px; padding:2px 0px 0px 10px; list-style:none; text-align:center; }
.nuri-garo-loginfull2 form .lastlogin { color:#666666; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; letter-spacing:-1px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_000 form .lastlogin span { color: ; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_001 form .lastlogin span { color:#7D7D73; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_002 form .lastlogin span { color:#B8860B; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_003 form .lastlogin span { color:#ffd700; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_004 form .lastlogin span { color:#EE82EE; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_005 form .lastlogin span { color:#f70795; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_006 form .lastlogin span { color:#ef2121; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_007 form .lastlogin span { color:#4ae6ff; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_008 form .lastlogin span { color:#8dc63f; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
.nuri-garo-loginfull2 .nuri-pastel_log_olcol_009 form .lastlogin span { color:#0000FF; font:1.0em Tahoma; white-space:nowrap; margin-left:2px;}
/* login form 설정 */
.nuri-garo-loginfull2 #login{ height:23px; margin:0px; padding:5px 0 0 3px; position:relative;}
.nuri-garo-loginfull2 #login form { margin:0px; padding:0px; position:relative;}
.nuri-garo-loginfull2 #login form .idpw { float:left; margin-bottom:1px; padding:0px; }
.nuri-garo-loginfull2 #login form .idpw label { margin-left:5px; padding:0px; font:.9em Tahoma; color:#8C8C8C; font:.9em Dotum;}
.nuri-garo-loginfull2 #login form .idpw input { width:70px; height:12px; margin:0px 10px 0px 0px; padding:1px 0px 2px 3px; border:1px solid #c9c9c9; color:#282828; background:#fbfbfb; font:.9em Tahoma; cursor:text; }
.nuri-garo-loginfull2 #login form .btn-login { float:left; width:50px; margin-right:3px; padding:0px; }
.nuri-garo-loginfull2 form .option {float:left; margin:1px 20px 0px 10px; padding:0px; color:#8C8C8C; font:1em Dotum; }
.nuri-garo-loginfull2 form .option input {margin:0px; padding-left:3px; width:13px; vertical-align:middle;}
.nuri-garo-loginfull2 form .option label {margin:0px; padding:1px 0 0px 0px; width:50px; }
.nuri-garo-loginfull2 form .extra_option {float:left; margin:0px; padding:3px 0px 0px 10px; }
/* openid login 설정 */
.nuri-garo-loginfull2 #openid_login{ height:23px; margin:0px; padding:5px 0 0 3px; position:relative;}
.nuri-garo-loginfull2 #openid_login form { margin:0px; padding:0px; position:relative;}
.nuri-garo-loginfull2 #openid_login form .btn-login { float:left; width:50px; margin-right:3px; padding:0px; }
.nuri-garo-loginfull2 #openid_login form .openidpw { float:left; margin:0px 10px 0px 0px; padding:0px; }
.nuri-garo-loginfull2 #openid_login form .openidpw p { float:left; width:70px; margin:2px 10px 0px 10px; padding:0px; text-align:right; background: url(../images/openid_login_bg.gif) left no-repeat; font-size:.9em Tahoma;color:#999999}
.nuri-garo-loginfull2 #openid_login form .openidpw input {height:12px; margin-left:5px; padding:1px 0px 2px 3px; border:1px solid #c9c9c9; color:#282828; width:90px; background:#fbfbfb; font:.9em Tahoma; cursor:text; }
.nuri-garo-loginfull2 #openid_login form .openidpw label { width:10px; margin-left:10px; padding:0px; font:.9em Tahoma; color:#8C8C8C; font:.9em Dotum;}