把mysql页面改个颜色_知乎页面颜色个性化修改

/**

*知乎页面颜色个性化修改

*知乎样式太素,阅读时,寻找功能按钮需要付出一些精力成本。

*故试做修改,目的不在美观,

*而在于高亮显示功能按钮,放大正文字号便于使用阅读。

*不喜欢样式的可以自己调一下配色和文字大小。*/

/*知乎头部logo*/div.AppHeader-inner svg g path{fill:#ff4444;

}

/*知乎头部搜索框 有值后颜色纠正*/div.AppHeader-inner div.Input-after button.SearchBar-hasValueSearchIcon

svg g path{fill:#ffffff;

}

/*知乎默认蓝色按钮 改成红色*/.Button--primary.Button--blue, .Button--primary.Button--blue:disabled{background:#ff4444;border:1px solid #ff0000;

}

/*关注问题及回答问题按钮 单独纠正*/div.QuestionButtonGroup button.Button.Button--primary.Button--blue{color:#ffffff;border:1px solid #ff0000;

}

/*关注问题及回答问题按钮 单独纠正*/div.QuestionButtonGroup button.Button--blue{color:#ff4444;border:1px solid #ff4444;

}

/*问题评论按钮*/div.QuestionHeader-Comment button.Button.Button--plain{color:#ff4444;

}

/*问题详情 展开按钮*/div.QuestionHeader-detail button.Button.QuestionRichText-more.Button--plain{color:#ff4444;

}

/*问题详情 展开按钮 右侧箭头*/div.QuestionHeader-detail button.Button.QuestionRichText-more.Button--plain

svg g path{fill:#ff4444;

}

/*问题评论按钮 左侧箭头*/div.QuestionHeader-Comment button.Button.Button--plain svg g path{fill:#ff4444;

}

/*问题详情 收起按钮 布局及文字颜色*/div.QuestionHeader-actions button.Button.Button--plain{color:#ffffff;background:#ff4444;padding-left:10px;padding-right:10px;border-radius:2px;

}

/*问题详情 收起按钮 箭头颜色*/div.QuestionHeader-actions button.Button.Button--plain svg g path{fill:#ffffff;

}

/*答案正文展开提示文字*/div.RichContent.is-collapsed.RichContent--unescapable

button.Button.ContentItem-rightButton.Button--plain{color:#ff4444;

}

/*答案正文展开提示文字 右侧箭头*/div.RichContent.is-collapsed.RichContent--unescapable

button.Button.ContentItem-rightButton.Button--plain

svg.Icon.ContentItem-arrowIcon.Icon--arrow g path{fill:#ff4444;

}

/*答案收起按钮 布局及背景颜色*/button.Button.ContentItem-action.ContentItem-rightButton.Button--plain{padding-left:10px;padding-right:10px;background-color:#ff4444;border-left-width:0;border-radius:1px;

}

/*答案收起按钮 右侧箭头颜色*/button.Button.ContentItem-rightButton.Button--plain{color:#ffffff;

}

/*答案评论按钮 文字颜色*/div.ContentItem-actions>:nth-child(2){color:#ff4444;

}

/*答案评论按钮 左侧小图标*/svg.Icon.Icon--comment.Icon--left g path{fill:#ff4444;

}

/*答案评论收起按钮 背景及文字颜色*/div.Comments.Comments--withEditor.Comments-withPagination

button.Comments-Packup-Button{background:#ff4444;color:#ffffff;

}

/*答案评论收起按钮 右侧小箭头*/svg.Icon.ContentItem-arrowIcon.is-active.Icon--arrow g path{fill:#ffffff;

}div.Comments.Comments--withEditor.Comments-withPagination

button.Comments-Packup-Button svg g path{fill:#ffffff;

}

/*答案 正文字号*/div.RichContent-inner{font-size:17px;

}

/*答案 正文字号 纠偏(这是缩略时字号,别动它)*/div.RichContent.is-collapsed div.RichContent-inner{font-size:15px;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值