43 lines
1.8 KiB
CSS
43 lines
1.8 KiB
CSS
/* SIR SOFT 지운아빠 Jan 2013 */
|
|
|
|
/* 초기화 */
|
|
html {overflow-y:scroll}
|
|
body {margin:0;padding:0;background:#f7f7f2;font-size:1em;font-family:"dotum"}
|
|
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
|
|
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
|
|
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
|
|
label, input, select, img {vertical-align:middle}
|
|
input {margin:0;padding:0;font-family:"dotum"}
|
|
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
|
|
hr {display:none}
|
|
pre {overflow-x:scroll;font-size:1.1em}
|
|
|
|
/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/
|
|
.sound_only {display:inline-block;margin:0;padding:0;width:0;height:0;border:0;overflow:hidden}
|
|
|
|
/* 레이아웃 */
|
|
#container {width:100%}
|
|
|
|
#idx_catch img {width:100%;height:auto}
|
|
|
|
#ft_catch_img {width:100%;height:auto}
|
|
#ft_html5badge {display:block}
|
|
|
|
/* 게시판 목록 */
|
|
#bo_list table {margin:0 auto;width:95%}
|
|
#bo_list caption {display:none}
|
|
#bo_list thead {display:none}
|
|
#bo_list tr {border:1px solid #ccc}
|
|
#bo_list tr:nth-of-type(odd) {background:#eee}
|
|
#bo_list td {display:block;position:relative;padding:5px 0 5px 20%}
|
|
#bo_list td::before {position:absolute;top:5px;left:0}
|
|
#bo_list td:nth-of-type(1) {display:none}
|
|
#bo_list td:nth-of-type(1):before {content:"번호"}
|
|
#bo_list td:nth-of-type(2):before {content:"제목"}
|
|
#bo_list td:nth-of-type(3) {display:none}
|
|
#bo_list td:nth-of-type(3):before {content:"글쓴이"}
|
|
#bo_list td:nth-of-type(4):before {content:"날짜"}
|
|
#bo_list td:nth-of-type(5):before {content:"조회"}
|
|
#bo_list a {color:#000;text-decoration:none}
|
|
.bo_cate_link {font-weight:bold} |