[themes.git] / EarlyBlue / editor / editorFormatToolbar.css

/* ***** BEGIN LICENSE BLOCK *****
 * Version: NPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Netscape Public License
 * Version 1.1 (the "License"); you may not use this file except in
 * compliance with the License. You may obtain a copy of the License at
 * http://www.mozilla.org/NPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is mozilla.org code.
 *
 * The Initial Developer of the Original Code is 
 * Netscape Communications Corporation.
 * Portions created by the Initial Developer are Copyright (C) 1998
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Robert Kaiser <KaiRo@KaiRo.at>
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or 
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the NPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the GPL or the LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the NPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ::::: formatting buttons ::::: */

#FormatToolbar > toolbarbutton {
  min-width: 18px;
}
 
#FormatToolbar > toolbarbutton > .toolbarbutton-text {
  display: none;
}

#DecreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
} 

#DecreaseFontSizeButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
} 

#IncreaseFontSizeButton {
  list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
} 

#IncreaseFontSizeButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
} 

#boldButton {
  list-style-image: url(chrome://editor/skin/icons/bold.gif); 
}

#boldButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
} 

#italicButton {
  list-style-image: url("chrome://editor/skin/icons/italic.gif");
} 

#italicButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
} 

#underlineButton {
  list-style-image: url("chrome://editor/skin/icons/underline.gif");
} 

#underlineButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
} 

#ulButton {
  list-style-image:url("chrome://editor/skin/icons/bullets.gif");
}

#ulButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
} 

#olButton {
  list-style-image: url("chrome://editor/skin/icons/numbers.gif");
}

#olButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
} 

#outdentButton {
  list-style-image: url("chrome://editor/skin/icons/outdent.gif");
} 

#outdentButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
} 

#indentButton {
  list-style-image: url("chrome://editor/skin/icons/indent.gif");
} 

#indentButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
} 

#align-left-button {
  list-style-image: url("chrome://editor/skin/icons/left.gif");
} 

#align-left-button[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
} 

#align-center-button {
  list-style-image: url("chrome://editor/skin/icons/center.gif");
} 

#align-center-button[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
} 

#align-right-button {
  list-style-image: url("chrome://editor/skin/icons/right.gif");
} 

#align-right-button[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
} 

#align-justify-button {
  list-style-image: url("chrome://editor/skin/icons/justify.gif");
}

#align-justify-button[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
} 

#AlignPopupButton {
  list-style-image: url("chrome://editor/skin/icons/align.gif");
}

#AlignPopupButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
}

#InsertPopupButton {
  list-style-image: url("chrome://editor/skin/icons/insert.gif");
}

#InsertPopupButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
}

#smileButtonMenu {
  list-style-image: url("chrome://editor/skin/icons/smile.gif"); 
}

#smileButtonMenu[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
}

/* ::::: menuitem icons ::::: */

/* ..... align menu ..... */

#AlignLeftItem {
  list-style-image: url("chrome://editor/skin/icons/left.gif");
} 

#AlignCenterItem {
  list-style-image: url("chrome://editor/skin/icons/center.gif");
} 

#AlignRightItem {
  list-style-image: url("chrome://editor/skin/icons/right.gif");
} 

#AlignJustifyItem {
  list-style-image: url("chrome://editor/skin/icons/justify.gif");
}

/* ..... insert menu ..... */

#InsertLinkItem {
  list-style-image: url("chrome://editor/skin/icons/link.gif");
}

#InsertAnchorItem {
  list-style-image: url("chrome://editor/skin/icons/anchor.gif");
}

#InsertImageItem {
  list-style-image: url("chrome://editor/skin/icons/image.gif");
}

#InsertHRuleItem {
  list-style-image: url("chrome://editor/skin/icons/hline.gif");
}

#InsertTableItem {
  list-style-image: url("chrome://editor/skin/icons/table.gif");
}

/* ..... smiley menu ..... */

.insert-smile > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/smile_n.gif");
}

.insert-tongue > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/tongue_n.gif");
}

.insert-frown > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/frown_n.gif"); 
}

.insert-wink > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/wink_n.gif");
}

.insert-laughing > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/laughing_n.gif"); 
}

.insert-embarrassed > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/embarrassed_n.gif");
}

.insert-undecided > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/undecided_n.gif"); 
}

.insert-surprise > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/surprise_n.gif");
}

.insert-kiss > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/kiss_n.gif");
}

.insert-yell > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/yell_n.gif");
}

.insert-cool > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/cool_n.gif");
}

.insert-undecided > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/undecided_n.gif");
}

.insert-money > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/money_n.gif");
}

.insert-foot > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/foot_n.gif");
}

.insert-innocent > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/innocent_n.gif");
}

.insert-cry > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/cry_n.gif");
}

.insert-sealed > .menu-iconic-left {
  list-style-image: url("chrome://editor/content/images/sealed_n.gif");
}

/* ::::: fg/bg color picker ::::: */

.ColorPickerLabel {
  border: 1px inset #CCD0DD;
  margin: 0px;
  padding: 2px;
}

.color-button {
  border: 1px inset #CCD0DD;
  padding: 0px;
  width: 14px;
  height: 12px;
  margin: 2px;
}

.color-button:hover {
  border: 1px solid #666699;
}

#TextColorButton {
  margin: 2px 9px 9px 2px;
}

#BackgroundColorButton {
  margin: 9px 2px 2px 9px;
}

#HighlightColorButton {
  list-style-image: url("chrome://editor/skin/icons/highlight.gif");
  background-color: transparent;
}

#HighlightColorButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
}

#absolutePositionButton {
  list-style-image: url("chrome://editor/skin/icons/pinned.gif");
}

#absolutePositionButton[disabled="true"] {
  list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
}

#absolutePositionButton[checked="true"] {
  list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
}

#FormatToolbar > #increaseZIndexButton {
  list-style-image: url("chrome://editor/content/images/bringtofront.gif");
}
#FormatToolbar > #increaseZIndexButton[disabled="true"] {
  list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
}
#FormatToolbar > #decreaseZIndexButton {
  list-style-image: url("chrome://editor/content/images/sendtoback.gif");
}
#FormatToolbar > #decreaseZIndexButton[disabled="true"] {
  list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
}
Commit	Line	Data
128000f4	1	/* *** BEGIN LICENSE BLOCK ***
	2	* Version: NPL 1.1/GPL 2.0/LGPL 2.1
	3	*
	4	* The contents of this file are subject to the Netscape Public License
	5	* Version 1.1 (the "License"); you may not use this file except in
	6	* compliance with the License. You may obtain a copy of the License at
	7	* http://www.mozilla.org/NPL/
	8	*
	9	* Software distributed under the License is distributed on an "AS IS" basis,
	10	* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
	11	* for the specific language governing rights and limitations under the
	12	* License.
	13	*
	14	* The Original Code is mozilla.org code.
	15	*
	16	* The Initial Developer of the Original Code is
	17	* Netscape Communications Corporation.
	18	* Portions created by the Initial Developer are Copyright (C) 1998
	19	* the Initial Developer. All Rights Reserved.
	20	*
	21	* Contributor(s):
	22	* Robert Kaiser <KaiRo@KaiRo.at>
	23	*
	24	* Alternatively, the contents of this file may be used under the terms of
	25	* either the GNU General Public License Version 2 or later (the "GPL"), or
	26	* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
	27	* in which case the provisions of the GPL or the LGPL are applicable instead
	28	* of those above. If you wish to allow use of your version of this file only
	29	* under the terms of either the GPL or the LGPL, and not to allow others to
	30	* use your version of this file under the terms of the NPL, indicate your
	31	* decision by deleting the provisions above and replace them with the notice
	32	* and other provisions required by the GPL or the LGPL. If you do not delete
	33	* the provisions above, a recipient may use your version of this file under
	34	* the terms of any one of the NPL, the GPL or the LGPL.
	35	*
	36	* *** END LICENSE BLOCK *** */
	37
	38	@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
f6e0a33f	39
74d14f90	40	/* ::::: formatting buttons ::::: */
74d14f90	41
f6e0a33f	42	#FormatToolbar > toolbarbutton {
	43	min-width: 18px;
	44	}
	45
74d14f90	46	#FormatToolbar > toolbarbutton > .toolbarbutton-text {
f6e0a33f	47	display: none;
	48	}
	49
74d14f90	50	#DecreaseFontSizeButton {
	51	list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
	52	}
	53
	54	#DecreaseFontSizeButton[disabled="true"] {
	55	list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
	56	}
	57
	58	#IncreaseFontSizeButton {
	59	list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
	60	}
	61
	62	#IncreaseFontSizeButton[disabled="true"] {
	63	list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
	64	}
	65
	66	#boldButton {
	67	list-style-image: url(chrome://editor/skin/icons/bold.gif);
	68	}
	69
	70	#boldButton[disabled="true"] {
	71	list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
	72	}
	73
	74	#italicButton {
	75	list-style-image: url("chrome://editor/skin/icons/italic.gif");
	76	}
	77
	78	#italicButton[disabled="true"] {
	79	list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
	80	}
	81
	82	#underlineButton {
	83	list-style-image: url("chrome://editor/skin/icons/underline.gif");
	84	}
	85
	86	#underlineButton[disabled="true"] {
	87	list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
	88	}
	89
	90	#ulButton {
	91	list-style-image:url("chrome://editor/skin/icons/bullets.gif");
	92	}
	93
	94	#ulButton[disabled="true"] {
	95	list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
	96	}
	97
	98	#olButton {
	99	list-style-image: url("chrome://editor/skin/icons/numbers.gif");
	100	}
	101
	102	#olButton[disabled="true"] {
	103	list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
	104	}
	105
	106	#outdentButton {
	107	list-style-image: url("chrome://editor/skin/icons/outdent.gif");
	108	}
	109
	110	#outdentButton[disabled="true"] {
	111	list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
	112	}
	113
114	#indentButton {
115	list-style-image: url("chrome://editor/skin/icons/indent.gif");
116	}
117
118	#indentButton[disabled="true"] {
119	list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
120	}
121
122	#align-left-button {
123	list-style-image: url("chrome://editor/skin/icons/left.gif");
124	}
125
126	#align-left-button[disabled="true"] {
127	list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
128	}
129
130	#align-center-button {
131	list-style-image: url("chrome://editor/skin/icons/center.gif");
132	}
133
134	#align-center-button[disabled="true"] {
135	list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
136	}
137
138	#align-right-button {
139	list-style-image: url("chrome://editor/skin/icons/right.gif");
140	}
141
142	#align-right-button[disabled="true"] {
143	list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
144	}
145
146	#align-justify-button {
147	list-style-image: url("chrome://editor/skin/icons/justify.gif");
148	}
149
150	#align-justify-button[disabled="true"] {
151	list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
152	}
153
154	#AlignPopupButton {
155	list-style-image: url("chrome://editor/skin/icons/align.gif");
156	}
157
158	#AlignPopupButton[disabled="true"] {
159	list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
160	}
161
162	#InsertPopupButton {
163	list-style-image: url("chrome://editor/skin/icons/insert.gif");
164	}
f6e0a33f	165
74d14f90	166	#InsertPopupButton[disabled="true"] {
	167	list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
	168	}
f6e0a33f	169
f6e0a33f	170	#smileButtonMenu {
74d14f90	171	list-style-image: url("chrome://editor/skin/icons/smile.gif");
	172	}
	173
	174	#smileButtonMenu[disabled="true"] {
	175	list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
	176	}
	177
	178	/* ::::: menuitem icons ::::: */
	179
	180	/* ..... align menu ..... */
	181
	182	#AlignLeftItem {
	183	list-style-image: url("chrome://editor/skin/icons/left.gif");
	184	}
	185
	186	#AlignCenterItem {
	187	list-style-image: url("chrome://editor/skin/icons/center.gif");
	188	}
	189
	190	#AlignRightItem {
	191	list-style-image: url("chrome://editor/skin/icons/right.gif");
	192	}
	193
	194	#AlignJustifyItem {
	195	list-style-image: url("chrome://editor/skin/icons/justify.gif");
	196	}
	197
	198	/* ..... insert menu ..... */
	199
	200	#InsertLinkItem {
	201	list-style-image: url("chrome://editor/skin/icons/link.gif");
	202	}
	203
	204	#InsertAnchorItem {
	205	list-style-image: url("chrome://editor/skin/icons/anchor.gif");
	206	}
	207
	208	#InsertImageItem {
	209	list-style-image: url("chrome://editor/skin/icons/image.gif");
	210	}
	211
	212	#InsertHRuleItem {
	213	list-style-image: url("chrome://editor/skin/icons/hline.gif");
f6e0a33f	214	}
f6e0a33f	215
74d14f90	216	#InsertTableItem {
74d14f90	217	list-style-image: url("chrome://editor/skin/icons/table.gif");
f6e0a33f	218	}
f6e0a33f	219
74d14f90	220	/* ..... smiley menu ..... */
74d14f90	221
f6e0a33f	222	.insert-smile > .menu-iconic-left {
74d14f90	223	list-style-image: url("chrome://editor/content/images/smile_n.gif");
f6e0a33f	224	}
	225
	226	.insert-tongue > .menu-iconic-left {
74d14f90	227	list-style-image: url("chrome://editor/content/images/tongue_n.gif");
f6e0a33f	228	}
	229
	230	.insert-frown > .menu-iconic-left {
74d14f90	231	list-style-image: url("chrome://editor/content/images/frown_n.gif");
74d14f90	232	}
f6e0a33f	233
f6e0a33f	234	.insert-wink > .menu-iconic-left {
74d14f90	235	list-style-image: url("chrome://editor/content/images/wink_n.gif");
74d14f90	236	}
f6e0a33f	237
f6e0a33f	238	.insert-laughing > .menu-iconic-left {
74d14f90	239	list-style-image: url("chrome://editor/content/images/laughing_n.gif");
74d14f90	240	}
f6e0a33f	241
f6e0a33f	242	.insert-embarrassed > .menu-iconic-left {
74d14f90	243	list-style-image: url("chrome://editor/content/images/embarrassed_n.gif");
74d14f90	244	}
f6e0a33f	245
f6e0a33f	246	.insert-undecided > .menu-iconic-left {
74d14f90	247	list-style-image: url("chrome://editor/content/images/undecided_n.gif");
74d14f90	248	}
f6e0a33f	249
b618d1fd	250	.insert-surprise > .menu-iconic-left {
	251	list-style-image: url("chrome://editor/content/images/surprise_n.gif");
	252	}
	253
	254	.insert-kiss > .menu-iconic-left {
	255	list-style-image: url("chrome://editor/content/images/kiss_n.gif");
	256	}
	257
	258	.insert-yell > .menu-iconic-left {
	259	list-style-image: url("chrome://editor/content/images/yell_n.gif");
	260	}
	261
	262	.insert-cool > .menu-iconic-left {
	263	list-style-image: url("chrome://editor/content/images/cool_n.gif");
	264	}
	265
	266	.insert-undecided > .menu-iconic-left {
	267	list-style-image: url("chrome://editor/content/images/undecided_n.gif");
	268	}
	269
	270	.insert-money > .menu-iconic-left {
	271	list-style-image: url("chrome://editor/content/images/money_n.gif");
	272	}
	273
	274	.insert-foot > .menu-iconic-left {
	275	list-style-image: url("chrome://editor/content/images/foot_n.gif");
	276	}
	277
	278	.insert-innocent > .menu-iconic-left {
	279	list-style-image: url("chrome://editor/content/images/innocent_n.gif");
	280	}
	281
afb758a0	282	.insert-cry > .menu-iconic-left {
	283	list-style-image: url("chrome://editor/content/images/cry_n.gif");
	284	}
	285
b618d1fd	286	.insert-sealed > .menu-iconic-left {
	287	list-style-image: url("chrome://editor/content/images/sealed_n.gif");
	288	}
	289
74d14f90	290	/* ::::: fg/bg color picker ::::: */
	291
	292	.ColorPickerLabel {
	293	border: 1px inset #CCD0DD;
	294	margin: 0px;
	295	padding: 2px;
f6e0a33f	296	}
f6e0a33f	297
74d14f90	298	.color-button {
	299	border: 1px inset #CCD0DD;
	300	padding: 0px;
	301	width: 14px;
	302	height: 12px;
	303	margin: 2px;
f6e0a33f	304	}
f6e0a33f	305
74d14f90	306	.color-button:hover {
	307	border: 1px solid #666699;
	308	}
	309
	310	#TextColorButton {
	311	margin: 2px 9px 9px 2px;
	312	}
	313
	314	#BackgroundColorButton {
	315	margin: 9px 2px 2px 9px;
	316	}
	317
	318	#HighlightColorButton {
	319	list-style-image: url("chrome://editor/skin/icons/highlight.gif");
	320	background-color: transparent;
	321	}
	322
	323	#HighlightColorButton[disabled="true"] {
	324	list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
	325	}
a1f525f0	326
	327	#absolutePositionButton {
	328	list-style-image: url("chrome://editor/skin/icons/pinned.gif");
	329	}
	330
	331	#absolutePositionButton[disabled="true"] {
	332	list-style-image: url("chrome://editor/skin/icons/pinned-disabled.gif") !important;
	333	}
	334
	335	#absolutePositionButton[checked="true"] {
	336	list-style-image: url("chrome://editor/skin/icons/notpinned.gif");
	337	}
	338
	339	#FormatToolbar > #increaseZIndexButton {
	340	list-style-image: url("chrome://editor/content/images/bringtofront.gif");
	341	}
	342	#FormatToolbar > #increaseZIndexButton[disabled="true"] {
	343	list-style-image: url("chrome://editor/content/images/bringtofront-disabled.gif");
	344	}
	345	#FormatToolbar > #decreaseZIndexButton {
	346	list-style-image: url("chrome://editor/content/images/sendtoback.gif");
	347	}
	348	#FormatToolbar > #decreaseZIndexButton[disabled="true"] {
	349	list-style-image: url("chrome://editor/content/images/sendtoback-disabled.gif");
	350	}