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