diff --git a/css/base/base.css b/css/base/base.css index 35a0ee7..a8ff5c3 100755 --- a/css/base/base.css +++ b/css/base/base.css @@ -1,14 +1,6 @@ -/* - * DO NOT EDIT THIS FILE. - * See the following change record for more information, - * https://www.drupal.org/node/3084859 - * @preserve - */ - -/** - * @file - * Generic base elements. - */ + + + *, *::before, @@ -28,9 +20,9 @@ body { margin: 0; color: var(--color-text-neutral-medium); background-color: var(--color--gray-100); - /*background-color: #ece8e3;*/ - /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");*/ - /*background-position: top left; [> LTR <]*/ + + + } body.is-fixed { @@ -93,7 +85,7 @@ h2 { @media (min-width: 43.75rem) { h2 { - /*font-size: 2.25rem;*/ + font-size: 2rem; line-height: var(--sp3); } diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index 3911be2..94587f4 100755 --- a/css/components/islandora_mods.css +++ b/css/components/islandora_mods.css @@ -1,36 +1,37 @@ -.page-node-type-book { - #toggle-facets { - display:none; - } - - +.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*/ + +/* tables */ .view-people .view-content, .view-tunes .view-content { overflow-x: auto; -webkit-overflow-scrolling: touch; } -/*tooltips*/ +/* tooltips */ .audio-tooltip { position: absolute; - background: #2d2d2d; background: #9a5152; color: white; padding: 8px 12px; @@ -44,7 +45,6 @@ div#block-olivesbdh-solrsearchcontentsearchresultspagerforpage { } .audio-tooltip-link { - color: #a5d8ff; color: white; text-decoration: none; font-weight: 500; @@ -54,6 +54,7 @@ div#block-olivesbdh-solrsearchcontentsearchresultspagerforpage { text-decoration: underline; color: white; } + a.js-play-audio-from-node::after { content: ""; display: inline-block; @@ -65,10 +66,12 @@ a.js-play-audio-from-node::after { background-size: contain; background-position: center; } -/*audio player*/ + +/* audio player */ div#global-audio-wrapper.is-hidden { display: none; } + #global-audio-wrapper { position: fixed; bottom: 0; @@ -84,172 +87,177 @@ div#global-audio-wrapper.is-hidden { 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*/ + +/* media */ iframe.pdf { height: 1380px; } + .node__content video { width: 100%; } + @media (min-width: 1100px) { .view.view-tunes th { min-width: 9em; } + th#view-name-2-table-column { + width: 18em; + } } -/*facets*/ + +/* 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; - } + /*margin: 0;*/ +} + +.facet-wrapper ul a { + text-decoration: none; + font-size: 1em; } -/*tune variants*/ + +/* 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: " :"; - } +.view-bdh-audio-views caption a { + font-size: 1.5rem; + text-decoration: none; + font-variant: unset; + font-style: normal; + padding-top: 1em; + display: flex; +} + +.view-bdh-audio-views caption a:after { + content: " :"; } -/*video*/ + +/* able player */ .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*/ + +/* people pages */ @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); - } - } +.person--layout .field--name-field-representative-image img { + border: 1px solid #ccc; + padding: 4px; + margin-right: 1em; + width: 100%; } -.views-field.views-field-field-abstract { - .label { - display: none; - } - li { - list-style-type: none; - } + +.person--layout .field--name-description { + margin-left: 1rem; + line-height: 1.7; +} + +.person--layout .person--details { + background: var(--color--bdh-red); + color: #fff; + padding: 1rem; +} + +.person--layout .person--details a { + color: #fff; +} + +.person--layout .person--details a:hover { + color: #fff; + text-decoration: underline; +} + +.person--layout .person--details .field { + border-bottom: 1px solid #d2966e; + padding-bottom: 1em; +} + +.person--layout .person--details .field__label { + width: 14em; + color: #fff; + font-family: var(--font-serif); +} + +.views-field.views-field-field-abstract .label { + display: none; +} + +.views-field.views-field-field-abstract li { + list-style-type: none; } + +/* islandora object */ .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; - } +.node--type-islandora-object .node__content a { + 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; - } + +.node--type-islandora-object .node__content a:hover { + color: #fff; + text-decoration: underline; } + +.node--type-islandora-object .node__content .field__label { + width: 14em; + font-weight: bold; + color: #fff; + font-family: var(--font-serif); +} + +.node--type-islandora-object .node__content .field { + border-bottom: 1px solid #fff; + padding-bottom: 1em; +} + +.book-navigation__menu a { + width: 100%; +} + +.book-navigation__menu .menu__item--active-trail, +.menu__item--active-trail { + /*text-decoration: underline;*/ +} +.book-navigation__menu .menu__item--active-trail:before, .menu__item--active-trail:before { content: ">"; + content: "\266B"; font-weight: bold; } + .node--type-islandora-object .field__label { width: 14em; } @@ -258,143 +266,134 @@ iframe.pdf { flex: 1; } +/* ================= SEARCH RESULT ================= */ + .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; - } } + +.search-result .views-field-did-image img { + width: var(--image-width); + border: 1px solid #ccc; +} + +.search-result .views-field-did-image { + overflow: hidden; +} + +.search-result .search-result_inner-wrapper { + 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%); +} + +.search-result .views-field-title { + background: var(--field-bg); + padding: var(--border-width); +} + +.search-result .views-field-title h4 { + margin: 0; + font-weight: bold; + line-height: var(--line-height); + font-size: 1em; +} + +.search-result .views-field-title h4 a { + text-decoration: none; +} + +.search-result + .views-field:not(.views-field-field-representative-image):not( + .views-field-did-image + ) { + background: var(--field-bg); + border-bottom: var(--border-width) dotted var(--color--bdh-red); + padding: var(--border-width); + line-height: var(--line-height); +} + +.search-result + .views-field:not(.views-field-field-representative-image):not( + .views-field-did-image + ) + a { + text-decoration: none; +} + +.search-result span.views-label { + font-weight: bold; + font-family: var(--font-serif); + font-size: 0.85rem; +} + +.search-result .views-field:not(.views-field-title) { + font-size: 0.85rem; +} + +/* pager */ 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 { - } - } } + +.advanced_search_result_pager .pager__link--is-active { + border: solid 2px var(--color--bdh-red); + font-weight: bold; + text-decoration: none !important; +} + #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; - } +/* tables */ +.view-tunes th, +.view-tunes td, +.view-people th, +.view-people td { + text-align: center !important; } + +/* islandora abstract */ .node--type-islandora-object .field--name-field-abstract { display: flex; - .field__item { - line-height: 1.5; - } - .field__label { - /*margin-right: 2em;*/ - } } + +.node--type-islandora-object .field--name-field-abstract .field__item { + line-height: 1.5; +} + +/* image grid */ .view-bdh-image-view .views-view-responsive-grid__item { border: 1px solid #ccc; padding: 4px; - .views-field-title a { - font-weight: bold; - } } + +.view-bdh-image-view .views-field-title a { + font-weight: bold; +} + +/* PDF download */ 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); + display: inline-flex; + align-items: center; cursor: pointer; text-align: center; - -webkit-text-decoration: none; text-decoration: none; color: var(--color-text-primary-medium); border: solid 2px currentColor; @@ -403,15 +402,10 @@ span.file.file--mime-application-pdf.file--application-pdf a { 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); + padding: 1px var(--sp1-5); } + span.file.file--mime-application-pdf.file--application-pdf:before { content: "Download PDF: "; font-size: 1.3em; diff --git a/css/components/islandora_mods_bk.css b/css/components/islandora_mods_bk.css new file mode 100755 index 0000000..ed7bf09 --- /dev/null +++ b/css/components/islandora_mods_bk.css @@ -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; +} diff --git a/css/components/landing_page.css b/css/components/landing_page.css index 8f11c43..e434f5f 100755 --- a/css/components/landing_page.css +++ b/css/components/landing_page.css @@ -1,86 +1,76 @@ -/*Landing page menu*/ +/* 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 { + list-style-type: none; + margin: 0; + display: flex; + justify-content: center; +} + +nav#block-olivesbdh-landingpagemenu .menu .menu__link { + background: #995051; + display: flex; + flex-direction: column; + text-decoration: none; + color: #fff; + transition: all 0.2s linear; +} + +nav#block-olivesbdh-landingpagemenu .menu .menu__link:hover { + background: #d2966e; +} + +nav#block-olivesbdh-landingpagemenu .menu 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;*/ - } -} +/* end of Landing page menu */ .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); - } +.logo--ilivesbdh h1, +.logo--ilivesbdh h2 { + margin: 0; + text-shadow: 2px 2px black; + color: #fff; } -/* ── Only below 800px: start fluid scaling down ── */ + +.logo--ilivesbdh h1 { + font-size: var(--h1-size); + border-bottom: 4px double; +} + +.logo--ilivesbdh h2 { + font-size: var(--h2-size); +} + @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); } @@ -88,19 +78,22 @@ figure.logo--ilivesbdh { 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; } @@ -110,174 +103,23 @@ article.node.node--type-landing-page h2 { 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); - } +/* Featured books blocks */ - .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; - } +.card-section 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 */ -} diff --git a/css/components/landing_page_bk.css b/css/components/landing_page_bk.css new file mode 100755 index 0000000..8f11c43 --- /dev/null +++ b/css/components/landing_page_bk.css @@ -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 */ +}