cambiar estilo de jpivot

[Miguel A.R.S.]

Hola buen dia, les comparto un css que he modificado, para cambiar la apariencia de jpivot.

css para jpivot

descarguenlo y descomprimalo en :

biserver-ce/tomcat/webapps/pentaho/jpivot/table/

sustituyendo el css que esta en esa carpeta

les dejo una imagen, espero les sea util.

[yenlidie González Batista]

Hola Miguel, estaba tratando de acceder a link que dejaste para descargar el css y no me abre, podias ser tan amable de poner el codigo para ver q es lo q hay que cambiar.
Saludos y Gracias

[Miguel A.R.S.]

Que raro esta en archivo zip, y el link esta disponible, aun asi te pego el contenido del archivo

/*body{
background-color : #000;
background: url(migue.png)
}*/
/* slicer */
.slicer-normal {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;/*Tahoma, Arial, Helvetica, sans-serif;*/
font-weight: normal;
/*font-size: 0.9em;*/
font-size: 10px;
}

.slicer-selected {
background-color : #ABE5B5;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;/*Tahoma, Arial, Helvetica, sans-serif;*/
font-weight: normal;
color: #000000;
/*font-size: 0.8em;*/
font-size: 10px;
}

/*th, td {
border-color: #FFFFFF;
border-width: 1px;
}

#table01 {
border: 1px solid gray;
}
*/

#toolbar01 {
vertical-align: middle;
padding-top: 3px;
padding-left: 10px;
}

#folder-up {
vertical-align: middle;
padding-top: 3px;
}

#folder-down {
vertical-align: middle;
padding-left: 10px;
padding-top: 3px;
}

#folder-options {
background-image: url(toolbar_bg.png);
height: 32px;
vertical-align: top;
border-bottom: 1px solid #848484;
}

/* headings */
th.corner-heading,
th.heading-heading,
th.column-heading-selected,
th.column-heading-even,
th.column-heading-odd,
th.column-heading-span,

th.column-heading-red,
th.column-heading-green,
th.column-heading-yellow,
th.row-heading-red,
th.row-heading-green,
th.row-heading-yellow,

th.column-heading-rot,
th.column-heading-gruen,
th.column-heading-gelb,
th.row-heading-rot,
th.row-heading-gruen,
th.row-heading-gelb,

th.row-heading-selected,
th.row-heading-even,
th.row-heading-odd,
th.row-heading-span,

th.column-heading-even-right,
th.row-heading-even-right,
th.column-heading-odd-right,
th.row-heading-odd-right,
th.row-heading-span-right,
th.column-heading-span-right,

th.property-heading,
td.property-name {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;/*Tahoma, Arial, Helvetica, sans-serif;*/
font-weight: normal;
/*color: #000000;*/
font-size: 10px;/*font-size: 0.8em;*/
text-align: left;
vertical-align: top;
/* migue esto es para identificar donde empieza una fila*/
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid #6678b1;
}

th.column-heading-even-right,
th.row-heading-even-right,
th.column-heading-odd-right,
th.row-heading-odd-right,
th.column-heading-span-right,
th.row-heading-span-right {
text-align: right;
}

th.row-heading-selected,
th.column-heading-selected
{
background-color : #ABE5B5;
}

th.column-heading-even,
th.column-heading-odd,
th.column-heading-span,
th.corner-heading,
th.row-heading-even,
th.row-heading-span,
th.column-heading-even-right,
th.row-heading-even-right,
th.column-heading-span-right,
th.row-heading-span-right,
th.property-heading
{
background-color : #fff;/*Migue #D0D0D0; color1 para dimensiones*/
}

th.heading-heading,
td.property-name,
th.column-heading-odd-right,
th.row-heading-odd-right,
th.row-heading-odd
{
background-color : #fff;/*Migue #DDDDDD; color2 para dimensiones*/
}

th.row-heading-red,
th.column-heading-red,
th.row-heading-rot,
th.column-heading-rot
{
background-color: #FF6666;
}

th.row-heading-yellow,
th.column-heading-yellow,
th.row-heading-gelb,
th.column-heading-gelb
{
background-color: yellow;
}

th.row-heading-green,
th.column-heading-green,
th.row-heading-gruen,
th.column-heading-gruen
{
background-color: #66FF66;
}

/* data cells */
td.cell-even,
td.cell-odd,
td.cell-red,
td.cell-yellow,
td.cell-green,
td.cell-rot,
td.cell-gelb,
td.cell-gruen,
td.property-value,
td.property-span {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;/*Tahoma, Arial, Helvetica, sans-serif;*/
font-weight: normal;
color: #000000;
font-size: 10px;/*font-size: 0.8em;*/
text-align: right;
/* migue poene una linea vertical en las medidas para identificar donde empieza o termina una columna*/
border-bottom: 1px solid #ccc;
color: #669;
padding: 6px 8px;
/* fin migue*/
}

span.cell-even,
span.cell-odd {
/* wird durch uebergeordnetes Element definiert */
}

td.cell-even
{
background-color : #fff;/* miguel#F5F5F5; color1 para medidas gris bajo*/
}

td.cell-odd,
td.property-value,
td.property-span
{
background-color : #FFFFFF; /* miguel#DDDDDD; color2 para medidas gris bajo*/
}

td.cell-rot,
td.cell-red,
span.cell-rot,
span.cell-red
{
background-color: #FF6666;
}

td.cell-gelb,
td.cell-yellow,
span.cell-gelb,
span.cell-yellow
{
background-color : yellow;
}

td.cell-gruen,
td.cell-green,
span.cell-gruen,
span.cell-green
{
background-color: #66FF66;
}

div.table-message {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;/*Tahoma, Arial, Helvetica, sans-serif;*/
font-weight: normal;
color: #000000;
font-size: 10px;
}

.body_dialog01 {
padding: 0px;
margin: 0px;
}

.content_body {
padding: 0px;
}

/* Esto es para que al pasar el raton sobre una fila sehaga un efecto*/
.mdxtable tbody tr:hover td
{
color: #009;
border-bottom: 2px outset #ccc;
border-top: 2px outset #ccc;
/*padding: 6px 12px ;
moz-box-shadow: 2px 2px 6px 1px #333333;
webkit-box-shadow: 2px 2px 6px 1px #333;
box-shadow: 2px 2px 6px 1px #333;*/
background: rgba(0, 119, 212, 0.2);
}

.mdxtable{
border: 1px solid grey;
border-spacing: 0;
border-padding: 0;
background: #fff;
/*esto crea un efecto de sombras*/
moz-box-shadow: 2px 2px 6px 1px #333333;
webkit-box-shadow: 2px 2px 6px 1px #333;
box-shadow: 2px 2px 6px 1px #333;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
}

#internal_content{
padding: 40px 40px 20px 40px;
}

[Bernabeu R. Dario]

Muy bueno. Gracias por compartir.

Saludos

[Reynaldo Claros]

Excelente