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;
|
||
}
|