formatted islandora_mods.css file

css/components/islandora_mods.css

@@ -225,11 +225,13 @@ button.tl-menubar-button {
 /* ============================================================
    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;
 }
@@ -266,16 +268,13 @@ button.tl-menubar-button {
 .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 {
+.views-view-newspaper-issues .views-field-field-media-use .field-content {
   width: 10em;
 }
 
-ul.views-view-newspaper-issues
+.views-view-newspaper-issues .views-field-field-media-use .field-content:after {
-  .views-field-field-media-use
-  .field-content:after {
   content: " :  ";
 }
 
@@ -312,10 +311,11 @@ details.views-view-newspaper-group li.views-row {
 /* ============================================================
    ACCORDION / PERIODICALS
    ============================================================ */
+
 .accordion--periodicals .details__content {
   margin-left: 1rem;
 }
-/* Main strip */
+
 .accordion--periodicals details summary {
   background-color: #d3d3d3;
   font-family: var(--font-serif);
@@ -328,7 +328,7 @@ details.views-view-newspaper-group li.views-row {
 .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;
@@ -355,11 +355,12 @@ details.views-view-newspaper-group li.views-row {
   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 {
@@ -372,15 +373,15 @@ details.views-view-newspaper-group summary,
   border-radius: 4px;
 }
 
-.media-download > .view-content {
+.media-download > .view-content summary {
-  summary {
+  background-color: #f5f5f5 !important;
-    background-color: #f5f5f5 !important;
+  margin-left: 1rem;
-    margin-left: 1rem;
-  }
 }
+
 div#block-views-block-download-media-block-1 {
   margin-bottom: 1em;
 }
+
 /* ============================================================
    EXPOSED FILTER FORMS
    ============================================================ */
@@ -397,18 +398,50 @@ form#views-exposed-form-newspapers-view-block-1 {
   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#views-exposed-form-newspaper-directory-page-1 label,
+form#views-exposed-form-newspapers-view-block-1 label {
+  margin-block: 0 var(--sp);
+  font-family: var(--font-serif);
+  letter-spacing: 0.02em;
+  color: var(--color-text-neutral-loud);
+  font-weight: normal;
+  font-size: 24px;
+  line-height: 1;
+  border-bottom: 4px double;
+  padding-bottom: 4px;
+}
+
+form#views-exposed-form-newspaper-directory-page-1 input#edit-title,
+form#views-exposed-form-newspapers-view-block-1 input#edit-title {
+  width: 100%;
+  margin: 0.5rem 0;
+}
+
+form#views-exposed-form-newspaper-directory-page-1 .form-item-title,
+form#views-exposed-form-newspapers-view-block-1 .form-item-title {
+  width: 100%;
+}
+
+form#views-exposed-form-newspaper-directory-page-1 div#edit-actions,
+form#views-exposed-form-newspapers-view-block-1 div#edit-actions {
+  margin-top: 0;
+}
+
 .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: ":";
 }
@@ -425,9 +458,7 @@ form#views-exposed-form-newspaper-directory-page-1 {
 /* ============================================================
    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;
@@ -446,7 +477,6 @@ form#views-exposed-form-newspaper-directory-page-1 {
   font-family: var(--font-sans);
   font-size: var(--font-size-base);
   flex: 1;
-  /*line-height: 2;*/
 }
 
 .node--type-islandora-object .field .field__item p {
@@ -467,23 +497,19 @@ form#views-exposed-form-newspaper-directory-page-1 {
 .node--type-islandora-object .field--name-field-contributor-details p strong {
   flex: 0 0 155px;
 }
+
+.node__content .field--name-field-contributor-details .field__item p {
+  font-family: var(--font-sans) !important;
+}
+
 .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);
 }
@@ -523,9 +549,64 @@ nav.pager {
   display: flex;
   justify-content: space-around;
 }
+
+/* ============================================================
+   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;
+}
+
+#block-views-block-newspapers-view-block-1 {
+  grid-column: 2 / 15;
+}
+
+.path-newspaper-directory #block-olivesnews-content {
+  grid-column: 2 / 15;
+}
+
+.page-node-type-islandora-object div#block-olivesnews-content {
+  margin-bottom: 1em;
+}
+
+.page-node-type-islandora-object div#block-olivesnews-page-title {
+  margin-bottom: 1em;
+}
+
 /* ============================================================
-   Side bar views layout
+   MIRADOR VIEWER
    ============================================================ */
+
+.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;
+}
+
+/* ============================================================
+   RESPONSIVE
+   ============================================================ */
+
 @media (min-width: 1000px) {
   .newspaper-directory,
   .accordion-view {
@@ -536,6 +617,7 @@ nav.pager {
       "content filters"
       "pager   pager";
   }
+
   .accordion-view .view-filters,
   .newspaper-directory .view-filters {
     grid-area: filters;
@@ -545,79 +627,30 @@ nav.pager {
   .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 {
+@media (max-width: 700px) {
-  grid-column: 2 / 15;
+  div#edit-container-citation {
-}
+    display: block;
-.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 {
+  .region--content {
-  border: 1px solid #ccc;
+    display: block;
-  padding: 4px;
+  }
-}
 
-#election_dates h2 {
+  .region--content-below:has(.block-citation-select) {
-  margin: 1;
+    margin: 0;
-  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;
@@ -627,12 +660,3 @@ article .text-content img {
     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;
-  }
-}

css/components/islandora_mods.css.bk

@@ -1,13 +1,54 @@
-/*=====================
+/* ============================================================
-timeline display
+   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: #333 !important;
+  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,
@@ -17,7 +58,6 @@ h3.tl-headline-date {
   font-family: var(--font-serif) !important;
   text-transform: none !important;
   font-weight: 700;
-  /*font-size: 3em !important;*/
   line-height: 1.2 !important;
 }
 
@@ -26,27 +66,37 @@ h3.tl-headline-date {
   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 {
+  background: var(--color--white);
   border: 1px solid #ccc;
-  padding: 1em !important;
+  padding: var(--sp1) !important;
 }
+
 .tl-text p {
-  color: #333;
+  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;
@@ -56,58 +106,9 @@ h3.tl-headline-date {
   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 {
+button.tl-menubar-button {
-  display: flex;
+  color: #737373;
-}
-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;
 }
 
 /* ============================================================
@@ -135,7 +136,7 @@ ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
 
 .grid-item .grid-item__title {
   display: block;
-  padding: 0.5em 0;
+  padding: var(--sp0-5) 0;
   line-height: 1.2;
   margin: 5px 0 6px;
   font-weight: bold;
@@ -166,6 +167,7 @@ ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
 .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;
@@ -178,13 +180,6 @@ ul.views-view-newspaper-issues .views-field-field-media-use .field-content {
   font-size: 0.9em;
 }
 
-div#block-olivesnews-solrsearchcontentsearchresultspagerforpage {
-  margin: 0;
-}
-
-div#block-olivesnews-content .view-header {
-  margin: 0;
-}
 /* ============================================================
    FACETS
    ============================================================ */
@@ -201,6 +196,7 @@ div#block-olivesnews-content .view-header {
 .facets-widget-links ul span.facet-item__count {
   font-weight: 600;
 }
+
 .facets-widget-range_nouislider ul {
   list-style-type: none;
   margin: 0;
@@ -212,7 +208,6 @@ div#block-olivesnews-content .view-header {
 
 .facets-widget-range_nouislider .js-form-type-textfield {
   display: flex;
-  /* width: 100%; */
 }
 
 .facets-widget-range_nouislider label.form-item__label {
@@ -222,83 +217,132 @@ div#block-olivesnews-content .view-header {
 .facets-widget-range_nouislider .noUi-tooltip {
   border: 1px solid #8196a2;
 }
+
 .facets-widget-range_nouislider .noUi-connect {
-  background: #691803;
+  background: var(--color--upei-red);
 }
 
 /* ============================================================
-   SITE HEADER
+   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;
+}
 
-div#block-olivesnews-site-branding {
+.newspaper-browse .views-row {
-  background: #333;
+  display: flex;
+  align-items: center;
+  gap: var(--sp1);
+  border-bottom: 1px solid #ccc;
+  padding-bottom: var(--sp2);
+  margin-block: var(--sp2);
 }
 
-.site-header__initial {
+.newspaper-browse .views-row h3 {
-  background: #000;
+  margin: 0 0 var(--sp0-5);
 }
 
-.social-bar {
+.newspaper-browse .views-row .views-field-thumbnail__target-id {
-  background-image: url(../../images/natural_paper.png);
+  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;
 }
+
 /* ============================================================
-   Directory
+   NEWSPAPER DIRECTORY
    ============================================================ */
+
 .newspaper-directory .views-row {
   border-bottom: 1px solid #ccc;
-  margin-bottom: 1em;
+  margin-bottom: var(--sp1);
-  strong {
+  font-family: var(--font-serif);
-    font-family: var(--font-serif);
+  font-size: var(--font-size-base);
-    font-size: var(--font-size-base);
-    a {
-      text-decoration: none;
-    }
-  }
-  p {
-    margin-left: 1em;
-  }
 }
 
-/* ============================================================
+.newspaper-directory .views-row strong {
-   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;
+.newspaper-directory .views-row strong a {
-}
+  text-decoration: none;
-.form-item-field-edtf-date-issued-value
+  font-size: 1.5rem;
-  input#edit-field-edtf-date-issued-value {
+  line-height: var(--sp2);
-  width: 100%;
 }
-.view-newspapers-view .view-filters {
+
-  margin: 0;
+.newspaper-directory .views-row p {
+  margin-left: var(--sp1);
 }
-form#views-exposed-form-newspaper-directory-page-1,
+
-form#views-exposed-form-newspapers-view-block-1 {
+/* ============================================================
-  border: 1px solid #ccc;
+   ACCORDION / PERIODICALS
-  padding: 0.5em 1em;
+   ============================================================ */
-  max-width: 604px;
+.accordion--periodicals .details__content {
-  margin: 2em 0 2em;
+  margin-left: 1rem;
-  background: #f6f8f8;
-  background-color: #f5f5f5;
 }
-/*main strip*/
+/* Main strip */
 .accordion--periodicals details summary {
   background-color: #d3d3d3;
   font-family: var(--font-serif);
   font-size: var(--font-size-base);
-  padding: 1em;
+  padding: var(--sp1);
   border: 1px solid #a9a9a9;
+  border-radius: 4px;
 }
-/*sub-strip*/
+
+.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;
@@ -308,110 +352,287 @@ form#views-exposed-form-newspapers-view-block-1 {
   padding: 0.3em;
   font-size: 0.8em;
   background-color: #f5f5f5;
-  margin: 0.8em;
+  margin: var(--sp0-75);
   display: inline-block;
 }
-.accordion--periodicals ul li {
+/*medi download*/
-  list-style-type: none;
+.accordion-view > .view-content,
-  a {
+.media-download > .view-content {
-    text-decoration: none;
+  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;
   }
 }
-ul.views-view-newspaper-issues {
+div#block-views-block-download-media-block-1 {
-  columns: 3;
+  margin-bottom: 1em;
 }
 /* ============================================================
-   BROWSE PAGE
+   EXPOSED FILTER FORMS
    ============================================================ */
-.view-newspaper-directory img {
+
+.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: 2px;
+  padding: var(--sp0-5) var(--sp1);
-  width: 150px;
+  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: 0.5em;
+  padding-bottom: var(--sp0-5);
-  margin-bottom: 0.5em;
+  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;
+}
 
-  .field__label {
+.node--type-islandora-object .field .field__item {
-    font-family: var(--font-sans);
+  font-family: var(--font-sans);
-    font-size: var(--font-size-base);
+  font-size: var(--font-size-base);
-    flex: 0 0 150px;
+  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;
   }
-  .field__item {
+  .region--content {
-    font-family: var(--font-sans);
+    display: block;
-    font-size: var(--font-size-base);
-    flex: 1;
-    line-height: 2;
-    p {
-      margin: 0;
-    }
   }
-  summary {
+  .region--content-below:has(.block-citation-select) {
-    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;
+  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: 1em;
+  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;
 }
-div#block-olivesnews-creatorsandcontributors .block__title {
+/* ============================================================
-  line-height: 1;
+   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;
+  }
 }
-/*misc*/
+
+/* ============================================================
+   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: #fff;
+  color: var(--color--white);
   font-family: var(--font-serif) !important;
 }
-.newspaper-browse a {
+/*mirador colors*/
-  text-decoration: none;
+.MuiSvgIcon-root {
+  fill: var(--color--upei-red) !important;
 }
-.tl-slider-container-mask {
+
-  background: #f8f8f8;
+.mirador16.mirador15 {
-  border: 1px solid #ccc;
+  border-top: 2px solid var(--color--upei-red) !important;
-  border-top: 0;
 }
-.tl-text {
+.MuiTab-textColorPrimary.Mui-selected {
-  background: #fff;
+  color: var(--color--upei-red) !important;
-  border: 1px solid #ccc;
 }
-button.tl-menubar-button {
+.mirador27 {
-  color: #737373;
+  border-right: 2px solid var(--color--upei-red) !important;
 }
-.tl-timenav {
+@media (max-width: 1000px) {
-  border: 1px solid #ccc;
+  .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;
+  }
 }