una/template/css/cmts.css

/* TODO: remake according to the new design */
    /*--- General Styles ---*/
	.cmt-border {
		border-top: 1px solid #eeeeee;
	}

    div.cmts {}

    ul.cmts {
    	position: relative;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    ul.cmts-margin {}
    li.cmt {
    	position: relative;
    	padding-left: 84px;
    }
    li.cmt:first-child {
		margin-top: 0px;
    }
    li.cmt-err {
        color: red;
    }
    li.cmt-no    {
        padding: 10px;
    }
    li.cmt-hidden {
       display: none;
    }
    li.cmt-replacement {
       height: 30px;
       margin-bottom: 10px;
       position: relative;
       background-color: #ededed;
       overflow: hidden;
       text-indent: 10px;
       line-height: 30px;
       font-size: 11px;
       color: #333333;
    }

	/*--- More ---*/
    li.cmt-more {}
	li.cmt-more-root {}
	div.cmt-more-cont {}
	div.cmt-more-line {}

	li.cmt-more div.cmt-more-cont {
		font-weight: bold;
	}
	li.cmt-more div.cmt-more-line {
		display: none;
	}

	
    li.cmt-more-root div.cmt-more-cont {
    	position: relative;
		text-align: center;
    }
    li.cmt-more-root div.cmt-more-line {
    	position: absolute;
    	top: 50%;
    	width: 100%;
		border-width: 4px;
    	borded-bottom: none;
    }
    li.cmt-more-root .bx-btn {
    	position: relative;
		float: none;
    	display: inline-block;
    	text-transform: uppercase;
    }    

    /*--- Comment ---*/
    div.cmt-cont {
        position: relative;
    	min-height: 64px;
    }
	div.cmt-cont .bullet {
		padding: 0px 3px;
    }
    div.cmt-icon {
		position: absolute;
    	top: 20px;
    	left: 0px;
    	width: 64px;
    	height: 64px;
    	text-align: center;
    }
    div.cmt-icon .sys-icon {
		font-size: 64px;
    }
    span.cmt-author {
		font-weight: bold;
    }
    span.cmt-author a {
        text-decoration: none;
    }
    span.cmt-posted-ago {
        text-transform: lovercase;
    }
	span.cmt-points {
        text-transform: lovercase;
    }
    div.cmt-actions {}
    div.cmt-actions span.bullet:first-child {
		display: none;
    }

    /*--- Browse Styles ---*/
    div.cmt-browse {

    }
    div.cmt-browse-left {
		position: relative;
    	float: left;
    }
    div.cmt-browse-right {
    	position: relative;
    	float: right;
	}
	div.cmt-browse-right ul.bx-menu-inter  {
		float: left;
	}

	div.cmt-browse-item,
	div.cmt-browse-item-div,
	div.cmt-browse-type-div {
		position: relative;
		float: left;
	}
	div.cmt-browse-item-div {
		padding: 0px 3px;
	}
	div.cmt-browse-type-div {
		padding: 0px 5px;
	}

    /*--- Add Comment/Reply Styles ---*/
    div.cmt-reply {
		position: relative;
    }
    div.cmt-reply-top {
		margin-bottom: 40px;
    }
	div.cmt-reply-bottom {
		margin-top: 40px;
		border-top: 1px solid #eeeeee;
    }
    li.cmt div.cmt-reply-top {
    	margin-bottom: 0px;
	}
    li.cmt div.cmt-reply-bottom {
    	margin-top: 0px;
		border-top: none;
    }
	div.cmt-post-reply {
        position: relative;
    	padding-left: 84px;
    }
    form.cmt-post-reply .bx-form-input-textarea {
		height: 64px;
    }
    form.cmt-post-reply .bx-form-input-submit {
    	text-transform: uppercase;
    }
    
    /*
	div.cmt-reply-expanded {}
    
    div.cmt-post-reply form {
        display: block;
    }
    div.cmt-post-reply textarea,
    div.cmt-body textarea {
        width: 100%;
        height: 64px;
        padding: 0px;
        margin: 0px;
        border: 0px;
    }
    div.cmt-post-reply-text {
        margin-bottom: 10px;
        /*position: relativ_e;*/
        border: 1px solid #cccccc;
    }
    div.cmt-post-reply-video {
        margin-bottom: 10px;
        /*position: relativ_e;*/
        display: none;
    }
    div.cmt-post-reply-post {}
    a.cmt-comment-vote,
    a.cmt-comment-manage-edit,
    a.cmt-comment-manage-delete,
    a.cmt-comment-replies {
    }
    */