h3#comments-title, h3#trackbacks, h3#reply-title { margin:30px 0; font-size: 16px; text-transform: uppercase; }
h3#reply-title span { color: #c27d05; }
.content .commentlist,
.content .commentlist .children { margin: 0px; }
li.comment { list-style: none; }
.comment .comment-container {
margin-bottom: 32px;
position: relative;
}
.comment .comment-container .border.border-bottom-line {
width: 233px;
height: 35px;
border: 0px solid #e0dfdf;
border-left-width: 3px;
border-bottom-width: 3px;
margin: 118px 0px 0px 55px;
position: absolute;
}
.comment.depth-1 .comment-container .border.vertical-top-line { display: none; }
.comment.depth-2 .comment-container .border.vertical-top-line,
.comment.depth-3 .comment-container .border.vertical-top-line,
.comment.depth-4 .comment-container .border.vertical-top-line,
.comment.depth-5 .comment-container .border.vertical-top-line {
width: 1px;
height: 85px;
border: 0px solid #e0dfdf;
border-left-width: 3px;
margin: -91px 0px 0px 55px;
position: absolute;
display: block;
z-index: -1;
} .comment.parent > div > .comment-container .parent-line {
position:absolute;
left:34px;
top:80px;
width:54px;
height:100%;
overflow: hidden;
}
#ie8 .comment.parent > div > .comment-container .parent-line { width: 33px; }
.comment.parent > div > .comment-container .parent-line span {
border:1px solid #ddd;
border-top:0;
border-right:0;
display:block;
height:100%;
margin-top:-12px;
} .comment .comment-author.vcard span {
height: auto;
border-width: 1px;
padding: 3px;
display: block;
}
.comment .comment-author.vcard .span1 {
float:left;
width: auto;
}
.comment .comment-author.vcard span .avatar {
width: 106px;
height: 106px;
}
.comment .horizontal-lines-left, .comment .horizontal-lines-right {
position: absolute;
top: 29px;
left: 85px;
}
.comment .horizontal-lines-right {
left: 233px;
}
.comment .comment-meta { width: 145px !important; margin-left: 10px !important; }
.comment .comment-meta .fn,
.comment .comment-meta .date {
display: block;
margin-left: 0px;
}
.comment .comment-meta .fn {
color: #666565;
font-size: 13px;
font-family: 'Oswald';
margin-top: 15px;
text-transform: uppercase;
}
.comment .comment-meta .date {
color: #666565;
font-size: 12px;
margin-bottom: -2px;
}
.comment .comment-meta img.comment-plus {
border: 0px;
margin-right: 10px;
padding: 0px;
vertical-align: 0px;
} .comment .comment-content {
position: relative;
}
.comment .comment-content .border {
background: #ffffff;
border-width: 1px;
padding: 20px 20px 25px 20px;
height: auto;
}
.comment .comment-content .border.borderstrong {
border: 2px solid #e0dedf !important;
padding: 3px;
}
.comment .comment-body { min-height: 145px; border-right: 0px; }
.comment .comment-body p:first-child { margin-top: 0px; }
.comment .comment-body p {
color: #666565;
line-height: 18px;
font-size: 13px;
} .bypostauthor .comment-container .vcard img, .bypostauthor .comment-container .children .vcard img,.bypostauthor .children .bypostauthor .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .comment-container .vcard img,.bypostauthor .children .bypostauthor .children .bypostauthor .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container .vcard img {
background: #fff;
border-color: #e5e6ad !important;
border-width: 3px !important;
} .comment-container .vcard img, .comment-container .children .vcard img, .bypostauthor .children .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .comment-container .vcard img, .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img,
.bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container .vcard img {
background:#fff;
} img.comment-reply-link {
background: none !important;
border: none !important;
margin-right: 5px;
margin-left: 0px;
vertical-align: middle;
}
a.comment-reply-link {
display: block;
color: #363635;
font-size: 12px;
margin-top: 8px;
vertical-align: bottom;
} ol.trackbacklist {margin:20px 35px;}
ol.trackbacklist li {padding:10px 0;} #respond { margin:2em 0 1em; position: relative; }
h3#reply-title {
line-height: 27px;
margin-bottom: 20px;
}
#respond input[type="text"],
#respond input[type="email"],
#respond textarea,
#respond textarea:focus {
border: 1px solid #e1e1e1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: 100%;
width: 100%;
}
#respond input[type="text"],
#respond input[type="email"]{
height: 34px;
padding-right: 35px;
}
#respond .comment-form-comment { margin-bottom: 0px; }
#respond .comment-form-comment textarea {
height: 192px;
margin-bottom: 0px;
padding-right: 35px;
padding-top: 10px;
resize: none;
}
#respond p {
margin-top: 0px;
position: relative;
}
#respond p i {
color: #aba9a9;
font-size: 15px;
line-height: 32px;
position: absolute;
right: 15px;
top: 26px;
text-align: center;
}
#respond p.comment-form-comment i { top: 30px; }
#respond #commentsubmit {
background-color: #c27d05;
border: 0px;
box-shadow: 0px;
-webkit-box-shadow: 0px;
-moz-box-shadow: 0px;
color: #fff;
display: inline-block;
font-size: 12px;
font-family: 'Oswald', 'Verdana', 'Arial', sans-serif;
padding: 7px 13px;
text-shadow: 0px;
text-transform: uppercase;
margin-top: 10px;
float: right;
}
#respond #commentsubmit:hover { background-color: #DA8B00; }
.depth-2 p.span3 { width: 236px; }
@media (max-width: 1199px) and (min-width: 980px) {
.depth-2 p.span3 { width: 193px !important; }
.comment .comment-meta { width: 95px !important; }
.comment .comment-meta .fn,
.comment .comment-meta .date,
.comment .comment-meta .comment-reply-link { margin-left: 0px !important; }
}
@media (max-width: 979px) and (min-width: 768px) {
.comment .horizontal-lines-left, .comment .horizontal-lines-right { display: none; }
img.comment-reply-link, .comment .comment-meta .fn, .comment .comment-meta .date { margin-left: 0px; }
.comment .comment-meta .fn { margin-top: 0px; }
.depth-2 p.span3 { width: 145px !important; }
.comment .comment-meta { width: 95px !important; padding-left:130px; position: absolute; }
.comment .comment-meta .fn,
.comment .comment-meta .date,
.comment .comment-meta .comment-reply-link { margin-left: 0px !important; }
}
@media (max-width: 767px) {
.comment .horizontal-lines-left, .comment .horizontal-lines-right { display: none; } .comment .border-bottom-line { display: none; }
.comment .comment-meta { width: 95px !important; margin-left: 130px !important; position: absolute; }
.comment .comment-meta .fn,
.comment .comment-meta .date,
.comment .comment-meta .comment-reply-link { margin-left: 0px !important; }
}
@media (max-width: 480px) {
}
form#commentform .row { width: 100% !important; margin-left: 0px !important; }
form#commentform .row .comment-form-author { margin-left: 0px; }
form#commentform .row .comment-form-comment { clear: both !important; }
form#commentform .row .span3 input {
color: #a09b9b;
height: 43px !important;
line-height: 43px !important;
padding: 0px 5px 0px 43px;
margin-left: 0px;
font-size: 11px;
}
form#commentform .row .comment-form-author input { background:url(//thongon.com.au/wp-content/themes/bazar/theme/templates/comments/images/author.png) 11px center no-repeat; }
form#commentform .row .comment-form-email input { background:url(//thongon.com.au/wp-content/themes/bazar/theme/templates/comments/images/email.png) 9px center no-repeat; }
form#commentform .row .comment-form-url input { background:url(//thongon.com.au/wp-content/themes/bazar/theme/templates/comments/images/url.png) 11px center no-repeat; }
form#commentform .row .comment-form-comment textarea {
color: #a09b9b;
background:url(//thongon.com.au/wp-content/themes/bazar/theme/templates/comments/images/comment.png) 11px 10px no-repeat;
padding: 15px 10px 10px 43px;
font-size: 11px;
}