1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- .comment-show-more {
- color: #4a90e2;
- text-align: center;
- width: 100px;
- background-color: #f8f8f8;
- cursor: pointer;
- padding: 10px;
- margin: 0 auto;
- transition: all 0.3s;
- }
- .comment-show-more:hover {
- background-color: #f5f5f5;
- color: #1890ff;
- }
- .comment-more-box {
- text-align: center;
- width: 90%;
- margin-left: 50px;
- margin-top: 10px;
- height: 40px;
- display: inline-block;
- }
- @media screen and (max-width: 616px) and (min-width: 449px) {
- .comment-more-box {
- text-align: center;
- width: 85%;
- margin-left: 50px;
- height: 40px;
- display: inline-block;
- }
- }
- @media screen and (max-width: 449px) and (min-width: 365px) {
- .comment-more-box {
- text-align: center;
- width: 80%;
- margin-left: 50px;
- height: 40px;
- display: inline-block;
- }
- }
- @media screen and (max-width: 365px) {
- .comment-more-box {
- text-align: center;
- width: 75%;
- margin-left: 50px;
- height: 40px;
- display: inline-block;
- }
- }
|