grav-plugin-comments/assets/comments.css

118 lines
2.5 KiB
CSS
Raw Normal View History

2017-10-23 11:37:52 +00:00
/*
===============================================================================================================================
Comments Plugin Styles
===============================================================================================================================
*/
.comment {
margin-top: 15px;
border-top: gray solid 2px;
}
.comment:first-child {
2017-10-24 00:57:44 +00:00
margin-top: 0px;
2017-10-23 11:37:52 +00:00
}
.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 {
2017-10-24 00:57:44 +00:00
margin-top: 0px;
2017-10-23 11:37:52 +00:00
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 {
2017-10-24 00:57:44 +00:00
padding-left: 0px;
2017-10-23 11:37:52 +00:00
list-style: none;
}
2017-10-24 00:57:44 +00:00
.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;
}