Wiki Café Robina
Advertisement
/*Infoboxes portátiles */
.portable-infobox {
    font-size:80%;
    float:right;
    clear:right;
    padding: 0px;
    background: none;
    border:1px solid Red;
}
.portable-infobox .pi-item-spacing {
    padding: inherit;
}
.pi-data:not(:last-of-type), .pi-group {
    border-bottom-width: 0;
}
/** Bordes **/
.portable-infobox .pi-border-color {
    border-color: green;
}
/** Título **/
.portable-infobox .pi-title {
    text-align: center;
    font-size:125%; 
    padding-bottom:0em; 
    padding-top:0em; 
    background: #530200; 
    border:1px solid Red; 
    color:White;
    font-weight: bold;
}
/** Imagen **/
.pi-image {
background:#000;
}
/** Leyenda **/
.portable-infobox .pi-caption {
text-align:center;
padding-bottom:0em;
padding-top:0em;
padding-left:0em;
padding-right:0em;
background:#000;
border:0px solid Red;
color:white;
font-style: normal;
}
/** Etiquetas **/
.pi-data .pi-data-label {
background: #101010;
padding-bottom:1px; 
padding-top:1px; 
color:Gold; 
border-right: 1px solid red;
}
.pi-horizontal-group-item.pi-data-label {
background: #101010;
padding-bottom:1px; 
padding-top:1px; 
color:Gold; 
border-bottom: 1px solid red;
}
/** Campo **/
.pi-data .pi-data-value {
    background: #000; 
    padding-bottom:1px; 
    padding-top:1px; 
}
/** Fondo **/
.portable-infobox .pi-secondary-background{
    background-color: black;
}
/** Headers **/
.portable-infobox .pi-header {
    font-size:110%;
    text-align:center; 
    padding-bottom:2px; 
    padding-top:2px; 
    background: #530200; 
    color:White;
}
.pi-data, .pi-header {
    border: 1px solid red;
}
/** Navegación **/
.pi-navigation {
text-align:center;
font-weight: bold;
padding-bottom:2px;
padding-top:5px;
padding-left:3px;
padding-right:3px;
}
/** Pestañas **/
.pi-tab-link {
background-image: -moz-linear-gradient(top, DarkRed 75%, Red 80%) !important;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%,DarkOrange), color-stop(80%, Red)) !important;
   background-image: -o-linear-gradient(top, DarkRed 75%, Red 80%) !important;
   background-image: -ms-linear-gradient(top, DarkRed 75%, Red 80%) !important;
   border-radius: 10px 10px 0 0 !important;
   -moz-border-radius: 10px 10px 0 0 !important;
   -webkit-border-radius:10px 10px 0 0 !important;
   color:white !important;
   box-shadow:0 0 5px white inset !important;
   -moz-box-shadow:0 0 5px white inset !important;
   -webkit-box-shadow:0 0 5px white inset !important;
}
.pi-tab-link.pi-item-spacing {
    padding: 5px;
}
.pi-image-collection-tabs li.current {
    background: red;
}
.pi-image-collection-tabs {
    background: #530200;
    border-right: 1px solid red;
}
.pi-image-collection-tabs li {
    border: transparent;
}

/**Limitar largo de imágenes **/
.portable-infobox .pi-image-thumbnail {
max-height: 350px;
width: auto;
}

Aquí está el CSS

Advertisement