La red del Business Intelligence
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.
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;
}
Muy bueno. Gracias por compartir.
Saludos
Excelente
Comentar
Bienvenido a
Open Business Intelligence
© 2024 Creado por Emilio. Tecnología de
¡Necesitas ser un miembro de Open Business Intelligence para añadir comentarios!
Participar en Open Business Intelligence