141 lines
2.7 KiB
CSS
141 lines
2.7 KiB
CSS
@charset "UTF-8";
|
|
|
|
/****** @override 微信公众号样式 ******/
|
|
body {
|
|
background-color: #fff;
|
|
}
|
|
|
|
img {
|
|
border: none !important;
|
|
}
|
|
|
|
.rich_media_area_primary {
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
outline: 0px solid transparent;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
-webkit-user-select: auto !important;
|
|
-webkit-user-modify: read-only !important;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
font-family: -apple-system;
|
|
padding: 0 20px 20px;
|
|
}
|
|
|
|
.rich_media_title {
|
|
margin: -3px 0 10px 0;
|
|
overflow: hidden;
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
line-height: 36px;
|
|
}
|
|
|
|
.rich_media_content {
|
|
overflow: visible;
|
|
}
|
|
|
|
.rich_media_content p {
|
|
/* margin: 20px 0px 0px 0px;*/
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.rich_media_content blockquote {
|
|
margin: 18px 0px 0px 0px;
|
|
padding: 14px;
|
|
/* color: #353C46;*/
|
|
/* border-left: 2px solid #D4D6D8;*/
|
|
/* background-color: #F4F5F7;*/
|
|
font-weight: 300;
|
|
}
|
|
|
|
.rich_media_content blockquote p:empty {
|
|
display: none;
|
|
}
|
|
|
|
.rich_media_content blockquote p:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
/*复制的内容有可能经过js之后会包一个空的p，所以要找到下一个p去掉margin*/
|
|
.rich_media_content blockquote p:empty:first-child + p {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.rich_media_tool {
|
|
display: none;
|
|
}
|
|
|
|
.rich_media_content img {
|
|
/* display: inline-block;
|
|
margin: 0;*/
|
|
}
|
|
|
|
/*覆盖QQ音乐的样式*/
|
|
.qqmusic_area {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
/*分享图片类型的页面去掉了顶部的信息，需要手动加一个 Margin 防止内容贴着顶部*/
|
|
.page_share_img .share_notice {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.share_mod_context .account_info {
|
|
display: none;
|
|
}
|
|
|
|
/* 屏蔽 iPad 上可能出现的 PC 版公众号二维码 */
|
|
#js_pc_qr_code {
|
|
display: none !important;
|
|
}
|
|
|
|
.tts {
|
|
background-color: rgba(27, 136, 238, .25) !important;
|
|
}
|
|
|
|
/* 自己的想法 */
|
|
.review {
|
|
border-bottom: 1px dashed rgba(249, 84, 87, 1) !important;
|
|
}
|
|
|
|
/* 好友的想法 */
|
|
.friend-review {
|
|
border-bottom: 1px dashed rgba(133, 140, 150, 1) !important;
|
|
}
|
|
|
|
/* 划线 */
|
|
.highlight {
|
|
background-color: rgba(255, 159, 78, .25) !important;
|
|
}
|
|
|
|
/* 从想法圈进来的划线 */
|
|
.reference {
|
|
background-color: rgba(247, 247, 0, .25) !important;
|
|
}
|
|
|
|
/* 以下几种复合的情况，只显示 review 的样式，不显示 highlight 的样式 */
|
|
.review .highlight,
|
|
.friend-review .highlight,
|
|
.highlight .review,
|
|
.highlight .friend-review,
|
|
.highlight.review,
|
|
.highlight.friend-review {
|
|
background-color: none !important;
|
|
}
|
|
|
|
body,
|
|
#js_article,
|
|
.review,
|
|
.highlight,
|
|
.friend-review,
|
|
.reference {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
/* 公众号图片点击链接 */
|
|
.h5_image_link {
|
|
pointer-events: none;
|
|
}
|