home *** CD-ROM | disk | FTP | other *** search
/ Computer Active Guide 2009 July / CAG7.ISO / Internetas / LogitechVidSetup.exe / Setup / UI / trk / wizpage.css < prev   
Encoding:
Cascading Style Sheet File  |  2010-05-11  |  9.6 KB  |  436 lines
  1. ∩╗┐@charset "utf-8";
  2.  
  3. BODY {  font-size:10pt; font-family:arial,helvetica,verdana; text-align:center; color:#333333; }
  4.  
  5. H1 { font-weight:normal; font-size: 20pt; }
  6.  
  7. FORM TD { color: #595959}
  8.  
  9. TABLE.progressBarBorder { 
  10.     border: 1px solid #7F7F7F; 
  11. }
  12.  
  13. TABLE TD.progressBarBar { 
  14.     font-size: 5pt; 
  15.     text-align: center; 
  16.     color: white;
  17.     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType='1', StartColorStr='#77787B', EndColorStr='#CED0D1', enabled='false');
  18. }
  19.  
  20. A.readme:link {
  21.     color: blue;
  22.     text-decoration: none;
  23. }
  24.  
  25. A.gradBtnUpText {
  26.     cursor: default;
  27.     text-decoration: none;
  28.     color: #353535;
  29.     font-family: Arial;
  30.     font-weight: normal;
  31.     font-size: 13px;
  32. }
  33.  
  34. A.gradBtnHoverText {
  35.     cursor: default;
  36.     text-decoration: none;
  37.     color: #FFFFFF;
  38.     font-family: Arial;
  39.     font-weight: normal;
  40.     font-size: 13px;
  41. }
  42.  
  43. A.gradBtnDownText {
  44.     cursor: default;
  45.     text-decoration: none;
  46.     color: #CACACA;
  47.     font-family: Arial;
  48.     font-weight: normal;
  49.     font-size: 13px;
  50. }
  51.         
  52. TD.btnG { 
  53.     color: white;
  54.     height: 24px;
  55.     background-repeat: no-repeat;
  56.     background-image: url(../images/optional/btnLg.gif);
  57.     padding-left: 7px;
  58.     cursor: default;
  59. }    
  60.  
  61. TD.btnG span {
  62.     height: 24px;
  63.     background-repeat: repeat-x;
  64.     background-image: url(../images/optional/btnMg.gif);
  65.     vertical-align: middle;
  66.     text-align: center;
  67.         padding-left: 50pt;
  68. }
  69.  
  70. TD.btnG span span {
  71.     height: 24px;
  72.     width: 7px;            
  73.     background-repeat: no-repeat;            
  74.     background-image: url(../images/optional/btnRg.gif);        
  75.     position: relative;
  76.     left: 50pt;
  77. }
  78.  
  79. TD.btnB { 
  80.     height: 24px;
  81.     background-repeat: no-repeat;
  82.     background-image: url(../images/optional/btnLb.gif);
  83.     padding-left: px;
  84.     cursor: default;
  85. }    
  86.  
  87. TD.btnB span {
  88.     height: 24px;
  89.     background-image: url(../images/optional/btnMb.gif);
  90.     vertical-align: middle;
  91.     padding-left: 50pt;
  92.     color: white;
  93. }
  94.  
  95. TD.btnB span span {
  96.     height: 24px;
  97.     width: 7px;
  98.     background-repeat: no-repeat;
  99.     background-image: url(../images/optional/btnRb.gif);        
  100.     position: relative;
  101.     left: 50pt;
  102. }        
  103.     
  104. TD { font-size: 10pt;  font-family: arial, verdana;}
  105.  
  106. .btnLg { 
  107.     height:24px; 
  108.     width:7px; 
  109.     vertical-align: middle;
  110.     background-repeat: no-repeat; 
  111.     background-image: url(../images/optional/btnLg.gif); 
  112. }
  113.  
  114. .btnMg  {
  115.     height:24px;  
  116.     padding-left: 20pt; 
  117.     padding-right: 20pt; 
  118.     color: white;
  119.     text-align: center; 
  120.     vertical-align: middle;        
  121.     background-repeat: repeat-x; 
  122.     background-image: url(../images/optional/btnMg.gif);             
  123.     cursor:default;
  124. }
  125.  
  126. .btnRg { 
  127.     height:24px; 
  128.     width:7px; 
  129.     vertical-align: middle;            
  130.     background-repeat: no-repeat; 
  131.     background-image: url(../images/optional/btnRg.gif); 
  132. }
  133.         
  134. .btnLw { 
  135.     height:24px; 
  136.     width:7px; 
  137.     vertical-align: middle;
  138.     background-repeat: no-repeat; 
  139.     background-image: url(../images/optional/btnLw.gif); 
  140. }
  141.  
  142. .btnMw  {
  143.     height:24px;  
  144.     text-align: center; 
  145.     vertical-align: middle;        
  146.     background-repeat: repeat-x; 
  147.     background-image: url(../images/optional/btnMw.gif);             
  148.     cursor:default;
  149. }
  150.  
  151. .btnRw { 
  152.     height:24px; 
  153.     width:7px; 
  154.     vertical-align: middle;            
  155.     background-repeat: no-repeat; 
  156.     background-image: url(../images/optional/btnRw.gif); 
  157. }        
  158.         
  159. .btnLlg { 
  160.     height:24px; 
  161.     width:7px; 
  162.     vertical-align: middle;
  163.     background-repeat: no-repeat; 
  164.     background-image: url(../images/optional/btnLlg.gif); 
  165. }
  166.  
  167. .btnMlg  {
  168.     height:24px;  
  169.     text-align: center; 
  170.     vertical-align: middle;        
  171.     background-repeat: repeat-x; 
  172.     background-image: url(../images/optional/btnMlg.gif);             
  173.     cursor:default;
  174. }
  175.  
  176. .btnRlg { 
  177.     height:24px; 
  178.     width:7px; 
  179.     vertical-align: middle;            
  180.     background-repeat: no-repeat; 
  181.     background-image: url(../images/optional/btnRlg.gif); 
  182. }            
  183.         
  184. .btnLb { 
  185.     height:24px; 
  186.     width:7px; 
  187.     background-repeat: no-repeat; 
  188.     background-image: url(../images/optional/btnLb.gif); 
  189. }
  190.  
  191. .btnMb { 
  192.     height:24px; 
  193.     padding-left: 20pt; 
  194.     padding-right: 20pt;  
  195.     color: white;
  196.     text-align: center; 
  197.     background-repeat: repeat-x; 
  198.     background-image: url(../images/optional/btnMb.gif); 
  199.     cursor: default; 
  200. }
  201.  
  202. .btnRb { 
  203.     height:24px; 
  204.     width:7px; 
  205.     background-repeat: no-repeat; 
  206.     background-image: url(../images/optional/btnRb.gif); 
  207. }
  208.  
  209. <!-- gradient buttons using official assets -->
  210. .gradBtnUpL { 
  211.     height:27px; 
  212.     width:16px; 
  213.     vertical-align: middle;
  214.     background-repeat: no-repeat; 
  215.     background-image: url(../images/optional/InstallerButton_upL.gif); 
  216. }
  217.  
  218. .gradBtnUpM  {
  219.     height:27px;  
  220.     padding-left: 10pt; 
  221.     padding-right: 10pt; 
  222.     color: #FFFFFF;
  223.     text-align: center; 
  224.     vertical-align: middle;        
  225.     background-repeat: repeat-x; 
  226.     background-image: url(../images/optional/InstallerButton_upM.gif);             
  227. }
  228.  
  229. .gradBtnUpR { 
  230.     height:27px; 
  231.     width:16px; 
  232.     vertical-align: middle;            
  233.     background-repeat: no-repeat; 
  234.     background-image: url(../images/optional/InstallerButton_upR.gif); 
  235. }
  236.  
  237. .gradBtnDownL { 
  238.     height:27px; 
  239.     width:16px; 
  240.     vertical-align: middle;
  241.     background-repeat: no-repeat; 
  242.     background-image: url(../images/optional/InstallerButton_downL.gif); 
  243. }
  244.  
  245. .gradBtnDownM  {
  246.     height:27px;  
  247.     padding-left: 10pt; 
  248.     padding-right: 10pt; 
  249.     color: #FFFFFF;
  250.     text-align: center; 
  251.     vertical-align: middle;        
  252.     background-repeat: repeat-x; 
  253.     background-image: url(../images/optional/InstallerButton_downM.gif);
  254. }
  255.  
  256. .gradBtnDownR { 
  257.     height:27px; 
  258.     width:16px; 
  259.     vertical-align: middle;            
  260.     background-repeat: no-repeat; 
  261.     background-image: url(../images/optional/InstallerButton_downR.gif); 
  262. }
  263.  
  264. .gradBtnHoverL { 
  265.     height:27px; 
  266.     width:16px; 
  267.     vertical-align: middle;
  268.     background-repeat: no-repeat; 
  269.     background-image: url(../images/optional/InstallerButton_hoverL.gif); 
  270. }
  271.  
  272. .gradBtnHoverM  {
  273.     height:27px;  
  274.     padding-left: 10pt; 
  275.     padding-right: 10pt; 
  276.     color: #FFFFFF;
  277.     text-align: center; 
  278.     vertical-align: middle;        
  279.     background-repeat: repeat-x; 
  280.     background-image: url(../images/optional/InstallerButton_hoverM.gif);             
  281.     cursor:default;
  282. }
  283.  
  284. .gradBtnHoverR { 
  285.     height:27px; 
  286.     width:16px; 
  287.     vertical-align: middle;            
  288.     background-repeat: no-repeat; 
  289.     background-image: url(../images/optional/InstallerButton_hoverR.gif); 
  290. }
  291.         
  292. .indent { 
  293.     margin-left: 16px;
  294. }
  295.  
  296.  
  297.  
  298.         div.GrayBox {
  299.               background: 
  300.                 url(..\images\optional\graybox_topleft.gif) 
  301.               top left no-repeat;
  302.               width:50%;
  303.               }
  304.         div.GrayBox h1 {
  305.               background: 
  306.                 url(..\images\optional\graybox_topright.gif) 
  307.               top right no-repeat;
  308.               padding:15px;
  309.               margin:0;
  310.               }
  311.         div.GrayBoxBody {
  312.               background: 
  313.                 url(..\images\optional\graybox_rightborder.gif) 
  314.               top right repeat-y;
  315.               margin:0;
  316.               margin-top:-2em;
  317.               padding:15px;
  318.               }
  319.         div.GrayBoxFooter {
  320.               background: 
  321.                 url(..\images\optional\graybox_bottomleft.gif) 
  322.               bottom left no-repeat;
  323.               }
  324.         div.GrayBoxFooter p {
  325.               background: 
  326.                 url(..\images\optional\graybox_bottomright.gif) 
  327.               bottom right no-repeat;
  328.               display:block;
  329.               padding:15px;
  330.               margin:-2em 0 0 0;
  331.               }
  332.  
  333.         div.WhiteBox {
  334.               background: 
  335.                 url(..\images\optional\whitebox_topleft.gif) 
  336.               top left no-repeat;
  337.               width:50%;
  338.               }
  339.         div.WhiteBox h1 {
  340.               background: 
  341.                 url(..\images\optional\whitebox_topright.gif) 
  342.               top right no-repeat;
  343.               padding:17px;
  344.               margin:0;
  345.               }
  346.         div.WhiteBoxBody {
  347.               background: 
  348.                 url(..\images\optional\whitebox_rightborder.gif) 
  349.               top right repeat-y;
  350.               margin:0;
  351.               margin-top:-1em;
  352.               padding:16px;
  353.               }
  354.         div.WhiteBoxFooter {
  355.               background: 
  356.                 url(..\images\optional\whitebox_bottomleft.gif) 
  357.               bottom left no-repeat;
  358.               }
  359.         div.WhiteBoxFooter p {
  360.               background: 
  361.                 url(..\images\optional\whitebox_bottomright.gif) 
  362.               bottom right no-repeat;
  363.               display:block;
  364.               padding:17px;
  365.               margin:-1em 0 0 0;
  366.               }
  367.               
  368.         div.WhiteBoxDarkGrayOutline10px {
  369.               background: 
  370.                 url(..\images\optional\whitebox_darkgrayoutline_topleft.gif) 
  371.               top left no-repeat;
  372.               width:50%;
  373.               }
  374.         div.WhiteBoxDarkGrayOutline10px h1 {
  375.               background: 
  376.                 url(..\images\optional\whitebox_darkgrayoutline_topright.gif) 
  377.               top right no-repeat;
  378.               padding:17px;
  379.               margin:0;
  380.               }
  381.         div.WhiteBoxDarkGrayOutline10pxBody {
  382.               background: 
  383.                 url(..\images\optional\whitebox_darkgrayoutline_rightborder.gif) 
  384.               top right repeat-y;
  385.               margin:0;
  386.               margin-top:-1em;
  387.               padding:16px;
  388.               }
  389.         div.WhiteBoxDarkGrayOutline10pxFooter {
  390.               background: 
  391.                 url(..\images\optional\whitebox_darkgrayoutline_bottomleft.gif) 
  392.               bottom left no-repeat;
  393.               }
  394.         div.WhiteBoxDarkGrayOutline10pxFooter p {
  395.               background: 
  396.                 url(..\images\optional\whitebox_darkgrayoutline_bottomright.gif) 
  397.               bottom right no-repeat;
  398.               display:block;
  399.               padding:17px;
  400.               margin:-1em 0 0 0;
  401.               }
  402.               
  403.         div.GrayTextField {
  404.               background: 
  405.                 url(..\images\optional\graytextfield_topleft.gif) 
  406.               top left no-repeat;
  407.               width:50%;
  408.               }
  409.         div.GrayTextField p {
  410.               background: 
  411.                 url(..\images\optional\graytextfield_topright.gif) 
  412.               top right no-repeat;
  413.               padding:15px;
  414.               margin:0;
  415.               }
  416.         div.GrayTextFieldBody {
  417.               background: 
  418.                 url(..\images\optional\custom_corners_rightborder.gif) 
  419.               top right repeat-y;
  420.               margin:0;
  421.               margin-top:-2em;
  422.               padding:15px;
  423.               }
  424.         div.GrayTextFieldFooter {
  425.               background: 
  426.                 url(..\images\optional\graytextfield_bottomleft.gif) 
  427.               bottom left no-repeat;
  428.               }
  429.         div.GrayTextFieldFooter p {
  430.               background: 
  431.                 url(..\images\optional\graytextfield_bottomright.gif) 
  432.               bottom right no-repeat;
  433.               display:block;
  434.               padding:15px;
  435.               margin:-2em 0 0 0;
  436.               }