islandscholar_v2_theme/css/islandora_mods.css

/*citation objects*/
iframe.pdf {
  /* margin: 2rem; */
  width: 92%;
  margin: 0 3rem;
}
#block-views-block-related-scholar-profiles-block-1 {
  display: flex;
  .block-title {
    /*display: block;*/
    /*font-weight: 500;*/
    /*font-size: 1rem;*/
    /*font-family: var(--font-family-condensed);*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*width: var(--left-col-width);*/
    /*&::after {*/
    /*content: ":";*/
    /*}*/
  }
}
.page-type-islandora-object {
  --right-col-width: 85%;
  --left-col-width: 15%;
  .field:not(:last-child) {
    margin-bottom: 0;
  }
  .field,
  .node-taxonomy-container {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0.5rem 0;
  }
  .field__label,
  .block-title,
  h3.term-title {
    /* width: 15%; */
    display: block;
    font-weight: 500;
    font-size: 1rem;
    font-family: var(--font-family-condensed);
    margin: 0;
    padding: 0;
    width: var(--left-col-width);
  }

  .block-title::after,
  h3.term-title::after,
  .field__label::after {
    content: ":";
  }
  .field.field--name-field-abstract .field-item {
    width: var(--right-col-width);
  }

  & > .field-item,
  & > .field__items {
    width: var(--right-col-width);
  }
  .field__items .field-item {
    width: 100%;
  }

  .node-taxonomy-container ul {
    margin: 0;
    padding: 0;
  }

  li.taxonomy-term {
    padding: 4px 0;
  }
  p {
    margin: 0;
  }

  /*.field {*/
  /*display: flex;*/
  /*}*/
}

.field-item {
  /*width: -webkit-fill-available;*/
}
div#formatted-citation::before {
  font-family: var(--font-family-condensed);
  font-size: 0.8rem;
  content: "CHOOSE THE CITATION STYLE:";
}
#formatted-citation .csl-bib-body {
  font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
  font-size: 1.2em;
  background: #e7ede0;
  margin-bottom: 0.5em;
  padding: 0.75em;
  margin-right: 0;
  border: 1px solid #ccc;
}
/*scholar profiles*/
.scholar-profile {
  padding: 1rem;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  .top {
    display: flex;
    /*justify-content: space-between;*/
    .field:not(:last-child) {
      margin-bottom: 5px;
    }
    .field {
      margin-bottom: 0.5rem;
      /*border-bottom: 1px solid #ccc;;*/
      /*width:100%;*/
      display: flex;
    }
    .field__label {
      font-family: var(--font-family-condensed);
      font-weight: 500;
      width: 9rem;
    }
  }
  .image {
    /*width:25%;*/
    .node-taxonomy-container,
    ul.taxonomy-terms {
      margin: 0;
      padding: 0;
    }
    width: 11rem;
    img {
      border: 1px solid #ccc;
      padding: 4px;
      /*width:100%;*/
    }
  }
  .details {
    /*width:75%;*/
  }
  .field.field--name-field-email.field--type-email.field--label-inline {
    /* width: 100%; */
    display: inline-block;
    margin-bottom: -4px;
  }
  .field.field--name-field-website {
    display: flex;
  }

  .field.field--name-field-orcid {
    display: flex;
  }
  .bottom {
    .field__label {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 1.5em;
      font-weight: 400;
      line-height: 1.3em;
      margin-bottom: 0.4em;
    }
  }
}
.profile-tab {
  border: 1px solid #ccc;
  border-bottom: 0;
  width: 9rem;
  background: #fff;
  padding-left: 7px;
  padding-top: 3px;
  font-family: var(--font-family-condensed);
  font-size: 0.8rem;
  border-radius: 4px 4px 0 0;
  i {
    margin-right: 5px;
  }
  /* display: inline; */
}

.scholar-profile_header {
  display: flex;
}

.tab-right {
  border-bottom: 1px solid #ccc;
  width: 100%;
}
/*tab styles*/
li.ui-tabs-tab.ui-state-default.ui-state-active {
  border-color: #ccc;
}
li.ui-tabs-tab.ui-state-default.ui-tab {
  background: #e7ede0;
}
li.ui-tabs-tab.ui-state-active {
  background: #fff !important;
  color: #333;
}
a.ui-tabs-anchor {
  color: #333 !important;
}
.ui-tabs i {
  margin-right: 5px;
}
/*user page forms*/
.profile_management {
  line-height: 1.2;
  h3,
  label {
    font-family: "Roboto Condensed";
  }
  label {
    font-weight: 500;
  }
  .description {
    font-size: 0.8rem;
  }
}
/*================*/
/*scholars page*/
.recent-citations {
  span::first-of-type {
    display: none;
  }
}
form#views-exposed-form-scholars-page-1 {
  display: flex;
  align-items: flex-end;
  .form-type-textfield {
    margin: 0;
  }
  input[type="text"] {
    padding: 6px;
  }
  label {
    font-family: var(--font-family-condensed);
  }
}
table {
  background: #fff;
  box-shadow:
    0 0 2px rgba(0, 0, 0, 0.12),
    0 2px 2px rgba(0, 0, 0, 0.2);
  thead {
    background: #333;
    color: #fff;
    font-family: var(--font-family-condensed);
  }
  th {
    font-weight: 400;
  }
  tr {
    border-bottom: 1px solid #ccc;
  }
  td.url,
  td.publications {
    text-align: center;
  }
}

/*==================*/
/*search results*/
.search-result {
  background: #fff;
  border: 1px solid #ccc;
  padding: 0.5rem;
  margin-bottom: 1rem;
  .views-field {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 5px;
  }
  .field__label {
    /*width: 15%;*/
    flex-basis: calc(20% - 10px);
    display: block;
    font-weight: 500;
    font-family: var(--font-family-condensed);
  }
  .field-content {
    flex-basis: calc(80% - 10px);
  }
  .left {
    display: flex;
    justify-content: center;
    .icon-wrapper {
      background: white;
    }
    i {
      border: 7px solid #fff;
      background: #e7ede0;
      padding: 35px;
      outline: 1px solid #ccc;
      font-size: 4rem;
      display: inline-block;
      margin: 0.5rem 0;
    }
  }
  .views-field-did-image i {
  }
}
div#block-vre2024-solrsearchcontentsearchresultspagerforpage .pager__group {
  display: none;
}
/*facets*/
.facets-soft-limit-link {
  margin: 5px 0;
  position: relative;
  cursor: pointer;
  border: 0;
  padding: 4px 8px;
  line-height: 1.6;
  -webkit-appearance: button;
  background: var(--upei-green);
  color: #fff !important;
  border-radius: 4px;
  font-family: var(--tabs-font);
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  /* font-variation-settings: "wdth" 75;
}
.facet-item__value {
  color: var(--upei-red);
}
.facet-inactive li.facet-item a {
  /*display: flex;*/
  /*justify-content: space-between;*/
}
div#date {
  margin: 2em 1em 1em;
}
span.facet-item__count {
  float: right;
}
.noUi-connect {
  background: var(--upei-green) !important;
}
/*==================*/
form#views-exposed-form-solr-search-content-block-1 {
  display: none;
}

#advanced-search-ajax .form-wrapper {
  select {
    /*margin: 0;*/
    padding: 0;
    margin-bottom: 0.5rem;
  }
  input[type="text"] {
    /*width: 130px !important;*/
    padding: 2px;
    margin: 0 0 1rem 0;
    /*border-bottom: 1px dotted #333;*/
  }
  input {
  }
  /*display: flex !important;*/
  /*height: 20px;*/
}
.advanced-search-form__add {
  background: #fff;
  color: #333;
  color: var(--upei-green);
  font-weight: bold;
  border: 1px solid;
  /*padding: 3px 8px;*/
  line-height: 0.6;
  border-radius: 50%;
}
.advanced-search-form__remove {
  background: #fff;
  color: #333;
  color: var(--upei-red);
  font-weight: bold;
  border: 1px solid var(--upei-red);
  /*padding: 3px 8px;*/
  /*padding: 3px 8px;*/
  line-height: 0.6;
  border-radius: 50%;
}

.advanced-search-form__remove:hover {
  background: var(--upei-red);
  color: #fff;
  border-color: var(--upei-red);
}
.advanced-search-form__add:hover {
  background: var(--upei-green);
  color: #fff;
  border-color: var(--upei-green);
}
.citation-container {
  .left-col {
    flex: 0 0 40%;
  }
  .right-col input.form-submit {
    margin-top: 0 !important;
    /* font-size: 0.8rem; */
    border-radius: 0 6px 5px 0;
    padding: 5px 8px;
  }
}
div#block-views-block-oai-pmh-item-links-block-1 .field-content {
  display: flex;
  a:first-child:after {
    content: " |";
    margin-right: 4px;
    /*padding-right: 4px;*/
  }
}
/*collection grid*/
.view-grid {
  /*display: none;*/
  display: flex;
  flex: wrap;
  justify-content: space-between;
  .views-row {
    /*display: none;*/
    width: 32%;
    padding-bottom: 18%; /* 32:18, i.e. 16:9 */
    margin-bottom: 2%; /* (100-32*3)/2 */
  }
}
.advanced_search_result_pager .pager__group {
  justify-content: flex-start;
}