5 changed files with 974 additions and 461 deletions
@ -0,0 +1,402 @@
|
||||
.page-node-type-book { |
||||
#toggle-facets { |
||||
display: none; |
||||
} |
||||
} |
||||
div#block-olivesbdh-solrsearchcontentsearchresultspagerforpage { |
||||
margin: 0; |
||||
} |
||||
.view-filters { |
||||
margin: 0; |
||||
} |
||||
.collection-view .view-filters { |
||||
display: none; |
||||
} |
||||
#toggle-facets { |
||||
box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%); |
||||
} |
||||
#toggle-facets:hover { |
||||
filter: none; |
||||
} |
||||
/*tables*/ |
||||
.view-people .view-content, |
||||
.view-tunes .view-content { |
||||
overflow-x: auto; |
||||
-webkit-overflow-scrolling: touch; |
||||
} |
||||
|
||||
/*tooltips*/ |
||||
.audio-tooltip { |
||||
position: absolute; |
||||
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: 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: 0.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; |
||||
} |
||||
.view-bdh-audio-views .views-table { |
||||
width: 100%; |
||||
} |
||||
/*people pges*/ |
||||
@media (min-width: 1000px) { |
||||
.person--layout { |
||||
display: flex; |
||||
} |
||||
} |
||||
.person--layout { |
||||
.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 { |
||||
} |
||||
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; |
||||
} |
||||
@ -0,0 +1,283 @@
|
||||
/*Landing page menu*/ |
||||
nav#block-olivesbdh-landingpagemenu { |
||||
margin-block-end: var(--sp2); |
||||
.menu { |
||||
list-style-type: none; |
||||
margin: 0; |
||||
display: flex; |
||||
justify-content: center; |
||||
/*margin-block-end: var(--sp3);*/ |
||||
.menu__link { |
||||
background: #995051; |
||||
display: flex; |
||||
flex-direction: column; |
||||
text-decoration: none; |
||||
color: #fff; |
||||
transition: all 0.2s linear; |
||||
} |
||||
.menu__link:hover { |
||||
background: #d2966e; |
||||
} |
||||
i { |
||||
display: flex; |
||||
justify-content: center; |
||||
font-size: 1.3em; |
||||
} |
||||
} |
||||
} |
||||
nav#block-olivesbdh-landingpagemenu .menu__link { |
||||
padding: 1.2em 1.2em 0.6em 1.2em; |
||||
} |
||||
@media (max-width: 800px) { |
||||
nav#block-olivesbdh-landingpagemenu .menu__link { |
||||
padding: 12px 10px 6px 10px; |
||||
} |
||||
} |
||||
/* end of Landing page menu*/ |
||||
figure.logo--ilivesbdh { |
||||
h1 { |
||||
/*font-size: 4em;*/ |
||||
/*font-weight:bold;*/ |
||||
} |
||||
h2 { |
||||
/*font-size: 2.2em;*/ |
||||
/*font-weight:bold;*/ |
||||
} |
||||
} |
||||
|
||||
.logo--ilivesbdh { |
||||
/* Default/fallback for very old browsers */ |
||||
--h1-size: 4em; |
||||
--h2-size: 2.2em; |
||||
|
||||
background: none; |
||||
/* width: 24em; */ |
||||
margin: 0 auto; |
||||
height: 280px; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
text-align: center; |
||||
|
||||
h1, |
||||
h2 { |
||||
margin: 0; |
||||
text-shadow: 2px 2px black; |
||||
color: #fff; |
||||
} |
||||
h1 { |
||||
font-size: var(--h1-size); |
||||
border-bottom: 4px double; |
||||
} |
||||
h2 { |
||||
font-size: var(--h2-size); |
||||
} |
||||
} |
||||
/* ── Only below 800px: start fluid scaling down ── */ |
||||
@media (max-width: 800px) { |
||||
.logo--ilivesbdh h1 { |
||||
/* |
||||
- Never smaller than ~2.2–2.5em (readable on mobile) |
||||
- Scales smoothly with viewport |
||||
- Caps at your original 4em (won't grow above desktop size) |
||||
*/ |
||||
font-size: clamp(2.5em, 9.5vw, 4em); |
||||
} |
||||
|
||||
.logo--ilivesbdh h2 { |
||||
font-size: clamp(1.8em, 5.2vw, 2.2em); |
||||
} |
||||
} |
||||
.page-node-type-landing-page #block-views-block-media-display-blocks-source { |
||||
display: none; |
||||
} |
||||
article.node.node--type-landing-page h2 { |
||||
margin: 0; |
||||
text-align: center; |
||||
} |
||||
.hero-section { |
||||
border: 10px solid #d0bca4; |
||||
|
||||
height: 300px; |
||||
background-size: cover !important; |
||||
} |
||||
.hero--wrapper { |
||||
background: #e1dbbf; |
||||
} |
||||
|
||||
.logo-wrapper { |
||||
background: #3333335c; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.path-frontpage .region--content { |
||||
margin-bottom: 0; |
||||
} |
||||
#block-olivesbdh-views-block-front-page-featured-books-block-2 .view-content, |
||||
#block-olivesbdh-views-block-front-page-featured-books-block-1 .view-content { |
||||
/*display: none;*/ |
||||
.node__title { |
||||
font-size: 1.1rem; |
||||
font-weight: bold; |
||||
border-bottom: 1px solid #6e563a; |
||||
/*margin: 0;*/ |
||||
a { |
||||
color: #6e563a; |
||||
} |
||||
} |
||||
.node__content { |
||||
img { |
||||
min-width: 100%; |
||||
border: 1px solid #ccc; |
||||
background: #fff; |
||||
padding: 1rem; |
||||
} |
||||
} |
||||
.views-field-did-image { |
||||
float: none; |
||||
max-width: 100%; |
||||
margin: 0; |
||||
height: 100%; |
||||
} |
||||
.views-row { |
||||
padding: 15px; |
||||
background: #ece8e3; |
||||
border: 1px solid #ccc; |
||||
display: flex; |
||||
flex-direction: column; |
||||
.views-field-title h4 { |
||||
margin: 0; |
||||
/*margin-bottom: 1rem;*/ |
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
.views-field img { |
||||
width: 100%; |
||||
} |
||||
} |
||||
.node__title a { |
||||
display: -webkit-box; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-line-clamp: 3; |
||||
overflow: hidden; |
||||
} |
||||
} |
||||
/*clean up titles on lp figure block*/ |
||||
div#block-olivesbdh-views-block-front-page-featured-books-block-2 .node__title { |
||||
margin: 0; |
||||
} |
||||
div#block-olivesbdh-views-block-front-page-featured-books-block-2 |
||||
.node__title |
||||
a { |
||||
line-height: 1.4; |
||||
} |
||||
div#block-olivesbdh-views-block-front-page-featured-books-block-2 |
||||
.view-eva |
||||
.views-row { |
||||
padding: 0 !important; |
||||
margin-top: 1em; |
||||
} |
||||
@media (min-width: 43.75rem) { |
||||
#block-olivesbdh-views-block-front-page-featured-books-block-1 .view-content { |
||||
.views-field.views-field-title { |
||||
height: 7em; |
||||
} |
||||
display: flex; |
||||
justify-content: space-between; |
||||
.views-row { |
||||
width: 32%; |
||||
/*justify-content: space-around;*/ |
||||
} |
||||
} |
||||
} |
||||
@media (min-width: 43.75rem) { |
||||
.region--content-below { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
|
||||
.region--content-below |
||||
#block-olivesbdh-views-block-front-page-featured-books-block-1 { |
||||
flex-basis: calc(72% - (var(--grid-gap) / 2)); |
||||
flex-grow: 1; |
||||
flex-shrink: 0; |
||||
margin-inline-end: var(--grid-gap); |
||||
} |
||||
.region--content-below |
||||
#block-olivesbdh-views-block-front-page-featured-books-block-2 { |
||||
flex-basis: calc(25% - (var(--grid-gap) / 2)); |
||||
flex-grow: 1; |
||||
flex-shrink: 0; |
||||
margin-inline-end: var(--grid-gap); |
||||
} |
||||
|
||||
.region--content-below > *:nth-child(2n), |
||||
.region--content-below > *:last-child { |
||||
margin-inline-end: 0; |
||||
} |
||||
} |
||||
#block-olivesbdh-maparchiveslpblock, |
||||
#block-olivesbdh-learnmorelpblock { |
||||
.block__content { |
||||
border: 1px solid #ccc; |
||||
img { |
||||
width: 100%; |
||||
} |
||||
} |
||||
} |
||||
.card-section { |
||||
background: #f6f8f8; |
||||
padding: 1rem; |
||||
img { |
||||
width: 100%; |
||||
} |
||||
display: flex; |
||||
.left { |
||||
margin-right: 3rem; |
||||
} |
||||
h4 { |
||||
margin: 0; |
||||
margin-top: 1rem; |
||||
font-size: 1.4rem; |
||||
} |
||||
ul { |
||||
margin: 0; |
||||
list-style-type: none; |
||||
margin-left: 0.5rem; |
||||
} |
||||
a { |
||||
text-decoration: none !important; |
||||
font-size: 1.1rem; |
||||
} |
||||
} |
||||
|
||||
.page-node-type-landing-page .node__content { |
||||
padding: 0; |
||||
} |
||||
.page-node-type-landing-page .main-content__container { |
||||
padding-top: 1rem; |
||||
} |
||||
/*icons*/ |
||||
#block-olivesbdh-learnmorelpblock .block__title, |
||||
#block-olivesbdh-maparchiveslpblock .block__title { |
||||
position: relative; /* Optional: for positioning adjustments */ |
||||
font-size: 1.8rem; |
||||
svg { |
||||
/*width: 30px;*/ |
||||
} |
||||
&::before { |
||||
display: inline-block; |
||||
width: 40px; /* Adjust the size as needed */ |
||||
height: 40px; /* Adjust the size as needed */ |
||||
margin-right: 8px; /* Space between icon and text */ |
||||
vertical-align: middle; /* Aligns icon with text */ |
||||
} |
||||
} |
||||
|
||||
#block-olivesbdh-learnmorelpblock .block__title::before { |
||||
content: url("../../images/telescope.svg"); /* Path to your SVG file */ |
||||
} |
||||
#block-olivesbdh-maparchiveslpblock .block__title::before { |
||||
content: url("../../images/sextant.svg"); /* Path to your SVG file */ |
||||
} |
||||
Loading…
Reference in new issue