API tools faq
paste
lion_neel

Wordpress Comments CSS

lion_neel
Jun 15th, 2013
337
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.58 KB | None | 0 0
raw download clone embed print report
  1. /* ===================== comments ===================== */
  2.  
  3. .comments {margin: 10px 0;}
  4. .comments h3 {margin:50px 0 30px 0;font-size:24px;}
  5. ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
  6. ol.commentlist li { }
  7. ol.commentlist li.alt { }
  8. ol.commentlist li.bypostauthor {}
  9. ol.commentlist li.byuser {}
  10. ol.commentlist li.comment-author-admin {}
  11. ol.commentlist li.comment { border-bottom: 1px solid #ddd; padding:1em; margin-bottom: 10px; }
  12. ol.commentlist li div.comment-author {}
  13. ol.commentlist li div.vcard { font-size:20px;}
  14. ol.commentlist li div.vcard cite.fn { font-style:normal; }
  15. ol.commentlist li div.vcard cite.fn a.url {}
  16. ol.commentlist li div.vcard img.avatar {float:left; margin:0 1em 1em 0; }
  17. ol.commentlist li div.vcard img.avatar-32 {}
  18. ol.commentlist li div.vcard img.photo {}
  19. ol.commentlist li div.vcard span.says {}
  20. ol.commentlist li div.commentmetadata {}
  21. ol.commentlist li div.comment-meta { font-size:9px; margin-bottom: 10px;}
  22. ol.commentlist li div.comment-meta a { color: #aaa; }
  23. ol.commentlist li p { margin: 0; }
  24. ol.commentlist li ul { list-style:square; margin:0 0 1em 2em; }
  25. ol.commentlist li div.reply { font-size:11px; }
  26. ol.commentlist li div.reply a { font-weight:bold; }
  27. ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
  28. ol.commentlist li ul.children li {}
  29. ol.commentlist li ul.children li.alt {}
  30. ol.commentlist li ul.children li.bypostauthor {}
  31. ol.commentlist li ul.children li.byuser {}
  32. ol.commentlist li ul.children li.comment {}
  33. ol.commentlist li ul.children li.comment-author-admin {}
  34. ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em .25em; }
  35. ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em .25em; }
  36. ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em .25em; }
  37. ol.commentlist li ul.children li.depth-5 {}
  38. ol.commentlist li ul.children li.odd {}
  39. ol.commentlist li.even { background:#fff; }
  40. ol.commentlist li.odd { background:#f6f6f6; }
  41. ol.commentlist li.parent { }
  42. ol.commentlist li.pingback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; }
  43. ol.commentlist li.thread-alt { }
  44. ol.commentlist li.thread-even { }
  45. ol.commentlist li.thread-odd {}
  46.  
  47. /* ===================== comment form ===================== */
  48.  
  49. #respond {position: relative;}
  50. #respond input[type="text"],#respond textarea {border:1px solid #ddd;padding:10px}
  51. #respond input[type="text"] {padding:7px;width:300px}
  52. #respond .comment-form-author,
  53. #respond .comment-form-email,
  54. #respond .comment-form-url,
  55. #respond .comment-form-comment { position: relative; }
  56. #respond .comment-form-author label,
  57. #respond .comment-form-email label,
  58. #respond .comment-form-url label,
  59. #respond .comment-form-comment label { background: #eee; color: #555; display: inline-block; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; }
  60. #respond input[type="text"]:focus,
  61. #respond textarea:focus { text-indent: 0; z-index: 1; }
  62. #respond textarea { resize: vertical; width: 95%; }
  63. #respond .comment-form-author .required,
  64. #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; }
  65. #respond .comment-notes,
  66. #respond .logged-in-as { font-size: 13px; }
  67. #respond p { margin: 10px 0; }
  68. #respond .form-submit { float: right; margin: -20px 0 10px; }
  69. #respond input#submit { background: #454545; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; padding: 5px 42px 5px 22px; }
  70. #respond input#submit:active { background: #86222D; color: #fff; }
  71. #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; }
  72. #respond .logged-in-as a:hover,
  73. #respond #cancel-comment-reply-link:hover { text-decoration: underline; }
  74. .commentlist #respond { margin: 1.625em 0 0; width: auto; }
  75. #reply-title { color: #373737; font-size: 20px; }
  76. #cancel-comment-reply-link { color: #888; display: block; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; }
  77. #cancel-comment-reply-link:focus,
  78. #cancel-comment-reply-link:active,
  79. #cancel-comment-reply-link:hover { color: #ff4b33; }
  80. #respond label {display: block; float: right; font-size: 16px; line-height: 2.2em; width: 280px;}
  81. #respond input[type=text] {}
  82. #respond p { font-size: 12px; }
  83. p.comment-form-comment { margin: 0; }
  84. .form-allowed-tags { display: none; }
  85. .trackback { margin: 0 0 10px; padding: 1em; border: 1px dashed #ccc; }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!