/* Comments Feedback ================= BoxIn 2.8 ==================== */ .commentblock { margin: 10px 0 20px 3px; overflow: hidden; padding: 4px; clear: both; font-size: 10px; font-family:verdana; width:730px; float:left; } #trackbacks-list{ padding-top:20px; clear:both; } .comments-form{ clear:both; /*border-top:#EEEEEE 1px solid;*/ } #commentblock ul.children { margin-left:10px; margin-right:10px; } .comment-content { width: 84%; float: left; font-size: 10px; font-family:verdana; padding: 6px 6px 3px 10px; margin:0px; background: #E1F1FF; text-align: left; overflow: hidden; display: block; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px;*/ border-radius:5px; } .comment-entry, .comment-entry-alt, .comment-entry-owner { width: 84%; float: left; font-size: 10px; font-family:verdana; padding: 6px 6px 3px 10px; margin:0px; background: #FFFFCC/* url('../images/admin-comment.png') bottom right no-repeat--*/; text-align: left; overflow: hidden; display: block; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ border-radius:5px; } .feedback-gravatar { padding: 2px; margin: 0; clear: right; float: right; top: 0px; } .feedback-content { margin: 2px 6px 16px 6px; } .feedback-footer { width: 84%; padding: 5px 0 10px; font-size: 10px; clear: left; } .trackbackurl .feedback-title { color: #000000; font-size: 12px; } .comment-form{ padding:4px 0; } .comment-input{ padding:2px; width:45% !important; height:14px; font-size:12px; font-family:verdana; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ border-radius:5px; } .trackback-content, .comments-form-content { margin: 5px 0; } #commentblock h3.comments { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; } #respond h3 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; } .trackpingstitle { margin: 0; padding: 5px 0; font-size: 18px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; } .comments, .comments-form-header { margin: 0; padding: 5px 0; font-size: 12px; font-weight: bold; font-family:verdana; } .comments-form label { display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } #commentform { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } #commentform label { display: block; float: right; padding: 0.4em 0.5em 0.1em; width: 45%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } #commentform label.required { font-weight: bold; } .comment-form textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } .comment-form { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; } .cform { margin-top:20px; } /* #comment-form textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } */ .commentform textarea { padding:4px 0; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ border-radius:5px; } #submit { font-weight: bold; padding: 0.5em 0.5em 0.5em; margin:0; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-radius:5px; } /* Begin Hack for subscribe-to-comments */ #subscription_checkbox p.subscribe-to-comments input { margin: 0 5px 0 0; } #subscription_checkbox p.subscribe-to-comments label { display: inline !important; } #subscription_checkbox{ color:#FF0000; } /* End Hack for subscribe-to-comments*/ #errors { background: #ffc; border: 1px solid #fc0; border-width: 1px 0; font-style: italic; margin: 1em 0; padding: 1em; } #comments-guidelines-info,#loading,#errors { border: 0px solid #fc0; /* border-width: 1px 0; */ margin: 0 0 2em; padding: 0.3em 1.5em; width:84%; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ border-radius:5px; } ol#commentlist { margin: 0; } ol#commentlist li { /* margin: 2px 0 10px; */ margin: 2px 6px 16px; list-style-type: none; } ol.commentlist { margin: 0; width:650px; } ol.commentlist li { /* margin: 2px 0 10px; */ margin: 2px 6px 16px; list-style-type: none; /*background-color:#CCCCCC;*/ } .trackbacks-content { width: 84%; font-size: 10px; font-family: verdana; padding: 6px 6px 3px 10px; margin:6px 0; text-align: left; overflow: hidden; display: block; list-style-type: none; /* -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ border-radius:5px; } /** Quicktags **/ #commentsform .quicktags { margin-top: 10px; } #commentsform .quicktags input { background: #f9f9f9 url(../images/button-bg.png) repeat-x; border: 1px solid #aaaaaa; font-size: 10px; color: #666; font-family: Arial; width: auto; margin: 1px 2px 2px 0px; padding: 0px 1px 0px 1px; } #commentsform .quicktags input:hover { border: 1px solid #cc0033; } /*hack for subscribe-to-comments*/ #subscription_checkbox .subscribe-to-comments{ padding:4px 0; } #subscription_checkbox #subscribe{ padding:0; margin:0; border:none; } #subscription_checkbox input#subscribe{ border:1px solid #CCCCCC; } h4#nocomment{ clear:both; } /** comments-guide-box ul **/ ul.comments-guide-box{ padding:0 0 0 0; margin-left:0px !important; list-style:none; height:30px; clear:both; font-size:10px; font-family:verdana; } li.cgbox-feed{ float:left; line-height:20px!important; color:#4371A0; margin:0 10px 0 0; padding:0 0 0 20px; background:transparent url("../images/comments_guide_box_feed.png") no-repeat left center; } li.cgbox-comment{ float:left; line-height:20px!important; color:#4371A0; margin:0 10px 0 0; padding:0 0 0 20px; background:transparent url("../images/comments_guide_box_comment.png") no-repeat left center; } li.cgbox-trackback{ float:left; line-height:20px!important; color:#4371A0; margin:0 10px 0 0; padding:0 0 0 20px; background:transparent url("../images/comments_guide_box_trackback.png") no-repeat left center; } /** comments-guide-box ul **/ #quicktags input { /* -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:11px; -moz-border-radius-topright:11px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; -khtml- border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; */ border-radius:5px; background:#F4F4F4 none repeat scroll 0 50%; border:1px solid #B2B2B2; color:#000000; font-family:Verdana; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:3px 2px 2px; padding:3px; } /* Ajax Commenting */ #ajaxSpinner {width:32px; height:32px; position:absolute; top:0; left:0;} .ajax-loading {background:url("../js/ajax-loader.gif") no-repeat center;} #postStatus {float:left; padding:0.5em 1em; margin:0; width:16px; height:16px;} #commentStatus {float:left; padding:0.55em;} #msgStatus {float:left; padding:0.6em;} /* comment-reply */ .comment-reply{ float:left; } .cancel-comment-reply{ width:60%; float:left; font-size:10px; font-family:verdana; position:absolute; } ol.commentlist { font-size:10px; list-style:none; margin:10px 0 30px 0; border-bottom:#222 1px solid; } .commentlist li { border-top:#bbb 1px solid; padding:0 0 10px 0; } .commentlist li.bypostauthor { border-top:#bbb 5px solid; background-color:#f3f3f3; } .comment_mod { margin:10px 0 0 10px; } .comment_mod em { background-color:#fff897; padding:1px 3px; } .comment_author { margin:10px 0; float:right; width:190px; } .comment_author img { float:left; margin:5px 12px 0 0; } .comment_author p { line-height:20px; } .comment_author small { font-size:11px; } .comment_text { float:left; width:470px; margin:0 0 0 10px; } .comment_text p { line-height:18px; margin:7px 0; } .comment_meta { font-size:10px; } /* For Comments Threading */ /* ol.commentlist2 { list-style:none; margin:0; padding:0; text-indent:0; float:left;} ol.commentlist2 li { } ol.commentlist2 li.alt { } ol.commentlist2 li.bypostauthor {} ol.commentlist2 li.byuser {} ol.commentlist2 li.comment-author-admin {} ol.commentlist2 li.comment { border-bottom:3px solid #CCC; padding:0; } ol.commentlist2 li.comment div.comment-author {} ol.commentlist2 li.comment div.vcard { font:bold 12px verdana; margin-top:7px; } ol.commentlist2 li.comment div.vcard cite.fn { font-style:normal; } ol.commentlist2 li.comment div.vcard cite.fn a.url {} ol.commentlist2 li.comment div.vcard img.avatar { border:1px solid #000; float:left; margin:3px 5px 5px 5px;} ol.commentlist2 li.comment div.vcard img.avatar-32 {} ol.commentlist2 li.comment div.vcard img.photo {} ol.commentlist2 li.comment div.vcard span.says {} ol.commentlist2 li.comment div.commentmetadata {} ol.commentlist2 li.comment div.comment-meta { font-size:9px; } ol.commentlist2 li.comment div.comment-meta a { color:#ccc; } ol.commentlist2 li.comment p { font-size:10px; margin:0 0 1em; } ol.commentlist2 li.comment ul { font-size:10px; list-style:square; margin:0 0 0 0; } ol.commentlist2 li.comment div.reply { font-size:10px; float:right; margin:0px 8px 5px 0px; } ol.commentlist2 li.comment div.reply a { font-weight:bold; } ol.commentlist2 li.comment ul.children { list-style:none; margin:0 0 10px 0; text-indent:0; width:95%; float:left; } ol.commentlist2 li.comment ul.children li {} ol.commentlist2 li.comment ul.children li.alt {} ol.commentlist2 li.comment ul.children li.bypostauthor {} ol.commentlist2 li.comment ul.children li.byuser {} ol.commentlist2 li.comment ul.children li.comment { } ol.commentlist2 li.comment ul.children li.comment-author-admin {} ol.commentlist2 li.comment ul.children li.depth-2 { border-left:3px solid #CCC; border-right:3px solid #CCC; margin:0 0 0 0; } ol.commentlist2 li.comment ul.children li.depth-3 { border-left:3px solid #CCC; border-right:3px solid #CCC; margin:0 0 0 0; } ol.commentlist2 li.comment ul.children li.depth-4 { border-left:3px solid #CCC; border-right:3px solid #CCC; margin:0 0 0 0; } ol.commentlist2 li.comment ul.children li.depth-5 { border-left:3px solid #CCC; border-right:3px solid #CCC; margin:0 0 0 0; } ol.commentlist2 li.comment ul.children li.odd {} ol.commentlist2 li.even { background-color:#FFF; } ol.commentlist2 li.odd { background-color:#FFF; } ol.commentlist2 li.parent { border-left:3px solid #CCC; border-right:3px solid #CCC; } ol.commentlist2 li.thread-alt { } ol.commentlist2 li.thread-even {} ol.commentlist2 li.thread-odd {} */ ol.commentlist2 { font-size:12px; list-style:none; margin:10px 5px 10px 0; padding: 0; /* border-bottom:#CCC 0px solid; */ float:left; width:650px; } .commentlist2 li { /* border-top:#CCC 3px solid; */ margin:0 0 20px 0; padding:5px 0 10px 0; float:left; width:91%; } /* .commentlist2 li.bypostauthor { border-top:#666 3px solid; background-color:#f3f3f3; } */ /* ol.commentlist2 { list-style:none; margin:0; padding:0; text-indent:0; font-family:verdana; float:left; } ol.commentlist2 li { margin-bottom:5px; } ol.commentlist2 li.alt { } ol.commentlist2 li.bypostauthor {} ol.commentlist2 li.byuser {} ol.commentlist2 li.comment-author-admin {} ol.commentlist2 li.comment { border-left:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999; padding:1em; } ol.commentlist2 li div.comment-author {} ol.commentlist2 li div.vcard { font:bold 12px verdana; margin-top:5px; } ol.commentlist2 li div.vcard cite.fn { font-style:bold; font-size:12px; font-family:verdana; } ol.commentlist2 li div.vcard cite.fn a.url { font-style:bold; font-size:12px; font-family:verdana; } ol.commentlist2 li div.vcard img.avatar { border:1px solid #000; float:left; margin:0 5px 5px 5px; } ol.commentlist2 li div.vcard img.avatar-32 {} ol.commentlist2 li div.vcard img.photo {} ol.commentlist2 li div.vcard span.says {} ol.commentlist2 li div.commentmetadata {} ol.commentlist2 li div.comment-meta { font-size:9px; font-family:verdana; padding-bottom:5px; } ol.commentlist2 li div.comment-meta a { color:#ccc; font-family:verdana; } ol.commentlist2 li p { font-size:10px; margin:0 0 2em 0; font-family:verdana; } ol.commentlist2 li ul { font-size:10px; list-style:square; margin:0 0 1em 0; } ol.commentlist2 li div.reply { font-size:11px; float:right; margin-bottom:5px; margin-right:5px;} ol.commentlist2 li div.reply a { font-weight:bold; } ol.commentlist2 li ul.children { list-style:none; margin:0 0 5px 0; text-indent:0; } ol.commentlist2 li ul.children li { margin-bottom: 5px; } ol.commentlist2 li ul.children li.alt {} ol.commentlist2 li ul.children li.bypostauthor {} ol.commentlist2 li ul.children li.byuser { margin-bottom: 5px; } ol.commentlist2 li ul.children li.comment {} ol.commentlist2 li ul.children li.comment-author-admin {} ol.commentlist2 li ul.children li.depth-2 { border:1px solid #999; margin:0 0 .25em 0; } ol.commentlist2 li ul.children li.depth-3 { border:1px solid #999; margin:0 0 .25em 0; } ol.commentlist2 li ul.children li.depth-4 { border:1px solid #999; margin:0 0 .25em 0; } ol.commentlist2 li ul.children li.depth-5 {} ol.commentlist2 li ul.children li.odd {} ol.commentlist2 li.even { background:#fff; } ol.commentlist2 li.odd { background:#f6f6f6; } ol.commentlist2 li.parent { border-left:1px solid #999; } ol.commentlist2 li.pingback { border-bottom:0px dotted #666; padding:1em; } ol.commentlist2 li.thread-alt { } ol.commentlist2 li.thread-even {} ol.commentlist2 li.thread-odd {} */ ol.commentlist2 { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist2 li { border:1px solid #d5d5d5; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; margin-bottom:20px; } ol.commentlist2 li.alt { } ol.commentlist2 li.bypostauthor {} ol.commentlist2 li.byuser {} ol.commentlist2 li.comment-author-admin {} ol.commentlist2 li.comment { margin-left:40px; } ol.commentlist2 li div.comment-author { padding:0 170px 0 0; margin-left:40px; margin-top:5px; } ol.commentlist2 li div.vcard { font:bold 12px/1.4 verdana; } ol.commentlist2 li div.vcard cite.fn { font-style:normal; } ol.commentlist2 li div.vcard cite.fn a.url { color:#0000FF; text-decoration:none; } ol.commentlist2 li div.vcard cite.fn a.url:hover { color:#0000FF; } ol.commentlist2 li div.vcard img.avatar { border:2px solid #d5d5d5; left:7px; position:absolute; top:7px; } ol.commentlist2 li div.vcard img.avatar-32 {} ol.commentlist2 li div.vcard img.photo {} ol.commentlist2 li div.vcard span.says {} ol.commentlist2 li div.commentmetadata {} ol.commentlist2 li div.comment-meta { font:bold 10px/1.4 verdana; position:absolute; right:10px; text-align:right; top:5px; } ol.commentlist2 li div.comment-meta a { color:#333; text-decoration:none; } ol.commentlist2 li div.comment-meta a:hover { color:#000; } ol.commentlist2 li p { font:normal 12px/1.4 verdana; margin:10px 0 2em 40px; } ol.commentlist2 li ul { font:normal 12px/1.4 verdana; list-style:square; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist2 li div.reply { background:#999; border:1px solid #666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font:bold 9px/1 verdana; padding:5px 10px; text-align:center; width:36px; margin-left:40px; margin-bottom:10px; text-shadow: #000000 1px 1px 3px; } ol.commentlist2 li div.reply:hover { background:#666; border:1px solid #333; text-shadow: #CCCCCC 1px 1px 3px; } ol.commentlist2 li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; } ol.commentlist2 li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist2 li ul.children li { } ol.commentlist2 li ul.children li.alt {} ol.commentlist2 li ul.children li.bypostauthor {} ol.commentlist2 li ul.children li.byuser {} ol.commentlist2 li ul.children li.comment {} ol.commentlist2 li ul.children li.comment-author-admin {} ol.commentlist2 li ul.children li.depth-2 { margin:0 0 .25em; } ol.commentlist2 li ul.children li.depth-3 { margin:0 0 .25em; } ol.commentlist2 li ul.children li.depth-4 { margin:0 0 .25em; } ol.commentlist2 li ul.children li.depth-5 {} ol.commentlist2 li ul.children li.odd {} ol.commentlist2 li.even { background:#fff; } ol.commentlist2 li.odd { background:#f6f6f6; } ol.commentlist2 li.parent { } ol.commentlist2 li.pingback { } ol.commentlist2 li.pingback.parent { } ol.commentlist2 li.pingback div.vcard { padding:0 170px 0 0; } ol.commentlist2 li.thread-alt { } ol.commentlist2 li.thread-even {} ol.commentlist2 li.thread-odd {}