home *** CD-ROM | disk | FTP | other *** search
/ io Programmo 40 / IOPROG_40.ISO / SOFT / NETFrameworkSDK.exe / comsdk.cab / cptutorials.chm / html / vs70_5.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2000-06-23  |  8.6 KB  |  464 lines
  1. /* THIS IS A PRE-RELEASE VERSION OF THE CSS. FINAL VERSION IS STILL FORTHCOMING. */
  2.  
  3.  
  4. /* Cascading Style Sheet for use with Developer Tools User Education Docs in the VS7 Timeframe */
  5. /* VERSION 8876 */
  6.  
  7.  
  8. /* MAIN TOPIC STYLES */
  9.  
  10. body /* This body tag requires the use of one of the sets of banner and/or text div ids */
  11.     {
  12.     margin: 0px 0px 0px 0px;
  13.     padding: 0px 0px 0px 0px;
  14.     background: #ffffff; 
  15.     color: #000000;
  16.     font-family: Verdana, Arial, Helvetica, sans-serif;
  17.     font-size: 70%;
  18.     width: 100%;
  19.     }
  20. div#scrollyes /* Allows topic to scroll. Cannot be used with running head banner */
  21.     {     /* Must immediately follow <body>. */
  22.     padding: 2px 15px 2px 22px;
  23.     width: 100%;
  24.     }
  25. div#nsbanner /* Creates Nonscrolling banner region */
  26.     {
  27.     position: relative;
  28.     left: 0px;
  29.     padding: 0px 0px 0px 0px;
  30.     }
  31. div#nstext /* Creates the scrolling text area for Nonscrolling region topic */
  32.     {
  33.     padding: 5px 10px 0px 22px; 
  34.     }
  35. div#scrbanner /* Creates the running head bar in a full-scroll topic */
  36.     {     /* Allows topic to scroll. */
  37.     margin: 0px 0px 0px 0px;
  38.     padding: 0px 0px 0px 0px;
  39.     }
  40. div#scrtext /* Creates the text area in a full-scroll topic */
  41.     {   /* Allows topic to scroll. */
  42.     width: 100%; /* Forces tables to have correct right margin */
  43.     padding: 0px 10px 0px 22px; 
  44.     }
  45. div#bannerrow1 /* provides full-width color to top row in running head (requires script) */
  46.     {
  47.     background-color: #cccc99;
  48.     }
  49. div#bannerrow2 /* provides full-width color bottom row in running head (requires script) */
  50.     {
  51.     background-color: #cccc99; 
  52.     }
  53.  
  54.  
  55. /* HEADING STYLES */
  56.  
  57. h1, h2, h3, h4
  58.     {
  59.     font-family: Verdana, Arial, Helvetica, sans-serif;
  60.     margin-bottom: .4em; 
  61.     margin-top: 1em;
  62.     font-weight: bold;
  63.     }
  64. h1
  65.     {
  66.     font-size: 150%;
  67.     margin-top: 0em;
  68.     }
  69. h2
  70.     {
  71.     font-size: 120%;
  72.     }
  73. h3
  74.     {
  75.     font-size: 110%;
  76.     }
  77. h4
  78.     {
  79.     font-size: 100%;
  80.     }
  81. .dtH1, .dtH2, .dtH3, .dtH4
  82.     {
  83.     margin-left: -18px;
  84.     }
  85.  
  86. /* TEXT STYLES */
  87.  
  88. p
  89.     {
  90.     margin: .5em 0em .5em 0em;
  91.     }
  92. blockquote.dtBlock
  93.     {
  94.     margin: .5em 1.5em .5em 1.5em;
  95.     }
  96. div#dtHoverText
  97.     {
  98.     color: #000066;
  99.     }
  100. .normal
  101.     {
  102.     margin: .5em 0em .5em 0em;
  103.     }
  104. .fineprint
  105.     {
  106.     font-size: 90%; /* i.e., 90% of 70% */
  107.     }
  108. .indent
  109.     {
  110.     margin: .5em 1.5em .5em 1.5em;
  111.     }
  112. .topicstatusboilerplate_dontmodify /* Topic Status Boilerplate class */
  113.     {
  114.     display: block;
  115.     }
  116.  
  117.  
  118. /* LINK STYLES */
  119.  
  120. a:link
  121.     {
  122.     color: #0000ff;
  123.     }
  124. a:visited
  125.     {
  126.     color: #666699; 
  127.     }
  128. a:hover
  129.     {
  130.     color: #3366ff;
  131.     }
  132.  
  133.  
  134. /* LABEL STYLES */
  135.  
  136. p.label
  137.     {
  138.     margin-top: 1em;
  139.     }
  140. p.labelproc
  141.     {
  142.     margin-top: 1em;
  143.     color: #000066;
  144.     }
  145.  
  146.  
  147. /* GRAPHIC STYLES */
  148.  
  149. img
  150.     {
  151.     border: none; 
  152.     }
  153.  
  154.  
  155. /* LIST STYLES */
  156.  
  157. ol, ul
  158.     {
  159.     margin: .5em 0em 0em 2em; 
  160.     }
  161. li
  162.     {
  163.     margin-bottom: .5em;
  164.     }
  165. ul p, ol p, dl p
  166.     {
  167.     margin-left: 0em;
  168.     }
  169. ul p.label, ol p.label
  170.     {
  171.     margin-top: .5em;
  172.     }
  173.  
  174.  
  175. /* DEFINITION LIST STYLES */
  176.  
  177. dl
  178.     {
  179.     margin-top: 0em; 
  180.     padding-left: 1px; /* Prevents italic-letter descenders from being cut off */
  181.     }
  182. dd
  183.     {
  184.     margin-bottom: 0em;  
  185.     margin-left: 1.5em; 
  186.     }
  187. dt
  188.     {
  189.     margin-top: .5em; 
  190.     }
  191.  
  192.  
  193. /* CODE, SYNTAX, and REFTIP STYLES */
  194.  
  195. pre
  196.     {
  197.     margin-top: .5em;
  198.     margin-bottom: .5em; 
  199.     }
  200. pre, code, .code
  201.     {
  202.     font: 100% Courier New, Courier, mono; /* This is 100% of 70% */
  203.     color: #000066;
  204.     }
  205. pre b, code b
  206.     {
  207.     letter-spacing: .1em; /* opens kerning on bold in Syntax/Code */
  208.     }
  209. pre.syntax
  210.     {
  211.     background: #cccccc;
  212.     padding: 4px 8px;
  213.     cursor: text;
  214.     margin-top: 1em;
  215.     margin-bottom: 1em; 
  216.     color: #000000;
  217.     border-width: 1px;
  218.     border-style: solid;
  219.     border-color: #999999;
  220.     }
  221.  
  222.  
  223. /* TABLE STYLES */
  224.  
  225. div.tablediv /* Works around IE5.x bug: Forces tables to have correct right margins and top spacing */
  226.     {
  227.     width: 100%;
  228.     margin-top: -.4em;
  229.     }
  230. ol div.tablediv, ul div.tablediv  /* Forces tables to have correct right margins and top spacing */
  231.     {
  232.     margin-top: 0em;
  233.     }
  234. table
  235.     {
  236.     width: 100%; /* Forces tables to have correct right margin */
  237.     margin-top: .6em;
  238.     margin-bottom: .3em;
  239.     font-size: 100%; /* Text in Table is same size as text outside table */
  240.     background-color: #999999; 
  241.     }
  242. .dtTABLE
  243.     {
  244.     border-width: 1px 1px 0px 0px;
  245.     border-style: solid;
  246.     border-color: #999999;
  247.     }
  248. table.dtTABLE th, table.dtTABLE td
  249.     { 
  250.     border-style: solid; /* Creates the cell border and color */
  251.     border-width: 0px 0px 1px 1px;
  252.     border-style: solid;
  253.     border-color: #999999;
  254.     padding: 4px 6px;
  255.     text-align: left;
  256.     }
  257. th    
  258.     { 
  259.     background: #cccccc; /* Creates the shaded table header row */
  260.     vertical-align: bottom;
  261.     }
  262. td    
  263.     {
  264.     background: #ffffff;
  265.     vertical-align: top;
  266.     }
  267. table.SampMgr
  268.     {
  269.     margin: 0px 0px 0px -22px;
  270.     }
  271. table.SampMgr td
  272.     {
  273.     padding-left: 22px;
  274.     }
  275.  
  276.  
  277.  
  278. /* STYLES FOR RUNNING HEADS */
  279.  
  280. table.bannerparthead, table.bannertitle /* General values for the Running Head tables */
  281.     {
  282.     position: relative;
  283.     left: 0px;
  284.     top: 0px;
  285.     padding: 0px 0px 0px 0px;
  286.     margin: 0px 0px 0px 0px;
  287.     width: 100%;
  288.     height: 21px; 
  289.     border-collapse: collapse; /* acommodates Table style  defs */
  290.     border-style: solid;
  291.     border-width: 0px;
  292.     background-color: #cccc99; 
  293.     }
  294. table.bannerparthead td /* General Values for cells in the top row of running head */
  295.     {
  296.     margin: 0px 0px 0px 0px;
  297.     padding: 2px 0px 0px 4px;
  298.     vertical-align: middle;
  299.     border-width: 0px 0px 1px 0px;
  300.     border-style: solid;
  301.     border-color: #999999;
  302.     background: transparent; 
  303.     font-style: italic;
  304.     font-weight: normal;
  305.     }
  306. table.bannerparthead td.product /* Values for top right cell in running head */
  307.     {                       /* Allows for a second text block in the running head */
  308.     text-align: right;
  309.     padding: 2px 5px 0px 5px;
  310.     }
  311. table.bannertitle td /* General Values for cells in the bottom row of running head */
  312.     {
  313.     margin: 0px 0px 0px 0px;
  314.     padding: 0px 0px 0px 3px;
  315.     vertical-align: middle;
  316.     border-width: 0px 0px 1px 0px;
  317.     border-style: solid;
  318.     border-color: #999999;
  319.     background: transparent;
  320.     font-weight: bold;
  321.     }
  322. td.button1 /* Values for button cells */
  323.     {
  324.     width: 13px;
  325.     cursor: hand;
  326.     }
  327.  
  328.  
  329. /* STYLES REQUIRED BY THE SCRIPT 
  330.             --START--           */
  331.  
  332. /* RUNNING HEAD BAR POPUP STYLES: See Also, Requirements, MultiLang Filtering */
  333.  
  334. div.sapop, div.langMenu /* See Also & Requirements popups */
  335.     {
  336.     position: absolute;
  337.     left: 0px;
  338.     z-index: 1;
  339.     width: 50%;
  340.     padding: 0px 8px 5px 26px;
  341.     visibility: hidden;
  342.     border: 1px solid #999999; /* Same as all other border colors */
  343.     background: #ffffcc;
  344.     }
  345. div.langMenu /* MultiLang Filter popup */
  346.     {
  347.     padding: 10px 10px 10px 10px;
  348.     }
  349. div.langMenu ul
  350.     {
  351.     list-style-type: none;
  352.     padding-left: 5px;
  353.     margin-left: 0px;
  354.     }
  355. .lang, .ilang /* controls the multilang tag styles */
  356.     {
  357.     color: #666666;
  358.     font-family: Verdana, Arial, Helvetica, sans-serif;
  359.     font-size: 80%;
  360.     font-weight: normal;
  361.     font-style: normal;
  362.     }
  363. h1 .lang, h1 .ilang 
  364.     {
  365.     font-size: 65%;
  366.     }
  367. div.filtered
  368.     {
  369.     margin-top: .6em;
  370.     margin-bottom: .6em;
  371.     margin-left: -7px;
  372.     padding: 0px 0px 0px 6px;
  373.     border-left: 1px solid #999999;
  374.     background: #ffffff;
  375.     }
  376. div.filtered h1, div.filtered h2, div.filtered h3, div.filtered h4
  377.     {
  378.     margin-left: -22px;
  379.     }
  380. div.filtered span.lang
  381.     {
  382.     position: relative;
  383.     left: 0px;
  384.     }
  385.  
  386. /* PARAMETER POPUP STYLES */
  387.  
  388. div.reftip /* Defines the RefTip popup in Syntax */
  389.     {
  390.     position: absolute;
  391.     z-index: 1;
  392.     visibility: hidden;
  393.     border: 1px solid #999999;
  394.     background: #ffffcc;
  395. /*    padding: 0px 0px 0px 0px; */    
  396.     }
  397. div.reftip dl /* Sets margin around the text within the popup */
  398.     {
  399.     margin: 3px 8px 8px 8px;
  400.     }
  401. a.synParam /* parameter popup links */
  402.     {
  403.     color: #0000ff; /* Must match the a:link style color */
  404.     text-decoration: underline;
  405.     }
  406. a.synParam:hover /* parameter popup links */
  407.     {
  408.     color: #3366ff; /* Must match the a:hover style color */
  409.     text-decoration: underline;
  410.     font-style: italic;
  411.     }
  412.  
  413. /* GLOSSARY POPUP STYLES */
  414.  
  415. /*div#popUpWindow
  416.     { Controlled by the script in the variable L_PopUpBoxStyle_Style
  417.     }*/
  418. a.glosslink:link
  419.     {
  420.     color: #000000;
  421.     }
  422. a.glosslink:visited
  423.     {
  424.     color: #000000; 
  425.     }
  426. a.glosslink:hover
  427.     {
  428.     color: #000000;
  429.     font-style: italic;
  430.     }
  431. div#popUpWindow h5 /* Controls the style of the Term in Glossary Popups */
  432.     {
  433.     margin: 5px 5px 5px 5px;
  434.     color: #000000;
  435.     }
  436. div#popUpWindow p /* Controls the style of the Text in Glossary Popups */
  437.     {
  438.     margin: 5px 5px 5px 5px;
  439.     color: #000000;
  440.     }
  441. p.GLOSSARY_TEXT
  442.     {
  443.     }
  444. div#popUpWindow a /* Controls the style of the Links in Glossary Popups */
  445.     {
  446.     }
  447.  
  448. /*              --END--            */
  449.  
  450. /* ISSUE REPORTING AND MISC LINKS TOPIC FOOTER */
  451.  
  452. div.footer
  453.     {
  454.     font-style: italic;
  455.     }
  456. div.footer hr
  457.     {
  458.     color: #999999;
  459.     height: 1px;
  460.     }
  461.  
  462.  
  463.  
  464.