Context Navigation

← Previous Changeset
Next Changeset →

Changeset 260

Timestamp:

07/16/05 11:21:14 (8 years ago)

Author:

gogo

Message:

Revert many changes made by gocher which caused large amounts of
breakage. See ticket:329 and ticket:337

It's possible that reverting these has a few run-on effects with code
that was based on these changes, but we'll just have to fix those as we
come to them, there shouldn't be many.

Location:

Files:

: 1 removed
: 10 modified
: 1 copied

examples/testbed.html (modified) (2 diffs)
htmlarea.css (modified) (4 diffs)
htmlarea.js (modified) (17 diffs)
plugins/TableOperations/table-operations.js (modified) (1 diff)
skins/blue-look/skin.css (modified) (4 diffs)
skins/blue-metallic/skin.css (modified) (3 diffs)
skins/green-look/button-background.gif (copied) (copied from trunk/skins/green-look/button-background.gif)
skins/green-look/button-background.png (deleted)
skins/green-look/skin.css (modified) (3 diffs)
skins/inditreuse/skin.css (modified) (3 diffs)
skins/xp-blue/skin.css (modified) (3 diffs)
skins/xp-green/skin.css (modified) (3 diffs)

Legend:

: Unmodified
: Added
: Removed

trunk/examples/testbed.html

r232	r260
1	1	<?xml version="1.0" encoding="UTF-8"?>
2		<!DOCTYPE html
	2	<!DOCTYPE html
3	3	PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
4	4	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
…	…
155	155	<input type="submit" /> <input type="reset" />
156	156	</form>
	157	<script language="javascript">
	158	document.write(document.compatMode);
	159	</script>
157	160	</body>
158	161	</html>

trunk/htmlarea.css

r235	r260
1		.htmlarea { ~~margin: 2px; background: #fff~~; }
	1	.htmlarea { background: #fff; margin:2px; }
2	2
3	3	.htmlarea .toolbar {
…	…
8	8	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
9	9	}
10
11		.htmlarea .toolbar .toolbarRow {
12		margin: 0;
13		padding: 0px 2px 0px 2px;
14		font-family: Tahoma,Verdana,sans-serif;
15		font-size: 11px;
16		height: 24px !important;
17		overflow: hidden;
18		}
19
20		.htmlarea .toolbar .toolbarRow .container
21		{
22		margin: 0px;
23		height: 22px;
24		padding: 1px;
25		}
26
27		.htmlarea .toolbar .toolbarRow img { margin: 0; border: none;}
28		.htmlarea .toolbar .toolbarRow .label {
29		vertical-align: top;
30		position: relative;
31		top: 5px;
32		padding-right: 2px;
33		border-bottom: 1px;
34		height: 17px;
35		}
36		.htmlarea .toolbar .toolbarRow .select {
37		vertical-align: top;
38		position: relative;
39		top: 2px;
40		}
41
42		.htmlarea .toolbar .toolbarRow .button {
	10	.htmlarea .toolbar table { margin: 0; font-family: tahoma,verdana,sans-serif; font-size: 11px; }
	11	.htmlarea .toolbar img { border: none; }
	12	.htmlarea .toolbar .label { padding: 0px 3px; }
	13
	14	.htmlarea .toolbar .button {
43	15	background: ButtonFace;
44	16	color: ButtonText;
45	17	border: 1px solid ButtonFace;
	18	padding: 1px;
46	19	margin: 0px;
47		~~width: 22px;~~
48		~~height: 22px;~~
49		}
50
51		~~.htmlarea .toolbar .toolbarRow .button .buttonImageContainer {~~
52		~~position: relative;~~
53		~~top: 2px;~~
54		~~left: 2px;~~
55	20	width: 18px;
56	21	height: 18px;
57		overflow: hidden;
58		}
59		.htmlarea .toolbar .toolbarRow .button.buttonHover {
60		cursor: pointer;
61		border: 1px solid;
62		border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
63		}
64		.htmlarea .toolbar .toolbarRow .button.buttonDisabled {
65		border-color: none;
66		}
67		.htmlarea .toolbar .toolbarRow .buttonActive,
68		.htmlarea .toolbar .toolbarRow .buttonPressed
69		{
	22	}
	23	.htmlarea .toolbar a.button:hover {
	24	border: 1px solid;
	25	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	26	}
	27	.htmlarea .toolbar a.buttonDisabled:hover {
	28	border-color: ButtonFace;
	29	}
	30	.htmlarea .toolbar .buttonActive,
	31	.htmlarea .toolbar .buttonPressed
	32	{
	33	padding: 2px 0px 0px 2px;
70	34	border: 1px solid;
71	35	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
72	36	}
73		.htmlarea .toolbar .~~toolbarRow .~~buttonPressed {
	37	.htmlarea .toolbar .buttonPressed {
74	38	background: ButtonHighlight;
75	39	}
…	…
81	45	cursor: default;
82	46	border: 1px solid ButtonShadow;
83		vertical-align: top;
84		position: relative;
85		top: 4px;
86		}
87
88		.htmlarea .toolbar .toolbarRow .buttonDisabled img {
	47	}
	48
	49	.htmlarea .toolbar .buttonDisabled img {
89	50	filter: gray() alpha(opacity = 25);
90	51	-moz-opacity: 0.25;
91	52	}
92	53
93		.htmlarea .toolbar .toolbarRow .separator {
	54	.htmlarea .toolbar .separator {
	55	/position: relative;/
94	56	margin: 3px;
95	57	border-left: 1px solid ButtonShadow;
…	…
98	60	height: 18px;
99	61	padding: 0px;
100		~~vertical-align: top;~~
101	62	}
102	63

trunk/htmlarea.js

r258	r260
60	60	if (!(typeof _editor_skin == "string")) {
61	61	_editor_skin = "";
62		}
	62	}
63	63
64	64	var __htmlareas = [ ];
…	…
283	283
284	284	this.flowToolbars = true;
285
	285
286	286	/** CUSTOMIZING THE TOOLBAR
287	287	* -------------------------
…	…
295	295	this.toolbar =
296	296	[
297		["~~separator","~~popupeditor"],
	297	["popupeditor"],
298	298	["separator","formatblock","fontname","fontsize","bold","italic","underline","strikethrough"],
299	299	["separator","forecolor","hilitecolor","textindicator"],
…	…
303	303	["separator","inserthorizontalrule","createlink","insertimage","inserttable"],
304	304	["separator","undo","redo","selectall"], (HTMLArea.is_gecko ? [] : ["cut","copy","paste","overwrite","saveas"]),
305		["separator","killword","~~clearfonts","~~removeformat","toggleborders","lefttoright", "righttoleft","separator","htmlmode","about"]
	305	["separator","killword","removeformat","toggleborders","lefttoright", "righttoleft","separator","htmlmode","about"]
306	306	];
307	307
…	…
706	706	toolbar.unselectable = "1";
707	707
	708	var tb_row = null;
708	709	var tb_objects = new Object();
709	710	this._toolbarObjects = tb_objects;
710		~~var tb_row = null;~~
711	711
712	712	this._createToolbar1(editor, toolbar, tb_objects);
…	…
726	726	// separate from previous createToolBar to allow dynamic change of toolbar
727	727	HTMLArea.prototype._createToolbar1 = function (editor, toolbar, tb_objects) {
728		function clearBoth() {
	728
729	729	// This shouldn't be necessary, but IE seems to float outside of the container
730	730	// when we float toolbar sections, so we have to clear:both here as well
731	731	// as at the end (which we do have to do).
732		var brk = document.createElement('div');
733		brk.style.height =
	732	if(editor.config.flowToolbars)
	733	{
	734	var brk = document.createElement('div');
	735	brk.style.height =
734	736	brk.style.width =
735	737	brk.style.lineHeight =
736	738	brk.style.fontSize = '1px';
737		brk.style.clear = 'both';
738		~~return brk~~;
	739	brk.style.clear = 'both';
	740	toolbar.appendChild(brk);
739	741	}
740	742
…	…
742	744	function newLine() {
743	745	if(typeof tb_row != 'undefined' && tb_row.childNodes.length == 0) return;
744		tb_row = document.createElement("div");
745		if(editor.config.flowToolbars) {
746		if(HTMLArea.is_ie) {
747		tb_row.style.styleFloat = "left";
748		} else {
749		tb_row.style.cssFloat = "left";
750		}
751		}
752		tb_row.className = 'toolbarRow'; // meh, kinda.
753		tb_row.style.whiteSpace = "nowrap";
754		toolbar.appendChild(tb_row);
	746
	747	var table = document.createElement("table");
	748	table.border = "0px";
	749	table.cellSpacing = "0px";
	750	table.cellPadding = "0px";
	751	if(editor.config.flowToolbars)
	752	{
	753	if(HTMLArea.is_ie)
	754	{
	755	table.style.styleFloat = "left";
	756	}
	757	else
	758	{
	759	table.style.cssFloat = "left";
	760	}
	761	}
	762
	763	toolbar.appendChild(table);
	764	// TBODY is required for IE, otherwise you don't see anything
	765	// in the TABLE.
	766	var tb_body = document.createElement("tbody");
	767	table.appendChild(tb_body);
	768	tb_row = document.createElement("tr");
	769	tb_body.appendChild(tb_row);
	770
	771	table.className = 'toolbarRow'; // meh, kinda.
755	772	}; // END of function: newLine
	773
	774	// init first line
	775	newLine();
756	776
757	777	// updates the state of a toolbar element. This function is member of
…	…
826	846	if (options) {
827	847	el = document.createElement("select");
828		~~el.className = "select";~~
829	848	el.title = tooltip;
830	849	var obj = {
…	…
848	867	});
849	868	}
850		var xel = document.createElement("div");
851		xel.className = "container";
852		xel.appendChild(el);
853		return xel;
	869	return el;
854	870	}; // END of function: createSelect
855	871
856	872	// appends a new button to toolbar
857	873	function createButton(txt) {
858		~~var btn = editor.config.btnList[txt];~~
859		~~if (btn) {~~
860	874	// the element that will be created
861		var el = document.createElement("div");
	875	var el = null;
	876	var btn = null;
	877	switch (txt) {
	878	case "separator":
	879	if(editor.config.flowToolbars) newLine();
	880	el = document.createElement("div");
	881	el.className = "separator";
	882	break;
	883	case "space":
	884	el = document.createElement("div");
	885	el.className = "space";
	886	break;
	887	case "linebreak":
	888	newLine();
	889	return false;
	890	case "textindicator":
	891	el = document.createElement("div");
	892	el.appendChild(document.createTextNode("A"));
	893	el.className = "indicator";
	894	el.title = HTMLArea._lc("Current style");
	895	var obj = {
	896	name : txt, // the button name (i.e. 'bold')
	897	element : el, // the UI element (DIV)
	898	enabled : true, // is it enabled?
	899	active : false, // is it pressed?
	900	text : false, // enabled in text mode?
	901	cmd : "textindicator", // the command ID
	902	state : setButtonStatus // for changing state
	903	};
	904	tb_objects[txt] = obj;
	905	break;
	906	default:
	907	btn = editor.config.btnList[txt];
	908	}
	909	if (!el && btn) {
	910	el = document.createElement("a");
	911	el.style.display = 'block';
	912	el.href = 'javascript:void(0)';
	913	el.style.textDecoration = 'none';
	914	el.title = btn[0];
862	915	el.className = "button";
863		~~el.title = btn[0];~~
864	916	// let's just pretend we have a button object, and
865	917	// assign all the needed information to it.
866	918	var obj = {
867		name: txt, // the button name (i.e. 'bold')
868		element: el, // the UI element (DIV)
869		enabled: true, // is it enabled?
870		active: false, // is it pressed?
871		text: btn[2], // enabled in text mode?
872		cmd: btn[3], // the command ID
873		state: setButtonStatus, // for changing state
874		context: btn[4] \|\| null // enabled in a certain context?
	919	name : txt, // the button name (i.e. 'bold')
	920	element : el, // the UI element (DIV)
	921	enabled : true, // is it enabled?
	922	active : false, // is it pressed?
	923	text : btn[2], // enabled in text mode?
	924	cmd : btn[3], // the command ID
	925	state : setButtonStatus, // for changing state
	926	context : btn[4] \|\| null // enabled in a certain context?
875	927	};
876	928	tb_objects[txt] = obj;
877	929	// handlers to emulate nice flat toolbar buttons
878		~~HTMLArea._addEvent(el, "mouseover", function () {~~
879		~~if (obj.enabled) with (HTMLArea) {~~
880		~~_addClass(el, "buttonHover");~~
881		}
882		~~});~~
883
884	930	HTMLArea._addEvent(el, "mouseout", function () {
885	931	if (obj.enabled) with (HTMLArea) {
886		_removeClass(el, "buttonHover");
	932	//_removeClass(el, "buttonHover");
887	933	_removeClass(el, "buttonActive");
888	934	(obj.active) && _addClass(el, "buttonPressed");
…	…
901	947	if (obj.enabled) with (HTMLArea) {
902	948	_removeClass(el, "buttonActive");
903		_removeClass(el, "buttonHover");
	949	//_removeClass(el, "buttonHover");
904	950	if(HTMLArea.is_gecko)
905	951	{
…	…
910	956	}
911	957	});
912
	958
913	959	var i_contain = HTMLArea.makeBtnImg(btn[1]);
914	960	var img = i_contain.firstChild;
…	…
924	970	img.style.top = newimg[2] ? ('-' + (18 * (newimg[2] + 1)) + 'px') : '-18px';
925	971	img.style.left = newimg[1] ? ('-' + (18 * (newimg[1] + 1)) + 'px') : '-18px';
926		~~// img.style.bottom = newimg[2] ? ('-' + (18 * (newimg[2] + 19)) + 'px') : '-36px';~~
927		~~// img.style.right = newimg[1] ? ('-' + (18 * (newimg[1] + 19)) + 'px') : '-36px';~~
928	972	}
929	973	else
…	…
934	978	}
935	979	}
936		}
	980
	981	} else if (!el) {
	982	el = createSelect(txt);
	983	}
	984
937	985	return el;
938	986	};
939	987
940		toolbar.appendChild(clearBoth());
941		newLine(); // init first line
	988	var first = true;
942	989	for (var i = 0; i < this.config.toolbar.length; ++i) {
	990	if (!first) {
	991	// createButton("linebreak");
	992	} else {
	993	first = false;
	994	}
943	995	if(this.config.toolbar[i] == null) this.config.toolbar[i] = ['separator'];
944	996	var group = this.config.toolbar[i];
…	…
955	1007	label = HTMLArea._lc(label);
956	1008	}
957		var tb_element = document.createElement("div");
958		tb_element.className = "label";
959		tb_element.innerHTML = label;
	1009	var tb_cell = document.createElement("td");
	1010	tb_row.appendChild(tb_cell);
	1011	tb_cell.className = "label";
	1012	tb_cell.innerHTML = label;
960	1013	}
961	1014	else if(typeof code != 'function')
962	1015	{
963		var tb_element = null;
964		switch (code) {
965		case "separator":
966		if(editor.config.flowToolbars) newLine();
967		tb_element = document.createElement("div");
968		tb_element.className = "separator";
969		break;
970		case "space":
971		tb_element = document.createElement("div");
972		tb_element.className = "space";
973		break;
974		case "linebreak":
975		if(typeof tb_row != 'undefined' && tb_row.childNodes.length >0)
976		tb_row.appendChild(clearBoth());
977		newLine();
978		break;
979		case "textindicator":
980		var el = document.createElement("div");
981		el.appendChild(document.createTextNode("A"));
982		el.className = "indicator";
983		el.title = HTMLArea._lc("Current style");
984		var obj = {
985		name : code, // the button name (i.e. 'bold')
986		element : el, // the UI element (DIV)
987		enabled : true, // is it enabled?
988		active : false, // is it pressed?
989		text : false, // enabled in text mode?
990		cmd : "textindicator", // the command ID
991		state : setButtonStatus // for changing state
992		};
993		tb_objects[code] = obj;
994		var tb_element = document.createElement("div");
995		tb_element.className = "container";
996		tb_element.appendChild(el);
997		break;
998		default:
999		tb_element = createButton(code);
1000		}
1001		}
1002		if (code != "linebreak") {
1003		if (!tb_element)
1004		tb_element = createSelect(code);
1005		if (tb_element) {
1006		if(HTMLArea.is_ie) {
1007		tb_element.style.display = "inline";
1008		} else {
1009		tb_element.style.cssFloat = "left";
1010		}
1011		tb_row.appendChild(tb_element);
1012		}
1013		else if (tb_element == null) {
	1016	var tb_element = createButton(code);
	1017
	1018	if (tb_element)
	1019	{
	1020	var tb_cell = document.createElement("td");
	1021	tb_cell.className = 'toolbarElement';
	1022	tb_row.appendChild(tb_cell);
	1023	tb_cell.appendChild(tb_element);
	1024	}
	1025	else if (tb_element == null)
	1026	{
1014	1027	alert("FIXME: Unknown toolbar item: " + code);
1015	1028	}
…	…
1017	1030	}
1018	1031	}
1019		if(typeof tb_row != 'undefined' && tb_row.childNodes.length >0)
1020		tb_row.appendChild(clearBoth());
1021		toolbar.appendChild(clearBoth());
	1032
	1033	if(editor.config.flowToolbars)
	1034	{
	1035	var brk = document.createElement('div');
	1036	brk.style.height =
	1037	brk.style.width =
	1038	brk.style.lineHeight =
	1039	brk.style.fontSize = '1px';
	1040	brk.style.clear = 'both';
	1041	toolbar.appendChild(brk);
	1042	}
	1043
1022	1044	return toolbar;
1023	1045	};
…	…
1032	1054	doc._htmlareaImgCache = { };
1033	1055	}
1034
1035		var i_contain = doc.createElement('div');
	1056
	1057	var i_contain = null;
	1058	if(HTMLArea.is_ie && ((!doc.compatMode) \|\| (doc.compatMode && doc.compatMode == "BackCompat")))
	1059	{
	1060	i_contain = doc.createElement('span');
	1061	}
	1062	else
	1063	{
	1064	i_contain = doc.createElement('div');
	1065	i_contain.style.position = 'relative';
	1066	}
	1067
	1068	i_contain.style.overflow = 'hidden';
	1069	i_contain.style.width = "18px";
	1070	i_contain.style.height = "18px";
1036	1071	i_contain.className = 'buttonImageContainer';
1037		i_contain.style.position = 'relative';
1038		i_contain.style.overflow = 'hidden';
1039		i_contain.style.width = "18px";
1040		i_contain.style.height = "18px";
1041
	1072
1042	1073	var img = null;
1043	1074	if(typeof imgDef == 'string')
…	…
1131	1162	return false;
1132	1163	}
1133
	1164
1134	1165	if(_editor_skin != "") {
1135	1166	var found=false;

trunk/plugins/TableOperations/table-operations.js

r217	r260
684	684	// the list of buttons added by this plugin
685	685	TableOperations.btnList = [
686		~~null,~~
687	686	// table properties button
688	687	["table-prop", "table", "Table properties"],

trunk/skins/blue-look/skin.css

r239	r260
1		.htmlarea .toolbar { background-color:#f7f8fd;}
	1	.htmlarea .toolbar, .htmlarea .toolbar .button
	2	{
	3	background-color:#f7f8fd;
	4	}
2	5
3		.htmlarea .toolbar ~~.toolbar~~Row
	6	.htmlarea .toolbarRow
4	7	{
5		border: 1px solid #DEDEDE;
6		-moz-border-radius: 3px;
	8	margin-top:2px;
	9	margin-bottom:2px;
	10	border:1px dotted #DEDEDE;
	11	padding:2px;
	12	-moz-border-radius:3px;
	13	margin:4px;
7	14	}
8		.htmlarea .toolbar .toolbarRow .button
	15
	16	.htmlarea .toolbar .button
9	17	{
10	18	background-image: url(button-background.png);
	19	width:20px;
	20	height:20px;
	21	padding:0px;
11	22	border:1px solid #f7f8fd;
12	23	}
13		.htmlarea .toolbar .toolbarRow .separator {
	24
	25	.buttonImageContainer
	26	{
	27	position:relative;
	28	left:1px;
	29	top :1px;
	30	}
	31
	32	.htmlarea .toolbar .separator {
	33	margin:0px;
14	34	background-image: url(separator.gif);
15	35	border:1px #f7f8fd;
16		width:7px;
	36	width: 7px;
	37	height: 20px;
	38	padding: 0px;
17	39	}
18		.htmlarea .toolbar .toolbarRow .buttonHover
	40
	41	.htmlarea .toolbar a.button:hover
19	42	{
	43	border: 1px solid;
20	44	border-color: white #CCC #CCC white;
21	45	}
22		.htmlarea .toolbar .toolbarRow .buttonDisabled
	46
	47	.htmlarea .toolbar a.buttonDisabled:hover
23	48	{
24	49	border-color: #f7f8fd;
25	50	}
26		.htmlarea .toolbar .toolbarRow .button.buttonActive,
27		.htmlarea .toolbar .toolbarRow .button.buttonPressed
	51
	52	.htmlarea .toolbar .button.buttonActive,
	53	.htmlarea .toolbar .button.buttonPressed
28	54	{
29	55	border: 1px solid;
30	56	border-color: #CCC white white #CCC;
31	57	}
	58
32	59	.htmlarea .statusBar {
33	60	border-color: #CCC white white #CCC;
…	…
40	67	font: 11px helvetica,arial,sans-serif;
41	68	}
	69
42	70	.htmlarea .statusBar .statusBarTree
43	71	{
…	…
45	73	margin: 3px;
46	74	}
	75
47	76	.htmlarea .statusBar .statusBarTree a
48	77	{
…	…
51	80	text-decoration:none;
52	81	}
	82
53	83	.htmlarea .panel h1
54	84	{

trunk/skins/blue-metallic/skin.css

r239	r260
1		.htmlarea .toolbar { background-color:#f7f8fd;}
	1	.htmlarea .toolbar, .htmlarea .toolbar .button
	2	{
	3	background-color:#f7f8fd;
	4	}
2	5
3		.htmlarea .toolbar ~~.toolbar~~Row
	6	.htmlarea .toolbarRow
4	7	{
5	8	/background-image: url(button-background.png);/
6	9	background-color: #C5DCEC;
7		border:1px solid #DEDEDE;
	10	margin-top:2px;
	11	margin-bottom:2px;
	12	border:1px dotted #DEDEDE;
	13	padding:2px;
8	14	-moz-border-radius:5px;
9	15	margin: 1px;
10		}
11		.htmlarea .toolbar .toolbarRow .container,
12		.htmlarea .toolbar .toolbarRow .label {
13		background-image: url(button-background.png);
	16	margin:4px;
14	17	}
15	18
16		.htmlarea .toolbar .~~toolbarRow .~~button {
	19	.htmlarea .toolbar .button {
17	20	background-image: url(button-background.png);
18		padding: 1px;
19		border: 0px;
	21	width:20px;
	22	height:20px;
	23	padding:0px;
	24	border:1px solid #f7f8fd;
20	25	}
21	26
22		.htmlarea .toolbar .toolbarRow .separator {
23		background-image: url(separator.gif);
24		padding: 1px;
25		border: 0px;
26		margin: 2px;
27		width: 7px;
	27	.buttonImageContainer
	28	{
	29	position:relative;
	30	left:1px;
	31	top :1px;
28	32	}
29	33
30		.htmlarea .toolbar .~~toolbarRow .buttonHove~~r
	34	.htmlarea .toolbar .separator
31	35	{
	36	margin:0px;
	37	background-image: url(separator.gif);
	38	border:1px #f7f8fd;
	39	width: 7px;
	40	height: 20px;
32	41	padding: 0px;
	42	}
	43
	44	.htmlarea .toolbar a.button:hover
	45	{
33	46	border: 1px solid;
34	47	border-color: #316AC5;
…	…
37	50	}
38	51
39		.htmlarea .toolbar ~~.toolbarRow .buttonDisabled~~
	52	.htmlarea .toolbar a.buttonDisabled:hover
40	53	{
41		padding: 1px;
42		border: 0px;
43		border-color: #f7f8fd;
	54	border-color: #316AC5;
	55	background-color : #FFE1AC;
44	56	}
45	57
46		.htmlarea .toolbar .~~toolbarRow .~~button.buttonActive,
47		.htmlarea .toolbar .~~toolbarRow .~~button.buttonPressed
	58	.htmlarea .toolbar .button.buttonActive,
	59	.htmlarea .toolbar .button.buttonPressed
48	60	{
49		~~padding: 0px;~~
50	61	border: 1px solid;
51	62	border-color: #79A4CC #FFFFFF #FFFFFF #79A4CC;
…	…
90	101	.dialog .title {
91	102	background-image: url(button-background.png);
92		}
	103	}
93	104	.dialog button{
94	105	background-image: url(button-background.png);

trunk/skins/green-look/skin.css

r239	r260
1		.htmlarea .toolbar{ background-color:#f8fdf8;
	1	.htmlarea .toolbar, .htmlarea .toolbar .button
	2	{
	3	background-color:#f8fdf8;
2	4	}
3		.htmlarea .toolbar ~~.toolbar~~Row
	5	.htmlarea .toolbarRow
4	6	{
5		border:1px solid #DEDEDE;
	7	margin-top:2px;
	8	margin-bottom:2px;
	9	border:1px dotted #DEDEDE;
	10	padding:2px;
6	11	-moz-border-radius:3px;
	12	margin:4px;
7	13	}
8		.htmlarea .toolbar .~~toolbarRow .~~button
	14	.htmlarea .toolbar .button
9	15	{
10		background-image:url(button-background.png);
	16	background-image:url(button-background.gif);
	17	width:20px;
	18	height:20px;
	19	padding:0;
11	20	border:1px solid #f8fdf8;
12	21	}
13		.htmlarea .toolbar .toolbarRow .separator {
	22	.buttonImageContainer
	23	{
	24	position:relative;
	25	left:1px;
	26	top:1px;
	27	}
	28	.htmlarea .toolbar .separator {
	29	margin:0;
14	30	background-image:url(separator.gif);
15	31	border:1px #f8fdf8;
16	32	width:7px;
	33	height:20px;
	34	padding:0;
17	35	}
18		.htmlarea .toolbar ~~.toolbarRow .buttonH~~over
	36	.htmlarea .toolbar a.button:hover
19	37	{
	38	border:1px solid;
20	39	border-color:#fff #ccc #ccc #fff;
21	40	}
22		.htmlarea .toolbar ~~.toolbarRow .buttonDisabled~~
	41	.htmlarea .toolbar a.buttonDisabled:hover
23	42	{
24	43	border-color:#f8fdf8;
25	44	}
26		.htmlarea .toolbar .~~toolbarRow .button.~~buttonActive,
27		.htmlarea .toolbar .~~toolbarRow .button.~~buttonPressed
	45	.htmlarea .toolbar .buttonActive,
	46	.htmlarea .toolbar .buttonPressed
28	47	{
29	48	border:1px solid;
30	49	border-color:#ccc #fff #fff #ccc;
	50	background:#ffb166;
31	51	}
32	52	.htmlarea .statusBar {
…	…
34	54	padding:0;
35	55	height:20px;
36		background-image:url(button-background.~~png~~);
	56	background-image:url(button-background.gif);
37	57	background-repeat:repeat-x;
38	58	background-color:#f8fdf8;
…	…
53	73	.htmlarea .panel h1
54	74	{
55		background-image:url(button-background.~~png~~);
	75	background-image:url(button-background.gif);
56	76	background-repeat:repeat-x;
57	77	background-color:#f8fdf8;

trunk/skins/inditreuse/skin.css

r250	r260
9	9	background-image:url(button-background.png);
10	10	}
11		.htmlarea .toolbar .~~toolbarRow .button~~{
	11	.htmlarea .toolbar .button {
12	12	width:20px;
13	13	height:20px;
…	…
16	16	background-image:url(button-background.png);
17	17	}
18		.htmlarea .toolbar .toolbarRow .separator {
	18	.buttonImageContainer {
	19	position:relative;
	20	left:1px;
	21	top:1px;
	22	}
	23	.htmlarea .toolbar .separator {
19	24	margin:0;
20	25	background-image: url(separator.png);
…	…
24	29	border:none;
25	30	}
26		.htmlarea .toolbar ~~.toolbarRow .buttonH~~over {
	31	.htmlarea .toolbar a.button:hover {
27	32	border:none !important;
28	33	padding:1px;
29	34	background-image:url(hover.png);
30	35	}
31		.htmlarea .toolbar .~~toolbarRow .~~button.buttonPressed
	36	.htmlarea .toolbar .button.buttonPressed
32	37	{
33	38	padding:1px;

trunk/skins/xp-blue/skin.css

r239	r260
4	4	background-repeat:repeat-y;
5	5	}
6		.htmlarea .toolbar ~~.toolbar~~Row {
	6	.htmlarea .toolbarRow {
7	7	margin-top:2px;
8	8	margin-bottom:2px;
9	9	background-image:url(button-background.png);
10	10	}
11		.htmlarea .toolbar .~~toolbarRow .~~button {
	11	.htmlarea .toolbar .button {
12	12	width:20px;
13	13	height:20px;
…	…
16	16	background-image:url(button-background.png);
17	17	}
18		.htmlarea .toolbar .toolbarRow .separator {
	18	.buttonImageContainer {
	19	position:relative;
	20	left:1px;
	21	top:1px;
	22	}
	23	.htmlarea .toolbar .separator {
	24	margin:0;
19	25	background-image:url(separator.png);
20	26	width:7px;
…	…
22	28	padding:0;
23	29	}
24		.htmlarea .toolbar .toolbarRow .buttonHover {
	30	.separator {
	31	border:none;
	32	}
	33	.htmlarea .toolbar a.button:hover {
	34	border:1px solid #003355;
	35	padding:0;
25	36	background-image:url(hover.png);
26		~~padding:0;~~
27		~~border: 1px solid;~~
28		~~border-color: white #CCC #CCC white;~~
29	37	}
30		.htmlarea .toolbar .~~toolbarRow .~~button.buttonPressed
	38	.htmlarea .toolbar .button.buttonPressed
31	39	{
32	40	border:1px solid #003355;

trunk/skins/xp-green/skin.css

r239	r260
4	4	background-repeat:repeat-y;
5	5	}
6		.htmlarea .toolbar ~~.toolbar~~Row {
	6	.htmlarea .toolbarRow {
7	7	margin-top:2px;
8	8	margin-bottom:2px;
9	9	background-image:url(button-background.png);
10	10	}
11		.htmlarea .toolbar .~~toolbarRow .~~button {
	11	.htmlarea .toolbar .button {
12	12	width:20px;
13	13	height:20px;
…	…
16	16	background-image:url(button-background.png);
17	17	}
18		.htmlarea .toolbar .toolbarRow .separator {
	18	.buttonImageContainer {
	19	position:relative;
	20	left:1px;
	21	top:1px;
	22	}
	23	.htmlarea .toolbar .separator {
	24	margin:0;
19	25	background-image:url(separator.png);
20	26	width:7px;
…	…
22	28	padding:0;
23	29	}
24		.htmlarea .toolbar .toolbarRow .buttonHover {
	30	.separator {
	31	border:none;
	32	}
	33	.htmlarea .toolbar a.button:hover {
25	34	border:1px solid #335500;
26	35	padding:0;
27	36	background-image:url(hover.png);
28	37	}
29		.htmlarea .toolbar .~~toolbarRow .~~button.buttonPressed
	38	.htmlarea .toolbar .button.buttonPressed
30	39	{
31	40	border:1px solid #335500;

Download in other formats: