// // Comments // -------------------------------------------------- .anspress{ .ap-comment-no-perm { background: #FFF8E1; border: solid 2px #FFE082; padding: 5px; margin-top: 10px; border-radius: 3px; text-align: center; font-size: 12px; } apcomments{ display: block; position: relative; &:before, &:after{ content: ''; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; border-style: solid; border-width: 10px; display: block; position: absolute; right: 35px; top: -20px; } &:after { border-color: transparent transparent #fff transparent; top: -19px; } .ap-comments{ border: 1px solid rgba(0, 0, 0, 0.1); display: block; margin-top: 15px; position: relative; } } apcomment{ display: block; padding: 10px 5px; font-size: 90%; color: #666; border-bottom: solid 1px rgba(0, 0, 0, 0.1); &.unapproved { background: #FFF9C4 !important; } &:last-child{ border-bottom: none; } &:nth-child(2n) { background: #f7f7f7; } .ap-avatar{ float: left; } .comment-inner { overflow: hidden; } .comment-header { font-weight: bold; font-size: 12px; color: #666; > a{ color: #666; text-decoration: none; } } .comment-content{ p:last-child{ margin-bottom: 0; } } .ap-comment-actions { float: right; > a{ margin-left: 10px; text-decoration: none; font-weight: normal; } } } .ap-btn-newcomment{ float: right; border-left: solid 1px #ddd; } #ap-commentform{ margin-top: 10px; .ap-avatar img{ max-width: 40px; height: auto; } .ap-comment-footer { border: solid rgba(0, 0, 0, 0.1); border-width: 0 2px 2px 2px; padding: 10px; background: #fdfdfd; } textarea{ line-height: 1.6; margin-bottom: 0; border-radius: 3px 3px 0 0; border-width: 2px; border-color: rgba(0,0,0,0.1); width: 100%; } } .ap-modal{ apcomments .ap-comments{ border: none; } .ap-pagination{ margin-bottom: 0; } &.single-comment{ .comment-content{ font-size: 18px; margin-top: 10px; } } } }