/* This is basically the Help.css file that has copies scattered all over the site Please link to or import this file when editing templates pointing to help.css and remove the reference to help.css Add styles as necessary... CSS for use with Developer Documentation Localizable definitions: font families font sizes */ /* -------------------------------------------------- MAIN TOPIC STYLES -------------------------------------------------- */ div.main { width: 97%; margin-left:1em; margin-right:1em; } div.abstract { margin-left:3em; margin-right:3em; background: #DDE0E3; padding: 2px; } div.status { margin-left:1em; margin-right:1em; } div.applicability { margin-left:1em; margin-right:1em; } div.saveHistory { behavior:url(#default#savehistory); text-decoration: underline } body /* This body tag requires the use of one of the sets of banner and/or text div ids */ { margin: 0px; padding: 0px; background: #fff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 72% !important; font-size: 70%; } div#scrollyes /* Allows topic to scroll with correct margins. Cannot be used with running head banner */ { /* Must immediately follow . */ padding: 2px 15px 2px 22px; width: 100%; } div#nsbanner /* Creates Nonscrolling banner region */ { /*position: relative; left: 0px;*/ padding: 0px 0px 0px 0px; background: url(/help/9.3/common/graphics/DevDocBanner.gif) repeat-x top left; border-bottom: 1px solid #999; } div#nstext /* Creates the scrolling text area for Nonscrolling region topic */ { padding: 5px 10px 0px 22px; } div#scrbanner /* Creates the running head bar in a full-scroll topic */ { /* Allows topic to scroll. */ margin: 0px; padding: 0px; border-bottom: 1px solid #999999; } div#scrtext /* Creates the text area in a full-scroll topic */ { /* Allows topic to scroll. */ /* width: 100%; /* Forces tables to have correct right margin */*/ padding: 0px 10px 0px 22px; } div#bannerrow1 /* provides full-width color to top row in running head (requires script) */ { } div#titlerow /* provides non-scroll topic title area (requires script) */ { width: 95%; /* Forces tables to have correct right margin */ padding: 0px 10px 0px 22px; } div.bannertitle { max-width: 350px; } div.bannertitle92 { margin-left: -18px; /* since the table needs to be to the left to line up well for the title */ } legend.PropertyName { color: black; } .PropertyValue { display: block; margin: 5px; } div.publishInfo { display: block; margin: 5px; font-style: italic; text-align: right } /* -------------------------------------------------- HEADING STYLES -------------------------------------------------- */ h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: .4em; margin-top: 1em; font-weight: bold; } h1 { font-size: 120%; margin-top: 0em; } div#scrollyes h1 /* Changes font size for full-scrolling topic */ { font-size: 150%; } h2 { font-size: 130%; } h3 { font-size: 115%; } h4 { font-size: 1.5em; } .dtH1, .dtH2, .dtH3, .dtH4 { margin-left: -18px; } h1.dtH1{ margin-top:0.4em; margin-left: 0px; } div#titlerow h1 { margin-bottom: .2em } table.titleWithBackground { font-size=100%; } table.titleWithBackground td { width=410px; /* force titles longer than this to wrap, avoiding running into darker background */ height=35px; vertical-align=bottom; } table.titleWithBackground td.tools { width=auto; vertical-align=top; } table.titleWithBackground td.tools img{ float: right; margin: 4px 20px; } /* -------------------------------------------------- TEXT STYLES -------------------------------------------------- */ p { margin: .5em 0em .5em 0em; } blockquote.dtBlock { margin: .5em 1.5em .5em 1.5em; } div#dtHoverText { color: #000066; } .normal { margin: .5em 0em .5em 0em; } .fineprint { font-size: 90%; /* 90% of 70% */ } .indent { margin: .5em 1.5em .5em 1.5em; } .topicabstract /* Topic Abstract class */ { display: block; } .topicinfo /* Topic Applicability Boilerplate class */ { text-align: right; display: block; } .topicstatus /* Topic Status Boilerplate class */ { text-align: right; display: block; color: red; } .sidenote { margin: 0.5em 3.5em 0.5em 2.5em; color: #223344; background-color: #DDE0E3; padding: .5em .5em .5em .5em } P.Caption{ fontsize: 60%; COLOR: #000066; MARGIN-LEFT: 2.5em; MARGIN-RIGHT: 15em; } /* -------------------------------------------------- LABEL STYLES -------------------------------------------------- */ p.label { margin-top: 1em; } p.labelproc { margin-top: 1em; color: #000066; } /* -------------------------------------------------- GRAPHIC STYLES -------------------------------------------------- */ img { border: none; } /* -------------------------------------------------- LIST STYLES -------------------------------------------------- */ ul{ list-style-type: none; list-style-image: url(/help/9.3/common/graphics/bulletOrange.gif)!important; list-style-image: url(/help/9.3/common/graphics/bulletOrange.gif); } li.inline { display: inline; padding-left: 7px; padding-right: 7px; border-right: 2px solid #C0C0C0; } li.last { display: inline; padding-left: 7px; padding-right: 3px; border-right: 0px; } div#tocWrapper ul { margin: 0em 0em 0em 0em; } ol, ul { margin: .5em 0em 0em 3em; /* last setting is left margin. Was 2em until 9/16 since was cutting off 10s digit in numbered lists */ } li { margin-bottom: .5em; } ul p, ol p, dl p { margin-left: 0em; } ul p.label, ol p.label { margin-top: .5em; } /* -------------------------------------------------- DEFINITION LIST STYLES -------------------------------------------------- */ dl { margin-top: 0em; padding-left: 1px; /* Prevents italic-letter descenders from being cut off */ } dd { margin-bottom: 0em; margin-left: 1.5em; } dt { margin-top: .5em; } /* ------------ For the EDN GP and .NET Manager docs from content studio ----------------*/ .wh_title { display:none; } .wh_footer { display: none; } /* -------------------------------------------------- CODE, SYNTAX, and REFTIP STYLES -------------------------------------------------- */ center.viewCodeHeader { margin-top:15px; font-size: 130%; } div.fileNameDisplayed { font-size: 80%; } pre { margin-top: .5em; margin-bottom: .5em; } pre, code, .code { /*font: 100% Monospace, Courier New, Courier;*/ /* This is 100% of 70% */ font-family: Monospace, Courier New, Courier; color: #000066; margin: 15px 15px 15px 15px; white-space:pre; } pre b, code b { letter-spacing: .1em; /* opens kerning on bold in Syntax/Code */ } pre.syntax { background: #cccccc; padding: 4px 8px; cursor: text; margin-top: 1em; margin-bottom: 1em; color: #000000; border-width: 1px; border-style: solid; border-color: #999999; } /* -------- For the post-9.2 .NET code colorization ------ */ .code .rem { color: #008000; } .code .kwrd { color: #0000ff; } .code .str { color: maroon; /**color: #006080; (from css with the web project)**/ } .code .op { color: #0000c0; } .code .preproc { color: #cc6633; } .code .asp { background-color: #ffff00; } .code .html { color: #800000; } .code .attr { color: #ff0000; } .code .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .code .lnum { color: #606060; } .code .blk { color: black; } /* ----------- For Java and javascript code colorization ------- */ .Java .code, .Javascript .code { color: black; /* modified for java */ } .Java .code .kwrd, .Javascript .code .kwrd { color: #7F0055; font-weight:bold /* modified for java */} .Java .code .str, .Javascript .code .str { color: #2A00FF; /* modified for java */ } /* -------------------------------------------------- LINK STYLES -------------------------------------------------- */ a:link, a:visited { color: #106790; } a:hover { color: #f60; background: transparent; } a img {border: none; margin-bottom: -2px;} a.arrowlink { font-size: .85em; } /* --------------------------- MSHelp\:link - Help HxLinks --------------------------- */ MSHelp\:link { text-decoration: underline; color:#910B0F; hoverColor:#910B0F; } /* -------------------------------------------------- TABLE STYLES -------------------------------------------------- */ div.tablediv { width: 100%; /* Forces tables to have correct right margins and top spacing */ margin-top: -.4em; } ol div.tablediv, ul div.tablediv, ol div.HxLinkTable, ul div.HxLinkTable { margin-top: 0em; /* Forces tables to have correct right margins and top spacing */ } table{ font-size: 12px; /*added 6/2/05 to fix screwy display */ width: 100%; } table.dtTABLE { width: 100%; /* Forces tables to have correct right margin */ margin-top: .6em; margin-bottom: .3em; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #999999; background-color: #999999; font-size: 100%; /* Text in Table is same size as text outside table */ } table.dtTABLE th, table.dtTABLE td { border-style: solid; /* Creates the cell border and color */ border-width: 0px 0px 1px 1px; border-style: solid; border-color: #999999; padding: 4px 6px; text-align: left; } table.dtTABLE th { background: #cccccc; /* Creates the shaded table header row */ vertical-align: bottom; } table.dtTABLE td { background: #ffffff; vertical-align: top; } table.libraries { width:20%; color:blue; font-size:100%; MARGIN-LEFT:2EM } table.libraries th { color:black; text-align: left; } table.Products { width: 100%; background-color:#DDE0E3; margin-top: 12px; font-size: 100% /* Text in table is same size as outside text */ } /* -------------------------------------------------- ISSUE REPORTING AND MISC LINKS TOPIC FOOTER -------------------------------------------------- */ div.footer { font-style: italic; } div.footer hr { color: #999999; height: 1px; } /* -------------------------------------------------- STYLES FOR RUNNING HEADS -------------------------------------------------- */ table.bannerparthead, table.bannertitle /* General values for the Running Head tables */ { position: relative; left: 0px; top: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; height: 21px; border-collapse: collapse; border-style: solid; border-width: 0px; font-size: 100%; } table.bannerparthead td /* General Values for cells in the top row of running head */ { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 4px; vertical-align: middle; /*border-width: 0px 0px 1px 0px; */ border-width: 0px border-style: solid; border-color: #999999; background: transparent; font-style: italic; font-weight: normal; } table.bannerparthead td.product /* Values for top right cell in running head */ { /* Allows for a second text block in the running head */ text-align: right; padding: 2px 5px 0px 5px; } table.bannerparthead td.tools img{ float: right; margin: 4px 20px; } table.bannertitle td /* General Values for cells in the bottom row of running head */ { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; vertical-align: middle; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999; background: transparent; font-weight: bold; } td.button1 /* Values for button cells */ { width: 14px; cursor: hand; } /* ================================================= STYLES REQUIRED BY THE SCRIPT */ /* -------------------------------------------------- SAMPLE VIEWER -------------------------------------------------- */ div#smpMgrCell { display:none; } table.SampMgr { margin: 0px 0px 0px -22px; } table.SampMgr td { padding-left: 22px; } /* -------------------------------------------------- RUNNING HEAD BAR POPUP STYLES: See Also, Requirements, MultiLang Filtering -------------------------------------------------- */ div.sapop, div.langMenu /* See Also & Requirements popups */ { position: absolute; left: 0px; z-index: 1; width: 50%; padding: 0px 8px 5px 26px; visibility: hidden; border: 1px solid #999999; /* Same as all other border colors */ background: #ffffcc; } div.langMenu /* MultiLang Filter popup */ { padding: 10px 10px 10px 10px; } div.langMenu ul { list-style-type: none; padding-left: 5px; margin-left: 0px; } .lang, .ilang /* controls the multilang tag styles */ { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; font-style: normal; } h1 .lang, h1 .ilang { font-size: 65%; } div.filtered { margin-top: .6em; margin-bottom: .6em; margin-left: -7px; padding: 0px 0px 0px 6px; border-left: 1px solid #999999; background: #ffffff; } div.filtered h1, div.filtered h2, div.filtered h3, div.filtered h4 { margin-left: -22px; } div.filtered span.lang { position: relative; left: 0px; } /* -------------------------------------------------- PARAMETER POPUP STYLES -------------------------------------------------- */ div.reftip /* Defines the RefTip popup in Syntax */ { position: absolute; z-index: 1; visibility: hidden; border: 1px solid #999999; background: #ffffcc; /* padding: 0px 0px 0px 0px; */ } div.reftip dl /* Sets margin around the text within the popup */ { margin: 3px 8px 8px 8px; } a.synParam /* parameter popup links */ { color: #910B0F; /* Must match the a:link style color */ text-decoration: underline; } a.synParam:visited /* ensures parameter popup links are always the unvisited color */ { color: #8D309C; /* Must match the a:link style color */ text-decoration: underline; } a.synParam:hover /* parameter popup links */ { color: #910B0F; /* Must match the a:hover style color */ text-decoration: underline; font-style: italic; } /* -------------------------------------------------- EXPAND-COLLAPSE STYLES -------------------------------------------------- */ div.expandBody { margin: .5em 0em 0em 1.4em; display:none; } a.expandLink1 { font-size: 115%; } a#ExPand { color: #3366ff; font-weight: bold; text-decoration: none; } a#ExPandAll { color: #3366ff; font-weight: bold; text-decoration: none; } /* -------------------------------------------------- GLOSSARY POPUP STYLES Not used by Visual Studio .NET -------------------------------------------------- */ /* COMMENT OUT GLOSSARY SECTION /*div#popUpWindow { Controlled by the script in the variable L_PopUpBoxStyle_Style }*/ a.glosslink:link { color: #000000; } a.glosslink:visited { color: #000000; } a.glosslink:hover { color: #000000; font-style: italic; } div#popUpWindow h5 /* Controls the style of the Term in Glossary Popups */ { margin: 5px 5px 5px 5px; color: #000000; } div#popUpWindow p /* Controls the style of the Text in Glossary Popups */ { margin: 5px 5px 5px 5px; color: #000000; } p.GLOSSARY_TEXT { } div#popUpWindow a /* Controls the style of the Links in Glossary Popups */ { } */ /* END COMMENT OUT OF GLOSSARY SECTION */ /* END STYLES REQUIRED BY THE SCRIPT ================================================== */