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