From 235c439c3762e7d73d31dd4b309308363ca1f048 Mon Sep 17 00:00:00 2001
From: Gary <gary@luranasoft.com>
Date: Tue, 15 Apr 2025 05:58:38 +0000
Subject: [PATCH] Lurana Skin Changes V1

---
 workflow/engine/skinEngine/lurana/css/pm3.css | 146 +++++++++---------
 .../lurana/css/pmos-xtheme-gray.css           |   6 +
 .../engine/skinEngine/lurana/css/style.css    |   9 +-
 .../engine/skinEngine/lurana/css/viena.css    |  12 +-
 .../skinEngine/lurana/css/xtheme-gray.css     |  12 +-
 .../skinEngine/lurana/images/logout.png       | Bin 0 -> 1098 bytes
 workflow/engine/skinEngine/lurana/layout.html |  23 +--
 7 files changed, 108 insertions(+), 100 deletions(-)
 create mode 100755 workflow/engine/skinEngine/lurana/images/logout.png

diff --git a/workflow/engine/skinEngine/lurana/css/pm3.css b/workflow/engine/skinEngine/lurana/css/pm3.css
index 9a9d5595e..e9150d30e 100755
--- a/workflow/engine/skinEngine/lurana/css/pm3.css
+++ b/workflow/engine/skinEngine/lurana/css/pm3.css
@@ -1,10 +1,10 @@
 .navBar {
-    background: #00457C;
+    background: #007ea7;
     border: 1px solid #1C8BDE;
     /*C1D72F*/
 }
 .content_controls {
-    background-color: #00457C;
+    background-color: #007ea7;
 }
 .navBar nav ul li {
     border-right: 1px solid #DFDCD5;
@@ -14,14 +14,14 @@
 
 
 .pmui-window-header {
-    background: #00457C;
+    background: #007ea7;
 }
 
 .pmui-gridpanel-pager .list-item-ajax a {
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 2px;
-    color: #00457C;
+    color: #007ea7;
     float: left;
     font-size: 14px;
     line-height: 1.42857;
@@ -36,37 +36,37 @@
 	}
 
 .pmui-gridpanelcolumn {
-    background: #00457C;
+    background: #007ea7;
 }
 .pmui-gridpanel-pager-current {
-    background: #00457C;
+    background: #007ea7;
 }
 
 .pmui-tab-ref {
-    color: #95d238;
+  color: #007ea7;
 }
 .pmui-tabitem.pmui-active .pmui-tab-ref {
-    -moz-border-bottom-colors: none;
-    -moz-border-left-colors: none;
-    -moz-border-right-colors: none;
-    -moz-border-top-colors: none;
-    border-color: #95d238 #ddd #ddd;
-    border-image: none;
-    border-style: solid;
-    border-width: 3px 1px 1px;
-    color: #555;
+  -moz-border-bottom-colors: none;
+  -moz-border-left-colors: none;
+  -moz-border-right-colors: none;
+  -moz-border-top-colors: none;
+  border-color: #007ea7 #ddd #ddd;
+  border-image: none;
+  border-style: solid;
+  border-width: 3px 1px 1px;
+  color: #003249;
 }
 .list-suggest-item{	
-  background-color: #95D238!important;
-  border: 1px solid #ddd!important;
-  color: #FFFFFF;
-  transition: all 0.5s ease 0s;
+background-color: #007ea7!important;
+border: 1px solid #80ced7!important;
+color: #FFFFFF;
+transition: all 0.5s ease 0s;
 }
 .list-suggest-item:hover{	
-  background-color: #80ced7!important;
-  border: 1px solid #FFF!important;
-  color: #FFFFFF;
-  transition: all 0.5s ease 0s;
+background-color: #003249!important;
+border: 1px solid #FFF!important;
+color: #FFFFFF;
+transition: all 0.5s ease 0s;
 }
 
 td.pmui-gridpanel-table{
@@ -74,8 +74,8 @@ td.pmui-gridpanel-table{
 	}
 
 -button.pmui-success {
-    background-color: #98CA49;
-    border: 1px solid #98CA49;
+    background-color: #007ea7;
+    border: 1px solid #007ea7;
     color: #fff;
 }
 .pmui-button {
@@ -260,16 +260,16 @@ a.mafe-button-create {
 
 a.mafe-button-properties {
     background-color: white;
-    border: 1px solid #00457C;
-    box-shadow: 0 0 0 1px #00457C inset;
-    color: #00457C;
+    border: 1px solid #007ea7;
+    box-shadow: 0 0 0 1px #007ea7 inset;
+    color: #007ea7;
     height: 28px !important;
     line-height: 28px !important;
     padding: 0 5px;
     text-transform: none;
 }
 a.mafe-button-properties:hover {
-    background:#00457C none repeat scroll 0 0;
+    background:#007ea7 none repeat scroll 0 0;
     color: #fff;
     transition:all 0.5s ease 0s;
 }
@@ -311,7 +311,7 @@ a.mafe-button-properties:hover {
     width: 24px;
 }
 .fd-designer-button:hover{
-	background:#00457C none repeat scroll 0 0;
+	background:#007ea7 none repeat scroll 0 0;
 	color:#FFFFFF;
 	}
 .fd-designer-button-Save {
@@ -447,11 +447,11 @@ a.mafe-button-edit-assign:hover {
 }
 
 .mafe-save-process {
-  background: #A4CDBB none repeat scroll 0 0;
+  background: #80ced7 none repeat scroll 0 0;
   border-bottom: 1px solid lightgray !important;
   border-left: 1px solid lightgray !important;
   border-right: 1px solid lightgray !important;
-  color: #2D9E6E;
+  color: #333333;
   padding-right: 25px !important;
   transition: all 0.6s ease 0s;
 }
@@ -463,7 +463,7 @@ a.mafe-button-edit-assign:hover {
   height: 22px;
 }
 .content_controls{
-	background-color: #00457C;
+	background-color: #007ea7;
   border: 1px solid #3397E1;
   display: none;
   font-size: 11px;
@@ -489,8 +489,8 @@ a.mafe-button-edit-assign:hover {
 	
 
 .navBar{
-	background-color:#00457C;
-  border: 1px solid #00457C;
+	background-color:#007ea7;
+  border: 1px solid #007ea7;
   color:#FFFFFF;
   display: none;
     font-size: 16px;
@@ -539,8 +539,8 @@ a.mafe-button-edit-assign:hover {
 }
 
 a.mafe-button-create {
-    background: #3071a9 url('/images/ico_mor2.png') no-repeat scroll 5px center;
-    border: 1px solid #3071a9;
+    background: #007ea7 url('/images/ico_mor2.png') no-repeat scroll 5px center;
+    border: 1px solid #007ea7;
     border-radius:5px 5px 5px 5px; 
     float: right;
     font-size: 16px;
@@ -550,8 +550,8 @@ a.mafe-button-create {
     transition: all 0.4s ease 0s;
 }
 a.mafe-button-create:hover {
-    background-color: #00457C;
-    border: 1px solid #00457C;
+    background-color: #007ea7;
+    border: 1px solid #007ea7;
     border-radius:5px 5px 5px 5px; 
     float: right;
     font-size: 16px;
@@ -561,7 +561,7 @@ a.mafe-button-create:hover {
     transition: all 0.4s ease 0s;
 }
 .pmui-gridpanelcolumn {
-    background: #00457C none repeat scroll 0 0;
+    background: #007ea7 none repeat scroll 0 0;
     border-right: 2px solid #fff;
     color: #fff;
     font-size: 14px;
@@ -570,7 +570,7 @@ a.mafe-button-create:hover {
 	
 .ui-accordion-header {
     background: #3397E1 none repeat scroll 0 0;
-    border-color: #00457C;
+    border-color: #007ea7;
     border-radius: initial;
     border-style: solid;
     border-width: 1px;
@@ -581,7 +581,7 @@ a.mafe-button-create:hover {
     text-transform:uppercase;
 }	
 .ui-accordion-header:hover {
-    background: #00457C none repeat scroll 0 0;
+    background: #007ea7 none repeat scroll 0 0;
     border-color: #3397E1;
     border-radius: initial;
     border-style: solid;
@@ -601,7 +601,7 @@ a.mafe-button-create:hover {
 	background-color:#fff000;!important
 	}
 .fd-table-th {
-    background: #00457C none repeat scroll 0 0;
+    background: #007ea7 none repeat scroll 0 0;
     color: #ffffff;
     font-size: 11px;
     font-weight: inherit;
@@ -757,7 +757,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e14333', end
 .btn_submit {
   background-image: none;
   color: #333333;
-  background-color: #00457C;
+  background-color: #007ea7;
   border-left: 2px solid #FFF;
   color: #ffffff;
   background-repeat: repeat-x;
@@ -828,42 +828,40 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e14333', end
     border-color: #1C5091;
 }
 
+.pmdynaform-grid-text-plus{
+  display: none;
+  text-decoration: none;
+}
+
+.btn-sm{
+  text-decoration: none;
+}
+
+.pmdynaform-grid-plus.glyphicon.glyphicon-plus.glyphicon.btn.btn-default.btn-sm{
+  border-radius:20px 20px;
+  background-color:#00457C;
+}
 .pmdynaform-grid-newitem{
-	 background-color:#00457C;!important
-	 border-color: #00457C;
-	 border-radius:4px;
-   color: #fff;
-   font-size:12px;
-   font-family:arial;
+  text-decoration: none;
  }
 .pmdynaform-grid-newitem.btn-default:hover{
-	 background-color:#80ced7;!important
+	text-decoration: none; 
+  background-color:#80ced7;!important
 	 border-color:#80ced7;!important
    border-radius:4px;
    color: #fff;
    font-size:12px;!important
-   font-family:arial;!important 
+   font-family:arial;!important
 }
 
-
 .modal-title {
   font-family: "DaxRegular",Arial,Helvetica,verdana,FreeSans,"Bitstream Vera Sans",sans-serif;
   line-height: 1.42857;
   margin: 0;
 }
 
-/*
-label {
-	color:#8d8d8d;
-  display: inline-block;
-  font-family: "DaxRegular",Arial,Helvetica,verdana,FreeSans,"Bitstream Vera Sans",sans-serif;
-  font-weight: 700;
-  margin-bottom: 5px;
-}
-*/
-
 .pmdynaform-field-title h4 {
-  background-color: #00457C;
+  background-color: #007ea7;
   border-radius: 3px;
   color: #fff;
   font-weight: normal;
@@ -888,7 +886,7 @@ label {
 	}
 
 .fd-gridForm-grid-title {
-    background-color:#00457C;!important
+    background-color:#007ea7;!important
     border-radius: 3px 3px 3px 3px;
     color: #FFFFFF;!important
     font-family: "Montserrat",sans-serif;
@@ -915,7 +913,7 @@ label {
 
 
 .pmui-accordion-item-header {
-    background: #00457C none repeat scroll 0 0 !important;
+    background: #007ea7 none repeat scroll 0 0 !important;
     border-bottom: 1px solid #BBBBBB !important;
     border-left-color: #BBBBBB;
     border-right-color: #BBBBBB;
@@ -939,7 +937,7 @@ label {
 
 
 a.btn_create:hover{
-	background:#454546 url("/images/btn_create.png") no-repeat scroll 5px center !important;
+	background:#80ced7 url("/images/btn_create.png") no-repeat scroll 5px center !important;
 	height:23px;
 	opacity:1;
 	padding:3px 0 3px 18px;
@@ -948,10 +946,10 @@ a.btn_create:hover{
 
 
 .pmui-flashmessage.pmui-success {
-  background: #A4CDBB none repeat scroll 0 0;
-  border:1px solid #18935E;
+  background: #007ea7 none repeat scroll 0 0;
+  border:1px solid #007ea7;
   border-radius:8px 8px 8px 8px;
-  color:#18935E;
+  color:#ffffff;
 }
 
 
@@ -974,12 +972,12 @@ a.btn_create:hover{
 }
 
 .ui-accordion-content > div {
-    background: #00457C none repeat scroll 0 0 !important;
+    background: #007ea7 none repeat scroll 0 0 !important;
 }
 
 .fd-button-success {
-  background-color: #00457C;
-  border: 1px solid #00457C;
+  background-color: #007ea7;
+  border: 1px solid #007ea7;
   color: #fff !important;
   font-size: 16px;
 }
diff --git a/workflow/engine/skinEngine/lurana/css/pmos-xtheme-gray.css b/workflow/engine/skinEngine/lurana/css/pmos-xtheme-gray.css
index 645c94887..21a41f02c 100755
--- a/workflow/engine/skinEngine/lurana/css/pmos-xtheme-gray.css
+++ b/workflow/engine/skinEngine/lurana/css/pmos-xtheme-gray.css
@@ -502,6 +502,12 @@ button.x-btn-text:focus,
   background-position:0 -18500px !important
 }
 
+.ICON_SKINS {
+  background-image: url(/images/icon-pmskins.png) !important;
+  width: 18px !important;
+  height: 15px !important;
+}
+
 .ICON_CASES_DELETE {
   background-image: url(/images/delete-16x16.gif) !important;
 }
diff --git a/workflow/engine/skinEngine/lurana/css/style.css b/workflow/engine/skinEngine/lurana/css/style.css
index 61b3e7bad..33b0ede93 100755
--- a/workflow/engine/skinEngine/lurana/css/style.css
+++ b/workflow/engine/skinEngine/lurana/css/style.css
@@ -3797,10 +3797,9 @@ button.x-btn-text:focus,
 .logout-button{
   padding: 0px !important;
  }
-.logout-button a{
+ .logout-button a{
   display: block;
   padding: 5px 15px;
-  background-color: #163b63;
   border-radius: 20px 20px;
   color: #fff;
   text-decoration: none;
@@ -3812,7 +3811,7 @@ button.x-btn-text:focus,
   transition: all 0.8s;
 }
 .logout-button a:hover{
-  background-color: #80ced7;
+  background-color: #007ea7;
   border-radius: 20px 20px;
 }
 /**********End Logout Code**********/
@@ -3826,7 +3825,7 @@ button.x-btn-text:focus,
 }
 
 
-/***********add diego: code logout***********/
+/***********Code logout***********/
 #user-section {
   display: inline-block;
   padding: 0 10px;
@@ -3935,7 +3934,7 @@ button.x-btn-text:focus,
 }
 .logout-button a:hover{
   /*background-color: #676767;*/
-}/**********end diego: code logout**********/
+}/**********end Code logout**********/
 
 
 
diff --git a/workflow/engine/skinEngine/lurana/css/viena.css b/workflow/engine/skinEngine/lurana/css/viena.css
index 5d6e338c9..d4553bf4d 100755
--- a/workflow/engine/skinEngine/lurana/css/viena.css
+++ b/workflow/engine/skinEngine/lurana/css/viena.css
@@ -429,7 +429,7 @@
     }
     .table thead th {
     vertical-align: middle;
-    background-color: #3071A9;
+    background-color: #007ea7;
     border-right: 2px solid #ffffff;
     color: #fff;
     text-align: center;
@@ -560,15 +560,19 @@
     border-left: solid #112369;
     }
     .card-body {
-    background-color: #fcf9fd;
-    color: #666666;
+   font-size:12px;
+   background-color: #4aa4ae;
+    color: #ffffff;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     min-height: 1px;
     padding: 1.25rem;
     }
     .text-muted {
-    color: #666666 !important;
+    color: #ffffff !important;
+    }
+    .v-process-card-text{
+      color: #003249  !important;
     }
     .filter-field {
     display: flex;
diff --git a/workflow/engine/skinEngine/lurana/css/xtheme-gray.css b/workflow/engine/skinEngine/lurana/css/xtheme-gray.css
index f6f5cd9ba..4af19c106 100755
--- a/workflow/engine/skinEngine/lurana/css/xtheme-gray.css
+++ b/workflow/engine/skinEngine/lurana/css/xtheme-gray.css
@@ -328,10 +328,10 @@ ul.x-tab-strip-bottom {
 }
 .x-tab-strip span.x-tab-strip-text {
   font: normal 11px "Open Sans", Tahoma, sans-serif, MiscFixed;
-  color: #FFF;
+  color: #00457C !important;
 }
 .x-tab-strip-over span.x-tab-strip-text {
-  color: #3397E1;
+  color: #00457C !important;
 }
 .x-tab-strip-active span.x-tab-strip-text {
   color: #333;
@@ -884,13 +884,13 @@ textarea.x-form-inner-invalid {
   background-image: url(/images/ext/default/grid/row-over.gif);
 }
 .x-grid3-resize-proxy {
-  background-color: #777;
+  background-color: #007ea7;
 }
 .x-grid3-resize-marker {
-  background-color: #777;
+  background-color: #007ea7;
 }
 .x-grid3-header {
-  background-color: #00457C;
+  background-color: #007ea7;
 }
 
 .x-grid3-header-pop-inner {
@@ -901,7 +901,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner,
 td.sort-desc .x-grid3-hd-inner,
 td.sort-asc .x-grid3-hd-inner,
 td.x-grid3-hd-menu-open .x-grid3-hd-inner {
-  background-color: #7c7c7c;
+  background-color: #125e76;
   color: #FFF;
   overflow: hidden;
   padding: 3px 3px 3px 5px;
diff --git a/workflow/engine/skinEngine/lurana/images/logout.png b/workflow/engine/skinEngine/lurana/images/logout.png
new file mode 100755
index 0000000000000000000000000000000000000000..adca402110b0e2ee6640a0a9dd65ba0d50b895cf
GIT binary patch
literal 1098
zcmaJ=TWHfz7><fMhIM#BHqq^nDQsw)q-(M@u1;+hS6OH2I#wpSWy#qZW^%IR%(g>t
zn|KBBLEM8Nq6nghC@P9N^+8dQO%z1X2XCODczN^1p(k_Qe6WTj=fd}W|9}4fI|pJ-
z8$E?f3n_~7L>i<x8JCc6X~7)wzr5r8Ix>{t`Xp{fT{x}SkXo;yP6#4~(hcKK(Xzdd
zU@b+>qV+@)C!>v`iVUCPVtg6HB5aDPt;<-7+5<7@gx$IsqQBj|Ljzq4(XD)xjap%t
z(i{41*xcWgQ2Tq-phnlN1+^KG2pAA6AY*Jd9WfK4Cv-(JcefcDOh9l?i2jpQG8zM6
zWJAFFs=O-8aX=7!T!0q@ZZ+_;oS$LID|oqp$P1#s8caSkiDqkEVqB6ZW06&ePGM|`
z43kc$ed#J6vbz~B7!0}^e!rI>yiV4{O2%tC<v9fjI;yQ(SVtys6_rlZheI^U^v@9t
zYf9F1Cd)($#$*(W;e4!nq#Q6B{Xf(&rqB+K!|8ngDeNS&7G&bkL4CGL8rN0shO)%4
z4Hb;+1VY<$Rg9$&MotP@Alxi~idNm!P}-@Sz(=EE#B{J?sxTsjXrkcLbxq_1nPY{T
zYMGb(99Pc=<tjlI0zx>*N^C&pb6g3jeFijfj;l>`Yw~hkD;O4uEJ0h}0X5l12ADXq
zsOQgx&#O1d)$->e<mECX8OCkwUyaUf5%;*$Dch38l<}cS+-?(FfBrsJPOil5h_pVD
zd3j~{splRj*jx0j;D_y8|5Y&dw6bk;X~X`OwgrtlQ>)5$Q72<P<I?#RWt%D=Z?nhP
z{=;ixqw^~k|LpxR?zw&q-v2t-#b$4=9yn8cV$CPnI$N`1aca+#b2H(d<nu#s7T#(p
z3DxQcTN%&skJ731v*bKE0EYGrR4yx?F>-bE+Kay7j%?}3(Hlcox4kXo2e&j{`qKWY
z{R_Qv_l8fe9&B1<Z@v5ewb)p8q`TzwvE|bE#h<f_sfV7nqK|V&+uYk7sc(`lZ0H#J
E4UeR1Z2$lO

literal 0
HcmV?d00001

diff --git a/workflow/engine/skinEngine/lurana/layout.html b/workflow/engine/skinEngine/lurana/layout.html
index a42a36526..78782ad57 100755
--- a/workflow/engine/skinEngine/lurana/layout.html
+++ b/workflow/engine/skinEngine/lurana/layout.html
@@ -29,17 +29,18 @@
 					                  <div class="logout_image">
 						                  <div align="right" class="">
 						                    
-						                    <div id="user-section" class="log-box">	
-										 	  <ul>
-										 	      <li>
-										 	        <a href="../users/myInfo"> <b>{$user}</b></a> <i class=""></i>
-													 	     <ul>
-														 	    	<a href="../users/myInfo"><li>{$user}</li></a>
-													 	     </ul>
-										 	      </li>
-										 	    <li class="logout-button"><a href="{$linklogout}">{$logout}</a></li>
-										 	  </ul>											
-								     </div>	
+                                <div id="user-section" class="log-box">	
+                                  <ul> 
+                                   <li>
+                                     <img style="border-radius: 50px;" src="../users/users_ViewPhotoGrid?pUID={$user_logged}&h=0.21118583713816252" border="0" width="40" height="46"/></b></a> <i class=""></i>
+                                       
+                                           <ul>
+                                              <a href="../users/myInfo"><li>{$user}</li></a>
+                                           </ul>
+                                      </li>
+                                      <li class="logout-button"><a href="{$linklogout}"><div class="button_logout"><img src="/images/logout.png" border="0" width="22" height="26"></div></a></li>
+                                  </ul>											
+                              </div>
 						            
 						                  </div>
 					                  </div>