Homec4science
Diffusion Primo_3_package (Maj_january_2022) Browse

Primo3/primo-explore/custom/src/css/custom1.css
40c0f204c79fMaj_january_2022

Last Change
Raw File

custom1.css
View Options

/* Affichage des collections */
/* Supprime le chevauchement du titre */
prm-collection-gallery-header .collection-header-inner.has-transparent-topbar{
margin-top: 0px !important;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/************************* Union View Package CSS *****************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*************** Navigation ******************/
/*Font Navigation and buttons*/
#mainMenu > div > a, button#signInBtn, button#more-links-button, prm-topbar > div > prm-user-area-expandable > md-menu > button > span {
font-size: small !important;
font-weight: 500 !important;
color: #111 !important;
}
/*hover effect Navigation and buttons*/
#mainMenu > div > a:hover, button#signInBtn:hover, prm-topbar > div > prm-user-area-expandable > md-menu > button:hover, button#more-links-button:hover,
prm-search-bookmark-filter > a:hover, a#favorites-button:hover, a#search-button:hover, .md-button.button-as-link:hover:not([disabled]),
.md-button.button-link:hover:not([disabled]), .md-button.button-link:focus:not([disabled]), prm-user-area-expandable .button-with-menu-arrow:hover .menu-arrow:hover:not([disabled]),
button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple:hover:not([disabled]),
button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple:focus:not([disabled]) {
background-color: #ddd !important;
color: #111 !important;
}
/*remove capitalized text*/
.md-button {
text-transform: none;
}
/*Menu button*/
button.button-with-menu-arrow.md-button.md-primoExplore-theme.md-ink-ripple:hover, button#signInBtn, .md-button.button-link,
.md-button.button-as-link.link-alt-color, prm-icon md-icon, .section-title prm-icon, prm-icon.rotate-180, svg#chevron-up,
span.user-name, span.menu-arrow, .md-button.button-as-link, #sidebar-trigger > prm-icon > md-icon {
color: #111 !important;
}
/*hide hover effect on Library Logo*/
#banner > a.md-button.md-primoExplore-theme.md-ink-ripple:hover {
background: none;
}
/*background buttons*/
prm-search-bookmark-filter .md-button {
background-color: #fff !important;
}
/*hiding Refworks from the pulldown menu*/
.my-refworks-ctm, .my-refworks-separator-ctm {
display: none;
}
/*switch to advanced search button*/
button.switch-to-advanced.zero-margin.button-with-icon.md-button.md-primoExplore-theme.md-ink-ripple {
border-style: solid;
border-width: 1px;
border-radius: 5px;
}
.md-button.button-as-link {
line-height: 36px;
padding: 0 12px;
}
.md-button.md-primary:hover:not([disabled]), .md-button.md-primary:focus:not([disabled]), prm-favorites-labels .md-chips .md-chip.toggleable-chip:not(.chip-toggled-on) .md-chip-content:hover:not([disabled]), prm-favorites-labels .md-chips .md-chip:not(.chip-toggled-on) .md-chip-content:hover:not([disabled]), .bar prm-authentication .md-button:hover:not([disabled]), button.dismiss-alert-button:hover {
color: #fff;
background-color: #111;
}
/*the main color border on mobile view*/
@media (max-width: 599px) {
prm-topbar .top-nav-bar {
border-bottom-style: solid;
border-bottom-width: 8px;
}
}
.md-button.button-as-link {
line-height: 36px;
padding: 0 6px;
}
.md-autocomplete-suggestions li {
white-space: nowrap;
}
/*************** Main Content ******************/
/*backgound of the Textboxes Homepage*/
prm-search > div > md-content, md-card.default-card._md.md-primoExplore-theme {
background-color: #fff !important;
border-radius: 3px;
}
/*first header of the Textboxes*/
.cardbox h1 {
font-size: 48px;
line-height: 56px;
}
/*second header of the Textboxes*/
.cardbox h2 {
font-size: 32px;
line-height: 36px;
}
/*third header of the Textboxes (if needed)*/
.cardbox h3 {
font-size: 26px;
line-height: 30px;
}
/*removes the upper and lower space in a list */
.cardbox ul, .cardbox ol {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/*links in the textboxes*/
md-card-content a, prm-service-details a {
color: #222222 !important;
}
md-card-content a, prm-service-details a, div.courier-info > span a {
text-decoration: underline !important;
}
md-card-content a:hover, prm-service-details a:hover {
color: #111;
background-color: rgba(47, 47, 47, 0.1) !important;
}
/*Responsive Video Frame*/
.resp-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/*footer layout*/
md-card.prm-primary-bg.psfooter {
margin: 16px 0 0 0;
}
/*footer layout*/
md-card.prm-primary-bg.psfooter-legal {
margin: 1px 0 0 0;
}
/*Responsive footer layout*/
@media (min-width: 960px) {
md-card-content.prm-primary-bg.layout-align-gt-sm-end-stretch.flex-gt-sm-70 {
text-align: end;
}
}
/*footer links*/
md-icon.ps_icon, a.ps_link {
margin-right: 5%;
text-decoration: underline;
}
/*md-icon.ps_icon:hover, a.ps_link:hover, a.ps_link.legal:hover, span.legal a:hover {
background-color: rgba(61,110,148,.1) !important;
}*/
/*footer text*/
md-card-content.prm-primary-bg {
font-weight: 300;
}
/*links in the legal part of the footer*/
a.ps_link.legal, span.legal {
font-size: 14px;
font-weight: 300;
}
/************************************************************************************************
span.legal {
color: #14413c;
}
*/
span.legal > a {
/*color: #14413c;*/
font-weight: 600;
}
/*main container width for footer positioning*/
prm-static.md-padding.flex {
min-width: 100%;
padding: 0;
}
/*mainly white background*/
.prm-primary-bg.prm-hue1, prm-atoz-search-bar.prm-hue1, prm-browse-search-bar.prm-hue1, prm-collection-gallery-header .prm-hue1.collection-header-inner, prm-newspapers-search-bar.prm-hue1, prm-search-bar.prm-hue1, prm-spinner.prm-hue1.overlay-cover.light-on-dark:after, prm-tags-search-bar.prm-hue1, prm-topbar .top-nav-bar, prm-tree-nav prm-spinner .prm-hue1.diamond {
background-color: #fff !important;
}
/*font color on white background*/
.hoverable-over-dark, .md-button.button-over-dark, prm-main-menu[menu-type=full] .md-button.md-focused, prm-main-menu[menu-type=full] .md-button .md-input-container-dummy > .md-select-dummy:focus, prm-main-menu[menu-type=full] .md-button:focus, prm-main-menu[menu-type=full] .md-button:hover, prm-main-menu[menu-type=full] .md-button md-select:focus, prm-main-menu[menu-type=full] .overlay-menu-item.md-focused, prm-main-menu[menu-type=full] .overlay-menu-item .md-input-container-dummy > .md-select-dummy:focus, prm-main-menu[menu-type=full] .overlay-menu-item:focus, prm-main-menu[menu-type=full] .overlay-menu-item:hover, prm-main-menu[menu-type=full] .overlay-menu-item md-select:focus, prm-main-menu[menu-type=full] md-button:focus, prm-main-menu[menu-type=full] md-button:hover, prm-topbar .md-button, prm-user-area .md-button.user-menu-button, prm-user-area md-fab-toolbar ._md-fab-action-item .md-button, prm-user-area md-fab-toolbar ._md-fab-action-item md-input-container, prm-user-area md-fab-toolbar .md-fab-action-item .md-button, prm-user-area md-fab-toolbar .md-fab-action-item md-input-container {
color: #222 !important;
}
/*************** Brief results ******************/
/*color of the Alertbar*/
.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg {
/*background-color: #8dd8d8 !important;*/
border: none !important;
}
/*backgound search results boxes*/
.list-item-wrapper {
background-color: #f9f9f9;
}
/*Title color*/
prm-brief-result .item-title span {
color: #333;
}
prm-brief-result .item-title span:hover {
color: #111;
background-color: rgba(47, 47, 47, 0.1) !important;
}
/*remove hover effect from title links*/
.md-button.arrow-link-button .button-content:focus, .md-button.arrow-link-button .button-content:hover, .md-button.arrow-link-button .hover.button-content, .md-button.arrow-link-button:focus .button-content, .md-button.arrow-link-button:hover .button-content, .recommendations-title.hover > span > span, .recommendations-title:hover > span > span, a.hover, a:focus, a:hover, prm-chapters-and-reviews md-card > .md-button:focus .item-title span, prm-chapters-and-reviews md-card > .md-button:hover .item-title span, prm-citation-trails-item.active-item md-card > .md-button:focus .item-title span, prm-citation-trails-item.active-item md-card > .md-button:hover .item-title span, prm-tags-list .md-chips .md-chip .md-chip-content:hover strong, prm-tags-list .md-chips md-chip .md-chip-content:hover strong, prm-tags-list md-chips .md-chip .md-chip-content:hover strong, prm-tags-list md-chips md-chip .md-chip-content:hover strong {
box-shadow: none !important;
}
/*background color of bookmarked items*/
.list-item-wrapper .item-bookmarked, .list-item-wrapper .item-bookmarked:hover, .prm-highlight, .prm-highlight.prm-hue1, prm-breadcrumbs .md-chip.persistent-facet, prm-breadcrumbs .prm-hue1.md-chip.persistent-facet {
background-color: #ddd !important;
}
/*hover effect on all Links*/
.md-button.arrow-link-button .button-content:focus, .md-button.arrow-link-button .button-content:hover, .md-button.arrow-link-button .hover.button-content,
.md-button.arrow-link-button:focus .button-content, .md-button.arrow-link-button:hover .button-content, .prm-links-background.prm-hue-1,
.recommendations-title.hover > span > span, .recommendations-title:hover > span > span, a.hover, a:focus, a:hover,
prm-chapters-and-reviews md-card > .md-button:focus .item-title span, prm-chapters-and-reviews md-card > .md-button:hover .item-title span,
prm-citation-trails-item.active-item md-card > .md-button:focus .item-title span, prm-citation-trails-item.active-item md-card > .md-button:hover .item-title span,
prm-tags-list .md-chips .md-chip .md-chip-content:hover strong, prm-tags-list .md-chips md-chip .md-chip-content:hover strong,
prm-tags-list md-chips .md-chip .md-chip-content:hover strong, prm-tags-list md-chips md-chip .md-chip-content:hover strong {
color: #222 !important;
}
div.custom-links-container.layout-wrap.layout-align-sm-start-start.layout-align-center-start.layout-row > div > a:hover {
background-color: #6b6b6b !important;
}
/*Facet titles*/
span.section-title-header:hover {
color: #8a8a8a !important;
}
/*Facet "show more" button*/
.sidebar-section .md-button.button-as-link.link-alt-color:hover {
background-color: rgba(17, 17, 17, 0.17) !important;
}
/*page select buttons*/
a.md-mini.md-button.md-primoExplore-theme.md-ink-ripple:hover {
color: white !important;
}
/*underlined search results*/
/*.text-highlight, mark {
box-shadow: inset 0 -0.15em 0 0 #8dd8d8;
}*/
/*versions link and other*/
.getit, .md-button.arrow-link-button prm-search-result-frbr-line .button-content > prm-icon:first-child, .prm-notice, .status-maybe, .worldcat, [class*=_more], [class*=_unknown], [class*=check_], [class*=does_not_exist], [class*=may_], [class*=NFT], prm-search-result-frbr-line .md-button.arrow-link-button .button-content > prm-icon:first-child, prm-search-result-frbr-line a > prm-icon:first-child, prm-service-links a {
color: #222 !important;
}
/*icon color and text color in request forms*/
.prm-primary-color, .request-form md-input-container label, .request-form md-input-container label:not(.md-no-float):not(._md-container-ignore), .request-form md-input-container md-select .md-select-value.md-select-placeholder, .request-form md-input-container .md-input-container-dummy > .md-select-dummy .md-select-value.md-select-placeholder, .request-form md-input-container md-select ._md-select-value._md-select-placeholder, .request-form md-input-container .md-input-container-dummy > .md-select-dummy ._md-select-value._md-select-placeholder, .result-item-actions .md-icon-button, .result-item-actions .more-options-button, prm-add-query-to-saved-searches .custom-button, prm-pre-filters md-input-container.is-active, .md-autocomplete-suggestions .suggestion-scope, md-tab-content .tab-content-header md-input-container md-select-value .md-text {
color: #222 !important;
}
/*space between item details in Fullview*/
#item-details > div > div {
margin-bottom: .8em !important;
}
/*Items expand*/
@media (max-width: 960px) {
prm-location-items .md-list-item-text.layout-wrap.layout-row.flex {
flex-direction: column;
}
prm-location-items h3, prm-location-items h4 {
margin:10px 0 !important;
}
prm-location-items > md-list > md-list-item > div > div.md-list-item-text > div.weak-text > div > div > p {
margin: 4px 18px !important;
display: list-item;
}
prm-location-items > md-list > md-list-item > div > div > div.layout-wrap {
flex-direction: row !important;
justify-content: flex-start !important;
max-width: 100% !important;
}
prm-location-items > md-list > md-list-item > div > div > div > div > prm-service-button > button {
box-shadow: inset 0 -0.15em 0 0 #8dd8d8;
}
}
/* Hide "search inside" for print journals */
.search-within-p-only { display:none }
/*fullview background of the left part*/
.md-dialog-container.fixed-container {
background-color: #444 !important;
}
/*background color of the signin window and the fullscreen navigation*/
md-backdrop._md-dialog-backdrop.md-opaque.md-primoExplore-theme {
background-color: #1f1f1f !important;
}
/*text color of the signin window and the fullscreen navigation*/
prm-main-menu[menu-type=full] .md-button .md-headline, prm-main-menu[menu-type=full] .overlay-menu-item .md-headline, .light-on-dark-dialog .md-button.button-as-link, .light-on-dark-dialog .md-button.button-confirm, md-dialog.light-on-dark-dialog md-list md-list-item.list-login .md-button, md-dialog.light-on-dark-dialog a:hover {
color: #fff !important;
}
/*hiding the Library Logo in the login window*/
.login-header {
display: none !important;
}
/*login-box make arrows clickable*/
prm-union-catalog-login button.md-no-style.md-button.md-primoExplore-theme.md-ink-ripple {
z-index: 100;
}
prm-login .md-button.md-no-style:hover {
color:black;
}
.login-card md-list-item.login-brighter-dialog prm-login-item {
width:100%;
}
prm-login .md-secondary-container md-icon.md-primoExplore-theme {
position: absolute;
margin: -27px 22px 0px -57px;
}
/*alertbar for the courier info*/
.courier-info {
margin: 0px 8px;
}
.courier-info.bar.alert-bar {
height: unset;
margin: 6px 8px;
padding: .5em .5em 0.25em;
text-align: center;
}
/*Library info icon*/
prm-location-items-after > div > span > a > img {
vertical-align: middle;
max-width: 30px;
margin: 4px 12px;
}
/*Library card Personal details display*/
#personalDetails > md-card-content > div {
flex-flow: column;
}
#personalDetails .md-input-has-value.layout-column {
min-width: 400px;
}
prm-personal-info-after {
display: flex;
}
/******************************************************************************/
/************************************ Full display ****************************/
/******************************************************************************/
/*Back buttons*/
md-tabs.tabs-as-app .back-button, prm-location-holdings .md-button.button-as-link, prm-location-items .button-link {
box-shadow: none;
color: #111111 !important;
background: rgba(17, 17, 17, 0.20) !important;
line-height: 24px;
border: 1px solid rgba(0, 0, 0, 0.59);
}
md-tabs.tabs-as-app:hover .back-button:hover, prm-location-holdings .md-button.button-as-link:hover:not([disabled]), prm-location-items .button-link:hover:not([disabled]) {
color: #111111 !important;
background-color: rgba(17, 17, 17, 0.10) !important;
}
/*Buttons margin*/
prm-request-services, prm-opac, prm-location-holdings .md-button.button-as-link {
margin-top: 5px;
}
/* Locations filter by default; hide filter button */
prm-locations button[ng-if='$ctrl.displayFiltersButton && !$ctrl.locationsPrefilterActive']{
display: none !important;
}
prm-location-items button[ng-if='($ctrl.isFilter || $ctrl.isFiltered) && $ctrl.isAnyFilterFilled()']{
display: none !important;
}
/* Location filter "Clear" button */
prm-locations-filter .md-button.button-as-link:hover:not([disabled]) {
background-color: rgba(17, 17, 17, 0.10) !important;
}
/*filter bar*/
prm-locations-filter md-select {
margin-top:1px;
}
prm-location-items prm-service-button .md-button.button-as-link {
padding:0 6px !important;
box-shadow:none;
line-height:28px;
}
/*FullView - Left Navigation */
prm-full-view .services-index-under{
min-width: 7em;
}
prm-full-view .services-index-under .md-button{
width: 100%;
/* border: 1px solid #c3c3c3; */
margin: 1px 0!important;
text-overflow: clip;
padding-right: 0;
white-space: normal;
line-height: 20px;
padding: 7px 5px;
}
prm-full-view .services-index-under .md-button span{
text-transform: none;
}
/*Full view Resource sharing */
#getit_link1_0 > div > prm-full-view-service-container > div.section-body > div {
display: flex;
flex-direction: column;
}
prm-opac {
order: 1;
}
prm-alma-other-members {
order: 2;
display: grid;
}
alma-htgi-svc {
order: 3;
}
primo-explore.logged-out alma-htgi-svc, primo-explore.alert alma-htgi-svc {
order: 0 !important;
}
.medium-uppercase-bold {
text-transform: none;
font-size: 1em;
}
/*Full display Resource sharing expand section*/
prm-alma-other-units button.layout-fill, prm-alma-other-members button.layout-fill {
height: auto;
min-height: auto;
}
/* Full display sections order */
#full-view-container > *:first-child {
display: flex;
flex-direction: column;
}
#brief {
order: 0 !important;
margin-bottom: -40px;
}
#citationTrails {
order: 1 !important;
margin-bottom: -30px;
}
#searchWithinJournal {
order: 2 !important;
margin-bottom: -30px;
}
#getit_link1_0 {
order: 3 !important;
margin-bottom: -30px;
}
#getit_link1_1 {
order: 4 !important;
margin-bottom: -30px;
}
#action_list {
order: 5 !important;
margin-bottom: -30px;
}
#details {
order: 6 !important;
margin-bottom: -30px;
}
#links {
order: 7 !important;
margin-bottom: -30px;
}
#moreFromTheSameCourse {
order: 8 !important;
margin-bottom: -30px;
}
#moreFromTheSameCollection {
order: 9 !important;
margin-bottom: -30px;
}
#virtualBrowse {
order: 10 !important;
margin-bottom: -30px;
}
/* Change of links in left navigation bar ENG */
[aria-label="Top"] {
order: 0 !important;
}
[aria-label="Citations"] {
order: 1 !important;
}
[aria-label="Search inside"] {
order: 2 !important;
}
[aria-label="View Online"] {
order: 3 !important;
}
[aria-label="Loan and request options"] {
order: 4 !important;
}
[aria-label="Send to"] {
order: 5 !important;
}
[aria-label="Details"] {
order: 6 !important;
}
[aria-label="Links"] {
order: 7 !important;
}
[aria-label="Course"] {
order: 8 !important;
}
[aria-label="Collection"] {
order: 9 !important;
}
[aria-label="Virtual Browse"] {
order: 10 !important;
}
/* Change of links in left navigation bar GER */
[aria-label="Top"] {
order: 0 !important;
}
[aria-label="Literatur"] {
order: 1 !important;
}
[aria-label="Suche innerhalb"] {
order: 2 !important;
}
[aria-label="Online ansehen"] {
order: 3 !important;
}
[aria-label="Ausleih- und Bestelloptionen"] {
order: 4 !important;
}
[aria-label="Senden an"] {
order: 5 !important;
}
[aria-label="Details"] {
order: 6 !important;
}
[aria-label="Links"] {
order: 7 !important;
}
[aria-label="Seminar"] {
order: 8 !important;
}
[aria-label="Sammlung"] {
order: 9 !important;
}
[aria-label="Virtuelles Regal"] {
order: 10 !important;
}
/* Change of links in left navigation bar FRE */
[aria-label="Haut"] {
order: 0 !important;
}
[aria-label="Citations"] {
order: 1 !important;
}
[aria-label="Rechercher dans"] {
order: 2 !important;
}
[aria-label="Consulter en ligne"] {
order: 3 !important;
}
[aria-label="Options de prêt et de demande"] {
order: 4 !important;
}
[aria-label="Envoyer vers"] {
order: 5 !important;
}
[aria-label="Détails"] {
order: 6 !important;
}
[aria-label="Liens"] {
order: 7 !important;
}
[aria-label="Cours"] {
order: 8 !important;
}
[aria-label="Collection"] {
order: 9 !important;
}
[aria-label="Etagère virtuelle"] {
order: 10 !important;
}
/* Change of links in left navigation bar ITA */
[aria-label="Top"] {
order: 0 !important;
}
[aria-label="Citazioni"] {
order: 1 !important;
}
[aria-label="Cerca in"] {
order: 2 !important;
}
[aria-label="Visualizza online"] {
order: 3 !important;
}
[aria-label="Opzioni di prestito e richiesta"] {
order: 4 !important;
}
[aria-label="Invia a"] {
order: 5 !important;
}
[aria-label="Dettagli"] {
order: 6 !important;
}
[aria-label="Link"] {
order: 7 !important;
}
[aria-label="Corso"] {
order: 8 !important;
}
[aria-label="Collezione"] {
order: 9 !important;
}
[aria-label="Scorri virtualmente"] {
order: 10 !important;
}
/******************************************************************************/
/************************************ Help Page *******************************/
/******************************************************************************/
#help img {
max-width: 100%;
height: auto;
}
img.icon_up1 {
width: 16px;
float: right;
margin: 13px 2px;
}
img.icon_up2 {
width: 10px;
float: right;
margin: 4px;
}
a > h3:hover {
background-color: #eee !important;
}
/******************************************************************************/
/************************************ Collections *****************************/
/******************************************************************************/
/*Collections navigation bar*/
prm-collection-navigation-breadcrumbs-item .md-button.button-as-link.link-alt-color {
box-shadow: none;
color: #ffffff !important;
background: #1111117a !important;
line-height: 24px;
}
prm-collection-navigation-breadcrumbs-item .md-button.button-as-link.link-alt-color:hover {
color:#ffffff !important;
background-color: #11111152 !important; }
/******************************************************************************/
/****************** SLSP "special" external resources ***************************/
/******************************************************************************/
.slsp-archives md-list-item{
cursor: pointer;
}
.slsp-archives .md-list-item-inner span {
padding-left: 2em;
}
.slsp-archives md-list md-list-item .md-button{
color: #3d6e94;
font-size: 16px;
}
.slsp-archives md-list md-list-item .md-button:hover:not([disabled]),
.slsp-archives md-list md-list-item .md-button:focus:not([disabled]) {
background-color: transparent;
color: #3d6e94;
text-decoration: underline;
}
.slsp-archives-additional-hint{
justify-content: center;
display: flex;
padding: 1em;
background-color: #f7eda3;
border-color: #ede49e;
margin-bottom: 1em;
padding-left: 2em;
box-shadow: 0 1px 0 0 rgb(0 0 0 / 3%), 0 5px 5px -3px rgb(0 0 0 / 7%);
}
/* mfa, tma */
.slsp-archives-hide alma-htgi-svc > * {
display: none;
}
.slsp-archives-hide alma-htgi-svc-after {
display: block;
}
/* hsa */
.slsp-archives-hide prm-alma-viewit > * {
display: none;
}
.slsp-archives-hide prm-alma-viewit-after {
display: block;
}
/* availability-line HSA, if no online resource */
prm-search-result-availability-line.slsp-hsa-no-online prm-icon{
display:none;
}
prm-search-result-availability-line.slsp-hsa-no-online .availability-status {
color: gray;
}
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/********************** End of the Central Package CSS ************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*************************** EPFL CUSTOM COLORS *******************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/* This file contains the EPFL part of the custom package. The SLSP part is in
the custom_slsp.css file. */
/*****************This two entries are the background of the primary color*******************/
prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-search-bar, prm-newspapers-search-bar,
prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond, .prm-primary-bg, md-checkbox.md-checked .md-icon,
md-tabs md-ink-bar, md-radio-button.md-checked .md-on, button.switch-to-simple, .md-button.button-confirm {
background-color: #ff0000 !important;
}
/* Suppression configuration master template */
prm-request-services .md-button.button-as-link{
background-color: unset !important;
}
md-tabs.tabs-as-app .back-button {
background-color: #777 !important;
line-height: 24px !important;
min-height: 24px !important;
margin: 4px 0 !important;
}
@media (max-width: 599px) {
prm-topbar .top-nav-bar {
border-color: #ff0000 !important;
}
}
/*.search-actions button{
background-color: #fff !important;
color: #222;
} */
/*****************This entry is the mouse over background of the links and buttons*******************/
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-icon.ps_icon:hover, a.ps_link:hover, a.ps_link.legal:hover, span.legal a:hover, button.switch-to-advanced:hover,
button.switch-to-simple:hover, .md-button.button-confirm:hover {
background-color: #ae0010 !important;
}
.md-button.button-as-link:hover:not([disabled]){
background-color: unset !important;
}
md-tabs.tabs-as-app .back-button:hover:not([disabled]){
background-color: #555 !important;
}
/*****************This two entries are the font color of the primary color*******************/
.prm-primary-bg, prm-atoz-search-bar, prm-browse-search-bar, prm-collection-gallery-header .collection-header-inner, prm-newspapers-search-bar,
prm-spinner.overlay-cover.light-on-dark:after, prm-tags-search-bar, prm-tree-nav prm-spinner .diamond, .prm-primary-bg, md-checkbox.md-checked .md-icon:after, .md-button.switch-to-advanced, button.switch-to-simple,
span.legal, span.legal > a, a.ps_link.legal, .ps_icon, md-card.prm-primary-bg.psfooter > md-card-content a, .md-button.button-confirm, md-tabs.tabs-as-app .back-button, prm-request-services .md-button.button-as-link {
color: #fff !important;
}
button.switch-to-advanced.zero-margin.button-with-icon.md-button.md-primoExplore-theme.md-ink-ripple {
border-color: #c1c1c1 !important;
}
/*****************This two entries are the background of the secondary color*******************/
.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg {
background-color: #ffcccc !important;
}
.text-highlight, mark {
box-shadow: inset 0 -0.15em 0 0 #ff0000 ;
}
/*****************This entry is the font color of the secondary color*******************/
.bar.alert-bar, .classic-input .search-scope, .prm-alert-bg, .bar prm-authentication .md-button, button.dismiss-alert-button, div.courier-info > span a {
color: #111111 !important;
}
/*********************************/
/* CSS pour les bases de données */
/*********************************/
prm-databases-categorize h2,
prm-databases-categorize prm-tree-nav{
width: 220px;
max-width: 220px;
}
@media only screen and (max-width: 1100px){
prm-databases-categorize h2,
prm-databases-categorize prm-tree-nav{
width: 180px !important;
max-width: 180px !important;
}
}
/*****************Selected text color*******************/
::selection {
background: #ffbe8f; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #ffbe8f; /* Gecko Browsers */
}
/*****************This entry remove default color from various texts*******************/
md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list[class$="-line"] md-list-item > .md-no-style .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog .md-list md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog .md-list md-list-item > .md-no-style .md-list-item-text h3, md-dialog.light-on-dark-dialog md-list md-list-item .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog md-list md-list-item .md-list-item-text h3, md-dialog.light-on-dark-dialog md-list md-list-item > .md-no-style .md-list-item-text .list-item-title, md-dialog.light-on-dark-dialog md-list md-list-item > .md-no-style .md-list-item-text h3, md-button.arrow-link-button md-dialog.light-on-dark-dialog .button-content, md-dialog.light-on-dark-dialog .md-button.arrow-link-button .button-content, md-dialog.light-on-dark-dialog a{
color: #ffcccc !important;
}
/*Bouton pour confirmer une demande*/
prm-request button.md-button.button-confirm, span[translate="fulldisplay.locations.showmore"], .courier-info .button-confirm {
background-color: #080 !important;
border-radius: 2px;
border-style: none;
}
prm-request button.md-button.button-confirm:hover, span[translate="fulldisplay.locations.showmore"]:hover, .courier-info .button-confirm:hover {
background-color: #050 !important;
}
span[translate="fulldisplay.locations.showmore"]{
line-height: 24px !important;
padding: 5px 8px;
margin: 4px 0 !important;
color: white;
border-radius: 2px;
}
/* Suppression du fond du bouton + d'exemplaires */
prm-location-items .md-button.button-link:hover:not([disabled]){
background-color: transparent !important;
border-style: none !important;
}
button[ng-hide="!$ctrl.currLoc.isMore"] {
background-color: transparent !important;
border-style: none !important;
}
/* Fix SLSP pour la couleur du bouton secondaire */
.bar prm-authentication .md-button:hover:not([disabled]), button.dismiss-alert-button:hover{
background-color:#ffdddd !important;
border: 1px solid #ae0010;
}
/* Fix SLSP pour le bouton ""élargir" */
button.item-expand-button.md-button.md-primoExplore-theme.md-ink-ripple{
background-color: #D3D3D3!important;
}
/*****************This entry remove default color from various forms*******************/
.md-input-color-underline, .new-result-item .list-item-count, .prm-secondary-bg.prm-hue1,
md-input-container.empty-select-on-init:not(.md-input-focused) .md-input-container-dummy > .md-select-dummy md-select-value::after,
md-input-container.empty-select-on-init:not(.md-input-focused) md-select md-select-value::after, md-input-container::after,
md-progress-linear[md-mode="indeterminate"].header-progress-bar .prm-hue1.md-bar, md-radio-button.md-checked ._md-on,
md-radio-button.md-checked .md-on, md-tabs md-ink-bar, prm-tags-list .md-chips ._md-chip-input-container::after,
prm-tags-list .md-chips .md-chip-input-container::after, prm-tags-list md-chips ._md-chip-input-container::after,
prm-tags-list md-chips .md-chip-input-container::after {
background-color: #ff0000 !important;
}
md-card.psfooter, md-card.psfooter-legal,
md-card.psfooter > md-card-content.prm-primary-bg, md-card.psfooter-legal > md-card-content.prm-primary-bg,
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-card.prm-primary-bg.psfooter-legal > md-card-content a:hover{
background-color: #d6d6d6 !important;
}
md-card.psfooter md-card-content, md-card.psfooter-legal md-card-content,
md-card.prm-primary-bg.psfooter > md-card-content a, md-card.prm-primary-bg.psfooter-legal > md-card-content a,
md-card.prm-primary-bg.psfooter-legal span.legal {
color: #3a3a3a !important;
}
md-card.prm-primary-bg.psfooter > md-card-content a:hover, md-card.prm-primary-bg.psfooter-legal > md-card-content a:hover {
color: #ff0000 !important;
}
/* Navigation Links on fullview notices */
prm-full-view .services-index-under{
min-width: 7em;
}
prm-full-view .services-index-under .md-button{
background-color: white;
width: 100%;
border: 1px solid #c3c3c3;
margin: 1px 0!important;
text-overflow: clip;
padding-right: 0;
white-space: normal;
line-height: 20px;
padding: 5px;
}
prm-full-view .services-index-under .md-button span{
text-transform: none;
}
/* Couleur rouge pour les logos téléphone, mail, etc. */
.puce{
text-decoration: none !important;
}
.puce > span:first-child{
color: #ff0000;
fill: #ff0000;
}
h1.md-headline{
font-size: 36px;
line-height: 42px;
}
h2.md-headline{
font-size: 28px;
line-height: 34px;
}
md-content.epfl-row {
justify-content: center;
}
.epfl-row md-card-title{
flex: none;
}
.epfl-row md-card {
height: 100%;
}
.epfl-social a{
text-decoration: none !important;
}
/* Augmente l'espace pour réduire la probabilité de clic sur le lien */
prm-login md-list md-list-item:first-child p[translate="parallel.login.description1"]{
margin-top:15px !important;
}
/* Réduit la taille du lien Alma */
prm-login md-list md-list-item:last-child {
font-size: x-small !important;
}
/* Rendre les chevrons cliquables */
prm-login button.md-no-style.md-button.md-primoExplore-theme.md-ink-ripple{
z-index: 100;
}
/*********************************/
/* CSS pour le compte du lecteur */
/*********************************/
/* Liste des institutions sur le compte du lecteur */
/* Ajoute le rouge EPFL sur l'icône d'activité et sur l'institution sélectionnée*/
prm-account md-list-item.is-selected h3.institution-name,
prm-account md-list-item prm-icon {
color: red !important;
}
/* Le fond gris englobe l'icône */
prm-account-overview .main-institution-list md-list-item:focus-within,
prm-account-overview .main-institution-list md-list-item:hover {
background-color: #3a3a3a !important;
}
.feedbacklink md-icon{
height: 20px;
width: 20px;
min-height: 20px;
min-width: 20px;
}
prm-alma-viewit-after .bar{
height: auto;
}
/* Empêcher les retours à la ligne pour les cotes */
span[ng-if="$ctrl.location.callNumber"]{
white-space: nowrap
}
.btn-account {
padding: 24px;
}
.btn-account md-card-content.bar{
margin: 0 0 12px 0!important;
border: solid #ddd 1px !important;
background-color: #fff !important;
min-width: 100%;
display: table;
padding: 0 10px !important;
margin: 0 0 12px 0 !important;
}
.btn-account a md-card-content.bar:hover{
background-color: #ddd !important;
}
.btn-account .md-subhead{
font-size: inherit;
display: table-cell;
vertical-align: middle;
padding-left: 15px;
box-sizing: border-box;
}
.btn-account .md-subhead{
min-height: 100%;
}
.btn-account prm-icon{
vertical-align: middle;
margin-left: : 10px;
width: 20px;
height: 20px;
display: table-cell;
}
/*****************This entry adapt the message fee*******************/
.feemsg {
background-color: #ffcccc;
border-radius: 3px;
padding: 8px;
}
.feemsg>div {
margin-left: 10px;
}
.bigfont {
font-size: 20px;
}
/* Bouton de la recherche avancée */
.search-switch-buttons span{
font-variant: small-caps;
font-size: 1.15em;
}
.search-switch-buttons button{
border: none !important;
}
/* Message d'alerte */
prm-search-bar>div {
height: inherit !important;
min-height: inherit !important;
}
prm-search-bar-after>div {
background-color: #fff !important;
margin-top: 20px;
padding: 10px 15px;
}
prm-search-bar-after p {
margin: 0 12px;
}
.info-symbol::before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 34 34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%234a90e2' width='34' height='34' rx='4'/%3E%3Cpath d='M17 25V15M17 13V9' stroke='%23FFF' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
width: 24px;
height: 24px;
position: absolute;
display: inline-block;
top: 50%;
left: .6rem;
width: 1.6rem;
height: 1.6rem;
margin-top: -.8rem;
}
.info-symbol {
position: relative;
}
.info-symbol div {
margin-left: 50px;
}
prm-search-bar-after p {
padding: .25em 0 .25em;
margin: 0;
}
prm-search-bar-after a {
color: black;
text-decoration: underline;
}
/* Empêcher que le blanc de l'effet hover masque la notice */
prm-search-result-availability-line-after {
z-index: 8;
position: relative;
}
.pdf_btn prm-icon{
min-width: 22px;
min-height: 22px;
width: 20px;
height: 20px;
/*color: #ff2116;*/
}
.pdf_btn {
margin-top: 15px;
}
.pdf_btn a{
padding: 5px;
border: 2px rgb(40, 167, 69) solid;
background-color: rgba(40, 167, 69, .2);
border-radius: 4px;
color: rgb(58, 58, 58);
}
.pdf_btn:hover a{
background-color: rgba(40, 167, 69, .4);
border-radius: 4px;
color: black;
}
/* Lien vers les séries */
.link_gray{
color: gray !important;
}
/* Mise en évidence des boutons pour les demandes de service */
/* span[translate="AlmaRequest"] {
text-decoration: underline #0B0 3px;
padding: 2px 6px;
}
span[translate="AlmaRequest"]:hover{
background-color: #050 !important;
text-decoration: none;
color: white;
border-radius: 2px;
} */
/* span[translate="nui.request.request"]{
display: none;
} */
/* Soulignement des boutons proposant un service */
prm-service-button button, .greenbutton {
padding-left: 0px !important;
padding-right: 0px !important;
}
prm-service-button button > span, .greenbutton>span {
background-color: #080 !important;
color: white !important;
padding: 2px 6px;
border-radius: 2px;
}
prm-service-button button > span:hover, .greenbutton>span:hover {
background-color: #050 !important;
}
prm-location-items > md-list > md-list-item > div > div > div > div > prm-service-button > button {
box-shadow: unset !important;
}
/* Alignement de l'intitulé "Demandes" */
prm-request-services h3.section-title{
top: 0px;
}
/* Alignement central des boutons de demande */
prm-request-services .labeled-block {
align-items: center;
}
/* Suppression du sous-titre demande
span[translate="nui.request.request"]{
display: none;
}*/
/* Suppression du bouton PEB
span[translate="AlmaResourceSharing"]{
display: none;
}
.links-block .separated-block-item::after{
content: none !important;
} */
/* Crée la place pour le titre et le sous-titre */
prm-topbar {
height: 150px !important;
}
prm-main-menu[menu-type="menu"],
.top-nav-bar,
prm-search-bookmark-filter
{
max-height: 60px !important;
height: 60px !important;
min-height: auto !important;
}
/* Mise en forme du titre et sous-titre */
.main-title{
padding: .85em;
background-color: white;
}
.main-title h1{
font-size: 2em !important;
margin-bottom: 0;
}
.main-title h1 > a{
color: black;
}
prm-main-menu[menu-type="menu"] #mainMenu>div {
border-bottom: solid #ddd 1px;
}
.main-title h2{
font-size: 1.2em !important;
font-weight: bold;
}
/* Adapte le sous-titre lorsque l'écran est relativement petit */
@media only screen and (max-width: 660px){
.main-title h2{
font-size: 1.1em !important;
}
}
/* Menu sur les petits écrans */
prm-main-menu[menu-type="full"] .md-button .md-headline{
color: #ff9999 !important;
}
prm-main-menu .md-subhead{
display: none;
}
.__sm prm-main-menu[menu-type="full"] .settings-container + md-divider{
margin-top: 6em !important;
}
/* Menu sur grand écran */
prm-main-menu[menu-type="menu"] .button-over-dark, prm-topbar .md-button:not(.disable-hover){
color: #222 !important;
}
/* Petit triangle du menu */
prm-user-area-expandable .button-with-menu-arrow:hover .menu-arrow:hover:not([disabled]){
background-color: inherit;
}
prm-databases-categorize button.is-selected{
color: red !important;
}
prm-databases-categorize button:hover{
background-color: #aaa !important;
color: inherit !important;
}
prm-databases-categorize button.is-selected:hover{
color: red !important;
}
prm-tree-nav md-list md-list-item::after{
opacity: 1 !important;
}
prm-tree-nav md-list md-list-item::after{
opacity: .3 !important;
}
prm-databases-categorize h2,
prm-databases-categorize prm-tree-nav{
width: 220px;
max-width: 220px;
}
@media only screen and (max-width: 1100px){
prm-databases-categorize h2,
prm-databases-categorize prm-tree-nav{
width: 180px !important;
max-width: 180px !important;
}
}
c4science · Help