/*===================== 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; }