70 lines
895 B
SCSS
70 lines
895 B
SCSS
|
@import "variables.scss";
|
||
|
|
|
||
|
|
.comments {
|
||
|
|
clear: both;
|
||
|
|
padding: 5px;
|
||
|
|
margin: 0 5px 8px 0;
|
||
|
|
//min-height: 105px;
|
||
|
|
width: 95%;
|
||
|
|
|
||
|
|
&.row1 {
|
||
|
|
background: #f6f9f9;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.row2 {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
div {
|
||
|
|
float: left;
|
||
|
|
|
||
|
|
img {
|
||
|
|
margin: 0 5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.image img {
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
|
||
|
|
// so div will stretch to height of content
|
||
|
|
&:after {
|
||
|
|
content: ".";
|
||
|
|
display: block;
|
||
|
|
height: 0;
|
||
|
|
clear: both;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nonavatar {
|
||
|
|
width: 620px;
|
||
|
|
|
||
|
|
span {
|
||
|
|
padding-right: 5px;
|
||
|
|
|
||
|
|
&.text:before {
|
||
|
|
content: "\201C";
|
||
|
|
font-size: $font-size-larger;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.text:after {
|
||
|
|
content: "\201D";
|
||
|
|
font-size: $font-size-larger;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.avatar {
|
||
|
|
float: right;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.official {
|
||
|
|
border: 3px #B8DDE0 solid;
|
||
|
|
margin-top: 3px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
padding-left: 2px;
|
||
|
|
}
|