.webboardTitle{ background:url(../../web_images/title-webboard.png) no-repeat; width:249px; height:60px; float:left; margin:0 0 20px 0; border-right:#dbdbdb solid 1px;} .webboardTitle h1{ text-indent:-9999px;} .webboardTitleDesp{ color:#888889; font-size:12px; float:left; width:388px; margin:10px 0; line-height:20px; padding-left:19px} .webboardTitleRoom{ color:#ef5895; font-size:25px; float:left; width:388px; margin:10px 0; padding-left:19px; font-weight:bold;} /* 3-06-2010 #headTitleWebboard { width:660px; overflow:hidden;} #headTitleWebboard .webboardTitle{ background:url(../web_images/title-webboard.png) no-repeat; width:239px; height:60px; float:left; margin:0 0 20px 0; border-right:#dbdbdb solid 1px;} #headTitleWebboard .webboardTitle h1{ text-indent:-9999px;} #headTitleWebboard .webboardTitleDesp{ color:#666; font-size:12px; float:left; width:388px; margin:10px 0; line-height:16px; padding-left:29px} #headTitleWebboard .webboardTitleRoom{ color:#ef5895; font-size:25px; float:left; width:388px; margin:10px 0; padding-left:19px; font-weight:bold;} */ /*List Room*/ #wrapRoomWebboard {width: 660px;overflow: hidden;} .wrapRoom {float: left;padding:0px 0px 20px 35px;} .wrapRoom .pic {width: 75px;height: 60px;padding: 5px;background:#d2d2d2;} .wrapRoom .pic:hover{width: 75px;height: 60px;padding: 5px;background:#ee4c8d;} .wrapRoom .pic_active {width: 75px;height: 60px;padding: 5px;background:#ee4c8d;} .wrapRoom .userName {text-align:center;width: 90px;font-size:12px;margin-top:8px;color:#ee4c8d;font-weight:bold;overflow:hidden;} .wrapRoom .userName a{color:#ee4c8d;font-size:12px;font-weight:bold;} .wrapRoom .userName a:hover{color:#f06;font-size:12px;font-weight:bold;} /*Detail Room*/ #wrapRoomDetail{width: 660px; overflow: hidden; /*margin:20px 0;*/} .wrapRoomTop{background:url(../../web_images/tab-webboardTop.png) no-repeat; width:660px; height:65px; margin-top:20px;} .wrapRoomMid{background:url(../../web_images/tab-webboardMid.png) top repeat-y; width:640px; padding:0 10px;} .wrapRoomMid .midRoom{border-bottom:#dbdbdb solid 1px; padding:8px 0;} .wrapRoomMid .midRoom .picUser{ width:30px; height:30px; float:left;} .wrapRoomMid .midRoom .picUser a img{ max-height:30px;} .wrapRoomMid .midRoom .roomDetail{ width:350px; overflow:hidden; float:left; margin-left:25px;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPost{ color:#555; font-size:12px;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPost a{color:#555; font-size:12px; line-height:1.2em;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPost a:hover{color:#555; font-size:12px; text-decoration:underline;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPostDetail{ color:#999; font-size:10px;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPostDetail span.timePost{ color:#7ca500; font-size:10px; margin-right:5px;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPostDetail span.postBy{ color:#269bcf; font-size:12px; margin-left:5px; font-weight:bold;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPostDetail span.postBy a{ color:#269bcf; font-size:12px; font-weight:bold;} .wrapRoomMid .midRoom .roomDetail .tltWebboardPostDetail span.postBy a:hover{ color:#8bbdd4; font-size:12px; font-weight:bold;} .wrapRoomMid .midRoom .roomRead{ width:60px; overflow:hidden; float:left; margin-left:20px; text-align:center; font-size:11px; color:#555;} .wrapRoomMid .midRoom .roomPost{ width:115px; overflow:hidden; float:left; margin-left:25px; text-align:center;} .wrapRoomMid .midRoom .roomPost div{ font-size:11px; color:#888889; margin-bottom:3px;} .wrapRoomMid .midRoom .roomPost div a{ font-size:11px; color:#888889; text-decoration:underline;} .wrapRoomMid .midRoom .roomPost div a:hover{ font-size:11px; color:#888889; text-decoration:none;} .wrapRoomMid .midRoom_sec{border-bottom:#dbdbdb solid 1px; padding:8px 0; background:#f8f8f8;} .wrapRoomMid .midRoom_sec .picUser{ width:30px; height:30px; float:left;} .wrapRoomMid .midRoom_sec .picUser a img{ max-height:30px;} .wrapRoomMid .midRoom_sec .roomDetail{ width:350px; overflow:hidden; float:left; margin-left:25px;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPost{ color:#555; font-size:12px;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPost a{color:#555; font-size:12px; line-height:1.2em} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPost a:hover{color:#555; font-size:12px; text-decoration:underline;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPostDetail{ color:#999; font-size:10px;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPostDetail span.timePost{ color:#7ca500; font-size:10px; margin-right:5px;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPostDetail span.postBy{ color:#269bcf; font-size:12px; margin-left:5px; font-weight:bold;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPostDetail span.postBy a{ color:#269bcf; font-size:12px; font-weight:bold;} .wrapRoomMid .midRoom_sec .roomDetail .tltWebboardPostDetail span.postBy a:hover{ color:#8bbdd4; font-size:12px; font-weight:bold;} .wrapRoomMid .midRoom_sec .roomRead{ width:60px; overflow:hidden; float:left; margin-left:20px; text-align:center; font-size:11px; color:#555;} .wrapRoomMid .midRoom_sec .roomPost{ width:115px; overflow:hidden; float:left; margin-left:25px; text-align:center;} .wrapRoomMid .midRoom_sec .roomPost div{ font-size:11px; color:#888889; margin-bottom:3px;} .wrapRoomMid .midRoom_sec .roomPost div a{ font-size:11px; color:#888889; text-decoration:underline;} .wrapRoomMid .midRoom_sec .roomPost div a:hover{ font-size:11px; color:#888889; text-decoration:none;} /* สุดหล่อ แก้เองอ่ะ 30/06/53*/ #wrapRoomDetail .wrapButton{ margin-top:20px; margin-left:10px;} #wrapRoomDetail .wrapButton .btnCreataWebboard{float:left;} #wrapRoomDetail .wrapButton .btnCreataWebboard a{ background:url(../../web_images/btn-createWebboard.jpg) no-repeat; width:113px; height:37px; text-indent:-9999px; display:block;} #wrapRoomDetail .wrapButton .btnCreataWebboard a:hover{ background:url(../../web_images/btn-createWebboard.jpg) no-repeat 0 -37px; width:113px; height:37px;} /* จบที่สุดหล่อแก้แล้ว */ .wrapRoomMid .wrapButton{ margin-top:20px;} .wrapRoomMid .wrapButton .btnCreataWebboard{float:left;} .wrapRoomMid .wrapButton .btnCreataWebboard a{ background:url(../../web_images/btn-createWebboard.jpg) no-repeat; width:113px; height:37px; text-indent:-9999px; display:block;} .wrapRoomMid .wrapButton .btnCreataWebboard a:hover{ background:url(../../web_images/btn-createWebboard.jpg) no-repeat 0 -37px; width:113px; height:37px;} .pageWebboard{ float:right; margin-top:10px;} .pageWebboard span { float:left; padding:0; color:#666; font-size:11px;} .pageWebboard .linkPage { border:none!important; padding-top:0!important;} .pageWebboard .linkPage a {float:left; color:#666; font-size:11px; border:none!important;} .pageWebboard .linkPage a:hover {float:left; color:#666; font-size:11px; background:none!important;} .pageWebboard a { float:left; padding:3px 7px; color:#666; margin-right:3px; font-size:11px; border:#ebebeb solid 1px;} .pageWebboard a:hover, .pageWebboard a.active { float:left; padding:3px 7px; color:#FFF; background:#999; margin-right:3px; font-size:11px;} .pageWebboard a.NextBack{float:left; padding:3px 7px; color:#666; border:#ebebeb solid 1px; margin-right:3px; font-size:11px; background:#eee;} .wrapRoomMid .wrapButton .btnAllWebboard{float:right;} .wrapRoomMid .wrapButton .btnAllWebboard a{ background:url(../../web_images/btn-viewAll.jpg) no-repeat; width:88px; height:32px; text-indent:-9999px; display:block;} .wrapRoomMid .wrapButton .btnAllWebboard a:hover{ background:url(../../web_images/btn-viewAll.jpg) no-repeat 0 -32px; width:88px; height:32px;} .wrapRoomBottom{background:url(../../web_images/tab-webboardBottom.png) no-repeat; width:660px; height:22px;} /*Webboard View*/ #webboardView { width:660px; position:relative; margin:-34px 0px 10px 0; } #webboardView .headline { width:660px; overflow:hidden; margin-bottom:25px; margin-top:25px;} #webboardView .headline .userPic { float:left; border:1px solid #dbdbdb; } #webboardView .headline h1 { float:left; font-size:20px !important; font-weight:400; padding-left:10px;width:598px; overflow:hidden; padding-top:0 !important;} #webboardView .headline h1 span {font-size:11px !important; color:#888889;width:420px; overflow:hidden; float:left; padding-top:3px;} #webboardView .headline h1 span a{font-size:11px !important; color:#888889; text-decoration:underline!important;} #webboardView .headline h1 span a:hover{font-size:11px !important; color:#888889; text-decoration:none;} #webboardView .headline .tltHeadline{ float:left;width:550px; overflow:hidden;} #webboardView .headline .tltHeadline .tltTopic{float:left; font-size:20px; font-weight:400; padding-left:10px; overflow:hidden; padding-top:0; color:#008CD0;width:550px;} #webboardView .headline .tltHeadline .tltName{font-size:11px; color:#888889; overflow:hidden; float:left;padding-left:10px;width:550px;} #webboardView .headline .tltHeadline .tltName a{font-size:11px; color:#888889; text-decoration:underline;} #webboardView .headline .tltHeadline .tltName a:hover{font-size:11px; color:#888889; text-decoration:none;} #webboardView .headline a.editButton { color:#4C8BD8; text-decoration:underline; background:url(../../web_images/icon-edit-issue.jpg) no-repeat 10px top; padding:2px 5px 2px 28px; border-left:1px solid #dbdbdb; float:left; margin-top:18px; margin-left:10px; font-size:11px; } #webboardView .headline a.editButton:hover { color:#999; text-decoration:none;} #issueContent {width:660px; margin:10px 0px; padding-bottom:10px; overflow:hidden; color:#555; line-height:1.5em; } #webboardView .shareBox span { float:left; padding:4px 4px 4px 0px; color:#666; } #webboardView .shareBox a { float:left; padding:5px; } #webboardView .commentDetail { width:180px; overflow:hidden; float:right; color:#777; margin-top:30px;} #webboardView .commentDetail div { display:inline; font-size:10px; color:#777; } #webboardView .commentDetail div a { color:#777; } #webboardView .commentDetail div a:hover { color:#999; } #webboardView .commentDetail .likeBox img { float:left; } #webboardView .commentDetail .likeBox span { float:left; margin:3px; font-size:10px; } #webboardView .issueContentWrap { width:660px; clear:both; overflow:hidden; padding:10px 0px; margin-bottom:40px; } #webboardView .lineIssue{ border-bottom:#dbdbdb solid 1px; margin:8px 0 0 0;} #issueContent h1.topic{ text-align:center; color:#666;} #webboardView .shareBox { float:left; } #webboardView .shareBox a.sharedFacebook{ background:url(../../web_images/facebookShare.png) no-repeat; width:188px; height:50px; text-indent:-9999px; display:block;} #webboardView .shareBox a:hover.sharedFacebook{ background:url(../../web_images/facebookShareHover.png) no-repeat; width:188px; height:50px;} #webboardView .shareBox a.sharedTwitter{ background:url(../../web_images/twitterShare.png) no-repeat; width:188px; height:50px; text-indent:-9999px; display:block; margin-left:8px;} #webboardView .shareBox a:hover.sharedTwitter{ background:url(../../web_images/twitterShareHover.png) no-repeat; width:188px; height:50px;} #webboardContentLinkGroup { overflow:hidden; position:absolute; top:0px; right:0px; } #webboardContentLinkGroup .top{ background:url(../../web_images/webboardContentLinkGroupTop.png) no-repeat left top; height:15px; width:330px; } #webboardContentLinkGroup .mid{ border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; width:308px; padding:0px 10px; background:#fafafa; } #webboardContentLinkGroup .mid .pic{ float:left; } #webboardContentLinkGroup .mid .homeworkTag{ clear:both; padding:10px 0px 0px 0px; } #webboardContentLinkGroup .bottom{ background:url(../../web_images/webboardContentLinkGroupBottom.png) no-repeat left top; height:15px; width:330px; } #webboardContentLinkGroup .linkGroup { height: 20px; } #webboardContentLinkGroup a.website { text-decoration: none; color:#76bf00; } #webboardContentLinkGroup p { font-size: 12px; padding:2px 0px; color:#777; } #webboardContentLinkGroup .toolL{ background:url(../../web_images/bgToolL.png) no-repeat; width:10px; height:48px; float:left;} #webboardContentLinkGroup .toolC{ background:url(../../web_images/bgToolC.png) no-repeat; width:10px; height:48px; float:left;} #webboardContentLinkGroup .toolR{ background:url(../../web_images/bgToolR.png) no-repeat; width:10px; height:48px; float:left;} #webboardContentLinkGroup .toolNav{ background:url(../../web_images/bgToolNav.png) repeat-x; height:48px; float:left;} #webboardContentLinkGroup .img{ text-align:center; margin-top:8px;} #webboardContentLinkGroup .txt{ text-align:center; margin-top:3px; color:#888; font-size:11px;} #webboardContentLinkGroup .txtFav{ text-align:center; margin-top:3px; color:#888; font-size:11px; width:53px;} #webboardContentLinkGroup .homeworkTag a { text-decoration: none; color: #999999; font-size:10px; } #webboardContentLinkGroup .homeworkTag a:hover { text-decoration: none; color:#3399FF; } #postCommentWebboard { width:400px; padding:10px 5px 0px 0px; clear:both; } #postCommentWebboard p { color:#666666; font-size:14px; margin:0px 0px 5px 0px; background: url(../../web_images/tlt-postComment.png) no-repeat; width:185px; height:16px; text-indent:-9999px;} #postCommentWebboard textarea { width:350px; height:100px; margin:5px 0px 10px 0px; border:#dbdbdb solid 1px; padding:5px;} #postCommentWebboard a.commentButton { background:url(../../web_images/btn-comment.jpg) no-repeat top left; width:95px; height:31px; border:0px none; text-indent:-9999px; cursor:pointer; display:block; } #postCommentWebboard a.commentButton:hover { background:url(../../web_images/btn-comment-hover.jpg) no-repeat top left; width:95px; height:31px; border:0px none; text-indent:-9999px; cursor:pointer; display:block; } #wrapWebboard .wrapWebboardTop{ display: block; width:660px; } #wrapWebboard .wrapWebboardTop textarea.followText{ clear:both; float:left; margin:8px 0px 8px 0px; padding:8px; color:#888889; border:1px solid #dbdbdb; display:block; width:642px; font-family:Tahoma; font-size:12px; } #wrapWebboard .wrapWebboardTop a.commentButton{ width:95px; height:31px; float:left; text-align:center; display:block; background:url(../../web_images/btn-comment.jpg) no-repeat; text-indent:-9999px; } #wrapWebboard .wrapWebboardTop a:hover.commentButton{ width:95px; height:31px; background:url(../../web_images/btn-comment-hover.jpg) no-repeat; } #wrapWebboard .wrapWebboardBottom { display: block; width: 660px; padding:10px 0px; } #wrapWebboard .wrapWebboardBottom .commNum{ color:#666; font-size:23px; margin-bottom:15px;} #wrapWebboard .wrapWebboardBottom .commNum span{ font-size:14px;} #wrapWebboard .wrapWebboardBottom .followBox{ margin-bottom:15px;} #wrapWebboard .wrapWebboardBottom .followBox .userPic { float:left; height:30px; width:30px; /* padding-right: 20px; padding-top:14px; */ overflow:hidden; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox { background-color: #FFF; display: block; /*width: 570px;*/ width: 610px; border-bottom: 1px solid #ebebeb; float:left; padding:0px 10px 20px 10px; position:relative; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox:hover { } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .username { color: #269bcf; font-size:14px; font-weight:bold; float:left; width:520px; overflow:hidden; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .username a{color: #269bcf;font-weight:bold;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox .username a:hover{font-weight:bold; color:#50C3EF;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox .keepLink { float:right; display: block; color:#7ca500; font-size:10px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .comment { /*width:570px;*/ width:610px; float:left; padding:5px 0px 0px 0px; color:#888889; overflow:hidden; line-height:1.3em; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .comment span.time{ font-size:10px; color:#7ca500; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.answer { background: url(../../web_images/iconAnswer.png) no-repeat top left; padding-left: 18px; padding-right:5px; display: block; float:right; color:#50c3ef; font-size:11px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.answer:hover{color:#09c;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.forwardText { background: url(../../web_images/iconForward.png) no-repeat top left; padding-left: 20px; padding-right:5px; display: block; float:right; color:#50c3ef; font-size:11px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.forwardText:hover{ color:#09c;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.plusButton { background: url(../../web_images/iconPlus.png) no-repeat bottom right; display: block; height:14px; padding-right:16px; color:#50c3ef; text-align:right; font-size:11px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.plusButton:hover{color:#09c;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.minusButton { background: url(../../web_images/iconMinus.png) no-repeat bottom right; display: block; height:14px; padding-right:16px; color:#50c3ef; text-align:right; font-size:11px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox a.minusButton:hover{color:#09c;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox .answerCommentBox { background-color: #e7f7fc; clear:both; padding:10px; display:block; width:385px; margin:0px 0px 10px 0px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .answerCommentBox .userPic { float: left; height: 30px; width: 30px; padding-right: 10px; padding-top:4px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .answerCommentBox p.comment { width:310px; float:left; padding:5px 0px 0px 0px; color:#888; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .answerCommentBox p.comment a{ color:#8fbb25; font-weight:bold;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox .answerCommentBox p.comment a:hover{ color:#668f04; font-weight:bold;} #wrapWebboard .wrapWebboardBottom .followBox .commentBox .notAnswerCommentBox { background-color: #f7f7f7; clear:both; padding:10px; display:block; width:385px; margin:0px 0px 10px 0px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .notAnswerCommentBox .userPic { float: left; height: 30px; width: 30px; padding-right: 10px; padding-top:0px; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .notAnswerCommentBox p.comment { width:310px; float:left; padding:5px 0px 0px 0px; color:#888; } #wrapWebboard .wrapWebboardBottom .followBox .commentBox .notAnswerCommentBox p.comment a{color:#8fbb25; font-weight:bold;} #webboardAll { width:660px; margin:-10px 0px 10px 0; } #webboardCreate { width:620px; margin:20px auto; } #webboardCreate .row { width:620px; margin-bottom:10px; } #webboardCreate .row label{ color:#666; font-size:12px; margin-right:5px; float:left; width:80px;} #webboardCreate .row input.textField { border:1px solid #dbdbdb; background:#FFF; padding:5px; float:left; width:523px; margin-top:-8px; color:#555; height:20px;} #webboardCreateEditor { margin-bottom:10px; } #webboardCreate .buttonArea { margin:0 auto; overflow:hidden; width:194px; } #webboardCreate .buttonArea a.saveButton { width:92px; height:31px; display:block; float:left; margin-right:10px; background:url(../../web_images/btn-save-issue.jpg) no-repeat left top; text-indent:-9999px; } #webboardCreate .buttonArea a.saveButton:hover { width:92px; height:31px; display:block; float:left; margin-right:10px; background:url(../../web_images/btn-save-issue-hover.jpg) no-repeat left top; text-indent:-9999px; } #webboardCreate .buttonArea a.cancelButton { width:92px; height:31px; display:block; float:left; background:url(../../web_images/btn-cancel-issue.jpg) no-repeat left top; text-indent:-9999px; } #webboardCreate .buttonArea a.cancelButton:hover { width:92px; height:31px; display:block; float:left; background:url(../../web_images/btn-cancel-issue-hover.jpg) no-repeat left top; text-indent:-9999px; } #webboardCreate select.chooseRoom { float:right; margin:10px 0px; color:#555; border:#dbdbdb solid 1px; padding:2px;} #webboardCreate .row input.error { border: 1px dotted red;} #webboardCreate .row input { border:1px solid #dbdbdb; background:#FFF; padding:5px; float:left; width:560px; margin-top:-8px; color:#555;} #webboardCreate .row label.error { color:#F00; width:200px; margin:16px 0 10px 47px; font-size:11px;} #webboardCreate .row .listRoom{float: left; padding-top: 18px;} /*อันนี้สุดหล่อแก้นะ 21/06/2010*/ sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } #webboardView .headline .txt { color:#888; font-size:10px; margin-bottom:20px;} #webboardView .headline .txt a{ color:#888; font-size:10px;} #webboardView .headline .txt a:hover{ color:#ccc; font-size:10px;}