diff --git a/css/components/button.css b/css/components/button.css index 1d8fa85..ec2881e 100755 --- a/css/components/button.css +++ b/css/components/button.css @@ -11,7 +11,8 @@ */ .button, -.facets-soft-limit-link { +.facets-soft-limit-link, +.view-oai-pmh-item-links .views-field-nid a { display: inline-block; height: var(--sp2); margin-block: var(--sp1); @@ -70,7 +71,8 @@ @supports (display: inline-flex) { .button, - .facets-soft-limit-link { + .facets-soft-limit-link, + .view-oai-pmh-item-links .views-field-nid a { display: inline-flex; align-items: center; diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index 3388dc2..e78e416 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -1,78 +1,76 @@ -/*collection grid*/ +/* ============================================================================= + Collection Grid + ============================================================================= */ + .grid-item { border: 1px solid #ccc; padding: 8px; border-radius: 4px; box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); - /*background: #ece8e3;*/ - .grid-item__image { - margin: 0; - /*height: 300px;*/ - /* background: #ece8e3; */ - overflow: hidden; - display: block; - - img { - width: 100%; - } - } - @media ((max-width: 600px)) { - .grid-item__image { - height: initial; - } - div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage - .pager__group { - display: none; - } - } - .views-field-field-abstract, - .abstract { - /* line-height: 1.4; */ - display: block; - /* line-height: 1.4; */ - line-height: 1.4; - margin-bottom: 5px; - font-size: 0.9em; - color: var(--color-text-neutral-medium); - a.views-more-link { - text-decoration: underline; - } - } - .grid-item__title { - display: block; - padding: 0.5em 0; - /* text-align: center; */ - line-height: 1.2; - margin: 5px 0 6px 0; - /* height: 3em; */ - /* background: #fff; */ - font-weight: bold; - border-bottom: 1px dotted #574938; - word-break: break-all; - a { - text-decoration: none; - font-family: var(--font-serif); - /*font-size: var(--font-size-l);*/ - color: #574938; - } - } +} - .views-field-member-of-title { - line-height: 1.2; - .field__label { - font-size: 0.9em; - font-family: var(--font-serif); - color: #574938; - /* display: block; */ - } - .field__item { - font-size: 0.9em; - a { - text-decoration: none; - } - } - } +.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; @@ -84,6 +82,10 @@ .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) { @@ -99,22 +101,36 @@ grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */ } } -div#block-olivesbooks-solrsearchcontentsearchresultspagerforblock, -div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage { - .pager__group { - background: #f5f5f5; + +/* ============================================================================= + 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; } } -/* People objects/nodes */ -.views-view-grid__item { + +nav.pager { display: flex; + justify-content: space-around; } -.person--layout { - /* float: left; */ - .field.field--name-field-dates { - text-align: center; - } +/* ============================================================================= + People Nodes / Layout + ============================================================================= */ + +.views-view-grid__item { + display: flex; } .person--layout { @@ -125,39 +141,44 @@ div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage { .person--layout img { width: 100%; } + +.person--layout .field.field--name-field-dates { + text-align: center; +} + @media (min-width: 600px) { .person--layout { float: left; width: 300px; margin-right: 1em; } - - .person--layout img { - width: 100%; - } } -/* People grid */ + +/* ============================================================================= + Book Grid / People Grid + ============================================================================= */ + .collection-view .view-header { display: none; } -.book-grid, -.people-grid { - .view-filters { - margin-block-end: var(--sp2); - } - .view-header { - margin: 0; - } - input.form-text { - max-width: 400px; - font-size: 1.2rem; - padding: 0.5rem; - /* box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08); */ - /* border: 1px solid #d1d5db; */ - border-radius: 6px; - padding: 10px 14px; - box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2); - } + +.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, @@ -167,76 +188,118 @@ div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage { 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, - .views-field-did-image, - .field--type-image { - height: 230px; - overflow: hidden; - img { - width: 100%; - } - } - .views-field-title, - .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; - a { - text-decoration: none; - } - } +.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: #574938; background-color: var(--color--primary-50); font-family: var(--font-serif); } -nav.pager { - display: flex; - justify-content: space-around; -} + .views-field.views-field-dc-description a { - /* color: black; */ 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 #323f1a; -} .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; } -@media ((max-width: 800px)) { - div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage, - div#block-olivesbooks-solrsearchcontentsearchresultspagerforblock - .pager__group { - display: none; +.view-oai-pmh-item-links .field-content { + display: flex; + justify-content: center; + a { + margin: 0 .5rem 0 0; + font-size: .9rem; + padding-inline:.5rem; + height:2rem; } } diff --git a/css/components/islandora_mods.css.bk b/css/components/islandora_mods.css.bk new file mode 100755 index 0000000..aea90e3 --- /dev/null +++ b/css/components/islandora_mods.css.bk @@ -0,0 +1,246 @@ +/*collection grid*/ +.grid-item { + border: 1px solid #ccc; + padding: 8px; + border-radius: 4px; + box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); + /*background: #ece8e3;*/ + .grid-item__image { + margin: 0; + /*height: 300px;*/ + /* background: #ece8e3; */ + overflow: hidden; + display: block; + + img { + width: 100%; + } + } + @media ((max-width: 600px)) { + .grid-item__image { + height: initial; + } + div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage + .pager__group { + display: none; + } + } + .views-field-field-abstract, + .abstract { + /* line-height: 1.4; */ + display: block; + /* line-height: 1.4; */ + line-height: 1.4; + margin-bottom: 5px; + font-size: 0.9em; + color: var(--color-text-neutral-medium); + a.views-more-link { + text-decoration: underline; + } + } + .grid-item__title { + display: block; + padding: 0.5em 0; + /* text-align: center; */ + line-height: 1.2; + margin: 5px 0 6px 0; + /* height: 3em; */ + /* background: #fff; */ + font-weight: bold; + border-bottom: 1px dotted #574938; + word-break: break-all; + a { + text-decoration: none; + font-family: var(--font-serif); + /*font-size: var(--font-size-l);*/ + color: #574938; + } + } + + .views-field-member-of-title { + line-height: 1.2; + .field__label { + font-size: 0.9em; + font-family: var(--font-serif); + color: #574938; + /* display: block; */ + } + .field__item { + font-size: 0.9em; + a { + text-decoration: none; + } + } + } +} +.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 */ + } +} + +@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 */ + } +} +div#block-olivesbooks-solrsearchcontentsearchresultspagerforblock, +div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage { + .pager__group { + background: #f5f5f5; + } +} +/* People objects/nodes */ +.views-view-grid__item { + display: flex; +} +.person--layout { + /* float: left; */ + + .field.field--name-field-dates { + text-align: center; + } +} + +.person--layout { + border: 4px double #ccc; + padding: 4px; +} + +.person--layout img { + width: 100%; +} +@media (min-width: 600px) { + .person--layout { + float: left; + width: 300px; + margin-right: 1em; + } + + .person--layout img { + width: 100%; + } +} +/* People grid */ +.collection-view .view-header { + display: none; +} +.book-grid, +.people-grid { + .view-filters { + margin-block-end: var(--sp2); + } + .view-header { + margin: 0; + } + input.form-text { + max-width: 400px; + font-size: 1.2rem; + padding: 0.5rem; + /* box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08); */ + /* border: 1px solid #d1d5db; */ + border-radius: 6px; + padding: 10px 14px; + 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%; + .views-field-field-representative-image, + .views-field-did-image, + .field--type-image { + height: 230px; + overflow: hidden; + img { + width: 100%; + } + } + .views-field-title, + .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; + a { + text-decoration: none; + } + } +} + +#toggle-facets { + background-color: #574938; + background-color: var(--color--primary-50); + font-family: var(--font-serif); +} +nav.pager { + display: flex; + justify-content: space-around; +} +.views-field.views-field-dc-description a { + /* color: black; */ + 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; +} +.mirador85.mirador86 { + outline: 2px solid #2b3717 !important; +} + +.mirador16.mirador15 { + border-top: 2px solid #323f1a; +} +.mirador16.mirador15 { + border-top: 2px solid #2b3616 !important; +} +.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; +} + +@media ((max-width: 800px)) { + div#block-olivesbooks-solrsearchcontentsearchresultspagerforpage, + div#block-olivesbooks-solrsearchcontentsearchresultspagerforblock + .pager__group { + display: none; + } +} + +div#block-views-block-media-display-blocks-source { + margin-bottom: 1rem; +} diff --git a/css/components/landing_page.css b/css/components/landing_page.css index a6c0a70..bd2ad11 100755 --- a/css/components/landing_page.css +++ b/css/components/landing_page.css @@ -19,16 +19,21 @@ color: #ece8e3; } a { - color: #ece8e3; text-decoration: none; } h1 { font-size: var(--h1-size); /* border-bottom: 4px double; */ + a { + color: #ece8e3; + } } h2 { font-size: var(--h2-size); + a { + color: #ece8e3; + } } } @@ -231,6 +236,7 @@ nav#block-olivesbooks-landingpagemenu { display: flex; justify-content: center; font-size: 1.3em; + color: #d0bca4; } } .menu__link {