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