Clases de página CSS
Esta es una lista de referencia de las clases estandarizadas que le recomendamos que utilice siempre que sea posible. Siempre puede ver el código fuente o inspeccionar elementos específicos para determinar todos los nombres de clase disponibles, pero las clases enumeradas en esta página no cambiarán a medida que CONTENTdm se actualice en el futuro.
Siempre puede ver el código fuente o inspeccionar elementos específicos para determinar todos los nombres de clase disponibles, pero lo que sigue es un resumen de las clases estandarizadas que le recomendamos que utilice siempre que sea posible.
Nota: Por favor, consulte los ejemplos de JavaScript y CSS para obtener ejemplos adicionales de personalización.
Clases a nivel de sitio web
Las clases a nivel de sitio web están presentes en cada página.
| Clase de página | Descripción |
|---|---|
.cdm-header |
Encabezado del sitio web. |
.cdm-footer |
Pie de página del sitio web. |
.cdm-main-content |
El contenido principal de la página. |
Clases a nivel de componente
Las clases a nivel de componente corresponden a partes de las páginas.
| Clase de página | Descripción |
|---|---|
.cdm-content-header |
La sección superior del contenido principal de una página (para la página de inicio: encima de la interfaz de usuario de la tarjeta de colección; para la página de búsqueda: la interfaz de usuario de ordenación y recuento de resultados). |
.cdm-collection-card |
Las tarjetas de colección en la página principal. |
.cdm-item-card |
Los documentos en la página de resultados de búsqueda. |
Clases globales de página
Las clases globales de página existen únicamente en la página especificada.
| Clase de página | Descripción |
|---|---|
.cdm-página-principal |
Clase general para la página principal. |
.cdm-acerca-de-página |
Clase general para la página 'Acerca de'. |
.cdm-login-page |
Clase general para la página de inicio de sesión. |
.cdm-página-de-búsqueda |
Clase general para la página de búsqueda. |
.cdm-página-no-encontrada |
Clase general para la página no encontrada. |
.cdm-búsqueda-avanzada-página |
Clase general para búsqueda avanzada. |
.cdm-custom-page |
Clase para las páginas personalizadas. |
Clases de página a nivel de colección
| Clase de página | Descripción |
|---|---|
.cdm-collection-page |
Clase general para todas las páginas a nivel de colección (página de inicio de colección, búsqueda de colección, páginas de documentos). |
.cdm-collection-landing-page |
Clase general para la página de inicio de la colección. |
.cdm-collection-search-page |
Clase general para la página de búsqueda de colecciones. |
.cdm-item-page |
Clase general para la página del documento (las páginas de documento siempre tienen un contexto a nivel de colección). |
La clase cdm-collection-pageexiste en todas las páginas a nivel de colección. Esto significa que cualquier página bajo la URL /digital/collection/ incluirá esa clase general. Además, dentro del contexto de la página de la colección, siempre existirá una clase específica de la colección que contenga el alias de la colección en cuestión. Al combinar las clases genéricas a nivel de colección con las clases específicas a nivel de colección, usted puede orientar su estilo CSS de manera muy precisa.