/** 게시판 목록 부분 [ list.skin.php ] **/ #list-wrap { width: 100%; margin: 0 auto;} #list-wrap a {text-decoration: none; color: #242424 ; outline: none; } #list-wrap a:visited { color: #242424; } #list-wrap a:active {color: #242424; } #list-wrap a:hover { color: #0174df; } .clear { clear:both; } /** 게시판 상단 부분 **/ #list-wrap #list-top { padding-top:10px; padding-bottom: 5px; } /** 게시판 헤더부분 **/ #list-wrap #list-header { border-top: 2px solid #bdbdbd; border-bottom: 1px solid #e6e6e6;} #list-wrap #list-header div { font-size: 11px; font-family: dotum; color: #222; } #list-wrap #list-header .header-common { text-align: center; padding-top: 7px; padding-bottom: 7px; } #list-wrap #list-header #header-chk { float: left; width: 40px; } #list-wrap #list-header #header-no { float:left; width: 50px;} #list-wrap #list-header #header-title { float:left; text-align: center; } #list-wrap #list-header #header-name { float:right; width: 70px; } #list-wrap #list-header #header-date { float:right; width: 70px; } #list-wrap #list-header #header-hit { float:right; width: 70px; } /*** 코멘트 갯수 스타일 ***/ #list-wrap .comment { font:9px Tahoma; color: #fa5858 } /*** 게시글 공통속성 ***/ #list-wrap #list-main { border-bottom: 2px solid #bdbdbd; } #list-wrap #list-main .list-chk { float:left; width: 40px; text-align: center;} #list-wrap #list-main .list-no { float:left; width: 50px; font:9px Tahoma; text-align: center;} #list-wrap #list-main .list-title { float:left; font-size: 11px;} #list-wrap #list-main .list-name { float:right; width: 70px; font:9px Tahoma; text-align: center;} #list-wrap #list-main .list-date { float:right; width: 70px; font:9px Tahoma; text-align: center;} #list-wrap #list-main .list-hit { float:right; width: 70px; font:9px Tahoma; text-align: center;} /*** 공지 게시글 ***/ #list-wrap #list-main .article-notice { padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2 } /*** 일반 게시글 ***/ #list-wrap #list-main .article-list { padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2 } /*** 현재 읽고있는 게시글 ***/ /** 게시판 하단부분 **/ #list-wrap #list-bottom { padding-top: 10px; } #list-wrap #list-bottom #left-btn{float:left;} #list-wrap #list-bottom #page{text-align: center; padding-bottom: 20px;} #list-wrap #list-bottom #right-btn{float:right; } #list-wrap #list-bottom #list-search { text-align: center; padding: 20px; border: 1px solid #eee; background-color: #f2f2f2} /*** 페이징 [ sir 홈페이지 옵션님글 참조 (http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=22554) ] ***/ /*** 약간의 수정을 했음 ***/ .paginate { padding:15px 0; text-align:center; display: inline;} .paginate a, .paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;} .paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;} .paginate .pre { margin-right:9px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important;} .paginate .next { margin-left:9px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important;} *:first-child+html .paginate .pre, *:first-child+html .paginate .next { top:-1px; padding-bottom:3px;} .paginate a.pre { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;} .paginate a.next { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 71px 9px !important;} .paginate .pre, .paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px; _height /**/:24px;} .paginate a.pre, .paginate a.next { color:#565656;} .paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;} .paginate .pre_all { margin-right:6px; padding:7px 6px 5px 6px; _padding-bottom:1px; letter-spacing:-1px;} .paginate .next_all { margin-left:4px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 36px 9px !important; letter-spacing:-1px;} .paginate a.pre_all { } .paginate a.next_all { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 36px 9px !important;} .paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal 굴림, Gulim; _width /**/:50px; _height /**/:24px;} .paginate a.pre_all, .paginate a.next_all { color:#565656;} /*** 이 밑은 버튼 스타일 ***/ /* Jeong Chan Myeong(dece24@gmail.com) */ /* Button Reset */ .button, .button a, .button button, .button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/selfimg/boardskin/buttonWhite.gif) no-repeat; overflow:visible; color:#333;} .button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;} .button a, .button button, .button input{ left:2px; vertical-align:top; cursor:pointer;} /* Button Size */ .button.large { height:29px; background-position:left -30px; } .button.xLarge { height:35px; background-position:left -65px; } .button.small { height:18px; background-position:left -107px; } .button a, .button button, .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;} .button.large a, .button.large button, .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;} .button.xLarge a, .button.xLarge button, .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;} .button.small a, .button.small button, .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;} /* Button Text Color */ .button *:hover, .button *:active, .button *:focus{ color:#690;} .button.white, .button.white a, .button.white button, .button.white input { background-image:url(/selfimg/boardskin/buttonwhite.gif); color:#222;} .button.green, .button.green a, .button.green button, .button.green input { background-image:url(/selfimg/boardskin/buttongreen.gif); color:#fff;} .button.green *:hover, .button.green *:active, .button.green *:focus{ color:#ff0;} .button.black, .button.black a, .button.black button, .button.black input { background-image:url(/selfimg/boardskin/buttonblack.gif); color:#fff;} .button.black *:hover, .button.black *:active, .button.black *:focus{ color:#ff0;} .button.red, .button.red a, .button.red button, .button.red input { background-image:url(/selfimg/boardskin/buttonred.gif); color:#fff;} .button.red *:hover, .button.red *:active, .button.red *:focus{ color:#ff0;} .button.blue, .button.blue a, .button.blue button, .button.blue input { background-image:url(/selfimg/boardskin/buttonblue.gif); color:#fff;} .button.blue *:hover, .button.blue *:active, .button.blue *:focus{ color:#ff0;} /* Button Text Strong */ .button.strong * { font-weight:bold !important;} /** 게시글 읽기 부분 [ view.skin.php ] **/ #view-wrap #view-top {padding-bottom: 20px; } #view-wrap #view-header { padding: 5px 2px 5px 0px; border-top: 2px solid #bdbdbd; border-bottom: 1px solid #e6e6e6; } #view-wrap #view-header #view-title { float: left; font-size: 17px; font-weight: bold; } #view-wrap #view-header #view-date {float: right; text-align: right; font:11px Tahoma; padding-left: 12px; } #view-wrap #view-header #view-hit {float: right; width: 100px; text-align: right; font:11px Tahoma; padding-left: 5px; } #view-wrap #view-main {padding-left: 10px; padding-top: 10px; padding-bottom: 30px; /*border-bottom: 1px solid #bdbdbd;*/ } #view-wrap #view-main #view-writer-info { padding-bottom: 10px; } #view-wrap #view-main #view-writer-info .view-writer { font-size: 11px; } #view-wrap #view-main #view-writer-info .view-writer-ip { font:10px Tahoma; } #view-wrap #view-main #view-file-info { font:11px Tahoma; } #view-wrap #view-main #view-file-info .link { font:12px Tahoma; font-weight: bold; } #view-wrap #view-main #view-file-info .count { font:12px Tahoma; font-weight: bold; } #view-wrap #view-main #view-file-info .date { font:12px Tahoma; font-weight: bold;} #view-wrap #view-main #view-file-info .filesize { font:12px Tahoma; font-weight: bold;} #view-wrap #view-main #view-link-info { font:11px Tahoma; border-bottom: 1px solid #eee; padding-bottom: 10px; } #view-wrap #view-main #view-link-info .link { font:12px Tahoma; font-weight: bold; } #view-wrap #view-main #view-link-info .count { font:12px Tahoma; font-weight: bold; } #view-wrap #view-main #writeContents { padding-top: 20px; } #view-wrap #signature { border: 1px solid #eee; padding: 10px;} #view-wrap #view-foot { padding-top: 10px; border-top: 2px solid #bdbdbd; } /** 코멘트 부분 [ commentview.skin.php ] **/ #comment-wrap { padding-top: 10px; padding-bottom: 10px; } #comment-wrap #comment-total-count { float:left; padding: 5px 5px 5px 0; padding-bottom: 10px; } #comment-wrap .comment-contents { min-height: 58px; position: relative; padding: 5px 5px 15px 5px; border-top: 1px solid #bdbdbd; } #comment-wrap .comment-contents .picture { width: 58px; left: 0; position:absolute; padding-right: 10px; border-right: 2px solid #bdbdbd;} #comment-wrap .comment-contents .picture img { border: 2px solid #eee; } #comment-wrap .comment-contents .name { padding-left: 73px; padding-right: 5px; color: #a4a4a4; font-weight: bold; float: left;} #comment-wrap .comment-contents .date { font: 10px Tahoma; float: left; padding-right: 10px; } #comment-wrap .comment-contents .manage { font-size: 9px; float: right; } #comment-wrap .comment-contents .contents { padding-left: 75px; padding-top: 10px; } #comment-wrap #comment-write { padding: 10px; border: 1px solid #eee; } /** 게시글 쓰기 부분 [write.skin.php] **/ #write-wrap #write-title { padding: 10px; border: 1px solid #bdbdbd; background-color: #eee; text-align: center; font-weight: bold;} #write-wrap #write-main .field { padding-bottom: 5px; padding-top: 5px; border: 1px solid #eee; } #write-wrap #write-main .field .field-title {float: left;width: 60px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } #write-wrap #write-main .field .contents { float:left; text-align: left; width: 90%; padding-top: 5px; padding-bottom: 5px; }