axe-comments/dist/themes/theme-1.min.css

Comments Module for Axe PHP Framework

.axe-comments-root{all:initial;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Arial,sans-serif}.axe-comments-root *{padding:0;margin:0;box-sizing:border-box}.axe-comments-root input[type=password],.axe-comments-root input[type=text],.axe-comments-root select,.axe-comments-root textarea{padding:10px 7px;font-size:15px;font-family:Arial,sans-serif}.axe-comments-root button,.axe-comments-root input[type=submit]{cursor:pointer}.axe-comments-root .add-comment input{width:100%}.axe-comments-root .add-comment textarea{width:100%;height:100px;resize:vertical}.axe-comments-root .add-comment button{width:100%;height:30px}.axe-comments-root .comment{margin-top:20px}.axe-comments-root .comment .custom-label{font-weight:700;font-size:15px}.axe-comments-root .comment .username{color:#f45;font-size:16px}.axe-comments-root .comment .date{font-size:12px}.axe-comments-root .comment .comment-contents{padding:5px 0;color:#6e6e6e;font-size:13px}.axe-comments-root .comment .comment-actions{display:flex;align-items:center;font-size:13px}.axe-comments-root .comment .comment-actions span{margin-right:10px}.axe-comments-root .comment .comment-actions img{width:20px;height:20px}.axe-comments-root .comment .comment-actions span.dislike,.axe-comments-root .comment .comment-actions span.like{margin-right:5px}.axe-comments-root .comment .comment-actions span.dislike img,.axe-comments-root .comment .comment-actions span.like img{cursor:pointer}.axe-comments-root .comment .comment-actions span.dislike:not(.liked):not(.disliked) img,.axe-comments-root .comment .comment-actions span.like:not(.liked):not(.disliked) img{opacity:.4}.axe-comments-root .comment .comment-actions span.dislike:not(.liked):not(.disliked) img:hover,.axe-comments-root .comment .comment-actions span.like:not(.liked):not(.disliked) img:hover{opacity:.2}.axe-comments-root .comment .comment-actions span.positive{color:#00c532}.axe-comments-root .comment .comment-actions span.negative{color:red}.axe-comments-root .comment .comment-actions span.delete{color:red;font-size:12px;margin:0 15px 0 5px;cursor:pointer}.axe-comments-root .comment .comment-actions span.delete:hover{opacity:.4}