bulib-wc/dist/libanswers.css

collection of web components and styles used at Boston University Libraries

  /* -- libanswers (askalibrarian.bu.edu) -- */

  /* hide various */ 
  .s-la-public-header-text, /* hide automatic headers (replaced by banner text) */
    #s-la-page-title-bar, #s-la-page-title-bar .navbar, /* hide out-of-the-box search/browse banner */
    div#slogan, #s-la-bc /* slogan and breadcrumbs */
    { display: none; }

  /* hide the 'Powered by Springshare' banner with 'My Admin'/'Login to LibApps' */
  #s-la-public-footer { display: none; }

  /* set header font */
  h2 { font-size: x-large; }
  h2, h3, h4, h5, h6, body { font-family: 'Benton-Sans', 'Source Sans Pro', sans-serif; }

  /* unset random 'ol, ul' default that's messing with the header alignment */
  ol, ul {
    margin-top: auto; 
    margin-bottom: auto;
  }

  /* move footer to the bottom of the viewport */
  #footer { margin-top: auto; }

  /* responsive card styling */
  div.grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
  @media only screen and (max-width: 1200px) {
    div.grid { grid-template-columns: 1fr 1fr; }
  }
  @media only screen and (max-width: 800px) {
    div.grid { grid-template-columns: 1fr; }
  }

  /* -- FAQ page (/faq/) -- */

  /* general libanswers box */
  .s-la-box-content { padding: 4% 8%; }
  .s-la-box-container { 
    border-radius: 4px; 
    margin-left: 15px; 
    margin-right: 15px;
  }
  .s-la-box-container hr { border-color: lightgrey; }

  /* FAQ - question and answer box */ 
  .s-la-faq-answer, .s-la-faq-answer * { font-size: large; } /* increase font size of answer */
  .question-title-bar h2 { font-size: x-large; } /* greatly increase question title */
  .question-title-bar .s-la-faq-owner, .question-title-bar .s-la-faq-updated { font-size: medium; }
  .question-title-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  

  /* -- SEARCH page (/search) -- */

  /* hide the 'submit your question' section/button */
  #s-srch-results-container .s-srch-askbutton { display: none; }   

  /* increase the width of the search results section */
  #s-srch-source-0 > div > div.col-md-9 { width: 100% !important; }
  #s-srch-source-0 > div > div.col-md-3 { display: none; }  

  /* hide the bottom 'Showing 0 - 0 (of 0) */
  #s-la-box-66294-container { display: none; }

  /* increase font size of search results */
  .s-srch-result-title { font-size: 2em; font-weight: 500; }
  .s-srch-result-meta { font-size: 1.3em; }

  /* increase font size of the pagination */
  .s-srch-range, .pagination { font-size: large; }

  /* label colors */
  .s-srch-result-title a { color: var(--color-button-background, #0B4473); }
  .s-srch-result-subj > ul > li > span.label.label-default {
    color: white;
    background-color: var(--color-button-background-accent, #06605A); 
    font-size: 0.9em;
    font-weight: 400;
  }