.article { position: relative; margin: 4px 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; } .article .article-content { padding-right: 40px; height: 160px!important; border: none; } .article .article-content > a { display: block; } .article .article-content > .btns{ position: absolute; top:6px; right: 3px; display: inline-block; height: 97%; border-left:1px solid #eee; padding-left: 5px; } .article .article-content > aside{ position: absolute; bottom: 3px; } .article .input-group { width: 100%; } .article .input-group .form-control > p { max-height: 60px; overflow: auto; text-overflow: initial; min-height: 68px; } .article .input-group .form-control > aside span, .article .input-group .form-control > aside time { margin-right: 10px; color: #999; } .article .input-group .form-control > aside span i, .article .input-group .form-control > aside time i { margin-right: 4px; } /*.article .input-group .form-control > aside > .pull-right { margin-right: 10px;} .article .input-group .form-control > aside > .pull-right:first-child { margin-right: 0px; }*/ /*comment profile*/ .comment-profile { background: transparent!important; border: none!important; padding: 15px 0; } .comment-profile .form-control a { color: #424242; font-weight: bold; font-size: 16px; } .comment-profile .like-date span, .comment-profile .like-date time { margin-right: 10px; color: #9b9b9b; font-size: 12px; } .comment-profile .like-date span i { margin-right: 4px; } .comment-profile p { color: #424242; font-size: 15px; margin: 5px 0; word-wrap: break-word; } .comment-profile a { color: #333; font-weight: 600; text-decoration: none; } /*input-groups*/ .input-group .input-group-addon:first-child { padding: 0 !important; background: transparent!important; border: none!important; width: 217px; } /*.input-group .input-group-addon:first-child img { padding: 3px; }*/