89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
/**
|
|
* @file
|
|
* Comment Styling.
|
|
*/
|
|
|
|
|
|
.comment div.picture {
|
|
float: left;
|
|
}
|
|
.comment div.picture img {
|
|
width: 45px;
|
|
height: auto;
|
|
margin-top: 8px;
|
|
}
|
|
.comment div.picture + div.comment-data {
|
|
margin-left: 58px;
|
|
}
|
|
@media (max-width: 659px) {
|
|
.comment div.picture {
|
|
display: none;
|
|
}
|
|
.comment div.picture + div.comment-data {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.comment h3 {
|
|
margin-top: .1em;
|
|
}
|
|
.comment div.submitted {
|
|
font-size: .75em;
|
|
color: #898989;
|
|
display: block;
|
|
margin: -0.5em .1em 0;
|
|
}
|
|
.comment .content {
|
|
margin-top: .8em;
|
|
text-align: justify;
|
|
}
|
|
@media (max-width: 799px) {
|
|
.comment .content {
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
.comment ul.links {
|
|
margin: 1em 0 1.3em;
|
|
}
|
|
.comment ul.links li {
|
|
padding-right: 1.2em;
|
|
text-transform: capitalize;
|
|
margin-bottom: 1em;
|
|
}
|
|
.comment ul.links li:before {
|
|
font-family: "fonticons";
|
|
padding: 0 .38em 0 0;
|
|
color: #ff3300;
|
|
}
|
|
.comment ul.links li.comment_reply:before {
|
|
content: "\e82c";
|
|
}
|
|
.comment ul.links li.comment_edit:before {
|
|
content: "\e82a";
|
|
}
|
|
.comment ul.links li.comment_delete:before {
|
|
content: "\e829";
|
|
}
|
|
.comment ul.links li.last {
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.indented {
|
|
padding-left: 1.1em;
|
|
margin: -0.2em 0 1em;
|
|
border-left: 5px solid #eaeaea;
|
|
}
|
|
.indented .indented {
|
|
margin: .6em 0;
|
|
border-color: #eee;
|
|
}
|
|
.indented .indented .indented {
|
|
border-color: #efefef;
|
|
}
|
|
.indented .indented .indented {
|
|
border-color: #f4f4f4;
|
|
}
|
|
.indented .comment:last-child ul.links {
|
|
margin-bottom: .2em;
|
|
}
|