home *** CD-ROM | disk | FTP | other *** search
/ PC World 1999 May / PCWorld_1999-05_cd.bin / Komunik / MSIE5 / ieak5.exe / RCDATA / CABINET / ieakhelp.chm / ieak5.css < prev    next >
Cascading Style Sheet File  |  1999-02-24  |  4KB  |  186 lines

  1. /* Style sheet optimized for IE4x & later */
  2.  
  3. body
  4.         { color: #000000;
  5.         background: #FFFFFF;      
  6.         font-size: 70%;            
  7.         font-family: Verdana, Arial, Helvetica, Sans Serif;
  8. /* messing around with padding and margins for IEAK 5.0 Help */
  9.         margin: 90 22 2em 22; }
  10.  
  11. /* all link colors match the IE4+ default colors */
  12. a:link
  13.         { color: #0000FF; }
  14.     
  15. a:visited
  16.         { color: #800080; }
  17.  
  18. a:active
  19.         { color: #FF0000; }
  20.  
  21. a:hover
  22.         { color: #FF0000; }
  23.  
  24. h1
  25.         { font-size: 130%; /* was 140 */ 
  26.         margin-bottom: .5em; }
  27.  
  28. h2, h1.wiz
  29.         { font-size: 110%; /* was 130 */  
  30.         margin-top: 1.5em;
  31.         margin-bottom: .5em; }
  32.  
  33. h3
  34.         { font-size: 100%; /* was 120 */
  35.         margin-top: 1.2em;  
  36.         margin-bottom: .5em; }
  37.  
  38. h4
  39.         { font-size: 100%; /* was 110 - I don't think we'll use these */
  40.         margin-top: 1.2em;  
  41.         margin-bottom: .5em; }
  42.  
  43. h5
  44.         { font-size: 100%; /* I don't think we'll use these */
  45.         margin-top: 1.2em;  
  46.         margin-bottom: .5em; }
  47.  
  48. p
  49.         { margin-top: .6em; 
  50.         margin-bottom: .6em; }
  51.  
  52.  
  53. p.proclabel, p.otherh
  54.         { font-size: 100%; 
  55.         font-weight: bold;
  56.         margin-top: 1.1em; }
  57.             
  58. ol
  59.         { margin-top: .5em; 
  60.         margin-bottom: 0em; 
  61. /* bizarrely enough, needed to prevent ul ol items getting bullets instead of numbers */
  62.         list-style-image: url();
  63.         }    
  64.     
  65. ul
  66.         { margin-top: .6em;     
  67.         margin-bottom: 0em;
  68. /* added for IEAK 5.0 Help */
  69.         list-style-image: url(blu_sqr.gif); }
  70.  
  71. li
  72.         { margin-bottom: .7em;
  73.         margin-left: -14px; }
  74.  
  75. ol li
  76.         { margin-left: -14px; } 
  77.  
  78. ul li
  79.         { margin-left: -21px; }
  80.  
  81.  
  82.  
  83. dd
  84.         { margin-bottom: 0em; 
  85.         margin-left: 1.5em; } 
  86.  
  87. /* for defined terms, follow the "Document Conventions" listing in the Microsoft Manual of Style: */
  88. /* Keywords, functions, and anything else the user must enter exactly as shown are bold--add "font-weight: bold;" to the dt tag */
  89. /* Variables, book titles, and placeholders the user must provide are italic--add "font-style: italic;" to the dt tag */
  90. /* pre-defined arguments are bold and italic--add "font-weight: bold;" and "font-style: italic;" to the dt tag */
  91. dt
  92.         { margin-top: 2em; }
  93.  
  94. pre
  95.         { margin-top: 0em;
  96.         margin-bottom: 1.5em;
  97. /* the next two lines added by Brad Matter for IEAK 5 Help file */
  98.         font-family: Courier New;
  99.         font-size: 125%  }
  100.  
  101. code
  102.         { font-family: Courier New; 
  103.         font-size: 125% }
  104.  
  105. table
  106.         { font-size: 100%;
  107.         margin-top: 1em; 
  108.         margin-bottom: 1em;
  109.         padding: 2px; }
  110.  
  111. /*
  112. padding in td and th added to replace "cellpadding" in table (there *isn't* such a thing as cellpadding in css!)
  113. tried using ems, but only got padding on top and bottom        
  114. */
  115.  
  116. th
  117.         { text-align: left;
  118.         background: #dddddd;
  119.         vertical-align: bottom;
  120.          }
  121.         
  122. tr
  123.         { vertical-align: top; }
  124.  
  125. td
  126.         { background: #eeeeee;
  127.         vertical-align: top;
  128.          }
  129.  
  130.  
  131. /*                       */
  132. /* extended class styles */
  133. /*                       */
  134. /* remove comment tags to enable the style */
  135.  
  136.  
  137. /* this class style is used to wrap text around icons in Related Topics areas */
  138. /*p.margin
  139.         { margin-left: 2em; 
  140.         margin-top: -1.75em; }  */
  141.  
  142. /* this class style is used to indent text for notes and warnings; use this instead of the blockquote tag */
  143. p.indent
  144.         { margin-left: 2.1em; }  /* was 2; changed to line up better with li */
  145.  
  146. /* this class style is used for table footnotes and anywhere else you want small type */
  147. /*p.mini
  148.         { font-size: 80% }  */
  149.         
  150.  
  151. /* added for IEAK 5.0 Help */
  152.  
  153. .topbar
  154.     {
  155.     position: absolute;
  156.     left: -3px;
  157.     top:0;
  158.     margin: 0 -25 30 0;
  159.     }
  160.  
  161.  
  162. /* The the category headings have a fixed point size because they are superimposed on the banner image.
  163.     It does look kinda cool when they shift if they're specified using percentage, but... */
  164.     
  165. .toptext1 /* first word of category heading goes on the top line */
  166.     {
  167.     font-family: Arial, Helvetica, Sans Serif;
  168.     font-weight: bold;
  169.     font-size: 14pt;
  170.     font-variant: small-caps;
  171. /*    letter-spacing: .25pt; */
  172.     color: #ffffff; 
  173.     position:absolute; top:35; left:20;
  174.     }
  175.  
  176. .toptext2 /* second and subsequent words of category heading go on the second line */
  177.     {
  178.     font-family: Arial, Helvetica, Sans Serif;
  179.     font-weight: bold;
  180.     font-size: 14pt;
  181.     font-variant: small-caps;
  182. /*    letter-spacing: .25pt; */
  183.     color: #003399; 
  184.     position:absolute; top:49; left:62;
  185.     }
  186.