PM 2.0 Skin feature. The green now becomes classic and it is possible to have Skins under PATH_DATA /skins each skin folder has a configuration file, layout htmls, css and images

2011-02-28 16:08:15 +00:00
parent 1d2ab61a71
commit 49b9c52546
25 changed files with 20930 additions and 193 deletions
--- a/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
+++ b/workflow/engine/skinEngine/base/css/pmos-xtheme-gray.css
@@ -0,0 +1,125 @@
+/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*
+ * FileUploadField component styles
+ */
+.x-form-file-wrap {
+    position: relative;
+    height: 22px;
+}
+.x-form-file-wrap .x-form-file {
+	position: absolute;
+	right: 0;
+	-moz-opacity: 0;
+	filter:alpha(opacity: 0);
+	opacity: 0;
+	z-index: 2;
+    height: 22px;
+}
+.x-form-file-wrap .x-form-file-btn {
+	position: absolute;
+	right: 0;
+	z-index: 1;
+}
+.x-form-file-wrap .x-form-file-text {
+    position: absolute;
+    left: 0;
+    z-index: 3;
+    color: #777;
+}
+.x-locationbar {
+    padding-left: 5px;
+}
+.x-locationbar .x-locationbar-location {
+    background-color: white;
+    border-top: 1px solid #96969D;
+    border-bottom: 1px solid #96969D;
+}
+.x-locationbar .x-locationbar-location-first {
+    border-left: 1px solid #96969D;
+}
+.x-locationbar .x-locationbar-location-last {
+    border-right: 1px solid #96969D;
+}
+.x-locationbar-folder-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_folder.png") !important;
+}
+.x-locationbar-back-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_back.png") !important;
+}
+.x-locationbar-forward-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_forward.png") !important;
+}
+.x-locationbar-reload-icon {
+    background-image: url("/skins/ext/images/gray/locationbar/location_reload.png") !important;
+}
+.x-locationbar .x-btn-menu-arrow-wrap .x-btn-center button {
+    background:transparent url(/skins/ext/images/gray/locationbar/btn-arrow.gif) no-repeat scroll 0pt 3px;
+    width: 12px;
+}
+.x-locationbar .x-btn-menu-active .x-btn-menu-arrow-wrap .x-btn-center button {
+    background-position: 0pt -97px;
+}
+.x-locationbar .x-btn-click .x-btn-center, 
+.x-locationbar .x-btn-pressed .x-btn-center, 
+.x-locationbar .x-btn-menu-active .x-btn-center {
+    background:transparent url(/skins/ext/images/gray/locationbar/tb-btn-sprite.gif) repeat-x scroll 0pt -105px;
+}
+
+/*Los botones de EXT solamente s even iguales en los x-form*/
+.x-window button.x-btn-text,.x-form-label-right button.x-btn-text,.x-form button.x-btn-text{
+  color:#333;
+  font-size:10px;
+  font-weight:400;
+}
+ .x-window .x-btn-small,.x-form-label-right .x-btn-small,.x-form .x-btn-small{
+	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
+  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
+}
+
+.x-panel-header-text{
+  text-shadow:#fff 0px 1px 1px;
+  color:#444;
+}
+
+/*Texto en ExtJS*/
+.x-btn-text,.xtb-text{
+	color:#333;
+}
+.x-btn-pressed .x-btn-text{
+	color:#000;
+}
+/*Tabs con ícono en EXT*/
+.x-tab-strip span.x-tab-strip-text{
+	padding:4px 0;
+	font-weight: normal;
+}
+.ext-gecko .x-tab-strip span.x-tab-strip-text,
+.ext-webkit .x-tab-strip span.x-tab-strip-text{
+	height:12px;
+}
+
+button.x-btn-text:focus,.x-combo-selected{
+  -moz-outline-style:none;
+  outline:none;
+}
+
+.icon-activate{
+  background-image: url("/images/activate.png");
+}
+
+.icon-deactivate{
+  background-image: url("/images/deactivate.png");
+}
+
+.icon-debug{
+  background-image: url("/images/debug.png");
+}
+
+.icon-debug-disabled{
+  background-image: url("/images/debug_disabled.png");
+}