/******************************************************** * ### 기본 스타일 정의 ### **********************************************************************************************/ body { /* 이미지 참고,, scrollbar.bmp */ scrollbar-face-color: #f5f5f5; scrollbar-shadow-color: #999999; scrollbar-3dlight-color: #cccccc; scrollbar-arrow-color: #7f7f7f; scrollbar-darkshadow-color: #ffffff; scrollbar-base-color: #cccccc /* scrollbar-highlight-color: #FFFFEE; scrollbar-track-color: #DDDDDD; */ color: #616161; font-family: Verdana, 돋움, Gulim; font-size: 9pt; letter-spacing: -1px; margin:0px 0px 0px 0px; -* up right down left *- } a:link {font-size: 9pt; color: #616161; font-family: Verdana, 돋움, Gulim; text-decoration: none} a:visited {font-size: 9pt; color: #616161; font-family: Verdana, 돋움, Gulim; text-decoration: none} a:hover {font-size: 9pt; color: #616161; font-family: Verdana, 돋움, Gulim; text-decoration: none} a.submenu:link {font-size: 9pt; color: white; font-family: Verdana, 돋움, Gulim; text-decoration: none} a.submenu:visited {font-size: 9pt; color: white; font-family: Verdana, 돋움, Gulim; text-decoration: none} a.submenu:hover {font-size: 9pt; color: white; font-family: Verdana, 돋움, Gulim; text-decoration: none} td{ font-size:9pt; font-family:Verdana, "돋움", Gulim; letter-spacing: 0.5px; color:616161; line-height: 15pt; } img {border:0;} /******************************************************** * ### 사용자 스타일 정의 ### **********************************************************************************************/ /* 링크시 모양 *************/ /* 자신의 컴퓨터 WINDOWS 폴더 아래에 Cursors 라는 폴더가 있습니다. 그 폴더를 열어 보면 다양한 커서들이 서로 다른 이름으로 존재합니다. 확장자가 .cur 로 된 것도 있고 .ani 로 된 것도 있는데 .ani 는 움직임이 있는 에니메이션 커서입니다. 본 문서에는 커서가 펜 모양인데 이 커서의 파일이름은 pen_r.cur 입니다. 이 커서 파일을 웹서버에 올려놓고 위 스타일 시트에서 정의한 것처럼 body{cursor:url('http://www.sourcenara.com/cursor/pen_r.cur');} 와 같이 정의했으므로, 펜 모양의 커서로 커서 모양이 바뀝니다. 위에서 class 로 각각 다양하게 정의한 커서들은 윈도우즈의 기본 커서들입니다. 선택자{cursor:url('커서파일이 있는 경로")} */ .hand {cursor:hand}; .bg_all_1px {border : #8BB4D6 1px solid;} .bg_all_2px {border : #8BB4D6 2px solid;} .bg_all1_1px {border : #DEDEDE 1px solid;} .bg_top {border-top : #8BB4D6 1px solid;} .bg_bottom {border-bottom : #8BB4D6 1px solid;} .bg_right {border-right : #8BB4D6 1px solid;} .bg_left {border-left : #8BB4D6 1px solid;} .bg {border-left : #8BB4D6 1px solid;} .input {border:1px solid #C8C8C8;font-size: 12px;background-color:#FFFFFF; height:20px;font-family:tahoma;} .m_input {border:1px #dddddd solid;font-size: 12px;height:20px;font-family:tahoma;background-color: #fafafa;} .red_input {border:1px solid #CA181F;font-size: 12px;height:20px;font-family:tahoma;background-color: #F47075;} .blue_input {border:1px solid #5F79AB;background-color:#FFFFF; height:20px;} .no_input {border:0px;background-color:#FFFFFF; height:20px; color:#DEDEDE;} .comment_button { border:1px solid #CCCCCC;background-color:#FFFFFF;font-size:12;height:99%;width:99%;} .textarea {border:solid 1px;border-color:#C8C8C8;background-color:#FFFFFF; width:100%;height:98%;overflow:auto;} .m_textarea {border:solid 1px;color:#999999;background-color:#FFFFFF;border-color:#FFFFFF;width:100%;height:100%;font-size:12px;overflow:auto;} .blue_textarea {border:solid 1px;border-color:#5F79AB;background-color:#FFFFFF; width:100%;height:98%;overflow:auto;} .button {border:1px solid #DEDEDE;background-color:#FAFAFA;padding-left:1px; height:20px;} .space_all_16px {padding:16px; color:231212; } .space_all_5px {padding:5px;} .space_all_3px {padding:3px;} .space_all_1px {padding:2px;} .space_right_11px {padding-right:11px;} .test_space {padding:30 0 20 0px;} /* 상 우 하 좌 */ .table_fix {table-layout: fixed;} .img_filter {filter:blendTrans(duration=2)} /* 문장 정렬 관련 ***************/ .text_align_justify {text-align:justify;} /* center:중앙,left:왼쪽,right:오른쪽,justify:양쪽배분(익스만적용) */ .jagan_1{letter-spacing: -1px;} /* 자간 줄이기 1단위로만 됨. */ .nopi_130{line-height:135%;} /* 줄간격 */ /* 사이트별 개별 ***************/ .11 { font-size: 11px; } .15 { font-size: 15px; } .12 { font-size:12pt; font-family:Verdana, "돋움", Gulim; letter-spacing: -1px; color:B8AB90; } .B8AB90(연한브라운) { font-size:11pt; font-family:Verdana, "돋움", Gulim; letter-spacing: -1px; color:B8AB90; } /* 유니온 리뉴얼 1) input1:메인 검색창 2) input2:서브 검색창 3) input3:login 4) input4:member(주민등록번호) 5) input5:새창(아이디/비밀번호찾기) 6) input6:회원정보(핸폰번호) 7) input7:회원정보(우편번호) 8) input8:회원정보(주소) 9) input9:스킨아래(data) 10) input10 :스킨(연도별) 9) input12:스킨아래(board) 11) input11:스킨 (월별) 13) input12:스킨(글쓰기) 14) input14:스킨(댓글쓰기b) 15) input15:스킨(내용) 16) input16:스킨(댓글쓰기p) ***************/ .input1 {border:1px solid #C8C8C8;font-size: 11px;background-color:#FFFFFF; width:118; height:18px;font-family:tahoma; color:#666666; padding:0 0 0 3px;} .input2 {border:1px solid #DEDEDE;font-size: 11px;background-color:#F3F4F3; width:116; height:18px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input3 {border:1px solid #E4E4E4;font-size: 11px;background-color:#F8F8F8; width:115; height:19px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input4 {border:1px solid #E4E4E4;font-size: 11px;background-color:#F8F8F8; width:60; height:19px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input5 {border:1px solid #E4E4E4;font-size: 11px;background-color:#F8F8F8; width:85; height:19px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input6 {border:1px solid #E4E4E4;font-size: 11px;background-color:#F8F8F8; width:73; height:19px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input7 {border:1px solid #E4E4E4;font-size: 11px;background-color:#F8F8F8; width:45; height:19px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input8 {border:1px solid #E4E4E4;font-size: 11px;background-color:#F8F8F8; width:170; height:19px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input9 {border:1px solid #D8CCB1;font-size: 11px;background-color:#FFFFFF; width:100; height:20px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input10 {border:1px solid #D8CCB1;font-size: 11px;background-color:#FFFFFF; width:63; height:20px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input11 {border:1px solid #D8CCB1;font-size: 11px;background-color:#FFFFFF; width:51; height:20px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input12 {border:1px solid #76B6C6;font-size: 11px;background-color:#FFFFFF; width:100; height:20px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input13 {border:1px font-size:9px; background-color:#EDEEEF; width:500; height:30px;font-family:tahoma; color:#666666; padding:5 5 5 5px;} .input14 {border:1px solid #D1E5FF;font-size: 11px;background-color:#A3BBE3; width:449; height:58px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input15 {border:1px solid #EDEEEF; font-size: 11px;background-color:#EFF0F2; width:537; height:171px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .input16 {border:1px solid #F7D3C7;font-size: 11px;background-color:#F8BEAB; width:449; height:58px;font-family:tahoma; color:#666666; padding:0 0 0 3px} .tx1 {font-size: 9pt;} .tx2 {font-family:Verdana, "돋움"; Gulim;font-size: 9pt; letter-spacing: -1px; color:#8D8C8C} /* 유니온 리뉴얼(센터부분) 1) input17:모델명 2) input18:갯수,전화번호 3) input19:전화번호 4) input20:이름 (color변경) 1) input21:모델명 2) input22:갯수,전화번호 3) input23:전화번호 4) input24:이름 5) input25:기타요청사항 6) input26:이름 (상품) 1) input27:카테고리선택 ***************/ .input17 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAF8F5; width:168; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input18 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAF8F5; width:39; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input19 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAF8F5; width:54; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input20 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAF8F5; width:80; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input21 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:168; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input22 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:39; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input23 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:54; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input24 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:80; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input25 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:365; height:76px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input26 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:80; height:21px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .input27 {border:1px solid #EFEAE6;font-size: 11px;background-color:#FAFAFA; width:136; height:19px;font-family:tahoma; color:#666666; padding:2 0 0 3px} .8 {font-size:9pt; font-family:Verdana, "돋움", Gulim; letter-spacing: -1px; color:7A7B7B; line-height:120%;} .13 {font-size:9pt; font-family:Verdana, "돋움", Gulim; letter-spacing: -1px; color:7A7B7B; line-height:120%; style:0 0 0 0;} /******************************************************** * ### 인풋박스 이쁘게.. ### **********************************************************************************************/ .money_input{border:0px;color:#3300FF;font-weight: bold;text-align:right;} .input_box {background: #FFFFFF; color: #393629; width:100px; height:18px; font-size:8.5pt; border:1px #DCD6D8 solid; font-family:tahoma;} .input_box2 {background: #FFFFFF; color: #393629; width:140px; height:17px; font-size:8.5pt; border:1px #DCD6D8 solid; font-family:tahoma;} .text_area {background: #FFFFFF; color: #393629; width:400px; height:300px; font-size:8.5pt; border:1px #DCD6D8 solid; font-family:tahoma;} .select_box {background: #FFFFFF; color: #393629; width:60px; height:20px; font-size:8.5pt; border:1px #D6E1C6 solid; font-family:tahoma;} .bold_input{border:0px;color:#478619;font-weight: bold;}