/* Virtual shelf – get rid of the pastel placeholder images, solution 1 */
prm-virtual-browse-item md-card .card-image {
max-height: 100px;
min-height: 100px;
overflow: hidden;
position: relative;
background-color: transparent;
border: 1px solid #E9E9E9;
}
/* Virtual browse – get rid of the pastel placeholder images, solution 2 */
prm-virtual-browse prm-virtual-browse-item .card-image {
background-color: unset;
color: unset;
border: 1px solid #E9E9E9;
}
/* For consortia: hide all request services within the “other libraries” section; via ML */
prm-alma-other-members prm-request-services {
display: none;
}
/* Background colour; see also CSS Sorbonne */
.full-view-inner-container.flex {
background-color: #fff !important;
}
/* Font in the main menu */
#mainMenu > div > a, button#more-links-button, prm-topbar > div > prm-user-area-expandable > md-menu > button > span {
font-size: small !important;
font-weight: 500 !important;
}
/* Hover for link in ‘log in’ message */
.button-with-icon.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple:hover {
background-color: #A5D7D2 !important;
}
/* Link color; use background-color in Firefox to check which links are included */
/* background-color: #D2EBE8 !important; */
button.button-with-menu-arrow.md-button.md-primoExplore-theme.md-ink-ripple:hover,
.md-button.button-link, prm-icon md-icon, .section-title prm-icon, prm-icon.rotate-180, svg#chevron-up,
span.menu-arrow, #sidebar-trigger > prm-icon > md-icon {
color: #006A6F !important;
}
/* Call number more visible (example) */
prm-location-items div.tab-content-header span[ng-if=”$ctrl.currLoc.location.callNumber”] {
color: #6829ff !important;
font-size: 1.3em;
margin-left: 5px;
}
Originally via Albion
/* ‘Additional call number’ [i.e. any line 2] in item details bigger and purple (example) */
prm-location-items md-list md-list-item div:nth-child(2) div:nth-child(2) div:first-child p {
color: #6829ff;
font-size: 1.3em;
/* Library name in list of libraries bigger */
div.layout-align-space-between-center.layout-row.flex-100 h3 {
font-size: 1.2em;
font-weight: 400;
color: #000;
}
/* Library name bigger and more space below in details view of item */
prm-location-items .tab-content-header .md-title {
font-size: 1.3em;
color: #000;
padding-bottom: 10px;
}
/* Location bigger */
prm-location-items div.tab-content-header span[ng-bind-html=”$ctrl.currLoc.location.collectionTranslation”] {
font-size: 1.2em;
}
/* ‘Request:’ in purple and not all caps */
h3.section-title {
border-radius: 0px;
color: #008488 !important;
font-weight: 400 !important;
text-transform: none;
}
/* ‘1 available, 0 requests’ grey font and more space above */
prm-location-items div.tab-content-header p[ng-if=”$ctrl.currLoc.location.availabilityStatement”] {
color: #685E5E !important;
padding-top: 10px;
}
/* “Bestellbar unter” in item details bigger and red */
div[aria-label^=”Bestellbar unter Sign:”] p {
color: #D20537 !important;
font-weight: 400 !important;
font-size: 1.2em !important;
}
div[aria-label^=”Bestellbar unter Sig.:”] p {
color: #D20537 !important;
font-weight: 400 !important;
font-size: 1.2em !important;
}
/* Change font of ‘Other loan and request options’ */
.medium-uppercase-bold {
font-size: 1.3em;
text-transform: none;
font-weight: 300;
margin: 5px !important;
}
To collapse this element, see CARLI’s instructions.
/* Change opacity of the left frame */
.md-dialog-container.fixed-container {
background-color: rgba(68, 68, 68, .7) !important;
}
/* Change background colour of success message after placing a request */
.bar.success-bar {
background-color: #D2EBE8 !important;
border-color: #D2EBE8 !important;
}
/* Change background and font color of item filter bar */
div.bar.filter-bar.animate-horizontal-swap.margin-bottom-small.layout-fill.layout-wrap.layout-align-start-center.layout-row {
background-color: #F9F9F9;
border: 0px ;
color: #788390;
}
/* Change styling of the location map link */
a.zero-margin.button-with-icon.button-link.md-button.md-primoExplore-theme.md-ink-ripple {
background-color: #fff !important;
border: 0px ;
padding: 1em;
}
a.zero-margin.button-with-icon.button-link.md-button.md-primoExplore-theme.md-ink-ripple:hover {
background-color: #A5D7D2 !important;
border: 0px;
padding: 1em;
}
/* Add more space below ‘Holdings:’ (example) */
prm-location-holdings {
padding-bottom: 1em !important;
}
“Buttons”
/* ‘Back to locations’ = nui.locations.back */
prm-opac-back-button button.back-button.button-with-icon.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple {
background-color: #F9F9F9 !important;
color: #788390 !important;
border-color: #FFFFFF !important;
}
prm-opac-back-button button.back-button.button-with-icon.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple:hover {
background-color: #D5D5D5 !important;
color: #000 !important;
border-color: #FFFFFF !important;
}
/* ‘Back’ = nui.getit_other.back */
.back-button.button-with-icon.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple {
background-color: #F9F9F9 !important;
color: #788390 !important;
border-color: #FFFFFF !important;
}
.back-button.button-with-icon.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple:hover {
background-color: #D5D5D5 !important;
color: #000 !important;
}
/* Make ‘Show more items’ more visible (example). Triggered by patron feedback. */
.button-link.link-alt-color.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple {
color: #6829FF !important;
background-color: #FFF !important;
border-color: #EBEBEB !important;
padding: 0px 23px 0px 23px !important;
margin: 10px 0px 15px 15px !important;
}
.button-link.link-alt-color.zero-margin.md-button.md-primoExplore-theme.md-ink-ripple:hover {
color: #6829FF !important;
background-color: #EBEBEB !important;
border-color: #EBEBEB !important;
padding: 0px 23px 0px 23px !important;
margin: 10px 0px 15px 15px !important;
}
15.2.2023
Primo views 