118 lines
2.5 KiB
CSS
118 lines
2.5 KiB
CSS
/*
|
|
===============================================================================================================================
|
|
Comments Plugin Styles
|
|
===============================================================================================================================
|
|
*/
|
|
|
|
.comment {
|
|
margin-top: 15px;
|
|
border-top: gray solid 2px;
|
|
}
|
|
.comment:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
.comment,
|
|
.comment-body {
|
|
zoom: 1;
|
|
overflow: hidden;
|
|
}
|
|
.comment-body {
|
|
width: 10000px;
|
|
}
|
|
.comment-object {
|
|
display: block;
|
|
}
|
|
.comment-right,
|
|
.comment > .pull-right {
|
|
padding-left: 10px;
|
|
}
|
|
.comment-left,
|
|
.comment > .pull-left {
|
|
padding-right: 10px;
|
|
}
|
|
.comment-left,
|
|
.comment-right,
|
|
.comment-body {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
.comment-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.comment-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
.comment-heading {
|
|
margin-top: 0px;
|
|
margin-bottom: 5px;
|
|
border-bottom: gray dashed 1px;
|
|
}
|
|
.comment-title, .comment-title h4 {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.comment-meta {
|
|
display: inline;
|
|
font-size: small;
|
|
}
|
|
.comment-reply {
|
|
display: inline;
|
|
float: right;
|
|
}
|
|
.comment-text {
|
|
clear: both;
|
|
}
|
|
.comment-list {
|
|
padding-left: 0px;
|
|
list-style: none;
|
|
}
|
|
.comment-flag-new {
|
|
background-color: lightcyan;
|
|
}
|
|
.comment-level-1 { margin-left: 20px; padding-left: 0px; border-left: gray solid 0px; }
|
|
.comment-level-2 { margin-left: 40px; padding-left: 0px; border-left: gray solid 0px; }
|
|
.comment-level-3 { margin-left: 60px; padding-left: 0px; border-left: gray solid 0px; }
|
|
.comment-level-4 { margin-left: 80px; padding-left: 0px; border-left: gray solid 0px; }
|
|
.comment-level-5 { margin-left: 100px; padding-left: 0px; border-left: gray solid 0px; }
|
|
.row.comments { position: relative; }
|
|
.comment-level-1::before {
|
|
content: "\f105";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
left: 0px;
|
|
font-size: 3rem;
|
|
color: lightgray;
|
|
}
|
|
.comment-level-2::before {
|
|
content: "\f105\f105";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
left: 0px;
|
|
font-size: 3rem;
|
|
color: lightgray;
|
|
}
|
|
.comment-level-3::before {
|
|
content: "\f105\f105\f105";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
left: 0px;
|
|
font-size: 3rem;
|
|
color: lightgray;
|
|
}
|
|
.comment-level-4::before {
|
|
content: "\f105\f105\f105\f105";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
left: 0px;
|
|
font-size: 3rem;
|
|
color: lightgray;
|
|
}
|
|
.comment-level-5::before {
|
|
content: "\f105\f105\f105\f105\f105";
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
left: 0px;
|
|
font-size: 3rem;
|
|
color: lightgray;
|
|
}
|