Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*Comment List styles
- --------------------------------------------------------------*/
- .form-item {
- border: 1px solid #ffffff;
- padding: 15px;
- }
- .comment-list .row {
- margin-bottom: 0px;
- }
- .comment-list .panel .panel-heading {
- background: #f70009 none repeat scroll 0 0;
- border: medium none;
- border-top-right-radius: 0;
- color: #ffffff;
- padding: 4px 15px;
- position: absolute;
- top: 1px;
- }
- .comment-list .panel .panel-heading.right {
- border-right-width: 0px;
- border-top-left-radius: 0px;
- right: 16px;
- }
- .comment-list .panel .panel-heading .panel-body {
- padding-top: 6px;
- }
- .comment-list figcaption {
- word-wrap: break-word;
- }
- /* Portrait tablets and medium desktops */
- @media (min-width: 768px) {
- .comment-list .arrow:after,
- .comment-list .arrow:before {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- border-style: solid;
- border-color: transparent;
- }
- .comment-list .panel.arrow.left:after,
- .comment-list .panel.arrow.left:before {
- border-left: 0;
- }
- /*****Left Arrow*****/
- /*Outline effect style*/
- .comment-list .panel.arrow.left:before {
- left: 0px;
- top: 30px;
- /*Use boarder color of panel*/
- border-right-color: inherit;
- border-width: 16px;
- }
- /*Background color effect*/
- .comment-list .panel.arrow.left:after {
- left: 1px;
- top: 31px;
- /*Change for different outline color*/
- border-right-color: #FFFFFF;
- border-width: 15px;
- }
- /*****Right Arrow*****/
- .comment-list .panel.arrow.right:before {
- right: -16px;
- border-left-color: inherit;
- border-width: 16px;
- }
- .comment-list .panel.arrow.right:after {
- right: -14px;
- top: 31px;
- border-left-color: #FFFFFF;
- border-width: 15px;
- }
- }
- .comment-list .comment-post {
- margin-top: 6px;
- }
- .page-header {
- border-bottom: 3px solid #ffffff;
- margin: 0px 0 20px;
- padding: 10px;
- line-height: 30px;
- background: #f70009;
- font-size: 20px;
- color: #fff;
- }
- .comment-date {
- font-size: 14px;
- font-style: italic;
- font-weight: 600;
- }
- .comment-user {
- font-weight: 700;
- line-height: 35px;
- font-size: 20px;
- }
- .form-comment {
- padding: 20px;
- border-radius: 3px;
- }
- .comment-area {
- margin-top: 30px;
- padding: 30px;
- overflow: hidden;
- background: #fff;
- }
- .comment-list {
- padding: 0 20px;
- }
Add Comment
Please, Sign In to add comment