comment.css 3.8 KB

1234567891011121314151617181920212223
  1. #commentList{-webkit-box-sizing:content-box;box-sizing:content-box}#commentList ul{list-style:none;padding:0;margin:10px 0}#commentList ul li.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;padding:0 10px}#commentList ul li.media .media-thumb{vertical-align:top;margin-right:9px}#commentList ul li.media .media-body{-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:8px;width:100%}#commentList ul li.media .media-body form dl{margin-bottom:0}#commentList ul li.media .media-body form dl dt strong{color:#465e85;font-size:14px}#commentList ul li.media .media-body form dl dt span{font-size:12px;margin-left:8px;font-weight:normal}#commentList ul li.media .media-body form dl dt .dropdown-toggle{padding:0;text-decoration:none}#commentList ul li.media .media-body form dl dt .dropdown-toggle:hover,#commentList ul li.media .media-body form dl dt .dropdown-toggle:focus{text-decoration:underline}#commentList ul li.media .media-body form dl dt .dropdown-menu{min-width:auto;margin-left:20px;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 li.media .media-body form dl dt .dropdown-menu .dropdown-item{line-height:initial;padding:.4rem 1.2rem;cursor:pointer}#commentList ul li.media .media-body form dl dt .dropdown-menu .dropdown-item:hover,#commentList ul li.media .media-body form dl dt .dropdown-menu .dropdown-item:focus,#commentList ul li.media .media-body form dl dt .dropdown-menu .dropdown-item:active{background:#eaeaea;color:#000}#commentList ul li.media .media-body form dl dd{margin-bottom:0}#commentList ul li.media .media-body form dl dd p{margin-top:2px;margin-bottom:10px}#commentList ul li.media .media-body form dl dd p svg{color:#7e7e7e;margin-right:6px}#commentList ul li.media .media-body form dl dd p input{padding:0;display:inline-block}#commentList ul li.media .media-body form dl dd p input:focus{outline:none}#commentList ul li.media .media-body form dl dd button{padding:0;border:none;background:none;margin-right:10px;cursor:pointer;color:#838383}#commentList ul li.media .media-body form dl dd button:hover,#commentList ul li.media .media-body form dl dd button:focus{text-decoration:none;color:#ad611b;outline:0}#commentList ul li.media .media-body form dl dd button:last-child{color:#6cbd02}#commentList ul li.media .media-body form dl dd button:last-child:hover,#commentList ul li.media .media-body form dl dd button:last-child:focus{text-decoration:underline}#commentList ul li.media .media-body div>form{width:calc(100% - 1px);margin-top:10px}#commentList ul li.media .media-body div>form textarea,#commentList ul li.media .media-body div>form .mce-tinymce{margin-bottom:10px}#commentList>nav ul{margin:15px 0 20px 0}#commentWrite{padding:5px 10px}#commentWrite textarea,#commentWrite .mce-tinymce{margin-bottom:10px}ton:last-child:hover, #commentList ul li.media .media-body form dl dd button:last-child:focus {
  2. text-decoration: underline;
  3. }
  4. #commentList ul li.media .media-body div > form {
  5. width: calc(100% - 1px);
  6. margin-top: 10px;
  7. }
  8. #commentList ul li.media .media-body div > form textarea,
  9. #commentList ul li.media .media-body div > form .mce-tinymce {
  10. margin-bottom: 10px;
  11. }
  12. #commentList > nav ul {
  13. margin: 15px 0 20px 0;
  14. }
  15. /* 댓글 작성 */
  16. #commentWrite {
  17. padding: 5px 10px;
  18. }
  19. #commentWrite textarea,
  20. #commentWrite .mce-tinymce {
  21. margin-bottom: 10px;
  22. }