/******************************* 正文样式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,因为它破坏性太大 8) 如果正文p标签有class="LHStyle",这此p标签的style不做处理 -LH_ImgTit: 图片下显示说明文字(word导入的MyFunc.js) -ShowImgTitle: 图片下显示说明文字(正文编辑框的自定义按钮的LH_Self_Func.js) {' ' ' ' ' ' ' ' ' ' } */ .AContentDiv {padding:0.4rem 0; text-align:left; margin:auto; /*此padding很重要*/} .AContentDiv a, .AContentDiv p a, .AContentDiv div a {color:#000000!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 {font-size:120%; padding:0.23rem 0; font-weight:bolder;} .AContentDiv h4 {font-size:100%; padding:0.15rem 0; font-weight:bolder;} .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; /*避免对-LH_ImgTit的不必要影响*/} .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, .AContentDiv table td, .AContentDiv ol {letter-spacing:0px; color:#565656; text-align:justify; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei"; /*设置默认样式*/} .AContentDiv table td {line-height:1.8rem;} .AContentDiv p strong {color:#666666;} .AContentDiv blockquote {line-height:0; margin:0 auto; /*因此此标签注要用于图片,因此行高设为0后避免影响图片间距*/} .AContentDiv blockquote img {display:inline-block;} .AContentDiv ol li {list-style:initial; list-style-type:decimal; margin:0.4rem auto;} .AContentDiv ul li {list-style:initial; list-style-type:disc; margin:0.8rem auto;} .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;} .SmallImg {display:inline!important; width:initial; padding:0 0.2rem; line-height:1.8rem;} .-AlignTow {display:flex; justify-content:space-between;width:99%; margin:auto; flex-direction:row; flex-wrap:wrap; align-items:flex-start; box-sizing:border-box; padding:0; font-size:0; /*border:#F00 1px solid;*/} .-AlignTow img {width:49.3%; height:auto; margin:0.3rem 0 0 0;} .-AlignTow img:nth-child(2) {margin:0;} .-AlignTow tt {width:50%; display:inline-block; font-size:0.90rem; color:#999; text-align:center; line-height:1rem; margin:0.5rem 0 0.7rem 0;} /* -LH_ImgTit,-LH_ImgTitA,此样式名不要动,因为已在导入word文档时MYFunc.js中使用了 */ .-LH_ImgTit {display:block; margin:0.2rem auto!important; border:#F8F8F8 1px solid; border-radius:0.3rem; /*display:原来是inline-block,由于图片无法居中,现改为block,但可能造成两张图片无法并排,以后解决*/} .-LH_ImgTit img {display:block!important; margin:auto; border-radius:0.3rem;} .-LH_ImgTit tt {display:block; text-align:center; line-height:1.8rem; color:#767676; text-indent:0!important; font-size:0.9rem!important;} .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;} /* 以上是不变的部分,注意letter-space用em,否则影响中文断行 */ /* 以上是可能会改动的css 1)这里的font-size和line-height单位为rem,因此和PC_Globe.Css的行8的font-size相关 2)如果后台正文录入时设为独立样式,就将前台的正文容器class设为Content_BySelf */ .AContentDiv img {max-width:750px;} .AContentDiv, .AContentDiv p, .AContentDiv center, .Content_BySelf, .Content_BySelf p {font-size:1.15rem; line-height:1.8rem; color:#1B1B1B; /*font-family:'FangSong';font-size:1.05rem;line-height:1.3rem;*/} .Content_BySelf p {text-indent:2em; /*如果正文 保留文章内容为独立样式 使用此样式*/} .Content_BySelf p img:first-child {margin-left:-2em;} .NoArticle {display:table; margin:65px auto 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:antialiased; -webkit-font-smoothing:subpixel-antialiased;} .NoArticle div img {width:150px; height:auto; opacity:0.2;} .NoArticle div span {font-size:1.5rem; font-weight:bolder; letter-spacing:0.15em; color:rgba(0,0,0,0.4);} .NoArticle div a {color:#BBB!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.2);} /******************************* 正文样式Css *************************************/ /* 农工民主党 政府公文 民主党文章要求: 标题:宋体,小二号(18px) 加黑 正文:仿宋,小三号(15px) 落款:楷体,4号(14px) 副标题:楷体 4号(14px) */ .AContentTitle {padding:0px 0px 0.5em 0px; width:100%; margin:auto; border-bottom:#CCCCCC 1px dashed;} .AContentTitle dt {padding:0px 0px 0.2em 0px; font-size:22px; text-align:center; font-weight:bolder; color:#000000; font-family:"宋体","SimSun";} .AContentTitle dd, .AContentTitle h3 {margin:0px; padding:0px; font-size:19px; text-align:center; font-weight:normal; font-family:"楷体","KaiTi";} .AContentTitle h3 {text-align:right; font-size:18px;} .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:#FFFFFF; font-size:0.9rem; color:#000000;} /************************* 详情页Title,Title属性Css ******************************* ATitle div: 详情页文章标题 ATitle center 新闻副标题(万盟数控) ATitle dd 文章属性,比如所在二级栏目,作者,发布时间等显示(通用的显示) Atitle dt 同于前者,只是用于非同于 */ .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%; margin:auto; text-align:left; padding:1rem 0px 1rem 0px; border-bottom:#EFEFEF 1px solid;} .ATitle div {color:#000000; font-size:1.6rem; line-height:1.9rem; overflow:hidden; text-overflow:ellipsis;} .ATitle center {margin:auto; width:100%; text-align:left;} .ATitle center>span {font-size:1.1rem; line-height:1.5rem;} .ATitle center>span:nth-child(2) {float:right;} .ATitle center>span span {color:#2F73E2;} .ATitle center>span tt {color:#888;} .ATitle dd {color:#888; padding:0.4rem 1rem; background-color:#EAEAEA; width:50%; margin:auto; white-space:nowrap; border-radius:0.3rem; border:#E0E0E0 1px solid; font-size:0.85rem;} .ATitle dd span {color:#FF0;} .ATitle dt {color:#888; padding:0.6rem 0 0rem 0;} .ATitle dt span {font-size:1.1rem;} /******************************** 详情页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:目前用于随山刊木的EWebeditor中插入装修平面图 */ .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;} .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;}