/* ============================================================================= Person pages Grid ============================================================================= */ .view-taxonomy-term { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr)); grid-column-gap: var(--grid-gap); } .people_bio { grid-column: 1 / 12; } .related_books { grid-column: 12 / 15; } .path-taxonomy div#block-olivesbooks-content { grid-column: 2 / 15; } .related_books_block { background: #ece8e3; padding: 1rem; border-radius: 5px; border: 1px solid var(--border-dark); h2 { font-size: var(--sidebar-title-size); margin: 0 0 1rem; line-height: 1; border-bottom: 4px double; } img { width: 100%; border: 1px solid #ddd; padding: 4px; background: #fff; } .views-view-grid__item { justify-content: space-around; } .views-field-title { text-align: center; a { text-decoration: none; font-family: var(--font-serif); text-align: center; } } } .page-node-type-islandora-object { .sidebar-grid .grid-full { } } @media (min-width: 62.5rem) { .page-node-type-islandora-object .sidebar-grid > .site-main { grid-column: 2 / 12; } } @media (min-width: 62.5rem) { .page-node-type-islandora-object .sidebar-grid .region--sidebar { grid-column: 12 / 15; } } #block-olivesbooks-views-block-related-people-block-1 { margin-top: 7rem; h2 { font-size: var(--sidebar-title-size); line-height: 1; border-bottom: 4px double; } .views-field-name { text-align: center; a { text-decoration: none; font-family: var(--font-serif); } } .field--name-field-media-image { img { width: 100%; border: 1px solid #ccc; padding: 4px; background: #fff; } } .field--name-field-media-image:not(:first-child) { margin-top: 20px; } } /* ============================================================================= Collection Grid ============================================================================= */ .grid-item { border: 1px solid #ccc; padding: 8px; border-radius: 4px; box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); } .grid-item .grid-item__image { margin: 0; overflow: hidden; display: block; } .grid-item .grid-item__image img { width: 100%; } .grid-item .views-field-field-abstract, .grid-item .abstract { display: block; line-height: 1.4; margin-bottom: 5px; font-size: 0.9em; color: var(--color-text-neutral-medium); } .grid-item .views-field-field-abstract a.views-more-link, .grid-item .abstract a.views-more-link { text-decoration: underline; } .grid-item .grid-item__title { display: block; padding: 0.5em 0; line-height: 1.2; margin: 5px 0 6px 0; font-weight: bold; border-bottom: 1px dotted #574938; word-break: break-all; } .grid-item .grid-item__title a { text-decoration: none; font-family: var(--font-serif); color: #574938; } .grid-item .views-field-member-of-title { line-height: 1.2; } .grid-item .views-field-member-of-title .field__label { font-size: 0.9em; font-family: var(--font-serif); color: #574938; } .grid-item .views-field-member-of-title .field__item { font-size: 0.9em; } .grid-item .views-field-member-of-title .field__item a { text-decoration: none; } /* ============================================================================= Collection / Grid View Layout ============================================================================= */ .collection-view .view-content, .view-grid > .view-content { display: grid; grid-template-columns: 1fr; /* mobile: single column */ } @media (min-width: 600px) { .collection-view .view-content, .view-grid > .view-content { grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 across */ } .grid-item .grid-item__image { height: initial; } } @media (min-width: 900px) { .collection-view .view-content, .view-grid > .view-content { grid-template-columns: repeat(3, 1fr); /* tablet landscape: 3 across */ } } @media (min-width: 1200px) { .collection-view .view-content, .view-grid > .view-content { grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */ } } /* ============================================================================= Pager ============================================================================= */ div#block-olivesbooks-solrsearchcontentsearchresultspagerforblock .pager__group, div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage .pager__group { background: #f5f5f5; } @media (max-width: 800px) { div#block-olivesbooks-solrsearchcontentsearchresultspagerforblock .pager__group, div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage .pager__group { display: none; } } nav.pager { display: flex; justify-content: space-around; } /* ============================================================================= People Nodes / Layout ============================================================================= */ .views-view-grid__item { display: flex; } .person--layout { border: 4px double #ccc; padding: 4px; } .person--layout img { width: 100%; border: 1px solid #ccc; } .person--layout .field.field--name-field-dates { text-align: center; } @media (min-width: 600px) { .person--layout { float: left; width: 300px; margin-right: 1em; } } /* ============================================================================= Book Grid / People Grid ============================================================================= */ .collection-view .view-header { display: none; } .book-grid .view-filters, .people-grid .view-filters { margin-block-end: var(--sp2); } .book-grid .view-header, .people-grid .view-header { margin: 0; } .book-grid input.form-text, .people-grid input.form-text { max-width: 400px; font-size: 1.2rem; padding: 10px 14px; border-radius: 6px; box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2); } .book-grid .views-view-grid__item-inner, .people-grid .views-view-grid__item-inner { border: 1px solid #ccc; padding: 8px; border-radius: 4px; box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); width: 100%; } .book-grid .views-view-grid__item-inner .views-field-field-representative-image, .book-grid .views-view-grid__item-inner .views-field-did-image, .book-grid .views-view-grid__item-inner .field--type-image, .people-grid .views-view-grid__item-inner .views-field-field-representative-image, .people-grid .views-view-grid__item-inner .views-field-did-image, .people-grid .views-view-grid__item-inner .field--type-image { height: 230px; overflow: hidden; } .book-grid .views-view-grid__item-inner .views-field-field-representative-image img, .book-grid .views-view-grid__item-inner .views-field-did-image img, .book-grid .views-view-grid__item-inner .field--type-image img, .people-grid .views-view-grid__item-inner .views-field-field-representative-image img, .people-grid .views-view-grid__item-inner .views-field-did-image img, .people-grid .views-view-grid__item-inner .field--type-image img { width: 100%; } .book-grid .views-view-grid__item-inner .views-field-title, .book-grid .views-view-grid__item-inner .views-field-name, .people-grid .views-view-grid__item-inner .views-field-title, .people-grid .views-view-grid__item-inner .views-field-name { font-family: var(--font-serif); line-height: 1.2; margin-top: 10px; padding-top: 5px; font-size: 0.9rem; border-top: 1px dotted #ccc; } .book-grid .views-view-grid__item-inner .views-field-title a, .book-grid .views-view-grid__item-inner .views-field-name a, .people-grid .views-view-grid__item-inner .views-field-title a, .people-grid .views-view-grid__item-inner .views-field-name a { text-decoration: none; } /* ============================================================================= Misc / Utility ============================================================================= */ #toggle-facets { background-color: var(--color--primary-50); font-family: var(--font-serif); } .views-field.views-field-dc-description a { text-decoration: none; color: var(--color-text-neutral-medium); } .search-result.views-row { min-width: 0; } .social-bar { border-right: 1px solid #ddd; } div#page { border-right: 1px solid #ddd; } div#block-views-block-media-display-blocks-source { margin-bottom: 1rem; } /* ============================================================================= Mirador Viewer ============================================================================= */ .mirador85.mirador86 { outline: 2px solid #2b3717 !important; } .mirador16.mirador15 { border-top: 2px solid #2b3616 !important; } /* ============================================================================= Field: History Note / Relationships ============================================================================= */ .field--name-field-history-note .field__item { border-bottom: 3px double #38471e; padding-bottom: 2rem; margin-bottom: 1rem; } .field--name-field-spouse, .field--name-field-children { display: flex; } .view-oai-pmh-item-links .field-content { display: flex; justify-content: center; a { margin: 0 0.5rem 0 0; font-size: 0.9rem; padding-inline: 0.5rem; height: 2rem; } } .advanced_search_result_pager .pager__group > * { margin: 0.47214rem 2rem 0.47214rem 0 !important; display: flex; } .node--type-islandora-object .node__content, .people_metadata { .field { margin-bottom: 0.6rem; } } @media (min-width: 800px) { .node--type-islandora-object .node__content, .people_metadata { .field { margin-bottom: 0.6rem; /* border-bottom: 1px solid #eaeaea; */ } .field__label { width: 13rem; } } } .view-solr-search-content .view-header { display: none; }