/* 보통 id를 사용하는 이유는 자바스크립트를 사용해서 DHTML 을 적용하기 위해서 입니다
아이디는 본문내에 동일한 이름을 가진 아이디가 중복될수 없습니다.
그래서 class 스타일을 이용해서 일관성을 주는데는 사용할수 없습니다.
자바스크립트에서 접근은
객체.className .......이런식으로 사용하구요
객체.id이름...........이런식으로 사용합니다.
*/
/* FONT 관련 CSS : 순서중요
font-style(normal, italic, oblique),
font-vairant(normal, caption, small-caps(영어만), status-bar, icon, message-box ... )
font-weight(nomal(400), lighter, bold(700), bolder, 100~900),
font-size( pt : 절대값 1포인트=1/72인치=약 0.3528mm, px : 상대값(해상도에따름) cf) 9pt = 12px),
line-height(줄간격),
font-family
기타-----------------------------------------------------------------------------------------------------
color : red; 글꼴색상
direciton : ltr ; (또는 rtl)글자의 방향 지정
text-align : left, right, center, justify(한글의 오른쪽 끝부분 맞춤)
text-decoration : underline; (또는 none, underline, line-through, overline, blink(넷스케이프))
text-indent : 20px; 문단 첫글자 20px 들여쓰기
word-spacing : 10px; 글자가 아닌, 단어같의 간격
letter-spacing : -1px; 글자간격
*/
/* table 고정 (영문에서 생기는 테이블크기보다 긴 글씨의 줄바꿈 안되는 문제해결)
table-layout:fixed; 테이블너비까지만보이고내용잘림
table-layout:fixed; word-break:break-all; 테이블고정 && 줄바꿈됨
*/
/*form 주면 마진 없애기
display:inline; margin:0px;
*/
/*
와
table {
border-spacing:10px;
}
td {
padding:5px;
}
동일합니다. (주의점 padding 는 td에 걸어야 함)
style 이기 때문에 border-spacing:1px 2px 3px 4px; 이런것도 가능합니다.
*/
/* 테이블 td, 크기 조절 / 내용 잘림, 줄바꿈 조절
| ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ |
나의 나에의한 나를위한 커뮤니케이션 |
style="table-layout:fixed;"
table 크기(가로세로) 고정 : .. tr 에서 height 값 넣어 주면 높이는 조절 됨
style="word-break:break-all;"
고정된 테이블에 긴 글을 넣을 경우 가로가 고정되어 있으므로 글자가 잘려 보이는 경우 발생. 이것을 방지하고 글의 자동 줄바꿈 효과
height="auto"
고정된 테이블의 세로 때문에 글이 고정된 세로길이까지만 보인다. 이것을 방지하기 위해 세로의 길이를 오토로 조정해 줌
nowrap
TH 나 TD 에서 사용하는데, 내용의 가로 길이가 한 cell의 크기에 제한 받지 않도록 한다
글을 많이 쓰셔도 width값(가로)에 상관없이 테이블이 늘어납니다.
단, 그 태그를 쓰다가 다른 셀의 width(가로)가 0이 되어버리는 수가 생길수도 있으니 주의 해서 쓰세요
문장이 길경우 스크롤바 생기게 하기..
.class_overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
예제 td 스타일 메기기
| col 1 |
col 2 |
col 3 |
| col 4 |
col 5 |
col 6 |
*/
/* border
margin
padding
border-spacing:0px;
border-collapse : collapse; td 에서 특히 아래 위 선 중첩시 하나로 겹쳐서 표현 (separate 분리) 참고) 스타일에 지정할 것
types : dotted, dashed, solid, double, groove, ridge, insert, outset
width : 숫자px, thin, medium, thick
*/
/*해당 div를 가운데 정렬
해당 div에 가운데 정렬를 시키려면 해당 div가 아닌
해당 div의 상위 요소에 text-align:center 나 margin: 0 auto를 적용 시켜야 한다.
레이어 아웃 코딩시 float 속성 주의 할점
div 안에 div의 플로트 속성을 주면
밖의 div에 꼭 플로트 속성을 적용시켜야 한다
안그러면 밖의 div가 안의 div를 감싸질 못한다
출처 : http://dbwhddn10.springnote.com/pages/442899.xhtml
참고 : http://trio.co.kr/webrefer/css2/visuren.html#floats
참고 : http://www.cadvance.org/?leftmenu=doc/include/total_menu.asp&mainpage=doc/css/positioning/clear.asp
*/
.r_title a:link { text-decoration:none; color:#2b2b2b;}
.r_title a:visited { text-decoration:none; color:#2b2b2b;}
.r_title a:hover { text-decoration:none; color:#adaca4; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#adaca4;}
.r_title a:active { text-decoration:none; color:#adaca4;}
.r_introduce a:link { text-decoration:none; color:#908c8c; }
.r_introduce a:visited { text-decoration:none; color:#908c8c; }
.r_introduce a:hover { text-decoration:none; color:#908c8c;} /*border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#c39d77;*/
.r_introduce a:active { text-decoration:none; color:#908c8c; }
#recipe_list {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-collapse : collapse; /* cellpading=0 cellspacing=0 효과 단, */
}
#recipe_list th { margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 5 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
height :30px;
background :#f6f7f2;
border-top-width :0px;
border-top-style :dashed;
border-top-color :#cfd3c2;
border-bottom-width :2px;
border-bottom-style :solid;
border-bottom-color :#e6e9dc;
font : normal normal lighter 11px 100%; /* style, vairant, weight, size, height */
color : #666666;
text-align : center;
border-collapse : collapse;
}
#recipe_list .img22 {
margin : 0 10 0 0;
border : 0px;
border-style : solid;
border-color : e9e7df;
}
#recipe_list td { margin : 0 0 0 0;
padding : 10 0 10 0;
border-top-width :1px;
border-top-style :solid;
border-top-color :#efefdd;
border-bottom-width :1px;
border-bottom-style :solid;
border-bottom-color :#efefdd;
font : normal normal lighter 11px 100% ; /* style, vairant, weight, size, height */
color :#98907c;
text-align:center;
}
#recipe_list dt {
margin : 5 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
font : normal normal bold 12px 100% ; /* style, vairant, weight, size, height */
/* color 글꼴색상은 링크가 걸려서 a 관련 부분에서 수정 */
letter-spacing : -1px;
text-decoration : none; /* none, underline, line-through, overline, blink(넷스케이프) */
text-align : left;
vertical-align : middle;
}
#recipe_list dd {
margin : 5 0 0 0;
padding : 0 0 0 0;
font : normal normal normal 11px 120% ; /* style, vairant, weight, size, height */
color : #bdbdbd;
letter-spacing : -1px;
text-align : left;
vertical-align : middle;
}
.recipe_view_title {
margin : 0 0 5 0;
padding : 0 0 0 0;
font : normal normal bold 20px 100%; /* style, vairant, weight, size, height */
font-family : 바탕;
color : #3250a2;
}
.recipe_view_introduce {
margin : 0 0 0 0;
padding : 0 0 0 3;
font : normal normal normal 12px 100%; /* style, vairant, weight, size, height */
font-family : 돋움;
color : #36b44d;
}
.recipe_view_made_by {
margin : 0 0 10 0;
padding : 0 0 3 3;
font : normal normal normal 11px 100%; /* style, vairant, weight, size, height */
font-family : 돋움;
color : #94999c;
text-align : right;
border-bottom-width :1px;
border-bottom-style :dashed;
border-bottom-color :#e3d8d8;
}
.recipe_view_timeNoutput {
margin : 10 0 0 0;
padding : 0 0 3 3;
font : normal normal normal 11px 100%; /* style, vairant, weight, size, height */
font-family : 돋움;
color : #77a8da;
text-align : right;
border-bottom-width :0px;
border-bottom-style :dashed;
border-bottom-color :#e3d8d8;
}
.recipe_view_meterial_th {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 3 3 0 3; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
height :18;
background :#e8ece1;
border-top-width :1px;
border-top-style :solid;
border-top-color :#dee2d8;
border-bottom-width :1px;
border-bottom-style :solid;
border-bottom-color :#dee2d8;
font : normal normal lighter 11px 100% ; /* style, vairant, weight, size, height */
color : #666666;
text-align : left;
border-collapse : collapse;
}
.recipe_view_meterial_td {
margin : 0 0 0 0;
padding : 5 0 0 5;
font : normal normal normal 11px 120%; /* style, vairant, weight, size, height */
color : #292b3a;
letter-spacing : 0px;
height : 50%;
}
.recipe_view_step {
margin : 14 0 10 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border : #cfd3c2 0px solid;
border-collapse : collapse; /* cellpading=0 cellspacing=0 효과*/
}
.recipe_view_step td {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-top-width :1px;
border-top-style :dashed;
border-top-color :#cfd3c2;
border-bottom-width :1px;
border-bottom-style :dashed;
border-bottom-color :#cfd3c2;
font : normal normal lighter 11px 100% ; /* style, vairant, weight, size, height */
color : #666666;
text-align : left;
}
/*
.recipe_view_meterial_memo
.recipe_view_preperation_title
.recipe_view_preperation_memo
*/
.recipe_modify_introduce {
margin : 0 0 10 0;
padding : 0 0 3 3;
font : normal normal normal 12px 100%; /* style, vairant, weight, size, height */
font-family : 돋움;
color : #36b44d;
border-bottom-width :1px;
border-bottom-style :dashed;
border-bottom-color :#e3d8d8;
}
.recipe_modify_meterial_th {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 3 3 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
height :18;
background :#e8ece1;
border-top-width :1px;
border-top-style :solid;
border-top-color :#dee2d8;
border-bottom-width :1px;
border-bottom-style :solid;
border-bottom-color :#dee2d8;
font : normal normal lighter 11px 100%; /* style, vairant, weight, size, height */
font-family : 돋움;
color : #666666;
text-align : center;
border-collapse : collapse;
}
.recipe_modify_meterial_td {
margin : 0 0 0 0;
padding : 3 0 3 3;
font : normal normal normal 12px 100%; /* style, vairant, weight, size, height */
color : #a8a0a0;
}
.recipe_modify_step {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-top-width :2px;
border-top-style :solid;
border-top-color :#cfd3c2;
border-left-width :2px;
border-left-style :solid;
border-left-color :#cfd3c2;
border-right-width :2px;
border-right-style :solid;
border-right-color :#cfd3c2;
}
.recipe_modify_step td {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 5 0 5 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-bottom-width :2px;
border-bottom-style :solid;
border-bottom-color :#cfd3c2;
font : normal normal lighter 11px 100% ; /* style, vairant, weight, size, height */
color : #40340c;
border-collapse : collapse;
}
.noneborder {
border-width :0px;
}
#recipe_modify_m1_div {
width:100%;
height:100%;
position:relative;
z-index:1;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod=scale);
}
.recipe_modify_textarea {
border-width:1;
border-style:solid;
border-top-color:#eeeeee;
border-right-color:#eeeeee;
border-bottom-color:#eeeeee;
border-left-color:#eeeeee;
font-family:돋움;
font-size:8pt;
color:#777777;
background-color:#faf6f6;
width:100%;
height:100%;
letter-spacing:-1px;
}
.recipe_modify_step_textarea {
border-width:1;
border-style:solid;
border-top-color:#eeeeee;
border-right-color:#eeeeee;
border-bottom-color:#eeeeee;
border-left-color:#eeeeee;
font-family:돋움;
font-size:8pt;
color:#777777;
background-color:#faf6f6;
width:100%;
height:100%;
letter-spacing:-1px;
}
.recipe_modify_step table {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width : 100%;
height :100%;
border-collapse : collapse; /* cellpading=0 cellspacing=0 효과*/
}
.recipe_modify_step table td {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border : #cfd3c2 0px solid;
}
.recipe_modify_exstep {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-top-width :1px;
border-top-style :solid;
border-top-color :#cfd3c2;
border-left-width :1px;
border-left-style :solid;
border-left-color :#cfd3c2;
border-right-width :1px;
border-right-style :solid;
border-right-color :#cfd3c2;
}
.recipe_modify_exstep td {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 5 0 5 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-bottom-width :1px;
border-bottom-style :solid;
border-bottom-color :#cfd3c2;
font : normal normal lighter 11px 100% ; /* style, vairant, weight, size, height */
color : #40340c;
border-collapse : collapse;
}
.recipe_modify_exstep_textarea {
border-width:1;
border-style:solid;
border-top-color:#eeeeee;
border-right-color:#eeeeee;
border-bottom-color:#eeeeee;
border-left-color:#eeeeee;
font-family:돋움;
font-size:9pt;
color:#777777;
background-color:#faf6f6;
width:100%;
/*height:40%;*/
overflow: visible; /* 자동으로 크기 조절*/
letter-spacing:-1px;
text-align : center;
}
.recipe_write_meterial_th {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 3 3 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
height :18;
background :#e8ece1;
border-top-width :1px;
border-top-style :solid;
border-top-color :#dee2d8;
border-bottom-width :1px;
border-bottom-style :solid;
border-bottom-color :#dee2d8;
font : normal normal lighter 11px 100% ; /* style, vairant, weight, size, height */
color : #666666;
text-align : center;
border-collapse : collapse;
}
.recipe_write_meterial_td {
margin : 0 0 0 0;
padding : 3 0 3 3;
font : normal normal normal 12px 100%; /* style, vairant, weight, size, height */
color : #a8a0a0;
}
.recipe_write_step {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
/*border-top-width :2px;
border-top-style :solid;
border-top-color :#cfd3c2;
border-left-width :2px;
border-left-style :solid;
border-left-color :#cfd3c2;
border-right-width :2px;
border-right-style :solid;
border-right-color :#cfd3c2;*/
border-collapse : collapse;
}
.recipe_write_step td {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 5 0 5 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-top-width :1px;
border-top-style :dashed;
border-top-color :#cfd3c2;
border-bottom-width :1px;
border-bottom-style :dashed;
border-bottom-color :#cfd3c2;
font : normal normal lighter 11px 100%; /* style, vairant, weight, size, height */
color : #40340c;
}
.recipe_write_step_textarea {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border-width:1;
border-style:solid;
border-top-color:#eeeeee;
border-right-color:#eeeeee;
border-bottom-color:#eeeeee;
border-left-color:#eeeeee;
font-family:돋움;
font-size:8pt;
color:#777777;
background-color:#faf6f6;
width:100%;
height:100%;
letter-spacing:-1px;
}
.recipe_write_step table {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width : 100%;
height :100%;
border-collapse : collapse; /* cellpading=0 cellspacing=0 효과*/
}
.recipe_write_step table td {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
border : #cfd3c2 0px solid;
}
.recipe_write_help td {
margin : 0 0 0 0;
padding : 3 0 3 3;
font : normal italic normal 12px 100%; /* style, vairant, weight, size, height */
color : #bcbbad;
}
.bt_list_recipewrite {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 2 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :110px;
height :22px;
background :#e3ad45;
border-width :2px;
border-style :solid;
border-color :#cd9b3a;
font : normal normal bold 12px 100%; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_list_search {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 1 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :35px;
height :18px;
background :#42413e;
border-width :1px;
border-style :solid;
border-color :#000000;
font : normal normal normal 12px 100% ; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_list_showtoggle_N {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 1 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :39px;
height :18px;
background :#4c4f52;
border-width :1px;
border-style :solid;
border-color :#ffffff;
font : normal normal normal 11px 100%; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_list_showtoggle_Y {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 1 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :39px;
height :18px;
background :#b2b4b5;
border-width :1px;
border-style :solid;
border-color :#6d7378;
font : normal normal normal 11px 100%; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_list_modify {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 1 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :35px;
height :18px;
background :#8ab1d8;
border-width :1px;
border-style :solid;
border-color :#6384a6;
font : normal normal normal 11px 100%; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_step_del {
margin : 2 0 2 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 2 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :40px;
height :18px;
background :#545452;
border-width :1px;
border-style :solid;
border-color :#827474;
font : normal normal normal 11px 100% ; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_exstep_del {
margin : 2 0 2 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 2 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :100px;
height :18px;
background :#ea2b46;
border-width :1px;
border-style :solid;
border-color :#827474;
font : normal normal normal 11px 100% ; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_wirte_submit {
margin : 30 0 20 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 3 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :300px;
height :40px;
background :#e0dedc;
border-top-width :2px;
border-top-style :solid;
border-top-color :#c3c3c2;
border-left-width :2px;
border-left-style :solid;
border-left-color :#c3c3c2;
border-right-width :2px;
border-right-style :solid;
border-right-color :#5c5b5a;
border-bottom-width :2px;
border-bottom-style :solid;
border-bottom-color :#5c5b5a;
font : normal normal bold 12px 100% ; /* style, vairant, weight, size, height */
color : #302f2f;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_wirte_insert_step {
margin : 2 0 2 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 2 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :96px;
height :18px;
background :#3696da;
border-width :1px;
border-style :solid;
border-color :#2980bc;
font : normal normal normal 11px 100% ; /* style, vairant, weight, size, height */
color : #ffffff;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_write_golist {
margin : 2 0 2 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 2 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :80px;
height :28px;
background :#6eb393;
border-width :2px;
border-style :solid;
border-color :#4d8f71;
font : normal normal bold 11px 100%; /* style, vairant, weight, size, height */
color : #d9ece3;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.bt_view_golist {
margin : 2 0 2 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 2 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
width :100%;
height :28px;
background :#6eb393;
border-width :2px;
border-style :solid;
border-color :#4d8f71;
font : normal normal bold 11px 100%; /* style, vairant, weight, size, height */
color : #d9ece3;
text-align : center;
cursor : hand;
test : expression(this.hideFocus=true); /* 버튼/링크 클릭시 점선안보이게 ie에서만 지원되는 css용 */
}
.recipe_write_topmenu {
margin : 15 0 10 20; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 10 0 10 10; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
background : #f9f9f8;
width : 735px;
border-bottom : 0px dashed #efeeec;
}
.recipe_modify_topmenu {
margin : 15 0 10 20; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 10 0 10 10; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
background : #f9f9f8;
width : 735px;
border-bottom : 0px dashed #efeeec;
}
.recipe_view_topmenu {
margin : 0 0 10 10; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 10 10 10 10; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
background : #f9f9f8;
width : 100%;
border-bottom : 0px dashed #efeeec;
}
.recipe_view_topmenu li {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 10 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
/*display : inline; 리스트 가로로 보이게*/
list-style-type : none; /*불릿기호안보이게*/
}
.recipe_view_right_notice {
margin : 0 0 10 10; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 10 10 10 10; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
background : #f9f9f8;
width : 100%;
border-bottom : 0px dashed #efeeec;
}
.recipe_view_right_notice li {
margin : 0 0 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
padding : 0 10 0 0; /* px단위, ↑ → ↓ ← cf) padding-CSSwidth-border-IEwidth-margin 순*/
/*display : inline; 리스트 가로로 보이게*/
list-style-type : none; /*불릿기호안보이게*/
}