home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 September / CHIP_CD_2004-09.iso / bonus / soft-clean / files / sl25demo.exe / SLHelp25.chm / html / hlp_styles.css < prev    next >
Cascading Style Sheet File  |  2001-08-28  |  10KB  |  406 lines
  1. /* Style sheet optimized for IE4x - Last updated 6/1/99 */
  2.  
  3. body            { 
  4.         color: #000000;
  5.         /* background: #EAFFEA; */      
  6.         font-size: 75%;            
  7.         font-family: Verdana, Arial, Sans Serif; }
  8.  
  9.  
  10. a:link, a:visited     { color: "#0000FF"; text-decoration:"none";}
  11.  
  12. a:active     { color: "#FF0000"; cursor:hand; text-decoration:"underline";}
  13.  
  14. a:hover     { color: "#FF0000";  cursor:hand; text-decoration:"underline";}
  15.  
  16. p
  17.         { margin-top:" .6em"; 
  18.         margin-bottom: ".6em"; }
  19.  
  20. a.small:link, a.small:visited     { font-size: 90%; color: "#0000FF"; text-align:"center"; text-decoration:"none"; }
  21. a.small:active     { color: "#FF0000"; cursor:hand; text-decoration:"underline";}
  22. a.small:hover     { color: "#FF0000";  cursor:hand; text-decoration:"underline";}
  23.  
  24.  
  25. i.key  { color: #006600;}
  26.  
  27. h1
  28.         { color: #000080; font-size: 125%; 
  29.         margin-bottom:" .5em"; clear:both; }
  30.  
  31. h2
  32.         { font-size: 110%;  
  33.         margin-top: "1.5em";
  34.         margin-bottom:" .5em"; clear:both; }
  35.  
  36. h3
  37.         { font-size: 100%; 
  38.         margin-top: "1.2em";  
  39.         margin-bottom: ".5em"; clear:both; }
  40.  
  41. h4
  42.         { font-size: 100%; 
  43.         margin-top: "1.2em";  
  44.         margin-bottom: ".5em"; clear:both; }
  45.  
  46. h5
  47.         { font-size: 100%; 
  48.         margin-top: "1.2em";  
  49.         margin-bottom: ".5em"; clear:both; }
  50.  
  51.  
  52. p.nospace
  53.         { margin-top:" 0em"; 
  54.         margin-bottom: "0em"; }
  55.  
  56. p.r
  57.         { text-align:right; }
  58.         
  59. #r     { text-align:right;}        
  60.         
  61.         
  62. ol
  63.         { margin-top: ".5em"; 
  64.         margin-bottom: 0; 
  65.         margin-left: "2.1em"; 
  66.         padding-left: "0em";
  67.         margin-right:"2.1em" }
  68.     
  69. ul
  70.         { margin-top: ".6em";     
  71.         margin-bottom: 0;
  72.         list-style-type: disc;
  73.         margin-left: "1.5em";
  74.         padding-left: "0em";
  75.         margin-right: "1.5em"; }
  76.         
  77. li
  78.         { margin-bottom: ".7em"; clear:both; }
  79.  
  80. dd
  81.         { margin-bottom: 0; 
  82.         margin-left: "1.5em"; } 
  83.  
  84.  
  85.  
  86. /* for defined terms, follow the "Document Conventions" listing in the Microsoft Manual of Style: */
  87. /* Keywords, functions, and anything else the user must enter exactly as shown are bold--add "font-weight: bold;" to the dt tag */
  88. /* Variables, book titles, and placeholders the user must provide are italic--add "font-style: italic;" to the dt tag */
  89. /* pre-defined arguments are bold and italic--add "font-weight: bold;" and "font-style: italic;" to the dt tag */
  90.  
  91.  
  92. dt
  93.         { margin-top: "1em"; }
  94.  
  95. pre
  96.         { margin-top: ".5em";
  97.         margin-bottom: ".5em"; }
  98.  
  99. code
  100.         { font-family: Courier New; 
  101.         font-size: "1.1em"; }
  102.  
  103. table
  104.         { font-size: 100%;
  105.         margin-top: "0em"; 
  106.         margin-bottom: "0em"; }
  107.         
  108.  
  109. th
  110.         { text-align: left;
  111.         background: #DDDDDD;
  112.         vertical-align: bottom;
  113.         padding: .2em;
  114.         padding-left: .45em;
  115.         padding-right: .5em;}
  116.         
  117. tr
  118.         { vertical-align: top; }
  119.  
  120. td
  121.         { /*background: #EEEEEE;*/
  122.         vertical-align: top;
  123.         padding: .2em;
  124.         padding-left: .45em;
  125.         padding-right: .5em;}
  126.  
  127. td.p
  128.         {  font-size: 95%;
  129.        vertical-align: top;
  130.         padding: .2em;
  131.         padding-left: .45em;
  132.         padding-right: .5em;}
  133.  
  134. td.top
  135.         { font-size: 95%;
  136.         color: #FF0000;
  137.         /*background: #EEEEEE;*/
  138.         vertical-align: top;
  139.         padding: .2em;
  140.         padding-left: .45em;
  141.         padding-right: .5em;}
  142.  
  143.  
  144.  
  145. /****      extended class styles ************************/
  146. /*                                           */
  147. /* add comment tags to disable the style         */
  148.  
  149. p.indent        { margin-left: "1.3em"; }       /* this class style is used to indent text for notes and warnings; use this instead of the blockquote tag */
  150.  
  151. p.indent2        { margin-left: "3.5em"; }   /* this class style is used to indent text a second level under the first  indent */
  152.         
  153. p.proclabel    { font-size: 100%;     
  154.         font-weight: bold; clear: both; }
  155.         
  156. p.uatshoot    { font-weight: bold; margin-bottom: "-.5em"; margin-top: "1em"; }
  157.  
  158. /***********************************************/
  159. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  160.  
  161. #expand             {margin-bottom: "0.6em"; margin-right: "1.5em";}
  162.  
  163. a:link.expandToggle, a:visited.expandToggle     {color:"#000000"; font-weight: bold;  text-decoration:none;}
  164.  
  165. a:hover.expandToggle, a:active.expandToggle     {color:"#0000FF";}
  166.  
  167. img.expand         { border: none; margin-right: "0.5em"; width:".8em";}
  168.         
  169. div.expand        { margin-left: "1.5em"; margin-right: "1.5em";margin-bottom: "1em"; display:none;}
  170.  
  171.  
  172.  
  173. /***********************************************/
  174. /* this class for expand collapse appearing in a table  */
  175.  
  176. table.uatshoot        {background-color: #FFFFFF; width: 90% }
  177.  
  178. table.uatshoot td        { padding: 0px 0px 0px 5px }
  179.  
  180. a:link.uatshoot, a:visited.uatshoot     {color:"#000000"; font-weight: normal;  text-decoration:none;}
  181.  
  182. a:hover.uatshoot, a:active.uatshoot     {color:"#0000FF"; text-decoration: none }
  183.  
  184.  
  185. /*******************************************/
  186. /*  these classes are for thumbnail art      */
  187.  
  188. a:link img.thumbnail        {border-color: "#0000FF";}
  189.  
  190. a:active img.thumbnail    { border-color: "#FF0000";}
  191.  
  192. a:hover img.thumbnail    {border-color: "#FF0000";}
  193.  
  194. img.thumbnail        {vertical-align: top; margin-left: 0;
  195.              width:90; border-width:1;}
  196.          
  197. div.thumbnail        {float:left; width: 105; margin-top: "1em"; margin-bottom: "-0.3em"; 
  198.              clear: both;  }
  199.  
  200. /*********************************************/                
  201. /* this class style is used for the navigation tree in MMC */
  202.         
  203. p.navTree        { margin-top:" .2em"; }
  204.  
  205. ul.navTree     {  list-style-type: none; }
  206.  
  207. li.branch        { margin-top:" -.5em"; margin-bottom: ".6em";}
  208.  
  209. a.where            {}    /* use for the expand <a> tag */
  210.  
  211. /***************************************************************/
  212. /* these class styles are used for <span> tags  simulating buttons & their div */
  213.  
  214. #buttonMenu    { padding:  0.5em 0.3em 0.1em 0.3em;
  215.               padding-left:6px;
  216.               border-bottom: thin solid #999999;
  217.               background: #BBBBBB;
  218.               vertical-align:top;
  219.               z-index:2;
  220.               visibility:visible;
  221.               left:0; top:0; 
  222.               text-align:left;
  223.               margin:"0 1em 0 0"; 
  224.               position:absolute;
  225.               width: "100%";
  226.               }
  227.                           
  228. a:link.button, a:visited.button, span.button {
  229.               border-top-color: #EEEEEE ;
  230.               border-left-color: #EEEEEE ;
  231.               border-bottom-color: #666666 ;
  232.               border-right-color: #666666 ;
  233.               background-color: #DDDDDD ;
  234.               color:#0000FF;
  235.               text-decoration: "none";
  236.               text-align: "center";
  237.               font-weight: "bold" ;
  238.               height:"1.5em"; width:"17px"; cursor:"hand";
  239.               border-style: "solid"; border-width: 1;
  240.             }
  241.             
  242. a:active.button, a:hover.button    {
  243.               border-top-color: #666666 ;
  244.               border-left-color: #666666 ;
  245.               border-bottom-color: #EEEEEE ;
  246.               border-right-color: #EEEEEE;
  247.               background-color: #FFFFFF;
  248.               text-decoration: "none";
  249.               text-align: "center";
  250.               font-weight: "bold" ;
  251.               height:"1.5em"; width:"17px"; cursor:"hand";
  252.               border-style: "solid"; border-width: 1;
  253.               }
  254.  
  255. /* The following span is used to display
  256. items that have no entries  - AMS */
  257.               
  258. span.buttoninactive {background: #C0C0C0;
  259.                     border: 1 solid #eeeeee;
  260.                     height: 1.4em;
  261.                     width: 1.4em;
  262.                     text-align: center;
  263.                     font-weight: bold;
  264.                     color: #808080;
  265.                     vertical-align:top;
  266.                     cursor: default;
  267.                     }
  268.  
  269. #list        { padding:.4em 0.3em 100% 0.3em;
  270.               overflow:auto;
  271.               line-height:0.4em;
  272.               height:100%; width: "100%";
  273.               z-index:1;
  274.               left:0; top:0; 
  275.               text-align:left;
  276.               margin:0; 
  277.               position:absolute;
  278.               margin-left:"1em"; line-height:100%;
  279.               }
  280.               
  281. p.marker    { font-weight:bold;
  282.                 margin-top: "2em";
  283.                 color:#000000;
  284.                 font-size:"110%";
  285.                 }              
  286. /************************************************/
  287. /* class styles reserved for mouseover/mouseout DHTML   */
  288.  
  289. .cold        {}
  290. .hot        {}
  291.  
  292. /**********************************************************************/
  293. /* ID styles reserved for <a> tags  calling OCX's within HTML Help by creating  OBJECTS */
  294.  
  295.  
  296. #wPopup        {}
  297.  
  298. a:link#wPopup, a:visited#wPopup    {color: "#006600";}
  299. a:hover#wPopup, a:active#wPopup    {color: "#FF0000";}
  300.  
  301.  
  302. img.popup     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  303.  
  304. #shortcut        {}
  305.  
  306. img.shortcut     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  307.  
  308. #specLoc        {}
  309.  
  310. #relTopics        {}
  311.  
  312. p.relTopics img     {vertical-align:top;}     /* img is class=alert */
  313.  
  314. #altLoc        {}
  315.  
  316. p.note,p.tip, p.important, p.caution, p.warning 
  317.         { font-weight:bold; clear:both;
  318.          margin-top:"1em"; 
  319.          margin-bottom:"-.25em"; }    
  320.  
  321. img.alert        {border:none;}          /* for icon images - note, tip, important, caution, warning*/
  322.  
  323.  
  324. /***********************************/
  325. /*   Style for print only functionality used with external URL link   coUA_print.css*/
  326.  
  327. span.printOnly    {display:none }
  328.  
  329. /***********************************/
  330. /*   Styles for checklists   */
  331.  
  332. .userData         {behavior:url(#default#userdata); }  /*sets persistance*/
  333.  
  334. #checklist        {width:100%;  text-align:left; margin:"0.3em 0em";}
  335.  
  336. #checklist li     {text-indent:"0.2em";}
  337.  
  338. /*********************************/                
  339. /*  these classes are for previous next navigation     */
  340.  
  341. a:hover.navbar, a:active.navbar        {} /* text in nav */
  342. a:link.navbar, a:visited.navbar        {}
  343.               
  344. #nav    { left:0; top:0px;
  345.       text-align:left; 
  346.       margin:0; 
  347.       position:absolute;
  348.       padding-bottom: 1px; padding-top: 3px;
  349.       padding-right:6px; padding-left:5px;
  350.       align:top;
  351.       visibility:hidden;
  352.       z-index:1;  }
  353.  
  354. #text    { left:0; top:0px;
  355.        /*text-align:left;*/ /*Commented out because it was causing a problem with BI-DI. Remove style if no ill effects are found from commenting it out. - 5/28/99 AMS */
  356.        margin:0; 
  357.        position:absolute;
  358.        padding:10px;
  359.        overflow:auto;
  360.        height:100%;
  361.        z-index:1; 
  362.                 background-repeat:no-repeat;
  363.        background-position: bottom right;
  364.        background-attachment:fixed; }
  365.  
  366.  
  367. /***************************************************/
  368. /* STYLES USED IN THE WEB DELIVERABLE ONLY  */
  369.  
  370.  
  371. /***********************************/
  372. /*   links   */
  373.  
  374. #wPopupWeb    {}
  375.  
  376. a:link#wPopupWeb            {color: "#006600";}
  377. a:hover#wPopupWeb        {color: "#FF0000";}
  378. a:active#wPopupWeb        {color: "#FF0000";}
  379. a:visited#wPopupWeb        {color: "#006600";}
  380.  
  381. #shortcutWeb    {}
  382.  
  383. #specLocWeb    {}
  384.  
  385. #relTopicsWeb    {}
  386.  
  387. #altLocWeb    {}
  388.  
  389.  
  390. /***********************************/
  391. /*   popups   */
  392.  
  393. div.popup        { visibility:hidden; z-index:3;
  394.                  position:absolute; 
  395.                  top:200; left:200; 
  396.                  width:"250"; padding:"6px"; 
  397.                  background-color:#FFFFCC;
  398.                  border-style: solid;
  399.                  border-width: 1;
  400.                  border-color: #666666;
  401.                                       }
  402.  
  403.  
  404.  
  405.               
  406.