test

web/xava/style/black-and-white.css

@@ -0,0 +1,11 @@
+@import 'light.css';
+
+:root {
+	
+	--modules-list-color: var(--my-lightgray); 
+	--modules-list-background: var(--my-black);
+	--modules-list-selected-color: white;
+	
+	--my-highlight: #1db954;
+	
+}

web/xava/style/blue.css

@@ -0,0 +1,22 @@
+@import 'light.css';
+
+:root {
+
+	--my-blue: rgb(51, 103, 214);
+	--my-dark-blue: #2850a7;
+	--my-red: #fe0000;
+	--my-highlight:	var(--my-red);
+	
+	/* Modules left menu */	
+	--modules-list-color: var(--my-lightgray); 
+	--modules-list-background: var(--my-dark-blue);
+	--modules-list-selected-color: white;
+
+	/* Module header */	
+	--module-header-color: white;
+	--module-header-background: var(--my-blue);			
+
+	/* Editors */
+	--required-editor-border: var(--my-blue);
+	--input-focus-border: var(--my-dark-blue);
+}

web/xava/style/custom.css

@@ -0,0 +1,3 @@
+/*
+Put here your own style
+*/

web/xava/style/dark.css

@@ -0,0 +1,56 @@
+@import 'base.css';
+
+:root {
+	--light-terra: #E8DDCB;
+	--acqua-profonda: #033649;
+	--abisso: #031634;
+	--my-green: #1db954;
+	--my-black: #191414;
+	 
+	/* Modules left menu */
+	--modules-list-color: lightgray;
+	--modules-list-background: var(--acqua-profonda);
+	--modules-list-selected-color: white;
+	 
+	/* Module header */ 
+	--module-header-color: white;
+	--module-header-background: var(--acqua-profonda);		
+
+	
+	/* Button bar */	 
+	--button-bar-background: var(--abisso);
+	--list-formats-color: lightgray;
+	--list-formats-hover-color: white;
+	
+	/* Backgrounds & labels */
+	--background: var(--acqua-profonda);
+	--color: var(--light-terra);
+	--color: white;
+	
+	/* Frames */	
+	--frame-background: var(--abisso);
+	
+	/* Actions */
+	--action-color: lightgray;	
+	--action-hover-color: white;
+	--action-hover-background: transparent;
+	--default-action-button-background: var(--my-green);
+	--default-action-button-color: white; 
+	--default-action-button-shadow: none;
+	--default-action-button-hover-shadow: none;
+	--list-row-action-color: gray; 
+	--list-row-action-hover-color: var(--acqua-profonda); 
+	
+	/* Editors */
+	--required-editor-border: green;
+	--input-focus-border: var(--my-green); 
+
+	--button-bar-shadow: black; 
+	--shadow: black; 
+	
+	--cke-top-background: lightgray; 
+	
+	--autocomplete-scrollbar-background: lightgray; 
+	--ui-menu-item-state-focus-background: lightgray; 
+	--icons-list-scrollbar-color: lightgray; 
+}

web/xava/style/default.css

@@ -0,0 +1,310 @@
+/*
+Copyright 2004 The Apache Software Foundation
+
+Licensed under the Apache License, Version 2.0 (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.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+@import "skins.css";
+        {background:  white}
+        BODY  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
+        TD  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000}
+        TR  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000}
+        I  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;font-style: italic}
+        BIG  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; color: 000000;font-weight: bold}
+        TH  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;font-weight: bold}
+        A:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: NAVY;font-weight: bold}
+        A:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: NAVY;font-weight: bold}
+        A:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: BLUE;font-weight: bold}
+        H1 {font-family: "Arial"; font-size: 30pt; color: navy;}
+        STRONG {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;text-decoration: none; margin-left: 0}
+        H2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: 000000;text-decoration: none; margin-left: 0}
+        H3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;text-decoration: none; margin-left: 0}
+        PRE {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000}
+        P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000}
+        BLOCKQUOTE {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9pt; color: 000000}
+        .WELCOMETITLE {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: white; background: #666666; font-weight: bold}
+        .WELCOMETITLE:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: white; background: #666666; font-weight: bold}
+        .WELCOMETITLE:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: white; background: #666666; font-weight: bold}
+        .TOOLBAR {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;font-weight: normal}
+        .TOOLBAR:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;font-weight: normal}
+        .TOOLBAR:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: 000000;font-weight: normal}
+        .TITLEBAR {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: FFFFFF; background: navy;font-weight: bold}
+        .MESSAGE {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: 000000;font-weight: normal}
+        .MESSAGE:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: NAVY;font-weight: normal}
+        .MESSAGE:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: BLACK;font-weight: normal}
+        .MESSAGENEW {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: 000000;font-weight: bold}
+        .MESSAGENEW:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: NAVY;font-weight: bold}
+        .MESSAGENEW:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: BLACK;font-weight: bold}
+
+        .BorderedContent
+        {
+          background-color: white;
+          border: thin gray solid;
+          color: black;
+          font-weight: normal;
+          padding: 1;
+        }
+
+        .BorderedController
+        {
+          background-color: white;
+          border: thin gray solid;
+          font: normal;
+          color: black;
+          padding: 1;
+        }
+
+        .BorderedPortlet
+        {
+          background-color: white;
+          border: thin gray solid;
+          font: normal;
+          color: black;
+          padding: 1;
+        }
+
+        .BorderedTitle
+        {
+          background-color: gray;
+          border: thin gray solid;
+          color: black;
+          font-weight: bold;
+          padding: 1;
+        }
+
+        .ControllerStyleClass
+        {
+          background-color: white;
+          border-style: none;
+          color: black;
+          font-weight: normal;
+          padding: 2;
+        }
+
+        .PortletStyleClass
+        {
+          background-color: white;
+          border-style: none;
+          color: black;
+          font-weight: normal;
+          padding: 0;
+        }
+
+        .TabStyleClass
+        {
+          background-color: white;
+          border-style: none;
+          color: black;
+          font-weight: bold;
+          padding: 0;
+        }
+
+        .TitleStyleClass
+        {
+          background-color: gray;
+          border-style: none;
+          color: black;
+          font-weight: bold;
+          padding: 0;
+        }
+
+        .HighlightTitleStyleClass
+        {
+          background-color: black;
+          border-style: none;
+          color: white;
+          font-weight: bold;
+          padding: 0;
+        }
+
+        .TabTitleStyleClass
+        {
+          background-color: white;
+          border-style: none;
+          color: black;
+          font-weight: normal;
+          padding: 0;
+        }
+
+        .ContentStyleClass
+        {
+          background-color: white;
+          border-style: none;
+          color: black;
+          font-weight: normal;
+          padding: 0;
+        }
+
+        .TabContentStyleClass
+        {
+          background-color: white;
+          border-style: none;
+          color: black;
+          font-weight: normal;
+          padding: 0;
+        }
+
+        .listCellHead
+        {
+          text-decoration:underline;
+          background-color:#6868AB;
+          layer-background-color:#CCCCFF;
+          border-style:outset;
+          border-width:2px;
+          border-left-color:white;
+          border-top-color:white;
+          border-bottom-color:black;
+          border-right-color:black;
+          cursor:hand;
+          FONT-SIZE:8pt;
+          FONT-WEIGHT:bold;
+          COLOR: white;
+          ; font-family: Verdana, Arial, Helvetica, sans-serif
+        }
+
+        .listCellHeadNoLink
+        {
+          background-color:#6868AB;
+          layer-background-color:#6868AB;
+          border-style:solid;
+          border-width:2px;
+          border-left-color:#6868AB;
+          border-top-color:#6868AB;
+          border-bottom-color:#6868AB;
+          border-right-color:#6868AB;
+          FONT-SIZE:7pt;
+          FONT-WEIGHT:normal;
+          COLOR: white;
+          ; font-family: Verdana, Arial, Helvetica, sans-serif
+        }
+
+        .listCell
+        {
+          background-color:#ECECEC;
+          layer-background-color: #FCFE52;
+          FONT-SIZE:7pt;
+          FONT-WEIGHT:normal;
+        }
+
+
+.UPPERCASE {
+  text-transform: uppercase;
+}
+
+
+.WELCOME {
+  font-size: 12pt;
+  font-color: #000000;
+  font-weight: 900;
+  font-stretch: wider;
+}
+
+
+.MENUBAR {
+           font-family: arial,helvetica;
+           background: #F5F5F5;
+           color: #000000;
+           font-size: 11pt;
+           font-weight: bold;
+
+           border-top: 1px solid #B0B0B0;
+           border-left: 1px solid #B0B0B0;
+           border-right: 1px solid #FAFAFA;
+           border-bottom: 1px solid #FAFAFA;
+         }
+
+.INPUTFORM {
+           font-family: arial,helvetica;
+           background: #F0F0F0;
+           color: #000000;
+           font-size: 11pt;
+           font-weight: bold;
+
+           border-top: 1px solid #A0A0A0;
+           border-left: 1px solid #A0A0A0;
+           border-right: 1px solid #FFFFFF;
+           border-bottom: 1px solid #FFFFFF;
+         }
+
+.INPUTFORMTITLE {
+           font-family: arial,helvetica;
+           background: #FAFAFA;
+           color: #000000;
+           font-size: 13pt;
+           font-weight: bold;
+
+           border-top: 1px solid #FFFFFF;
+           border-left: 1px solid #FFFFFF;
+           border-right: 1px solid #0A0A0A;
+           border-bottom: 1px solid #0A0A0A;
+         }
+
+.MENUBUTTON {
+           font-family: arial,helvetica;
+           background: #E0E0E0;
+           color: #808080;
+           font-size: 10pt;
+           font-weight: bold;
+
+           border-top: 1px solid #FFFFFF;
+           border-left: 1px solid #FFFFFF;
+           border-right: 1px solid #A0A0A0;
+           border-bottom: 1px solid #A0A0A0;
+         }
+
+.PANETITLE {
+           background: #FAFAFA;
+           font-weight: bold;
+         }
+
+.BUTON
+{
+  font-family: arial,helvetica;
+  background: #E0E0E0;
+  color: NAVY;
+  font-size: 10pt;
+  font-weight: bold;
+  border-color: #050505;
+  border-top: 1pt double #FFFFFF;
+  border-left: 1pt double #FFFFFF;
+  border-right: 1pt double #A0A0A0;
+  border-bottom: 1pt double #A0A0A0;
+}
+.bluebuttonsmall
+{
+        background-color: #CCCCCC;
+        border-style: none;
+        color: Black;
+        display: block;
+        font-weight: normal;
+        padding: 0;
+        font-family : Arial, Helvetica, sans-serif;
+        font-size : 8pt;
+        border-top: 1px solid #FFFFFF;
+        border-left: 1px solid #FFFFFF;
+        border-right: 1px solid #0A0A0A;
+        border-bottom: 1px solid #0A0A0A;
+        width : 65px;
+}
+
+.UserBrowserUserDisabled
+{
+    background-color: red;
+    text-decoration: line-through;
+}
+
+.UserBrowserUserConfirmed
+{
+    background-color: yellow;
+    font-style: italic;
+}

web/xava/style/ipad/ipad.css

@@ -0,0 +1,465 @@
+body {
+	margin: 0px; background: black;
+}
+
+#xava_loading, #xava_loading2 { 
+	padding: 20px;	
+	border: none; 
+	background: -webkit-gradient(linear, left bottom, left top, 
+		from(#10182C), color-stop(0.5, #121A2E), color-stop(0.51, #282F41), to(#7E838D));
+	opacity:.60;
+	-webkit-border-radius: 7px;	  
+	color: white;
+	text-shadow:0px -1px 1px rgba(0,0,0,0.75); 
+	font-weight: bold; 
+	-webkit-box-shadow: 10px 10px 10px rgba(140,140,140,0.75);;
+	display:none; 
+	z-index: 9999999; 
+	position: fixed; 	 
+	left: 45%
+}
+
+#xava_loading {
+	top: 25%;
+}
+
+#xava_loading2 {
+	top: 120%;
+}
+
+.ox-module {
+	font-family: Helvetica, Arial, sans-serif;		 
+}
+
+
+/* Portrait */
+@media screen and (orientation:portrait) {
+    .ox-module, .ui-widget-content, #xava_loading, #xava_loading2 {		 
+		font-size: 1.2em; 
+	}
+	.ui-widget-content {
+		font-size: 1.1em;
+	}
+	.ui-widget-header {	 	
+		font-size: 180%;
+	}
+	.ox-button-bar, .ox-section {
+		height: 32px;
+	}
+	.ox-page-navigation-pages {		
+		top: 8px;			
+	}
+	.ox-bottom-buttons input[type="button"] {	
+		-webkit-box-shadow: 0px 2px 0px white;
+	}	
+	.ox-detail, .ox-frame-content, .ox-active-section {
+		border: 2px solid #B2B4B8;	
+		-webkit-box-shadow: 0px 2px 0px white;	
+	}
+	.ox-frame-actions img {
+		height: 38px;
+	}
+}
+	
+
+
+/* Landscape */ 
+@media screen and (orientation:landscape) {
+    .ox-module {		
+		font-size: 0.9em; 
+	}
+	.ui-widget-content, #xava_loading, #xava_loading2 {		
+		font-size: 0.95em; 
+	}
+	.ui-widget-header {	 	
+		font-size: 150%;
+	}
+	.ox-button-bar, .ox-section {
+		border-bottom: none;
+		height: 25px;
+	}
+	.ox-page-navigation-pages {		
+		top: 11px;			
+	}	
+	.ox-bottom-buttons input[type="button"] {	
+		-webkit-box-shadow: 0px 1px 0px white;
+	}
+	.ox-button-bar-image img {
+		height: 19px;
+	}		
+	.ox-detail, .ox-frame-content, .ox-active-section {
+		border: 1px solid #B2B4B8;
+		border-top: 1px solid #8F8F8F; 		
+		-webkit-box-shadow: 0px 1px 0px white;
+	}
+}
+
+.ox-view {
+	background: #D8D8D9;
+	padding: 20px;
+	border-bottom: 1px solid #959596;	 	
+}
+
+.ox-detail {
+	font-size: 130%;
+	
+}
+
+.ox-detail, .ox-frame-content, .ox-active-section {
+	background: white;
+	padding: 10px;  	
+	-webkit-border-radius:15px; 	     					
+	color: #385587;
+	text-shadow: 0px 1px 1px black #A0ADC4; 
+}
+
+.ox-active-section {
+	-webkit-border-top-left-radius: 0px;
+	-webkit-border-top-right-radius: 0px;
+	border-left: 1px solid #B2B4B8;
+	border-right: 1px solid #B2B4B8;
+}
+
+.ox-frame-title-label {
+	padding: 10px 0px 0px 10px;
+	vertical-align: bottom;	
+}
+
+input {
+	color: #385587;
+}
+
+.ox-label {
+	text-align: left; 
+	color: black;	
+	font-weight: bold;
+	text-shadow: 0px 2px 1px #E8E8E9; 	
+}
+
+.ox-button-bar, .ox-collection-list-actions, .ox-section {	 	
+	font-size: 0.9em;	
+	padding: 10px 4px 0px 6px;
+	border-top: 1px solid white;	
+	-webkit-border-top-left-radius: 7px;
+	-webkit-border-top-right-radius: 7px;
+	background: white;
+	background: -webkit-gradient(linear, left bottom, left top, from(#A8ADB9), to(#F5F6F7));	
+}
+.ox-collection-list-actions {
+	padding: 0px 4px 0px 6px;
+	height: 40px;
+}
+
+.ox-detail .ox-action-link {
+	background: white;
+	padding: 5px;	
+	border: 1px solid #C4C4C4;
+	-webkit-border-radius:5px;
+	color: #7C7A77;
+	font-size: 0.9em;
+	text-decoration: none;
+	text-shadow:1px 0px 0px #EDEDED;
+}
+
+.ox-button-bar-button a, .ox-list .ox-action-link {		
+	margin-right: 5px;	
+	padding: 4px 9px 5px;	
+	border: 1px solid #51555B;
+	border-top: 1px solid #4C4E50;	 	
+	-webkit-border-radius:5px;     		
+	background: -webkit-gradient(linear, left bottom, left top, from(#6B737E), to(#B2B5BB));	
+	color: white;	
+	font-weight: bold;		
+	text-decoration:none;
+	text-shadow:0px -1px 1px rgba(0,0,0,0.75);  
+}
+
+.ox-button-bar-image {
+	padding: 0px 15px 5px;
+	vertical-align: top;
+}
+
+.ox-section-tab, .ox-section-link {	
+	padding: 4px 9px 5px;			
+	border: 1px solid #51555B;
+	border-right: none; 
+	border-left: none;
+	border-top: 1px solid #4C4E50;	 	      		
+	background: -webkit-gradient(linear, left bottom, left top, from(#A8ADB9), to(#F5F6F7));		
+	font-weight: bold;		
+	text-decoration:none;	
+	color: #5D6065; 			
+	text-shadow:0px 1px 1px white;  
+}
+
+.ox-active .ox-section-tab {  	
+	background: -webkit-gradient(linear, left bottom, left top, from(#6B737E), to(#B2B5BB));	
+	color: white;	
+	text-shadow:0px -1px 1px rgba(0,0,0,0.75);  
+}
+
+.ox-first .ox-section-tab {
+	border-left: 1px solid #51555B;		
+	-webkit-border-top-left-radius: 5px;
+	-webkit-border-bottom-left-radius: 5px;	
+}
+
+.ox-last .ox-section-tab {
+	border-right: 1px solid #51555B;	
+	-webkit-border-top-right-radius: 5px;
+	-webkit-border-bottom-right-radius: 5px;	
+}
+
+.ox-list {
+	font-size: 0.9em;	
+	border: none; 
+	padding: 2px; 	
+	-webkit-border-radius:7px; 
+	-webkit-box-shadow: inset 1px 1px 4px #4E4E4E;
+	color: #5D6065; 
+	font-weight: bold;			
+	text-shadow:0px 1px 1px white;
+	background: #D8D8D9; 
+	-webkit-transition-property: -webkit-transform;
+	-webkit-transition-duration: 1.5s;	 
+}
+
+.slided-left {
+	-webkit-transform: translateX(-130%);
+}
+
+.slided-right {
+	-webkit-transform: translateX(200%);
+}
+
+
+.ox-list-odd {
+	background: #BBBBBB;	
+	border-top: 1px solid #CFCFCF;
+	border-bottom: 1px solid #959596;
+	padding: 10px 8px 10px 8px;	 
+}
+
+.ox-list-pair {
+	background: #AFAFAF;
+	border-top: 1px solid #C6C6C6;
+	border-bottom: 1px solid #959596;
+	padding: 10px 8px 10px 8px;
+}
+
+.ox-total-row {
+	height: 40px;
+	background: #AFAFAF;
+	border-top: 1px solid #C6C6C6;
+	border-bottom: 1px solid #959596;
+	background: -webkit-gradient(linear, left bottom, left top, 
+		from(#565A63), color-stop(0.5, #6A6E76), color-stop(0.51, #797D84), to(#91969E));
+}
+
+.ox-total-cell, .ox-total-capable-cell {
+	text-align: right;
+	color: white;
+	text-shadow:0px -1px 1px rgba(0,0,0,0.75);		
+}
+
+.ox-list-header a {
+	color: white;
+	text-shadow:0px -1px 1px rgba(0,0,0,0.75);
+}
+
+.ox-list-header {
+	background: -webkit-gradient(linear, left bottom, left top, from(#797D84), to(#91969E));
+}
+
+.ox-list-subheader {
+	background: -webkit-gradient(linear, left bottom, left top, from(#565A63), to(#6A6E76));
+	padding: 2px 8px 2px 10px;
+}
+
+.ox-list-title, .ox-module-description {
+	font-weight: bold;
+	font-size: 140%;
+	color: #2C2F33;
+	text-shadow:0px 2px 1px #E8E8E9;
+	padding-left: 12px;
+	padding-bottom: 12px;
+}
+
+.ox-module-description {
+	color: #385587;	
+	text-shadow: 0px 1px 1px white;
+	
+}
+
+.ox-header-list-count {
+	margin-left: 10px;
+	font-size: 75%;	
+}
+
+.ox-list-info {	
+	margin-top: 10px;
+	-webkit-border-radius:7px;
+	border: 1px solid #505153;	
+	background: -webkit-gradient(linear, left bottom, left top, 
+		from(#565A63), color-stop(0.5, #6A6E76), color-stop(0.51, #797D84), to(#91969E));
+}
+
+.ox-page-navigation-arrow-disable, .ox-page-navigation-arrow img {	 
+	padding: 5px 10px 7px 10px;	
+}
+
+.ox-first .ox-page-navigation-arrow, .ox-first .ox-page-navigation-arrow-disable {
+	border-right: 2px ridge #878B91;
+	float: left;
+}
+
+.ox-last .ox-page-navigation-arrow, .ox-last .ox-page-navigation-arrow-disable {
+	border-left: 2px groove #878B91;
+	float: right;
+}
+
+.ox-page-navigation-pages {		
+	float:left; 
+	position:relative; 
+	left:40%;			
+}
+
+.ox-page-navigation, .ox-page-navigation-selected {
+	margin-right: 10px;
+}
+
+.ox-bottom-buttons {
+	border-top: 1px solid white;
+	background: #D8D8D9;
+	padding: 10px; 
+	text-align: center;	
+}
+
+.ox-bottom-buttons input[type="button"] {	
+	padding: 20px;
+	margin: 10px;
+	border: 1px solid #979797;
+	-webkit-border-radius:10px;     		
+	background: -webkit-gradient(linear, left bottom, left top, from(#D9D9D9), to(white));	
+	color: black;
+	font-weight: bold;
+	font-size: 110%;		
+}
+
+.ox-errors {
+	color: #CF0000;	
+	font-weight: bold;
+	font-size: 140%;
+	text-shadow:0px 2px 1px #E8E8E9;
+}
+
+.ox-messages, .ox-infos, .ox-warnings {
+	color: #2160DD;	
+	font-weight: bold;
+	font-size: 140%;
+	text-shadow:0px 2px 1px #E8E8E9;
+}
+
+.ox-filter-cell {
+	text-align: left;
+}
+
+.ox-frame-totals {
+	float: right; 
+}
+.ox-frame-totals-label {
+	font-weight: normal;
+}
+
+.ox-frame-totals-value {
+	font-weight: bold;
+}
+
+.ui-widget-header {	 
+	border: none; 
+	background: -webkit-gradient(linear, left bottom, left top, 
+		from(#10182C), color-stop(0.5, #121A2E), color-stop(0.51, #282F41), to(#7E838D));	  
+	color: white;
+	text-shadow:0px -1px 1px rgba(0,0,0,0.75); 
+	font-weight: bold; 
+}
+
+.ui-corner-all { 
+	-webkit-border-radius: 10px;
+}
+
+.ui-widget-content { 	
+	border: none; 
+	background: #151D31;
+	-webkit-box-shadow: 15px 15px 30px rgba(140,140,140,0.75);;   
+}
+
+.ui-widget-content .ox-view {
+	-webkit-border-top-left-radius: 7px;
+	-webkit-border-top-right-radius: 7px;		
+}
+.ui-widget-content .ox-bottom-buttons {
+	-webkit-border-bottom-left-radius: 7px;
+	-webkit-border-bottom-right-radius: 7px;			
+}
+
+.ui-dialog .ui-dialog-content {		
+	padding: 5px;
+}
+
+.ui-dialog { 
+	width: auto; 
+}
+
+
+/* For flip effect */
+.container {
+	-webkit-perspective: 600; 
+}
+
+
+.sheet {	
+	position: absolute;
+ 	width: 100%;	
+}
+
+
+.face {
+	position: absolute;
+	width: 100%;
+	overflow: hidden;		
+}
+
+
+.sheet {
+	-webkit-transform-style: preserve-3d;
+	-webkit-transition-property: -webkit-transform;
+	-webkit-transition-duration: 1.5s;	
+}
+
+
+.flipped
+{
+	-webkit-transform: rotateY(180deg);		
+}
+
+#front, #back {
+	-webkit-backface-visibility: hidden;
+}
+
+#back {
+	-webkit-transform: rotateY(180deg);
+}
+
+/* ---------- Styling for Default Layout Painter ---------- */
+.ox-layout-label-cell {
+	text-align:right;
+}
+
+.ox-layout-data-cell {
+	white-space:nowrap;
+}
+
+.ox-layout-row-spacer {
+	height: 4px;
+}

web/xava/style/ipad/ipad.js

@@ -0,0 +1,60 @@
+if (ipad == null) var ipad = {};
+
+ipad.onLoad = function() {
+	var id = $('body').data('ipad-slide-element');
+	var clazz = $('body').data('ipad-slide-class');	
+	$('#' + id).addClass(clazz);
+	setTimeout("$('#" + id + "').removeClass('" + clazz + "')", 0);
+	$('body').removeData();
+}
+
+ipad.onClickNextPage = function(listId) {	
+	$('#' + listId).addClass('slided-left');
+	$('body').data('ipad-slide-element', listId);
+	$('body').data('ipad-slide-class', 'slided-right');
+}
+
+ipad.onClickPreviousPage = function(listId) {
+	$('#' + listId).addClass('slided-right');
+	$('body').data('ipad-slide-element', listId);
+	$('body').data('ipad-slide-class', 'slided-left');
+}
+
+// Currently ipad.setHtml is not used because of performance issues
+ipad.setHtml = function(id, content) { 
+	if (!id.match(/__core$/)) {
+		$("#" + id).html(content);
+		return;
+	}								
+
+	// Core
+	$("#container").addClass("container");
+	$("#sheet").addClass("sheet");
+	$("#front").addClass("face");
+	$("#back").addClass("face");
+	
+	if ($("#sheet").hasClass("flipped")) {
+		$("#" + id).html(content);
+		$("#sheet").removeClass("flipped");
+	}
+	else {
+		$("#core_BACK").html(content);
+		$("#sheet").addClass("flipped");
+	}	
+	
+	$('#sheet').bind('webkitTransitionEnd', 
+		function( event ) {			
+			if ($("#sheet").hasClass("flipped")) $("#" + id).empty();
+			else {
+				$("#core_BACK").empty();
+				$("#container").removeClass("container");
+				$("#sheet").removeClass("sheet");
+				$("#front").removeClass("face");
+				$("#back").removeClass("face");				
+			}
+			$('#sheet').unbind();
+		}, 
+		false 
+	);
+		
+}

web/xava/style/jetspeed.css

@@ -0,0 +1,121 @@
+/* 
+Jetspeed style: For use jsp as portlets in jetspeed 1.x
+	Is a minimal style, thinked for left the portal style
+*/
+
+.buttonBar {
+	background: #dddddd;
+	padding: 0 0 0 0;
+}
+
+#errors, .errors {
+	color: #ff0000; 
+	font-weight: bold;
+	font-size: 10pt;
+}
+
+#messages, .messages {
+	color: #3366ff;
+	font-weight: bold;
+	font-size: 10pt;
+}
+
+TABLE.list {	
+	background: white;
+}
+
+TH.list {
+	background: #FFCC00;
+	font-weight: normal; 
+}
+
+
+TR.search {
+	font-weight: normal;
+	background: #dddddd;	 
+}
+
+
+TR.odd {
+	font-weight: normal; 
+	background: #eeeeee;
+}
+
+TR.pair {
+	font-weight: normal;
+	background: #cccccc; 
+}
+
+TR.odd-selected {
+	font-weight: bold;
+	color: #3366ff;
+	background: #eeeeee;
+}
+
+TR.pair-selected {
+	font-weight: bold;
+	color: #3366ff;
+	background: #cccccc;
+}
+
+
+.odd-highlight {
+	font-weight: bold;
+	background: #eeeeee;
+	color: #3366ff;	
+}
+
+
+.pair-highlight {
+	font-weight: bold;
+	background: #cccccc; 
+	color: #3366ff;	
+}
+
+.prompt {
+	font-weight: bold;
+}
+
+.list-info {
+	font-weight: bold;
+}
+
+#list-title {
+	font-weight: bold;
+}
+
+TABLE.frame {
+	border-collapse: collapse;
+	border-color: #dddddd;
+	border-style: solid;
+	border-width: 1px;
+}
+
+TR.frame {
+	background: #dddddd;
+	padding: 0 0 0 0;
+	margin: 0 0 0 0;
+}
+
+TD.frame {
+	padding: 5 5 5 5;
+}
+
+.smallLabel {
+	font-size: 8pt;
+}
+
+
+.activeSection {
+	border-top-color: #FFCC00;
+	border-left-color: #dddddd;
+	border-right-color: #dddddd;
+	border-bottom-color: #dddddd;
+
+	border-style: solid;
+
+	border-top-width: 2px;
+	border-left-width: 1px;
+	border-right-width: 1px;
+	border-bottom-width: 1px;
+}

web/xava/style/layout.css

@@ -0,0 +1,47 @@
+.ox-layout-detail {
+	display: table;
+	white-space: nowrap; 
+}
+
+.ox-layout-aligned-cell {
+	display: table-cell;
+}
+
+.ox-layout-not-aligned-cell {
+	display: inline-block;	
+}
+
+.ox-layout-new-line {
+	display: table-column-group;
+}
+
+.ox-layout-descriptions-editor-handler { 
+	display: inline-block;
+} 
+
+.ox-flow-layout {
+	width: 100%;
+	display: inline-flex;
+	flex-wrap: wrap;
+}
+
+.ox-flow-layout > div {
+	min-width: 340px;
+}
+
+.ox-simple-layout.ox-flow-layout > div { 
+	min-width: 100%;
+}
+
+.ox-flow-layout > div.ox-frame {
+	width: 100%;  
+	margin-bottom: 10px;
+}
+
+.ox-flow-layout .ox-layout-new-line {
+	display: none;
+}
+
+.ox-flow-layout .ox-layout-aligned-cell {
+	display: inline-block;
+}