home *** CD-ROM | disk | FTP | other *** search
/ Chip 2011 March / Chip_2011.03_CD.iso / I386 / ARTICLE.CH_ / article.chm / article.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-10-04  |  9.1 KB  |  361 lines
  1. /* Style sheet optimized for IE4x - Last updated 03/21/01 EganO */
  2.  
  3. /* Main Body Settings */
  4.  
  5.             
  6. body                       {     color: #000000;
  7.                             background: #FFFFFF;      
  8.                             font-size: 70%;            
  9.                             font-family: Verdana, Geneva, Arial, Helvetica, 
  10.                             Sans Serif;
  11.                             margin-left: 0em;
  12.                             padding-left: 1.5em; }
  13.                             
  14. .center                    {    align:center;    }
  15.  
  16.  
  17. /* TOC function */
  18.  
  19. .rollover                {     color:#0066CC;  }
  20.                     
  21. td a:link.nav_button, td a:active.nav_button, td a:visited.nav_button    
  22.  
  23.                         {    text-decoration: none;
  24.                             font : 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif;
  25.                             color: white;
  26.                             font-weight:bold;
  27.                             line-height : 8pt;
  28.                             margin-right: 5px;  }
  29.                     
  30. td a:hover.nav_button    {    text-decoration: none;
  31.                             font : 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif;
  32.                             color: #0000A0;
  33.                             font-weight:bold;
  34.                             line-height : 8pt;  }
  35.                             
  36. td.note                    {    align: left;  
  37.                             margin-left: -5em;  }
  38.                             
  39. th                        {    background: 3165CE;
  40.                             color: white;  }
  41.                             
  42. td.special                {    background: F7F3E7; }
  43.                     
  44. .green_arrow             {     vertical-align: middle; margin-left: 6px;}
  45.  
  46. p.bubble                {     font : 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif;
  47.                             color: #0000A0;
  48.                             margin-top: 0px;
  49.                             text-align: center;  }
  50.  
  51.  
  52. p.nav_header            {    text-decoration: none;
  53.                             vertical-align: middle;
  54.                             margin-left: 43px;
  55.                             margin-top: 10px;
  56.                             font : 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif;
  57.                             color: #0000A0;
  58.                             font-weight:bold; 
  59.                             line-height: 11px; }
  60.                             
  61. table.nav_start            {    margin-top: 3px;  }
  62.  
  63.  
  64. .footer_button             {    text-decoration: none;
  65.                             font : 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif;
  66.                             font-weight:bold;
  67.                             line-height : 8pt;  }
  68.  
  69.  
  70. /* Heading settings */
  71.  
  72.  
  73. h1                        {     font-family : Verdana, Geneva, Arial, Helvetica, 
  74.                             sans-serif;
  75.                             font-size: 170%; 
  76.                             margin-bottom: -.8em;  
  77.                             clear: both; 
  78.                             width: 85%; 
  79.                             font-weight: bold;
  80.                             color : #FF9933; }
  81.  
  82. h2                        {     font-family :Verdana, Geneva, Arial, Helvetica,
  83.                             sans-serif;
  84.                             font-size: 135%;  
  85.                             margin-top: 1.5em;
  86.                             margin-bottom: -1.1em; 
  87.                             clear:both; 
  88.                             font-weight : bold;
  89.                             color:#FF9933; }
  90.  
  91. h3                        {     font-size: 100%; 
  92.                             margin-top: 1.2em;  
  93.                             margin-bottom: .5em; 
  94.                             clear:both; }
  95.                     
  96.                     
  97. /* Paragraph settings */
  98.  
  99. ol.step
  100.                         {     margin-top: 1em;
  101.                             font-size: 110%; 
  102.                             color:#003399;
  103.                             margin-right: .5em; }
  104.                             
  105. ul.step
  106.                         {     margin-top: 1em;
  107.                             font-size: 110%; 
  108.                             color:#003399;
  109.                             margin-right: .5em;
  110.                             margin-left: 35px; }
  111.                                                     
  112. ul.step_in
  113.                         {     margin-top: 1em;
  114.                             font-size: 110%;
  115.                             margin-left: 55px;
  116.                             color:#003399;
  117.                             margin-right: .5em; }
  118.             
  119. ol.note                 {     font-size: 110%;
  120.                             color:#003399;
  121.                             margin-top: 1em; }
  122.             
  123.  
  124. ul                        {     margin-top: 1em;
  125.                             font-size: 110%;     
  126.                             list-style-type: disc;
  127.                             margin-left: 1.5em;
  128.                             padding-left: 0em;
  129.                             margin-right: 1.5em; }
  130.             
  131. li                        {    margin-bottom: 1em;  }    
  132.  
  133.         
  134. p                        {     font-family : Verdana, Geneva, Arial, Helvetica,                         
  135.                             sans-serif;
  136.                             font-size : 120%; }
  137.  
  138. p.proc                {     position: relative;
  139.                             color:#003399;
  140.                             top: 4px;
  141.                             left: 55px;
  142.                             font-size: 110%;
  143.                             font-weight: bold; 
  144.                             text-align: left;
  145.                             margin-right: 70px;
  146.                             line-height: 12px; }
  147.                     
  148. p.mouse                    {     color:#003399;
  149.                             font-size: 90%;
  150.                             font-weight: bold; 
  151.                             text-align: left;
  152.                             margin-top: 2px; }
  153.                     
  154.  
  155. p.step                    {     margin-left: 20px;
  156.                             margin-right: 20px;
  157.                             font-size: 110%; 
  158.                             color:#003399; }
  159.  
  160.     
  161. p.pull                    {    font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, 
  162.                             sans-serif;
  163.                             font-size : 1.3em;
  164.                             font-weight : bold;
  165.                             line-height: 1.7em;
  166.                             color:#3366CC;
  167.                             text-align: left;  }
  168.                     
  169.                     
  170. p.pull_right            {    font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, 
  171.                             sans-serif;
  172.                             font-size : 1.3em;
  173.                             font-weight : bold;
  174.                             line-height: 1.7em;
  175.                             margin-left: 1.5em;
  176.                             margin-right: 1.5em;
  177.                             color:#3366CC;
  178.                             text-align: right;  }
  179.                     
  180.                     
  181. p.infohead                {     position: relative;
  182.                             top: 3px;
  183.                             color:#003399;
  184.                             left: 38px;
  185.                             font-size: 11px;
  186.                             font-weight: bold; 
  187.                             text-align: left;
  188.                             margin-right: 43px;
  189.                             line-height: 12px; }
  190.                             
  191. p.caption                {     margin-bottom: 2px;
  192.                             color:#003399;
  193.                             font-size: 11px;
  194.                             font-weight: bold; 
  195.                             text-align: left; 
  196.                             margin-right: 50px; }
  197.         
  198.                     
  199. p.infobox                {     font-size: 11px;
  200.                             color:#003399;
  201.                             line-height: 14px; }
  202.                             
  203. ul.infobox                {     font-size: 11px;
  204.                             color:#003399;
  205.                             line-height: 14px; }
  206.                     
  207.                     
  208. p.top                    {     font-family: Tahoma;
  209.                             font-size: 100%; 
  210.                             margin-left: 5px;
  211.                             color: 006600;
  212.                             font-weight: bold;
  213.                             text-decoration: none; }
  214.                             
  215. p.a_warning                {     position: relative;
  216.                             top: 3px;
  217.                             color:#FF0000;
  218.                             left: 38px;
  219.                             font-size: 11px;
  220.                             font-weight: bold; 
  221.                             text-align: left;
  222.                             margin-right: 43px;
  223.                             line-height: 12px; }
  224.                     
  225.                     
  226. p.a_note                    {     font-size: 110%;
  227.                             padding-left: 10px;
  228.                             padding-top: 10px;
  229.                             padding-right: 10px;
  230.                             padding-bottom: 10px;
  231.                             color:#003399; }
  232.                     
  233. pre                        {     margin-top: .5em;
  234.                             margin-bottom: .5em; }
  235.  
  236. code                    {     font-family: Courier New; 
  237.                             font-size: 1.1em; }
  238.  
  239. table                    {     font-size: 100%; }
  240.                 
  241.                 
  242. table.color_note        {     font-size: 100%;
  243.                             margin-top: 1.5em;
  244.                             background: #FAF0D2;
  245.                             width: 315px;
  246.                             margin-left: 5px;  }
  247.         
  248.     
  249. a:link, a:visited         {     color: #0000FF; text-decoration: underline; }
  250.  
  251. a:active, a:hover         {     color:#FF9933;  cursor:hand; text-decoration: underline; }
  252.  
  253.  
  254. td a.bottom:link        {     text-decoration: none;
  255.                             font-size: 8pt;
  256.                             font-face: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  257.                             font-weight: bold;
  258.                             line-height : 8pt; 
  259.                             color: #003399;        }
  260.             
  261. td a.bottom:hover        {     text-decoration: none;
  262.                             font-size: 8pt;
  263.                             font-face: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  264.                             font-weight: bold;
  265.                             line-height : 8pt; 
  266.                             color: #FF9933; }
  267.         
  268. td a.bottom:active        {     text-decoration: none;
  269.                             font-size: 8pt;
  270.                             font-face: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  271.                             font-weight: bold;
  272.                             line-height : 8pt; 
  273.                             color: #FF9933; }
  274.             
  275. td a.bottom:visited        {      text-decoration: none;
  276.                             font-size: 8pt;
  277.                             font-face: Tahoma, Geneva, Arial, Helvetica, sans-serif;    
  278.                             font-weight: bold;
  279.                             line-height : 8pt;
  280.                             color: #9999FF; }
  281.                             
  282. td a.bottom:hover        {     text-decoration: none;
  283.                             font-size: 8pt;
  284.                             font-face: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  285.                             font-weight: bold;
  286.                             line-height : 8pt; 
  287.                             color: #FF9933; }
  288.                     
  289. img.header                {    position: absolute; top: 3; left: 13; }
  290.  
  291. #KEYANSWER                {     color: blue;  }
  292.                     
  293. /***********************************************/
  294. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  295.  
  296. #expand                 {    margin-bottom: 0.6em; 
  297.                             margin-left: 0em; 
  298.                             margin-right: 0em;  }
  299.  
  300. a:link.expandToggle, a:visited.expandToggle     
  301.                         {    color:#000000; 
  302.                             font-weight: bold; 
  303.                             text-decoration: none;  }
  304.  
  305. a:hover.expandToggle, a:active.expandToggle     
  306.                         {    color:#FF9933;  }
  307.  
  308. img.expand                 {     border: none; 
  309.                             margin-right: 0.5em; 
  310.                             width: .8em;  }
  311.         
  312. div.expand                {     margin-left: 1.5em; 
  313.                             margin-right: 1.5em;
  314.                             margin-bottom: 1em; 
  315.                             display: none;  }
  316.  
  317. /************************************************/
  318. /* styles used to modify the appearance of XML popups   */
  319.  
  320. DIV.XMLPopup             {     height: 100%; 
  321.                             width: 100%; 
  322.                             border: solid; 
  323.                             border-color:CDA75E; 
  324.                             border-width:1px; 
  325.                             background-color: #FAF0D2; }
  326.  
  327.  
  328. DIV.PopTerm             {     font-weight: bold; 
  329.                             margin-left: 1em; 
  330.                             margin-top: .75em; 
  331.                             margin-right: 1em; 
  332.                             font-color: navy;  }    
  333.                                 
  334. DIV.PopDef                 {     line-height: 1.25em; 
  335.                             margin-left: 1em; 
  336.                             margin-top: .25em;
  337.                               margin-right: 1em; 
  338.                             margin-bottom: 1em; 
  339.                             font-color: #003399;  }        
  340.                             
  341. DIV.PopSeeAlso            {     margin-left: 0em; 
  342.                             margin-top: .5em;  
  343.                             margin-right: 1em; 
  344.                             margin-bottom: 1.25em; }
  345.                             
  346. DIV.PopDef UL             {     margin-left: 1.45em; 
  347.                             line-height: 1.25em; }
  348.  
  349. /***********************************/
  350. /*   popups   */
  351.  
  352. div.popup                {     visibility:hidden; z-index:3;
  353.                              position: absolute; 
  354.                              top: 200; 
  355.                             left: 200; 
  356.                               width: 250; 
  357.                             padding: 6px; 
  358.                             background-color: #FFFFCC;
  359.                              border-style: solid;
  360.                              border-width: 1;
  361.                              border-color: #666666;   }