1460 lines
30 KiB
CSS
1460 lines
30 KiB
CSS
/*
|
|
| This file is part of the DITA Open Toolkit project hosted on
|
|
| Sourceforge.net. See the accompanying license.txt file for
|
|
| applicable licenses.
|
|
*/
|
|
/*
|
|
| (c) Copyright IBM Corp. 2004, 2005 All Rights Reserved.
|
|
*/
|
|
|
|
html{
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-font-smoothing: antialiased;
|
|
overfl-y:scroll;
|
|
}
|
|
|
|
/* modified by yangyi at 230309:修改样式问题，满足换页切换效果-----start */
|
|
body{
|
|
display:block;
|
|
padding-left:1%;
|
|
padding-right:1%;
|
|
width:98%;
|
|
height:100%;
|
|
}
|
|
|
|
/* body > .topic-container{
|
|
min-height: 100%;
|
|
}*/
|
|
body > .topic-container > *{
|
|
padding-right: 30px;
|
|
}
|
|
/* modified by yangyi at 230309:修改样式问题，满足换页切换效果-----end */
|
|
*{
|
|
margin:0;
|
|
padding:0;
|
|
/* list-style:none;*/
|
|
-webkit-tap-highlight-color:transparent;
|
|
outline:none;
|
|
}
|
|
|
|
video{
|
|
border-top-left-radius:20px;
|
|
border-top-right-radius:20px;
|
|
object-fit: contain;
|
|
}
|
|
|
|
::-webkit-scrollbar-track-piece{/*滚动条里面内轨道*/
|
|
background-color:transparent;}
|
|
::-webkit-scrollbar{
|
|
width:3px;
|
|
height:3px;}
|
|
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
|
|
background-color:#ccc;
|
|
border-radius:4px;
|
|
min-height:10px}
|
|
|
|
::-webkit-scrollbar-track {/*滚动条里面轨道*/
|
|
border-radius: 10px;
|
|
background:#EDEDED;
|
|
}
|
|
|
|
.figtitle {
|
|
text-align:left;
|
|
text-indent:2em;
|
|
}
|
|
|
|
.stepsection{
|
|
margin-left:1em;
|
|
}
|
|
|
|
.topictitle2{
|
|
margin-left:30px;
|
|
}
|
|
|
|
ul{
|
|
display: block;
|
|
/* margin-block-start: 1em;
|
|
margin-block-end: 1em;*/
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.ul_level2{
|
|
display: block;
|
|
padding-left: 20px;
|
|
|
|
}
|
|
|
|
.ul_level3{
|
|
display: block;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
ul>li{
|
|
list-style-type: disc;
|
|
/*padding-top:3pt;
|
|
padding-bottom:3pt;*/
|
|
|
|
}
|
|
ul>li .ul>li{
|
|
list-style-type: circle;
|
|
/*line-height: 28px;*/
|
|
/*padding-top:3pt;
|
|
padding-bottom:3pt;*/
|
|
|
|
}
|
|
ul>li .ul>li .ul>li{
|
|
list-style-type: square;
|
|
/* line-height: 28px;
|
|
padding-top:3pt;
|
|
padding-bottom:3pt;*/
|
|
|
|
}
|
|
/*修改有序编号嵌套的问题*/
|
|
ol {margin:0;margin-left:20px;}
|
|
/*
|
|
ol >li:before {}
|
|
ol >li ol >li:before{}
|
|
ol >li ol >li ol >li:before{}
|
|
ol >li{counter-increment:a 1; content:counter(a,decimal);}
|
|
ol >li .ol >li{counter-increment:b 1;content:counter(b,decimal)")"!important;}
|
|
ol >li .ol >li .ol >li{counter-increment:c 1;content:counter(c,upper-alpha)"."!important;} */
|
|
|
|
ol[name="cust-num"] >li:before {}
|
|
ol>li ol[name="cust-num"] >li:before{}
|
|
ol>li ol >li ol[name="cust-num"] >li:before{}
|
|
/*
|
|
ol >li{counter-increment:a 1;} */
|
|
ol >li ol[type="1"]>li{counter-increment:b 1;list-style:none;}
|
|
ol >li ol[type="1"]>li:before{content:counter(b,decimal)")";}
|
|
ol >li ol >li ol[type="A"]>li{counter-increment:c 1;list-style:none;}
|
|
ol >li ol >li ol[type="A"]>li:before{content:counter(c,upper-alpha)".";}
|
|
|
|
/*ol {
|
|
list-style-type: decimal;
|
|
counter-reset: level1;
|
|
}
|
|
ol >li{
|
|
content: counter(level1) ". ";
|
|
counter-increment: level1;
|
|
line-height: 28px;
|
|
padding-top:3pt;
|
|
padding-bottom:3pt;
|
|
}
|
|
ol li .ol {
|
|
list-style-type: lower-alpha;
|
|
counter-reset: level2;
|
|
line-height: 10px;
|
|
}
|
|
ol >li ol >li{
|
|
content: counter(level2) ".";
|
|
counter-increment: level2;
|
|
line-height: 28px;
|
|
padding-top:3pt;
|
|
padding-bottom:3pt;
|
|
}
|
|
ol li .ol li .ol{
|
|
list-style-type: lower-roman;
|
|
counter-reset: level3;
|
|
line-height: 10px;
|
|
}
|
|
ol >li .ol >li .ol >li:before {
|
|
content: counter(level3) ".";
|
|
counter-increment: level3;
|
|
line-height: 28px;
|
|
padding-top:3pt;
|
|
padding-bottom:3pt;
|
|
}*/
|
|
|
|
|
|
/*
|
|
.shortdesc{
|
|
margin-left:30px;
|
|
}
|
|
*/
|
|
|
|
p[class="p left"]{
|
|
text-indent:0;
|
|
display: block;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
word-break:break-all;
|
|
|
|
}
|
|
|
|
|
|
|
|
.glossdef{
|
|
|
|
margin-left: 30px;
|
|
}
|
|
|
|
.body {
|
|
/*font-family: 'Blue Sky StandardLight','Noto Sans CJK SC-Light';*/
|
|
font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
score-spaces: true;
|
|
line-height: 1.6;
|
|
margin-left: 0pt;
|
|
margin-right: 0pt;
|
|
text-indent: 0em;
|
|
break-before: page;
|
|
margin-left: 30px;
|
|
/*cyq20190111修改删除margin-right*/
|
|
/*margin-right: 30px;*/
|
|
/*font-size: 1em;*/
|
|
/*cyq20190111修改fontsize*/
|
|
font-size: 1em;
|
|
/* font-size: 13px;*/
|
|
}
|
|
|
|
/*
|
|
.table {
|
|
width: 705px;
|
|
}
|
|
.div{
|
|
word-break:break-all;
|
|
}
|
|
*/
|
|
.unresolved {
|
|
background-color: skyblue;
|
|
|
|
}
|
|
.noTemplate {
|
|
background-color: red;
|
|
|
|
}
|
|
.base {
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
/* Add space for top level topics */
|
|
.nested0 {
|
|
margin-top: 1em;
|
|
}
|
|
/* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
|
|
.p {
|
|
/*font-size: 1em;*/
|
|
/*cyq20190111修改fontsize*/
|
|
line-height: 26px;
|
|
font-size:1em;
|
|
/* font-size: 13px;*/
|
|
/* yangmu 20230704 客户不需要文本缩进*/
|
|
text-indent:0em;
|
|
word-break: break-all;
|
|
color: rgb(96, 98, 102);
|
|
/*cyq20190116设置文字两端对齐*/
|
|
text-align:justify;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
p{
|
|
/*text-indent:2em;cyq20190111首行缩进2个字符*/
|
|
display: block;
|
|
line-height: 26px;
|
|
font-size:1em;
|
|
/* font-size: 13px;*/
|
|
color: rgb(96, 98, 102);
|
|
/* margin-block-start: 1em;*//*cyq20190111修改后首行缩进2个字符*/
|
|
/*margin-block-end: -1em;/*cyq20190111修改后，没有行间距*/
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
word-break:break-all;
|
|
margin-bottom: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
li.li.phone::marker{
|
|
color: rgb(96, 98, 102);
|
|
}
|
|
li.li.phone::marker{
|
|
unicode-bidi: isolate;
|
|
font-variant-numeric: tabular-nums;
|
|
text-transform: none;
|
|
text-indent: 0px !important;
|
|
text-align: start !important;
|
|
text-align-last: start !important;
|
|
font-size: 0.82em;
|
|
}
|
|
td.note.warning {
|
|
font-size: 1em;
|
|
}
|
|
td.note.note{
|
|
font-size: 1em;
|
|
}
|
|
td.note.danger{
|
|
font-size: 1em;
|
|
}
|
|
li .p{
|
|
margin-left: 0em;
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
}
|
|
|
|
li p{
|
|
margin-left: 0em;
|
|
margin-top: 0em;
|
|
margin-bottom: 0em;
|
|
}
|
|
|
|
td p{
|
|
margin-top: 0em;
|
|
margin-bottom: 0em;
|
|
}
|
|
td .p{
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
}
|
|
|
|
|
|
.b {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
/* Default of italics to set apart figure captions */
|
|
.figcap {
|
|
font-style: normall;
|
|
}
|
|
.figdesc {
|
|
font-style: normal
|
|
}
|
|
/* Use @frame to create frames on figures */
|
|
.figborder {
|
|
border-style: solid;
|
|
padding-left: 3px;
|
|
border-width: 2px;
|
|
padding-right: 3px;
|
|
margin-top: 1em;
|
|
border-color: Silver;
|
|
}
|
|
.figsides {
|
|
border-left: 2px solid;
|
|
padding-left: 3px;
|
|
border-right: 2px solid;
|
|
padding-right: 3px;
|
|
margin-top: 1em;
|
|
border-color: Silver;
|
|
}
|
|
.figtop {
|
|
border-top: 2px solid;
|
|
margin-top: 1em;
|
|
border-color: Silver;
|
|
}
|
|
.figbottom {
|
|
border-bottom: 2px solid;
|
|
border-color: Silver;
|
|
}
|
|
.figtopbot {
|
|
border-top: 2px solid;
|
|
border-bottom: 2px solid;
|
|
margin-top: 1em;
|
|
border-color: Silver;
|
|
}
|
|
/* Most link groups are created with <div>. Ensure they have space before and after. */
|
|
.ullinks {
|
|
list-style-type: none
|
|
}
|
|
.ulchildlink {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.olchildlink {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.linklist {
|
|
margin-bottom: 1em
|
|
}
|
|
.linklistwithchild {
|
|
margin-left: 1.5em;
|
|
margin-bottom: 1em
|
|
}
|
|
.sublinklist {
|
|
margin-left: 1.5em;
|
|
margin-bottom: 1em
|
|
}
|
|
.relconcepts {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
.reltasks {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.relref {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.relinfo {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.breadcrumb {
|
|
font-size: smaller;
|
|
margin-bottom: 1em
|
|
}
|
|
dt.prereq {
|
|
margin-left: 20px;
|
|
}
|
|
/* Set heading sizes, getting smaller for deeper nesting */
|
|
.topictitle1 {
|
|
/*cyq20190115修改topic的title字体为18px*/
|
|
font-size: 0.94em;
|
|
font-weight: bold;
|
|
/*line-height:2.2;*/
|
|
color: black;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
}
|
|
.topictitle2 {
|
|
margin-top: 1pc;
|
|
margin-bottom: .45em;
|
|
font-size: 1.25em;
|
|
|
|
}
|
|
.topictitle3 {
|
|
margin-top: 1pc;
|
|
margin-bottom: .17em;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
|
|
}
|
|
.topictitle4 {
|
|
margin-top: .83em;
|
|
font-size: 1.17em;
|
|
font-weight: bold;
|
|
}
|
|
.topictitle5 {
|
|
font-size: 1.17em;
|
|
font-weight: bold;
|
|
|
|
}
|
|
.topictitle6 {
|
|
font-size: 1.17em;
|
|
font-style: italic;
|
|
|
|
}
|
|
.sectiontitle {
|
|
margin-top: 1em;
|
|
/*cyq20190116小标题设置无间距
|
|
margin-bottom: -1em;*/
|
|
color: black;
|
|
/*font-size: 1.27em;*/
|
|
font-weight: bold;
|
|
text-indent:0px;
|
|
}
|
|
.section {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.example {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
div.tasklabel {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
h2.tasklabel, h3.tasklabel, h4.tasklabel, h5.tasklabel, h6.tasklabel {
|
|
font-size: 100%;
|
|
|
|
}
|
|
/* All note formats have the same default presentation */
|
|
/*.note {
|
|
margin-top: 0em;
|
|
margin-bottom: 0em;
|
|
text-indent:0em;
|
|
}
|
|
*/
|
|
|
|
.notetitle {
|
|
color: #ff8000;
|
|
margin: 20 0px 2px 5px;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
padding-left: 8px;
|
|
}
|
|
.notelisttitle {
|
|
font-weight: bold
|
|
}
|
|
|
|
.tiptitle {
|
|
font-weight: bold;
|
|
color: blue;
|
|
margin: 20 0px 2px 5px;
|
|
font-size: 1em;
|
|
}
|
|
.fastpath {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.fastpathtitle {
|
|
font-weight: bold
|
|
}
|
|
.important {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.importanttitle {
|
|
font-weight: bold
|
|
}
|
|
.remember {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.remembertitle {
|
|
font-weight: bold
|
|
}
|
|
.restriction {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.restrictiontitle {
|
|
font-weight: bold
|
|
}
|
|
.attention {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
.attentiontitle {
|
|
font-weight: bold
|
|
}
|
|
|
|
|
|
.cautiontitle {
|
|
font-weight: bold
|
|
}
|
|
|
|
}
|
|
.notice {
|
|
margin-top: 1em;
|
|
}
|
|
.noticetitle {
|
|
font-weight: bold
|
|
}
|
|
.notice {
|
|
font-weight: 500;
|
|
padding: 0 5px;
|
|
margin: -4.5px 0;
|
|
padding-top: 5px
|
|
}
|
|
|
|
/* 内容跟下边框间距 */
|
|
.noticetitle {
|
|
color: #222;
|
|
background: #d6d2c4;
|
|
margin: 0 0px 2px 0px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.noticetitle header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 500;
|
|
font-weight: bold;
|
|
background: url(img/default/note.png);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
.caution {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
text-indent:2em;
|
|
}
|
|
|
|
/* ݸ±߿ */
|
|
.cautiontitle {
|
|
color: red;
|
|
margin: 20 0px 2px 5px;
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 10px
|
|
}
|
|
.itemgroup{
|
|
margin-left: 40px;
|
|
}
|
|
|
|
.cautiontitle header {
|
|
margin: 0;
|
|
color: #ff8000;
|
|
padding: 0 5px;
|
|
font-weight: 500;
|
|
font-weight: bold;
|
|
/*background: url(img/default/note.png);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;*/
|
|
padding-left: 5px
|
|
}
|
|
/*.warning {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
text-indent: 2em;
|
|
}*/
|
|
|
|
/* ݸ±߿ */
|
|
.warningtitle {
|
|
color: red;
|
|
margin: 20 0px 2px 5px;
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.warningtitle header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 500;
|
|
font-weight: bold;
|
|
background: url(img/default/warning.svg);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 30px
|
|
}
|
|
/*.danger {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
padding: 0 5px;
|
|
|
|
}*/
|
|
|
|
/* ݸ±߿ */
|
|
.dangertitle {
|
|
color: black;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.dangertitle header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 500;
|
|
font-weight: bold;
|
|
background: url(img/default/danger.svg);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 30px
|
|
}
|
|
|
|
|
|
/* ݸ±߿ */
|
|
.tiptitle {
|
|
margin: 20 0px 2px 5px;
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.tiptitle header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 500;
|
|
font-weight: bold;
|
|
/* background: url(img/default/caution.png);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px */
|
|
}
|
|
.note[type="note"] {
|
|
font-size: 1em;
|
|
background: #fff;
|
|
text-indent:2em;
|
|
padding: 0 5px;
|
|
margin: -4.5px 0;
|
|
font-weight: 500;
|
|
padding-top: 5px
|
|
}
|
|
|
|
/* ݸ±߿ */
|
|
.notetitle[type="note"] {
|
|
color: #222;
|
|
background: #ea8438;
|
|
margin: 20 0px 2px 5px;
|
|
font-size: 1em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.notetitle[type="note"] header {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 500;
|
|
background: url(img/default/warning.svg);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
/* Simple lists do not get a bullet */
|
|
ul.simple {
|
|
list-style-type: none
|
|
}
|
|
/* Used on the first column of a table, when rowheader="firstcol" is used */
|
|
.firstcol {
|
|
font-weight: bold;
|
|
}
|
|
/* Various basic phrase styles */
|
|
.bold {
|
|
font-weight: bold;
|
|
|
|
}
|
|
.boldItalic {
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
|
|
}
|
|
.italic {
|
|
font-style: italic;
|
|
|
|
}
|
|
.underlined {
|
|
text-decoration: underline;
|
|
|
|
}
|
|
.uicontrol {
|
|
font-weight: bold;
|
|
|
|
}
|
|
.parmname {
|
|
font-weight: bold;
|
|
|
|
}
|
|
.kwd {
|
|
font-weight: bold;
|
|
|
|
}
|
|
.defkwd {
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
|
|
}
|
|
.var {
|
|
font-style: italic;
|
|
}
|
|
.shortcut {
|
|
text-decoration: underline;
|
|
|
|
}
|
|
/* Default of bold for definition list terms */
|
|
.dlterm {
|
|
font-weight: bold;
|
|
|
|
}
|
|
/* Use CSS to expand lists with @compact="no" */
|
|
.dltermexpand {
|
|
font-weight: bold;
|
|
margin-top: 1em;
|
|
|
|
}
|
|
*[compact="yes"]>li {
|
|
margin-top: 0em;
|
|
}
|
|
*[compact="no"]>li {
|
|
margin-top: .53em;
|
|
}
|
|
.liexpand {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.sliexpand {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.dlexpand {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.ddexpand {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.stepexpand {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
.substepexpand {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em
|
|
}
|
|
/* Align images based on @align on topic/image */
|
|
.fig{
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.image{
|
|
margin-bottom: 10pt;
|
|
/*cyq20190115 为图片设置前面距离10pt*/
|
|
margin-top:10pt;
|
|
}
|
|
|
|
div.imageleft {
|
|
text-align: left;
|
|
margin-left:-25pt;
|
|
}
|
|
|
|
.imagecenterlevel1 {
|
|
text-align: left;
|
|
margin-left:-18px;
|
|
}
|
|
|
|
.imagecenterlevel2 {
|
|
text-align: left;
|
|
margin-left:-15px;
|
|
}
|
|
|
|
.imagecenterlevel3 {
|
|
text-align: left;
|
|
margin-left:-62px;
|
|
}
|
|
.imagecenter {
|
|
text-align: left;
|
|
}
|
|
|
|
div.imageright {
|
|
text-align: right;
|
|
}
|
|
div.imagejustify {
|
|
text-align: justify;
|
|
}
|
|
/*
|
|
The cell border can be turned on with
|
|
{border-right:solid}
|
|
This value creates a very thick border in Firefox (does not match other tables)
|
|
Firefox works with
|
|
{border-right:solid 1pt}
|
|
but this causes a barely visible line in IE
|
|
*/
|
|
.cellrowborder {
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: solid 1px;
|
|
border-bottom: solid 1px
|
|
}
|
|
.row-nocellborder {
|
|
border-left: none;
|
|
border-right: none;
|
|
border-top: none;
|
|
border-right: hidden;
|
|
border-bottom: solid 1px
|
|
}
|
|
.cell-norowborder {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
border-left: none;
|
|
border-bottom: hidden;
|
|
border-right: solid 1px
|
|
}
|
|
.nocellnorowborder {
|
|
border: none;
|
|
border-right: hidden;
|
|
border-bottom: hidden
|
|
}
|
|
pre.screen {
|
|
padding: 5px 5px 5px 5px;
|
|
border: outset;
|
|
background-color: #CCCCCC;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
white-space: pre
|
|
}
|
|
span.filepath, samp.codeph, pre.codeblock {
|
|
font-family: monospace
|
|
}
|
|
/*-----------------------startpage-------------------------------------------------------*/
|
|
.Absolute-Center {
|
|
width: 50%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
.image-logo {
|
|
margin: 5px 5px 5px;
|
|
width: 60px;
|
|
height: 60px;
|
|
float: left
|
|
}
|
|
.wl-startpage-header>header>h1 {
|
|
position: relative;
|
|
bottom: -4px;
|
|
color: #000;
|
|
font-size: 1.85em;
|
|
line-height: 32px;
|
|
margin: 10px 50px 10px;
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 30px;
|
|
}
|
|
.wl-startpage-model {
|
|
margin-bottom: 12px;
|
|
background: #fff url(img/default/vcc/BP13.png) no-repeat center;
|
|
background-size:10% auto;
|
|
color: #97999b;
|
|
border: 1px solid #cdcdcd;
|
|
height: 50px;
|
|
width: 98%;
|
|
clear: both;
|
|
font-size: 150px;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
.wl-topic {
|
|
width: 98%;
|
|
box-sizing:border-box;
|
|
min-height: 1px;
|
|
background: #fff;
|
|
margin: 0;
|
|
padding: .5em;
|
|
border: 1px solid #cdcdcd
|
|
}
|
|
.wl-topic-title {
|
|
display: block;
|
|
font-size: 1.67em;
|
|
line-height: 1.1;
|
|
color: #97999b;
|
|
font-family: SimSun;
|
|
margin: 0 0 0px;
|
|
padding: 0
|
|
}
|
|
.wl-section-title {
|
|
display: inline;
|
|
font-family: SimSun;
|
|
font-size: .8em;
|
|
color: #97999b
|
|
}
|
|
.wl-img {
|
|
margin-right: 10px;
|
|
align: center;
|
|
width: 100%;
|
|
padding-bottom: 0px;
|
|
}
|
|
.wl-button {
|
|
display: block;
|
|
font-size: 1em;
|
|
width: 98.3%;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 0px solid #979799;
|
|
white-space: nowrap;
|
|
overflow: ellipsis;
|
|
user-select: none
|
|
}
|
|
.wl-button a {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 8px 8px;
|
|
border-radius:0;
|
|
color: #fff;
|
|
background-color: #979799;
|
|
border-color: #ccc;
|
|
font-weight: bold;
|
|
text-decoration: none
|
|
}
|
|
/*--------------------------------startpage-------------------------------------------------------*/
|
|
/*-----------------------table-------------------------------------------------------------------*/
|
|
.tablenoborder {
|
|
overflow-x: auto;
|
|
margin: 0 0 4.5px;
|
|
padding: 0
|
|
}
|
|
table {
|
|
width:100%;
|
|
color: #222;
|
|
font-size: 1em;
|
|
background-color: transparent;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
margin-top:1em;
|
|
margin-bottom: 10px;
|
|
}
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.title.sectiontitle{
|
|
font-size: 14px;
|
|
}
|
|
th {
|
|
text-align: center;
|
|
/* background: #398ead;*/
|
|
color:#fff!important;
|
|
border-left: 1px solid #fff;
|
|
border-right: 1px solid #fff;
|
|
border-top: 1px solid #fff;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
th p{
|
|
color:#fff!important;
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
}
|
|
th .p{
|
|
color:#fff!important;
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
}
|
|
|
|
|
|
@media screen and (max-device-width: 700px){
|
|
.body {
|
|
/*font-family: 'Blue Sky StandardLight','Noto Sans CJK SC-Light';*/
|
|
font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
score-spaces: true;
|
|
line-height: 1.6;
|
|
margin-left: 0pt;
|
|
margin-right: 0pt;
|
|
text-indent: 0em;
|
|
break-before: page;
|
|
margin-left: 30px;
|
|
/*cyq20190111修改删除margin-right*/
|
|
/*margin-right: 30px;*/
|
|
/*font-size: 1em;*/
|
|
/*cyq20190111修改fontsize*/
|
|
/* font-size: 0.82em; */
|
|
font-size: 13px!important;
|
|
}
|
|
body>section:nth-child(2)>h3{
|
|
display: none;
|
|
}
|
|
body>div.topic-container>div.topic-container>section>h3{
|
|
/*display: none;*/
|
|
}
|
|
|
|
body>div>section:nth-child(1)>h3{
|
|
display: none;
|
|
}
|
|
|
|
}
|
|
|
|
@media screen and (max-device-width: 400px){
|
|
body>section:nth-child(1)>h3{
|
|
display: none;
|
|
}
|
|
body>section:nth-child(2)>h3{
|
|
display: none;
|
|
}
|
|
body>div.topic-container>div.topic-container>section>h3{
|
|
/*display: none;*/
|
|
}
|
|
|
|
body>div>section>h3{
|
|
/* display: none;*/
|
|
}
|
|
|
|
}
|
|
|
|
td{
|
|
word-wrap:break-word;
|
|
word-break:break-all;
|
|
}
|
|
.wl-table {
|
|
border: 1px solid #ddd
|
|
}
|
|
.wl-table>caption {
|
|
text-align: left;
|
|
font-style: italic
|
|
}
|
|
.wl-table>tbody>tr>td,.wl-table>tbody>tr>th,.wl-table>tfoot>tr>td,.wl-table>tfoot>tr>th,.wl-table>thead>tr>td,.wl-table>thead>tr>th {
|
|
padding: 3px;
|
|
line-height: 1.3;
|
|
vertical-align: top;
|
|
border: 1px solid #ddd
|
|
}
|
|
.wl-table>thead>tr>td,.wl-table>thead>tr>th {
|
|
vertical-align: bottom;
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
.wl-table>tbody+tbody {
|
|
border-top: 3px solid #ddd
|
|
}
|
|
.wl-align-center {
|
|
text-align: center!important
|
|
}
|
|
/*-----------------------table-------------------------------------------------------------------*/
|
|
.wl-attention {
|
|
clear: both
|
|
}
|
|
.wl-attention[data-attention-type=caution] {
|
|
color: #222;
|
|
font-size: 10pt;
|
|
background: #fff;
|
|
border-width: 0 2px 2px;
|
|
border-style: solid;
|
|
border-color: #ea8438;
|
|
padding: 0 5px;
|
|
margin: 9px 0;
|
|
width: 86%;
|
|
}
|
|
.wl-attention[data-attention-type=caution]>:last-child {
|
|
margin: 0 0 5px
|
|
}
|
|
.wl-attention[data-attention-type=caution] header {
|
|
color: #222;
|
|
background: #ea8438;
|
|
margin: 0 -5px 5px -5px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.wl-attention[data-attention-type=caution].wl-attention-boilerplate {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 700;
|
|
background: url(img/default/caution.png);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
|
|
|
|
|
|
|
|
.wl-attention[data-attention-type=important] {
|
|
color: #222;
|
|
font-size: .85em;
|
|
background: #fff;
|
|
border-width: 0 2px 2px;
|
|
border-style: solid;
|
|
border-color: #faf3d9;
|
|
padding: 0 5px;
|
|
margin: 9px 0;
|
|
width: 86%;
|
|
}
|
|
.wl-attention[data-attention-type=important]>:last-child {
|
|
margin: 0 0 5px
|
|
}
|
|
.wl-attention[data-attention-type=important] header {
|
|
color: #222;
|
|
background: #faf3d9;
|
|
margin: 0 -5px 5px -5px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.wl-attention[data-attention-type=important].wl-attention-boilerplate {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 700;
|
|
background: url(img/default/.icon_generic-important:before);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
.wl-attention[data-attention-type=note] {
|
|
color: #222;
|
|
font-size: .85em;
|
|
background: #fff;
|
|
border-width: 0 2px 2px;
|
|
border-style: solid;
|
|
border-color: #d6d2c4;
|
|
padding: 0 5px;
|
|
margin: 9px 0;
|
|
width: 86%;
|
|
}
|
|
.wl-attention[data-attention-type=note]>:last-child {
|
|
margin: 0 0 5px
|
|
}
|
|
.wl-attention[data-attention-type=note] header {
|
|
color: #222;
|
|
background: #d6d2c4;
|
|
margin: 0 -5px 5px -5px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.wl-attention[data-attention-type=note].wl-attention-boilerplate {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 700;
|
|
background: url(img/default/note.png);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
.wl-attention[data-attention-type=tip] {
|
|
color: #222;
|
|
font-size: .85em;
|
|
background: #fff;
|
|
border-width: 0 2px 2px;
|
|
border-style: solid;
|
|
border-color: #e9fee0;
|
|
padding: 0 5px;
|
|
margin: 9px 0;
|
|
width: 86%;
|
|
}
|
|
.wl-attention[data-attention-type=tip]>:last-child {
|
|
margin: 0 0 5px
|
|
}
|
|
.wl-attention[data-attention-type=tip] header {
|
|
color: #222;
|
|
background: #e9fee0;
|
|
margin: 0 -5px 5px -5px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.wl-attention[data-attention-type=tip].wl-attention-boilerplate {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 700;
|
|
background: url(img/default/.icon_generic-tip:before);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
.wl-attention[data-attention-type=warning] {
|
|
color: #222;
|
|
font-size: .85em;
|
|
background: #fff;
|
|
border-width: 0 2px 2px;
|
|
border-style: solid;
|
|
border-color: #c10235;
|
|
padding: 0 5px;
|
|
margin: 9px 0;
|
|
width: 86%;
|
|
}
|
|
.wl-attention[data-attention-type=warning]>:last-child {
|
|
margin: 0 0 5px
|
|
}
|
|
.wl-attention[data-attention-type=warning] header {
|
|
color: #fff;
|
|
background: #c10235;
|
|
margin: 0 -5px 5px -5px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.wl-attention[data-attention-type=warning].wl-attention-boilerplate {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 700;
|
|
background: url(img/default/warning.svg);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
.wl-attention[data-attention-type=danger] {
|
|
color: #222;
|
|
font-size: .85em;
|
|
background: #fff;
|
|
border-width: 0 2px 2px;
|
|
border-style: solid;
|
|
border-color: #c10235;
|
|
padding: 0 5px;
|
|
margin: 9px 0;
|
|
width: 86%;
|
|
}
|
|
.wl-attention[data-attention-type=danger]>:last-child {
|
|
margin: 0 0 5px
|
|
}
|
|
.wl-attention[data-attention-type=danger] header {
|
|
color: #fff;
|
|
background: #c10235;
|
|
margin: 0 -5px 5px -5px;
|
|
font-size: 0.75em;
|
|
text-transform: uppercase;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px
|
|
}
|
|
.wl-attention[data-attention-type=danger].wl-attention-boilerplate {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
font-weight: 700;
|
|
background: url(img/default/danger.svg);
|
|
-webkit-background-size:1.4em;
|
|
background-size:1.4em;
|
|
background-repeat: no-repeat;
|
|
background-position: 3px 2px;
|
|
padding-left: 20px
|
|
}
|
|
.substeps li{
|
|
line-height:20px;
|
|
|
|
}
|
|
.step{
|
|
line-height:20px;
|
|
}
|
|
.keyword{
|
|
/*visibility:hidden;*/
|
|
display: none;
|
|
}
|
|
/*cyq20171128----设置专用工具只显示前两列*/
|
|
.specialtool td:not(.specialtool){
|
|
display:none}
|
|
|
|
|
|
div.column_CA{
|
|
margin-top: 1em;
|
|
line-height: 20px;
|
|
}
|
|
|
|
div.abstract{
|
|
|
|
margin-left:20px;
|
|
}
|
|
|
|
.subentry{
|
|
vertical-align:sub;
|
|
float:left
|
|
}
|
|
|
|
.supentry{
|
|
|
|
vertical-align:sup;
|
|
float:right
|
|
}
|
|
|
|
table>caption {
|
|
text-align:left;
|
|
|
|
}
|
|
|
|
p>img{
|
|
width: auto;
|
|
height: 1.5em;
|
|
vertical-align: sub;
|
|
}
|
|
|
|
li>p>img{
|
|
width: auto;
|
|
height: 1.5em;
|
|
vertical-align: sub;
|
|
}
|
|
|
|
.msgblock{
|
|
color:black;
|
|
background-size:1.5em!important;
|
|
background-repeat:no-repeat!important;
|
|
background-position:center left!important;
|
|
padding-left:30px;
|
|
color:#383838;
|
|
margin:%6.5 0;
|
|
font-size:1em;
|
|
background:url(../artwork/tit.png);
|
|
}
|
|
|
|
.tiptop{
|
|
color:#0840c1!important;
|
|
margin-top:1em;
|
|
margin-left:1em;
|
|
font-size:1.2em;
|
|
|
|
}
|
|
|
|
.tipbottom{
|
|
color:#0840c1!important;
|
|
margin-top:2%;
|
|
width:90%;
|
|
font-size:0.875em;
|
|
line-height:1.7;
|
|
position:relative;
|
|
text-align:justify;
|
|
box-sizing:border-box;
|
|
}
|
|
/*cyq20191115修改警告注意文字颜色为白色*/
|
|
/*.note > p {color:white;}*/
|
|
/*.note > ol {color:white;}*/
|
|
/*.note > ul {color:white;}*/
|
|
|
|
.dir-box {
|
|
margin: 15px;
|
|
}
|
|
|
|
.prevv span, .nextt span{
|
|
color: #1d66bb;
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
}
|
|
.prevv{margin-top: 17px;}
|
|
.prevv , .nextt{
|
|
padding-left: 3%;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.Back_p{
|
|
font-size:1.16em;
|
|
font-weight:bold;
|
|
margin-top:2cm;
|
|
margin-bottom:10px;
|
|
|
|
}
|
|
|
|
li>span:first-child{
|
|
border:2pt solid white;
|
|
border-radius:50%;
|
|
width:30px;
|
|
height:28px;
|
|
margin-right:10px;
|
|
text-align:center;
|
|
display:inline-block;
|
|
background-color:#0840c1;
|
|
color:#fff;
|
|
line-height:28px;
|
|
}
|
|
|
|
.tipbg{
|
|
background:url(basefiles/artwork/tip_bg.jpg);
|
|
background-repeat:no-repeat;
|
|
border-radius:50px;
|
|
border-top-left-radius:50px;
|
|
border-top-right-radius:50px;
|
|
border-bottom-left-radius:50px;
|
|
border-bottom-right-radius:50px;
|
|
} |