diff --git a/themes/default/css/custom.css b/themes/default/css/custom.css index 9c340bc..b18d73d 100644 --- a/themes/default/css/custom.css +++ b/themes/default/css/custom.css @@ -36,23 +36,41 @@ */ -*, input, select, .button, button, input[type="reset"], input[type="submit"], input[type="button"], ::placeholder { - box-sizing: border-box; - font-family: 'Open Sans', sans-serif; +:root { --mainColor: #006dac; --lightbeige: #fafafa; --darkMainColor: #005c9e; --darkgray: #333; --buttongray: #666; } - +*, input, .button, button, input[type="reset"], input[type="submit"], input[type="button"] { + font-family: 'Open Sans', sans-serif; +} +/* pour annuler font de la css style */ +body { + font-family: 'Open Sans', sans-serif; +} +textarea, select, input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week']{ + font-family: 'Open Sans', sans-serif; +} +/* pour Edge*/ +/*::placeholder { + font-family: 'Open Sans', sans-serif; +}*/ +::-ms-input-placeholder { + font-family: 'Open Sans', sans-serif; +} +/* fin de edge */ h1, .h1, h2, .h2{ font-variant: small-caps; font-weight: normal; } /*placeholder*/ -::placeholder { +::placeholder, ::-ms-input-placeholder { + font-style: italic; +} +::-ms-input-placeholder { font-style: italic; } @@ -155,7 +173,9 @@ margin: 0 0.2em; font-weight: 900; } - +i.fas.fa-external-link-alt{ + font-size: 1em; +} #user-icon::before { color: var(--mainColor); } @@ -215,8 +235,11 @@ padding: 0.5em; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2); } - -header .shareMenu div { +header .shareMenu h4 { + text-align: center; + color: black; +} +header .shareMenu a, header .shareMenu div { display: flex; flex-direction: row; justify-content: left; @@ -227,24 +250,14 @@ background-color: lightgray; box-shadow: 1px 1px 1px black; border-radius: 10px; - padding: 5px; + padding: 5px; + text-decoration: none; cursor: pointer; } - -header .shareMenu div:hover { +header .shareMenu a:hover, header .shareMenu div:hover { transform: scale(1.03); } - -header .shareMenu a { - text-decoration: none; -} - -header .shareMenu h4 { - text-align: center; - color: black; -} - -header .shareMenu h6 { +header .shareMenu h5 { margin: 0; font-size: 13px; font-weight: bold; @@ -478,7 +491,7 @@ } /* enleve le symbole fleche devant les items du menu */ -#primary-nav ul.navigation>li a:before { +#primary-nav ul.navigation > li a:before { content: ""; } @@ -547,18 +560,18 @@ height: 10em; margin-bottom: 1em; } -.item.show #item-images >div{ +.item.show #item-images > div{ display: flex; flex-direction: column; justify-content: center; align-items: center; } -.item.show #item-images>div a { +.item.show #item-images > div a { margin: 0; height: auto; } -.item.show #item-images>div a:last-child { +.item.show #item-images > div a:last-child { color:white; width:87%; padding: 0.5em; @@ -566,22 +579,20 @@ background-color: var(--buttongray); } -.item.show #item-images>div a:hover { - transform: none; - cursor: auto; +.item.show #item-images > div a:hover { } -.item.show #item-images>div a img { +.item.show #item-images > div a img { width: 7em; margin: 0.5em 0.5em 0; } -.item.show #item-images>div a img:hover { +.item.show #item-images > div a img:hover { transform: scale(1.05); cursor: pointer; } -.item.show #itemfiles h3>div { +.item.show #itemfiles h3 > div { margin-top: 0.5em; } @@ -611,7 +622,13 @@ margin: 0; margin-bottom: 0.5em; } - +.element-set .element h3 { + width: 30%; +} +#dublin-core-format .element-text { + display:block; + margin-left: 31%; +} .item.show h3, .item.show h2 { font-size: 16px; line-height: 20px; @@ -624,12 +641,12 @@ } /* mettre un point-virgule entre les champs en ligne */ -.item.show .element-set>div>.element-text>*:after { +.item.show .element-set > div > .element-text > *:after { content: ""; } /* enlève le point virgule sur le dernier élément des champs en ligne */ -.item.show .element-set>div>.element-text:last-of-type>*:after { +.item.show .element-set > div > .element-text:last-of-type > *:after { content: ""; } @@ -710,13 +727,12 @@ flex: 1; } -#geolocation { +#geolocation, #geolocation-browse { width: 100%; padding: 0.5em; align-self: center; margin: 1em 0; } - #geolocation h2 { margin-bottom: 1em; } @@ -806,10 +822,11 @@ .items.advanced-search #search-narrow-by-fields .advanced-search-joiner, #search_block #search-narrow-by-fields .advanced-search-joiner { - width: 5%; + width: 8%; background-color: lightgray; margin-right: 2em; font-size: 0.95em; + min-width: max-content; } #search-narrow-by-fields .inputs .remove_search .inputs .remove_search { @@ -868,7 +885,8 @@ } #search-narrow-by-fields .search-entry:first-child .advanced-search-joiner { - display: none; + display: block; + visibility: hidden; } #credits #wrap, #mentions-legales #wrap, @@ -890,7 +908,10 @@ width: 100%; text-align: left; } - +.collections.show #wrap #content #collection-items h2 a{ + padding-left: 1.2em; + background: url(../logos_img/img/parcourirpetit.png) no-repeat left center; +} .collections.show #wrap #content .element-set #dublin-core-description .element-text { display: flex; flex-direction: column; @@ -986,8 +1007,33 @@ margin-bottom: 0.5em; } -.collections.browse .view-items-link ::before { - content: '> '; +.collections.browse .view-items-link a { + padding-left: 2em; + background: url(../logos_img/img/parcourirpetit.png) no-repeat left center; +} +.collections.browse .view-items-link a span{ + font-weight: bold; +} +#views{ + flex-basis: 100%; + border-bottom: 0.0625em solid #ccc; +} + +#views div{ + width: max-content; + margin-left: auto; +} + +#views a:nth-of-type(2){ + border-left: 0.0625em solid #ccc; +} + +#views a i{ + font-size: 16px; +} + +#views a .active{ + color: orange; } #content .collection { @@ -1516,14 +1562,14 @@ /* logos */ #footer-text .footer-logos { display: flex; - flex-basis: 50%; + flex-basis: 60%; flex-flow: row wrap; justify-content: center; } #footer-text .footer-logos span { - display: flex; - flex: 1; + display: flex; + /* flex: 1;*/ } /* dimensions des logos */ diff --git a/themes/default/javascripts/custom.js b/themes/default/javascripts/custom.js index 82f70ed..e71e25d 100644 --- a/themes/default/javascripts/custom.js +++ b/themes/default/javascripts/custom.js @@ -1,526 +1,579 @@ jQuery(document).ready(function(){ - //icones reseaux Sociaux + fluxRSS - var barreIcones = jQuery('
'); + //icones reseaux Sociaux + fluxRSS + var barreIcones = jQuery(''); - barreIcones.ajouterIcone = function(lien, id, classe, title){ - this.append('' + ''); - } + barreIcones.ajouterIcone = function(lien, id, classe, title){ + this.append('' + ''); + } - barreIcones.ajouterIcone("/items/browse?output=rss2", "rss-icon", "rss-square"); - barreIcones.ajouterIcone("/admin/", "user-icon", "user-circle"); + barreIcones.ajouterIcone("/items/browse?output=rss2", "rss-icon", "rss-square"); + barreIcones.ajouterIcone("/admin/", "user-icon", "user-circle"); - var partage = jQuery(''); - barreIcones.prepend(partage); - shareMenu = jQuery('