You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
389 lines
8.7 KiB
389 lines
8.7 KiB
/*tooltips*/ |
|
.audio-tooltip { |
|
position: absolute; |
|
background: #2d2d2d; |
|
background: #9a5152; |
|
color: white; |
|
padding: 8px 12px; |
|
border-radius: 6px; |
|
font-size: 0.95rem; |
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); |
|
pointer-events: auto; |
|
z-index: 1500; |
|
display: none; |
|
white-space: nowrap; |
|
} |
|
|
|
.audio-tooltip-link { |
|
color: #a5d8ff; |
|
color: white; |
|
text-decoration: none; |
|
font-weight: 500; |
|
} |
|
|
|
.audio-tooltip-link:hover { |
|
text-decoration: underline; |
|
color: white; |
|
} |
|
a.js-play-audio-from-node::after { |
|
content: ""; |
|
display: inline-block; |
|
width: 1.1em; |
|
height: .9em; |
|
margin-left: 4px; |
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M533.6 32.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C557.5 113.8 592 180.8 592 256s-34.5 142.2-88.7 186.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C598.5 426.7 640 346.2 640 256S598.5 85.2 533.6 32.5zM473.1 107c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C475.3 170.7 496 210.9 496 256s-20.7 85.3-53.2 111.8c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5c43.2-35.2 70.9-88.9 70.9-149s-27.7-113.8-70.9-149zm-60.5 74.5c-10.3-8.4-25.4-6.8-33.8 3.5s-6.8 25.4 3.5 33.8C393.1 227.6 400 241 400 256s-6.9 28.4-17.7 37.3c-10.3 8.4-11.8 23.5-3.5 33.8s23.5 11.8 33.8 3.5C434.1 312.9 448 286.1 448 256s-13.9-56.9-35.4-74.5zM80 352l48 0 134.1 119.2c6.4 5.7 14.6 8.8 23.1 8.8 19.2 0 34.8-15.6 34.8-34.8l0-378.4c0-19.2-15.6-34.8-34.8-34.8-8.5 0-16.7 3.1-23.1 8.8L128 160 80 160c-26.5 0-48 21.5-48 48l0 96c0 26.5 21.5 48 48 48z'/%3E%3C/svg%3E"); |
|
background-repeat: no-repeat; |
|
background-size: contain; |
|
background-position: center; |
|
} |
|
/*audio player*/ |
|
div#global-audio-wrapper.is-hidden { |
|
display: none; |
|
} |
|
#global-audio-wrapper { |
|
position: fixed; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
background: #9a5152; |
|
color: #fff; |
|
padding: 0.5em 1em; |
|
z-index: 9999; |
|
} |
|
|
|
#global-audio-title { |
|
font-weight: bold; |
|
margin-bottom: 0.3em; |
|
} |
|
div#block-olivesbdh-audioplayer { |
|
border: none; |
|
background: none; |
|
} |
|
audio#global-able-player { |
|
width: 100%; |
|
} |
|
/*end audio player code*/ |
|
iframe.pdf { |
|
height: 1380px; |
|
} |
|
.node__content video { |
|
width: 100%; |
|
} |
|
@media (min-width: 1100px) { |
|
.view.view-tunes th { |
|
min-width: 9em; |
|
} |
|
} |
|
/*facets*/ |
|
.facet-item__status, |
|
.facet-item__count { |
|
color: #333; |
|
} |
|
.facet-wrapper ul { |
|
list-style-type: none; |
|
margin: 0; |
|
a { |
|
text-decoration: none; |
|
font-size: 1em; |
|
} |
|
} |
|
/*tune variants*/ |
|
.view-bdh-audio-views caption { |
|
margin-top: 1rem; |
|
|
|
a { |
|
font-size: 1.5rem; |
|
text-decoration: none; |
|
font-variant: unset; |
|
font-style: normal; |
|
padding-top: 1em; |
|
display: flex; |
|
} |
|
a:after { |
|
content: " :"; |
|
} |
|
} |
|
/*video*/ |
|
.able { |
|
box-shadow: none; |
|
} |
|
.able-player { |
|
font-family: Arial, Helvetica, sans-serif; |
|
/*background-color: var(--color--bdh-red);*/ |
|
} |
|
.bdh--video { |
|
/*.views-row {*/ |
|
/*[>background: var(--color--bdh-red);<]*/ |
|
/*border:1px solid #ccc;*/ |
|
/*padding:1rem;*/ |
|
/*margin-bottom: 1rem;*/ |
|
/*}*/ |
|
} |
|
.view-bdh-audio-views .views-table { |
|
width: 100%; |
|
} |
|
/*people pges*/ |
|
@media (min-width: 1000px) { |
|
.person--layout { |
|
display: flex; |
|
} |
|
} |
|
.person--layout { |
|
/*display: flex;*/ |
|
.field--name-field-representative-image img { |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
margin-right: 1em; |
|
width: 100%; |
|
} |
|
.field--name-description { |
|
margin-left: 1rem; |
|
|
|
line-height: 1.7; |
|
} |
|
.person--details { |
|
background: var(--color--bdh-red); |
|
color: #fff; |
|
padding: 1rem; |
|
a { |
|
color: #d2966e; |
|
/*text-decoration: none;*/ |
|
color: #fff; |
|
} |
|
a:hover { |
|
color: #fff; |
|
|
|
text-decoration: underline; |
|
} |
|
.field { |
|
border-bottom: 1px solid #d2966e; |
|
padding-bottom: 1em; |
|
} |
|
.field__label { |
|
width: 14em; |
|
/*font-weight: normal;*/ |
|
color: #d2966e; |
|
color: #fff; |
|
font-family: var(--font-serif); |
|
} |
|
} |
|
} |
|
.views-field.views-field-field-abstract { |
|
.label { |
|
display: none; |
|
} |
|
li { |
|
list-style-type: none; |
|
} |
|
} |
|
.node--type-islandora-object .node__content { |
|
background: #995051; |
|
padding: 1rem; |
|
color: #fff; |
|
font-weight: normal; |
|
a { |
|
color: #d2966e; |
|
color: #fff; |
|
/*text-decoration: none;*/ |
|
} |
|
a:hover { |
|
color: #fff; |
|
|
|
text-decoration: underline; |
|
} |
|
.field__label { |
|
width: 14em; |
|
font-weight: bold; |
|
color: #d2966e; |
|
color: #fff; |
|
font-family: var(--font-serif); |
|
} |
|
.field { |
|
border-bottom: 1px solid #fff; |
|
padding-bottom: 1em; |
|
color: #fff; |
|
} |
|
} |
|
.book-navigation__menu { |
|
.book-navigation__item { |
|
/*text-decoration: none;*/ |
|
/*border-bottom: 1px solid #ccc;*/ |
|
} |
|
a { |
|
width: 100%; |
|
} |
|
.menu__item--active-trail:before { |
|
content: ">"; |
|
font-weight: bold; |
|
} |
|
} |
|
.menu__item--active-trail:before { |
|
content: ">"; |
|
font-weight: bold; |
|
} |
|
.node--type-islandora-object .field__label { |
|
width: 14em; |
|
} |
|
|
|
.person--layout > div { |
|
flex: 1; |
|
} |
|
|
|
.search-result { |
|
/*=======================*/ |
|
/*search result variables*/ |
|
/*=======================*/ |
|
--image-width: 100%; |
|
--image-height: 250px; |
|
--border-width: 1px; |
|
--line-height: 1.4; |
|
/*--main-bg-color: var(--color--bdh-red);*/ |
|
--main-bg-color: #fff; |
|
--border-color: #ccc; |
|
--field-bg: #fff; |
|
/*=======================*/ |
|
/*=======================*/ |
|
.views-field-did-image { |
|
img { |
|
width: var(--image-width); |
|
/*padding: var(--border-width);*/ |
|
border: 1px solid #ccc; |
|
} |
|
/*height: var(--image-height);*/ |
|
overflow: hidden; |
|
} |
|
.search-result_inner-wrapper { |
|
/*display: none;*/ |
|
padding: 8px; |
|
border: var(--border-width) solid var(--border-color); |
|
background: var(--main-bg-color); |
|
border-radius: 4px; |
|
transition: box-shadow 0.2s; |
|
box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); |
|
/*&:hover {*/ |
|
/*box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.44);*/ |
|
/*}*/ |
|
} |
|
/*title*/ |
|
.views-field-title { |
|
background: var(--field-bg); |
|
/*border: var(--border-width) solid var(--border-color);*/ |
|
padding: var(--border-width) var(--border-width); |
|
h4 { |
|
margin: 0; |
|
font-weight: bold; |
|
line-height: var(--line-height); |
|
font-size: 1em; |
|
a { |
|
text-decoration: none; |
|
} |
|
} |
|
} |
|
.views-field:not( |
|
.views-field-field-representative-image, |
|
.views-field-did-image |
|
) { |
|
background: var(--field-bg); |
|
|
|
/*border: var(--border-width) solid var(--color--bdh-red);*/ |
|
border-bottom: var(--border-width) dotted var(--color--bdh-red); |
|
border-top: 0; |
|
/*border-bottom-right-radius: var(--border-width);*/ |
|
/*border-bottom-left-radius: var(--border-width);*/ |
|
padding: var(--border-width); |
|
line-height: var(--line-height); |
|
a { |
|
text-decoration: none; |
|
} |
|
} |
|
span.views-label { |
|
font-weight: bold; |
|
font-family: var(--font-serif); |
|
/*display: block;*/ |
|
font-size: 0.85rem; |
|
} |
|
.views-field:not(.views-field-title) { |
|
font-size: 0.85rem; |
|
} |
|
} |
|
div#block-olivesbdh-solrsearchcontentsearchresultspagerforblock { |
|
margin: 0; |
|
} |
|
.advanced_search_result_pager .pager__group { |
|
background: #f6f8f8; |
|
padding: 1em; |
|
border-radius: 4px; |
|
.pager__link--is-active { |
|
border: solid 2px var(--color--bdh-red); |
|
font-weight: bold; |
|
text-decoration: none !important; |
|
a { |
|
} |
|
} |
|
} |
|
#block-views-block-media-display-blocks-source:has(div.view-empty) { |
|
display: none; |
|
} |
|
/*tables*/ |
|
.node__content video { |
|
width: 100%; |
|
} |
|
.view-tunes, |
|
.view-people { |
|
td { |
|
/* outline: 1px solid; */ |
|
} |
|
|
|
th, |
|
td { |
|
text-align: center !important; |
|
} |
|
} |
|
.node--type-islandora-object .field--name-field-abstract { |
|
display: flex; |
|
.field__item { |
|
line-height: 1.5; |
|
} |
|
.field__label { |
|
/*margin-right: 2em;*/ |
|
} |
|
} |
|
.view-bdh-image-view .views-view-responsive-grid__item { |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
.views-field-title a { |
|
font-weight: bold; |
|
} |
|
} |
|
span.file.file--mime-application-pdf.file--application-pdf a { |
|
display: inline-block; |
|
height: var(--sp2); |
|
margin-block: var(--sp1); |
|
margin-inline-start: 0; |
|
margin-inline-end: var(--sp1); |
|
padding-block: calc((var(--sp3) - var(--line-height-s)) / 2); |
|
padding-inline: var(--sp1-5); |
|
cursor: pointer; |
|
text-align: center; |
|
-webkit-text-decoration: none; |
|
text-decoration: none; |
|
color: var(--color-text-primary-medium); |
|
border: solid 2px currentColor; |
|
border-radius: var(--border-radius); |
|
background-color: var(--color--white); |
|
font-family: var(--font-sans); |
|
font-size: var(--font-size-l); |
|
font-weight: 700; |
|
-webkit-appearance: none; |
|
appearance: none; |
|
-webkit-font-smoothing: antialiased; |
|
display: inline-flex; |
|
align-items: center; |
|
padding-block: 1px 0; |
|
padding-inline: var(--sp1-5); |
|
line-height: var(--line-height-s); |
|
} |
|
span.file.file--mime-application-pdf.file--application-pdf:before { |
|
content: "Download PDF: "; |
|
font-size: 1.3em; |
|
}
|
|
|