📄 style.css
字号:
/* The CSS file is defined to Labview Advantech Manual */
/* Specifies White Background color */
body{
background-color:#ffffff;
margin: 0px;
}
/* The default style of P is red to alert you that you need to apply a style class, such as Body. */
P {
margin-top: 6px;
margin-bottom: 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #333333;
border-top: 2;
margin-left: 6px;
margin-right: 6px;
}
BR { font-size:4.00pt; }
H1,H2,H3,H4,H5,H6 {
color:#000000;
margin-left: 4px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
}
/* topic headings. */
H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
margin-left: 4px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
}
/* second-level headings. */
H2 {
margin-top: 9px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #333333;
margin-left: 4px;
}
/* third-level headings. */
H3 {
margin-top: 6px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
margin-left: 4px;
}
/* fourth-level headings. */
H4 {
margin-top: 3px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
color: #333333;
margin-left: 4px;
}
/* H5 and H6 */
H5 {
margin-top: 3px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
font-weight: bold;
margin-left: 4px;
}
H6 {
margin-top: 3px;
margin-bottom: 3px;
font-family: Verdana;
font-size: smaller;
font-weight: bold;
margin-left: 4px;
}
/* Use the Body style class for normal paragraphs. */
P.Body {
margin-top: 6px;
margin-bottom: 6px;
font-family: Verdana;
font-size: x-small;
color: #333333;
margin-left: 4px;
}
/* Use the Anchor style class for graphic references on a line by themselves. */
P.Anchor {
margin-top:6px;
margin-bottom:6px;
font-family:Verdana;
font-size:10pt;
color:#000000;
margin-left: 4px;
}
/* Use the Indent style classes to indent a paragraph. */
P.Indent1 {
margin-left: 12px;
margin-top: 6px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
color: #333333;
}
P.Indent2 {
margin-left: 24px;
margin-top: 6px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
color: #333333;
}
P.Indent3 {
margin-left: 36px;
margin-top: 6px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
color: #333333;
}
/* Use the LI style for all list items. */
li {
margin-top: 6px;
margin-bottom: 6px;
font-family: Verdana;
font-size: x-small;
color: #333333;
margin-left: 4px;
}
/* Use the OL style for numbered lists.*/
OL {
margin-left: 18px;
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0px;
font-family: Verdana;
font-size: x-small;
color: #000000;
list-style-type: decimal;
}
/* Use the OL style for numbered lists. Nested lists will use the bullet types according to the nesting scheme below */
ol ol {list-style-type:lower-alpha}
ol ol ol {list-style-type:decimal}
ol ol ol ol {list-style-type:lower-alpha}
ol ol ol ol ol {list-style-type:decimal}
ol ol ol ol ol ol {list-style-type:lower-alpha}
ol ol ol ol ol ol ol {list-style-type:decimal}
ol ol ol ol ol ol ol ol {list-style-type:lower-alpha}
/* Use the EquationNum style class for numbered lists of equations. */
OL.EquationNum {
margin-left: 36px;
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0px;
font-family: Verdana;
font-size: x-small;
color: #333333;
list-style-type: decimal;
}
/* Use the List-abc style class for lettered lists.*/
OL.List-abc {
margin-left: 18px;
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0px;
font-family: Verdana;
font-size: x-small;
color: #333333;
list-style-type: lower-alpha;
}
/* Use the UL style for bulleted lists.*/
UL {
margin-left: 12px;
text-indent: 0px;
margin-top: 3px;
margin-bottom: 3px;
font-family: Verdana;
font-size: x-small;
color: #333333;
list-style-type: disc;
display: none;
}
/* Use the UL style for bulleted lists.*/
ul ul {list-style-image:url(hyphen.gif)}
ul ul ul {list-style-image:none;list-style-type:disc}
ul ul ul ul {list-style-image:url(hyphen.gif)}
ul ul ul ul ul {list-style-image:none;list-style-type:disc}
ul ul ul ul ul ul {list-style-image:url(hyphen.gif)}
ul ul ul ul ul ul ul {list-style-image:none;list-style-type:disc}
ul ul ul ul ul ul ul ul ul{list-style-image:url(hyphen.gif)}
/* Use the List-Box style class for bulleted lists with boxes instead of bullets.*/
UL.List-Box {
margin-left: 12px;
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0px;
font-family: Verdana;
font-size: x-small;
color: #333333;
list-style-type: square;
}
/* Use the List-Diamond style class for bulleted lists with diamonds instead of bullets. */
UL.List-Diamond {
margin-left: 12px;
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0px;
font-family: Verdana;
font-size: x-small;
color: #333333;
}
/* Use the List-Hyphen style class for bulleted lists with hyphens instead of bullets. */
UL.List-Hyphen {
margin-left: 12px;
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0px;
font-family: Verdana;
font-size: x-small;
color: #333333;
}
/* Use the Borderless style class for tables that do not need borders, such as for 2-column or 3-column lists with no headings. */
Table.Borderless {
border:none;
margin-left: 4px;
margin-right: 4px;
}
/* Use the Bordered style class for tables that need borders. */
Table.Bordered {
border-width: 1pt;
border-style: solid;
border-color: #333333;
border-collapse: collapse;
margin-left: 4px;
}
/* Use the Borderless-Wide style class for tables that do not need borders and that you want to stretch to fill the entire topic width. */
Table.Borderless-Wide {
border:none;
width:100%;
margin-left: 4px;
}
/* Use the Bordered-Wide style class for tables that need borders and that you want to stretch to fill the entire topic width. */
Table.Bordered-Wide {
border-width: 1px;
border-style: solid;
border-color: #333333;
width:100%;
border-collapse: collapse;
margin-left: 4px;
}
/* Use the TD style for table cells in Borderless or Borderless-Wide tables. */
TD {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #333333;
padding: 0px;
text-align: left;
margin-left: 4px;
}
/* Use the Bordered style class for table cells in Bordered or Bordered-Wide tables. */
TD.Bordered {
font-family: Verdana;
font-size: x-small;
color: #333333;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-color: #333333;
margin-left: 4px;
}
/* Use the Icon style class for table cells that contain note, caution, warning, or tip icons, or LabVIEW datatype terminals. */
TD.Icon {
width:40px;
vertical-align:top;
}
/* Use the Table-cell-8pt style class for table cells in tables that contain a lot of information and need smaller text to fit it all on one screen to prevent a horizontal scroll bar from appearing. */
TD.Table-cell-8pt {
font-family:Verdana;
font-size:7pt;
color:#333333;
text-align: left;
vertical-align: middle;
}
/* Use the TH style for table heading cells in Borderless or Borderless-Wide tables. */
TH {
font-family: Verdana;
font-size: x-small;
color: #333333;
font-weight: bold;
padding: 3px;
margin-left: 4px;
}
/* Use the Bordered style class for table heading cells in Bordered or Bordered-Wide tables. */
TH.Bordered {
font-family: Verdana;
font-size: x-small;
color: #333333;
font-weight: bold;
border-width: 1px;
border-style: solid;
border-color: #333333;
}
/* Use the Table-cell-8pt style class for table heading cells in tables that contain a lot of information and need smaller text to fit it all on one screen to prevent a horizontal scroll bar from appearing. */
TH.Table-Head-8pt {
font-family:Verdana;
font-size:7pt;
color:#333333;
font-weight:bold;
}
/* Use the Left-Align style class for table heading cells that you want to left align instead of center align. */
TH.Left-Align {
font-family: Verdana;
font-size: x-small;
color: #333333;
font-weight: bold;
padding: 3px;
text-align: left;
vertical-align: top;
}
/***************************************************/
/* CHARACTER FORMATS */
/* The following section defines character formats that every HTML Help project should need. */
/* Use the Dark-Red format for warnings or cautions. */
#Dark-Red { color: #800000 }
/* Use the Monospace format for code or syntax examples. */
#Monospace {
font-family: Courier New;
font-size: 8pt;
}
/* Use the Monospace-Bold format for messages and responses that the computer automatically prints to the screen. */
#Monospace-Bold {
font-family: Courier New;
font-size: 8pt;
font-weight: bold;
}
/* Use the Monospace-Italic format to denote text that is a placeholder for a word or value that the user must supply. */
#Monospace-Italic {
font-family: Courier New;
font-size: 8pt;
font-style: italic;
}
/* Use the Platform format to denote a specific platform. */
#Platform {
color: #0000FF;
font-weight: bold;
}
/* Use the Symbol format for characters not in the Verdana character set. Use this format sparingly. When possible, you should use the correct ASCII code for the symbol or use a graphic to recreate the symbol. */
#Symbol { font-family: Symbol; font-size: 8pt; }
/* The following styles define the color of links. */
a:link {
color: #0066CC;
}
a:hover {
color: #FF0000;
}
a:active { color: #FF0000 }
a:visited {
color: #006699;
}
a:visited:hover {
color: #FF0000;
}
/***************************************************/
/* ACTIVITY STYLES */
/* The following section defines styles that only tutorial-style HTML Help projects should need. */
/* Use the Activity-Objective style class for the objective at the beginning of an activity topic. */
H3.Activity-Objective { color: #800000; }
/***************************************************/
/* CODE STYLES */
/* The following section defines styles that you need to format entire sections of code or syntax examples. If you have just a few words you need to format as a code or syntax example, use the Monospace character format. */
P.Code {
margin-top: 3px;
margin-bottom: 0px;
font-family: Courier New;
font-size: x-small;
color: #333333;
}
P.Code1 {
margin-left: 12px;
margin-top: 3px;
margin-bottom: 0px;
font-family: Courier New;
font-size: x-small;
color: #333333;
}
P.Code2 {
margin-left: 24px;
margin-top: 3px;
margin-bottom: 0px;
font-family: Courier New;
font-size: x-small;
color: #333333;
}
P.Code3 {
margin-left: 36px;
margin-top: 3px;
margin-bottom: 0px;
font-family: Courier New;
font-size: x-small;
color: #333333;
}
/***************************************************/
/* FUNCTION STYLES */
/* The following section defines styles that you might need to format function reference help. */
P.F-VI-Code4 {
margin-left: 48px;
margin-top: 3px;
margin-bottom: 0px;
font-family: Courier New;
font-size: x-small;
color: #333333;
}
P.F-VI-Code5 {
margin-left: 60px;
margin-top: 3px;
margin-bottom: 0px;
font-family: Courier New;
font-size: x-small;
color: #333333;
}
P.F-VI-Equation {
margin-top: 9px;
margin-bottom: 9px;
font-family: Verdana;
font-size: x-small;
color: #333333;
}
OL.F-VI-EquationNum {
margin-top: 3px;
margin-bottom: 3px;
text-indent: 0pt;
font-family: Verdana;
font-size: x-small;
color: #333333;
list-style-type: decimal;
}
/* black line */
hr {
color: #333333;
width: 100%;
border-top-width: 1px;
border-top-style: solid;
margin-bottom: 1px;
margin-top: 1px;
height: 1px;
}
#top{
background-color: #D8D8D8;
border-bottom-color: #0099CC;
border-bottom-style: solid;
border-bottom-width: 2px;
padding: 2px;
}
#bottom {
background-color: #D8D8D8;
border-top-color: #0099CC;
border-top-style: solid;
border-top-width: 2px;
padding-bottom: 1px;
padding-top: 1px;
}
p.copyright {
text-align: center;
color: #0066CC;
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -