diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index ddc6fef..a202b6a 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -1,6 +1,7 @@ /* ============================================================================= - Person pages Grid + Person Pages Grid ============================================================================= */ + @media (min-width: 1000px) { .view-taxonomy-term { display: grid; @@ -10,14 +11,17 @@ } } -/*.view-taxonomy-term { +/* +.view-taxonomy-term { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(calc(var(--grid-col-count) - 3), minmax(0, 1fr)) 150px; grid-column-gap: var(--grid-gap); -}*/ +} +*/ + .people_bio { grid-column: 1 / 12; } @@ -25,6 +29,7 @@ .related_books { grid-column: 12 / 15; } + @media (min-width: 600px) { .path-taxonomy div#block-olivesbooks-content { grid-column: 2 / 15; @@ -37,71 +42,77 @@ border-radius: 5px; border: 1px solid var(--border-dark); /* width: 255px; */ +} - 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; - } - } +.related_books_block h2 { + font-size: var(--sidebar-title-size); + margin: 0 0 1rem; + line-height: 1; + border-bottom: 4px double; } -.page-node-type-islandora-object { - .sidebar-grid .grid-full { - } + +.related_books_block img { + width: 100%; + border: 1px solid #ddd; + padding: 4px; + background: #fff; +} + +.related_books_block .views-view-grid__item { + justify-content: space-around; +} + +.related_books_block .views-field-title { + text-align: center; } + +.related_books_block .views-field-title a { + text-decoration: none; + font-family: var(--font-serif); + text-align: center; +} + @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; - } - } +#block-olivesbooks-views-block-related-people-block-1 h2 { + font-size: var(--sidebar-title-size); + line-height: 1; + border-bottom: 4px double; +} + +#block-olivesbooks-views-block-related-people-block-1 .views-field-name { + text-align: center; +} + +#block-olivesbooks-views-block-related-people-block-1 .views-field-name a { + text-decoration: none; + font-family: var(--font-serif); +} + +#block-olivesbooks-views-block-related-people-block-1 + .field--name-field-media-image + img { + width: 100%; + border: 1px solid #ccc; + padding: 4px; + background: #fff; +} + +#block-olivesbooks-views-block-related-people-block-1 .field--name-field-media-image:not(:first-child) { - margin-top: 20px; - } + margin-top: 20px; } /* ============================================================================= @@ -146,7 +157,7 @@ margin: 5px 0 6px 0; font-weight: bold; border-bottom: 1px dotted #574938; - /*word-break: break-all;*/ + /* word-break: break-all; */ } .grid-item .grid-item__title a { @@ -158,7 +169,7 @@ .views-field-edtf-year, .grid-item .views-field-member-of-title { line-height: 1.2; - font-size: .9rem; + font-size: 0.9rem; } .grid-item .views-field-member-of-title .field__label { @@ -178,6 +189,7 @@ /* ============================================================================= Collection / Grid View Layout ============================================================================= */ + .collection-view.view-grid > .view-content, .collection-view .view-content, .view-grid > .view-content { @@ -390,11 +402,13 @@ div#block-views-block-media-display-blocks-source { .mirador16.mirador15 { border-top: 2px solid #2b3616 !important; } + @media screen and (max-width: 600px) { .block-mirador { margin-bottom: -9rem; } } + /* ============================================================================= Field: History Note / Relationships ============================================================================= */ @@ -413,35 +427,37 @@ div#block-views-block-media-display-blocks-source { .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; - } } + +.view-oai-pmh-item-links .field-content 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; - } +.node--type-islandora-object .node__content .field, +.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: 10rem; - } + .node--type-islandora-object .node__content .field, + .people_metadata .field { + margin-bottom: 0.6rem; + /* border-bottom: 1px solid #eaeaea; */ } + + .node--type-islandora-object .node__content .field__label, + .people_metadata .field__label { + width: 10rem; + } + .book .field__label { width: 13em !important; } @@ -461,32 +477,36 @@ div#block-views-block-media-display-blocks-source { display: none; } -.node-17123, -.node-17101 { - div#block-olivesbooks-content { - margin-block-end: 0; - } - .node--view-mode-collection { - height: 0; - } +.node-17123 div#block-olivesbooks-content, +.node-17101 div#block-olivesbooks-content { + margin-block-end: 0; +} + +.node-17123 .node--view-mode-collection, +.node-17101 .node--view-mode-collection { + height: 0; } + @media (min-width: 62.5rem) { .node-17101 .sidebar-grid > .site-main { grid-column: 2 / 11; } + .node-17101 .sidebar-grid .region--sidebar { grid-column: 11 / 15; } + .node-17123 .sidebar-grid > .site-main { grid-column: 2 / 11; } + .node-17123 .sidebar-grid .region--sidebar { grid-column: 11 / 15; } } /* ============================================================================= - related items layout + Related Items Layout ============================================================================= */ @media (max-width: 1000px) { @@ -497,18 +517,21 @@ div#block-views-block-media-display-blocks-source { .book .sidebar-grid aside { order: 2; } + .book .facet-wrapper { display: block !important; } + .book #block-olivesbooks-views-block-related-people-block-1 { margin-top: 0rem; } + .book button#toggle-facets { display: none; } } -/* test typeography*/ +/* Test typography */ .slide__description a, .menu a, @@ -519,60 +542,66 @@ h1 { letter-spacing: 4%; } -.book .node__content, -.people_metadata { - .field--label-inline .field__label, - .field--label-inline .field__items { - float: none; - } - .field { - } - .field__label, - .field__item, - .field__items { - font-size: 1rem; - } +.book .node__content .field--label-inline .field__label, +.book .node__content .field--label-inline .field__items, +.people_metadata .field--label-inline .field__label, +.people_metadata .field--label-inline .field__items { + float: none; +} + +.book .node__content .field__label, +.book .node__content .field__item, +.book .node__content .field__items, +.people_metadata .field__label, +.people_metadata .field__item, +.people_metadata .field__items { + font-size: 1rem; } .field.field--name-field-affiliation > .field__items > .field__label { /* margin-left: 0.7em; */ - width:initial; + width: initial; } + .field.field--name-field-affiliation > .field__items > .field__item { border-left: 4px double #ccc; padding-left: 5px; - /* margin-left: 0.7em; */ } -@media ((min-width: 600px)) { - .book .node__content, - .people_metadata { - .field--label-inline .field__label, - .field--label-inline .field__items { - float: none; - } - .field { - display: flex; - line-height: 1; - } - .field__label, - .field__item, - .field__items { - font-size: 1.1rem; - } + +@media (min-width: 600px) { + .book .node__content .field--label-inline .field__label, + .book .node__content .field--label-inline .field__items, + .people_metadata .field--label-inline .field__label, + .people_metadata .field--label-inline .field__items { + float: none; + } + + .book .node__content .field, + .people_metadata .field { + display: flex; + line-height: 1; + } + + .book .node__content .field__label, + .book .node__content .field__item, + .book .node__content .field__items, + .people_metadata .field__label, + .people_metadata .field__item, + .people_metadata .field__items { + font-size: 1.1rem; } + .field.field--name-field-organization { /* display: flex; */ /* place-items: flex-start; */ } } -.field.field--name-field-affiliation { - /* display: flex; */ - .field__label { - font-family: var(--font-serif); - } +.field.field--name-field-affiliation .field__label { + font-family: var(--font-serif); } + .view-other-people-in-the-same-organizations h3 { margin: 0.5em 0; } @@ -580,18 +609,19 @@ h1 { .person--left { background: #444; color: #fff; +} - .field:not(:last-child) { - /* margin-block-end: var(--sp2); */ - margin-block-end: 0; - } - .person--details { - padding: 0.5rem 0 0.7rem; - line-height: 1; - } +.person--left .field:not(:last-child) { + /* margin-block-end: var(--sp2); */ + margin-block-end: 0; } +.person--left .person--details { + padding: 0.5rem 0 0.7rem; + line-height: 1; +} .paragraph--type--affiliation > .field > .field__label { - width:initial; -} \ No newline at end of file + width: initial; +} +