home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / communicator / button.css < prev    next >
Cascading Style Sheet File  |  2001-08-04  |  11KB  |  334 lines
  1. /** The largest type of toolbar buttons. In the Seamonkey implementation, 
  2.  *  these are only used in the navigation toolbar in the navigator package.
  3.  **/
  4.  
  5.   /* outer frame */
  6.   .button-toolbar-1, .button-toolbar-2
  7.     {
  8.       -moz-binding        : url("chrome://global/content/bindings/button.xml#buttontop");
  9.       min-width           : 47px;
  10.       margin              : 0px;
  11.       border              : 1px solid transparent;
  12.       background-color    : transparent;
  13.       color               : -moz-DialogText;
  14.       -moz-user-focus     : ignore;
  15.     }
  16.  
  17.   .button-toolbar-1:hover, .button-toolbar-2:hover
  18.     {
  19.       border              : 1px solid ThreeDDarkShadow;
  20.       color               : #0000FF;
  21.     } 
  22.     
  23.   .button-toolbar-1 > .button-internal-box,
  24.   .button-toolbar-2 > .button-internal-box
  25.     {
  26.       padding             : 2px 7px 2px 6px;
  27.       border              : 1px solid transparent;
  28.       color               : inherit;
  29.       background-color    : -moz-Dialog;
  30.     }    
  31.     
  32.   .button-toolbar-1[disabled="true"],
  33.   .button-toolbar-1[disabled="true"]:hover,
  34.   .button-toolbar-1[disabled="true"]:hover:active,
  35.   .button-toolbar-2[disabled="true"],
  36.   .button-toolbar-2[disabled="true"]:hover,
  37.   .button-toolbar-2[disabled="true"]:hover:active
  38.     {
  39.       border              : 1px solid transparent;
  40.       color               : GrayText;
  41.     }
  42.  
  43.   .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box,
  44.   .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
  45.     {
  46.       color               : GrayText;
  47.     }
  48.  
  49.   .button-toolbar-1:hover > .button-internal-box,
  50.   .button-toolbar-2:hover > .button-internal-box
  51.     {
  52.       border-left         : 1px solid ThreeDHighlight;
  53.       border-top          : 1px solid ThreeDHighlight;
  54.       border-right        : 1px solid ThreeDShadow;
  55.       border-bottom       : 1px solid ThreeDShadow;
  56.     }
  57.  
  58.   .button-toolbar-1:hover:active > .button-internal-box,
  59.   .button-toolbar-2:hover:active > .button-internal-box
  60.     {
  61.       padding             : 3px 6px 1px 7px;
  62.       border-left         : 1px solid ThreeDShadow !important;
  63.       border-top          : 1px solid ThreeDShadow !important;
  64.       border-right        : 1px solid ThreeDHighlight !important;
  65.       border-bottom       : 1px solid ThreeDHighlight !important;
  66.       color               : #000080;
  67.     }
  68.     
  69.   .button-toolbar-1[disabled="true"] > .button-internal-box,
  70.   .button-toolbar-1[disabled="true"]:hover > .button-internal-box,
  71.   .button-toolbar-1[disabled="true"]:hover:active > .button-internal-box,
  72.   .button-toolbar-2[disabled="true"] > .button-internal-box,
  73.   .button-toolbar-2[disabled="true"]:hover > .button-internal-box,
  74.   .button-toolbar-2[disabled="true"]:hover:active > .button-internal-box
  75.     {
  76.       padding             : 2px 7px 2px 6px !important;
  77.       border              : 1px solid transparent !important;
  78.     }
  79.  
  80. /**
  81.  * Standard Toolbar Buttons
  82.  *   for secondary command toolbars, e.g. formatting toolbar 
  83.  **/
  84.   .button-toolbar
  85.     {
  86.       -moz-binding        : url("chrome://global/content/bindings/button.xml#buttonleft");
  87.       margin              : 1px; 
  88.       border              : 1px solid transparent;
  89.       min-width           : 0px;
  90.       max-width           : 14em;
  91.       color               : -moz-DialogText;
  92.       background-color    : -moz-Dialog;
  93.       -moz-user-focus     : ignore;
  94.     }
  95.  
  96.   .button-toolbar > .button-internal-box
  97.     {
  98.       border              : 1px solid transparent;
  99.         padding             : 1px 3px 1px 3px;
  100.     }
  101.     
  102.   /* toggled toolbar styles (editor formatting toolbars, etc) */
  103.   .button-toolbar[toggled="true"] > .button-internal-box
  104.     {
  105.       border-left         : 1px solid ThreeDShadow;
  106.       border-top          : 1px solid ThreeDShadow;
  107.       border-right        : 1px solid ThreeDHighlight;
  108.       border-bottom       : 1px solid ThreeDHighlight;
  109.       background-color      : ThreeDHighlight;
  110.     }
  111.     
  112.   .button-toolbar[toggled="true"]:hover > .button-internal-box
  113.     {
  114.       border-left         : 1px solid ThreeDShadow;
  115.       border-top          : 1px solid ThreeDShadow;
  116.       border-right        : 1px solid ThreeDHighlight;
  117.       border-bottom       : 1px solid ThreeDHighlight;
  118.       background-color      : -moz-Dialog;
  119.       background-image    : none;
  120.     }
  121.     
  122.   .button-toolbar[value] > .button-internal-box > .button-text-container
  123.     {
  124.       padding-left        : 4px;
  125.     }    
  126.  
  127.   .button-toolbar:hover
  128.     {
  129.       border              : 1px solid ThreeDDarkShadow;
  130.       color               : #0000FF;
  131.     }
  132.     
  133.   .button-toolbar:hover > .button-internal-box
  134.     { 
  135.       border-left         : 1px solid ThreeDHighlight;
  136.       border-top          : 1px solid ThreeDHighlight;
  137.       border-right        : 1px solid ThreeDShadow;
  138.       border-bottom       : 1px solid ThreeDShadow;
  139.     }
  140.     
  141.   .button-toolbar:hover:active
  142.     {
  143.       color               : #000080;
  144.     }
  145.     
  146.   .button-toolbar:hover:active > .button-internal-box
  147.     {
  148.       padding             : 2px 2px 0px 4px;
  149.       border-left         : 1px solid ThreeDShadow;
  150.       border-top          : 1px solid ThreeDShadow;
  151.       border-right        : 1px solid ThreeDHighlight;
  152.       border-bottom       : 1px solid ThreeDHighlight;
  153.     }
  154.     
  155.   .button-toolbar[disabled="true"],
  156.   .button-toolbar[disabled="true"]:hover,
  157.   .button-toolbar[disabled="true"]:hover:active    
  158.     {
  159.       color               : GrayText;
  160.       border              : 1px solid transparent;
  161.     }
  162.  
  163.   .button-toolbar[disabled="true"] > .button-internal-box,
  164.   .button-toolbar[disabled="true"]:hover > .button-internal-box,
  165.   .button-toolbar[disabled="true"]:hover:active > .button-internal-box
  166.     {
  167.       border              : 1px solid transparent;
  168.         padding             : 1px 3px 1px 3px !important;
  169.     }
  170.     
  171. /**
  172.  * Low profile toolbar buttons
  173.  *   e.g. taskbar
  174.  **/
  175.   .button-toolbar-4    
  176.     {
  177.       background-color    : transparent;
  178.       color               : -moz-DialogText;
  179.       -moz-binding        : url("chrome://global/content/bindings/button.xml#buttonleft");
  180.       min-width           : 0px;
  181.       margin              : 0px;
  182.       border              : 1px solid transparent;
  183.       -moz-user-focus     : ignore;
  184.     }
  185.     
  186.   .button-toolbar-4 > .button-internal-box
  187.     {
  188.       background-color    : -moz-Dialog;
  189.       color               : inherit;
  190.       padding             : 0px;
  191.       border              : 1px solid transparent;
  192.     }
  193.   
  194.   .button-toolbar-4:hover
  195.     {
  196.       border              : 1px solid ThreeDDarkShadow;
  197.       color               : #0000FF;
  198.     } 
  199.     
  200.   .button-toolbar-4[disabled="true"],
  201.   .button-toolbar-4[disabled="true"]:hover,
  202.   .button-toolbar-4[disabled="true"]:hover:active
  203.     {
  204.       border              : 1px solid transparent;
  205.       color               : GrayText;
  206.     }
  207.     
  208.   .button-toolbar-4:hover > .button-internal-box
  209.     {
  210.       border-left         : 1px solid ThreeDHighlight;
  211.       border-top          : 1px solid ThreeDHighlight;
  212.       border-right        : 1px solid ThreeDShadow;
  213.       border-bottom       : 1px solid ThreeDShadow;
  214.     }
  215.  
  216.   .button-toolbar-4:hover:active > .button-internal-box
  217.     {
  218.       padding             : 0px;
  219.       border-left         : 1px solid ThreeDShadow !important;
  220.       border-top          : 1px solid ThreeDShadow !important;
  221.       border-right        : 1px solid ThreeDHighlight !important;
  222.       border-bottom       : 1px solid ThreeDHighlight !important;
  223.     }
  224.  
  225.   .button-toolbar-4[disabled="true"] > .button-internal-box,
  226.   .button-toolbar-4[disabled="true"]:hover > .button-internal-box,
  227.   .button-toolbar-4[disabled="true"]:hover:active > .button-internal-box
  228.     {
  229.       padding             : 0px !important;
  230.       border              : 1px solid transparent !important;
  231.     }
  232.  
  233.   menubutton.button-toolbar-4
  234.     {
  235.       -moz-binding        : url("chrome://global/content/bindings/menubutton.xml#menubutton-single-right");
  236.     }
  237.  
  238. /** Low profile rollover buttons, e.g. "search"
  239.  **/  
  240.  
  241.   .button-toolbar-3
  242.     {
  243.       -moz-binding        : url("chrome://global/content/bindings/button.xml#buttonleft");
  244.       margin              : 0px 0px 1px 3px !important;
  245.       min-width           : 0px;
  246.       background-color    : transparent;
  247.       color               : -moz-DialogText;
  248.       -moz-user-focus     : ignore;
  249.     }  
  250.     
  251.   .button-toolbar-3 > .button-internal-box
  252.     {
  253.       background-color    : -moz-Dialog;
  254.       color                 : inherit;
  255.     }
  256.     
  257.   .button-toolbar-3, 
  258.   .button-toolbar-3[disabled="true"]:hover,
  259.   .button-toolbar-3[disabled="true"]:hover:active
  260.     {
  261.       border              : 1px solid transparent;
  262.     }
  263.     
  264.   .button-toolbar-3:hover, .button-toolbar-3:hover:active
  265.     {
  266.       border-color        : ThreeDDarkShadow;
  267.     }
  268.     
  269.   .button-toolbar-3 > .button-internal-box,
  270.   .button-toolbar-3[disabled="true"] > .button-internal-box,
  271.   .button-toolbar-3[disabled="true"]:hover > .button-internal-box,
  272.   .button-toolbar-3[disabled="true"]:hover:active > .button-internal-box
  273.     {
  274.       border-left         : 1px solid ThreeDHighlight !important;
  275.       border-top          : 1px solid ThreeDHighlight !important;
  276.       border-right        : 1px solid ThreeDShadow !important;
  277.       border-bottom       : 1px solid ThreeDShadow !important;
  278.       padding             : 1px 4px 1px 4px;
  279.     }
  280.     
  281.   .button-toolbar-3:hover:active > .button-internal-box 
  282.     {
  283.       border-left         : 1px solid ThreeDShadow !important;
  284.       border-top          : 1px solid ThreeDShadow !important;
  285.       border-bottom       : 1px solid ThreeDHighlight !important;
  286.       border-right        : 1px solid ThreeDHighlight !important;
  287.       padding             : 2px 3px 0px 5px;
  288.     } 
  289.  
  290.   .button-toolbar-3 > .button-internal-box > .button-icon,
  291.   .button-toolbar-3 > .button-internal-box > .button-text
  292.     {
  293.       margin-right        : 2px;
  294.     }  
  295.  
  296.   .button-toolbar > .button-internal-box > .button-icon
  297.     {
  298.       margin-right        : 5px;
  299.     }
  300.  
  301. /** Expanding Region Button **/
  302.  
  303. /* outer frame */
  304.   .button-expander
  305.     {
  306.       border              : none;
  307.       padding             : 0;
  308.       margin              : 1px 5px 3px 1px;
  309.       background-color    : inherit;
  310.       list-style-image    : url("chrome://global/skin/closedtwisty.gif");
  311.       color               : #0000FF;
  312.       text-decoration     : underline;
  313.     }
  314.     
  315.   .button-expander[open="true"]
  316.     {
  317.       list-style-image    : url("chrome://global/skin/opentwisty.gif");
  318.     }
  319.     
  320.   .button-expander > .button-internal-box
  321.     {
  322.       border              : none;
  323.       background-color    : inherit;
  324.       padding             : 0;
  325.       margin              : 0;
  326.     }
  327.  
  328.   .button-expander:hover 
  329.     {
  330.       color               : #FF0000;
  331.     }
  332.  
  333.  
  334.