/******************************* 正文样式Css *************************************
样式名称: 文章正文样式 AContentDiv:通用型 AContentCancel,NoArticle:文章不存在 CenterImg,AlignImg:由函数生成,标签为blockquote 注意,默认设置 line-height:1.7em; color:#565656; font-size:1.1em; (此值与EWebeditor[9][1]一致,在Super.htm的正文默认字体大小中设置)
注意: 1) p标签内不能有h标签,否则会造成p标签无效 2) 如果不想text-indent,使用blockquote 3) 只对p标签设置text-indent,同时对它们的首图片再设置margin-left:-2rem,抵消缩进的影响 4) 我给CenterImg的img加display:block,给AlignImg的img加float:left,可避免父级元素text-indent:2rem对其的影响
5) 目前blockquote标签使用line-height:0,因此只能用于图片容器(图片可有说明文字) 6) center标签可用于文字容器,无text-indent:2em的影响 7) 最后决定,此给P标签text-indent:2em,因为它破坏性太大
-LH_ImgTit: 图片下显示说明文字(word导入的MyFunc.js) -ShowImgTitle: 图片下显示说明文字(正文编辑框的自定义按钮的LH_Self_Func.js)
{' ' ' ' ' ' ' ' ' ' } */
.AContentDiv, .Content_BySelf {padding:0.4rem 0; text-align:left; box-sizing:border-box; /*此padding很重要*/}
.AContentDiv a, .AContentDiv>p a, .AContentDiv>div a {color:#000!important; border-bottom:#000 1px dashed;}
.AContentDiv>p {text-indent:2em; margin:0.7rem auto; /*因为richtext.js录入的内容,没有p,只有div,必须加上richtext类名 text-indent:initial; */}
.AContentDiv>p:nth-child(1) {margin-top:0;}
/* 关于H设置,htm默认是H1为32px,H2为24px;等,目前我的设置是 H1比基本font-size大60%;按20递减,padding也按比例设置 */
.AContentDiv h1 {font-size:160%; padding:0.51rem 0;}
.AContentDiv h2 {font-size:140%; padding:0.34rem 0;}
.AContentDiv h3, .AContentDiv h4, .AContentDiv h5 {font-weight:normal;}
.AContentDiv h3 {font-size:120%; padding:0.23rem 0;}
.AContentDiv h4 {font-size:100%; padding:0.15rem 0;}
.AContentDiv h5 {font-size:85%;}
.AContentDiv h6 {font-size:70%;}
.AContentDiv h1, .AContentDiv h2, .AContentDiv h3, .AContentDiv h4, .AContentDiv h5, .AContentDiv h6 {color:#000;}
.AContentDiv>p span.-ShowImgTitle:nth-child(1) {margin-left:-2em!important; /*此句用于后台,显示正常*/}
.AContentDiv div {margin:0.4rem auto;}
.AContentDiv div span.-ShowImgTitle, .AContentDiv p span.-ShowImgTitle {text-indent:0rem; /*避免对-ShowImgTitle的不必要影响*/}
.AContentDiv img {margin:0.4rem auto; display:block; /*多图片上下间隔,同时避免img受到p标签的text-indent:2em的影响*/}
.AContentDiv p img:first-child, .AContentDiv div img:first-child, .AContentDiv blockquote img:first-child {margin-top:0!important;}
.AContentDiv p img:last-child, .AContentDiv div img:last-child, .AContentDiv blockquote img:last-child {margin-bottom:0!important;}
.AContentDiv table {margin:auto; color:#000000; text-align:left; width:98%; font-size:13px; border-width:0px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei"; /*设置默认样式*/}
.AContentDiv table td {line-height:1.3rem; border:solid #000000 0px; padding:3px 6px;}
.AContentDiv table tr:nth-child(1) td {font-size:14px;}
.-Border_Table {}
.-Border_Table td {border-width:1px!important; border-color:rgba(0,0,0,0.1)!important;}
.AContentDiv p strong {color:#666666;}
.AContentDiv blockquote {line-height:0; margin:0 auto; /*因此此标签注要用于图片,因此行高设为0后避免影响图片间距*/}
@keyframes ContentMoveIn {from{opacity:0; top:1rem;} to{opacity:1; top:0rem;}}
/***************** 关于有序无序列表(ol ul) 和单列表(dl) 标签 **********************
1:由于插件限制,Doc导入,将列表都转为列表内容
2:我的函数通过正则匹配出 有序无序和单列表 3:font-family:Wingdings;为无序特征符
单列表(dl) 1) 使用label>label> 列表内容
2) 如果第二个span的 个数大于4个,就要使用margin-left 3) UL_LI 和 OL_LI 来区分无序,有序 4) 使用label代替span,因为UseCommon.php的CrtArticleContent函数,会删除空标签
有序无序列表 1) 无序列表:ul 有序列表:ol 2) ul,ol的padding-left控制列表内容与序列符的距离 3) 删除doc导入时的两个span标志符内容
/********************************************************************************/
.AContentDiv>ul, .AContentDiv>ol {margin:0.5em auto; padding-left:1.5em;}
.AContentDiv>ul>li, .AContentDiv>ol>li {margin-bottom:0.5rem;}
.AContentDiv>ul {list-style-type:disc;}
.AContentDiv>ol {list-style-type:decimal;}
.AContentDiv>ul>li:last-child, .AContentDiv>ol>li:last-child {margin-bottom:0rem;}
.AContentDiv>dl {margin:0.5em auto;}
.AContentDiv>dl>label>label {font:7pt 'Times New Roman'; display:inline-block; margin-left:1.5em; /* Doc导入列表的特征Css */}
.UL_LI>label {font-family:Wingdings;}
/******************************** 关于图片处理 ********************************
AlignImg: 用于图片在P标签中,多图片float:left排列 -LH_ImgTit: 用于blockquote标签,单图片,特点是可以有图片注释(放置tt标签中),目前doc导入自动添加 -LH_ImgTitA:与前者类似,是在图片没有倒角,图片注释用楷体
-ShowImgTitleA: SelfImgTitle:
/********************************************************************************/
.CenterImg, .AlignImg {width:100%; padding:0.2rem 0; text-align:center!important;}
.CenterImg img {max-width:100%!important; display:block; border-radius:0.3rem;}
.AlignImg {zoom:1; vertical-align:top; /*支撑图片并列排列*/}
.AlignImg:after, .AlignImg:before {display:block; clear:both; content:""; visibility:hidden;}
.AContentDiv p.AlignImg img:first-child, .AContentDiv blockquote.AlignImg img:first-child {margin-top:0.3rem!important; /*如果AlignImg用于P标签,防止前面的.AContentDiv img 对水平排列图片的影响*/}
.AContentDiv p.AlignImg img:last-child, .AContentDiv blockquote.AlignImg img:last-child {margin-bottom:0.3rem!important;}
.AlignImg img {float:left; vertical-align:top; border-radius:0.3rem; margin:0.3rem 0.3rem!important; /*这里给图片加dispaly:block可以防止父级元素text-indent:2rem对其的影响*/}
.AlignImg img:nth-child(2n+1) {clear:left;}
/* -LH_ImgTit,-LH_ImgTitA,此样式名不要动,因为已在导入word文档时MYFunc.js中使用了 */
.-LH_ImgTit {display:block; text-indent:0; border:#F8F8F8 1px solid; padding:0.3em 0; border-radius:0.6rem; text-align:center; /*display:原来是inline-block,由于图片无法居中,现改为block,但可能造成两张图片无法并排,以后解决*/}
.-LH_ImgTit img {display:block; margin:0.3em auto 0 auto; border-radius:0.3em; height:auto;}
.-LH_ImgTit tt, .-LH_ImgTit label {display:block; text-align:center; line-height:1.8rem; color:#767676; text-indent:0!important; font-size:0.9rem!important;}
.-LH_ImgTitA {display:block; margin:0.2rem auto!important; text-indent:0;}
.-LH_ImgTitA img {display:block; margin:auto;}
.-LH_ImgTitA tt {display:block; text-align:center; color:#767676; text-indent:0!important; font-family:楷体!important; font-size:18px!important; width:85%; line-height:1.3rem!important; margin:0.5rem auto 1rem auto;}
.SelfImgTitle {display:block; margin:0.8rem auto!important;width:95%; border:#F8F8F8 1px solid; border-radius:0.6rem; /*专用于系统设置中的设置编辑窗口的正文图片专属Css名.如随山刊木的合同书栏目,管理员在编辑框上传合同图片,配合本样式,图片下显示页码*/}
.SelfImgTitle img {max-width:95%; height:auto; margin:auto;}
.SelfImgTitle>tt {display:block; text-align:center; text-indent:0!important;}
.SelfImgTitle>tt>tt {display:inline-block; padding:0.2rem 0.8rem; line-height:0.9rem; background-color:#FFFFFF; font-size:0.9rem!important; position:relative; top:0.6rem;}
.DumpBR {display:inline; line-height:0;}
.AContentCancel {width:100%; overflow:visible!important; vertical-align:top; box-sizing:border-box; text-align:center!important; margin:auto; min-height:12.5em; box-sizing:border-box;}
.AContentCancel table {text-align:center;}
.NoArticle {display:table; margin:25px auto; min-width:350px;} /*文章尚未录入的样式*/
.NoArticle div {display:table-cell; text-align:center; vertical-align:middle; padding:1.5em;; border:rgba(0,0,0,0.1) 1px solid;-webkit-font-smoothing:subpixel-antialiased; -webkit-font-smoothing:antialiased;}
.NoArticle div img {width:150px; height:auto; opacity:0.1;}
.NoArticle div span {font-size:1.9rem; letter-spacing:0.15em; color:#BBB;}
.NoArticle div a {color:#999!important; font-size:14px; border:#DDD 1px solid; padding:6px 10px; border-radius:5px; background-color:rgba(0,0,0,0.05);}
.NoArticle div a:hover {color:#000!important; background-color:rgba(0,0,0,0.1);}
/* 以上是不变的部分,注意letter-space用em,否则影响中文断行 */
/* 以下是可能会改动的css,注意改变font-size和color时,要同步修改var/var.js的PC_FontSize和 */
.AContentDiv img, .AContentDiv p img, .AContentDiv div p img {max-width:100%;}
.AContentDiv, .AContentDiv>p, .AContentDiv>center {font-size:1.0rem; line-height:1.4rem; color:#666; font-weight:normal;}
.GovernmentDoc, .GovernmentDoc>p, .GovernmentDoc>center, .GovernmentDoc span {font-family:"FangSong","仿宋"; font-size:1.25rem; /*用于农工党的公文样式*/}
.ReturnBtn {margin:0!important; width:6rem;}
.ReturnBtn a {display:block; background-color:#2F73E2; text-align:center; padding:1rem 0 1.2rem 0; border-radius:3px;}
.ReturnBtn a dd {display:inline-block; font-size:1rem; color:#FFF; padding-left:1rem; position:relative;}
.ReturnBtn a dd::before {content:""; width:8px; height:8px; border-left:2px solid #FFF; border-top:2px solid #FFF; transform:rotate(-45deg); position:absolute; left:0; top:50%; margin-top:-3px;}
.ReturnBtn a:hover dd {color:#FF0;}
/* Content_BySelf: 此样式用于后台正文录入时勾选保留文章为独立样式复选框 */
.Content_BySelf>p {margin:0.7rem auto;}
.Content_BySelf>p:nth-child(1) {margin-top:0;}
.Content_BySelf, .Content_BySelf p, .Content_BySelf center {font-size:1.25rem; line-height:1.6rem; color:#666;}
.Content_BySelf span {font-family:inherit;}
/******************************* 正文样式Css *************************************/
/* 农工民主党 政府公文 民主党文章要求: 标题:宋体,小二号(18px) 加黑 正文:仿宋,小三号(15px) 落款:楷体,4号(14px) 副标题:楷体 4号(14px) */
.AContentTitle {padding:0px 0px 0.5em 0px; width:100%; margin:auto; border-bottom:#CCC 1px dashed;}
.AContentTitle dt {padding:0.2em 0px 0.4em 0px; font-size:1.6rem; text-align:center; font-weight:bolder; color:#000; font-family:"宋体","SimSun";}
.AContentTitle dd, .AContentTitle h3 {margin:0px; padding:0px; text-align:center; font-weight:normal; font-family:"楷体","KaiTi";}
.AContentTitle dd {margin:1px 0 10px 0; font-size:1.1rem; }
.AContentTitle h3 {text-align:right; font-size:18px;}
.AContentTitle center {font-size:13px!important; text-align:left; width:100%; color:#888; font-family:inital; background-color:#F9F9F9; padding:4px 9px; border-radius:5px;}
.AContentTitle center span {color:#2F73E2; font-family:inital; border-bottom:#999 1px dashed;}
.AContentTitleA {padding:0px; margin:0px; width:100%; height:0.2em;}
.DivideLineA {width:94%; margin:auto; text-align:center; background:url(../images/Common/LineC.gif) repeat-x left center;}
.DivideLineA span {display:inline-block; padding:0.3rem 0.7rem; background-color:#FFF; font-size:0.9rem; color:#000000;}
/************************* 详情页Title,Title属性Css *******************************
1) ATitle下元素内容 div:详情页文章标题 center:第二行的容器 center span:文章属性,比如所在二级栏目,作者,发布时间等显示(通用的显示) 2) 不要用margin,在正文内容不足时导致div的高度异常 3)不要使用padding,会导致的offset()时判断height错误 4)使用blockquote代替padding-top和padding-bottom
*/
.AColumn {float:right; position:relative; padding:6px 14px 4px 14px; color:#FFF; font-size:25px; letter-spacing:2px; border-radius:7px; border-bottom-left-radius:0; border-bottom-right-radius:0; font-family:SimHei; background-color:rgba(0,0,0,0.5); margin:0px 10px 10px 0px;}
.ATitle {width:100%; text-align:center; border-bottom:#EFEFEF 1px solid; /*padding:0.8rem 0px 0.2rem 0px;margin:auto;*/}
.ATitle blockquote:nth-child(1) {height:0.8rem}
.ATitle blockquote:nth-child(4) {height:0.2rem}
.ATitle div {color:#000; font-size:1.1rem; line-height:1.4rem; font-weight:bolder;}
.ATitle center {margin:auto; width:95%; padding:0.2rem 0.5rem; text-align:center; font-size:0.85rem; color:#BBB;}
.ATitle center>span {line-height:1.5rem;}
.ATitle center>span {font-size:0.80rem;}
.ATitle center>span span {color:#BBB;}
.ATitle center>span tt {color:#232323;}
/******************************** 详情页Title结束 ********************************/
/******************* 用于页面的第二正文(炜尔申关于我们) **************************/
.ADD_Content {padding:0.2rem 0; text-align:left; margin:auto; width:100%; position:relative; box-sizing:border-box;}
.ADD_Content p {font-size:0.95rem; color:#000; line-height:1.0em; margin:0.5rem auto;}
/***************** 后台colun_list_2.htm的勾选自写样式复选框 ***********************
此样式对应Article_add.htm的SelfDefCont列表框的前10项 0:联系我们样式
*/
.SelfDefCont_0 {width:95%; font-size:0; margin:auto;}
.SelfDefCont_0 div {display:inline-block; vertical-align:top; width:45%; text-align:left; color:#767676; padding:10px 0; box-sizing:border-box;}
.SelfDefCont_0 div:nth-child(2), .SelfDefCont_0 div:nth-child(6) {width:10%;}
.SelfDefCont_0 div dd {font-size:1.8rem; padding:30px 0 25px 0; color:#000000; font-weight:bolder;}
.SelfDefCont_0 div hr {height:20px; opacity:0.2; border-width:0; background:url(../Images/Common/LineB.png) repeat-x left center;}
.SelfDefCont_0 div dt {font-size:1.1rem; line-height:30px; position:relative;}
.SelfDefCont_0 div dt::after {content:""; display:block; position:absolute; right:0; bottom:1em; width:1.1rem; height:1.1rem; background: #DA251D;}
.SelfDefCont_0 div dt::before {content:""; display:block; position:absolute; right:1.1em; bottom:2.1rem; width:0.5rem; height:0.5rem; background:#ADBAB3;}
.SelfDefCont_0 div blockquote {width:100%;}
.SelfDefCont_0 div blockquote img {width:100%; height:auto; border-width:0;}
.SelfDefCont_0 center {width:100%; padding:0 0; margin:auto;}
.SelfDefCont_0 center img {width:100%; height:auto; border-width:0;}
/* 此样式对应Article_add.htm的SelfDefCont列表框的后10项 */
.ImgInALine {display:block; width:50%; margin:0.5rem auto!important; padding:0.4rem; border:rgba(0,0,0,0.05) 1px solid;text-align:center; border-radius:0.3rem; /* 目前用于随山刊木的EWebeditor中插入装修平面图 */}
.ImgInALine img {max-width:100%; height:auto; border-radius:0.4rem; margin:auto;}
.ImgInALine a {border-bottom-width:0;}
.ImgInALine tt {display:block; height:18px; line-height:22px; font-size:12px; color:#898989; text-align:center;}
.AnchorArticle {width:100%; height:50px!important; line-height:50px!important; background-color:#FDF6F7; text-align:left; text-indent:1rem; font-size:21px!important; font-weight:bolder; color:#000; letter-spacing:0.1rem}