|
|
|
|
@ -279,6 +279,25 @@ nav.pager {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.person--left { |
|
|
|
|
background: #444; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.view-other-people-in-the-same-organizations h3 { |
|
|
|
|
margin: 0.5em 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Book Grid / People Grid |
|
|
|
|
============================================================================= */ |
|
|
|
|
@ -365,58 +384,108 @@ nav.pager {
|
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Misc / Utility |
|
|
|
|
============================================================================= */ |
|
|
|
|
.book-grid .form-item-title, |
|
|
|
|
.people-grid .form-item-name { |
|
|
|
|
width: 100%; |
|
|
|
|
display: initial; |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#toggle-facets { |
|
|
|
|
background-color: var(--color--primary-50); |
|
|
|
|
font-family: var(--font-serif); |
|
|
|
|
color: #fff; |
|
|
|
|
.book-grid input.form-text, |
|
|
|
|
.people-grid input.form-text { |
|
|
|
|
padding: 0 1em; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.views-field.views-field-dc-description a { |
|
|
|
|
text-decoration: none; |
|
|
|
|
color: var(--color-text-neutral-medium); |
|
|
|
|
form#views-exposed-form-people-page-1, |
|
|
|
|
form#views-exposed-form-books-page-1 { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
div#edit-actions { |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.search-result.views-row { |
|
|
|
|
min-width: 0; |
|
|
|
|
/* ============================================================================= |
|
|
|
|
FIELD DISPLAY — node__content metadata fields |
|
|
|
|
(book / doodle / people_metadata / node--type-islandora-object) |
|
|
|
|
|
|
|
|
|
This is the block that renders things like the "Adventures in genius" |
|
|
|
|
markup: .field > .field__label + .field__item(s), e.g. Title, Contributors, |
|
|
|
|
Publisher, Place Published, Copyright Date, Language, Resource Type, |
|
|
|
|
Member of, etc. |
|
|
|
|
|
|
|
|
|
Previously these rules were spread across ~4 separate, non-adjacent spots |
|
|
|
|
in the file with unrelated rules interleaved between them. Consolidated |
|
|
|
|
here for troubleshooting — nothing here changes behaviour vs. before, |
|
|
|
|
except two exact no-op duplicates (an identical `margin-bottom: 0.6rem` |
|
|
|
|
and an identical `float: none` that were each declared twice with the |
|
|
|
|
same value) have been removed. |
|
|
|
|
|
|
|
|
|
Cascade notes: |
|
|
|
|
- Rules are grouped by breakpoint tier below (base, ≥600px, ≥800px) in |
|
|
|
|
the SAME relative order as the original file, because the ≥600px |
|
|
|
|
font-size rule intentionally overrides the base font-size rule once |
|
|
|
|
both are active (≥600px), and the ≥800px width/flex rules are the |
|
|
|
|
final word on field__label sizing at wide viewports. |
|
|
|
|
- `.field.field--name-field-organization` had no live declarations |
|
|
|
|
(both properties were already commented out) — kept as-is in case |
|
|
|
|
you want to resurrect it. |
|
|
|
|
============================================================================= */ |
|
|
|
|
|
|
|
|
|
/* --- Base / all viewports --- */ |
|
|
|
|
|
|
|
|
|
.node--type-islandora-object .node__content .field, |
|
|
|
|
.people_metadata .field { |
|
|
|
|
margin-bottom: 0.6rem; |
|
|
|
|
/* border-bottom: 1px solid #eaeaea; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.social-bar { |
|
|
|
|
border-right: 1px solid #ddd; |
|
|
|
|
.field__label { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
div#page { |
|
|
|
|
border-right: 1px solid #ddd; |
|
|
|
|
.node__content .field__label { |
|
|
|
|
color: #2e3918; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
div#block-views-block-media-display-blocks-source { |
|
|
|
|
margin-bottom: 1rem; |
|
|
|
|
.book .node__content .field--label-inline .field__label, |
|
|
|
|
.book .node__content .field--label-inline .field__items, |
|
|
|
|
.doodle .node__content .field--label-inline .field__label, |
|
|
|
|
.doodle .node__content .field--label-inline .field__items, |
|
|
|
|
.people_metadata .field--label-inline .field__label, |
|
|
|
|
.people_metadata .field--label-inline .field__items { |
|
|
|
|
float: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Mirador Viewer |
|
|
|
|
============================================================================= */ |
|
|
|
|
.doodle .node__content .field__label, |
|
|
|
|
.doodle .node__content .field__item, |
|
|
|
|
.doodle .node__content .field__items, |
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mirador85.mirador86 { |
|
|
|
|
outline: 2px solid #2b3717 !important; |
|
|
|
|
.field.field--name-field-affiliation > .field__items > .field__label { |
|
|
|
|
/* margin-left: 0.7em; */ |
|
|
|
|
width: initial; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mirador16.mirador15 { |
|
|
|
|
border-top: 2px solid #2b3616 !important; |
|
|
|
|
.field.field--name-field-affiliation > .field__items > .field__item { |
|
|
|
|
border-left: 4px double #ccc; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
/* margin-left: 0.7em; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) { |
|
|
|
|
.block-mirador { |
|
|
|
|
margin-bottom: -9rem; |
|
|
|
|
} |
|
|
|
|
.field.field--name-field-affiliation .field__label { |
|
|
|
|
font-family: var(--font-serif); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Field: History Note / Relationships |
|
|
|
|
============================================================================= */ |
|
|
|
|
.paragraph--type--affiliation > .field > .field__label { |
|
|
|
|
width: initial; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.field--name-field-history-note .field__item { |
|
|
|
|
border-bottom: 3px double #38471e; |
|
|
|
|
@ -429,35 +498,41 @@ div#block-views-block-media-display-blocks-source {
|
|
|
|
|
/* display: flex; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.view-oai-pmh-item-links .field-content { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.view-oai-pmh-item-links .field-content a { |
|
|
|
|
margin: 0 0.5rem 0 0; |
|
|
|
|
font-size: 0.9rem; |
|
|
|
|
padding-inline: 0.5rem; |
|
|
|
|
height: 2rem; |
|
|
|
|
.field.field--name-field-organization { |
|
|
|
|
/* display: flex; */ |
|
|
|
|
/* place-items: flex-start; */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.advanced_search_result_pager .pager__group > * { |
|
|
|
|
margin: 0.47214rem 2rem 0.47214rem 0 !important; |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
/* --- ≥600px --- */ |
|
|
|
|
|
|
|
|
|
.node--type-islandora-object .node__content .field, |
|
|
|
|
.people_metadata .field { |
|
|
|
|
margin-bottom: 0.6rem; |
|
|
|
|
} |
|
|
|
|
@media (min-width: 600px) { |
|
|
|
|
/* NOTE: the `float: none` for .field--label-inline .field__label/.field__items |
|
|
|
|
was previously re-declared here with the same value as the base rule |
|
|
|
|
above — that duplicate has been removed as a no-op. */ |
|
|
|
|
|
|
|
|
|
@media (min-width: 800px) { |
|
|
|
|
.node--type-islandora-object .node__content .field, |
|
|
|
|
.doodle .node__content .field, |
|
|
|
|
.book .node__content .field, |
|
|
|
|
.people_metadata .field { |
|
|
|
|
margin-bottom: 0.6rem; |
|
|
|
|
/* border-bottom: 1px solid #eaeaea; */ |
|
|
|
|
display: flex; |
|
|
|
|
line-height: 1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.doodle .node__content .field__label, |
|
|
|
|
.doodle .node__content .field__item, |
|
|
|
|
.doodle .node__content .field__items, |
|
|
|
|
.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; /* overrides the 1rem base rule above at this width */ |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* --- ≥800px --- */ |
|
|
|
|
|
|
|
|
|
@media (min-width: 800px) { |
|
|
|
|
.node--type-islandora-object .node__content .field__label, |
|
|
|
|
.people_metadata .field__label { |
|
|
|
|
width: 10rem; |
|
|
|
|
@ -470,6 +545,54 @@ div#block-views-block-media-display-blocks-source {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Misc / Utility |
|
|
|
|
============================================================================= */ |
|
|
|
|
|
|
|
|
|
#toggle-facets { |
|
|
|
|
background-color: var(--color--primary-50); |
|
|
|
|
font-family: var(--font-serif); |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.view-oai-pmh-item-links .field-content { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.view-solr-search-content .view-header { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
@ -484,6 +607,48 @@ div#block-views-block-media-display-blocks-source {
|
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.facets-widget-links ul { |
|
|
|
|
list-style-type: none; |
|
|
|
|
margin: 0; |
|
|
|
|
a { |
|
|
|
|
text-decoration: none; |
|
|
|
|
display: block; |
|
|
|
|
padding: 2px 0; |
|
|
|
|
} |
|
|
|
|
a:hover { |
|
|
|
|
background: #fff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Mirador Viewer |
|
|
|
|
============================================================================= */ |
|
|
|
|
|
|
|
|
|
.mirador85.mirador86 { |
|
|
|
|
outline: 2px solid #2b3717 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mirador16.mirador15 { |
|
|
|
|
border-top: 2px solid #2b3616 !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mirador32.mirador-companion-area-left { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 768px) { |
|
|
|
|
.block-mirador { |
|
|
|
|
height: 82vh; |
|
|
|
|
min-height: 400px; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
-webkit-overflow-scrolling: touch; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* ============================================================================= |
|
|
|
|
Node-specific overrides (17123 / 17101) |
|
|
|
|
============================================================================= */ |
|
|
|
|
|
|
|
|
|
.node-17123 div#block-olivesbooks-content, |
|
|
|
|
.node-17101 div#block-olivesbooks-content { |
|
|
|
|
margin-block-end: 0; |
|
|
|
|
@ -551,145 +716,3 @@ h1 {
|
|
|
|
|
#block-olivesbooks-landingpagemenu .menu a { |
|
|
|
|
letter-spacing: 0%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.book .node__content .field--label-inline .field__label, |
|
|
|
|
.book .node__content .field--label-inline .field__items, |
|
|
|
|
.doodle .node__content .field--label-inline .field__label, |
|
|
|
|
.doodle .node__content .field--label-inline .field__items, |
|
|
|
|
.people_metadata .field--label-inline .field__label, |
|
|
|
|
.people_metadata .field--label-inline .field__items { |
|
|
|
|
float: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.doodle .node__content .field__label, |
|
|
|
|
.doodle .node__content .field__item, |
|
|
|
|
.doodle .node__content .field__items, |
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.field.field--name-field-affiliation > .field__items > .field__item { |
|
|
|
|
border-left: 4px double #ccc; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
/* margin-left: 0.7em; */ |
|
|
|
|
} |
|
|
|
|
@media (max-width: 600px) { |
|
|
|
|
.field--name-field-linked-agent { |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@media (min-width: 600px) { |
|
|
|
|
.doodle .node__content .field--label-inline .field__label, |
|
|
|
|
.doodle .node__content .field--label-inline .field__items, |
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.doodle .node__content .field, |
|
|
|
|
.book .node__content .field, |
|
|
|
|
.people_metadata .field { |
|
|
|
|
display: flex; |
|
|
|
|
line-height: 1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.doodle .node__content .field__label, |
|
|
|
|
.doodle .node__content .field__item, |
|
|
|
|
.doodle .node__content .field__items, |
|
|
|
|
.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 .field__label { |
|
|
|
|
font-family: var(--font-serif); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.view-other-people-in-the-same-organizations h3 { |
|
|
|
|
margin: 0.5em 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.person--left { |
|
|
|
|
background: #444; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.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; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mirador32.mirador-companion-area-left { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.field__label { |
|
|
|
|
} |
|
|
|
|
.node__content .field__label { |
|
|
|
|
color: #2e3918; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.facets-widget-links ul { |
|
|
|
|
list-style-type: none; |
|
|
|
|
margin: 0; |
|
|
|
|
a { |
|
|
|
|
text-decoration: none; |
|
|
|
|
display: block; |
|
|
|
|
padding: 2px 0; |
|
|
|
|
} |
|
|
|
|
a:hover { |
|
|
|
|
background: #fff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
form#views-exposed-form-people-page-1, |
|
|
|
|
form#views-exposed-form-books-page-1 { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
div#edit-actions { |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.book-grid .form-item-title, |
|
|
|
|
.people-grid .form-item-name { |
|
|
|
|
width: 100%; |
|
|
|
|
display: initial; |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.book-grid input.form-text, |
|
|
|
|
.people-grid input.form-text { |
|
|
|
|
padding: 0 1em; |
|
|
|
|
} |
|
|
|
|
|