Homec4science
Diffusion Primo_3_package (release) Browse

Primo3/primo-explore/custom/41SLSP_HPH-EPFL/css/custom1.css
1b91de2b5980release

Last Change
Raw File

custom1.css
View Options

/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/*************************** Central 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]) {
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-confirm {
border: 1px solid #ffffff;
}
.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;
}
}
/*************** 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;
}
/*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;
}
/*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 {
color: #fff !important;
}
/*hiding the Library Logo in the login window*/
.login-header {
display: none;
}
/*alertbar for the courier info*/
.courier-info {
margin: 0px 8px;
}
/*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;
}
#prm_contact\.address_1 {
width: 400px;
}
/*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;
}
/******************************************************************************/
/************************************ 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;
}
/*****************lenght of the address field in personal details**************/
/*#personalDetails > md-card-content {
flex-direction: column;
}
#prm_contact\.address_1 {
min-width: 420px;
}*/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/********************** 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;
}
@media (max-width: 599px) {
prm-topbar .top-nav-bar {
border-color: #ff0000 !important;
}
}
/*****************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;
}
/*****************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-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-checkbox.md-checked ._md-icon, .md-button.button-confirm {
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;
}
/*****************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{
background-color: #080 !important;
}
prm-request button.md-button.button-confirm:hover{
background-color: #050 !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;
}
/* 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;
}
prm-account-links-after div {
display: flex;
align-items: center;
margin-top: 10px;
}
prm-account-links-after img{
margin-right: 5px;
}
/* Empêcher les retours à la ligne pour les cotes */
span[ng-if="$ctrl.location.callNumber"]{
white-space: nowrap
}
/*****************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;
}
/* 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;
}
/* 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;
}
c4science · Help