[themes.git] / LCARStrek / global / skin / menubutton.css


/* outermost frame */
  menubutton
    {
      margin              : 0px 1px 0px 1px;
      -moz-border-radius  : 3px;
      background-color    : #000000;
      color               : #E7ADE7;
      border              : none;
    }
    
  menubutton[disabled="true"] 
    {
      color               : #8050B0;
    }
  
  menubutton > .menubutton-internal-box
    {
      border              : none;
      padding             : 0px;
      -moz-box-align      : center;
    }

  .menubutton-single-icon
    {
      margin-right        : 3px;
    }
    
/** "Dual Functionality" menubutton
 *  Has a popup spawning button and a command invoking button, e.g. back/forward
 *  class="menubutton-dual"
 **/    
  
/* inner button */

  menubutton > .menubutton-internal-box > .menubutton-dual-button,
  menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,
  menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button,
  menubutton:active > .menubutton-internal-box > .menubutton-dual-button
    {
      border              : none;
      margin              : 0px;
      -moz-border-radius  : 3px;
    }

  menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
    {
      border              : 1px solid #9C9CFF;
      margin              : 0px
    }
    
  menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
    {
      border              : 1px solid #FF9F00;
    }
    
  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
    {
      border              : 1px solid #FFCF00;
    }
    
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
    {
      border              : 1px solid #8050B0;
    }

/* inner dropmarker */
  menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box
    {
      -moz-border-radius  : 3px;
      border              : 1px solid #9C9CFF;
      padding             : 0px 2px 0px 2px;
    }
    
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
    {
      border              : 1px solid #8050B0;
    }

  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
    {
      border              : 1px solid #FF9F00;
    }

  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
    {
      border              : 1px solid #FFCF00;
      padding             : 1px 1px -1px 3px;
    }

  .menubutton-dual-dropmarker-box > .menubutton-dropmarker
    {
      border              : none;
      list-style-image    : url("chrome://global/skin/scroll-down.gif");
    }
    
  menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  .menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"],
  .menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  .menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
    {
      list-style-image    : url("chrome://global/skin/scroll-down-disabled.gif");
    }

  menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  .menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  .menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
  .menubutton-dual:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
    {
      list-style-image    : url("chrome://global/skin/scroll-down-hover.gif");
    }

/** Icon only menubutton.menubutton-duals
 *  class="menubutton.menubutton-dual-icon"
 **/
  .menubutton.menubutton-dual-icon 
    {
      border              : none;
      background-color    : #000000;
    } 
    
  .menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
    {
      border              : none;
      padding             : 1px;
    }
    
  .menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box
    {
      background-color    : #FFCF00;
      border              : none;
      padding             : 1px;
    }    

  .menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
  .menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
    {
      background-color    : #FF9F00;
      border              : none;
      padding             : 2px 0px 0px 2px;
    }    

  .menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,
  .menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,
  .menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box
    {
      background-color    : #FFCF00;
      border              : none;
      padding             : 2px 0px 0px 2px;
    }

/** Icon only menubuttons
 *  class="menubutton.menubutton-icon"
 **/
  .menubutton-icon 
    {
      border              : none;
      background-color    : #000000;
    } 
    
  .menubutton-icon > .menubutton-icon-internal-box
    {
      padding             : 1px;
    }
    
  .menubutton-icon:hover > .menubutton-icon-internal-box
    {
      background-color    : #FFCF00;
      padding             : 1px;
    }    

  .menubutton-icon:hover:active > .menubutton-icon-internal-box,
  .menubutton-icon[open="true"] > .menubutton-icon-internal-box
    {
      background-color    : #FF9F00;
      padding             : 2px 0px 0px 2px;
    }    

  .menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,
  .menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,
  .menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box
    {
      background-color    : #FFCF00;
      padding             : 2px 0px 0px 2px;
    }
Commit	Line	Data
c9990331	1
	2	/* outermost frame */
	3	menubutton
	4	{
	5	margin : 0px 1px 0px 1px;
	6	-moz-border-radius : 3px;
	7	background-color : #000000;
	8	color : #E7ADE7;
	9	border : none;
	10	}
	11
	12	menubutton[disabled="true"]
	13	{
	14	color : #8050B0;
	15	}
	16
	17	menubutton > .menubutton-internal-box
	18	{
	19	border : none;
	20	padding : 0px;
7ff5b526	21	-moz-box-align : center;
c9990331	22	}
	23
	24	.menubutton-single-icon
	25	{
	26	margin-right : 3px;
	27	}
	28
	29	/** "Dual Functionality" menubutton
	30	* Has a popup spawning button and a command invoking button, e.g. back/forward
	31	* class="menubutton-dual"
	32	**/
	33
	34	/* inner button */
	35
	36	menubutton > .menubutton-internal-box > .menubutton-dual-button,
	37	menubutton:hover > .menubutton-internal-box > .menubutton-dual-button,
	38	menubutton[buttonover="true"] > .menubutton-internal-box > .menubutton-dual-button,
	39	menubutton:active > .menubutton-internal-box > .menubutton-dual-button
	40	{
	41	border : none;
	42	margin : 0px;
	43	-moz-border-radius : 3px;
	44	}
	45
	46	menubutton > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
	47	{
	48	border : 1px solid #9C9CFF;
	49	margin : 0px
	50	}
	51
	52	menubutton > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
	53	menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
	54	{
	55	border : 1px solid #FF9F00;
	56	}
	57
	58	menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
	59	{
	60	border : 1px solid #FFCF00;
	61	}
	62
	63	menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
	64	menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box,
	65	menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
	66	{
	67	border : 1px solid #8050B0;
	68	}
	69
	70	/* inner dropmarker */
	71	menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box
	72	{
	73	-moz-border-radius : 3px;
	74	border : 1px solid #9C9CFF;
	75	padding : 0px 2px 0px 2px;
	76	}
	77
	78	menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
	79	menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
	80	{
	81	border : 1px solid #8050B0;
	82	}
	83
	84	menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
	85	{
86	border : 1px solid #FF9F00;
87	}
88
89	menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
90	{
91	border : 1px solid #FFCF00;
92	padding : 1px 1px -1px 3px;
93	}
94
95	.menubutton-dual-dropmarker-box > .menubutton-dropmarker
96	{
97	border : none;
98	list-style-image : url("chrome://global/skin/scroll-down.gif");
99	}
100
101	menubutton[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
102	menubutton[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
103	menubutton[disabled="true"]:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
104	.menubutton-dual-dropmarker-box > .menubutton-dropmarker[disabled="true"],
105	.menubutton-dual[disabled="true"][buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
106	.menubutton-dual[disabled="true"]:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
107	{
108	list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
109	}
110
111	menubutton:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
112	menubutton:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
113	menubutton[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
114	.menubutton-dual[buttonover="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
115	.menubutton-dual[open="true"] > .menubutton-dual-dropmarker-box > .menubutton-dropmarker,
116	.menubutton-dual:hover > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
117	{
118	list-style-image : url("chrome://global/skin/scroll-down-hover.gif");
119	}
120
121	/** Icon only menubutton.menubutton-duals
122	* class="menubutton.menubutton-dual-icon"
123	**/
124	.menubutton.menubutton-dual-icon
125	{
126	border : none;
127	background-color : #000000;
128	}
129
130	.menubutton.menubutton-dual-icon > .menubutton.menubutton-dual-icon-internal-box
131	{
132	border : none;
133	padding : 1px;
134	}
135
136	.menubutton.menubutton-dual-icon:hover > .menubutton.menubutton-dual-icon-internal-box
137	{
138	background-color : #FFCF00;
139	border : none;
140	padding : 1px;
141	}
142
143	.menubutton.menubutton-dual-icon:hover:active > .menubutton.menubutton-dual-icon-internal-box,
144	.menubutton.menubutton-dual-icon[open="true"] > .menubutton.menubutton-dual-icon-internal-box
145	{
146	background-color : #FF9F00;
147	border : none;
148	padding : 2px 0px 0px 2px;
149	}
150
151	.menubutton.menubutton-dual-icon[disabled="true"] > .menubutton.menubutton-dual-icon-internal-box,
152	.menubutton.menubutton-dual-icon[disabled="true"]:hover:active > .menubutton.menubutton-dual-icon-internal-box,
153	.menubutton.menubutton-dual-icon[disabled="true"][open="true"] > .menubutton.menubutton-dual-icon-internal-box
154	{
155	background-color : #FFCF00;
156	border : none;
157	padding : 2px 0px 0px 2px;
158	}
159
160	/** Icon only menubuttons
161	* class="menubutton.menubutton-icon"
162	**/
163	.menubutton-icon
164	{
165	border : none;
166	background-color : #000000;
167	}
168
169	.menubutton-icon > .menubutton-icon-internal-box
170	{
171	padding : 1px;
172	}
173
174	.menubutton-icon:hover > .menubutton-icon-internal-box
175	{
176	background-color : #FFCF00;
177	padding : 1px;
178	}
179
180	.menubutton-icon:hover:active > .menubutton-icon-internal-box,
181	.menubutton-icon[open="true"] > .menubutton-icon-internal-box
182	{
183	background-color : #FF9F00;
184	padding : 2px 0px 0px 2px;
185	}
186
187	.menubutton-icon[disabled="true"] > .menubutton-icon-internal-box,
188	.menubutton-icon[disabled="true"]:hover:active > .menubutton-icon-internal-box,
189	.menubutton-icon[disabled="true"][open="true"] > .menubutton-icon-internal-box
190	{
191	background-color : #FFCF00;
192	padding : 2px 0px 0px 2px;
7ff5b526	193	}