home *** CD-ROM | disk | FTP | other *** search
/ Driving Test Success (Practical) / DTSP.ISO / DirectX / DX9 / DirectX.cab / dxdiajpn.chm / coua.css < prev    next >
Cascading Style Sheet File  |  2002-12-12  |  11KB  |  413 lines
  1. /* Style sheet optimized for IE4x - Last updated 05/15/02 AMS */
  2.  
  3. body           { color: #000000;
  4.         background: #FFFFFF;      
  5.         font-size: 75%;            
  6.         font-family: élér éoâSâVâbâN;
  7.         margin-left: 0em;
  8.         padding-left: 1.5em; }
  9.  
  10.  
  11. a:link, a:visited     { color: #0000FF; text-decoration:underline;}
  12.  
  13. a:active, a:hover     { color: #FF0000;  cursor:hand; text-decoration:underline;}
  14.  
  15. /* Puts a little more breathing room above related topics link. - AMS*/
  16. a.#reltopics         { position:relative; top:1em; }
  17.  
  18. h1
  19.         { font-size: 125%; 
  20.         margin-bottom: .5em; clear:both; width: 85%; }
  21.  
  22. h2
  23.         { font-size: 115%;  
  24.         margin-top: 1.5em;
  25.         margin-bottom: .5em; clear:both; }
  26.  
  27. h3
  28.         { font-size: 105%; 
  29.         margin-top: 1.2em;  
  30.         margin-bottom: .5em; clear:both; }
  31.  
  32. h4
  33.         { font-size: 105%; 
  34.         margin-top: 1.2em;  
  35.         margin-bottom: .5em; clear:both; }
  36.  
  37. h5
  38.         { font-size: 105%; 
  39.         margin-top: 1.2em;  
  40.         margin-bottom: .5em; clear:both; }
  41.  
  42. p
  43.         { margin-top: .6em; 
  44.         margin-bottom: .6em; }
  45.             
  46. ol
  47.         { margin-top: .5em; 
  48.         margin-bottom: 0em; 
  49.         margin-left: 2.1em; 
  50.         padding-left: 0em;
  51.         margin-right:2.1em; }
  52.     
  53. ul
  54.         { margin-top: .6em;     
  55.         margin-bottom: 0em;
  56.         list-style-type: disc;
  57.         margin-left: 1.5em;
  58.         padding-left: 0em;
  59.         margin-right: 1.5em; }
  60.         
  61. li
  62.         { margin-bottom: .7em; clear:both; }
  63.  
  64. dd
  65.         { margin-bottom: 0em; 
  66.         margin-left: 1.5em; } 
  67.  
  68. /* for defined terms, follow the Document Conventions listing in the Microsoft Manual of Style: */
  69. /* Keywords, functions, and anything else the user must enter exactly as shown are bold--add font-weight: bold; to the dt tag */
  70. /* Variables, book titles, and placeholders the user must provide are italic--add font-style: italic; to the dt tag */
  71. /* pre-defined arguments are bold and italic--add font-weight: bold; and font-style: italic; to the dt tag */
  72.  
  73. dt
  74.         { 
  75.           margin-top: 1em; 
  76.         }
  77.  
  78. dl.indent    {
  79.           margin-left: 2.0em;
  80.         }
  81.  
  82. pre
  83.         { margin-top: .5em;
  84.         margin-bottom: .5em; }
  85.  
  86. code
  87.         { font-family: Courier New; 
  88.         font-size: 1.1em; }
  89.  
  90. table
  91.         { font-size: 100%;
  92.         margin-top: 1em; 
  93.         margin-bottom: 1em; }
  94.         
  95. th
  96.         { text-align: left;
  97.         background: #DDDDDD;
  98.         vertical-align: bottom;
  99.         padding: .2em;
  100.         padding-left: .45em;
  101.         padding-right: .5em;}
  102.         
  103. tr
  104.         { vertical-align: top; }
  105.  
  106. td
  107.         { background: #EEEEEE;
  108.         vertical-align: top;
  109.         padding: .2em;
  110.         padding-left: .45em;
  111.         padding-right: .5em;}
  112.  
  113. td.vcenter    { vertical-align: middle; }
  114.  
  115.  
  116. /****      extended class styles ************************/
  117. /*                                           */
  118. /* add comment tags to disable the style         */
  119.  
  120. p.indent    { margin-left: 1.3em; }       /* used to indent text for notes and warnings; use this instead of the blockquote tag */
  121.  
  122. p.indent2    { margin-left: 3.5em; }   /* used to indent text a second level under the first  indent */
  123.  
  124. P.indentGray    { color: #666666; } /*  used in quad-method procedures     */
  125.         
  126. p.proclabel    { font-size: 105%;     
  127.         font-weight: bold; clear: both; width: 85%; margin-top: 2em; }
  128.         
  129. p.uatshoot    { font-weight: bold; margin-bottom: -.5em; margin-top: 1em; }
  130.  
  131. /***********************************************/
  132. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  133.  
  134. #expand     {margin-bottom: 0.6em; margin-left: 0em; margin-right: 0em;}
  135.  
  136. a:link.expandToggle, a:visited.expandToggle     {color:#000000; font-weight: bold; text-decoration:none;}
  137.  
  138. a:hover.expandToggle, a:active.expandToggle     {color:#0000FF;}
  139.  
  140. img.expand     { border: none; margin-right: 0.5em; width:.8em;}
  141.         
  142. div.expand    { margin-left: 1.5em; margin-right: 1.5em;margin-bottom: 1em; display:none;}
  143.  
  144.  
  145.  
  146. /***********************************************/
  147. /* this class for expand collapse appearing in a table  */
  148.  
  149. table.uatshoot        {background-color: #FFFFFF; width: 90%; }
  150.  
  151. table.uatshoot td    { padding: 0px 0px 0px 5px; }
  152.  
  153. a:link.uatshoot, a:visited.uatshoot     {color:#000000; font-weight: normal;  text-decoration:none;}
  154.  
  155. a:hover.uatshoot, a:active.uatshoot     {color:#0000FF; text-decoration: none; }
  156.  
  157.  
  158. /*******************************************/
  159. /*  these classes are for thumbnail art      */
  160.  
  161. a:link img.thumbnail    {border-color: #0000FF;}
  162.  
  163. a:active img.thumbnail    { border-color: #FF0000;}
  164.  
  165. a:hover img.thumbnail    {border-color: #FF0000;}
  166.  
  167. img.thumbnail        {vertical-align: top; margin-left: 0;
  168.              width:90; border-width:1;}
  169.          
  170. div.thumbnail        {float:left; width: 105; margin-top: 1em; margin-bottom: -0.3em; 
  171.              clear: both;  }
  172.              
  173. .thumbnailnowrap { width: 120px; }
  174.  
  175. /*********************************************/                
  176. /* this class style is used for the navigation tree in MMC */
  177.         
  178. p.navTree    { margin-top: .2em; }
  179.  
  180. ul.navTree     {  list-style-type: none; }
  181.  
  182. li.branch    { margin-top: -.5em; margin-bottom: .6em;}
  183.  
  184. a.where        {}    /* use for the expand <a> tag */
  185.  
  186. /***************************************************************/
  187. /* these class styles are used for <span> tags  simulating buttons & their div */
  188.  
  189. #buttonMenu    { padding:  0.5em 0.3em 0.1em 0.3em;
  190.               padding-left:6px;
  191.               border-bottom: thin solid #999999;
  192.               background: #BBBBBB;
  193.               vertical-align:top;
  194.               z-index:2;
  195.               visibility:visible;
  196.               left:0; top:0; 
  197.               text-align:left;
  198.               margin:0 1em 0 0; 
  199.               position:absolute;
  200.               width: 100%;
  201.               }
  202.                           
  203. a:link.button, a:visited.button, span.button {
  204.               border-top-color: #EEEEEE ;
  205.               border-left-color: #EEEEEE ;
  206.               border-bottom-color: #666666 ;
  207.               border-right-color: #666666 ;
  208.               background-color: #DDDDDD ;
  209.               color:#0000FF;
  210.               text-decoration: none;
  211.               text-align: center;
  212.               font-weight: bold ;
  213.               height:1.5em; width:17px; cursor:hand;
  214.               border-style: solid; border-width: 1;
  215.             }
  216.             
  217. a:active.button, a:hover.button    {
  218.               border-top-color: #666666 ;
  219.               border-left-color: #666666 ;
  220.               border-bottom-color: #EEEEEE ;
  221.               border-right-color: #EEEEEE;
  222.               background-color: #FFFFFF;
  223.               text-decoration: none;
  224.               text-align: center;
  225.               font-weight: bold ;
  226.               height:1.5em; width:17px; cursor:hand;
  227.               border-style: solid; border-width: 1;
  228.               }
  229.  
  230. /* The following span is used to display
  231. items that have no entries  - AMS */
  232.               
  233. span.buttoninactive {background: #C0C0C0;
  234.                     border: 1 solid #eeeeee;
  235.                     height: 1.4em;
  236.                     width: 1.4em;
  237.                     text-align: center;
  238.                     font-weight: bold;
  239.                     color: #808080;
  240.                     vertical-align:top;
  241.                     cursor: default;
  242.                     }
  243.  
  244. #list        { padding:.4em 0.3em 100% 0.3em;
  245.               overflow:auto;
  246.               line-height:0.4em;
  247.               height:100%; width: 100%;
  248.               z-index:1;
  249.               left:0; top:0; 
  250.               text-align:left;
  251.               margin:0; 
  252.               position:absolute;
  253.               margin-left:1em; line-height:100%;
  254.               }
  255.               
  256. p.marker    { font-weight:bold;
  257.                 margin-top: 2em;
  258.                 color:#000000;
  259.                 font-size:110%;
  260.                 }              
  261. /************************************************/
  262. /* class styles reserved for mouseover/mouseout DHTML   */
  263.  
  264. .cold        {}
  265. .hot        {}
  266.  
  267. /**********************************************************************/
  268. /* ID styles reserved for <a> tags  calling OCX's within HTML Help by creating  OBJECTS */
  269.  
  270.  
  271. #wPopup        {}
  272.  
  273. a:link#wPopup, a:visited#wPopup    {color: #006600;}
  274. a:hover#wPopup, a:active#wPopup    {color: #FF0000;}
  275.  
  276.  
  277. img.popup     {border: none; margin-right: 0.5em; vertical-align:middle;}
  278.  
  279. #shortcut        {}
  280.  
  281. img.shortcut     {border: none; margin-right: 0.5em; vertical-align:middle;}
  282.  
  283. #specLoc        {}
  284.  
  285. #altLoc        {}
  286.  
  287. p.note,p.tip, p.important, p.caution, p.warning 
  288.         { font-weight:bold; clear:both;
  289.          margin-top:1em; 
  290.          margin-bottom:-.25em; }    
  291.  
  292. img.alert        {border:none;}          /* for icon images - note, tip, important, caution, warning*/
  293.  
  294. /************************************************/
  295. /* styles used to modify the appearance of XML popups   */
  296.  
  297. SPAN.XMLPopup     {margin-bottom:.75em;height: 100%; width: 100%; border: solid; border-width:1px; background-color: #FFFFCC; }
  298.  
  299.  
  300. DIV.PopTerm     { font-weight: bold; margin-left: 1em; margin-top: .75em; margin-right: 1em; }        
  301. DIV.PopDef         { line-height: 1.25em; margin-left: 1em; margin-top: .25em;