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