Color Themes + Skin Proposal (XWiki 3.4) (Improvements.34Proposal)

author	version	line-number	content
		1	{{velocity}}
		2	$xwiki.ssx.use("Improvements.WebHome")
		3	$xwiki.ssx.use("Standards.WebHome")
		4	$xwiki.ssx.use("Improvements.34Proposal")
		5	{{/velocity}}
		6
		7	== Other Links ==
		8
		9	* [[XE 3.4 New ColorThemes Proposal>>Improvements.34NewColorThemes]]
		10
		11	{{info}}
		12	[Vote][Proposal] New Skin/ColorTheme Improvements for XE 3.4: http://xwiki.markmail.org/thread/tgiqfyqcew2ynfph
		13	[Discussion] Problematic ColorTheme extensibility: http://xwiki.markmail.org/thread/ex6fgou6fl6vjwfr
		14	{{/info}}
		15
		16	(% class="left column33" %)
		17	(((
		18	=== Var A: Skin + ColorTheme (% class="important" %)[[Demo>>Improvements.WebHome]](%%) ===
		19
		20	[[[[image:skincolortheme.png\|\|width="100%"]]>>attach:skincolortheme.png]]
		21	)))
		22
		23	(% class="left column33" %)
		24	(((
		25	=== Var B: Current (% class="important" %)[[Demo>>Drafts.WebHome]](%%) ===
		26
		27	[[[[image:default.png\|\|width="100%"]]>>attach:default.png]]
		28	)))
		29
		30	(% class="left column33" %)
		31	(((
		32	=== Var C: ColorTheme (% class="important" %)[[Demo>>Standards.WebHome]](%%) ===
		33
		34	[[[[image:colortheme.png\|\|width="100%"]]>>attach:colortheme.png]]
		35	)))
		36
		37	(% class="clearfloats" %)
		38	(((
		39
		40	)))
		41
		42	(% class="left column33" %)
		43	(((
		44	[[[[image:skincolorthemeAdmin.png\|\|width="100%"]]>>attach:skincolorthemeAdmin.png]]
		45	)))
		46
		47	(% class="left column33" %)
		48	(((
		49	[[[[image:defaultAdmin.png\|\|width="100%"]]>>attach:defaultAdmin.png]]
		50	)))
		51
		52	(% class="left column33" %)
		53	(((
		54	[[[[image:colorthemeAdmin.png\|\|width="100%"]]>>attach:colorthemeAdmin.png]]
		55	)))
		56
		57	(% class="clearfloats" %)
		58	(((
		59
		60	)))
		61
		62	(% class="left column33" %)
		63	(((
		64	Changes:
		65	This variant brings some changes that are listed below:
		66	)))
		67
		68	(% class="left column33" %)
		69	(((
		70	Changes: No changes
		71	)))
		72
		73	(% class="left column33" %)
		74	(((
		75	Changes: No changes, just other colors
		76	)))
		77
		78	(% class="clearfloats" %)
		79	(((
		80
		81	)))
		82
		83	=== Gradients in menus, panels and tabs ===
		84
		85	(% class="clearfloats" %)
		86	(((
		87
		88	)))
		89
		90	(% class="left column33" %)
		91	(((
		92	[[[[image:skincolorthemeAddMenu.png\|\|width="100%"]]>>attach:skincolorthemeAddMenu.png]]
		93	)))
		94
		95	(% class="left column33" %)
		96	(((
		97	[[[[image:defaultAddMenu.png\|\|width="100%"]]>>attach:defaultAddMenu.png]]
		98	)))
		99
		100	(% class="left column33" %)
		101	(((
		102
		103	)))
		104
		105	(% class="clearfloats" %)
		106	(((
		107
		108	)))
		109
		110	(% class="left column33" %)
		111	(((
		112	[[[[image:skincolorthemeGlobalMenu.png\|\|width="100%"]]>>attach:skincolorthemeGlobalMenu.png]]
		113	)))
		114
		115	(% class="left column33" %)
		116	(((
		117	[[[[image:defaultGlobalMenu.png\|\|width="100%"]]>>attach:defaultGlobalMenu.png]]
		118	)))
		119
		120	(% class="left column33" %)
		121	(((
		122
		123	)))
		124
		125	(% class="clearfloats" %)
		126	(((
		127
		128	)))
		129
		130	(% class="left column33" %)
		131	(((
		132	[[[[image:skincolorthemeContextMenu.png]]>>attach:skincolorthemeContextMenu.png]]
		133	)))
		134
		135	(% class="left column33" %)
		136	(((
		137	[[[[image:defautlContextMenu.png]]>>attach:defautlContextMenu.png]]
		138	)))
		139
		140	(% class="left column33" %)
		141	(((
		142
		143	)))
		144
		145	(% class="clearfloats" %)
		146	(((
		147
		148	)))
		149
		150	(% class="left column33" %)
		151	(((
		152	[[[[image:skincolorthemePanel.png]]>>attach:skincolorthemePanel.png]]
		153	)))
		154
		155	(% class="left column33" %)
		156	(((
		157	[[[[image:defaultPanel.png]]>>attach:defaultPanel.png]]
		158	)))
		159
		160	(% class="left column33" %)
		161	(((
		162
		163	)))
		164
		165	(% class="clearfloats" %)
		166	(((
		167
		168	)))
		169
		170	=== Gradients on buttons ===
		171
		172	(% class="left column33" %)
		173	(((
		174	[[[[image:skincolorthemeButtons.png]]>>attach:skincolorthemeButtons.png]]
		175	)))
		176
		177	(% class="left column33" %)
		178	(((
		179	[[[[image:defaultButtons.png]]>>attach:defaultButtons.png]]
		180	)))
		181
		182	(% class="left column33" %)
		183	(((
		184
		185	)))
		186
		187	(% class="clearfloats" %)
		188	(((
		189
		190	)))
		191
		192	=== Gradients and shadow on form elements ===
		193
		194	(% class="left column33" %)
		195	(((
		196	[[[[image:skincolorthemeForm.png]]>>attach:skincolorthemeForm.png]]
		197	)))
		198
		199	(% class="left column33" %)
		200	(((
		201
		202
		203
		204	)))
		205
		206	(% class="left column33" %)
		207	(((
		208
		209	)))
		210
		211	(% class="clearfloats" %)
		212	(((
		213
		214	)))
		215
		216
		217
		218
		219
		220
		221
		222	== Other elements for the Skin + ColorTheme proposal ==
		223
		224
		225
		226	(% class="clearfloats" %)
		227	(((
		228
		229	)))
		230
		231	(% class="left column33" %)
		232	(((
		233
		234
		235
		236	)))
		237
		238	(% class="left column33" %)
		239	(((
		240
		241
		242
		243	)))
		244
		245	(% class="clearfloats" %)
		246	(((
		247
		248	)))
		249
		250
		251
		252	[[[[image:AllDocs.png\|\|style="max-width: 1100px;" width="98%"]]>>attach:AllDocs.png]]
		253
		254	(% class="clearfloats" %)
		255	(((
		256
		257	)))
		258
		259	(% class="left column33" %)
		260	(((
		261	==== IE9 ====
		262
		263	[[[[image:IE9.png\|\|width="100%"]]>>attach:IE9.png]]
		264	)))
		265
		266	(% class="left column33" %)
		267	(((
		268	==== IE7 ====
		269
		270	[[[[image:IE7.png\|\|width="100%"]]>>attach:IE7.png]]
		271	)))
		272
		273	(% class="clearfloats" %)
		274	(((
		275
		276	)))