Created
December 1, 2016 13:30
-
-
Save Bakumon/01ff653693dacd7ee8b0bc5a8700a4ad to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#comments, #ds-thread { | |
background-color: #fff | |
} | |
#comments h4, #ds-thread #ds-reset .ds-user-name { | |
font-size: 13px | |
} | |
#comments { | |
padding: 2pc | |
} | |
#comments h4 { | |
line-height: 18px; | |
color: #8a8a8a; | |
margin: 0 | |
} | |
#ds-thread { | |
display: flex; | |
box-sizing: border-box; | |
flex-direction: column; | |
justify-content: flex-start; | |
align-items: stretch; | |
position: relative | |
} | |
@media screen and (max-width:480px) { | |
#ds-thread { | |
padding: 0 | |
} | |
} | |
#ds-thread #ds-reset .ds-comment-body p { | |
padding-bottom: 5px | |
} | |
#ds-thread #ds-reset .ds-replybox { | |
margin: 20px 0; | |
padding: 0 0 0 40px | |
} | |
#ds-reset .ds-avatar, #ds-reset .ds-avatar img { | |
background: 0; | |
width: 35px; | |
height: 35px; | |
-webkit-border-radius: 50%; | |
border-radius: 50%; | |
box-shadow: 0; | |
border: none | |
} | |
#ds-thread #ds-reset ul.ds-children .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar img { | |
width: 30px; | |
height: 30px; | |
border: none!important | |
} | |
#ds-thread #ds-reset .ds-replybox .ds-avatar { | |
top: 5px width: 35px; | |
height: 35px; | |
border: none | |
} | |
#ds-thread #ds-reset .ds-replybox .ds-avatar img { | |
width: 35px!important; | |
height: 35px!important; | |
border: none | |
} | |
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body { | |
padding-left: 45px | |
} | |
#ds-thread #ds-reset a.ds-like-thread-button, #ds-thread #ds-reset li.ds-tab, #ds-wrapper #ds-reset button { | |
text-shadow: 0; | |
font-size: 14px; | |
font-weight: 400; | |
border: 0; | |
height: 30px; | |
line-height: 30px; | |
min-width: 50px; | |
padding: 0 14px; | |
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) | |
} | |
#ds-thread #ds-reset ul.ds-children { | |
margin-left: 3pc | |
} | |
#ds-reset .ds-highlight { | |
color: #000 | |
} | |
#ds-thread #ds-reset .ds-post-self, #ds-thread #ds-reset li.ds-post { | |
border-top: 0 | |
} | |
#ds-thread #ds-reset .ds-post-toolbar a, #ds-thread #ds-reset .ds-post-toolbar input, #ds-thread #ds-reset .ds-post-toolbar label, #ds-thread #ds-reset .ds-post-toolbar span { | |
display: none | |
} | |
#ds-thread #ds-reset .ds-post-button, #ds-thread #ds-reset a.ds-like-thread-button, #ds-thread #ds-reset li.ds-tab, #ds-wrapper #ds-reset button { | |
text-align: center; | |
margin: 0; | |
display: inline-block; | |
font-family: Roboto, Helvetica, Arial, sans-serif; | |
text-transform: uppercase; | |
letter-spacing: 0; | |
overflow: hidden; | |
will-change: box-shadow; | |
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1); | |
outline: 0; | |
cursor: pointer; | |
text-decoration: none; | |
vertical-align: middle | |
} | |
#ds-thread #ds-reset .ds-account-control ul { | |
border: 0; | |
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) | |
} | |
#ds-thread #ds-reset a.ds-like-thread-button { | |
background: rgba(158, 158, 158, .2); | |
color: #fff; | |
background-color: #F06292 | |
} | |
#ds-thread #ds-reset .ds-thread-liked { | |
background-color: #FF80AB!important | |
} | |
#ds-thread #ds-reset li.ds-tab, #ds-wrapper #ds-reset button { | |
background: 0 | |
} | |
#ds-thread #ds-reset li.ds-tab:hover, #ds-wrapper #ds-reset button:hover { | |
background-color: rgba(102, 102, 102, .1) | |
} | |
#ds-thread #ds-reset li.ds-tab:active, #ds-wrapper #ds-reset button:active { | |
background-color: rgba(102, 102, 102, .1); | |
-webkit-box-shadow: none; | |
box-shadow: none | |
} | |
#ds-thread #ds-reset li.ds-tab a.ds-current { | |
border: 0; | |
background-color: rgba(255, 255, 255, 0) | |
} | |
#ds-thread #ds-reset a.ds-like-thread-button span { | |
font-family: Roboto, Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
color: #fff; | |
font-weight: 400 | |
} | |
#ds-thread #ds-reset li.ds-tab a { | |
-webkit-border-radius: 0; | |
border-radius: 0; | |
text-shadow: 0 | |
} | |
#ds-thread #ds-reset .ds-textarea-wrapper { | |
background: 0; | |
border: 0; | |
border-bottom: 1px solid rgba(0, 0, 0, .12); | |
width: 95%; | |
margin: 0; | |
padding: 0; | |
float: left | |
} | |
#ds-thread #ds-reset .ds-post-toolbar { | |
width: 5%; | |
padding: 0; | |
margin: 0; | |
box-shadow: 0; | |
float: left | |
} | |
#ds-thread #ds-reset .ds-post-options { | |
border: 0; | |
-webkit-border-bottom-left-radius: 0; | |
background: 0 | |
} | |
#ds-thread #ds-reset .ds-post-button { | |
height: 40px; | |
width: 40px; | |
line-height: 40px; | |
padding: 0; | |
border-radius: 50%; | |
font-size: 0; | |
font-weight: 500; | |
border: 0; | |
background: rgba(204, 28, 28,.9); | |
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); | |
color: #fff | |
} | |
#ds-thread #ds-reset .ds-post-button:hover { | |
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 3px 7px 0 rgba(0, 0, 0, .12); | |
color: #fff | |
} | |
#ds-thread #ds-reset .ds-meta { | |
border-bottom: 0 | |
} | |
#ds-thread #ds-reset #ds-bubble { | |
border: 0; | |
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); | |
background-color: rgba(255, 255, 255, .9); | |
border-radius: 3px | |
} | |
#ds-thread #ds-reset .ds-textarea-wrapper textarea { | |
height: 16px!important; | |
font-size: 14px!important; | |
line-height: 16px!important | |
padding-left: 10px | |
padding-right: 10px | |
padding-top: 5px | |
width: 99% | |
} | |
#ds-thread #ds-reset .ds-like-tooltip { | |
box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 55px 0 rgba(0, 0, 0, .12); | |
border-radius: 2px; | |
background: #FFF; | |
border: 0 | |
} | |
#ds-wrapper #ds-reset .ds-dialog-inner { | |
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 1px 3px 7px 0 rgba(0, 0, 0, .12), 0 0 20px 5px rgba(0, 0, 0, .12); | |
border: 0; | |
background: #fff | |
} | |
#ds-wrapper #ds-reset .ds-dialog-body { | |
padding: 20px | |
} | |
#ds-thread #ds-reset .ds-powered-by { | |
display: none | |
} | |
#ds-thread #ds-reset .ds-comments, #ds-thread #ds-reset .ds-paginator { | |
border-bottom: 0 | |
} | |
#ds-wrapper #ds-reset .ds-icons-32 { | |
height: 100px | |
} | |
#ds-wrapper #ds-reset .ds-icons-32::before { | |
content: 'Welcome'; | |
font-family: Roboto; | |
font-size: 24px; | |
color: #fff; | |
text-shadow: none; | |
position: relative; | |
float: left; | |
top: 60px; | |
left: 40px | |
} | |
#ds-wrapper #ds-reset .ds-service-list { | |
margin: 10px 0; | |
text-align: center | |
} | |
#ds-wrapper #ds-reset .ds-actions { | |
padding-bottom: 30px; | |
padding-top: 12px; | |
margin: 10px 10px 20px; | |
color: rgba(0, 0, 0, .5); | |
font-size: 13px | |
} | |
#ds-wrapper #ds-reset .ds-actions label { | |
margin-right: 12px | |
} | |
#ds-wrapper #ds-reset .ds-quote { | |
margin: 0; | |
padding: 20px | |
} | |
#ds-reset .ds-service-icon, #ds-reset .ds-service-icon-grey { | |
background: 0; | |
width: 5px!important | |
} | |
#ds-reset input[type=checkbox] { | |
width: 12px | |
} | |
#ds-wrapper #ds-reset .ds-textarea-wrapper { | |
border: 0; | |
margin: 0 | |
} | |
#ds-wrapper #ds-reset .ds-dialog-footer { | |
border-top: 1px solid rgba(0, 0, 0, .1); | |
display: none | |
} | |
#ds-wrapper #ds-reset .ds-control-group { | |
margin-left: 40px | |
} | |
#ds-thread #ds-reset .ds-post-liked a.ds-post-likes { | |
font-size: 12px | |
} | |
#ds-wrapper #ds-reset .ds-control-group input { | |
border: 0; | |
box-shadow: none; | |
border-bottom: 1px solid rgba(0, 0, 0, .12); | |
display: block; | |
font-size: 16px; | |
font-family: Helvetica, Arial, sans-serif; | |
margin: 0; | |
padding: 4px 0; | |
width: 100%; | |
background: 0; | |
text-align: left; | |
color: inherit | |
} | |
#ds-wrapper #ds-reset .ds-dialog-body button { | |
margin: 10px 0 20px 40px | |
} | |
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li { | |
margin: 0 0 0 5px; | |
text-align: center | |
} | |
#ds-thread #ds-reset .ds-login-buttons .ds-service-list li a { | |
color: rgba(0, 0, 0, .6)!important | |
} | |
#ds-reset .ds-service-link { | |
background: 0; | |
padding-left: 0 | |
} | |
#ds-reset .ds-icon { | |
background: 0; | |
display: none | |
} | |
#ds-thread #ds-reset .ds-comment-actions a { | |
font-size: 13px; | |
color: rgba(0, 0, 0, .24)!important | |
} | |
#ds-thread #ds-reset .ds-comment-actions a:hover { | |
color: rgba(0, 0, 0, .4)!important | |
} | |
#ds-thread #ds-reset .ds-comment-footer { | |
line-height: normal | |
} | |
#ds-thread #ds-reset .ds-time { | |
font-size: 13px; | |
position: relative; | |
} | |
.ds-post-likes::before, .ds-post-reply::before, .ds-post-report::before, .ds-post-repost::before { | |
font-size: 12px | |
} | |
.ds-post-reply { | |
left: -20px | |
} | |
.ds-post-report { | |
color: rgba(0, 0, 0, .14)!important | |
} | |
.ds-post-report::before { | |
content: "\E8B2"; | |
display: none | |
} | |
.ds-baidu::before, .ds-douban::before, .ds-google::before, .ds-kaixin::before, .ds-qq::before, .ds-qzone::before, .ds-renren::before, .ds-weibo::before, .ds-weixin::before { | |
font-family: FontAwesome; | |
margin-right: 0px | |
} | |
.ds-weixin::before { | |
content: "" | |
} | |
.ds-weibo::before { | |
content: "" | |
} | |
.ds-qq::before { | |
content: "" | |
} | |
.ds-renren::before { | |
content: "" | |
} | |
.ds-douban::before { | |
content: "" | |
} | |
.ds-kaixin::before { | |
content: "" | |
} | |
.ds-baidu::before { | |
content: "" | |
} | |
.ds-google::before { | |
content: "" | |
} | |
.ds-qzone::before { | |
content: "" | |
} | |
.ds-meta .ds-like-panel { | |
margin-left: 10px!important | |
} | |
#ds-thread #ds-reset .ds-post-button::before { | |
content: '射'; | |
font-weight: 90; | |
font-size: 16px | |
} | |
.ds-icons-32 a { | |
background: 0 0!important | |
} | |
.ds-dialog-body h2 { | |
display: none!important | |
} | |
#ds-thread.ds-narrow #ds-reset .ds-post-button { | |
width: 40px | |
} | |
.ds-comments-info { | |
display: none | |
} | |
.ds-comments-info .ds-sort { | |
display: none!important | |
} | |
@media screen and (max-width:480px) { | |
.ds-comments-info, .ds-comments-tabs { | |
display: none!important | |
} | |
} | |
#ds-reset #ds-ctx { | |
max-width: none | |
} | |
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-content { | |
margin: 5px 0; | |
line-height: 20px | |
} | |
#ds-reset #ds-ctx .ds-comment-actions { | |
margin-top: 10px; | |
position: relative | |
} | |
#ds-reset #ds-ctx .ds-ctx-entry:hover .ds-comment-actions { | |
display: none | |
} | |
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a { | |
top: 0 | |
} | |
#ds-thread.ds-narrow #ds-reset .ds-avatar img { | |
border: none | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment