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.
638 lines
14 KiB
638 lines
14 KiB
/* ============================================================ |
|
CSS CUSTOM PROPERTIES (referenced throughout) |
|
- --color--upei-red |
|
- --color--white |
|
- --color--black |
|
- --color--gray-20 (#333 equivalent) |
|
- --font-serif |
|
- --font-sans |
|
- --font-size-base |
|
- --color-text-neutral-medium |
|
- --sp, --sp0-5, --sp1, --sp2 (spacing scale) |
|
============================================================ */ |
|
|
|
/* ============================================================ |
|
SITE HEADER |
|
============================================================ */ |
|
|
|
div#block-olivesnews-site-branding { |
|
background: var(--color--gray-20); |
|
background: #222; |
|
} |
|
|
|
.site-header__initial { |
|
background: var(--color--black); |
|
} |
|
|
|
.social-bar { |
|
background-image: url(../../images/natural_paper.png); |
|
} |
|
|
|
/* ============================================================ |
|
TIMELINE DISPLAY |
|
============================================================ */ |
|
|
|
h3.tl-headline-date { |
|
color: var(--color--gray-20) !important; |
|
} |
|
|
|
h2.tl-headline { |
|
color: var(--color--gray-20) !important; |
|
} |
|
|
|
h2.tl-headline:hover { |
|
color: var(--color--white) !important; |
|
} |
|
|
|
.tl-timeline a { |
|
text-decoration: none; |
|
color: var(--color--upei-red); |
|
} |
|
|
|
.tl-timeline h1, |
|
.tl-timeline h2, |
|
.tl-timeline h3, |
|
.tl-timeline h4, |
|
.tl-timeline h5, |
|
.tl-timeline h6 { |
|
font-family: var(--font-serif) !important; |
|
text-transform: none !important; |
|
font-weight: 700; |
|
line-height: 1.2 !important; |
|
} |
|
|
|
.tl-timeline p { |
|
font-family: var(--font-serif) !important; |
|
font-size: 1em !important; |
|
line-height: 1.4 !important; |
|
} |
|
|
|
.tl-timenav { |
|
width: 100%; |
|
background-color: #f2f2f2; |
|
position: relative; |
|
overflow: hidden; |
|
border: 1px solid #ccc; |
|
direction: ltr; |
|
box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px; |
|
} |
|
|
|
.tl-text { |
|
background: var(--color--white); |
|
border: 1px solid #ccc; |
|
padding: var(--sp1) !important; |
|
} |
|
|
|
.tl-text p { |
|
color: var(--color--gray-20); |
|
} |
|
|
|
.tl-text h2.tl-headline { |
|
font-size: 2rem; |
|
} |
|
|
|
.tl-slider-container-mask { |
|
background: #f8f8f8; |
|
border: 1px solid #ccc; |
|
border-top: 0; |
|
} |
|
|
|
.tl-slidenav-previous .tl-slidenav-title, |
|
.tl-slidenav-next .tl-slidenav-title { |
|
margin-top: 10px; |
|
filter: alpha(opacity=15); |
|
opacity: 1; |
|
font-size: 11px; |
|
line-height: 11px; |
|
font-family: var(--font-sans) !important; |
|
} |
|
|
|
button.tl-menubar-button { |
|
color: #737373; |
|
} |
|
|
|
/* ============================================================ |
|
COLLECTION GRID |
|
============================================================ */ |
|
|
|
.grid-item { |
|
border: 1px solid #ccc; |
|
padding: 8px; |
|
border-radius: 4px; |
|
box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px; |
|
line-height: 1; |
|
} |
|
|
|
.grid-item .grid-item__image { |
|
margin: 0; |
|
background: #ece8e3; |
|
overflow: hidden; |
|
height: 350px; |
|
} |
|
|
|
.grid-item .grid-item__image img { |
|
width: 100%; |
|
} |
|
|
|
.grid-item .grid-item__title { |
|
display: block; |
|
padding: var(--sp0-5) 0; |
|
line-height: 1.2; |
|
margin: 5px 0 6px; |
|
font-weight: bold; |
|
border-bottom: 1px dotted #574938; |
|
font-size: 0.8em; |
|
} |
|
|
|
.grid-item .grid-item__title a { |
|
text-decoration: none; |
|
font-family: var(--font-serif); |
|
color: var(--color--upei-red); |
|
} |
|
|
|
.grid-item .views-field-field-abstract, |
|
.grid-item .abstract { |
|
display: block; |
|
line-height: 1.4; |
|
margin-bottom: 5px; |
|
font-size: 0.9em; |
|
color: var(--color-text-neutral-medium); |
|
} |
|
|
|
.grid-item .views-field-field-abstract a.views-more-link, |
|
.grid-item .abstract a.views-more-link { |
|
text-decoration: underline; |
|
} |
|
|
|
.grid-item .views-field-member-of-title { |
|
line-height: 1.2; |
|
} |
|
|
|
.grid-item .views-label, |
|
.grid-item .views-field-member-of-title .field__label { |
|
font-size: 0.8em; |
|
font-weight: bold; |
|
font-family: var(--font-serif); |
|
color: var(--color--upei-red); |
|
} |
|
|
|
.grid-item .views-field-member-of-title .field__item { |
|
font-size: 0.9em; |
|
} |
|
|
|
/* ============================================================ |
|
FACETS |
|
============================================================ */ |
|
|
|
.facets-widget-links ul { |
|
list-style-type: none; |
|
margin-left: 0; |
|
} |
|
|
|
.facets-widget-links ul li { |
|
margin-bottom: 3px; |
|
} |
|
|
|
.facets-widget-links ul span.facet-item__count { |
|
font-weight: 600; |
|
} |
|
|
|
.facets-widget-range_nouislider ul { |
|
list-style-type: none; |
|
margin: 0; |
|
} |
|
|
|
.facets-widget-range_nouislider .facet-slider { |
|
margin: 60px 14px 0; |
|
} |
|
|
|
.facets-widget-range_nouislider .js-form-type-textfield { |
|
display: flex; |
|
} |
|
|
|
.facets-widget-range_nouislider label.form-item__label { |
|
width: 3em; |
|
} |
|
|
|
.facets-widget-range_nouislider .noUi-tooltip { |
|
border: 1px solid #8196a2; |
|
} |
|
|
|
.facets-widget-range_nouislider .noUi-connect { |
|
background: var(--color--upei-red); |
|
} |
|
|
|
/* ============================================================ |
|
NEWSPAPER BROWSE PAGE |
|
============================================================ */ |
|
.newspaper-browse .view-header, |
|
.newspaper-browse .text-content { |
|
font-size: var(--font-size-base); |
|
font-family: var(--font-serif); |
|
} |
|
.newspaper-browse a { |
|
text-decoration: none; |
|
} |
|
|
|
.newspaper-browse .views-row { |
|
display: flex; |
|
align-items: center; |
|
gap: var(--sp1); |
|
border-bottom: 1px solid #ccc; |
|
padding-bottom: var(--sp2); |
|
margin-block: var(--sp2); |
|
} |
|
|
|
.newspaper-browse .views-row h3 { |
|
margin: 0 0 var(--sp0-5); |
|
} |
|
|
|
.newspaper-browse .views-row .views-field-thumbnail__target-id { |
|
width: 150px; |
|
flex-shrink: 0; |
|
} |
|
|
|
.newspaper-browse .views-row .views-field-title { |
|
flex: 1; |
|
min-width: 0; |
|
} |
|
|
|
.view-newspaper-directory img { |
|
border: 1px solid #ccc; |
|
padding: 2px; |
|
width: 150px; |
|
} |
|
|
|
.views-view-newspaper-issues { |
|
border: 1px solid #ccc; |
|
padding: var(--sp0-5); |
|
/*background: #f5f5f5;*/ |
|
} |
|
|
|
ul.views-view-newspaper-issues .views-field-field-media-use .field-content { |
|
width: 10em; |
|
} |
|
|
|
ul.views-view-newspaper-issues |
|
.views-field-field-media-use |
|
.field-content:after { |
|
content: " : "; |
|
} |
|
|
|
details.views-view-newspaper-group li.views-row { |
|
display: flex; |
|
} |
|
|
|
/* ============================================================ |
|
NEWSPAPER DIRECTORY |
|
============================================================ */ |
|
|
|
.newspaper-directory .views-row { |
|
border-bottom: 1px solid #ccc; |
|
margin-bottom: var(--sp1); |
|
font-family: var(--font-serif); |
|
font-size: var(--font-size-base); |
|
} |
|
|
|
.newspaper-directory .views-row strong { |
|
font-family: var(--font-serif); |
|
font-size: var(--font-size-base); |
|
} |
|
|
|
.newspaper-directory .views-row strong a { |
|
text-decoration: none; |
|
font-size: 1.5rem; |
|
line-height: var(--sp2); |
|
} |
|
|
|
.newspaper-directory .views-row p { |
|
margin-left: var(--sp1); |
|
} |
|
|
|
/* ============================================================ |
|
ACCORDION / PERIODICALS |
|
============================================================ */ |
|
.accordion--periodicals .details__content { |
|
margin-left: 1rem; |
|
} |
|
/* Main strip */ |
|
.accordion--periodicals details summary { |
|
background-color: #d3d3d3; |
|
font-family: var(--font-serif); |
|
font-size: var(--font-size-base); |
|
padding: var(--sp1); |
|
border: 1px solid #a9a9a9; |
|
border-radius: 4px; |
|
} |
|
|
|
.accordion--periodicals ul.views-view-newspaper-issues { |
|
columns: 3; |
|
} |
|
/* Sub-strip */ |
|
.accordion--periodicals .views-view-newspaper-group summary { |
|
background-color: #f5f5f5; |
|
border: 1px solid #ccc; |
|
margin-bottom: 4px; |
|
} |
|
|
|
.accordion--periodicals ul li { |
|
list-style-type: none; |
|
} |
|
|
|
.accordion--periodicals ul li a { |
|
text-decoration: none; |
|
} |
|
|
|
.expAll, |
|
.collAll { |
|
text-transform: uppercase; |
|
text-decoration: none; |
|
border: 1px solid #ccc; |
|
line-height: 1; |
|
padding: 0.3em; |
|
font-size: 0.8em; |
|
background-color: #f5f5f5; |
|
margin: var(--sp0-75); |
|
display: inline-block; |
|
} |
|
/*medi download*/ |
|
.accordion-view > .view-content, |
|
.media-download > .view-content { |
|
columns: 1; |
|
} |
|
details.views-view-newspaper-group summary, |
|
.block-views-blockdownload-media-issue-block-1 summary.main, |
|
.media-download details.views-view-newspaper-group summary { |
|
background-color: #d3d3d3; |
|
font-family: var(--font-serif); |
|
font-size: var(--font-size-base); |
|
padding: 1em; |
|
border: 1px solid #a9a9a9; |
|
margin-bottom: 4px; |
|
border-radius: 4px; |
|
} |
|
|
|
.media-download > .view-content { |
|
summary { |
|
background-color: #f5f5f5 !important; |
|
margin-left: 1rem; |
|
} |
|
} |
|
div#block-views-block-download-media-block-1 { |
|
margin-bottom: 1em; |
|
} |
|
/* ============================================================ |
|
EXPOSED FILTER FORMS |
|
============================================================ */ |
|
|
|
.view-newspapers-view .view-filters { |
|
margin: 0; |
|
} |
|
|
|
form#views-exposed-form-newspaper-directory-page-1, |
|
form#views-exposed-form-newspapers-view-block-1 { |
|
border: 1px solid #ccc; |
|
padding: var(--sp0-5) var(--sp1); |
|
margin: var(--sp2) 0; |
|
background-color: #f5f5f5; |
|
border-radius: 4px; |
|
} |
|
form#views-exposed-form-newspapers-view-block-1 { |
|
max-width: 608px; |
|
} |
|
form#views-exposed-form-newspaper-directory-page-1 { |
|
max-width: 425px; |
|
} |
|
|
|
.form-item-field-edtf-date-issued-value label.form-item__label { |
|
font-family: var(--font-serif); |
|
font-size: var(--font-size-base); |
|
font-weight: bold; |
|
} |
|
.form-item-field-edtf-date-issued-value label.form-item__label:after { |
|
content: ":"; |
|
} |
|
|
|
.form-item-field-edtf-date-issued-value .form-item__description { |
|
max-width: 66ch; |
|
} |
|
|
|
.form-item-field-edtf-date-issued-value |
|
input#edit-field-edtf-date-issued-value { |
|
width: 100%; |
|
} |
|
|
|
/* ============================================================ |
|
ISLANDORA OBJECT NODE |
|
============================================================ */ |
|
.node__content .field--name-field-contributor-details .field__item p { |
|
font-family: var(--font-sans) !important; |
|
} |
|
.node--type-islandora-object .field { |
|
display: flex; |
|
border-bottom: 1px dotted #ccc; |
|
margin: 0; |
|
padding-bottom: var(--sp0-5); |
|
margin-bottom: var(--sp0-5); |
|
} |
|
|
|
.node--type-islandora-object .field .field__label { |
|
font-family: var(--font-sans); |
|
font-size: var(--font-size-base); |
|
flex: 0 0 230px; |
|
} |
|
|
|
.node--type-islandora-object .field .field__item { |
|
font-family: var(--font-sans); |
|
font-size: var(--font-size-base); |
|
flex: 1; |
|
/*line-height: 2;*/ |
|
} |
|
|
|
.node--type-islandora-object .field .field__item p { |
|
margin: 0; |
|
} |
|
|
|
.node--type-islandora-object .field summary { |
|
font-family: var(--font-sans); |
|
font-size: var(--font-size-base); |
|
margin: 0; |
|
} |
|
|
|
.node--type-islandora-object .field--name-field-contributor-details p { |
|
display: flex; |
|
border-bottom: 1px dotted #ccc; |
|
} |
|
|
|
.node--type-islandora-object .field--name-field-contributor-details p strong { |
|
flex: 0 0 155px; |
|
} |
|
.field--name-field-abstract .field__item p { |
|
font-family: var(--font-sans); |
|
} |
|
/* ============================================================ |
|
CITATION / BIBLIOGRAPHY |
|
============================================================ */ |
|
@media (max-width: 700px) { |
|
div#edit-container-citation { |
|
display: block; |
|
} |
|
.region--content { |
|
display: block; |
|
} |
|
.region--content-below:has(.block-citation-select) { |
|
margin: 0; |
|
} |
|
} |
|
div#edit-citation-info { |
|
margin-right: var(--sp1); |
|
} |
|
|
|
div#formatted-bibliography:has(div) { |
|
box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px; |
|
border: 1px solid #ccc; |
|
padding: var(--sp1); |
|
margin: 0; |
|
} |
|
|
|
/* ============================================================ |
|
SEARCH RESULTS |
|
============================================================ */ |
|
|
|
div#block-olivesnews-solrsearchcontentsearchresultspagerforpage { |
|
margin: 0; |
|
} |
|
|
|
div#block-olivesnews-content .view-header { |
|
margin: 0; |
|
} |
|
|
|
div#block-olivesnews-creatorsandcontributors .block__title { |
|
line-height: 1; |
|
} |
|
|
|
div#block-views-block-media-display-blocks-source:has(.view-empty) { |
|
display: none; |
|
} |
|
|
|
/* ============================================================ |
|
PAGER |
|
============================================================ */ |
|
|
|
nav.pager { |
|
display: flex; |
|
justify-content: space-around; |
|
} |
|
/* ============================================================ |
|
Side bar views layout |
|
============================================================ */ |
|
@media (min-width: 1000px) { |
|
.newspaper-directory, |
|
.accordion-view { |
|
display: grid; |
|
grid-template-columns: 1fr 360px; |
|
gap: 2em; |
|
grid-template-areas: |
|
"content filters" |
|
"pager pager"; |
|
} |
|
.accordion-view .view-filters, |
|
.newspaper-directory .view-filters { |
|
grid-area: filters; |
|
} |
|
|
|
.accordion-view .view-content, |
|
.newspaper-directory .view-content { |
|
grid-area: content; |
|
} |
|
.accordion-view .pager { |
|
grid-area: pager; |
|
} |
|
.accordion-view form#views-exposed-form-newspapers-view-block-1 { |
|
margin-top: 0; |
|
} |
|
} |
|
|
|
#block-views-block-newspapers-view-block-1 { |
|
grid-column: 2 / 15; |
|
} |
|
.path-newspaper-directory #block-olivesnews-content { |
|
/* display: none; */ |
|
grid-column: 2 / 15; |
|
} |
|
form#views-exposed-form-newspaper-directory-page-1, |
|
#views-exposed-form-newspapers-view-block-1 { |
|
margin-top: 0; |
|
input#edit-title { |
|
width: 100%; |
|
margin: 0.5rem 0; |
|
} |
|
.form-item-title { |
|
width: 100%; |
|
} |
|
label { |
|
margin-block: 0 var(--sp); |
|
font-family: var(--font-serif); |
|
letter-spacing: 0.02em; |
|
color: var(--color-text-neutral-loud); |
|
/* font-size: var(--font-size-l); */ |
|
font-weight: normal; |
|
font-size: 24px; |
|
line-height: var(--sp); |
|
line-height: 1; |
|
border-bottom: 4px double; |
|
padding-bottom: 4px; |
|
} |
|
div#edit-actions { |
|
margin-top: 0; |
|
} |
|
} |
|
|
|
/* ============================================================ |
|
MISCELLANEOUS |
|
============================================================ */ |
|
|
|
article .text-content img { |
|
border: 1px solid #ccc; |
|
padding: 4px; |
|
} |
|
|
|
#election_dates h2 { |
|
margin: 1; |
|
padding: 3px 0px 3px 0px; |
|
text-align: center; |
|
color: var(--color--white); |
|
font-family: var(--font-serif) !important; |
|
} |
|
/*mirador colors*/ |
|
.MuiSvgIcon-root { |
|
fill: var(--color--upei-red) !important; |
|
} |
|
|
|
.mirador16.mirador15 { |
|
border-top: 2px solid var(--color--upei-red) !important; |
|
} |
|
.MuiTab-textColorPrimary.Mui-selected { |
|
color: var(--color--upei-red) !important; |
|
} |
|
.mirador27 { |
|
border-right: 2px solid var(--color--upei-red) !important; |
|
} |
|
@media (max-width: 1000px) { |
|
.node-336005 tr td { |
|
display: block; |
|
} |
|
|
|
.node-336005 td { |
|
height: initial !important; |
|
} |
|
} |
|
/* this may be temporARY */ |
|
.page-node-type-islandora-object { |
|
div#block-olivesnews-content { |
|
margin-bottom: 1em; |
|
} |
|
div#block-olivesnews-page-title { |
|
margin-bottom: 1em; |
|
} |
|
}
|
|
|