home *** CD-ROM | disk | FTP | other *** search
/ DOS/V Power Report 2000 November / VPR0011B.ISO / coua.css < prev    next >
Cascading Style Sheet File  |  2000-07-21  |  9KB  |  358 lines
  1. /* Style sheet optimized for IE4x - Last updated 6/8/99 */
  2.  
  3. body            { color: #000000;
  4.         background: #FFFFFF;      
  5.         font-size: 75%;            
  6.         font-family:;}
  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.         padding: "2"; }
  84.         
  85. th
  86.         { text-align: left;
  87.         background: #DDDDDD;
  88.         vertical-align: bottom;}
  89.         
  90. tr
  91.         { vertical-align: top; }
  92.  
  93. td
  94.         { background: #EEEEEE;
  95.         vertical-align: top; }
  96.  
  97.  
  98. /****      extended class styles ************************/
  99. /*                                           */
  100. /* add comment tags to disable the style         */
  101.  
  102. p.indent        { margin-left: "2em"; }       /* this class style is used to indent text for notes and warnings; use this instead of the blockquote tag */
  103.  
  104. p.indent2        { margin-left: "3.5em"; }   /* this class style is used to indent text a second level under the first  indent */
  105.         
  106. p.proclabel    { font-size: 100%;     
  107.         font-weight: bold; clear: both; }
  108.         
  109. p.uatshoot    { font-weight: bold; margin-bottom: "-.5em"; margin-top: "1em"; }
  110.  
  111. /***********************************************/
  112. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  113.  
  114. #expand             {margin-bottom: "0.6em"; margin-left: "1.5em"; margin-right: "1.5em";}
  115.  
  116. a:link.expandToggle, a:visited.expandToggle     {color:"#000000"; font-weight: bold;  text-decoration:none;}
  117.  
  118. a:hover.expandToggle, a:active.expandToggle     {color:"#0000FF";}
  119.  
  120. img.expand         { border: none; margin-right: "0.5em"; width:".8em";}
  121.         
  122. div.expand        { margin-left: "1.5em"; margin-right: "1.5em";margin-bottom: "1em"; display:none;}
  123.  
  124.  
  125.  
  126. /***********************************************/
  127. /* this class for expand collapse appearing in a table  */
  128.  
  129. table.uatshoot        {background-color: #FFFFFF; width: 90% }
  130.  
  131. table.uatshoot td        { padding: 0px 0px 0px 5px }
  132.  
  133. a:link.uatshoot, a:visited.uatshoot     {color:"#000000"; font-weight: normal;  text-decoration:none;}
  134.  
  135. a:hover.uatshoot, a:active.uatshoot     {color:"#0000FF"; text-decoration: none }
  136.  
  137.  
  138. /*******************************************/
  139. /*  these classes are for thumbnail art      */
  140.  
  141. a:link img.thumbnail        {border-color: "#0000FF";}
  142.  
  143. a:active img.thumbnail    { border-color: "#FF0000";}
  144.  
  145. a:hover img.thumbnail    {border-color: "#FF0000";}
  146.  
  147. img.thumbnail        {vertical-align: top; margin-left: 0;
  148.              width:90; border-width:1;}
  149.          
  150. div.thumbnail        {float:left; width: 105; margin-top: "1em"; margin-bottom: "-0.3em"; 
  151.              clear: both;  }
  152.  
  153. /*********************************************/                
  154. /* this class style is used for the navigation tree in MMC */
  155.         
  156. p.navTree        { margin-top:" .2em"; }
  157.  
  158. ul.navTree     {  list-style-type: none; }
  159.  
  160. li.branch        { margin-top:" -.5em"; margin-bottom: ".6em";}
  161.  
  162. a.where            {}    /* use for the expand <a> tag */
  163.  
  164. /***************************************************************/
  165. /* these class styles are used for <span> tags  simulating buttons & their div */
  166.  
  167. #buttonMenu    { padding:  0.5em 0.3em 0.1em 0.3em;
  168.               padding-left:6px;
  169.               border-bottom: thin solid #999999;
  170.               background: #BBBBBB;
  171.               vertical-align:top;
  172.               z-index:2;
  173.               visibility:visible;
  174.               left:0; top:0; 
  175.               text-align:left;
  176.               margin:"0 1em 0 0"; 
  177.               position:absolute;
  178.               width: "100%";
  179.               }
  180.                           
  181. a:link.button, a:visited.button, span.button {
  182.               border-top-color: #EEEEEE ;
  183.               border-left-color: #EEEEEE ;
  184.               border-bottom-color: #666666 ;
  185.               border-right-color: #666666 ;
  186.               background-color: #DDDDDD ;
  187.               color:#0000FF;
  188.               text-decoration: "none";
  189.               text-align: "center";
  190.               font-weight: "bold" ;
  191.               height:"1.5em"; width:"17px"; cursor:"hand";
  192.               border-style: "solid"; border-width: 1;
  193.             }
  194.             
  195. a:active.button, a:hover.button    {
  196.               border-top-color: #666666 ;
  197.               border-left-color: #666666 ;
  198.               border-bottom-color: #EEEEEE ;
  199.               border-right-color: #EEEEEE;
  200.               background-color: #FFFFFF;
  201.               text-decoration: "none";
  202.               text-align: "center";
  203.               font-weight: "bold" ;
  204.               height:"1.5em"; width:"17px"; cursor:"hand";
  205.               border-style: "solid"; border-width: 1;
  206.               }
  207.  
  208. /* The following span is used to display
  209. items that have no entries  - AMS */
  210.               
  211. span.buttoninactive {background: #C0C0C0;
  212.                     border: 1 solid #eeeeee;
  213.                     height: 1.4em;
  214.                     width: 1.4em;
  215.                     text-align: center;
  216.                     font-weight: bold;
  217.                     color: #808080;
  218.                     vertical-align:top;
  219.                     cursor: default;
  220.                     }
  221.  
  222. #list        { padding:.4em 0.3em 100% 0.3em;
  223.               overflow:auto;
  224.               line-height:0.4em;
  225.               height:100%; width: "100%";
  226.               z-index:1;
  227.               left:0; top:0; 
  228.               text-align:left;
  229.               margin:0; 
  230.               position:absolute;
  231.               margin-left:"1em"; line-height:100%;
  232.               }
  233.               
  234. p.marker    { font-weight:bold;
  235.                 margin-top: "2em";
  236.                 color:#000000;
  237.                 font-size:"110%";
  238.                 }              
  239. /************************************************/
  240. /* class styles reserved for mouseover/mouseout DHTML   */
  241.  
  242. .cold        {}
  243. .hot        {}
  244.  
  245. /**********************************************************************/
  246. /* ID styles reserved for <a> tags  calling OCX's within HTML Help by creating  OBJECTS */
  247.  
  248.  
  249. #wPopup        {}
  250.  
  251. a:link#wPopup, a:visited#wPopup    {color: "#006600";}
  252. a:hover#wPopup, a:active#wPopup    {color: "#FF0000";}
  253.  
  254.  
  255. img.popup     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  256.  
  257. #shortcut        {}
  258.  
  259. img.shortcut     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  260.  
  261. #specLoc        {}
  262.  
  263. #relTopics        {}
  264.  
  265. p.relTopics img     {vertical-align:top;}     /* img is class=alert */
  266.  
  267. #altLoc        {}
  268.  
  269. p.note,p.tip, p.important, p.caution, p.warning 
  270.         { font-weight:bold; clear:both;
  271.          margin-top:"1em"; 
  272.          margin-bottom:"-.25em"; }    
  273.  
  274. img.alert        {border:none;}          /* for icon images - note, tip, important, caution, warning*/
  275.  
  276.  
  277. /***********************************/
  278. /*   Style for print only functionality used with external URL link   coUA_print.css*/
  279.  
  280. span.printOnly    {display:none }
  281.  
  282. /***********************************/
  283. /*   Styles for checklists   */
  284.  
  285. .userData         {behavior:url(#default#userdata); }  /*sets persistance*/
  286.  
  287. #checklist        {width:100%;  text-align:left; margin:"0.3em 0em";}
  288.  
  289. #checklist li     {text-indent:"0.2em";}
  290.  
  291. /*********************************/                
  292. /*  these classes are for previous next navigation     */
  293.  
  294. a:hover.navbar, a:active.navbar        {} /* text in nav */
  295. a:link.navbar, a:visited.navbar        {}
  296.               
  297. #nav    { left:0; top:0px;
  298.       text-align:left; 
  299.       margin:0; 
  300.       position:absolute;
  301.       padding-bottom: 1px; padding-top: 3px;
  302.       padding-right:6px; padding-left:5px;
  303.       align:top;
  304.       visibility:hidden;
  305.       z-index:1;  }
  306.  
  307. #text    { left:0; top:0px;
  308.        margin:0; 
  309.        position:absolute;
  310.        padding:10px;
  311.        overflow:auto;
  312.        height:100%;
  313.        z-index:1; 
  314.                 background-repeat:no-repeat;
  315.        background-position: bottom right;
  316.        background-attachment:fixed; }
  317.  
  318.  
  319. /***************************************************/
  320. /* STYLES USED IN THE WEB DELIVERABLE ONLY  */
  321.  
  322.  
  323. /***********************************/
  324. /*   links   */
  325.  
  326. #wPopupWeb    {}
  327.  
  328. a:link#wPopupWeb            {color: "#006600";}
  329. a:hover#wPopupWeb        {color: "#FF0000";}
  330. a:active#wPopupWeb        {color: "#FF0000";}
  331. a:visited#wPopupWeb        {color: "#006600";}
  332.  
  333. #shortcutWeb    {}
  334.  
  335. #specLocWeb    {}
  336.  
  337. #relTopicsWeb    {}
  338.  
  339. #altLocWeb    {}
  340.  
  341.  
  342. /***********************************/
  343. /*   popups   */
  344.  
  345. div.popup        { visibility:hidden; z-index:3;
  346.                  position:absolute; 
  347.                  top:200; left:200; 
  348.                  width:"250"; padding:"6px"; 
  349.                  background-color:#FFFFCC;
  350.                  border-style: solid;
  351.                  border-width: 1;
  352.                  border-color: #666666;
  353.                                       }
  354.  
  355.  
  356.  
  357.               
  358.