/* ========================================== QUI EREN? ESTILO GENERAL DE CONTENIDOS ========================================== */ /* ========================================== TIPOGRAFÍA GENERAL DEL CONTENIDO ========================================== */ /* * La tipografía editorial de los contenidos * será Georgia. * * No modificamos aquí la navegación ni otros * elementos de la interfaz que puedan tener * su propia tipografía. */ body.com_content.view-category, body.com_content.view-category .com-content-category-blog, body.com_content.view-category .com-content-category-list { font-family: Georgia, "Times New Roman", serif; } /* ========================================== TIPOGRAFÍA DE TÍTULOS Y CONTENIDOS ========================================== */ body.com_content.view-category h1, body.com_content.view-category h2, body.com_content.view-category h3, body.com_content.view-category h4, body.com_content.view-category h5, body.com_content.view-category h6, body.com_content.view-category p { font-family: Georgia, "Times New Roman", serif; } /* ========================================== LISTADOS TIPO BLOG Peninsulars / Milicians ========================================== */ /* * Eliminar numeración. */ body.com_content.view-category ol.com-content-blog__links { list-style: none !important; padding-left: 0 !important; margin: 0 !important; max-width: 100% !important; } /* * Cada registro. */ body.com_content.view-category li.com-content-blog__link { list-style: none !important; padding: 5px 10px !important; margin: 0 !important; line-height: 1.3 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-family: Georgia, "Times New Roman", serif !important; } /* * Eliminar marcador. */ body.com_content.view-category li.com-content-blog__link::marker { content: "" !important; } /* * Nombres. */ body.com_content.view-category li.com-content-blog__link a { color: #263f36 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.3 !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; } /* * Hover. */ body.com_content.view-category li.com-content-blog__link a:hover { text-decoration: underline !important; } /* * Eliminar cualquier separador. */ body.com_content.view-category ol.com-content-blog__links, body.com_content.view-category ol.com-content-blog__links li { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* ========================================== LISTADOS EN TABLA Procedència desconeguda ========================================== */ /* * Eliminar apariencia de tabla: * fondos, franjas, bordes y sombras. */ body.com_content.view-category table.com-content-category__table { width: 100% !important; max-width: 100% !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; background: transparent !important; box-shadow: none !important; --bs-table-bg: transparent; --bs-table-striped-bg: transparent; --bs-table-hover-bg: transparent; --bs-table-border-color: transparent; --bs-border-width: 0; } /* * Filas y celdas sin bordes ni fondos. */ body.com_content.view-category table.com-content-category__table tr, body.com_content.view-category table.com-content-category__table th, body.com_content.view-category table.com-content-category__table td { background: transparent !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; box-shadow: none !important; } /* * Eliminar franjas alternas de Bootstrap. */ body.com_content.view-category table.com-content-category__table tbody tr:nth-of-type(odd), body.com_content.view-category table.com-content-category__table tbody tr:nth-of-type(even) { background: transparent !important; } body.com_content.view-category table.com-content-category__table tbody tr:nth-of-type(odd) th, body.com_content.view-category table.com-content-category__table tbody tr:nth-of-type(odd) td, body.com_content.view-category table.com-content-category__table tbody tr:nth-of-type(even) th, body.com_content.view-category table.com-content-category__table tbody tr:nth-of-type(even) td { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ========================================== PROCEDÈNCIA DESCONEGUDA 3 COLUMNAS ========================================== */ /* * Convertimos el cuerpo de la tabla * en una cuadrícula. */ body.llistat-natural table.com-content-category__table tbody { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 55px; row-gap: 0; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* * Las filas originales de Joomla * dejan de comportarse como filas. */ body.llistat-natural table.com-content-category__table tbody tr { display: contents !important; border: 0 !important; background: transparent !important; } /* * Cada nombre. */ body.llistat-natural table.com-content-category__table tbody th.list-title { display: block !important; width: auto !important; padding: 5px 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; line-height: 1.3 !important; vertical-align: middle !important; font-family: Georgia, "Times New Roman", serif !important; } /* * Por si Joomla genera celdas td. */ body.llistat-natural table.com-content-category__table tbody td { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 5px 0 !important; font-family: Georgia, "Times New Roman", serif !important; } /* ========================================== ENLACES DE PROCEDÈNCIA DESCONEGUDA ========================================== */ body.llistat-natural table.com-content-category__table tbody th.list-title a { display: inline !important; color: #263f36 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 400 !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; } /* * Hover. */ body.llistat-natural table.com-content-category__table tbody th.list-title a:hover { text-decoration: underline !important; } /* ========================================== ENCABEZADOS DE LOS LISTADOS ========================================== */ body.com_content.view-category .page-header { font-family: Georgia, "Times New Roman", serif !important; } /* ========================================== TABLET ========================================== */ @media (max-width: 900px) { body.llistat-natural table.com-content-category__table tbody { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 35px; } } /* ========================================== MÓVIL ========================================== */ @media (max-width: 600px) { body.llistat-natural table.com-content-category__table tbody { grid-template-columns: 1fr; column-gap: 0; } body.llistat-natural table.com-content-category__table tbody th.list-title { padding: 5px 0 !important; } }