3 changed files with 694 additions and 177 deletions
@ -0,0 +1,417 @@ |
|||||||
|
/*===================== |
||||||
|
timeline display |
||||||
|
=====================*/ |
||||||
|
h3.tl-headline-date { |
||||||
|
color: #333 !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; |
||||||
|
/*font-size: 3em !important;*/ |
||||||
|
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-top: 1px solid #e5e5e5; |
||||||
|
border: 1px solid #ccc; |
||||||
|
direction: ltr; |
||||||
|
|
||||||
|
box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px; |
||||||
|
} |
||||||
|
.tl-text { |
||||||
|
border: 1px solid #ccc; |
||||||
|
padding: 1em !important; |
||||||
|
} |
||||||
|
.tl-text p { |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
.tl-text h2.tl-headline { |
||||||
|
font-size: 2rem; |
||||||
|
} |
||||||
|
.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; |
||||||
|
} |
||||||
|
h2.tl-headline { |
||||||
|
color: #333 !important; |
||||||
|
} |
||||||
|
h2.tl-headline:hover { |
||||||
|
color: #fff !important; |
||||||
|
} |
||||||
|
/* ============================================================ |
||||||
|
Browse page |
||||||
|
============================================================ */ |
||||||
|
|
||||||
|
.newspaper-browse .views-row { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 1em; |
||||||
|
border-bottom: 1px solid #ccc; |
||||||
|
padding-bottom: 2em; |
||||||
|
margin-block: 2em; |
||||||
|
h3 { |
||||||
|
margin: 0 0 0.5em; |
||||||
|
} |
||||||
|
.views-field-thumbnail__target-id { |
||||||
|
width: 150px; /* whatever fixed width you want */ |
||||||
|
flex-shrink: 0; /* prevents the image from shrinking */ |
||||||
|
} |
||||||
|
.views-field-title { |
||||||
|
flex: 1; /* takes up all remaining space */ |
||||||
|
min-width: 0; /* prevents text overflow issues */ |
||||||
|
} |
||||||
|
} |
||||||
|
.views-view-newspaper-issues { |
||||||
|
/* display: flex; */ |
||||||
|
border: 1px solid #ccc; |
||||||
|
padding: 0.5em; |
||||||
|
display: inline-block; |
||||||
|
background: #f5f5f5; |
||||||
|
.views-row { |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
details.views-view-newspaper-group li.views-row { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
details.views-view-newspaper-group { |
||||||
|
} |
||||||
|
|
||||||
|
ul.views-view-newspaper-issues |
||||||
|
.views-field-field-media-use |
||||||
|
.field-content:after { |
||||||
|
content: " : "; |
||||||
|
} |
||||||
|
ul.views-view-newspaper-issues .views-field-field-media-use .field-content { |
||||||
|
width: 10em; |
||||||
|
} |
||||||
|
|
||||||
|
/* ============================================================ |
||||||
|
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: 0.5em 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; |
||||||
|
} |
||||||
|
|
||||||
|
div#block-olivesnews-solrsearchcontentsearchresultspagerforpage { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
div#block-olivesnews-content .view-header { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
/* ============================================================ |
||||||
|
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; |
||||||
|
/* width: 100%; */ |
||||||
|
} |
||||||
|
|
||||||
|
.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: #691803; |
||||||
|
} |
||||||
|
|
||||||
|
/* ============================================================ |
||||||
|
SITE HEADER |
||||||
|
============================================================ */ |
||||||
|
|
||||||
|
div#block-olivesnews-site-branding { |
||||||
|
background: #333; |
||||||
|
} |
||||||
|
|
||||||
|
.site-header__initial { |
||||||
|
background: #000; |
||||||
|
} |
||||||
|
|
||||||
|
.social-bar { |
||||||
|
background-image: url(../../images/natural_paper.png); |
||||||
|
} |
||||||
|
/* ============================================================ |
||||||
|
Directory |
||||||
|
============================================================ */ |
||||||
|
.newspaper-directory .views-row { |
||||||
|
border-bottom: 1px solid #ccc; |
||||||
|
margin-bottom: 1em; |
||||||
|
strong { |
||||||
|
font-family: var(--font-serif); |
||||||
|
font-size: var(--font-size-base); |
||||||
|
a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
} |
||||||
|
p { |
||||||
|
margin-left: 1em; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/* ============================================================ |
||||||
|
Accordion pages |
||||||
|
============================================================ */ |
||||||
|
.form-item-field-edtf-date-issued-value label.form-item__label { |
||||||
|
font-family: var(--font-serif); |
||||||
|
font-size: var(--font-size-base); |
||||||
|
} |
||||||
|
.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%; |
||||||
|
} |
||||||
|
.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: 0.5em 1em; |
||||||
|
max-width: 604px; |
||||||
|
margin: 2em 0 2em; |
||||||
|
background: #f6f8f8; |
||||||
|
background-color: #f5f5f5; |
||||||
|
} |
||||||
|
/*main strip*/ |
||||||
|
.accordion--periodicals details summary { |
||||||
|
background-color: #d3d3d3; |
||||||
|
font-family: var(--font-serif); |
||||||
|
font-size: var(--font-size-base); |
||||||
|
padding: 1em; |
||||||
|
border: 1px solid #a9a9a9; |
||||||
|
} |
||||||
|
/*sub-strip*/ |
||||||
|
.accordion--periodicals .views-view-newspaper-group summary { |
||||||
|
background-color: #f5f5f5; |
||||||
|
border: 1px solid #ccc; |
||||||
|
margin-bottom: 4px; |
||||||
|
} |
||||||
|
.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: 0.8em; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.accordion--periodicals ul li { |
||||||
|
list-style-type: none; |
||||||
|
a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
} |
||||||
|
ul.views-view-newspaper-issues { |
||||||
|
columns: 3; |
||||||
|
} |
||||||
|
/* ============================================================ |
||||||
|
BROWSE PAGE |
||||||
|
============================================================ */ |
||||||
|
.view-newspaper-directory img { |
||||||
|
border: 1px solid #ccc; |
||||||
|
padding: 2px; |
||||||
|
width: 150px; |
||||||
|
} |
||||||
|
.node--type-islandora-object .field { |
||||||
|
display: flex; |
||||||
|
border-bottom: 1px dotted #ccc; |
||||||
|
margin: 0; |
||||||
|
padding-bottom: 0.5em; |
||||||
|
margin-bottom: 0.5em; |
||||||
|
|
||||||
|
.field__label { |
||||||
|
font-family: var(--font-sans); |
||||||
|
font-size: var(--font-size-base); |
||||||
|
flex: 0 0 150px; |
||||||
|
} |
||||||
|
.field__item { |
||||||
|
font-family: var(--font-sans); |
||||||
|
font-size: var(--font-size-base); |
||||||
|
flex: 1; |
||||||
|
line-height: 2; |
||||||
|
p { |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
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; |
||||||
|
strong { |
||||||
|
flex: 0 0 155px; |
||||||
|
/*text-align:right;*/ |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
div#block-views-block-media-display-blocks-source:has(.view-empty) { |
||||||
|
display: none; |
||||||
|
} /*display: flex;*/ |
||||||
|
div#edit-citation-info { |
||||||
|
margin-right: 1em; |
||||||
|
} |
||||||
|
|
||||||
|
div#formatted-bibliography:has(div) { |
||||||
|
box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 11px -2px; |
||||||
|
border: 1px solid #ccc; |
||||||
|
padding: 1em; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
nav.pager { |
||||||
|
display: flex; |
||||||
|
justify-content: space-around; |
||||||
|
} |
||||||
|
div#block-olivesnews-creatorsandcontributors .block__title { |
||||||
|
line-height: 1; |
||||||
|
} |
||||||
|
/*misc*/ |
||||||
|
article .text-content img { |
||||||
|
border: 1px solid #ccc; |
||||||
|
padding: 4px; |
||||||
|
} |
||||||
|
#election_dates h2 { |
||||||
|
margin: 1; |
||||||
|
padding: 3px 0px 3px 0px; |
||||||
|
text-align: center; |
||||||
|
color: #fff; |
||||||
|
font-family: var(--font-serif) !important; |
||||||
|
} |
||||||
|
.newspaper-browse a { |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
.tl-slider-container-mask { |
||||||
|
background: #f8f8f8; |
||||||
|
border: 1px solid #ccc; |
||||||
|
border-top: 0; |
||||||
|
} |
||||||
|
.tl-text { |
||||||
|
background: #fff; |
||||||
|
border: 1px solid #ccc; |
||||||
|
} |
||||||
|
button.tl-menubar-button { |
||||||
|
color: #737373; |
||||||
|
} |
||||||
|
.tl-timenav { |
||||||
|
border: 1px solid #ccc; |
||||||
|
} |
||||||
Loading…
Reference in new issue