.comment-me-page { .comment .title { background-image: resolve(/home/comment.png); } .me-comment { padding: 10px; font-size: 12px; line-height: 18px; } .main-tip span{ color: #e8044f; } .comment-table-header { padding: 0; margin-top: 10px; .info { width: 260px; } .time { width: 415px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .type { width: 98px; } } .comment-table { width: 100%; margin-top: 10px; tr { border: 1px solid #e6e6e6; th { background: #efefef; padding: 5px; } td { color: #666; padding: 5px; text-align: center; } a { color: #468fa2; text-decoration: none; } .remarked { color: #e8044f; } .remark-btn { width: 69px; height: 22px; line-height: 21px; border: 0px; background: resolve(home/remark-btn.png) no-repeat; cursor: pointer; color: #fff; outline: none; } } .remark-content { width: 405px; border: 1px solid #e6e6e6; word-break: break-all; } } #comment-dialog-widget { position: absolute; padding: 5px; border: 1px solid #999; background: #fff; border-radius: 4px; z-index: 1050; .dialog-titlebar { height: 16px; cursor: move; .dialog-close-btn { float: right; width: 46px; height: 16px; background: resolve(home/openbox_close.png) no-repeat 0px 0px; cursor: pointer; &:hover { background-position: 0px -16px; } } } .dialog-content { padding: 3px 30px; dl { display: table-row; } dd { display: table-cell; vertical-align: top; font-size: 13px; line-height: 15px; } textarea { width:390px; height:80px; max-width: 390px; max-height: 240px; background: resolve(/home/input-back.png) repeat-x; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; } } .dialog-buttons { padding-right: 30px; button { color: #666; float: right; padding: 8px 15px; margin-left: 5px; border: 1px solid #AAA; border-radius: 3px; background-color: #f2f2f2; outline: none; } .dialog-save-btn { color: #fff; font-weight: bold; border-color: #B5023D; background-color: #DA0249; } } } }