comment.css 3.6 KB

1234567891011121314151617181920212223
  1. #commentList{-webkit-box-sizing:content-box;box-sizing:content-box}#commentList ul{list-style:none;padding:0;margin:5px 0}#commentList ul .media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#commentList ul .media .media-thumb{width:100%;max-width:38px;margin-right:5px;vertical-align:top}#commentList ul .media .media-body{-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:8px;width:100%}#commentList ul .media .media-body form dl{margin-bottom:0}#commentList ul .media .media-body form dl dt strong{font-size:.813rem;color:#56889a}#commentList ul .media .media-body form dl dt span{font-size:.75rem;margin-left:8px;font-weight:normal}#commentList ul .media .media-body form dl dt .dropdown-toggle{padding:0}#commentList ul .media .media-body form dl dt .dropdown-menu{min-width:auto;border-radius:0;border-color:#cfcfcf #999 #666 #999;border-width:1px 1px 1px 0;border-style:solid;box-shadow:2px 0 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.2),-2px 2px 2px rgba(0,0,0,.1);-moz-box-shadow:2px 0 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.2),-2px 2px 2px rgba(0,0,0,.1);-webkit-box-shadow:2px 0 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.2),-2px 2px 2px rgba(0,0,0,.1)}#commentList ul .media .media-body form dl dt .dropdown-menu .dropdown-item{line-height:initial;padding:.4rem 1.2rem;cursor:pointer}#commentList ul .media .media-body form dl dt .dropdown-menu .dropdown-item:hover,#commentList ul .media .media-body form dl dt .dropdown-menu .dropdown-item:focus,#commentList ul .media .media-body form dl dt .dropdown-menu .dropdown-item:active{background:#eaeaea;color:#000}#commentList ul .media .media-body form dl dd{margin-bottom:0}#commentList ul .media .media-body form dl dd p{margin-top:2px;margin-bottom:10px}#commentList ul .media .media-body form dl dd p svg{color:#7e7e7e;margin-right:6px}#commentList ul .media .media-body form dl dd p input{padding:0;display:inline-block}#commentList ul .media .media-body form dl dd p input:focus{outline:none}#commentList ul .media .media-body form dl dd button{padding:0;border:none;background:none;margin-right:10px;cursor:pointer;color:#838383}#commentList ul .media .media-body form dl dd button:hover,#commentList ul .media .media-body form dl dd button:focus{text-decoration:none;color:#ad611b;outline:0}#commentList ul .media .media-body form dl dd button:last-child{color:#6cbd02}#commentList ul .media .media-body form dl dd button:last-child:hover,#commentList ul .media .media-body form dl dd button:last-child:focus{text-decoration:underline}#commentList ul .media .media-body div>form{margin-top:10px}#commentList ul .media .media-body div>form textarea,#commentList ul .media .media-body div>form .mce-tinymce{margin-bottom:10px}#commentList>nav ul{margin:15px 0 20px 0}#commentWrite{-webkit-box-sizing:content-box;box-sizing:content-box}#commentWrite textarea,#commentWrite .mce-tinymce{margin-bottom:10px}ver, #commentList ul .media .media-body form dl dd button:last-child:focus {
  2. text-decoration: underline;
  3. }
  4. #commentList ul .media .media-body div > form {
  5. margin-top: 10px;
  6. }
  7. #commentList ul .media .media-body div > form textarea,
  8. #commentList ul .media .media-body div > form .mce-tinymce {
  9. margin-bottom: 10px;
  10. }
  11. #commentList > nav ul {
  12. margin: 15px 0 20px 0;
  13. }
  14. /* 댓글 작성 */
  15. #commentWrite {
  16. -webkit-box-sizing: content-box;
  17. box-sizing: content-box;
  18. }
  19. #commentWrite textarea,
  20. #commentWrite .mce-tinymce {
  21. margin-bottom: 10px;
  22. }